组件
ShadcnSlider
滑块：4px muted 轨道 + primary range + 12px 正圆 thumb。
基于 QQC.Slider（Basic style），对齐 shadcn Base UI 默认规格。
用法
ShadcnSlider {
width: 360
from: 0; to: 100
value: 40
onValueChanged: console.log(value)
}
// 自定义整体高度 / 轨道厚度
ShadcnSlider { height: 30; trackThickness: 6 }
属性
| 属性 | 类型 | 说明 |
|---|---|---|
from / to / value | real | 范围与当前值（继承 QQC.Slider） |
height | int | 整体高度可自定义（默认 18 = thumb 12 + hover ring 3×2），内部自适应居中 |
trackThickness | int | 轨道厚度（默认 4，shadcn h-1） |
视觉
- track：
bg-muted4px 胶囊，撑满宽度（padding: 0） - range：
bg-primary，从 0 起宽 = position% - thumb：12px 正圆，
bg-white+border border-ring，中心对齐位置（端点半露） - hover / focus / pressed：3px
ring-ring/50外环
相关
- 音量 / 亮度 / 范围筛选等连续取值场景
- 垂直方向暂未实现（仅 horizontal）