react-bhy-textfield

page loading demo:

https://baohaoyu.github.io/react-bhy-textfield/test/index.html

props

| name | type | default value | explain | | ------------- | ------------- | ------------| ------- | | className | string | '' | 根节点的class | | labelWith | string | | label的宽度 | | layout | string | | 布局 x:水平布局 y:垂直布局 | | theme | string | 'border' | 样式：border:带有边框 line:只有下边框 | | language | string | | TODO 语言：'en' or 'cn',目前只有cn | | size | string | | input的尺寸 sm:小尺寸 | | showLabel | bool | | 是否显示label | | inputWith | string | | input的宽度 | | full | bool | false | 组件宽度是否填满父组件 | | label | string | '' | label的内容 | | type | string | | input标签的type | | title | string | | input标签的title | | name | string | | input标签的name | | placeholder | string | | input标签的placeholder | | passSetValue | bool | | 通过验证才设置input的值 | | value | any | '' | input标签的value | | defaultValue | any | | input标签的defaultValue | | max | number | | 最多字符长度 | | min | number | | 最小字符长度 | | maxErrorText | string | [label]不可以超过[max]个字符！ | 超过最多字符限制后显示的警告,会自动他[label]替换成props.label,[max]替换成props.max | | minErrorText | string | [label]不可少于[min]个字符！ | 少于最少字符限制后显示的警告 | | rexs | array | | 正则表达式 [{rex:'正则表达式',passIsRight:true 正则表达式匹配表示正确 false 正则表达式匹配表示错误,errorText:没有通过验证显示的警告内容}] | | rex | rex | | 单个正则表达式 | | rexErrorText | string | [label]格式不对！ | 没有通过正则表单时验证，显示的警告内容 | | emptyErrorText | string | 请填写[label]！ | 空表单显示的警告内容 | | rexPassIsRight | string | bool | true: 通过props.rex 验证表示正确，false：通过props.rex 验证表示错误 | | require | bool | true | 不可为空 | | onChange | func | () => {} | input值改变后触发 ，参数({e,errorText,pass}}) | | onFocus | func | () => {} | input获得焦点后触发 ，参数({e,errorText,pass}}) | | onBlur | func | () => {} | input失去焦点变后触发 ，参数({e,errorText,pass}}) | | errorText | string | '' | 外部传入的警告内容，如果errorText有具体内容的话，组件会一直显示警告状态 | | lineBorderColor | string | | porps.theme == 'line'的时候,input的下边横线的颜色 | | lineFocusColor | string | | porps.theme == 'line'的时候 ,input获得焦点后动画线的颜色 | | lineErrorColor | string | | porps.theme == 'line'的时候 ,警告状态下，input获得焦点后动画线的颜色 | | errorTextColor | string | | 警告状态下，错误提示，label，input的颜色 | | iconClass | string | | input左侧的小图标的class,推销使用 font awesome | | iconOffset | object | {left: 0, top: 0} | input左侧的小图标的位置偏移 | | inputHeight | number | | input的高度 |