iter(g146): 进度条支持环形形态

This commit is contained in:
HIsheR
2026-10-26 15:43:31 +08:00
parent adc69fa880
commit 2adae6e29e
8 changed files with 93 additions and 5 deletions
+8
View File
@@ -1524,6 +1524,14 @@
"acceptance": "slider 新增 marks(value/label),按 min-max 换算百分比绝对定位、随宽度自适应;轨道包一层不影响右侧数值;刻度 aria-hidden;文档与演示同步;npm run check 全绿",
"notes": "自补:既有组件可用性细节",
"status": "done"
},
{
"id": "g146",
"title": "进度条支持环形形态",
"motivation": "看板与上传卡片普遍要环形进度,progress 只有线性条:调用方只能自带 SVG 并对齐语义色与百分比文字",
"acceptance": "progress 新增 type=line|circle,环形走 createElementNS 的 SVG 双圆 + dashoffset,中间显示百分比、aria-label 拼名称与数值,variant 换弧色;linear 行为不变;文档与演示同步;npm run check 全绿",
"notes": "自补:既有组件可用性细节(坑:h() 用 createElement 造不出可渲染 SVG,必须 createElementNS)",
"status": "open"
}
]
}
+9 -2
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T07:41:03.284Z",
"generatedAt": "2026-10-26T07:43:07.847Z",
"repoRoot": ".",
"packages": [
{
@@ -1341,6 +1341,12 @@
"t": "Signal<number>",
"d": "当前进度 0-100 的信号;不传即不确定态(未知时长的加载)"
},
{
"n": "type",
"t": "'line' | 'circle'",
"df": "line",
"d": "形态:线性条或环形;环形需同时传 value(不确定态仍走线性条)"
},
{
"n": "showText",
"t": "boolean",
@@ -1361,7 +1367,8 @@
"steps": [
"传 value 信号给定量进度,不传则退化为往复的不确定态",
"label 写清这是什么进度,读屏会把名称与百分比一起念出来",
"失败或告警用 variant: 'danger' / 'warning',该颜色在满格时也不被 success 覆盖"
"失败或告警用 variant: 'danger' / 'warning',该颜色在满格时也不被 success 覆盖",
"看板 / 上传卡片要环形进度就传 type: 'circle'(同时必须传 value):SVG 双圆按 dashoffset 出弧,中间自动显示百分比,语义色同 variant"
]
},
{