@hi-ui/search v4.0.14
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 | - |
27 days ago
1 month ago
1 month ago
4 months ago
5 months ago
6 months ago
6 months ago
6 months ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago