复选框组件
@beisen-phoenix/checkbox
概述
多选框主要用于一组可选项多项选择,或者单独用于标记切换某种状态。分为三类:单独使用、CheckboxGroup、全选。
单独使用可以表示两种状态之间的切换,和 switch 类似。区别在于切换 switch 会直接触发状态改变,而 checkbox 一般用于状态标记,需要和提交操作配合。
API
参数 | 说明 | 类型 | 默认值 | 必须 |
---|---|---|---|---|
label | checkbox的文字说明 | string | 无 | 否 |
value | checkbox的值 | string、 number | 无 | 是 |
checked | 是否选中该checkbox | boolean | 无 | 否 |
defaultChecked | 是否初始选中 | boolean | false | 否 |
disabled | 禁用checkbox | boolean | false | 否 |
extraCls | 生成的dom节点的后缀class,一般用于覆盖组件默认样式使用 | string | 无 | 否 |
onChange | 发生状态变化后的回调 | (data: (Object:checkbox的数据), e: event) => void | 无 | 否 |
tipsType | 提示UI类型 default 【显示为html标签自带title】、animate 【显示为标准tooltip】 使用'default'有利于性能提升 |
string | 'animate' | 否 |
fontSize | 文字大小 normal 【12号字】、 middle 【14号字】 |
string | 'normal' | 否 |
textColor | 文字颜色 M1 、M2 、 M3 、M4 、M5
|
string | 'M3' | 否 |
2019-08-21
删除半选状态
2019-09-25
最外层布局由flex改为inline-block,增加最大宽度为100% 无文字时,仅渲染checkbox图标,移除文字节点