Skip to content

sn-slider

旧版组件:sn-slider

旧版状态:旧版提供 sn-slider 单滑块(多 DOM 布局实现),v2 保留并重构(拖动时直接操作 DOM 更新位置,跟手更流畅),双向滑块拆分为独立的 sn-slider-double 文档。

差异明细

  • 更名:
    • vModelv-model(统一为 v-model 指令绑定)
    • customContainStyletrackStyle(原父元素/轨道样式,改用语义化 externalStyle 命名)
    • customActiveStyleactiveStyle
    • customThumbStylethumbStyle
    • customValueTextStylevalueTextStyle
  • 新增属性:trackClassactiveClassthumbClassvalueTextClass(外部样式类,配合 externalClass 机制)
  • 移除属性:无(原 custom*Style 均以更名方式保留)
  • 类型变化:
    • thickness:String → String | Number
    • thumbSize:String → String | Number
    • valueTextWidth:String → String | Number
    • customStyle 及各样式透传属性:UTSJSONObject → UTSJSONObject | String(支持直接传样式字符串)
  • 默认值变化:
    • borderRadius$circle''(留空时自动取轨道粗细的一半,即全圆角)
    • thumbBorderRadius$circle''(留空时自动取滑块尺寸的一半,即全圆角)
    • thumbBorder-''
  • 行为变化:
    • change 事件明确为拖动松手时触发一次(携带最终值);拖动过程中 v-model 实时更新但不触发 change,外部赋值不触发
    • 绑定值在组件初始化时自动夹取到 [min, max] 区间并按 step 取整
  • 新增事件、方法、插槽:无

使用 MIT 协议