@aligov/components-check-all

1.0.0 • Public • Published

带全选的多选

@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']

Readme

Keywords

Package Sidebar

Install

npm i @aligov/components-check-all

Weekly Downloads

4

Version

1.0.0

License

MIT

Unpacked Size

248 kB

Total Files

10

Last publish

Collaborators

  • jasoncapricorn
  • qingkaili
  • huguoxin
  • shenyu.wsy
  • liunian
  • tao1991123
  • itrip
  • xiazhiqiang
  • mo.zhou
  • guoliang.hgl
  • daip
  • baizhao