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

平台移动端箭头选择类表单项

Usage no npm install needed!

<script type="module">
  import beisenCmpsUxMPlatformArrowFormItem from 'https://cdn.skypack.dev/@beisen-cmps/ux-m-platform-arrow-form-item';
</script>

README

组件使用、扩展文档

ArrowItem选择类表单项

用于选择类表单

UI规则

  1. 编辑态
    • 标题最大宽度为112px超出折行
    • 内容为剩余宽度，有内容时显示内容，无内容显示帮助文字
    • 如此项为必填，有内容时不显示必填标识，反之显示
    • 此项填写的值验证不通过时，下划线变为红色
    • 点击该项时弹出相应组件
  2. 只读状态，按只读规则显示

arrow

API

ArrowItem props

name description type default
cls 自定义container css String ''
style 自定义container style Object {}
label 标题 String ''
value 内容 String ''
isReadOnly 只读 Boolean false
required 必填 Boolean false
placeholder 帮助文字 String 点击选择
errorMsg 错误信息 String ''
onClickForm 点击此项 Function(e)