feat(品牌标识): 几何 K 图标(favicon/顶栏标记/theme-color) + 并行会话成果入库

## 品牌标识（本次会话）起因：品牌此前没有任何图形标识 —— 唯一 favicon 是内联 data-URI 里的字母「A」，那是 v2.0.0「Aurora Admin → Kole UI」改名漏掉的一处（PC 顶栏也是「A」，移动端站已是「K」；移动端文档站则完全没有 favicon）。 - 几何：24 网格三个互不接触的笔画（竖 + 两斜），圆头描边；描边 2.25 → 16px 标签页尺寸下正好 1.5px = 规范原文「描边1.5px」 - 取色分两套（刻意）：favicon 硬编码品牌蓝/白（渲染在浏览器标签栏，不继承 kole-dark）；顶栏标记走 currentColor（实测暗色下自动转 rgb(20,22,28)） - 新增 theme-color 双条（light #FFFFFF / dark #1C1F26，取 --kole-color-card-bg） - 修 site/app.js hero 标语 KOLE ADMIN → KOLE UI（改名变形残留） - 移动端 7 个模板补 favicon（此前计数 0）验收：门禁 9 条全 OK（site-routing/site-routes/mobile-docs/mobile-site/isolation/ theme/nav/i18n/icons）；PC 回归 1464/1464 · 移动端 807/807，各连跑 8 次一致；两端 favicon 405 字节逐字节一致；PC 站控制台错误 1→0。 ## 并行会话成果（本次一并入库） - 图标系统：2576 图标（TDesign/Element Plus，MIT）+ 11 端注入 + 5 个构建门禁工具 + IconPreview 预览页 + ICON-SPEC.md 冻结规格 - 移动端平台：47 组件 × 6 端 + 文档站 53 页 + 隔离门禁 - PC 组件：103 个大后台组件 / 组件11 批次 - uni-app：PC 端试点 + 移动端端实现 + 真实编译验证 ## 工程 - .gitignore 补 .scratch/ 与 .zcode-preexisting-*.txt（会话中间产物，实测 9.1MB，不入库） - CHANGELOG 补品牌标识条目 - ROADMAP 登 S8-P4（品牌标识任务包 + og:image/apple-touch-icon 未做部分）
2026-09-21 10:05:48 +08:00
parent eb25feedaf
commit f1fbfc2ddb
2541 changed files with 270385 additions and 25873 deletions
@@ -3,18 +3,18 @@
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Aurora Admin · TopMenu（顶部菜单，普通 H5）</title>
-  <link rel="stylesheet" href="../.design_library/aurora-admin/colors_and_type.css" />
+  <title>Kole UI · TopMenu（顶部菜单，普通 H5）</title>
+  <link rel="stylesheet" href="../.design_library/kole-ui/colors_and_type.css" />
  <link rel="stylesheet" href="TopMenu.css" />
  <style>
-    body { margin: 0; padding: 16px; background: var(--au-color-page-bg); }
-    p { font-size: 13px; color: var(--au-color-text-secondary); margin: 0 0 8px; }
+    body { margin: 0; padding: 16px; background: var(--kole-color-page-bg); }
+    p { font-size: 13px; color: var(--kole-color-text-secondary); margin: 0 0 8px; }
    .demo-block { margin-bottom: 20px; }
  </style>
 </head>
 <body>
  <!--
-    Aurora Admin Menu 族 · TopMenu
+    Kole UI Menu 族 · TopMenu
    @generated by tools/gen-family-impl.mjs
    生成物 — 由 tools/gen-family-impl.mjs 从族模板生成，请勿手改。
    族 nav-menu：本页是同一份 Menu 实现，参数 direction=top。
@@ -23,17 +23,17 @@
  -->
  <p>默认态（选中：全部订单）</p>
  <div class="demo-block">
-    <nav class="aa-menu" id="menu-default" role="navigation" aria-label="主菜单"></nav>
+    <nav class="kole-menu" id="menu-default" role="navigation" aria-label="主菜单" data-behavior="layout-menu-rows"></nav>
  </div>

  <p>含徽章与禁用项</p>
  <div class="demo-block">
-    <nav class="aa-menu" id="menu-badge" role="navigation" aria-label="带徽章的主菜单"></nav>
+    <nav class="kole-menu" id="menu-badge" role="navigation" aria-label="带徽章的主菜单" data-behavior="layout-menu-rows"></nav>
  </div>

  <p>下拉展开态（订单 → 子项）</p>
  <div class="demo-block">
-    <nav class="aa-menu" id="menu-alt" role="navigation" aria-label="主菜单替代形态"></nav>
+    <nav class="kole-menu" id="menu-alt" role="navigation" aria-label="主菜单替代形态" data-behavior="layout-menu-rows"></nav>
  </div>

  <script>
@@ -80,25 +80,25 @@
        var hasKids = !!(it.children && it.children.length);
        var open = hasKids && it.key === state.open ? ' is-open' : '';
        var kids = hasKids && params.direction !== 'mixed'
-          ? '<div class="aa-menu-children">' + it.children.map(function (c) { return itemHtml(c, level + 1); }).join('') + '</div>'
+          ? '<div class="kole-menu-children">' + it.children.map(function (c) { return itemHtml(c, level + 1); }).join('') + '</div>'
          : '';
-        var icon = it.icon ? '<span class="aa-menu-icon">' + it.icon + '</span>' : '';
-        var badge = it.badge ? '<span class="aa-menu-badge">' + it.badge + '</span>' : '';
+        var icon = it.icon ? '<span class="kole-menu-icon">' + it.icon + '</span>' : '';
+        var badge = it.badge ? '<span class="kole-menu-badge">' + it.badge + '</span>' : '';
        var arrow = hasKids && params.direction !== 'top'
-          ? '<span class="aa-menu-arrow">›</span>'
+          ? '<span class="kole-menu-arrow">›</span>'
          : '';
-        return '<div class="aa-menu-item' + active + disabled + open + '"' +
+        return '<div class="kole-menu-item' + active + disabled + open + '"' +
          ' role="menuitem" tabindex="0" data-key="' + it.key + '"' +
          (hasKids ? ' aria-expanded="' + (it.key === state.open ? 'true' : 'false') + '"' : '') +
-          '>' + icon + '<span class="aa-menu-label">' + it.label + '</span>' + badge + arrow + kids + '</div>';
+          '>' + icon + '<span class="kole-menu-label">' + it.label + '</span>' + badge + arrow + kids + '</div>';
      }

      function popHtml() {
        if (params.direction !== 'side' || !state.collapsed || !state.hoverKey) return '';
        var it = ITEMS.filter(function (x) { return x.key === state.hoverKey; })[0];
        if (!it || !it.children) return '';
-        return '<div class="aa-menu-pop">' +
-          '<div class="aa-menu-pop-title">' + it.label + '</div>' +
+        return '<div class="kole-menu-pop">' +
+          '<div class="kole-menu-pop-title">' + it.label + '</div>' +
          it.children.map(function (c) { return itemHtml(c, 1); }).join('') +
          '</div>';
      }
@@ -109,10 +109,10 @@
        }
        var current = ITEMS.filter(function (x) { return isTopActive(x); })[0] || ITEMS[0];
        var side = (current.children || []).map(function (c) { return itemHtml(c, 1); }).join('');
-        return '<div class="aa-menu-top">' +
+        return '<div class="kole-menu-top">' +
            ITEMS.map(function (it) { return itemHtml(it, 0); }).join('') +
          '</div>' +
-          '<div class="aa-menu-side">' + side + '</div>';
+          '<div class="kole-menu-side">' + side + '</div>';
      }

      function render() {