sn-slider
旧版组件:sn-slider
旧版状态:旧版提供 sn-slider 单滑块(多 DOM 布局实现),v2 保留并重构(拖动时直接操作 DOM 更新位置,跟手更流畅),双向滑块拆分为独立的 sn-slider-double 文档。
差异明细:
- 更名:
vModel→v-model(统一为 v-model 指令绑定)customContainStyle→trackStyle(原父元素/轨道样式,改用语义化 externalStyle 命名)customActiveStyle→activeStylecustomThumbStyle→thumbStylecustomValueTextStyle→valueTextStyle
- 新增属性:
trackClass、activeClass、thumbClass、valueTextClass(外部样式类,配合 externalClass 机制) - 移除属性:无(原
custom*Style均以更名方式保留) - 类型变化:
thickness:String → String | NumberthumbSize:String → String | NumbervalueTextWidth:String → String | NumbercustomStyle及各样式透传属性:UTSJSONObject → UTSJSONObject | String(支持直接传样式字符串)
- 默认值变化:
borderRadius:$circle→''(留空时自动取轨道粗细的一半,即全圆角)thumbBorderRadius:$circle→''(留空时自动取滑块尺寸的一半,即全圆角)thumbBorder:-→''
- 行为变化:
change事件明确为拖动松手时触发一次(携带最终值);拖动过程中 v-model 实时更新但不触发 change,外部赋值不触发- 绑定值在组件初始化时自动夹取到
[min, max]区间并按step取整
- 新增事件、方法、插槽:无
