SepModal 模态框

覆盖 SepModal 全部配置项 + 自动化断言,前端演示页

1. 声明式 & 基础用法

HTML 声明式标签
这是声明式标签创建的弹窗内容。

宽度 360px 的小弹窗。

JS API 初始化

2. 关闭行为(mask / closable / keyboard / beforeClose / closeIcon)

HTML 声明式标签

没有 × 关闭按钮,也不能点击遮罩关闭,只能通过 API close() 关闭。

JS API 初始化

3. 生命周期 & 挂载(destroyOnClose / afterClose / getContainer / forceRender)

JS API 初始化
自定义容器区域(弹窗将挂载到此 div 而非 body)

4. 底部按钮 & 确认(footer / SepButton / ok-cancel / confirmLoading / input)

HTML 声明式标签

底部自动渲染"取消/确定"按钮,无需手写 footer。

JS API 初始化

5. 布局 & 定位(centered / center / fullscreen / offset / maxWidth)

JS API 初始化

6. 外观定制(icon / wrapClassName / maskStyle / headerStyle)

JS API 初始化

7. 交互能力(draggable / resizable / loading / maximizable / minimizable / focusLock)

JS API 初始化

8. 静态快捷方法(info / success / error / warning / confirm)

JS API 初始化

一行调用,自带状态图标 + 类型颜色 + 按钮。

9. 自动化断言