<!--
 * @Author: 贺永胜
 * @Date: 2021-12-28 15:54:18
 * @email: 1378431028@qq.com
 * @LastEditors: 贺永胜
 * @LastEditTime: 2022-01-04 18:15:03
 * @Descripttion: 
-->
## SuCheckGroup 复选组

### 导入使用
```code[javascript]
import SuCheckGroup from "ss-universal-client-web/comp/form/su-check-group";
```

### 用于选择指定数据

:::demo
```html
<template>
    <div>
        {{ model }}
        <su-check-group :options="options" v-model="model"></su-check-group>
    </div>
</template>

<script>
export default {
    components: {
        SuCheckGroup
    },
    data() {
        return {
            options: [
                {value: "01", label: "label01"},
                {value: "02", label: "label02"},
                {value: "03", label: "label03"}
            ],
            model: ["01"],
        }
    },
    methods: {}
}
</script>
```
:::

### 在一行显示数据，隐藏全选按钮

:::demo
```html

<template>
	<div>
        {{model}}
		<su-check-group :options="options" v-model="model" :inline="true" :all="false"></su-check-group>
	</div>
</template>

<script>
export default {
    components: {
        SuCheckGroup
    },
    data() {
        return {
            options: [
                {value: "01", label: "label01"},
                {value: "02", label: "label02"},
                {value: "03", label: "label03"}
            ],
            model: ["01"],
        }
    },
    methods: {}
}
</script>
```
:::
### 带禁用的按钮

:::demo
```html

<template>
	<div>
        {{model}}
		<su-check-group :options="options" v-model="model" :inline="true" :all="false"></su-check-group>
	</div>
</template>

<script>
export default {
    components: {
        SuCheckGroup
    },
    data() {
        return {
            options: [
                {value: "01", label: "label01", disabled: true},
                {value: "02", label: "label02", disabled: true},
                {value: "03", label: "label03", disabled: false}
            ],
            model: ["01"],
        }
    },
    methods: {}
}
</script>
```
:::

### Attributes
| 参数      | 说明          | 类型      | 默认值  |
|---------- |-------------- |---------- |-------- |
| options     |  要显示的数据           | array |  — |
| inline    | 可横向排列（true横向排列，false分行展示）          | Boolean | — |
| all    | 可隐藏全部选项按钮（true显示，false隐藏）          | Boolean | true |
| model    | 当前默认选中的值          | array | — |
| label | 复选框的文字提示 | string |  — |
| value | 复选框的值 | - | — |
| disabled | 是否禁用 | Boolean | false |


