feat(P4): precompute移植+app.js sources双向回填+回归1003/1003+验收体积/文件/data.json

2026-09-12 14:18:41 +08:00
parent 16f365a045
commit c65a69c34e
401 changed files with 22932 additions and 140 deletions
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Aurora Admin · Popconfirm (H5)</title>
+<link rel="stylesheet" href="../.design_library/aurora-admin/colors_and_type.css">
+<link rel="stylesheet" href="./Popconfirm.css">
+<style>
+  .demo { padding: 24px; background: var(--au-color-page-bg); font-family: var(--font-family); }
+  h1 { font-size: 20px; margin: 0 0 4px; color: var(--au-color-text-title); }
+  .sub { color: var(--au-color-text-secondary); margin: 0 0 24px; font-size: 12px; }
+  .demo-block { background: var(--au-color-card-bg); border-radius: 8px; padding: 32px; margin-bottom: 20px; }
+  .demo-block > .hint { color: var(--au-color-text-secondary); font-size: 12px; margin: 0 0 16px; }
+  .aa-btn { height: 32px; padding: 0 16px; border-radius: 4px; font-size: 14px; cursor: pointer; border: 1px solid var(--au-color-border); background: var(--au-color-card-bg); color: var(--au-color-text-body); }
+  .aa-btn.danger { border-color: var(--au-color-error); color: var(--au-color-error); }
+  .aa-btn.danger:hover { background: var(--au-color-error); color: var(--au-color-text-inverse); }
+  .log { margin-top: 16px; font-size: 13px; color: var(--au-color-text-secondary); }
+</style>
+</head>
+<body>
+<div class="demo">
+  <h1>Aurora Admin · Popconfirm 组件（纯 H5）</h1>
+  <p class="sub">对齐 Popconfirm 规范：气泡确认、图标+描述+确认/取消，点击外部关闭</p>
+
+  <div class="demo-block">
+    <p class="hint">删除确认（底部弹出）</p>
+    <span class="aa-popconfirm" data-popconfirm>
+      <button class="aa-btn danger">删除</button>
+      <div class="aa-popconfirm-pop placement-bottom" hidden>
+        <div class="aa-popconfirm-inner">
+          <span class="aa-popconfirm-icon">!</span>
+          <span class="aa-popconfirm-title">确定要删除该条记录吗？此操作不可撤销。</span>
+        </div>
+        <div class="aa-popconfirm-actions">
+          <button class="aa-popconfirm-btn" data-act="cancel">取消</button>
+          <button class="aa-popconfirm-btn primary" data-act="ok">确定</button>
+        </div>
+      </div>
+    </span>
+    <div class="log" id="log">结果：—</div>
+  </div>
+
+  <div class="demo-block">
+    <p class="hint">顶部弹出</p>
+    <span class="aa-popconfirm" data-popconfirm>
+      <button class="aa-btn">提交</button>
+      <div class="aa-popconfirm-pop placement-top" hidden>
+        <div class="aa-popconfirm-inner">
+          <span class="aa-popconfirm-icon">!</span>
+          <span class="aa-popconfirm-title">确定要提交审批吗？</span>
+        </div>
+        <div class="aa-popconfirm-actions">
+          <button class="aa-popconfirm-btn" data-act="cancel">取消</button>
+          <button class="aa-popconfirm-btn primary" data-act="ok">确定</button>
+        </div>
+      </div>
+    </span>
+  </div>
+</div>
+
+<script>
+document.querySelectorAll('[data-popconfirm]').forEach(root => {
+  const trigger = root.querySelector('button');
+  const pop = root.querySelector('.aa-popconfirm-pop');
+
+  trigger.addEventListener('click', (e) => {
+    e.stopPropagation();
+    const open = pop.hidden;
+    closeAll();
+    pop.hidden = !open;
+  });
+
+  pop.querySelector('[data-act="cancel"]').addEventListener('click', (e) => {
+    e.stopPropagation(); pop.hidden = true;
+  });
+  pop.querySelector('[data-act="ok"]').addEventListener('click', (e) => {
+    e.stopPropagation(); pop.hidden = true;
+    const log = document.getElementById('log');
+    if (log) log.textContent = '结果：已确认（ok）';
+  });
+
+  // 点击气泡本身不关闭
+  pop.addEventListener('click', (e) => e.stopPropagation());
+});
+
+function closeAll() {
+  document.querySelectorAll('.aa-popconfirm-pop').forEach(p => p.hidden = true);
+}
+document.addEventListener('click', closeAll);
+</script>
+</body>
+</html>