Search 検索

使用場面

• ページやフォームデータの検索時に使用します。

コンポーネント例

コンポーネント属性

属性	说明	类型	默认值
autoFocus	自動フォーカスするかどうか	boolean	false
dataSource	検索ボックスのドロップダウンリストの値を設定します	SearchDataSource[]	[ { "label": "天猫", "value": "value1" }, { "label": "淘宝", "value": "value2" }, { "label": "阿里巴巴", "value": "value3" } ]
defaultFilterValue	セレクターボタンを有効にした後、セレクターのデフォルト値を設定します	string	'one'
defaultValue	検索ボックスのデフォルト値	string	-
disabled	無効化するかどうか	boolean	false
filter	セレクターのドロップダウンリストの値を設定します	SearchDataSource[]	[ { "label": "one", "value": "one" }, { "label": "two", "value": "two" }, { "label": "three", "value": "three" } ]
hasClear	クリアボタンを表示するかどうか	boolean	false
isFilter	セレクターを有効にするかどうか	boolean	false
onChange	コンポーネント値が変更されたときのイベント	(value: string) => void	-
onFilterChange	セレクターが変更されたときのイベント	(filterValue: string) => void	-
onSearch	検索ボタンクリック時にトリガーされるイベント	(value: string) => void	-
placeholder	検索ボックスのデフォルトプロンプト	string	'入力してください'
searchText	検索ボタンの内容	string	'検索'
shape	検索形状	'normal' | 'simple'	'normal'
size	サイズ	'medium' | 'large'	'medium'
type	検索タイプ	'normal' | 'primary' | 'secondary' | 'dark'	'normal'