@beisen-phoenix/input-number

| 参数 | 说明 | 类型 | 默认值 | 是否必传 | | ------------ | ------------------------------------------------------------------------------ | -------------------- | ------------------------- | -------- | | 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 | 否 |

Usage no npm install needed!

<script type="module">
  import beisenPhoenixInputNumber from 'https://cdn.skypack.dev/@beisen-phoenix/input-number';
</script>

README

数字输入框

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”内部新增中文简体、英文、中文繁体语言包。