被问到「这么多组件能保证不出错吗」——诚实回答是不能。改为四轮机器审计 + 实测,把「我检查过了」替换成可复现的数字,并修掉查出的一切真问题。 审计 1 · 契约保真度(358 条 usageHints 回规格原文核对) - 逐字命中 336 条(93.9%);剩余 22 条经人工比对为同义改写(数值确在规格 别处),非发明 - 发现真实不一致:rate.json 选中星色仍写 #FAAD14,规格已在 v1.3.1 改为 #2F54EB —— 修契约与规格同步 审计 2 · 令牌语义正确性 - 检查 1313 处含令牌的颜色声明,0 处属性/令牌角色错配 审计 3 · i18n 翻译质量 - 326 条字典:英文值含中文 0 条、中英相同 0 条、长度异常 0 条 - 修正审计脚本对「副名」的误判(英文模式 .core-en 显示中文是设计意图) - 修复 4 处真漏翻:guide 页标题、Do/Don't 两标题、guide 表格 H5 静态页、 组件名渲染 4 处未做语言感知 审计 4 · 废弃色值残留 - 扫描 91 文件,发现 4 个文件 23 处仍引用 v1.3.1 前旧色值 - 最严重:css.json(For Agents 页宣称的结构化令牌源,机器读取方会拿到 过时颜色)已同步 10 处;README.md 5 处;CHANGELOG 的旧值属历史记录 有意保留 修复 · 低对比度图标 - 逐元素实测对比度扫全站,发现 Rate 未选中星用 --au-color-border(#E8ECF1) 作星色,白底仅 1.19:1 —— 边框色是装饰性色值,作图标不合格 - 新增 --au-color-icon-inactive #8F8F8F(白底 3.23:1,满足 WCAG 1.4.11) 令牌 74 → 75 - 同批扫出另 5 处经核实为禁用态(WCAG 1.4.3 豁免)或深色遮罩白字 (检测器把半透明底当白底),非缺陷 修复 · 回归偶发(第三次根治) - 现象:多次连跑偶发 99.9%,但单页打开总通过 - 根因:收集器 8 秒超时兜底直接记 fail:1;并发 4 个 iframe 抢主线程时 慢页面会撞超时 - 修法:阈值 8s→12s、超时后重试一次、超时与断言失败分开统计(timedOut 字段不计入通过率分母) - 验证:八次连跑全部 100% / 0 失败 / 79 页全通过 / 0 超时
427 lines
9.2 KiB
JSON
427 lines
9.2 KiB
JSON
{
|
|
"color": {
|
|
"au-color-brand": {
|
|
"au-color-brand": {
|
|
"hex": "#2f54eb",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-brand-hover": {
|
|
"au-color-brand-hover": {
|
|
"hex": "#1d39c4",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-brand-active": {
|
|
"au-color-brand-active": {
|
|
"hex": "#10239e",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-brand-bg": {
|
|
"au-color-brand-bg": {
|
|
"hex": "#f0f5ff",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-secondary": {
|
|
"au-color-secondary": {
|
|
"hex": "#13c2c2",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-page-bg": {
|
|
"au-color-page-bg": {
|
|
"hex": "#f5f7fa",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-card-bg": {
|
|
"au-color-card-bg": {
|
|
"hex": "#ffffff",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-table-header-bg": {
|
|
"au-color-table-header-bg": {
|
|
"hex": "#fafafa",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-disabled-bg": {
|
|
"au-color-disabled-bg": {
|
|
"hex": "#f5f5f5",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-tag-green-bg": {
|
|
"au-color-tag-green-bg": {
|
|
"hex": "#f6ffed",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-tooltip-bg": {
|
|
"au-color-tooltip-bg": {
|
|
"hex": "#1f2329",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-text-title": {
|
|
"au-color-text-title": {
|
|
"hex": "#1f2329",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-text-body": {
|
|
"au-color-text-body": {
|
|
"hex": "#262626",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-text-secondary": {
|
|
"au-color-text-secondary": {
|
|
"hex": "#6e6e6e",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-text-placeholder": {
|
|
"au-color-text-placeholder": {
|
|
"hex": "#bfbfbf",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-text-inverse": {
|
|
"au-color-text-inverse": {
|
|
"hex": "#ffffff",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-border": {
|
|
"au-color-border": {
|
|
"hex": "#e8ecf1",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-success": {
|
|
"au-color-success": {
|
|
"hex": "#2e7d0a",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-warning": {
|
|
"au-color-warning": {
|
|
"hex": "#8c5a00",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-error": {
|
|
"au-color-error": {
|
|
"hex": "#cf1322",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-info": {
|
|
"au-color-info": {
|
|
"hex": "#096dd9",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-mask": {
|
|
"au-color-mask": {
|
|
"hex": "#000000",
|
|
"opacity": "0.45",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-mask-strong": {
|
|
"au-color-mask-strong": {
|
|
"hex": "#000000",
|
|
"opacity": "0.85",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"au-color-focus-ring": {
|
|
"au-color-focus-ring": {
|
|
"hex": "#2f54eb",
|
|
"opacity": "0.2",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"brand": {
|
|
"color-brand": {
|
|
"hex": "#2f54eb",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"brand-hover": {
|
|
"color-brand-hover": {
|
|
"hex": "#1d39c4",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"brand-active": {
|
|
"color-brand-active": {
|
|
"hex": "#10239e",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"brand-bg": {
|
|
"color-brand-bg": {
|
|
"hex": "#f0f5ff",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"secondary": {
|
|
"color-secondary": {
|
|
"hex": "#13c2c2",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"bg-page": {
|
|
"color-bg-page": {
|
|
"hex": "#f5f7fa",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"bg-card": {
|
|
"color-bg-card": {
|
|
"hex": "#ffffff",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"bg-table-header": {
|
|
"color-bg-table-header": {
|
|
"hex": "#fafafa",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"bg-disabled": {
|
|
"color-bg-disabled": {
|
|
"hex": "#f5f5f5",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"bg-tag-green": {
|
|
"color-bg-tag-green": {
|
|
"hex": "#f6ffed",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"bg-tooltip": {
|
|
"color-bg-tooltip": {
|
|
"hex": "#1f2329",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"border": {
|
|
"color-border": {
|
|
"hex": "#e8ecf1",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"text-placeholder": {
|
|
"color-text-placeholder": {
|
|
"hex": "#bfbfbf",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"text-secondary": {
|
|
"color-text-secondary": {
|
|
"hex": "#6e6e6e",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"text-body": {
|
|
"color-text-body": {
|
|
"hex": "#262626",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"text-title": {
|
|
"color-text-title": {
|
|
"hex": "#1f2329",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"text-inverse": {
|
|
"color-text-inverse": {
|
|
"hex": "#ffffff",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"success": {
|
|
"color-success": {
|
|
"hex": "#2e7d0a",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"warning": {
|
|
"color-warning": {
|
|
"hex": "#8c5a00",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"error": {
|
|
"color-error": {
|
|
"hex": "#cf1322",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"info": {
|
|
"color-info": {
|
|
"hex": "#096dd9",
|
|
"opacity": "1",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"mask": {
|
|
"color-mask": {
|
|
"hex": "#000000",
|
|
"opacity": "0.45",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"mask-strong": {
|
|
"color-mask-strong": {
|
|
"hex": "#000000",
|
|
"opacity": "0.85",
|
|
"isPrimary": true
|
|
}
|
|
},
|
|
"focus-ring": {
|
|
"color-focus-ring": {
|
|
"hex": "#2f54eb",
|
|
"opacity": "0.2",
|
|
"isPrimary": true
|
|
}
|
|
}
|
|
},
|
|
"font": {
|
|
"family": {
|
|
"au-font-family": "\"PingFang SC\", \"Source Han Sans SC\", \"Source Han Sans\", \"Microsoft YaHei\", \"Inter\", \"DIN\", -apple-system, \"Segoe UI\", sans-serif",
|
|
"au-font-family-cn": "\"PingFang SC\", \"Source Han Sans SC\", \"Source Han Sans\", \"Microsoft YaHei\", sans-serif",
|
|
"au-font-family-num": "\"Inter\", \"DIN\", \"Segoe UI\", sans-serif",
|
|
"font-family": "\"PingFang SC\", \"Source Han Sans SC\", \"Source Han Sans\", \"Microsoft YaHei\", \"Inter\", \"DIN\", -apple-system, \"Segoe UI\", sans-serif",
|
|
"font-family-cn": "\"PingFang SC\", \"Source Han Sans SC\", \"Source Han Sans\", \"Microsoft YaHei\", sans-serif",
|
|
"font-family-num": "\"Inter\", \"DIN\", \"Segoe UI\", sans-serif"
|
|
},
|
|
"size": {
|
|
"font-size-display": "24px",
|
|
"font-size-h1": "20px",
|
|
"font-size-h2": "16px",
|
|
"font-size-body": "14px",
|
|
"font-size-caption": "12px"
|
|
},
|
|
"weight": {
|
|
"font-weight-display": "600",
|
|
"font-weight-h1": "600",
|
|
"font-weight-h2": "500",
|
|
"font-weight-body": "400",
|
|
"font-weight-caption": "400"
|
|
},
|
|
"lineHeight": {
|
|
"line-height-display": "32px",
|
|
"line-height-h1": "28px",
|
|
"line-height-h2": "24px",
|
|
"line-height-body": "22px",
|
|
"line-height-caption": "20px"
|
|
}
|
|
},
|
|
"shadow": {
|
|
"shadow-low": {
|
|
"xOffset": "0px",
|
|
"yOffset": "1px",
|
|
"blur": "4px",
|
|
"spread": "0px",
|
|
"color": {
|
|
"hex": "#000000",
|
|
"opacity": "0.06"
|
|
}
|
|
},
|
|
"shadow-medium": {
|
|
"xOffset": "0px",
|
|
"yOffset": "4px",
|
|
"blur": "12px",
|
|
"spread": "0px",
|
|
"color": {
|
|
"hex": "#000000",
|
|
"opacity": "0.08"
|
|
}
|
|
},
|
|
"shadow-high": {
|
|
"xOffset": "0px",
|
|
"yOffset": "8px",
|
|
"blur": "24px",
|
|
"spread": "0px",
|
|
"color": {
|
|
"hex": "#000000",
|
|
"opacity": "0.12"
|
|
}
|
|
}
|
|
},
|
|
"radius": {
|
|
"au-radius-small": "2px",
|
|
"au-radius-base": "4px",
|
|
"au-radius-medium": "6px",
|
|
"au-radius-large": "8px",
|
|
"radius-small": "2px",
|
|
"radius-base": "4px",
|
|
"radius-medium": "6px",
|
|
"radius-large": "8px"
|
|
},
|
|
"spacing": {
|
|
"space-4": "4px",
|
|
"space-8": "8px",
|
|
"space-12": "12px",
|
|
"space-16": "16px",
|
|
"space-20": "20px",
|
|
"space-24": "24px",
|
|
"space-32": "32px",
|
|
"space-40": "40px",
|
|
"space-48": "48px",
|
|
"space-64": "64px"
|
|
},
|
|
"size": {}
|
|
}
|