npm.io
3.3.55 • Published 6 years ago

@beisen-phoenix/input-number

Licence
ISC
Version
3.3.55
Deps
2
Size
71 kB
Vulns
0
Weekly
0

数字输入框

API

参数 说明 类型 默认值 是否必传
autoFocus 自动聚焦 boolean false 否
size 输入框尺寸,仅支持 normal large small string normal 否
status 输入框状态:默认状态default,只读readonly,禁用disabled,校验错误error string default 否
value 当前值 number 无 否
defaultValue 默认值 number null 否
max 最大值,当值改变超过此值时会被置为此值 number Number.MIN_SAFE_INTEGER 否
min 最小值,当值改变超过此值时会被置为此值 number Number.MAX_SAFE_INTEGER 否
step 步进 number 无 否
precision 精度,当不设置时,会根据当前值和 step 的最大精度设置 number 无 否
placeholder 提示语 string '请输入' 否
translation 国际化 object 见下方 否
formatter 格式化展示函数 function 无 否
parser 解析格式化展示函数 function 无 否
onChange 值改变事件 value=>void 无 否
onBlur 失焦事件 (event, num)=>void 无 否
onFocus 聚焦事件 (event)=>void 无 否
lang 当前语言环境(zh_CN,en_US,zh_TW) string zh_CN 否

多语言

translation = {
  placeholder: "请输入"
};
暴露方法

focus 和 blur,用法:

const ref = React.createRef<HTMLInputElement>();

<InputNumebr ref={ref}/>

ref.current && ref.current.focus()

changelog

2019-11-19

新增 lang 属性,用于表示当前的语言环境,取值范围为“zh_CN,zh_TW,en_US”内部新增中文简体、英文、中文繁体语言包。