u

code/base-project/base-vue/packages/ao-design/src/popconfirm/index.tsx

@@ -20,9 +20,8 @@ export default defineComponent({
       type: [String, Object, Function] as unknown as () => string | VNode | (() => VNode),
       required: false,
     },
-    asyncConfirm: {
-      type: Boolean,
-      default: false, // 默认同步关闭，不显示 loading
+    beforeConfirm: {
+      type: Function as PropType<() => boolean | Promise<boolean>>,
     },
     confirmBtn: {
       type: null,
@@ -68,21 +67,20 @@ export default defineComponent({
       return val
     }
 
-    const handleConfirm = () => {
-      if (props.asyncConfirm) {
-        confirmLoading.value = true
+    const handleConfirm = async () => {
+      confirmLoading.value = true
+      let allow = true
 
-        emit('confirm', () => { // resolve
-          popVisible.value = false
-          confirmLoading.value = false
-        }, () => { // reject
-          confirmLoading.value = false
-        })
+      if (props.beforeConfirm) {
+        allow = await Promise.resolve(props.beforeConfirm())
       }
-      else {
+
+      if (allow) {
         popVisible.value = false
         emit('confirm')
       }
+
+      confirmLoading.value = false
     }
 
     const handleCancel = () => {