数字框 InputNumber
issue

数字输入框

何时使用

代替原生 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.40 2020-08-13 ( release地址 )

    Features

    • 增加hideActionButton参数,支持隐藏加减按钮 (da23c71)
  • v2.2.39 2020-08-03 ( release地址 )

    Bug Fixes

    • 修复IEpalceholder (505469f)
    • 最小值控制(min属性)设置为0时,仍然可以输入负数[#614 (6de0e64)
  • v2.2.38 2020-07-20 ( release地址 )

    Bug Fixes

    • 修复IE placeholder兼容问题 (3a9a13b)
  • v2.2.37 2020-07-11 ( release地址 )

    Features

  • v2.2.36 2020-06-29 ( release地址 )

    Bug Fixes

  • v2.2.35 2020-06-28 ( release地址 )

    Bug Fixes

    • 适配max min传字符串 (6bc2bd4)
  • v2.2.34 2020-06-18 ( release地址 )

    Bug Fixes

    • 最小值传0,无法减小问题 (c0609f6)
  • v2.2.33 2020-06-12 ( release地址 )

    Bug Fixes

    • 适配min和max传空字符串的情况 (504a240)
  • v2.2.32 2020-04-24 ( release地址 )

    Bug Fixes

  • v2.2.6 2019-12-16 ( release地址 )

    • bee-input-number @2.2.6
      • [ Fixbug ] 输入负号后失去焦点,显示NaN。
      • [ Fixbug ] 设置 size 属性后的样式修复。
  • v2.2.2 2019-11-18 ( release地址 )

    • bee-input-number @2.2.2
      • [ Feature ] 新增了size API,可以自选选择框大小。
  • v2.1.9 2019-11-12 ( release地址 )

    • bee-input-number @2.1.9
      • [Feature]增加 displayCheckPrompt API,可显示超出限制范围之后的检验提示。
  • v2.1.7 2019-10-24 ( release地址 )

    • bee-input-number @2.1.7
      • [Fixbug]输入框为空时,无法输入负号的问题。
  • v2.1.6 2019-10-21 ( release地址 )

    • bee-input-number @2.1.6
      • [Fixbug]解决点击加减按钮,触发输入框 onBlur 事件的问题。
  • v2.1.5 2019-10-19 ( release地址 )

    • bee-input-number @2.1.5
      • [Feature]onFocus onBlur 回调函数,增加第二个参数:event 对象。
  • v2.0.9 2019-05-08 ( release地址 )

    • bee-input-number @2.0.8
      • [Feature] 值可以为空
      • [bugFix] 最大值最小值无效bug
  • v2.0.2 2019-03-07 ( release地址 )

    • [Feature]bee-input-number @2.0.2
      • 按UE规范优化组件样式
      • 组件样式重构