49 lines
2.4 KiB
Markdown
49 lines
2.4 KiB
Markdown
:: BASE_DOC ::
|
||
|
||
## API
|
||
|
||
### Cascader Props
|
||
|
||
name | type | default | description | required
|
||
-- | -- | -- | -- | --
|
||
style | Object | - | CSS(Cascading Style Sheets) | N
|
||
custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N
|
||
check-strictly | Boolean | false | \- | N
|
||
close-btn | Boolean / Slot | true | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
|
||
keys | Object | - | Typescript：`KeysType`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
|
||
options | Array | [] | Typescript：`Array<CascaderOption>` | N
|
||
placeholder | String | 选择选项 | \- | N
|
||
sub-titles | Array | [] | Typescript：`Array<string>` | N
|
||
theme | String | step | options: step/tab | N
|
||
title | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | 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: CascaderTriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/cascader/type.ts)。<br/>`type CascaderTriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
|
||
pick | `(value: string \| number, label: string, index: number, level: 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-bg-color | @bg-color-container | -
|
||
--td-cascader-border-color | @component-stroke | -
|
||
--td-cascader-content-height | 78vh | -
|
||
--td-cascader-disabled-color | @text-color-disabled | -
|
||
--td-cascader-options-height | calc(100% - @cascader-step-height) | -
|
||
--td-cascader-options-title-color | @text-color-placeholder | -
|
||
--td-cascader-step-arrow-color | @text-color-placeholder | -
|
||
--td-cascader-step-dot-size | 16rpx | -
|
||
--td-cascader-step-height | 88rpx | -
|
||
--td-cascader-title-color | @text-color-primary | -
|
||
--td-cascader-title-height | 26rpx | -
|
||
--td-cascader-title-padding | @spacer-2 | -
|
||
--td-cascder-title-font-size | 36rpx | - |