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
+3 -1
View File
@@ -1,6 +1,6 @@
# @ui-arch 组件库 Agent 文档(无图形版)
> 自动生成于 2026-10-26T07:41:03.284Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 自动生成于 2026-10-26T07:43:07.847Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
## 快速上手
@@ -667,6 +667,7 @@ spinner(); spinner({ size: 26 })
参数:
- value:Signal<number> —— 当前进度 0-100 的信号;不传即不确定态(未知时长的加载)
- type(默认 line):'line' | 'circle' —— 形态:线性条或环形;环形需同时传 value(不确定态仍走线性条)
- showText:boolean —— 是否右侧显示百分比;缺省 true(不确定态忽略)
- label:string —— 可访问名,如「上传进度」;缺省不确定态念「进行中」
- variant:'default' | 'success' | 'warning' | 'danger' —— 填充语义色;缺省 default(满格自动切 success)
@@ -682,6 +683,7 @@ const pct = signal(0); progress({ value: pct }); setInterval(() => pct((pct() +
1. 传 value 信号给定量进度,不传则退化为往复的不确定态
2. label 写清这是什么进度,读屏会把名称与百分比一起念出来
3. 失败或告警用 variant: 'danger' / 'warning',该颜色在满格时也不被 success 覆盖
4. 看板 / 上传卡片要环形进度就传 type: 'circle'(同时必须传 value):SVG 双圆按 dashoffset 出弧,中间自动显示百分比,语义色同 variant
现场演示:apps/docs/demo.html#sec-feedback