Popconfirm 气泡确认框

AuPopconfirm 在操作触发点附近进行轻量确认，适合删除、覆盖等需要防误触但不需要完整对话框的动作。

基础用法

危险操作确认

确认与取消后自动关闭，并把焦点还给触发按钮。

尚未操作

vue

<template>
  <div class="popconfirm-demo">
    <AuPopconfirm title="删除后无法恢复，仍要继续吗？" confirm-button-type="danger" @confirm="handleConfirm">
      <template #reference>
        <AuButton type="danger" plain>删除记录</AuButton>
      </template>
    </AuPopconfirm>
    <span aria-live="polite">{{ result }}</span>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import { AuButton, AuPopconfirm } from 'aurora-plus';
const result = ref('尚未操作');
function handleConfirm() {
  result.value = '已确认删除';
}
</script>
<style scoped>
.popconfirm-demo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--au-color-text-secondary);
  font-size: var(--au-font-size-small);
}
</style>

API

属性	说明	默认值
v-model	显示状态	false
title	确认问题	确定执行此操作吗？
confirmButtonText / cancelButtonText	按钮文字	确定 / 取消
confirmButtonType / cancelButtonType	Aurora Plus Button 类型	primary / default
confirmButtonLoading	确认按钮加载中	false
confirmButtonDisabled / cancelButtonDisabled	按钮禁用	false
icon / iconColor / hideIcon	图标组件、颜色与隐藏	IconAlertCircle / '' / false
width	内容宽度	220
placement / offset	浮层方位与距离	top / 8
trigger	click / manual	click
disabled	禁止打开	false
closeOnClickOutside / closeOnPressEscape	外部点击 / Escape 关闭	true
teleported / appendTo / zIndex	浮层挂载与层级	true / body / 1300

reference 插槽放置触发元素，默认插槽替换标题，icon 插槽替换图标。事件包括 confirm、cancel、open、opened、close(reason)、closed 和 update:modelValue；组件暴露 open()、close() 与 popoverRef。