@beisen-cmps/ux-m-platform-input-form-item

组件使用、扩展文档

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)