Stepper 步进器

介绍

步进器

用法

基础

<OsStepper
  value={current}
  max={5}
  onAdd={(value) => onAdd(value)}
  onSubtract={(value) => onSubtract(value)}
  onChange={(value) => onChange(value, setCurrent)}
  onBlur={(event) => onBlur(event)}
  onDisabledAdd={(value) => console.log(value)}
  onDisabledSubtract={(value) => console.log(value)}
></OsStepper>

数量不可编辑

<OsStepper
  isReadonly
  value={current1}
  onChange={(value) => onChange1(value, setCurrent1)}
></OsStepper>

不可点击

<OsStepper
  isDisabled
  value={current2}
  onChange={(value) => onChange2(value, setCurrent2)}
></OsStepper>

API

属性

参数	说明	类型	默认值
value	当前值，开发者需要通过 onChange 事件来更新 value 值，必选	number	1
max	最大值，可选	number	99
min	最小值，可选	number	1
isReadonly	数量不可编辑，可选	boolean	false
isDisabled	不可点击，可选	boolean	false
customStyle	自定义样式，可选	object	-
className	自定义类名，可选	string	-

方法

函数名	说明	参数
onAdd	点击加时触发	当前数值
onSubtract	点击减时触发	当前数值
onChange	输入框值改变时触发的事件，开发者需要通过 onChange 事件来更新 current 值变化，onChange 函数必选	当前数值
onBlur	输入框失去焦点时触发	event对象
onErrorInput	错误输入时触发	错误数值
onDisabledAdd	到达最大值之后点击增加触发	当前数值
onDisabledSubtract	到达最小值之后点击增加触发	当前数值