# CollapseContainer

区域折叠卡片容器

## Usage

```vue
<template>
  <div>
    <CollapseContainer> content </CollapseContainer>
  </div>
</template>
<script lang="ts" setup>
  import { defineComponent } from 'vue';
  import { CollapseContainer } from '@eciol/share-ui';
</script>
```

## Props

| 属性                | 类型              | 默认值 | 可选值 | 说明                                 |
| ------------------- | ----------------- | ------ | ------ | ------------------------------------ |
| title               | `string`          | -      | -      | 标题                                 |
| canExpan            | `boolean`         | true   | -      | 是否可以展开，为`true`显示折叠按钮   |
| helpMessage         | `string[],string` | -      | -      | 标题右侧温馨提醒                     |
| triggerWindowResize | `boolean`         | false  | -      | 展开收缩的时候是否触发 window.resize |
| loading             | `boolean`         | false  | -      | 显示加载骨架屏                       |
| lazyTime            | `number`          | 0      | -      | 延迟加载时间                         |

## Slots

| 名称    | 说明               |
| ------- | ------------------ |
| title   | 自定义标题         |
| action  | 自定义右侧操作按钮 |
| default | 默认区域           |
| footer  | 自定义底部区域     |