bee-input-number

Browser Support

| | | | | | | --- | --- | --- | --- | --- | | IE 9+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |

react bee-input-number component for tinper-bee

组织所有form元素的集合地

使用

使用单独的bee-input-number包

组件引入

先进行下载bee-input-number包

npm install --save bee-input-number

组件调用

React.render(
	<InputNumber/>
, document.getElementById('target'));

样式引入

• 可以使用link引入dist目录下bee-form.css

<link rel="stylesheet" href="./node_modules/build/bee-input-number.css">

• 可以在js中import样式

import "./node_modules/src/InputNumber.scss"
//或是
import "./node_modules/build/bee-input-number.css"

API

|参数|说明|类型|默认值| |:--|:---:|:--:|---:| |className|类名|string|-| |max|最大值|number|-| |min|最小值|number|-| |step|间隔值|number|1| |value|默认值|number|0| |format|显示内容的格式化|function|-| |precision|显示精度。如要输入小数，此属性必须设置|number|显示小数点后面的位数| |delay|当持续按住增减按钮式，变换的速度（毫秒）|number|300| |disabled|是否可编辑|string|-| |toNumber|回调内的值是否转换为number类型。当正在输入小数点或者小数点后第一位为0时，不能转换为number类型|bool|true| |toThousands|是否显示千分符|bool|false|

开发调试

$ git clone https://github.com/tinper-bee/bee-form
$ cd bee-form
$ npm install
$ npm run dev