0.0.8 • Published 7 years ago
@beisen-cmps/ux-m-platform-input-form-item v0.0.8
组件使用、扩展文档
InputItem输入表单
用于输入类表单
UI规则
- 编辑态
- 标题最大宽度为96px超出折行
- 内容为剩余宽度超出打点省略，有内容时显示内容，无内容显示帮助文字
- 如此项为必填，有内容时不显示必填标识，反之显示
- 此项填写的值验证不通过时，下划线变为红色
- 点击该项时弹出输入键盘
- 快速搜索态
- 激活输入框，边框变为蓝色，弹出输入键盘
- 点击清空，清空输入框中的值
- 点击确定，完成输入
- 只读状态，按只读规则显示
API
InputItem props
| name | description | type | default |
|---|---|---|---|
| cls | 自定义container css | String | '' |
| style | 自定义container style | Object | {} |
| inputRef | el => this.inputRef = el | Function | '' |
| label | 标题 | String | '' |
| value | 内容 | String | '' |
| isReadOnly | 只读 | Boolean | false |
| required | 必填 | Boolean | false |
| placeholder | 帮助文字 | String | 点击填写 |
| errorMsg | 错误信息 | String | '' |
| popType | 搜索类型'searchItem'为快速搜索 | String | '' |
| onFocus | 激活 | Function(e) | |
| onChange | 输入变化时 | Function(e) | |
| onBlur | 失去焦点时 | Function(e) | |
| onSubmit | 点击确定 | Function(e) | |
| onClearValue | 点击清空 | Function(e) |