Overlastic 风格弹窗 Demo(Vue2 + AntD Vue 1.7.8)

打开弹窗

📋 语法文档 & API 属性

1. 核心 API:useDisclosure

统一管理弹窗状态,替代 visible

const { visible, confirm, cancel, open } = OverlasticCore.useDisclosure(options)
参数类型说明
onConfirmFunction确认回调
onCancelFunction取消回调

2. 核心 API:defineOverlay

将组件转为 Promise 命令式调用

const openModal = OverlasticCore.defineOverlay(组件) const result = await openModal(props)

3. 业务 API:createAntdModal

props类型默认说明
titleStringOverlastic 弹窗弹窗标题
inputValueString""输入框初始值

4. 必需结构

<div id="overlastic-container"></div>