Tree 树形控件

规则

基础示例（勾选）

形态示例

整段禁用

Events 示例

参考：Antdv Next Tree

value：解析器下对应 checkedKeys（勾选节点的 key 列表）；若关闭勾选或自定义绑定请查阅业务封装。

Props

参数	说明	类型	默认值	版本
allowDrop	是否允许放置	({ dropNode, dropPosition }) => boolean	-	-
autoExpandParent	自动展开父节点	boolean	false	-
blockNode	节点占一行	boolean	false	-
checkable	显示 Checkbox	boolean	false	-
checkedKeys	受控选中（checkable）	string[] | object	[]	-
checkStrictly	父子独立	boolean	false	-
classes	语义化 class	Record<SemanticDOM, string> | function	-	-
defaultCheckedKeys	默认选中	string[]	[]	-
defaultExpandAll	默认展开全部	boolean	false	-
defaultExpandedKeys	默认展开	string[]	[]	-
defaultExpandParent	默认展开父	boolean	true	-
defaultSelectedKeys	默认选中节点	string[]	[]	-
disabled	禁用树	boolean	false	-
draggable	可拖拽配置	boolean | function | object	false	-
expandedKeys	受控展开	string[]	[]	-
fieldNames	自定义 title/key/children	object	默认字段	-
filterTreeNode	筛选高亮	function(node)	-	-
height	虚拟滚动高度	number	-	-
icon	自定义图标	VueNode | function	-	-
loadData	异步加载	function(node)	-	-
loadedKeys	已加载 keys	string[]	[]	-
multiple	多选节点	boolean	false	-
rootStyle	根 style	CSSProperties	-	-
selectable	是否可选	boolean	true	-
selectedKeys	受控选中节点	string[]	-	-
showIcon	展示图标	boolean	false	-
showLine	展示连接线	boolean | object	false	-
styles	语义化 style	Record<SemanticDOM, CSSProperties> | function	-	-
switcherIcon	展开图标	VueNode | function	-	-
switcherLoadingIcon	加载图标	VueNode	-	-
titleRender	自定义标题	function	-	-
treeData	树数据	array	-	-
virtual	虚拟滚动	boolean	true	-

Events

事件	说明	类型	版本
check	点击复选框	function(checkedKeys, e)	-
dragEnd	拖拽结束	function({ event, node })	-
dragEnter / dragLeave / dragOver	拖拽过程	function	-
dragStart	开始拖拽	function({ event, node })	-
drop	放置	function({ event, node, dragNode, dragNodesKeys })	-
expand	展开/收起	function(expandedKeys, info)	-
load	加载完成	function(loadedKeys, info)	-
rightClick	右键	function({ event, node })	-
select	点击节点	function(selectedKeys, e)	-