数字框 InputNumber
数字输入框
何时使用
代替原生 input type='number'
如何使用
import { InputNumber } from 'tinper-bee';
or
import InputNumber from 'bee-input-number';
import 'bee-input-number/build/InputNumber.css';
能力特性
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
className | 类名 | string | - |
onChange | 值改变的回调函数 | function | - |
max | 最大值 | number | - |
min | 最小值 | number | - |
step | 间隔值 | number | 1 |
value | 默认值 | number | 0 |
format | 显示内容的格式化 | function | - |
precision | 显示精度。如要输入小数,此属性必须设置 | number | 显示小数点后面的位数 |
delay | 当持续按住增减按钮式,变换的速度(毫秒) | number | 300 |
disabled | 是否可编辑 | string | - |
toNumber | onChange回调内的值是否转换为number类型。当正在输入小数点或者小数点后第一位为0时,不能转换为number类型 | bool | false |
split | InputNumberGroup自定义分隔符 | node | ~ |
displayCheckPrompt | 是否显示超出限制范围之后的检验提示 | bool | false |
size | 选择框大小,可选 lg sm | string | default |
minusRight | 负号是否在右边,针对特殊场景使用 | bool | false |
handleBtnClick | 点击右侧按钮的回调,第一个参数为类型,上/+ 为up ,下/- 为down ,第二个参数为value值 |
func | - |
hideActionButton | 隐藏加减按钮 | bool | false |
注意事项
暂无
更新日志
-
v2.2.6 2019-12-16 ( release地址 )
- bee-input-number @2.2.6
- [ Fixbug ] 输入负号后失去焦点,显示NaN。
- [ Fixbug ] 设置 size 属性后的样式修复。
- bee-input-number @2.2.6
-
v2.2.2 2019-11-18 ( release地址 )
- bee-input-number @2.2.2
- [ Feature ] 新增了size API,可以自选选择框大小。
- bee-input-number @2.2.2
-
v2.1.9 2019-11-12 ( release地址 )
- bee-input-number @2.1.9
- [Feature]增加 displayCheckPrompt API,可显示超出限制范围之后的检验提示。
- bee-input-number @2.1.9
-
v2.1.7 2019-10-24 ( release地址 )
- bee-input-number @2.1.7
- [Fixbug]输入框为空时,无法输入负号的问题。
- bee-input-number @2.1.7
-
v2.1.6 2019-10-21 ( release地址 )
- bee-input-number @2.1.6
- [Fixbug]解决点击加减按钮,触发输入框 onBlur 事件的问题。
- bee-input-number @2.1.6
-
v2.1.5 2019-10-19 ( release地址 )
- bee-input-number @2.1.5
- [Feature]onFocus onBlur 回调函数,增加第二个参数:event 对象。
- bee-input-number @2.1.5
-
v2.0.9 2019-05-08 ( release地址 )
- bee-input-number @2.0.8
- [Feature] 值可以为空
- [bugFix] 最大值最小值无效bug
- bee-input-number @2.0.8
-
v2.0.2 2019-03-07 ( release地址 )
- [Feature]bee-input-number @2.0.2
- 按UE规范优化组件样式
- 组件样式重构
- [Feature]bee-input-number @2.0.2