# @beisen-cmps/checkbox-list

> 平台checkbox组件

Latest version **0.1.79** (published 2019-07-05) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-cmps/checkbox-list
pnpm add @beisen-cmps/checkbox-list
yarn add @beisen-cmps/checkbox-list
bun add @beisen-cmps/checkbox-list
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.79 |
| Published | 2019-07-05 |
| First published | 2018-05-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 677.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-cmps/checkbox-list
- Repository: http://gitlab.beisencorp.com/ux-cnpm/ux-check-box-list
- npm.io page: https://npm.io/package/@beisen-cmps/checkbox-list

## Dependencies (3)

- [@beisen-cmps/tool-tip](https://npm.io/package/@beisen-cmps/tool-tip.md)
- [@beisen-cmps/react-icons](https://npm.io/package/@beisen-cmps/react-icons.md)
- [@beisen-cmps/common-label](https://npm.io/package/@beisen-cmps/common-label.md)

## Recent versions

- 0.1.79 (latest) — 2019-07-05
- 0.1.77 — 2018-10-15
- 0.0.1 — 2018-05-15

## README

# checkbox-list组件说明文档


1.安装npm组件包

```
npm install @beisen/checkbox-list --save-dev
```

2.引用组件

  ```
import CheckboxList from "@beisen/checkbox-list"
  ```


3. 组件参数

```

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} /> //将数据传入组件


```

---
_Source: https://npm.io/package/@beisen-cmps/checkbox-list · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._