## checkbox
复选框组件

## Import
```js
import { Checkbox, CheckboxGroup } from 'bxs-ui-vue';
```

## Example
```html
<!-- 复选框普通用法 -->
<bxs-checkbox v-model="checkbox1">复选框</bxs-checkbox>

<!-- 复选框组普通用法 -->
<bxs-checkbox-group v-model="result">
<bxs-checkbox v-for="(item, index) in list" :key="index" :name="item">复选框 {{ item }}</bxs-checkbox>
</bxs-checkbox-group>
```
```js
export default {
  data() {
    return {
      checkbox1: true,
      list: [
        'a',
        'b',
        'c'
      ],
      result: ['a', 'b']
    }
  }
  components: {
    [Checkbox.name]: Checkbox,
    [CheckboxGroup.name]: CheckboxGroup
  }
}
```

## Checkbox Attribute
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 备注 |
| --- | --- | --- | --- | --- | --- |
|name|标识符|any|-|-|-|
|shape|形状|String|square / round|round|-|
|value|是否为选中状态|Boolean|-|false|-|
|checked-color|选中状态颜色|String|-|`#508CEE`|-|

## CheckboxGroup Attribute
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 备注 |
| --- | --- | --- |  --- | --- | --- |
|value|所有选中项的标识符|Array|-|-|-|
|max|设置最大可选数|Number|-|0|0 为无限制|

## Checkbox Slot
| 名称 | 说明 | slot-scope |
| --- | --- | --- |
|-|自定义文本|-|
|icon|自定义图标|checked:是否为选中状态|

## Checkbox Event
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
|change|当绑定值变化时触发的事件|当前组件的值|

## CheckboxGroup Event
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
|change|当绑定值变化时触发的事件|当前组件的值|

## Checkbox 方法
通过 ref 可以获取到 checkbox 实例并调用实例方法，手动更改checkbox状态

| 方法名 | 参数 | 返回值 | 备注 |
| --- | --- | --- | --- |
|toggle|-|-|切换选中状态|
