41 lines
1.6 KiB
Markdown
41 lines
1.6 KiB
Markdown
:: BASE_DOC ::
|
||
|
||
## API
|
||
### Cascader Props
|
||
|
||
name | type | default | description | required
|
||
-- | -- | -- | -- | --
|
||
close-btn | Boolean / Slot | true | \- | N
|
||
keys | Object | - | Typescript：`KeysType` | N
|
||
options | Array | [] | Typescript：`Array<CascaderOption>` | N
|
||
sub-titles | Array | [] | Typescript：`Array<string>` | N
|
||
theme | String | step | options：step/tab | N
|
||
title | String / Slot | - | \- | N
|
||
value | String / Number | null | \- | N
|
||
default-value | String / Number | undefined | uncontrolled property | N
|
||
visible | Boolean | false | \- | N
|
||
|
||
### Cascader Events
|
||
|
||
name | params | description
|
||
-- | -- | --
|
||
change | `(value: string \| number, selectedOptions: string[])` | `1.0.1`
|
||
close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
|
||
pick | `(value: string \| number, index: number)` | `1.0.1`
|
||
|
||
|
||
### CSS Variables
|
||
The component provides the following CSS variables, which can be used to customize styles.
|
||
Name | Default Value | Description
|
||
-- | -- | --
|
||
--td-cascader-active-color | @brand-color | -
|
||
--td-cascader-border-color | @border-color | -
|
||
--td-cascader-disabled-color | @font-gray-4 | -
|
||
--td-cascader-options-height | 640rpx | -
|
||
--td-cascader-options-title-color | @font-gray-3 | -
|
||
--td-cascader-step-arrow-color | @font-gray-3 | -
|
||
--td-cascader-step-dot-size | 16rpx | -
|
||
--td-cascader-step-height | 88rpx | -
|
||
--td-cascader-title-color | @font-gray-1 | -
|
||
--td-cascder-title-font-size | 36rpx | -
|