模态框
由于一个页面可能会有很多个模态框,为了代码方便阅读及管理,需要将每一个模态框提取为组件,然后在用到的地方进行 组件引用。
基本使用
useModal API
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| t | 国际化备注 | string | ||
| visible | 弹框是否可见 | boolean | false | |
| closable | 点击空白区域是否可以关闭 | boolean | true | |
| height | 高度 | number | ||
| minHeight | 最小高度 | number | ||
| width | 宽度 | number | string | ||
| draggable | 是否支持弹窗拖拽 | boolean | true | |
| defaultFullscreen | 默认全屏 | boolean | false | |
| canFullscreen | 是否支持全屏 | boolean | true | |
| title | 弹框标题 | string | ComputedRef<string> | ((data: Recordable) => String) | ||
| loading | 弹框是否显示加载 | boolean | true | |
| loadingTip | 加载提示 | string | 加载中... | |
| useWrapper | 是否使用modalWrapper | boolean | true | |
| showOkBtn | 是否显示保存按钮 | boolean | true | |
| showCancelBtn | 是否显示关闭按钮 | boolean | true | |
| okText | 保存文字 | string | '保存' | |
| cancelText | 取消文字 | string | '关闭' | |
| footer | footer按钮 | ButtonProps[] | ||
| bodyStyle | body样式 | CSSProperties | ||
| getContainer | 挂载位置 | |||
| closeFunc | 按钮关闭前的钩子函数 | () => Promise<boolean> | ||
| afterClose | 弹框关闭后钩子函数 | () => void |