| 名称 | 类型 | 默认值 | 必传 | 说明 |
|---|---|---|---|---|
| value | number |
40 |
N | 当前值。 |
| step | number |
1 |
N | 步长。 |
| minRange | number |
0 |
N | 可选最小值。 |
| maxRange | number |
100 |
N | 可选最大值。 |
| isRange | boolean |
false |
N | 是否为区间选择。 |
| startValue | number |
20 |
N | 区间选择开始值。 |
| endValue | number |
60 |
N | 区间选择结束值。 |
| showTip | 'always'\|'never'\|'touch' |
'touch' |
N | 提示显示方式。 |
| showSteps | boolean |
false |
N | 是否显示档位标记。 |
| stepsStyle | 'block'\|'break' |
'block' |
N | 档位样式。block 为连续线条上的档位块,break 为被档位隔断的线条。 |
| stepLabels | string[] |
[] |
N | 档位标签数组,用于在 tip 中显示自定义文本而非数值。 |
| radius | 'none'\|'xs'\|'sm'\|'md'\|'lg'\|'xl'\|'2xl'\|'full'\|'' |
'sm' |
N | 圆角风格。 |
| lineBlock | boolean |
false |
N | 滑块是否为线框。 |
| disabled | boolean |
false |
N | 是否禁用。 |
| readonly | boolean |
false |
N | 是否只读。 |
| 名称 | 类型 | 参数 | 描述 |
|---|---|---|---|
| onchange | (value: number, valueRange?: [number, number], label?: string \| number, labelRange?: [string \| number, string \| number]) => void |
value - 当前值;valueRange - 区间选择时的取值数组;label - 当前标签(如有 stepLabels);labelRange - 区间选择时的标签数组。 | 取值变化时触发。 |
| 名称 | 类型 | 参数 | 说明 |
|---|---|---|---|
| children | Snippet |
- | 传入将渲染进度区域内容。 |