chore(backlog): 记录 g273 完成

This commit is contained in:
HIsheR
2026-10-26 22:59:07 +08:00
parent d6e4319151
commit 2b8deb5099
2 changed files with 10 additions and 0 deletions
+9
View File
@@ -2843,6 +2843,15 @@
"status": "done",
"domain": "visual",
"notes": "下限从写死的 18 改成 段数 × 每条下限:这类「N 个组件」的计数一旦写死在门禁里就必然会漂——库自己已经在 verify 里靠 sync-counts 治过一次同样的病,这次直接把口径做成派生量。选题前先查了「焦点环覆盖」与「outline:none 是否配环」两处,均已被全局规则与逐组件 :focus-visible 覆盖,于是转向验收纪律本身:视觉门禁的分工是 audit:visual 管字面量、清单管观感,清单漏段等于放行"
},
{
"id": "g273",
"title": "新增区域加载遮罩组件 loading",
"motivation": "刷新一块内容(表格重取、卡片换页)时的等待反馈,库里只有两个原子:spinner(转圈)与 skeleton(骨架)。真实页面要的是「盖住这一块」——内容原地留位、操作被挡住、明确在等什么。此前只能各自写一个 position:absolute 遮罩,于是各处的半透明浓度、是否保留内容、快请求要不要闪各不相同,同一产品里三种等待观感。",
"acceptance": "新增 loading(props, ...children):children 为被遮挡内容,active 支持布尔与信号;默认 delay 120ms 出场、关闭立即收起(快请求不闪、慢请求必有反馈);内容只降透明度不隐藏(布局不跳),遮罩走 --ua-alpha-strong 混色、aria-busy 同步;text 同时作可见文案与读屏播报,spinnerSize / minHeight 可调;样式只消费 --ua-* 令牌,禁止新增硬编码阴影 / 时长 / 字号;十处落点全同步,npm run check 全绿",
"status": "done",
"domain": "new",
"notes": "出场延迟与关闭立刻收是一对:只做延迟会出现「关得也慢」,遮罩在数据回来后又挂 120ms 更像卡住;所以延迟只作用于「显示」这一个方向,paint(false) 直接执行。内容降透明度到 0.5 而不是隐藏:留位才能让遮罩收起时不跳动。踩坑:ButtonProps.label 已收窄为 string(g240 遗留),demo 里想传函数型文案会直接类型报错,改成固定文案 + 状态切换"
}
]
}