iter(g85): 进度条补可访问名与语义色
This commit is contained in:
+16
-10
@@ -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 覆盖"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user