From 8db2e8ef72edbcf47dbd8ff4c9d6b1360a7ffdc0 Mon Sep 17 00:00:00 2001 From: HIsheR Date: Mon, 26 Oct 2026 23:02:16 +0800 Subject: [PATCH] =?UTF-8?q?chore(backlog):=20=E8=AE=B0=E5=BD=95=20g276=20?= =?UTF-8?q?=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .ua/backlog.json | 9 +++++++++ .ua/iterations.log | 1 + 2 files changed, 10 insertions(+) diff --git a/.ua/backlog.json b/.ua/backlog.json index 6eaf14a..1cb45b8 100644 --- a/.ua/backlog.json +++ b/.ua/backlog.json @@ -2870,6 +2870,15 @@ "status": "done", "domain": "new", "notes": "10 位 / 13 位时间戳按数量级判秒与毫秒(<1e12 视为秒)——真按位数数会踩「2033 年以后的秒级戳突破 1e10」这类边界,用数量级更稳。计时器自断用的是 watch.ts 同款「isConnected 为假就 clearInterval」写法,列表反复挂载也不会累积。等宽数字(tabular-nums)是时间列不抖动的关键,肉眼很难描述但一排「3 分钟前 / 11 小时前」混排时立刻能看出来" + }, + { + "id": "g276", + "title": "新增迷你趋势线组件 sparkline", + "motivation": "仪表盘卡片里「一个数 + 一条走向」是最常见的信息单元,库里有 statistic 装主数值,却没有表达走向的图形——于是各页面要么塞一张完整图表(坐标轴、图例、交互一整套,跟卡片格子完全不匹配),要么干脆不显示趋势。迷你趋势线该只有折线本身:无坐标轴、无交互、尺寸听调用方。", + "acceptance": "新增 sparkline(props):values 序列经 max/min 归一后按 viewBox 等比缩放,首末点贴边、内缩 2px 防裁切;area 缺省填充(低透明度)、marker 缺省标记末点;全等值时走中线不除零;非有限数先剔除;少于两点返回空图不画假横线;颜色全走 currentColor(线 / 面积 / 圆点),父级改 color 即换色;样式只消费 --ua-* 令牌,禁止新增硬编码阴影 / 时长 / 字号;十处落点全同步,npm run check 全绿", + "status": "done", + "domain": "new", + "notes": "svg 元素必须 createElementNS,h() 只能造 HTML——写了个 svgEl 小工具统一 setAttribute,避免每处重复三行。全等值除零保护用 :所有点落中线才是正确观感,若直接除会得到 Infinity 把折线扔出画布。踩坑:statistic.value 是 Signal 而非数字,demo 里直接传 1284 会类型报错——演示代码也算源码,得按真实 API 写" } ] } \ No newline at end of file diff --git a/.ua/iterations.log b/.ua/iterations.log index a1b25ce..fb8ef83 100644 --- a/.ua/iterations.log +++ b/.ua/iterations.log @@ -320,3 +320,4 @@ {"ts":"2026-10-26T22:59:07+08:00","id":"g273","result":"done","commit":"d6e4319","summary":"新增区域加载遮罩组件 loading(81→82):延迟出场 + 内容留位 + aria-busy"} {"ts":"2026-10-26T22:59:58+08:00","id":"g274","result":"done","commit":"b93e8b0","summary":"补三条组合配方:后台页骨架 / 表格刷新遮罩 / 变更审阅面板"} {"ts":"2026-10-26T23:00:45+08:00","id":"g275","result":"done","commit":"b454d5f","summary":"新增相对时间组件 relativeTime(82→83):自动刷新 + 超阈值转绝对日期 + 脏数据兜底"} +{"ts":"2026-10-26T23:02:16+08:00","id":"g276","result":"done","commit":"eac7d4b","summary":"新增迷你趋势线组件 sparkline(83→84):归一折线 + 面积 + 末点,颜色走 currentColor"}