## 可折叠按钮组

超过最大数量，多出按钮会被折叠至下拉菜单中

### 基本用法

::: demo

```html
<template>
    <div class="audit-form">
        <YCollapseButtonGroup :offset="6">
            <el-button type="text" @click="handleClick(1)">
                按钮1
            </el-button>
            <el-button type="text" @click="handleClick(2)">
                按钮2
            </el-button>
            <el-button type="text" @click="handleClick(3)">
                按钮3
            </el-button>
            <el-button type="text" @click="handleClick(4)">
                按钮4
            </el-button>
            <el-button type="text" @click="handleClick(5)">
                按钮5
            </el-button>
        </YCollapseButtonGroup>
    </div>
</template>

<script>
    export default {
        name: '',
        components: {
        },
        props: {

        },
        data() {
            return {
            }
        },
        mounted() {

        },
        methods: {
            handleClick(index){
                console.log('点击的是：'+index)
            }
        }
    }
</script>

<style lang="scss" scoped>

</style>
```

:::

### Attributes

| 参数          | 说明                                                                    | 类型     | 可选值 | 默认值 |
| ------------- | ----------------------------------------------------------------------- | -------- | ------ | ------ |
| maxVisible           | 最大展示数量                                                      | number | ——     |  2     |
| offset           | 按钮间的偏移距离(px)                                                      | number | ——     | 2     |