1.0.0-beta.15 • Published 4 years ago
@rax-ui/filter-multi-select v1.0.0-beta.15
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
| 名称 | 说明 |
|---|---|
| multiselectselectboxwrapper | 选项外容器样式 |
| multiselecttitle__wrapper | 标题外容器样式 |
| multiselecttitle | 标题样式 |
| multiselectfold__icon | 折叠icon样式 |
| multiselectinvisible__fold_icon | 隐藏折叠icon样式 |
| multiselectblock__container | 单选项外容器样式 |
| selectboxblock | 选项样式 |
| selectboxblock__selected | 选中选项样式 |
| selectboxblock__text | 选项文本样式 |
| selectboxblocktextselected | 选中选项文本样式 |
| inputunitwrapper | 输入框样式 |
| inputunitmain | 输入框文本样式 |
| inputunitunit | 输入框单位样式 |
| inputunittitle | 输入框文案样式 |
| inputunitseparator | 文本输入框范围选项间隔样式 |