CascadeSelectField カスケード選択

使用場面

• カスケード選択はセレクターとカスケードで構成されます。カスケードコンポーネントをポップアップレイヤーの形で非表示にし、フォームのシナリオに多用されます。

コンポーネント例

コンポーネント属性

属性	说明	类型	默认值
behavior	表单组件显示状态	Behavior	'NORMAL'
columnsNum	カスケード階層数	number	0
dataSource	データソース	CascadeDataSource[]	[{ "value": "part", "label": { "type": "i18n", "en_US": "dep", "zh_CN": "部門" }, "children": [{ "value": "part_a", "label": "A部門" }, { "value": "part_b", "label": "B部門" } ] }, { "value": "product", "label": "製品", "children": [{ "value": "product_a", "label": "a製品" }, { "value": "product_b", "label": "b製品" } ] } ]
expandTriggerType	トリガー動作	'click' | 'hover'	click
hasArrow	ドロップダウン矢印を表示するかどうか	boolean	true
hasBorder	ボーダーを表示するかどうか	boolean	true
hasClear	クリアボタンを表示するかどうか	boolean	true
isLoadData	非同期読み込みを有効にするかどうか	boolean	false
label	表单组件标题	string	-
labelAlign	表单组件标题的位置	'left' | 'top'	'top'
labelColOffset	设置标题的偏移位置，配置值为栅格值，1代表1/24	number	0
labelColSpan	设置标题的占位宽度，配置值为栅格值，1代表1/24	number	4
labelTextAlign	表单组件的标题对齐方式	'left' | 'right'	'right'
labelTipsIcon	表单组件标题提示信息入口图标，当labelTipsTypes取值为 text 或 render 时生效	string	-
labelTipsRender	表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 render 时生效	(props: IComponentProps) => ReactNode	-
labelTipsText	表单组件标题提示文本信息，当labelTipsTypes取值为 text 时生效	string	-
labelTipsTypes	表单组件标题提示信息类型设置	LabelTipsTypes	'none'
listStyle	リストスタイル	React.CSSProperties	{}
loadData	loadData 関数	( node: object ) => Promise<CascadeDataSource[]>	-
notFoundContent	データがない場合の表示内容	string	'データがありません'
onChange	onChange 値が変更された	({ value: string | array, data: object | array , extra: object }) => void	-
onVisibleChange	onVisibleChange ポップアップレイヤーの表示・非表示の変化	( visible : boolean ) => void	-
optionAutoWidth	オプションの自動幅調整を有効にするかどうか。PC版のみ対応	boolean	false
placeholder	プレースホルダーのヒント	string	'選択してください'
showSearch	検索ボックスを表示するかどうか	boolean	false
size	表单组件尺寸	Size	'medium'
tips	表单组件描述信息，展示在控件下方	string	-
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
value	データソース中の最後のノードの値	string	'part_b'
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0