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|文本输入框范围选项间隔样式|