## 单个项展示

## 导入使用
```code[javascript]
import SuItemCheck from "ss-universal-client-web/comp/view/su-item-check";
```

### 基本用法

:::demo `checked` 是否选中状态，默认为`false`

```html

<template>
    <su-item-check @callBack="checked=!checked" :checked="checked">
    </su-item-check>
</template>

<script>
    export default {
        components:{
            SuItemCheck
        },
        data() {
            return {
                checked: false
            }
        }
    }
</script>
```

:::

### 已选中项

:::demo `selected`是否已被选中，默认为`false`
```html

<template>
    <su-item-check :selected="true" label="已被选中项">
    </su-item-check>
</template>
<script>
    export default {
        components:{
            SuItemCheck
        },
    }
</script>
```

:::

### 匹配项
通过`matching`展示匹配到的对应项

:::demo `matching`项是否匹配，默认为`false`
```html

<template>
    <su-item-check :matching="true" @callBack="callBack">
    </su-item-check>
</template>
<script>
    export default {
        components:{
            SuItemCheck
        },
        data() {
            return {
                checked : false
            }
        },
        methods: {
            callBack() {
                this.$message("点击了主体");
                this.checked = !this.checked;
            }
        }
    }
</script>
```

:::

### 删除项
点击右上角x,可对项进行删除操作

:::demo
```html

<template>
    <su-item-check @del="del" label="自定义项名称">
    </su-item-check>
</template>

<script>
    export default {
        components:{
            SuItemCheck
        },
        methods: {
            del() {
                this.$message("点击了删除");
            }
        }
    }
</script>
```

:::

### Attributes

| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| checked | 是否选中状态 | boolean | — | false |
| selected | 是否已经被选中 | boolean | — | false |
| label | 项名称 | String | — | 默认项名称默认项名称默认项名称 |
| matching | 项名称是否匹配 | boolean | — | false |

### Events

| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| callBack | 项点击回调 | — |
| del | 项删除回调 | — |