@beisen-phoenix/checkbox NPM | npm.io

3.3.55 • Published 6 years ago

Install

Weekly downloads

35

License

ISC

Repository

Last release

6 years ago

复选框组件

@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图标，移除文字节点

@beisen-phoenix/common-utils @beisen-phoenix/style-token @beisen-phoenix/tooltip

@infinitebrahmanuniverse/nolb-_beisen-@everything-registry/sub-chunk-118 ux-new-social-archives ux-new-social-security ux-increase-personnel ux-details-editor ux-recruit-tree ux-staff-adjustment ux-treeselect-zhangyurui ux-task-drawer ux-stop-payment ux-work-report-setting @beisen/simple-screening @beisen-cmps/relation-work-pop @beisen-phoenix/department @beisen-phoenix/data-table @beisen-phoenix/lookup @beisen-phoenix/react-table @beisen-phoenix/select-list @beisen-phoenix/universityselector @beisen-phoenix/multi-select-list @beisen-platform/dropdown @beisen-platform/jobtype-selector @beisen-phoenix/table @beisen-phoenix/table-v2 @beisen/fast-table @beisen/checkbox-list-add-choose-all @beisen-phoenix/all-in-one @beisen-phoenix/area-selector @beisen-elearning/manage-courses-edit @beisen-elearning/ux-p-man-courseware-lib @beisen-elearning/ux-p-man-create-exam @beisen-elearning/ux-p-man-exam-result @beisen-phoenix/checkbox-group @beisen-phoenix/common-constant-selector @beisen-platform/school-selector @beisen/ocean-tree @beisen/ocean-tree-fixed @beisen/ocean-input-multi-select @beisen/ocean-set-display-field @molejs/data-table @molejs/react-table @recruit-paas/rules-for-recheck-setting @reacted/tree multi-select-list recruit-ad-form beisen-phoenix

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago