# Tree 树形控件

用于有层级关系数据的展示，包含展开/收起、选择等功能。

## 使用示例

<!-- <Half> -->

### 基本用法

[Example: TreeData](./_example/TreeDataExample.jsx)

### 包含图标

[Example: TreeIcon](./_example/TreeIconExample.jsx)

### 异步加载

通过 `onLoad` 和 `data` 属性实现展开异步加载结点。

[Example: TreeDynamic](./_example/TreeDynamicExample.jsx)

### 高亮选中节点

[Example: TreeActiveIcon](./_example/TreeActiveExample.jsx)

### 包含操作

[Example: TreeOperation](./_example/TreeOperationExample.jsx)

### 虚拟滚动

设置 `height` 属性开启虚拟滚动，以优化大数据量时性能开销。

[Example: TreeVirtualized](./_example/TreeVirtualizedExample.jsx)

### 点击节点可展开

[Example: TreeFull](./_example/TreeFullExample.jsx)

### 支持过滤

[Example: TreeFilter](./_example/TreeFilterExample.jsx)

<!-- </Half> -->

---

## <Tree.Node> 组件

🙁  不推荐通过该方式使用 Tree 组件。

<!-- <Half> -->

### 基本用法

[Example: Tree](./_example/TreeExample.jsx)

### 自定义节点

😭 当前使用自定义节点无法获得 Tree 的全部能力。

[Example: TreeCustomNode](./deprecated/_example/TreeCustomNodeExample.jsx)

<!-- </Half> -->

## 组件属性

[Interface: TreeProps](./TreeProps.ts)

[Interface: TreeNodeProps](./TreeProps.ts)