iter(g95): 统计数值支持倒计时模式

This commit is contained in:
HIsheR
2026-10-26 13:14:05 +08:00
parent 5e81cfe42b
commit 7e0612ef47
7 changed files with 57 additions and 12 deletions
+8
View File
@@ -1116,6 +1116,14 @@
"acceptance": "recipes.md 新增「配方 5:数据表 + 独立分页器 + 导出」,覆盖同一 page 信号双绑、exportable 导全量行与当页的区别、拖拽只对数字列宽生效、rowKey 记账;npm run docs 后 llms-full.txt 出现该配方;npm run check 全绿",
"notes": "自补:文档完善;只写用法不碰实现,配方随 docs 注入 llms-full",
"status": "done"
},
{
"id": "g95",
"title": "统计数值支持倒计时模式",
"motivation": "活动剩余时间这类需求只能调用方自己 setInterval 改信号再塞进 statistic,还得自己管停表;组件本身只认一个数值信号,秒级刷新没有落脚点",
"acceptance": "StatisticProps 新增 countdown(目标时间戳毫秒),传了即每秒显示 DD 天 HH:MM:SS(不足一天省天数),value 转为可选;到点或组件被移除后自动 clearInterval,不留常驻定时器;倒计时不走滚动动画;文档与演示同步;npm run check 全绿",
"notes": "自补:功能补齐;停表条件放在 tick 内自检 isConnected,无需额外卸载钩子",
"status": "open"
}
]
}
+9 -3
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T05:12:11.001Z",
"generatedAt": "2026-10-26T05:13:47.565Z",
"repoRoot": ".",
"packages": [
{
@@ -1953,7 +1953,12 @@
"n": "value",
"t": "Signal<number>",
"r": 1,
"d": "数值信号:变化时从当前显示值滚动到新值,首跑即入场动画"
"d": "数值信号:变化时滚动过渡到新值;倒计时模式可不传"
},
{
"n": "countdown",
"t": "number",
"d": "目标时间戳(毫秒):传了即倒计时模式,每秒显示 DD 天 HH:MM:SS,忽略 value"
},
{
"n": "precision",
@@ -1984,7 +1989,8 @@
"precision 控制小数位,千分位由 toLocaleString 自动加,不要自己拼格式化",
"trend 只表达方向与颜色(涨红跌绿),数值本身与环比幅度仍由调用方组织",
"多条指标并排时用 descriptions 或 flex 容器排列,本组件不自带网格",
"用户开启「减弱动效」时组件直接落终值,无需调用方判断"
"用户开启「减弱动效」时组件直接落终值,无需调用方判断",
"做倒计时(活动剩余时间等)传 countdown: 目标时间戳,组件每秒刷新并在到点/卸载时自动停表"
]
},
{