Skip to content

组件

总览

本章节为内置组件清单,代码详见packages\designer\component.js

🔠 输入类

输入类组件通常有通用的基础属性(以_开头)

属性类型默认值说明
_uuidString表单项ID(提交时的参数名称)
_textString中文名称
_widgetString同章节标题组件编号(按此定位渲染函数)
_colNumber1组件所占格子数
_valueString默认值(支持占位符)
_watchBooleanfalse是否监听值变动
_requiredBooleanfalse是否必填
_regexString检验正则表达式
_messageString校验不通过时回显的文字
disabledBooleanfalse是否禁用状态

文本输入 / INPUT

属性类型默认值说明
placeholderString请输入提醒内容
clearableBooleanfalse右边显示清空内容的按钮
prefixString显示在控件首部的文字
suffixString显示在控件尾部的文字
show-countBooleanfalse在尾部显示已输入字数
minlengthNumber最小输入字数
maxlengthNumber最大输入字数
rowsNumber1输入框行数,大于 1 时等同于 TEXTAREA
属性编辑图

数值输入 / NUMBER

属性类型默认值说明
placeholderString请输入提醒内容
clearableBooleanfalse右边显示清空内容的按钮
prefixString显示在控件首部的文字
suffixString显示在控件尾部的文字
show-countBooleanfalse在尾部显示已输入字数
minNumber最小数值
maxNumber最大数值
属性编辑图

动态标签 / TAGS

属性类型默认值说明
closableBooleantrue显示关闭按钮,点击后关闭或者删除内容
maxNumber最大标签数
typeString配色,默认(default)、成功(success)、信息(info)、警告(warning)、错误(error);不同 `UI 库`展示效果有所差异
roundBooleanfalse标签项使用圆角显示
属性编辑图

按钮 / BUTTON

属性类型默认值说明
labelString交互按钮显示的按钮文本
tipString鼠标移动到上方后显示的信息
typeString配色,默认(default)、成功(success)、信息(info)、警告(warning)、错误(error);不同 `UI 库`展示效果有所差异
textBooleanfalse纯文本样式
roundBooleanfalse标签项使用圆角显示
scriptTriggerStringclick脚本代码的触发方式,可选:click(单击)、dblclick(双击)
scriptString脚本代码(仅支持原生 JS 语法)
属性编辑图

☑ 选择类

日期选择 / DATE

下拉选择 / SELECT

单选框 / RADIO

复选框 / CHECK_BOX

开关 / SWITCH

评分 / RATE

颜色选取 / COLOR

文件选择 / FILE

📈 展示类

文本 / TEXT

图片 / IMAGE

提示信息 / ALERT

静态表格 / TABLE

分割线 / DIVIDER

卡片(子表单) / CARD