@hi-ui/search NPM | npm.io

4.1.0 • Published 1 year ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 year ago

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	-

@hi-ui/button @hi-ui/classname @hi-ui/env @hi-ui/func-utils @hi-ui/highlighter @hi-ui/icons @hi-ui/input @hi-ui/loading @hi-ui/popper @hi-ui/type-assertion @hi-ui/use-latest @hi-ui/use-uncontrolled-state

@infinitebrahmanuniverse/nolb-_hi-@everything-registry/sub-chunk-394 @hi-ui/hiui

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago