使用场景:页面、表单搜索时使用。
可以用 shape 属性设置搜索框样式,组件已绑定 onSearch, onChange 等事件回调函数,供处理不同业务时使用。
输入框部分继承 Select.AutoComplete 的能力,可以直接用AutoComplete 的 api
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 大小 可选值: 'large'('大') 'medium'('小') | Enum | 'medium' |
type | 类型 shape=normal: primary/secondary; shape=simple: normal/dark; 可选值: 'primary', 'secondary', 'normal', 'dark' | Enum | 'normal' |
shape | 形状 可选值: 'normal', 'simple' | Enum | 'normal' |
defaultValue | 搜索框默认值 | String | - |
value | 搜索框数值 | String/Number | - |
onChange | 输入关键字时的回掉 签名: Function(value: Object) => void 参数: value: {Object} 输入值 | Function | func.noop |
onSearch | 点击搜索按钮触发的回调 签名: Function(value: String, filterValue: String) => void 参数: value: {String} 输入值 filterValue: {String} 选项值 | Function | func.noop |
defaultFilterValue | 选择器默认值 | String | - |
filter | 选择器 | Array | [] |
filterValue | 选择器值 | String | - |
onFilterChange | 选择器发生变化时回调 签名: Function(filter: Object) => void 参数: filter: {Object} value | Function | func.noop |
dataSource | 搜索框下拉联想列表 | Array | - |
placeholder | 默认提示 | String | - |
searchText | button 的内容 | ReactNode | - |
filterProps | 选择器的props | Object | - |
buttonProps | 按钮的额外属性 | Object | {} |
popupContent | 自定义渲染的的下拉框 | ReactNode | - |
followTrigger | 是否跟随滚动 | Boolean | - |
visible | 自定义渲染的的下拉框 | Boolean | - |
hasClear | 是否显示清除按钮 | Boolean | false |
hasIcon | 是否显示搜索按钮 | Boolean | true |
disabled | 是否禁用 | Boolean | false |
icons | 可配置的icons,包括 search 等 | Object | {} |
autoHighlightFirstItem | 是否自动高亮第一个元素 | Boolean | true |