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
@@ -1,10 +1,10 @@
-/* Aurora Admin PhoneInput 样式 — 国际区号 + 手机号 */
-.aa-phone { display: inline-flex; align-items: stretch; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); border: 1px solid var(--au-color-border); border-radius: 6px; height: 36px; background: var(--au-color-card-bg); overflow: hidden; }
-.aa-phone.is-focus { border-color: var(--au-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
-.aa-phone.is-error { border-color: var(--au-color-error); }
-.aa-phone-code { border: none; border-inline-end: 1px solid var(--au-color-border); background: var(--au-color-table-header-bg); color: var(--au-color-text-body); font-size: 14px; padding: 0 8px; outline: none; cursor: pointer; }
-.aa-phone-input { flex: 1; border: none; outline: none; padding: 0 10px; font-size: 14px; color: var(--au-color-text-body); background: none; min-width: 160px; }
-.aa-phone-input::placeholder { color: var(--au-color-text-placeholder); }
-.aa-phone-tip { font-size: 12px; margin-top: 4px; color: var(--au-color-text-secondary); }
-.aa-phone-tip.error { color: var(--au-color-error); }
-.aa-phone-tip.ok { color: var(--au-color-success); }
+/* Kole UI PhoneInput 样式 — 国际区号 + 手机号 */
+.kole-phone { display: inline-flex; align-items: stretch; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); border: 1px solid var(--kole-color-border); border-radius: 6px; height: 36px; background: var(--kole-color-card-bg); overflow: hidden; }
+.kole-phone.is-focus { border-color: var(--kole-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
+.kole-phone.is-error { border-color: var(--kole-color-error); }
+.kole-phone-code { border: none; border-inline-end: 1px solid var(--kole-color-border); background: var(--kole-color-table-header-bg); color: var(--kole-color-text-body); font-size: 14px; padding: 0 8px; outline: none; cursor: pointer; }
+.kole-phone-input { flex: 1; border: none; outline: none; padding: 0 10px; font-size: 14px; color: var(--kole-color-text-body); background: none; min-width: 160px; }
+.kole-phone-input::placeholder { color: var(--kole-color-text-placeholder); }
+.kole-phone-tip { font-size: 12px; margin-top: 4px; color: var(--kole-color-text-secondary); }
+.kole-phone-tip.error { color: var(--kole-color-error); }
+.kole-phone-tip.ok { color: var(--kole-color-success); }
@@ -3,27 +3,27 @@
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Aurora Admin · PhoneInput</title>
-  <link rel="stylesheet" href="../.design_library/aurora-admin/colors_and_type.css" />
+  <title>Kole UI · PhoneInput</title>
+  <link rel="stylesheet" href="../.design_library/kole-ui/colors_and_type.css" />
  <link rel="stylesheet" href="./PhoneInput.css" />
 </head>
 <body>
-  <div class="aa-page">
-    <h2 class="aa-h2">PhoneInput 手机号输入</h2>
-    <p class="aa-desc">国际区号选择 + 自动格式化 + 校验，适用于注册、登录。</p>
+  <div class="kole-page">
+    <h2 class="kole-h2">PhoneInput 手机号输入</h2>
+    <p class="kole-desc">国际区号选择 + 自动格式化 + 校验，适用于注册、登录。</p>

-    <div class="aa-demo">
-      <div class="aa-demo__title">基础用法</div>
-      <div class="aa-phone" id="phone">
-        <select class="aa-phone-code" id="code">
+    <div class="kole-demo">
+      <div class="kole-demo__title">基础用法</div>
+      <div class="kole-phone" id="phone">
+        <select class="kole-phone-code" id="code">
          <option value="+86">+86</option>
          <option value="+852">+852</option>
          <option value="+1">+1</option>
          <option value="+81">+81</option>
        </select>
-        <input class="aa-phone-input" role="group" id="num" placeholder="请输入手机号" inputmode="numeric" />
+        <input class="kole-phone-input" role="group" id="num" placeholder="请输入手机号" inputmode="numeric" />
      </div>
-      <div class="aa-phone-tip" id="tip">支持中国大陆、香港、美、日等区号</div>
+      <div class="kole-phone-tip" id="tip">支持中国大陆、香港、美、日等区号</div>
    </div>
  </div>

@@ -42,9 +42,9 @@
      if (c === '+86') ok = /^1[3-9]\d{9}$/.test(v);
      else ok = v.length >= 6 && v.length <= 15;
      root.classList.remove('is-error');
-      if (!v) { tip.className = 'aa-phone-tip'; tip.textContent = '支持中国大陆、香港、美、日等区号'; }
-      else if (ok) { tip.className = 'aa-phone-tip ok'; tip.textContent = '格式正确：' + c + ' ' + v; }
-      else { tip.className = 'aa-phone-tip error'; tip.textContent = '手机号格式不正确'; root.classList.add('is-error'); }
+      if (!v) { tip.className = 'kole-phone-tip'; tip.textContent = '支持中国大陆、香港、美、日等区号'; }
+      else if (ok) { tip.className = 'kole-phone-tip ok'; tip.textContent = '格式正确：' + c + ' ' + v; }
+      else { tip.className = 'kole-phone-tip error'; tip.textContent = '手机号格式不正确'; root.classList.add('is-error'); }
    }
    num.addEventListener('input', function () { num.value = format(num.value); validate(); });
    code.addEventListener('change', validate);
@@ -29,8 +29,8 @@ export default function PhoneInput({ modelValue = '', placeholder = '请输入

  return (
    <div>
-      <div className={'aa-phone' + (focused ? ' is-focus' : '') + (!valid && number ? ' is-error' : '')}>
-        <select className="aa-phone-code" value={code} onChange={(e) => setCode(e.target.value)}>
+      <div className={'kole-phone' + (focused ? ' is-focus' : '') + (!valid && number ? ' is-error' : '')}>
+        <select className="kole-phone-code" value={code} onChange={(e) => setCode(e.target.value)}>
          {CODES.map((c) => (
            <option key={c.value} value={c.value}>
              {c.value} {c.label}
@@ -38,7 +38,7 @@ export default function PhoneInput({ modelValue = '', placeholder = '请输入
          ))}
        </select>
        <input
-          className="aa-phone-input"
+          className="kole-phone-input"
          value={number}
          inputMode="numeric"
          placeholder={placeholder}
@@ -47,7 +47,7 @@ export default function PhoneInput({ modelValue = '', placeholder = '请输入
          onBlur={() => setFocused(false)}
        />
      </div>
-      <div className={'aa-phone-tip ' + tipClass}>{tipText}</div>
+      <div className={'kole-phone-tip ' + tipClass}>{tipText}</div>
    </div>
  );
 }
@@ -1,11 +1,11 @@
 <template>
  <div>
-    <div class="aa-phone" :class="{ 'is-focus': focused, 'is-error': !valid && !!number }">
-      <select class="aa-phone-code" v-model="code">
+    <div class="kole-phone" :class="{ 'is-focus': focused, 'is-error': !valid && !!number }">
+      <select class="kole-phone-code" v-model="code">
        <option v-for="c in codes" :key="c.value" :value="c.value">{{ c.value }} {{ c.label }}</option>
      </select>
      <input
-        class="aa-phone-input"
+        class="kole-phone-input"
        :value="number"
        inputmode="numeric"
        :placeholder="placeholder"
@@ -14,13 +14,13 @@
        @blur="focused = false"
      />
    </div>
-    <div class="aa-phone-tip" :class="tipClass">{{ tipText }}</div>
+    <div class="kole-phone-tip" :class="tipClass">{{ tipText }}</div>
  </div>
 </template>

 <script>
 export default {
-  name: 'AaPhoneInput',
+  name: 'KolePhoneInput',
  props: {
    value: { type: String, default: '' },
    placeholder: { type: String, default: '请输入手机号' },
@@ -1,11 +1,11 @@
 <template>
  <div>
-    <div class="aa-phone" :class="{ 'is-focus': focused, 'is-error': !valid && !!number }">
-      <select class="aa-phone-code" v-model="code">
+    <div class="kole-phone" :class="{ 'is-focus': focused, 'is-error': !valid && !!number }">
+      <select class="kole-phone-code" v-model="code">
        <option v-for="c in codes" :key="c.value" :value="c.value">{{ c.value }} {{ c.label }}</option>
      </select>
      <input
-        class="aa-phone-input"
+        class="kole-phone-input"
        :value="number"
        inputmode="numeric"
        :placeholder="placeholder"
@@ -14,7 +14,7 @@
        @blur="focused = false"
      />
    </div>
-    <div class="aa-phone-tip" :class="tipClass">{{ tipText }}</div>
+    <div class="kole-phone-tip" :class="tipClass">{{ tipText }}</div>
  </div>
 </template>