Skip to content

TreeSelectPc 树形选择 ​

含有下拉菜单的树形选择器,结合了 r-tree 和 r-select 两个组件的功能。

基础用法 ​

选择任意级别 ​

TIP

当使用 show-checkbox时,由于 check-on-click-node 默认值是 false,这时候只能通过 checkbox 来选中,当然您也可以将其设置成 true,这样点击整个 node 都可以用来完成选择

多选 ​

禁用选项 ​

可筛选 ​

自定义内容 ​

懒加载 ​

API ​

由于这个组件是 r-tree 和 r-select 的结合体,他们的原始属性未被更改,故不在此重复。请跳转查看原组件的相应文档。

Props 特有 ​

属性名详情类型可选值默认值
cacheData懒加载节点的缓存数据,结构与数据相同,用于获取未加载数据的标签array--

类型定义 ​

组件导出以下类型定义:

ts
import type { TreeSelectPcProps, TreeSelectPcThemeVars } from 'ryxon'

主题定制 ​

样式变量 ​

组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 ConfigProvider 组件。

名称默认值描述
--r-tree-node-hover-bg-colorvar(--r-fill-color-light)-
--r-tree-text-colorvar(--r-text-color-regular)-
--r-tree-expand-icon-colorvar(--r-text-color-placeholder)-

Released under the MIT License.