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-color | var(--r-fill-color-light) | - |
| --r-tree-text-color | var(--r-text-color-regular) | - |
| --r-tree-expand-icon-color | var(--r-text-color-placeholder) | - |
