@beisen-platform/checkbox-list

复选框用于在一组可选项中进行多项选择时。 表单中的复选组,多用于选项较少,选项文字短,期望全部选项平铺的场景

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@beisen-platform/checkbox-list
1.0.44 years ago4 years agoMinified + gzip package size for @beisen-platform/checkbox-list in KB

Readme

checkbox-list组件说明文档
1.安装npm组件包
npm install @beisen/checkbox-list --save-dev

2.引用组件
``` import CheckboxList from "@beisen/checkbox-list" ```
  1. 组件参数

checkboxItems:[  //传入的标签数据
  {
    value: 0, //number  当前复选框id,必填
    bsStyle: true, //bool ,两个值可选:true,false true
    isChecked: true, //bool 当前复选框状态 已选/未选 
    text: '内容', //string,标签内容,必填
    hasPic: false //bool 选项后有icon 默认不可编辑false
  }
]


state = {
  name: "测试",
  hidden: false,
  disabled: false,
  hasRender: true,
  required: false,
  errorStatus: false, //是否报错
  errorMsg: "出错了~~~!", //报错信息
  helpMsg:"dqwdqw",
  sideTip:false ,//toolTip是否左右显示
  hiddenTip:false, //toolTip是否显示
  onClick: function(event,data) {
    console.log(event,data)//enent值为event.target
  },
  picClick: function(value){console.log(value)},
  checkboxItems: [{
    value: 0,
    bsStyle: false,
    isChecked: false,
    text: '内容0'
  },
  {
    value: 1,
    bsStyle: true,
    isChecked: false,
    text: '内容1'
  },
  {
    value: 2,
    bsStyle: true,
    isChecked: false,
    text: '内容2'
  }]
}
      //定义传入组件的数据
使用组件
<CheckboxList {...this.state} /> //将数据传入组件