0.0.2 • Published 7 years ago
react-bhy-textfield v0.0.2
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的高度 |