HuajisheTools/HuajisheCheckChaoXing/miniprogram_npm/tdesign-miniprogram/cascader/README.en-US.md

:: 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	N
keys	Object	-	Typescript：KeysType。see more ts definition	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	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。 type CascaderTriggerSource = 'overlay' | 'close-btn' | 'finish'
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	-