组件使用、扩展文档

InputItem输入表单

用于输入类表单

UI规则

1. 编辑态
   • 标题最大宽度为96px超出折行
   • 内容为剩余宽度超出打点省略，有内容时显示内容，无内容显示帮助文字
   • 如此项为必填，有内容时不显示必填标识，反之显示
   • 此项填写的值验证不通过时，下划线变为红色
   • 点击该项时弹出输入键盘
2. 快速搜索态
   • 激活输入框，边框变为蓝色，弹出输入键盘
   • 点击清空，清空输入框中的值
   • 点击确定，完成输入
3. 只读状态，按只读规则显示

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) | |