0.0.1 • Published 3 months ago
ewell-treepageform v0.0.1
(本组件开发,基于 frontend-ui-startkit 脚手架)
命名规则:
- (形式 + 作用)|操作
- 由于publish时,包名称不支持??中横杠字符,可以使用驼峰形式
dependencies 为发布依赖包集合
:::dependencies { "dependencies": { "axios": "^0.17.1", "antd": "^3.26.15", "react": "^16.9.0", "react-dom": "^16.9.0", "rc-align": "2.4.5", "@ewell/OrganizationCascader": "latest" }, "devDependencies": { "whatwg-fetch": "2.0.3" } } :::dependencies
数据源处理
- dataSource
- 数据为空时处理
主要功能:
- 文书填写
组件描述模版
演示容器组件
@ewell/TreePageForm
组件用途说明。
代码演示
:::demo 组件演示代码块。
import TreeForm, { useTreeForm, DocNode } from '@ewell/TreePageForm';
let form = useTreeForm();//hooks class组件使用ref
submit(){
form.getAnswers() //入参true时 校验错误直接返回false
}
<TreeForm
tree={docTrees.docNodes}
initialValues={saveValue}
onCheckNode={checkNode}
treeForm={form}
eventCallBack={eventCallBack}
areaControl={{hideNodes:[]}}
/>
:::
### API
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| tree | 组件树结构 | Node[] | - | — |
| initialValues | 初始答案 | saveValue[] | - | — |
| treeForm | 树实例 | | - | — |
| eventCallBack | 回车事件回调 | (type:配置回调标识, value:回调值, node:促发节点,onSuccess:回调) | - | — |
| areaControl | 节点区域控制 | {hideNodes:[],disAbledNodes:[]} | - | — |
| mode | 模式 | string| add/edit/show | add |
| verificationScrollId | 滚动元素id,用于校验错误时滚动条定位 | string| - | - |
| slots | 插槽功能,节点name为key 插入对应节点 | {[key:string]:()=>ReactNode}| - | - |
| apiUrl | 接口转发地址 | string | - | /api |
0.0.1
3 months ago