问题 - 79 个组件的 844 个颜色属性里,只有 2 个(0.2%)引用令牌, 788 个(93.4%)硬编码 hex - 后果:改令牌组件不跟着变、主题定制器对组件无效、For Agents 页写的 「所有色值必须取自 au-* 变量」形同虚设 - 这是本项目第五次「声称≠实现」,且动摇了设计系统的根本 两层令牌化(此前只改了从未被加载的文件,走了弯路) - 组件样式表 frameworks/*.css:915 处 / 78 文件 - 演示页内嵌 <style>(实际生效的样式层):287 处 / 51 文件 - 内嵌样式层是决定性的:演示页只 link colors_and_type.css + 自己的 CSS, 而多数页面把关键样式写在 <style> 块里 —— 只改 CSS 文件不生效 安全策略 - 只替换颜色属性值位置的 hex(color/background*/border*/outline*/fill/stroke) - 跳过 rgba()/渐变/url() 复合值;不动 SVG 属性与 JS 数据(色板数组) - 歧义色值按属性语义消解(#FFFFFF 作 color→text-inverse,作 background→card-bg) - 幂等,可重复运行 补齐令牌语义(71 → 74) - --au-color-text-tertiary #595959(规范未定义、实现补齐,7.00:1) - --au-color-text-disabled #BFBFBF(规范定义于组件1/2.txt;WCAG 1.4.3 豁免) - --au-color-border-strong #F0F0F0(规范未定义、实现补齐) - 同步 legacy 别名;修复 colors_and_type.css 一处重复注释起始行 修复 - Countdown 首帧空白:setInterval(render, 1000) 首次执行要等 1 秒, 期间容器为空。改为定义函数后立即执行一次再挂 interval 验证(本轮核心验收) - 逐组件验证「改令牌 → 元素是否跟着变」:79/79 全部响应 - 过程中修正两处测量方法缺陷(初测 40/79 是误报): ① 选择器 .demo * 在无 .demo 容器的页面抓不到元素 ② 探针令牌选错 —— Breadcrumb 用 text-tertiary 而只改了 text-body - CSS 结构完整:158 个文件括号平衡、var(--*) 引用全部有定义 - 回归保持 100%:961 断言 / 0 失败 / 79 页全通过,三次连跑一致
1 line
6.8 KiB
JSON
1 line
6.8 KiB
JSON
{"global":{"au-color-brand":{"value":"#2F54EB","type":"color","description":"品牌主色:主按钮、选中态、链接"},"au-color-brand-hover":{"value":"#1D39C4","type":"color","description":"品牌主色悬停"},"au-color-brand-active":{"value":"#10239E","type":"color","description":"品牌主色点击"},"au-color-brand-bg":{"value":"#F0F5FF","type":"color","description":"品牌浅色背景:选中背景、标签背景、表格悬停"},"au-color-secondary":{"value":"#13C2C2","type":"color","description":"辅助色"},"au-color-page-bg":{"value":"#F5F7FA","type":"color","description":"页面背景"},"au-color-card-bg":{"value":"#FFFFFF","type":"color","description":"卡片背景"},"au-color-table-header-bg":{"value":"#FAFAFA","type":"color","description":"表头背景"},"au-color-disabled-bg":{"value":"#F5F5F5","type":"color","description":"禁用背景(按钮禁用态)"},"au-color-tag-green-bg":{"value":"#F6FFED","type":"color","description":"标签绿底"},"au-color-tooltip-bg":{"value":"#1F2329","type":"color","description":"Tooltip 深色背景"},"au-color-text-title":{"value":"#1F2329","type":"color","description":"标题文字 · 15.4:1"},"au-color-text-body":{"value":"#262626","type":"color","description":"正文文字 · 14.0:1"},"au-color-text-secondary":{"value":"#6E6E6E","type":"color","description":"次要文字 · 5.10:1(原 #8C8C8C 仅 3.36:1)"},"au-color-text-tertiary":{"value":"#595959","type":"color","description":"三级文字/描述 · 7.00:1(规范未定义,实现补齐)"},"au-color-text-placeholder":{"value":"#767676","type":"color","description":"占位文字 · 4.54:1(原 #BFBFBF 仅 1.84:1)"},"au-color-text-inverse":{"value":"#FFFFFF","type":"color","description":"反色文字(品牌色背景上的白字)"},"au-color-text-disabled":{"value":"#BFBFBF","type":"color","description":"禁用态文字 · WCAG 1.4.3 对禁用控件豁免(规范定义于组件1/2.txt)"},"au-color-border":{"value":"#E8ECF1","type":"color","description":"分割线/边框"},"au-color-border-strong":{"value":"#F0F0F0","type":"color","description":"更强的实线边框(规范未定义,实现补齐)"},"au-color-success":{"value":"#2E7D0A","type":"color","description":"成功色 · 5.18:1(原 #52C41A 仅 2.27:1)"},"au-color-warning":{"value":"#8C5A00","type":"color","description":"警告色 · 5.87:1(原 #FAAD14 仅 1.90:1)"},"au-color-error":{"value":"#CF1322","type":"color","description":"错误色 · 5.57:1(原 #F5222D 仅 4.08:1)"},"au-color-info":{"value":"#096DD9","type":"color","description":"信息色 · 5.00:1(原 #1890FF 仅 3.24:1)"},"au-color-mask":{"value":"rgba(0, 0, 0, 0.45)","type":"color","description":"弹窗遮罩"},"au-color-mask-strong":{"value":"rgba(0, 0, 0, 0.85)","type":"color","description":"图片遮罩"},"au-color-focus-ring":{"value":"rgba(47, 84, 235, 0.2)","type":"color","description":"输入框聚焦外发光"},"au-font-family":{"value":"\"PingFang SC\", \"Source Han Sans SC\", \"Source Han Sans\", \"Microsoft YaHei\", \"Inter\", \"DIN\", -apple-system, \"Segoe UI\", sans-serif","type":"other","description":""},"au-font-family-cn":{"value":"\"PingFang SC\", \"Source Han Sans SC\", \"Source Han Sans\", \"Microsoft YaHei\", sans-serif","type":"other","description":""},"au-font-family-num":{"value":"\"Inter\", \"DIN\", \"Segoe UI\", sans-serif","type":"other","description":""},"au-type-display-size":{"value":"24px","type":"other","description":""},"au-type-display-height":{"value":"32px","type":"other","description":""},"au-type-display-weight":{"value":"600","type":"other","description":"Semibold:页面大标题"},"au-type-h1-size":{"value":"20px","type":"other","description":""},"au-type-h1-height":{"value":"28px","type":"other","description":""},"au-type-h1-weight":{"value":"600","type":"other","description":"Semibold:卡片标题、弹窗标题"},"au-type-h2-size":{"value":"16px","type":"other","description":""},"au-type-h2-height":{"value":"24px","type":"other","description":""},"au-type-h2-weight":{"value":"500","type":"other","description":"Medium:区块标题"},"au-type-body-size":{"value":"14px","type":"other","description":""},"au-type-body-height":{"value":"22px","type":"other","description":""},"au-type-body-weight":{"value":"400","type":"other","description":"Regular:正文、表格、表单"},"au-type-caption-size":{"value":"12px","type":"other","description":""},"au-type-caption-height":{"value":"20px","type":"other","description":""},"au-type-caption-weight":{"value":"400","type":"other","description":"Regular:辅助说明、时间戳"},"au-space-4":{"value":"4px","type":"spacing","description":""},"au-space-8":{"value":"8px","type":"spacing","description":""},"au-space-12":{"value":"12px","type":"spacing","description":""},"au-space-16":{"value":"16px","type":"spacing","description":""},"au-space-20":{"value":"20px","type":"spacing","description":""},"au-space-24":{"value":"24px","type":"spacing","description":""},"au-space-32":{"value":"32px","type":"spacing","description":""},"au-space-40":{"value":"40px","type":"spacing","description":""},"au-space-48":{"value":"48px","type":"spacing","description":""},"au-space-64":{"value":"64px","type":"spacing","description":""},"au-radius-small":{"value":"2px","type":"borderRadius","description":"标签、徽章、复选框"},"au-radius-base":{"value":"4px","type":"borderRadius","description":"按钮、输入框、选择器"},"au-radius-medium":{"value":"6px","type":"borderRadius","description":"表格、卡片内部元素、Popover、日期面板"},"au-radius-large":{"value":"8px","type":"borderRadius","description":"卡片、弹窗、抽屉"},"au-shadow-low":{"value":"0 1px 4px rgba(0, 0, 0, 0.06)","type":"boxShadow","description":"卡片默认"},"au-shadow-medium":{"value":"0 4px 12px rgba(0, 0, 0, 0.08)","type":"boxShadow","description":"卡片悬停、下拉菜单、Popover"},"au-shadow-high":{"value":"0 8px 24px rgba(0, 0, 0, 0.12)","type":"boxShadow","description":"弹窗、抽屉"},"au-duration-fast":{"value":"0.2s","type":"other","description":""},"au-duration-base":{"value":"0.3s","type":"other","description":""},"au-duration-slow":{"value":"0.4s","type":"other","description":""},"au-ease-standard":{"value":"ease","type":"other","description":""},"au-ease-out":{"value":"ease-out","type":"other","description":""},"au-ease-in-out":{"value":"ease-in-out","type":"other","description":""},"au-icon-size-16":{"value":"16px","type":"sizing","description":""},"au-icon-size-20":{"value":"20px","type":"sizing","description":""},"au-icon-size-24":{"value":"24px","type":"sizing","description":""},"au-control-height-small":{"value":"24px","type":"sizing","description":""},"au-control-height-default":{"value":"32px","type":"sizing","description":""},"au-control-height-large":{"value":"40px","type":"sizing","description":""}},"$themes":[],"$metadata":{"tokenSetOrder":["global"]}} |