iter: d07 新增可交互气泡卡片 popover

apps/demo/main.ts

@@ -13,6 +13,7 @@ import {
   menu,
   modal,
   pagination,
+  popover,
   progress,
   radioGroup,
   select,
@@ -238,6 +239,28 @@ const app = h(
       h('span', { class: 'out' }, () => (menuPick() ? `已选：${menuPick()}` : '未选择')),
     ),
   ),
+  section(
+    'sec-popover',
+    '气泡卡片',
+    'popover：可交互弹层（tooltip 只展示，popover 里能点），点外部 / Esc 收起。',
+    h(
+      'div',
+      { class: 'row' },
+      popover(
+        {
+          title: '筛选条件',
+          content: h(
+            'div',
+            null,
+            h('div', { class: 'row' }, checkbox({ label: '只看我的', checked: agreed })),
+            h('div', { class: 'row' }, button({ label: '应用', onClick: () => toast.success('已应用筛选') })),
+          ),
+        },
+        button({ label: '打开气泡卡片' }),
+      ),
+      popover({ placement: 'top', trigger: 'hover', content: '悬停出场，移出收起（可放链接）' }, badge({ label: 'hover 触发' })),
+    ),
+  ),
   section(
     'sec-breadcrumb',
     '面包屑',