字段说明

设计器左侧字段面板可拖拽内置字段说明。

布局字段

栅格布局

• type:

  grid

• el: <el-row> / <a-row>

表格布局

• type:

  report

• el: <table>

标签页

• type:

  tabs

• el: <el-tabs> / <a-tabs>

折叠面板

• type:

  collapse

• el: <el-collapse> / <a-collapse>

行内布局

• type:

  inline

• el: <div>

卡片

• type:

  card

• el: <el-card> / <a-card>

分割线

• type:

  divider

• el: <el-divider> / <a-divider>

提示

• type:

  alert

• el: <el-alert> / <a-alert>

容器字段

子表单

• type:

  table

• el: <el-table> / <a-table>

绑定数据列表， array 类型数据，不支持布局嵌套。

子表单+

• type:

  subform

绑定数据列表， array 类型数据，支持嵌套复杂布局字段。

对话框

• type:

  dialog

• el: <el-dialog> / <a-modal>

绑定object类型数据

分组

• type:

  group

绑定object类型数据

基础字段

单行文本

• type:

  input

• el: <el-input> / <a-input>

多行文本

• type:

  textarea

• el: <el-input type="textarea"> / <a-textarea>

计数器

• type:

  number

• el: <el-input-number> / <a-input-number>

单选框组

• type:

  radio

• el: <el-radio-group> / <a-radio-group>

多选框组

• type:

  checkbox

• el: <el-checkbox-group> / <a-checkbox-group>

下拉选择框

• type:

  select

• el: <el-select> / <a-select>

时间选择器

• type:

  time

• el: <el-time-picker> / <a-time-picker>

日期选择器

• type:

  date

• el: <el-date-picker> / <a-date-picker>

评分

• type:

  rate

• el: <el-rate> / <a-rate>

颜色选择器

• type:

  color

• el: <el-color-picker>

开关

• type:

  switch

• el: <el-switch> / <a-switch>

滑块

• type:

  slider

• el: <el-slider> / <a-slider>

文字

• type:

  text

HTML

• type:

  html

按钮

• type:

  button

• el: <el-button> / <a-button>

文字链接

• type:

  link

• el: <el-link>

级联选择器

• type:

  cascader

• el: <el-cascader> / <a-cascader>

树选择

• type:

  treeselect

• el: <el-tree-select> / <a-tree-select>

步骤条

• type:

  steps

• el: <el-steps> / <a-steps>

穿梭框

• type:

  transfer

• el: <el-transfer> / <a-transfer>

分页

• type:

  pagination

• el: <el-pagination> / <a-pagination>

高级字段

自定义区域

• type:

  blank

插槽

自定义组件

• type:

  component

文件

• type:

  fileupload

图片

• type:

  imgupload

编辑器

• type:

  editor

富文本编辑器 QuillEditor