开发指南
何时使用
页面、表单数据搜索时使用
搜索
最简单的用法
图标
搜索图标
API
Search
输入框部分继承 Select.AutoComplete 的能力，可以直接用AutoComplete 的 api
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 可选值: 'normal', 'nav-search' | Enum | 'normal' |
| addonAfter | 后缀，仅在type为normal时有效 | ReactNode | - |
| autoFocus | 是否自动获取焦点 | Boolean | false |
| defaultValue | 搜索框默认值 | String | - |
| value | 搜索框数值 | String/Number | - |
| onChange | 输入关键字时的回调 签名: Function(value: Object) => void 参数: value: {Object} 输入值 | Function | func.noop |
| onSearch | 点击搜索按钮触发的回调 签名: Function(value: Object) => void 参数: value: {Object} 输入值 | Function | func.noop |
| placeholder | 默认提示 | String | - |
| hasClear | 是否显示清除按钮 | Boolean | true |
| disabled | 是否禁用 | Boolean | false |
Search.Icon
props 继承 Select
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| searchCls | Search 组件的 className | String | undefined |
| direction | 搜索框展开方向 可选值: 'ltr', 'rtl' | Enum | 'ltr' |
| triggerTooltipProps | Trigger 上的 tooltip props，传空表示不显示 tooltip | String | undefined |
| onOpenedChange | 开启关闭状态回调 | (opened: boolean) => void | undefined |
实例方法
| 参数 | 说明 |
|---|---|
| open | 打开 |
| close | 关闭 |
ARIA and KeyBoard
| 按键 | 说明 | |
|---|---|---|
| Enter | 触发onSearch事件 |