@hi-ui/filter

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 类型