Skip to content

TreeSelectPc 树形选择

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

基础用法

选择任意级别

TIP

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

多选

禁用选项

可筛选

自定义内容

懒加载

API

由于这个组件是 r-treer-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.