Modal 对话框 | Hamlet-Web

模态对话框。

需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。

基础用法

属性

属性名	说明	类型	可选值	默认值
model-value / v-model	是否显示对话框	`boolean`	-	-
title	标题	`string`	-	-
width	宽度	`string` \| `number`	-	416
maxHeight	内容最大高度	`string` \| `number`	-	400
destroyOnClose	当关闭 Modal 时，销毁其中的元素	`boolean`	-	true
footer	是否显示底部内容	`boolean`	-	true
confirmLoading	确定按钮 loading	`boolean`	-	false
cancelText	取消按钮文字	`string`	-	取消
okText	确认按钮文字	`string`	-	确认
okButton	是否显示确认按钮	`boolean`	-	true
draggable	是否可拖拽	`boolean`	-	false
appendToBody	自身是否插入至 body 元素上。	`boolean`		true
closeOnClickModal	是否可以通过点击遮罩关闭	`boolean`		true
closeOnPressEscape	是否可以通过按下 ESC 关闭	`boolean`		false
fullscreenable	是否可以全屏	`boolean`		false
fullscreenWidth	全屏时对话框宽度	`string` \| `number`	-	100%
fullscreenHeight	全屏时对话框高度	`string` \| `number`	-	100%

slots

插槽名	说明
-	Modal 的内容
footer	Modal 页脚部分

事件

事件名	说明	参数
open	打开的回调	-
close	对话框关闭的回调	-
closed	对话框关闭动画结束时的回调	-
confirm	点击确定回调	-