使用场景:数字选择器,并对输入的数据做正确性检查、自动订正。
onChange 第一个参数是输入框 value, 第二个参数 e.Event 事件对象。editable 属性设置是否可输入。disabled 禁止输入, type 属性来设置按钮摆放位置,max 、min 设置 最大值和最小值,step 属性设置每一次变化的步长。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 大小 可选值: 'large', 'medium' | Enum | 'medium' |
type | 设置类型 可选值: 'normal'(普通) 'inline'(内联) | Enum | 'normal' |
value | 当前值 | Number | - |
defaultValue | 默认值 | Number | - |
disabled | 是否禁用 | Boolean | - |
step | 步长 | Number/String | 1 |
precision | 保留小数点后位数 | Number | 0 |
editable | 用户是否可以输入 | Boolean | true |
autoFocus | 自动焦点 | Boolean | - |
onChange | 数值被改变的事件 签名: Function(value: Number, e: Event) => void 参数: value: {Number} 数据 e: {Event} DOM事件对象 | Function | func.noop |
onKeyDown | 键盘按下 签名: Function() => void | Function | func.noop |
onFocus | 焦点获得 签名: Function() => void | Function | - |
onBlur | 焦点失去 签名: Function() => void | Function | func.noop |
onCorrect | 数值订正后的回调 签名: Function(obj: Object) => void 参数: obj: {Object} {currentValue,oldValue:String} | Function | func.noop |
max | 最大值 | Number | Infinity |
min | 最小值 | Number | -Infinity |
format | 格式化当前值 签名: Function(value: Number) => String/Number 参数: value: {Number} null 返回值: {String/Number} null | Function | - |
upBtnProps | 增加按钮的props | Object | - |
downBtnProps | 减少按钮的props | Object | - |
label | 内联 label | ReactNode | - |
innerAfter | inner after | ReactNode | - |
isPreview | 是否为预览态 | Boolean | - |
renderPreview | 预览态模式下渲染的内容 签名: Function(value: number) => void 参数: value: {number} 评分值 | Function | - |
device | 预设屏幕宽度 可选值: 'phone', 'tablet', 'desktop' | Enum | - |
hasTrigger | 是否展示点击按钮 | Boolean | true |
alwaysShowTrigger | 是否一直显示点击按钮(无须hover) | Boolean | false |