iter(g107): 新增二次确认气泡 popconfirm

apps/demo/main.ts

@@ -45,6 +45,7 @@ import {
   modal,
   multiSelect,
   pagination,
+  popconfirm,
   popover,
   progress,
   radioGroup,
@@ -1192,6 +1193,21 @@ const content = h(
       }),
     ),
   ),
+  section(
+    'sec-popconfirm',
+    '二次确认',
+    'popconfirm 把确认放在触发点旁边而不是弹窗里：确定先收起再回调（回调里改数据不会看到弹层还挂着），取消 / 点外部 / Esc 一律走 onCancel；展开时焦点落在「取消」上，误按回车不会删东西。',
+    popconfirm({
+      title: '删除这条记录？',
+      description: '删除后不可恢复，关联的审批记录会一并清空。',
+      variant: 'danger',
+      confirmText: '删除',
+      cancelText: '再想想',
+      onConfirm: () => toast.success('已删除（弹层先收起再回调）'),
+      onCancel: () => toast.info('已取消'),
+    }, button({ label: '删除记录', variant: 'danger' })),
+    popconfirm({ title: '发布到生产？', description: '发布后 1 分钟内全量生效。', confirmText: '发布', onConfirm: () => toast.success('已发布') }, button({ label: '发布', variant: 'ghost' })),
+  ),
 );
 
 // 引导漫游实例：根节点需挂到 body（fixed 定位，不参与布局）