Neuron Powered Motorization

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

    0.0.8 • Public • Published

    组件使用、扩展文档

    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)

    Install

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

    DownloadsWeekly Downloads

    3

    Version

    0.0.8

    License

    ISC

    Unpacked Size

    122 kB

    Total Files

    19

    Last publish

    Collaborators

    • avatar