numeric-react

Numeric

说明

进行数字控制：千位分隔符、整数和小数位数的限制

安装

npm install numeric-react --save
yarn add numeric-react

使用

import Numeric from "numeric-react"  

<Numeric />

API

props

属性	说明	类型	默认值
value	初始值	number	null
allowDecimalPadding	允许用0来填充小数，如果设置为"floats"，填充只在有一些小数时才执行	[bool, "floats"]	true
decimalPlaces	格式化值上显示的小数位数，并将其作为原始值的精度	number	2
digitGroupSeparator	整数部分是否显示千位分隔符	[",", ""]	","
formatOnPageLoad	初始化时是否格式化默认值	bool	true
historySize	在内存中保留多少撤销状态(不建议数字过大)	number	20
isCancellable	用户在使用Esc键时是否可以取消对元素值所做的最后一次修改	bool	true
leadingZero	控制最前面的"0"输入时和失焦时的显示方式	["allow", "deny", "keep"]	"deny"
maximumValue	可输入的最大值	string	"10000000000000"
minimumValue	可输入的最小值	string	"-10000000000000"
modifyValueOnWheel	元素值是否可以用鼠标滚轮递增/递减，使用鼠标滚轮时可以使用Shift键暂时禁止此功能	bool	true
overrideMinMaxLimits	覆盖最小值和最大值的限制	["ceiling", "floor", "ignore"]	null
readOnly	是否设置为只读初始化时	bool	false
saveValueToSessionStorage	是否允许将聚焦时的值保存在Session Storage中	bool	false
selectOnFocus	聚焦时值是否被选中	bool	false
showOnlyNumbersOnFocus	聚焦时是否显示千位分隔符	bool	true
showPositiveSign	正数时是否显示"+"	bool	false
unformatOnHover	当按住Alt键将鼠标悬停在元素值上时，元素值是否应该未格式化	bool	true
unformatOnSubmit	提交时元素值是否应该未格式化	bool	false
wheelOn	配合modifyValueOnWheel选项，在聚焦或悬停时，元素值可以用鼠标滚轮递增/递减	["focus", "hover"]	"focus"
wheelStep	配合modifyValueOnWheel选项，允许定义一个固定的步骤，或基于当前值大小计算的渐进式	[number, "progressive"]	"progressive"
style	设置输入框样式	object	null

methods

方法	说明	类型
onChange	输入框内容变化时的回调	function(e, value)

参考文档链接