Tree 树形控件
树形数据展示组件。
示例
可访问性
- 根节点默认使用
role="tree",可通过aria-label或aria-labelledby为树提供名称。 - 节点使用
role="treeitem",并根据层级、同级位置和展开状态输出aria-level、aria-posinset、aria-setsize、aria-expanded。 - 仅当前焦点节点进入 Tab 顺序;获得焦点后可使用
ArrowUp/ArrowDown、Home/End在可见节点间移动。 ArrowRight会展开当前可展开节点或移动到第一个子节点;ArrowLeft会收起当前节点或移动到父节点;Enter/Space可切换展开状态。
API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| data | 树数据 | TreeNode[] | - |
| expandedKeys | 展开的节点 | string[] | - |
| defaultExpandedKeys | 默认展开 | string[] | - |
| onExpand | 展开回调 | (keys) => void | - |