0.1.3 • Published 4 years ago
@aligov/block-tree v0.1.3
Tree区块
@aligov/block-tree
何时使用
block-tree区块，可用于左侧节点可选择树，右侧根据节点变化进行联动的table/其他的场景。
功能：
- 左侧树，可进行增删改差
- 右侧组件，可根据所选择节点进行联动
- 外部不需要关注区块布局、节点状态
Install
tnpm install @aligov/block-tree --saveAPI
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| hasSearch | 是否有搜索框 | boolean | false |
| hasAdd | 是否有添加按钮 | boolean | false |
| addBtnProps | 添加按钮props | IButtonProps | { type:'primery' } |
| addBtnText | 添加按钮文案 | string | 添加 |
| defaultNode | 默认选中节点 | node | 第一个节点 |
| treeStyle | 树样式 | CSSProperties | { margin-right: 10} |
| loadData | 数据源异步加载函数 | (node,pos)=>Promise | func.noop |
| disabled | 禁用 | Boolean | false |
| dataSource | 数据源 | [{ label: '节点名', children:[], hasAdd:true,hasDelete:true,key:'1' }] | [] |
| onChange | 节点改变时回调函数 | (node: any) => any | func.noop |
| onAdd | 添加节点回调函数 | (node?:any)=>any | func.noop |
| onDelete | 删除节点回调函数 | (node:any)=>any | func.noop |
| onEdit | 边界节点回调函数 | (node:any)=>any | func.noop |