MessageBox 弹框

命令式确认 / 提示框，返回 Promise。

基础用法

<script setup lang="ts">
import { DanButton, DanMessage, DanMessageBox } from '@dandan-ui/ui'

async function onAlert() {
  await DanMessageBox.alert('这是一条提示', '提示')
  DanMessage.success('已关闭')
}

async function onConfirm() {
  try {
    await DanMessageBox.confirm('确定删除该记录吗？', '警告', {
      type: 'warning',
    })
    DanMessage.success('已确认')
  } catch {
    DanMessage.info('已取消')
  }
}
</script>

<template>
  <div style="display: flex; gap: 12px">
    <DanButton @click="onAlert">Alert</DanButton>
    <DanButton type="danger" @click="onConfirm">Confirm</DanButton>
  </div>
</template>

API

import { DanMessageBox } from '@dandan-ui/ui'

await DanMessageBox.alert(message, title?, options?)
await DanMessageBox.confirm(message, title?, options?)

确认时 resolve 'confirm'；取消或关闭时 reject 'cancel' | 'close'。

Options

字段	说明	默认值
type	info / success / warning / error	info
confirmText / cancelText	按钮文案	确定 / 取消
showCancel / showConfirm	按钮显隐	confirm 默认显示取消
closeOnClickModal	点击遮罩关闭	false