0.3.0 • Published 4 years ago

xy-input-number v0.3.0

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago
IEChromeFirefoxOperaSafari
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是否禁用booleanfalse
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.