| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| classList | 自定义class | Object | - |
| class | 自定义class | string | - |
| style | 自定义样式 | Object | |
| data | 源数据 | Array | |
| checkable | 是否开启选择框模式 | boolean | |
| checkRelation | 选择框的级联关系 related | unRelated | string | related |
| directory | 显示目录图标 | boolean | |
| contextMenu | 右键菜单配合DropdownMenu使用 | JSXElement | |
| ref | 组件引用对象 | Object | |
| draggable | 是否开始拖拽 | boolean | |
| loadData | 配合数据项的loading | Function | |
| beforeDropMethod | 拖拽释放前的逻辑判断返回true才允许释放 | Function | |
| beforeExpand | 展开节点前的方法，返回true才能展开 | Function | |
| selected | 可控选中节点id | NodeKeyType | Signal<NodeKeyType> | |
| value | 可控值 | NodeKeyType | Signal<NodeKeyType> | |
| keyField | 节点key的字段 | string | id |
| titleField | 节点标题的字段 | string | title |
| selectedClass | 节点选中时的class | string | |
| dragHoverClass | 节点拖拽经过时的class | string | |
| draggingClass | 被拖拽节点的class | string | |
| customIcon | 自定义图标函数,返回自定义图标 | Function | |
| arrowIcon | 自定义箭头图标函数,返回自定义图标 | Function | |
| mode | 树数据选择模式，FULL、HALF、CHILD、SHALLOW | String | |
| emptyText | 数据为空时的提示字符 | string | 暂无数据 |
| onChange | 复选框选中事件 | Function | |
| onSelectMenu | 右键菜单项选中事件 | Function | |
| onNodeSelect | 节点选中事件 | Function | |
| onContextMenu | 右键菜单事件 | Function | |
| onNodeCheck | 节点勾选事件 | Function | |
| onNodeDrop | 节点拖拽释放事件 | Function | |
| onNodeDragStart | 节点拖拽开始事件 | Function | |
| onNodeDragEnter | 节点拖入事件 | Function | |
| onNodeDragOver | 节点拖拽Over事件 | Function | |
| onNodeDragLeave | 节点拖拽离开事件 | Function | |
| onNodeExpand | 节点展开事件 | Function | |
| onNodeCollapse | 节点收起事件 | Function |
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| id | 数据项标识字段 | string | number | |
| title | 节点名称 | string | |
| loading | 动态加载节点 | boolean | |
| icon | 自定义图标 | any | |
| disabled | 节点禁用 | boolean | |
| patch | 追加数据 | JSXElement | |
| expand | 展开节点 | boolean | |
| checked | 节点是否勾选 | boolean | |
| selected | 节点是否选中 | boolean |
| 事件名称 | 说明 | 返回值 |
|---|---|---|
onChange | 复选框选中事件 | value |
onSelectMenu | 右键菜单项选中事件 | name |
onNodeSelect | 节点选中事件 | node |
onContextMenu | 右键菜单事件 | node |
onNodeCheck | 节点勾选事件 | node, checked: boolean |
onNodeDrop | 节点拖拽释放事件 | e: any, node: TreeNode, dragNode: TreeNode, hoverPart: dragHoverPartEnum |
onNodeDragStart | 节点拖拽开始事件 | e: any, node: TreeNode |
onNodeDragEnter | 节点拖入事件 | e: any, node: TreeNode, hoverPart: dragHoverPartEnum |
onNodeDragOver | 节点拖拽Over事件 | e: any, node: TreeNode, hoverPart: dragHoverPartEnum |
onNodeDragLeave | 节点拖拽离开事件 | e: any, node: TreeNode, hoverPart: dragHoverPartEnum |
onNodeExpand | 节点展开事件 | node: TreeNode |
onNodeCollapse | 节点收起事件 | node: TreeNode |