Search 搜索

可以通过关键字从海量数据条目中检索到匹配数据，较大提升数据检索能力

何时使用

• 全栈信息检索
• 表格数据、信息列表

使用示例

Props

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | ---------------- | ------------------ | ------------------- | ------------- | ------ | | prepend | 输入框前置内容 | ReactNode | - | - | | disabled | 是否禁用 | boolean | true | false | false | | loading | 加载中 | boolean | true | false | false | | placeholder | 输入框占位符 | string | - | - | | data | 搜索结果的数据 | Array<DataItem> | - | - | | append | 搜索按钮 | ReactNode | - | - | | overlayClassName | 下拉根元素的类名称 | string | - | - |

Events

| 名称 | 说明 | 类型 | 参数 | 返回值 | | -------- | ------------------------------------------------------ | ------------------------------------------- | ------------------------------------------------------- | ------ | | onChange | 值改变时的回调 | (event: HTMLInputEvent) => void | event: input 事件对象 | - | | onSearch | 当点击搜索按钮时候、输入框内点击回车或者点击下拉选项时 | (inputVal: string, item ?:DataItem) => void | inputVal: 输入的搜索关键字 item: 选中的搜索关键项 | - | | onBlur | 下拉框失焦时 | () => void | - | - |

DataItem

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | -------- | -------------------------------------------------- | ------------- | ------ | ------ | | id | 主键 | ReactText | - | - | | title | 显示的内容；如果存在 children;就是这个类别的 title | ReactNode | - | - | | children | 分组内容 | Array<Item> | - | - |

Item

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | ----- | ----------------- | ------------------- | ------ | ------ | | id | 主键 | string | number | - | - | | title | 类别的 title 内容 | string | ReactNode | - | - |

CHANGELOG

| 参数 | 变更类型 | 变更内容 | 解决的问题 | | ------------ | ------------------------------- | ---------------------------------------------------------------------------------- | ---------------------------- | | propName | feature | deprecated | update | 变更了什么 | 之前是什么样子，解决什么问题 | | ---- | ---- | ---- | ---- | | defaultValue | feature | - | 功能强化 | | value | feature | - | 功能强化 | | onChange | update | 定义：(event: HTMLInputEvent) => void -> (inputVal: ReactText) => void | - | | onSearch | update | 定义：(inputVal: string, item ?:DataItem) => void -> (inputVal: ReactText) => void | - |