From a67a9fe0a7e4a12daf46c24b4e9f66983768653c Mon Sep 17 00:00:00 2001 From: HIsheR Date: Mon, 26 Oct 2026 17:52:44 +0800 Subject: [PATCH] =?UTF-8?q?iter(g190):=20=E5=AD=97=E5=8F=B7=E5=AD=97?= =?UTF-8?q?=E9=9D=A2=E5=80=BC=E5=BD=92=E9=9B=B6=E8=A1=A5=E5=B1=95=E7=A4=BA?= =?UTF-8?q?=E4=B8=8E=E7=BC=A9=E6=94=BE=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .ua/visual-baseline.json | 10 +++++----- llms-full.txt | 5 +++++ packages/design/tokens/tokens.css | 7 ++++++- packages/design/tokens/tokens.json | 7 ++++++- packages/skin/ui/ui.css | 10 +++++----- packages/tools/cli/lib/visual-rules.mjs | 7 ++++++- 6 files changed, 33 insertions(+), 13 deletions(-) diff --git a/.ua/visual-baseline.json b/.ua/visual-baseline.json index 929d05c..5fa9912 100644 --- a/.ua/visual-baseline.json +++ b/.ua/visual-baseline.json @@ -1,12 +1,12 @@ { "$schema": "视觉漂移基线：各类硬编码视觉字面量的允许上限，任一类超出即 ua audit:visual 退出码 1；迁移后用 --baseline 重写", "file": "packages/skin/ui/ui.css", - "commit": "ecd24d5", - "generatedAt": "2026-10-26T09:45:21.406Z", - "lines": 4780, - "total": 40, + "commit": "43d35fc", + "generatedAt": "2026-10-26T09:52:26.009Z", + "lines": 4874, + "total": 35, "counts": { - "font-size-literal": 5, + "font-size-literal": 0, "duration-literal": 9, "shadow-literal": 9, "radius-literal": 0, diff --git a/llms-full.txt b/llms-full.txt index 93f94bc..4d7ec29 100644 --- a/llms-full.txt +++ b/llms-full.txt @@ -2198,6 +2198,11 @@ node packages/tools/cli/bin/ua.js |docs|tokens - --ua-font-size-lg: 14px - --ua-font-size-xl: 16px - --ua-font-size-2xl: 18px +- --ua-font-size-3xl: 22px +- --ua-font-size-4xl: 26px +- --ua-font-size-5xl: 34px +- --ua-font-size-scale-md: 0.92em +- --ua-font-size-scale-sm: 0.85em - --ua-weight-normal: 400 - --ua-weight-medium: 500 - --ua-weight-semibold: 600 diff --git a/packages/design/tokens/tokens.css b/packages/design/tokens/tokens.css index 83dcc04..420e9ae 100644 --- a/packages/design/tokens/tokens.css +++ b/packages/design/tokens/tokens.css @@ -31,13 +31,18 @@ --ua-space-35: 14px; /* 三档半：宽松行内距（列表行 / 菜单行） */ /* 间距 4 档：区块内边距、卡片间距 */ --ua-space-table-cell: var(--ua-space-2) var(--ua-space-3); /* 表格单元格内边距：上下 2 档 / 左右 3 档 */ - /* ---- 字号：五档主轴 + 两档展示字号（10/11px 统一归入 xs，避免单独成档） ---- */ + /* ---- 字号：五档主轴 + 三档展示字号 + 两档相对缩放（10/11px 统一归入 xs，避免单独成档） ---- */ --ua-font-size-xs: 11px; /* 最小字号：角标 / 辅助说明 / 密排表格 */ --ua-font-size-sm: 12px; /* 小字号：次级文本、表头、提示 */ --ua-font-size-md: 13px; /* 正文字号：控件文本与默认正文 */ --ua-font-size-lg: 14px; /* 大字号：强调正文、卡片标题 */ --ua-font-size-xl: 16px; /* 次标题字号：分组标题、弹窗标题 */ --ua-font-size-2xl: 18px; /* 标题字号：页面区块标题 */ + --ua-font-size-3xl: 22px; /* 图标字号：评分星、开关内嵌图标等由字符撑起的图形 */ + --ua-font-size-4xl: 26px; /* 指标字号：统计卡片的主数值 */ + --ua-font-size-5xl: 34px; /* 插画字号：空状态、结果页的大号字符图标 */ + --ua-font-size-scale-md: 0.92em; /* 相对缩放档（相对父级）：代码片段等需跟上下文缩放的文本 */ + --ua-font-size-scale-sm: 0.85em; /* 相对缩放小档：行内小图标随文字一起缩，不建绝对像素 */ /* ---- 字重与行高：标题 / 正文 / 辅助三档 ---- */ --ua-weight-normal: 400; /* 正文档：正文与表单值 */ diff --git a/packages/design/tokens/tokens.json b/packages/design/tokens/tokens.json index 6b40168..43d2a3b 100644 --- a/packages/design/tokens/tokens.json +++ b/packages/design/tokens/tokens.json @@ -63,7 +63,12 @@ "md": "13px", "lg": "14px", "xl": "16px", - "2xl": "18px" + "2xl": "18px", + "3xl": "22px", + "4xl": "26px", + "5xl": "34px", + "scale-md": "0.92em", + "scale-sm": "0.85em" }, "weight": { "normal": 400, diff --git a/packages/skin/ui/ui.css b/packages/skin/ui/ui.css index 202c1aa..e64a309 100644 --- a/packages/skin/ui/ui.css +++ b/packages/skin/ui/ui.css @@ -1072,7 +1072,7 @@ button.ua-step-dot:hover { border: none; background: none; color: var(--ua-color-border); /* 未选中：弱化为边框色 */ - font-size: 22px; + font-size: var(--ua-font-size-3xl); line-height: var(--ua-leading-none); cursor: pointer; transition: color var(--ua-duration-fast) var(--ua-ease), transform var(--ua-duration-fast) var(--ua-ease); @@ -1111,7 +1111,7 @@ button.ua-step-dot:hover { text-align: center; } .ua-empty-icon { - font-size: 34px; + font-size: var(--ua-font-size-5xl); line-height: var(--ua-leading-none); color: var(--ua-color-border); /* 装饰符号弱化为边框色 */ } @@ -2451,7 +2451,7 @@ button.ua-step-dot:hover { } .ua-stat-num { color: var(--ua-color-text); - font-size: 26px; + font-size: var(--ua-font-size-4xl); font-weight: var(--ua-weight-semibold); line-height: var(--ua-leading-none); font-variant-numeric: tabular-nums; @@ -4245,7 +4245,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); } } .ua-type.is-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; - font-size: 0.92em; + font-size: var(--ua-font-size-scale-md); background: color-mix(in srgb, var(--ua-color-border) 45%, transparent); border-radius: var(--ua-radius-sm); padding: 1px var(--ua-space-1); @@ -4592,7 +4592,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); } text-decoration: none; } .ua-link-icon { - font-size: 0.85em; + font-size: var(--ua-font-size-scale-sm); line-height: var(--ua-leading-none); } .ua-visually-hidden { diff --git a/packages/tools/cli/lib/visual-rules.mjs b/packages/tools/cli/lib/visual-rules.mjs index 08456ee..a6106a3 100644 --- a/packages/tools/cli/lib/visual-rules.mjs +++ b/packages/tools/cli/lib/visual-rules.mjs @@ -152,7 +152,7 @@ const SPACE_TOKENS = new Map([ ['16px', 'var(--ua-space-4)'], ]); -/*** 作用：字号字面值 → 令牌（10/11 归并到 xs，避免 11px 单独成档） ***/ +/*** 作用：字号字面值 → 令牌（10/11 归并到 xs；22/26/34 是展示档；0.92em/0.85em 归相对缩放档） ***/ const FONT_SIZE_TOKENS = new Map([ ['10px', 'var(--ua-font-size-xs)'], ['11px', 'var(--ua-font-size-xs)'], @@ -161,6 +161,11 @@ const FONT_SIZE_TOKENS = new Map([ ['14px', 'var(--ua-font-size-lg)'], ['16px', 'var(--ua-font-size-xl)'], ['18px', 'var(--ua-font-size-2xl)'], + ['22px', 'var(--ua-font-size-3xl)'], + ['26px', 'var(--ua-font-size-4xl)'], + ['34px', 'var(--ua-font-size-5xl)'], + ['0.92em', 'var(--ua-font-size-scale-md)'], + ['0.85em', 'var(--ua-font-size-scale-sm)'], ]); /*** 作用：圆角字面值 → 令牌（1px 细线、50% 圆形、999px 胶囊是语义形状，不属漂移，保留） ***/