---

display: @rax-ui/filter-multi-select family: other

@rax-ui/filter-multi-select

在 @rax-ui/filter 组件中使用的单选、多选、输入框选择面板业务组件

组件功能

支持用户传入自定义选项

• 支持多选框内设定自定义输入范围
• 在拥有默认样式的情况下支持自定义样式

API

Props

名称	类型	默认值	描述
styles	Object		样式
title	String	''	选项标题
foldable	Boolean	false	面板是否可折叠
filterKey	String	''	选项key
filterValue	Array	[]	选项默认选中值
dataSource	Array	[]	选项
range	Object	{}	输入范围选项

Function

名称	参数	类型	描述
onChange	{}	Function	选项更改触发回调
reset	/	Function	选项重置
getFilterParam	/	Function	主动获取搜索参数

CSS API

名称	说明
multi__select__select__box__wrapper	选项外容器样式
multi__select__title__wrapper	标题外容器样式
multi__select__title	标题样式
multi__select__fold__icon	折叠icon样式
multi__select__invisible__fold_icon	隐藏折叠icon样式
multi__select__block__container	单选项外容器样式
select__box__block	选项样式
select__box__block__selected	选中选项样式
select__box__block__text	选项文本样式
select__box__block__text__selected	选中选项文本样式
input__unit__wrapper	输入框样式
input__unit__main	输入框文本样式
input__unit__unit	输入框单位样式
input__unit__title	输入框文案样式
input__unit__separator	文本输入框范围选项间隔样式