api.md 2.6 KB

Slider Props

名称 类型 默认值 必传 说明
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 是否只读。

Slider Events

名称 类型 参数 描述
onchange (value: number, valueRange?: [number, number], label?: string \| number, labelRange?: [string \| number, string \| number]) => void value - 当前值;valueRange - 区间选择时的取值数组;label - 当前标签(如有 stepLabels);labelRange - 区间选择时的标签数组。 取值变化时触发。

Slider Snippets

名称 类型 参数 说明
children Snippet - 传入将渲染进度区域内容。