# ClModal Modal

> 弹窗组件，支持拖拽、自定义头部/底部、提交/取消按钮、全屏模式

- **标签名**: `<cl-modal>`
- **引入**: `import { ClModal } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| posSubmitClose | `String` | `'CloseSubmit'` | 否 | 可选: CloseSubmit, SubmitClose |
| className | `String` | `` | 否 |  |
| width | `String` | `'600px'` | 否 |  |
| titleName | `String` | `` | 否 |  |
| isBackClick | `Boolean` | `true` | 否 |  |
| isShowHeader | `Boolean` | `true` | 否 |  |
| isShowFooter | `Boolean` | `true` | 否 |  |
| isShowSubmit | `Boolean` | `true` | 否 |  |
| isShowSubmitLoad | `Boolean` | `true` | 否 |  |
| closeLabel | `String` | `` | 否 |  |
| submitLabel | `String` | `` | 否 |  |
| classTransitionEnter | `String` | `'animated fadeInDown'` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| default | 默认插槽 |

## Events

| 事件名 | 说明 |
|--------|------|
| onSubmit | 提交事件 |
| onClose | 关闭事件 |

## 方法

| 方法 | 说明 |
|------|------|
| show() |  |
| hide() |  |
| loadStop() |  |
| disabledSubmit() |  |

## 基础用法

```vue
<cl-modal></cl-modal>
```
