(本组件开发，基于 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/supplement    |    add     |
| verificationScrollId  | 滚动元素id,用于校验错误时滚动条定位   | string|   -  |    -     |
| slots  | 插槽功能，节点name为key 插入对应节点  | {[key:string]:()=>ReactNode}|   -  |    -     |
| apiUrl  | 接口转发地址  | string |   -  |    /api    |
|fileUploadPreview   | 文件上传是否可在线预览  | boolean |   -  |    false   |