iter(g85): 进度条补可访问名与语义色

This commit is contained in:
HIsheR
2026-10-26 13:03:43 +08:00
parent b2beb43736
commit bd64e437b1
8 changed files with 68 additions and 32 deletions
+16 -10
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T05:00:45.858Z",
"generatedAt": "2026-10-26T05:03:25.043Z",
"repoRoot": ".",
"packages": [
{
@@ -1252,23 +1252,29 @@
{
"n": "value",
"t": "Signal<number>",
"d": "当前进度 0-100 信号,变化自动平滑过渡(越界钳制)"
"d": "当前进度 0-100 的信号;不传即不确定态(未知时长的加载)"
},
{
"n": "showText",
"t": "boolean",
"d": "是否显示百分比文字;缺省 true",
"df": "true"
"d": "是否右侧显示百分比;缺省 true(不确定态忽略)"
},
{
"n": "label",
"t": "string",
"d": "可访问名,如「上传进度」;缺省不确定态念「进行中」"
},
{
"n": "variant",
"t": "'default' | 'success' | 'warning' | 'danger'",
"d": "填充语义色;缺省 default(满格自动切 success)"
}
],
"example": "const pct = signal(0); progress({ value: pct }); setInterval(() => pct((pct() + 5) % 105), 400)",
"steps": [
"时长未知的加载直接 progress() 不传 value:填充块匀速往复,不显示百分比,读屏读作进行中",
"创建数值信号 pct = signal(0),范围 0-100(越界自动钳制)",
"传入 value,填充宽度与百分比文字随信号平滑过渡",
"进行中填充带流动条纹,到 100% 自动变 success 色并停止条纹",
"不需要百分比文字时传 showText: false",
"定量进度用 value 信号:满格自动切 success 色并停止条纹,role=progressbar + aria-valuenow 同步"
"传 value 信号给定量进度,不传则退化为往复的不确定态",
"label 写清这是什么进度,读屏会把名称与百分比一起念出来",
"失败或告警用 variant: 'danger' / 'warning',该颜色在满格时也不被 success 覆盖"
]
},
{