带全选的多选
@aligov/components-check-all
快捷全选 checkbox 组
何时使用
需要全选功能时使用
功能:
- 勾选“全部”,自动勾选全部子选项
- 子选项全部手动勾选上时,自动勾选“全部”
- 外部不需要关注全选功能,只需关注输入有哪些选项,输出选中了哪些选项
Install
tnpm install @aligov/components-check-all --save
API
成员 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 被选中的值列表 | Array | [] |
dataSource | 可选项列表, 数据项可为 String 或者 Object 如 ['UNCOMMITTED', 'WAIT_APPROVAL'] 或者 [{ value: 'UNCOMMITTED', label: '未提交' }, { value: 'WAIT_APPROVAL', label: '提交中' }] |
Array | [] |
onChange | 选中值改变时的事件 签名: Function(value: Array) => void |
Function | func.noop |
disabled | 禁用 | Boolean | false |
注意:全选时返回所有子项的列表,不包括"全选"项。如 dataSource 为 ['UNCOMMITTED', 'WAIT_APPROVAL']
,则全选返回 ['UNCOMMITTED', 'WAIT_APPROVAL']