1 Star 0 Fork 0

tianxiangbing / x-input

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

x-input

react.js文本输入框,限制输入内容为数字、字母、千分位等,支持输入K、M快捷键.


npm安装

npm install jsx-input --save

基本使用方式

import { Input,NumberInput } from 'jsx-input';
  <NumberInput id="txb2" className="test2" spinner={true} step={1}  onChange={v=>{console.log('change22:',v);}}  maxLength={17} decimals={2} isFormat={true}  returnType={this.state.returnType} value={this.state.numberValue} showTitle={true}/>
  <NumberInput id="txb2" className="test2" overFloat={true} spinner={true} step={0.0001} delay={1000} onStep={(v,obj)=>{console.log('step::',v,obj)}} onChange={v=>{console.log('change22:',v);}}  maxLength={17} decimals={4} isFormat={true}  returnType={this.state.returnType} value={this.state.numberValue} showTitle={true}/>
  <Input type="text" className="text"/>
  <Input type="textarea" className="texxt"/>    
    

效果图如下

x-input

Input

输入框

type

texttextarea

onChange

参数为值内容

NumberInput

delay

优化onChange频繁调用的缓冲时间,毫秒数

returnType

返回值类型,支持Number,String等

spinner [bool]

是否打开微调器

step

微调器步数

onStep(value,{offset:step,'up'||'down})

微调点击回调

max

最大值,默认MAX_SAFE_NUMBER

min

最小值,默认MIN_SAFE_NUMBER

stepDecimals [Number]

精度步数,如果是设置4,则每次调整步数为0.0001

addonBefore

前置标签

addonAfter

后置标签

关于作者

https://github.com/tianxiangbing

NumberInput

主要针对数字型输入的组件优化。

onChange: PropTypes.func,
value: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number
]),
returnType: PropTypes.string,
decimals: PropTypes.number,
isFormat: PropTypes.bool,//是否格式化
negative: PropTypes.bool,//是否支持负数
maxLength: PropTypes.number,//长度限制,只作整数部分的长度
delay: PropTypes.number,//事件延迟时间毫秒

xui

react xui组件一直在持续更新中,欢迎大家关注https://github.com/react-xui

空文件

简介

暂无描述 展开 收起
JavaScript 等 4 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/tianxiangbing/x-input.git
git@gitee.com:tianxiangbing/x-input.git
tianxiangbing
x-input
x-input
master

搜索帮助