iter(g211): verify 增加令牌双源一致性校验

AGENTS.md

@@ -27,7 +27,7 @@
 - `apps/demo`（@ui-arch/demo）：交互演示，产物 apps/demo/dist/demo.html
 - `apps/docs`：文档站，纯产物（ua docs 生成）
 
-**门禁一条龙**：`npm run check` = build + demo + style + typecheck + smoke + index + verify + lint-iterations + audit:visual，提交前必过。`ua audit:visual` 统计皮肤包里五类硬编码视觉字面量（字号 / 动效时长 / 阴影 / 圆角 / 焦点环）并与 `.ua/visual-baseline.json` 做棘轮：任一类超过基线即退出码 1 并指出疑似引入的提交；迁移脚本 `npm run visual:migrate` 可把字面量幂等改写成令牌。`ua verify` 校验清单 ↔ 文档 ↔ 演示一致（docs.components 的 id 必须在 api.exports 有对应条目、props 必须带 n/t/d、每个文档字段名必须在组件实现源码里真实出现（改名后忘改文档会直接报错）、反向也校验 `src/types.ts` 里 `<组件>Props`（可用清单的 `propsType` 覆盖接口名，`false` 表示无入参）每个字段都在文档 props 表登记（新加字段忘了写文档会报错）、demo 锚点必须在 `apps/demo/main.ts` 中存在，且该组件必须被 demo 真实调用 `id(` / `id.`），检查皮肤包样式表无硬编码颜色（`#hex` 一律禁止，必须走 `--ua-*` 令牌）与令牌引用有效（`var(--ua-*)` 必须是 tokens.css 已定义或组件自设的变量）、核对每个 `--ua-color-*` 都在 `[data-theme='dark']` 里有覆盖值且暗色块没有凭空多出的变量名（新增颜色令牌漏写暗色值直接报错），核对 README 的 `<!-- ua:components -->` 区块与「分组：」行都覆盖清单组件集合（漏写/多写/重复都报错），并交叉校验 backlog 的 done 条目与 `.ua/iterations.log` 的 done 留痕一一对应（另外查 backlog id 不重复、g 编号严格递增、同一 id 只有一条 done 留痕，且留痕 ts 带 +08:00、时间线不回退、不落在未来——都是过去手工插条目/手写时间戳踩过的坑）；配方还要求编号连续、每条都有代码块与要点，且代码块里至少认出一个已注册组件 id（拼错组件名时 `ua recipes` 会把它列成空组件表）。
+**门禁一条龙**：`npm run check` = build + demo + style + typecheck + smoke + index + verify + lint-iterations + audit:visual，提交前必过。`ua audit:visual` 统计皮肤包里五类硬编码视觉字面量（字号 / 动效时长 / 阴影 / 圆角 / 焦点环）并与 `.ua/visual-baseline.json` 做棘轮：任一类超过基线即退出码 1 并指出疑似引入的提交；迁移脚本 `npm run visual:migrate` 可把字面量幂等改写成令牌。`ua verify` 校验清单 ↔ 文档 ↔ 演示一致（docs.components 的 id 必须在 api.exports 有对应条目、props 必须带 n/t/d、每个文档字段名必须在组件实现源码里真实出现（改名后忘改文档会直接报错）、反向也校验 `src/types.ts` 里 `<组件>Props`（可用清单的 `propsType` 覆盖接口名，`false` 表示无入参）每个字段都在文档 props 表登记（新加字段忘了写文档会报错）、demo 锚点必须在 `apps/demo/main.ts` 中存在，且该组件必须被 demo 真实调用 `id(` / `id.`），检查皮肤包样式表无硬编码颜色（`#hex` 一律禁止，必须走 `--ua-*` 令牌）与令牌引用有效（`var(--ua-*)` 必须是 tokens.css 已定义或组件自设的变量）、核对每个 `--ua-color-*` 都在 `[data-theme='dark']` 里有覆盖值且暗色块没有凭空多出的变量名（新增颜色令牌漏写暗色值直接报错）、核对 `tokens.json` 的 `color` 键与 tokens.css 的 `--ua-color-*` 同名同值（名字按 camelCase → kebab 折算，亮色值与暗色值都比，双向查漏——只改一处时文档色板会凭空多/少一个令牌，过去只能靠人眼发现），核对 README 的 `<!-- ua:components -->` 区块与「分组：」行都覆盖清单组件集合（漏写/多写/重复都报错），并交叉校验 backlog 的 done 条目与 `.ua/iterations.log` 的 done 留痕一一对应（另外查 backlog id 不重复、g 编号严格递增、同一 id 只有一条 done 留痕，且留痕 ts 带 +08:00、时间线不回退、不落在未来——都是过去手工插条目/手写时间戳踩过的坑）；配方还要求编号连续、每条都有代码块与要点，且代码块里至少认出一个已注册组件 id（拼错组件名时 `ua recipes` 会把它列成空组件表）。
 
 `ua verify` 另外校验 `ITERATION.md` 的《视觉回归抽查清单》：button / textField / select / modal / dataTable / toast 六段各 ≥3 条可勾选要点、每条维度标签必须落在边框 / 阴影 / 过渡 / 焦点环 / 暗色五类内、合计 ≥18 条且五维度全覆盖——视觉类条目收尾前照单过一遍，改清单时别把条目删漏。
 

packages/tools/cli/bin/ua.js

@@ -1023,6 +1023,39 @@ function cmdSyncCounts() {
   console.log(`sync-counts: 清单实际 ${actual} 个组件，改写 ${changed} 个文件`);
 }
 
+/*** 令牌双源一致性：tokens.json 的 color 键（camelCase）与 tokens.css 的 --ua-color-* 必须同名同值（亮/暗两套都比） ***/
+function checkTokenParity(issues) {
+  const jsonPath = path.join(ROOT, 'packages', 'design', 'tokens', 'tokens.json');
+  const cssPath = path.join(ROOT, 'packages', 'design', 'tokens', 'tokens.css');
+  if (!fs.existsSync(jsonPath) || !fs.existsSync(cssPath)) return; // 卫语句：任一缺失交给其它校验兜底
+  const tokens = JSON.parse(fs.readFileSync(jsonPath, 'utf8'));
+  if (!tokens.color) return; // 卫语句：没有颜色分组（旧版本令牌表）不参与本校验
+  const src = fs.readFileSync(cssPath, 'utf8').replace(/\r\n/g, '\n');
+  const grab = (block) => {
+    const out = new Map(); // cssVar -> 值
+    for (const m of block.matchAll(/(--ua-[\w-]+)\s*:\s*([^;]+);/g)) out.set(m[1], m[2].trim());
+    return out;
+  };
+  const root = grab((src.match(/:root\s*\{([\s\S]*?)\}/) ?? [, ''])[1]);
+  const dark = grab((src.match(/\[data-theme='dark'\]\s*\{([\s\S]*?)\}/) ?? [, ''])[1]);
+  const kebab = (key) => key.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/([a-zA-Z])(\d)/g, '$1-$2').toLowerCase();
+  const jsonVars = new Set(); // JSON 声明的颜色变量名，用于反查 CSS 里多出来的
+  for (const [key, pair] of Object.entries(tokens.color)) {
+    const name = `--ua-color-${kebab(key)}`;
+    jsonVars.add(name);
+    if (!root.has(name)) {
+      issues.push(`tokens: tokens.json 的 color.${key} 在 tokens.css :root 里没有 ${name}（文档色板会列出不存在的令牌）`);
+      continue; // 名字都不存在，值比对没意义
+    }
+    if (root.get(name) !== pair.light) issues.push(`tokens: ${name} 亮色值不一致（tokens.json "${pair.light}" vs tokens.css "${root.get(name)}"）`);
+    if (dark.has(name) && dark.get(name) !== pair.dark) issues.push(`tokens: ${name} 暗色值不一致（tokens.json "${pair.dark}" vs tokens.css "${dark.get(name)}"）`);
+  }
+  for (const name of root.keys()) {
+    if (!name.startsWith('--ua-color-')) continue; // 卫语句：只对颜色分组做双向比对
+    if (!jsonVars.has(name)) issues.push(`tokens: tokens.css 的 ${name} 未在 tokens.json 的 color 里登记（文档色板与 ua tokens 会漏项）`);
+  }
+}
+
 /*** 暗色令牌齐全校验：每个 --ua-color-* 都得在 [data-theme='dark'] 里有覆盖值，反向也查暗色块里的变量先在 :root 定义过（防改名漏改） ***/
 function checkDarkTokens(issues) {
   const p = path.join(ROOT, 'packages', 'design', 'tokens', 'tokens.css');
@@ -1356,6 +1389,7 @@ function cmdVerify() {
   issues.push(...checkCountDocs(skinTotal));
   issues.push(...checkReadme(pkgs));
   checkDarkTokens(issues);
+  checkTokenParity(issues);
   checkLlmsFull(pkgs, issues);
   issues.push(...checkIterations());
   issues.push(...checkVisualChecklist());
@@ -1365,7 +1399,7 @@ function cmdVerify() {
     console.error(`${issues.length} violation(s)`);
     process.exit(1);
   }
-  console.log('verify OK (manifest ↔ docs ↔ demo 一致，文档 props ↔ 入参接口双向一致，皮肤无硬编码颜色与未定义令牌、暗色令牌齐全，README 组件清单与分组同步，backlog ↔ 留痕一致（编号严格递增、无重复 id、留痕时间线单调且带 +08:00），组合配方结构完整，MCP 工具清单三处一致，视觉回归抽查清单六组件 × 五维度齐全)');
+  console.log('verify OK (manifest ↔ docs ↔ demo 一致，文档 props ↔ 入参接口双向一致，皮肤无硬编码颜色与未定义令牌、暗色令牌齐全、tokens.json ↔ tokens.css 名字与值双源一致，README 组件清单与分组同步，backlog ↔ 留痕一致（编号严格递增、无重复 id、留痕时间线单调且带 +08:00），组合配方结构完整，MCP 工具清单三处一致，视觉回归抽查清单六组件 × 五维度齐全)');
 }
 
 /*** 校验 git 提交信息是否符合 COMMITTING.md 规范（参数为 message 文件路径或直接 message 文本），违规退出码 1 ***/