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

平台移动端输入类表单项

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen-cmps/ux-m-platform-input-form-item
Minified + gzip package size for @beisen-cmps/ux-m-platform-input-form-item in KB

Readme

组件使用、扩展文档

InputItem输入表单

用于输入类表单

UI规则

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

InputsearchInputItem

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)

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.