- 快速开始
- REPL
- 基本
- Icons 示例
- Button 示例
- 表单
- Input 示例
- Textarea 示例
- Radio 单选框
- Checkbox 多选框
- Switch 示例
- Select 示例
- Cascader 示例
- Form 示例
- Upload 示例
- date-picker 示例
- Drag 拖动排序
- data 数据
- Table 表格
- Tree 树形控件
- SelectTree 树形选择控件
- Pagination 分页
- progress 示例
- Empty 空状态
- 提示
- Loading 示例
- MessageBox 示例
- Dialog 示例
- Alert 示例
- Notice 示例
- 导航 Navigation
- Tabs 标签页
- NavMenu 导航菜单
- Breadcrumb 面包屑
- 其它 Others
- Clock 示例
- Drawer 示例
- Collapse 示例
- Scrollbar 示例
- Carousel 示例
- CountTo 示例
- PreviewImage 示例

## BeDialog 对话框

在保留当前页面状态的情况下，告知用户并承载相关操作。

### 用法示例

使用 `beforeClose`可以阻止关闭

设置 `closeOnClickModal=false`,点击mask遮照也无法关闭！

### Attributes

参数 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
visible | 是否显示 | boolean | true/false | false
mask | 遮罩层 | boolean | true/false | true
title | 标题 | string | - | 提示
width | 对话框宽度 | string | 500px/100vw... | 50%
isDrag | 是否拖拽 | boolean | true/false | false
isLimit | 是否限制拖拽 限制上/下方 | boolean | true/false | false
isFree | 打开无限制拖拽 | boolean | true/false | false
isHideFooter | 隐藏footer | boolean | true/false | false
closeOnClickModal | 点击mask关闭Dialog | boolean | true/false | true

### Events

事件名称 | 说明 | 回调参数
--- | --- | ---
beforeClose | 关闭 Dialog前触发, 返回值true/false false时不执行关闭操作 | true/false