# @beisen-platform/checkbox-list

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

Latest version **1.0.4** (published 2019-09-03) · ISC license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2019-09-03 |
| First published | 2018-11-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 25 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

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

## Dependencies (3)

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

## Recent versions

- 1.0.4 (latest) — 2019-09-03
- 1.0.2 — 2019-04-16
- 1.0.1 — 2019-03-15
- 1.0.0 — 2018-12-06
- 0.1.78 — 2018-11-29

## 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-platform/checkbox-list · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._