开发预览更新于 2026-05-10

TreeSelect 树形选择

把树形数据放进下拉选择器，支持搜索、多选、清空与禁用节点。

基础用法

CfTreeSelect 面向部门、权限、资源目录、地区等层级数据。选项通过 children 描述树结构，搜索会匹配节点自身与路径。

已选：edge-workers

src/App.vue vue

<CfTreeSelect v-model="value" :options="options" searchable clearable />

src/App.tsx tsx

<CfTreeSelect value={value} options={options} searchable clearable onChange={setValue} />

事件：Vue update:modelValue / change(value, node)，React onChange(value, node)。