@hi-ui/filter
TypeScript icon, indicating that this package has built-in type declarations

4.2.0 • Public • Published

Filter 筛选

多个维度筛选

何时使用

对列表进行筛选场景

使用示例

Props

参数 说明 类型 可选值 默认值
label 筛选标题 ReactText[] - -
labelWidth 筛选标题宽度 number - 80
showUnderline 是否显示下划线 boolean true | false false
data 筛选选项数据 FilterDataItem[] - -
defaultValue 默认选中项的值 ReactText[] - -
value 被选中项的值 ReactText[] - -

Events

名称 说明 类型 参数 返回值
onChange 选择时的回调函数 (values: ReactText[]) => void values: 选中项的 ID 集合 -

FilterDataItem

参数 说明 类型 可选值 默认值
content 选择项的展示内容 ReactNode - -
id 选择项对应的值 ReactText - -
disabled 是否禁用 boolean true | false false
children 是否禁用 boolean true | false false

CHANGELOG

参数 变更类型 变更内容 解决的问题
propName feature | deprecated | update 变更了什么 之前是什么样子,解决什么问题
---- ---- ---- ----
value update 对于表单控件 id 值的控制,均使用 ReactText(即 string 和 number 都支持) 之前是 string 类型
defaultValue update 对于表单控件 id 值的控制,均使用 ReactText(即 string 和 number 都支持) 之前是 string 类型
id update 对于表单控件 id 值的控制,均使用 ReactText(即 string 和 number 都支持) 之前是 string 类型

Readme

Keywords

none

Package Sidebar

Install

npm i @hi-ui/filter

Weekly Downloads

10

Version

4.2.0

License

MIT

Unpacked Size

41.1 kB

Total Files

21

Last publish

Collaborators

  • sivan
  • solarjoker