#CheckGroup 复选框
### 介绍
用于在选中和非选中状态之间进行切换。

### 引入

```js
import yCheckGroup from "yesaway-wui/src/components/yCheckGroup";
import yCheckbox from "yesaway-wui/src/components/yCheckbox";
```

## 代码演示

### 基础用法
通过 `list-result` 绑定复选框的勾选状态，通过`radio`可将复选框设置为单选。
```html
<y-check-group :list-result.sync="sex" radio>
    <y-checkbox value="1">男</y-checkbox>
    <y-checkbox value="-1">女</y-checkbox>
</y-check-group>
```


### 禁用状态
通过设置 `disabled` 属性可以禁用复选框，通过`readonly`属性可以设置只读状态。
```html
<y-check-group :list-result.sync="sex" disabled>
    <y-checkbox value="1">男</y-checkbox>
    <y-checkbox value="-1">女</y-checkbox>
</y-check-group>

<y-check-group :list-result.sync="sex">
    <y-checkbox value="1" disabled>男</y-checkbox>
    <y-checkbox value="-1" readonly>女</y-checkbox>
</y-check-group>
```

### 自定义样式
通过 `direct` 属性设置水平或垂直排列，默认值为`horizontal`。
```html
<y-check-group :list-result.sync="sex" direct="vertical">
    <y-checkbox value="1" color="red">男</y-checkbox>
    <y-checkbox value="-1" size="small">女</y-checkbox>
</y-check-group>
```
通过 `color` 属性设置选中状态的图标颜色。
```html
<y-check-group :list-result.sync="sex">
    <y-checkbox value="1" color="red">男</y-checkbox>
</y-check-group>
```
通过设置属性 `size` 等于`small`可以将图标缩小。
```html
<y-check-group :list-result.sync="sex">
    <y-checkbox value="-1" size="small">女</y-checkbox>
</y-check-group>
```


## API

### yCheckGroup Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| list-result | 当前已选中的数据 | _Array\String\Number_ | --- |
| disabled | 是否禁用 | _Boolean_ | false |
| radio | 是否单选 | _Boolean_ | false |
| direct | 设置水平或垂直排列，可选值为`horizontal``vertical` | _string_ | horizontal |
| custom-class | 额外类名 | _string_ | --- |

### yCheckBox Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| value | 当前已选中的数据 | _Array\String\Number_ | --- |
| btn-checked | 是否为选中状态 | _boolean_ | --- |
| tips | 提示文案，仅在插槽未被使用时生效 | _string_ | --- |
| disabled | 是否禁用 | _Boolean_ | false |
| readonly | 是否只读 | _Boolean_ | false |
| size | 图标大小，可选值为`small`| _string_ | --- |
| color | 图标颜色| _string_ | --- |
| custom-class | 额外类名 | _string_ | --- |

### yCheckGroup Events

| 事件名     | 说明                                     | 回调参数            |
| ---------- | ---------------------------------------- | ------------------- |
| change     | 勾选项变化时触发 | --- |
| listResult | 勾选项变化时触发 | _result_ |

### yCheckBox Events

| 事件名     | 说明                                     | 回调参数            |
| ---------- | ---------------------------------------- | ------------------- |
| change     | 勾选项变化时触发 | --- |
| btnChecked | 勾选项变化时触发 | _checked:boolean_ |