在一组选项中选择一个或多个
提供多个选项供用户选择,一般在筛选和表单中使用
Form
/FormItem
组件使用时,需要设置 mode
的值为 form
。type SelectorItem = {text: string;value: string|number;subText?: srting;disabled?: boolean;}
属性 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
value | string | number | string[] | number[] | 否 | - | 已选择项, 取 items 每一项的 value |
items | SelectorItem[] | 是 | - | 可选项 |
activeItemClassName | string | 否 | - | 每一项激活时新加类名 |
multiple | boolean | 否 | false | 是否允许多选,标签栏显示的时候会显示当前单选/多选的状态 |
title | string | 否 | '' | 标签栏标题 |
desc | string | 否 | '' | 标签栏说明 |
id | string | 否 | - | 表单元素 id |
name | string | 否 | - | 表单元素 name |
disabled | boolean | 否 | false | 是否禁用 |
maxSelectedCount | number | 否 | - | 最大选择数量 |
minSelectedCount | number | 否 | - | 最小选择数量 |
mode | 'noraml' | 'form' | 否 | 'normal' | 配合From/FormItem组件使用时,需设置为 from |
className | string | 否 | - | 类名 |
类名 | 说明 |
---|---|
amd-selector | 整体样式 |
amd-selector-disabled | 禁用状态下的整体样式 |
amd-selector-content | 单个选项样式 |
amd-selector-item | 单个选项样式 |
amd-selector-item-active | 激活状态下单个样式 |
amd-selector-item-disabled | 禁用状态下单个选项样式 |
amd-selector-item-text | 文本样式 |
amd-selector-item-subtext | 副文本样式 |
amd-selector-item-badge-active | 激活状态下徽标样式 |