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) | - |