Skip to content

Field Description

This part is for explain of the built-in field in the field pane on the left side .

Layout Field

Grid

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

Table

  • type:
    report
  • el: <table>

Tabs

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

Collapse

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

Inline

  • type:
    inline
  • el: <div>

Card

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

Divider

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

Alert

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

Collection Field

Subform

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

Bind data list, array type data, does not support layout nesting.

Subform+

  • type:
    subform

Bind data lists, array type data, support nesting complex layout fields.

Dialog

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

Bind object type data

Group

  • type:
    group

Bind object type data

Basic Field

Input

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

Textarea

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

Number

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

Radio

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

Checkbox

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

Select

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

Time

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

Date

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

Rate

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

Color

  • type:
    color
  • el: <el-color-picker>

Switch

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

Slider

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

Text

  • type:
    text

HTML

  • type:
    html

Button

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

Cascader

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

Treeselect

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

Steps

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

Transfer

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

Pagination

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

Advanced Field

Custom

  • type:
    blank

slot

Component

  • type:
    component

File

  • type:
    fileupload

Image

  • type:
    imgupload

Editor

  • type:
    editor

Rich text editor QuillEditor