iter(g329): 新增 editable 行内编辑

This commit is contained in:
HIsheR
2026-10-27 02:01:04 +08:00
parent 309cb795de
commit 0768a34801
13 changed files with 286 additions and 10 deletions
+9
View File
@@ -3347,6 +3347,15 @@
"motivation": "accent 有 --ua-color-tint-accent(亮 10% / 暗 14%),语义三色却没有对应令牌,15 处淡底全靠手写 color-mix:同一组 toast / tag 里 info 走令牌(透明叠加)、success / warning / danger 走「与页面底混色」(不透明),四种语义档的底其实两套口径;手写浓度也无法被门禁守住——accent 那档被 audit:surface 抓到过暗色几乎看不见,语义三色同样没有栅栏。",
"acceptance": "① tokens.css 新增 --ua-color-tint-danger / -success / -warning(亮色 var(--ua-alpha-soft),暗色 14%,与 accent 分档同构),tokens.json 同步三键(verify 的名字与值双源校验要过);② ui.css 15 处手写语义淡底(含与页面底混色的 6 处)统一换成令牌,四种语义档只剩一套口径;③ audit:surface 阶梯新增「表面 → 危险/成功/警告淡底」三档(阈值 1.04),四套主题全部实测达标;④ audit:visual 混色浓度计数不涨;⑤ npm run check 全绿。",
"notes": ""
},
{
"id": "g329",
"domain": "new",
"status": "open",
"title": "新增 editable 行内编辑:改个标题不必整块塞进输入框",
"motivation": "库里有 textField / textarea,却没有「就地改一段已有文字」的基础件:看板标题改名、表格单元格、详情页字段这类场景只能把输入框常驻在页面上(视觉噪音大),或者自己写一套「点击变输入框 + Enter 提交 + Esc 取消」——每个业务都重写一遍,行为还不一致(多数忘了 Esc 不落值、忘了失焦提交、忘了校验失败要留在编辑态)。",
"acceptance": "① 新增 editable 组件:静止态是可点文字按钮(hover 才露虚线暗示),点击 / 回车进编辑态,Enter 提交、Esc 取消(绝不写回)、失焦提交,多行模式 Ctrl/Cmd+Enter 提交、Enter 换行;② validate 返回文案时保持编辑态、控件 aria-invalid + 下方 role=alert 文案(与 form 同口径);③ disabled 支持布尔与信号双口径;外部改值只同步静止态,不打断正在编辑的草稿;④ 样式只消费 --ua-* 令牌(禁新增硬编码阴影 / 时长 / 字号),audit:visual 计数不涨;⑤ 十个落点齐全(实现 / 类型 / 导出 / 样式 / 清单 exports / docs.components 五步 / demo 段 / README 清单与分组 / 计数同步),组件数 89 → 90,npm run check 全绿。",
"notes": ""
}
]
}