xy-input-number

基于React的数字输入框组件


Keywords
react, react-component, xy-input-number
License
MIT
Install
npm install xy-input-number@0.3.0

Documentation

IE Chrome Firefox Opera Safari
IE 10+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

NPM version node version npm download

xy-input-number

xy-input-number

数字输入框组件

安装

# yarn
yarn add xy-input-number

使用例子

import React from "react";
import ReactDOM from "react-dom";
import InputNumber from "xy-input-number";
ReactDOM.render(<InputNumber />, container);

API

通用属性

属性 说明 类型 默认值
disabled 是否禁用 boolean false
precision 保留小数点精度 number
max 最大值 number
min 最小值 number
step 步长 number
formatter 输入框展示值的格式化 (value: number/string) => string
parser 从 formatter 里转换回来, 配合 formatter 使用 (value: string) => string
value 输入框值 number
defaultValue 输入框默认值 number
placeholder 占位符文本 string
autoFocus 自动焦点 boolean
showControl 是否一直显示控制按钮 boolean
onFocus 输入框焦点事件 (e: React.FocusEvent) => void
onBlur 输入框失去焦点事件 (e: React.FocusEvent) => void
onKeyDown 键盘事件 (e: React.KeyboardEvent) => void
onChange 输入框 change 事件 (value: number) => void
onCompositionStart 开始输入中文 (e: React.CompositionEvent) => void
onCompositionEnd 输入中文完毕 (e: React.CompositionEvent) => void

开发

yarn run start

例子

http://localhost:6006

测试

yarn run test

开源许可

xy-input-number is released under the MIT license.