Documentation

Module: riot-slider

基于riot的slider,实例 实现ant-design的滑动输入条

Methods

<inner> riot-slider(opts)

Parameters:
Name Type Description
opts object
Properties
Name Type Argument Default Description
range boolean <optional>
 false 双滑块模式
min number <optional>
 0 最小值
max number <optional>
 100 最大值
value Array.<number> <optional>
 设置当前值，如果range，默认为[0,0],否则为[0]
step number | null <optional>
 步长，取值必须大于 0，并且可被 (max - min) 整除。当 marks 不为空对象时，可以设置 step 为 null，此时 Slider 的可选值仅有 marks 标出来的部分。
dots boolean <optional>
 false 是否只能拖到刻度上
control boolean <optional>
 false 是否不能滑动只能展示值，与disable作用一样，但拥有正常slider的样式
showMarkTip boolean <optional>
 true 是否显示mark的提示
showMarkDot boolean <optional>
 true 是否显示mark的刻度
allowCross boolean <optional>
 true 在range时是否可以值是否可以互换
showAllTips boolean <optional>
 false 是否显示根据min max step计算出来的dot的提示
showAllDots boolean <optional>
 false 是否显示根据min max step计算出来的dot图标
included boolean <optional>
 true 值为 true 时表示值为包含关系，false 表示并列
rangeValueShouldEqual boolean <optional>
 true range变动过程中两个值是否可以相等
rangeGapFixed boolean <optional>
 false range在变动过程中是否固定不变
onChange onChangeCall <optional>
 正在滑动时的回调函数
onBeforeChange onBeforeChangeCall <optional>
 滑动之前的回调函数
onAfterChangeCall onAfterChangeCall <optional>
 滑动结束后的回调函数
To Do:
  • 增加vertical的支持,设置point的order值，滑到时计算顺序，快速查找值
  • track select用scale与translateX做动画
Returns:
返回riot-slider的实例对象
Type
sliderTag

Type Definitions

onAfterChangeCall(正在变动的值,range时length为2)

滑动结束时的回调函数说明
Parameters:
Name Type Description
正在变动的值,range时length为2 Array.<number>

onBeforeChangeCall(正在变动的值,range时length为2)

滑动开始时的回调函数说明
Parameters:
Name Type Description
正在变动的值,range时length为2 Array.<number>

onChangeCall(正在变动的值,range时length为2)

滑动过程中的回调函数说明
Parameters:
Name Type Description
正在变动的值,range时length为2 Array.<number>

riot-point

Type:
  • object
Properties:
Name Type Description
key number 当前的关键值
mark number 是否为mark 真为1
label string point的label值
precent number point在track上left值
dot boolean 是否显示dot,默认为true
width number 每个point的宽度

setControlCall(control)

设置slider是否受控回调函数说明
Parameters:
Name Type Description
control boolean 是否受控

sliderTag

扩展Tag实例
Type:
  • object
Properties:
Name Type Description
setControl setControlCall 设置当前slider是否受控
See: