简体中文
CircularProgress
用圆环表示确定或不确定的进度。
导入
ts
import { CircularProgress } from '@astryx-vue/lab'属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
value | number | undefined | 当前进度;不确定模式下忽略。 |
max | number | 100 | 最大进度。 |
label | string | 必填 | 无障碍名称。 |
isLabelHidden | boolean | true | 是否视觉隐藏标签,读屏仍可读取。 |
hasValueLabel | boolean | false | 是否在圆环中央显示数值。 |
formatValueLabel | (value, max) => string | 百分比 | 自定义中央数值格式。 |
size | 'sm' | 'md' | 'lg' | 'md' | 圆环尺寸。 |
variant | 'accent' | 'success' | 'warning' | 'error' | 'neutral' | 'accent' | 语义颜色。 |
isIndeterminate | boolean | false | 是否显示不确定进度动画。 |
isDisabled | boolean | false | 是否使用禁用颜色。 |
默认插槽可替换圆环中央内容。启用 isIndeterminate 后,value 和 hasValueLabel 不再生效。