iter(g146): 进度条支持环形形态
This commit is contained in:
+3
-1
@@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user