:: BASE_DOC ::
API
TreeSelect Props
| name |
type |
default |
description |
required |
| custom-style |
Object |
- |
CSS(Cascading Style Sheets) |
N |
| custom-value |
String / Number / Array |
- |
Typescript：TreeSelectValue |
N |
| height |
String / Number |
336 |
- |
N |
| keys |
Object |
- |
alias filed name in options。Typescript：TreeKeysType。see more ts definition |
N |
| multiple |
Boolean |
false |
- |
N |
| options |
Array |
[] |
Typescript：Array<DataOption> |
N |
| value |
String / Number / Array |
- |
v-model:value is supported。Typescript：TreeSelectValue type TreeSelectValue = string | number | Array<TreeSelectValue>。see more ts definition |
N |
| default-value |
String / Number / Array |
- |
uncontrolled property。Typescript：TreeSelectValue type TreeSelectValue = string | number | Array<TreeSelectValue>。see more ts definition |
N |
TreeSelect Events
| name |
params |
description |
| change |
(context: { value: TreeSelectValue, level: TreeLevel }) |
see more ts definition。
type TreeLevel = 0 | 1 | 2
|
TreeSelect External Classes
| className |
Description |
| t-class |
- |
| t-class-left-column |
- |
| t-class-left-item |
- |
| t-class-middle-item |
- |
| t-class-right-column |
- |
| t-class-right-item |
- |
| t-class-right-item-label |
- |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name |
Default Value |
Description |
| --td-tree-bg-color |
@bg-color-container |
- |
| --td-tree-colum-text-color |
@text-color-primary |
- |
| --td-tree-colum-width |
206rpx |
- |
| --td-tree-item-active-color |
@brand-color |
- |
| --td-tree-item-disabled-color |
@text-color-disabled |
- |
| --td-tree-item-font-size |
32rpx |
- |
| --td-tree-item-height |
112rpx |
- |
| --td-tree-root-bg-color |
@bg-color-secondarycontainer |
- |
