实例的更多能力

打开与关闭 里已经用过 open / close / visible（visible 为只读 getter，直接读 dialog.visible）。这里补充克隆实例、拿组件引用、等待确认结果、以及模块单例要注意的一点。

克隆一份独立实例

const main = useDialog(UserForm, { props: { mode: 'view' } })
const editor = main.clone({ props: { mode: 'edit' } })

editor 与 main 互不影响；会带上原来的默认配置，但可以再覆盖。

拿到内容 / 容器组件实例

打开后可通过只读的 content、container 访问组件实例；关闭后为 null。需要命令式调子组件方法时用它们即可。

卸掉挂载点：unmount

close() 只是关掉显示；unmount() 会卸掉弹层挂到页面上的 DOM。一般业务用 close 就够。

等待用户确认：confirm

需要「打开 → 等用户点确认再继续」时：

import { LayerConfirmError } from 'vue-layerx'

try {
  const result = await dialog.confirm({ props: { id: 1 } })
  // 用户走了「确认」路径
} catch (e) {
  if (e instanceof LayerConfirmError) {
    // 取消、关闭或忙：e.code 为 'close' | 'busy'
  }
}

这要和 closeOn 里哪些事件带 confirmed: true 配合（见 API：LayerInstance）。完整可跑示例见 获取弹层返回结果。日常「点确定就关」用 用事件关闭弹层 即可，不必先碰 confirmed。

模块顶层的单例：bindHost

在组件 setup 里写的 useDialog(...) 一般不用操心。

若把实例建在模块顶层（例如全局 MessageBox）：

// layers/message-box.ts
export const messageBox = useDialog(MessageContent)

需要在 App（或 ElConfigProvider）里面的某个 setup 中调用一次：

messageBox.bindHost()

否则内容组件可能拿不到全局的 provide（主题、语言等）。

下一步

用 adapter 统一改配置