eoss-ui 0.5.90 → 0.5.91

package/packages/form/src/main.vue

@@ -204,1836 +204,1942 @@
                     >
                       {{ item.text }}
                     </div>
-                    <el-form-item
+                    <template
                       v-else-if="!item.hide && !hides.includes(item.name)"
-                      ref="es-form-pane"
-                      :key="item.name"
-                      :label-width="
-                        item.showLabel !== false &&
-                        item.label &&
-                        !item.labelHide &&
-                        showLabel
-                          ? labelWidth
-                          : '0'
-                      "
-                      :prop="item.name"
-                      :rules="getRules(item)"
-                      :style="style(item)"
-                      :class="[
-                        {
-                          'es-form-space-none': !space,
-                          'es-form-item-readonly': readonly,
-                          'es-form-item-table': item.type === 'table',
-                          'es-form-item-inline': item.inline,
-                          'es-form-item-onrow': item.row,
-                          'es-form-item-label-hide':
-                            item.labelHide || item.showLabel === false
-                        },
-                        item.class,
-                        itemClass[item.type]
-                      ]"
-                      :label-class="
-                        [
-                          {
-                            'required-after': after,
-                            'es-label-box': labelPosition !== 'top',
-                            'required-position':
-                              !labelPosition || labelPosition === 'right'
-                          },
-                          'es-justify-' +
-                            (item.labelAlign
-                              ? align[item.labelAlign]
-                              : typeof item.label == 'object' &&
-                                item.label.align
-                              ? align[item.label.align]
-                              : labelPosition
-                              ? labelPosition == 'top'
-                                ? 'start'
-                                : align[labelPosition]
-                              : 'end'),
-                          !Array.isArray(item.labelClass) ? item.labelClass : ''
-                        ].concat(
-                          Array.isArray(item.labelClass ? item.labelClass : '')
-                        )
-                      "
                     >
-                      <es-label
-                        slot="label"
-                        v-if="
+                      <el-form-item
+                        ref="es-form-pane"
+                        :key="item.name"
+                        :label-width="
                           item.showLabel !== false &&
                           item.label &&
                           !item.labelHide &&
                           showLabel
+                            ? labelWidth
+                            : '0'
                         "
-                        v-bind="getLabel(item.label)"
-                      ></es-label>
-                      <es-input-number
-                        v-if="item.type == 'number'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-input-number>
-                      <es-radio-group
-                        v-else-if="item.type == 'radio'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-radio-group>
-                      <es-checkbox-group
-                        v-else-if="item.type == 'checkbox'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-checkbox-group>
-                      <es-select
-                        v-else-if="item.type == 'select'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-select>
-                      <es-cascader
-                        v-else-if="item.type == 'cascader'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
+                        :prop="item.name"
+                        :rules="getRules(item)"
+                        :style="style(item)"
+                        :class="[
+                          {
+                            'es-form-space-none': !space,
+                            'es-form-item-readonly': readonly,
+                            'es-form-item-table': item.type === 'table',
+                            'es-form-item-inline': item.inline,
+                            'es-form-item-onrow': item.row,
+                            'es-form-item-label-hide':
+                              item.labelHide || item.showLabel === false
+                          },
+                          item.class,
+                          itemClass[item.type]
+                        ]"
+                        :label-class="
+                          [
+                            {
+                              'required-after': after,
+                              'es-label-box': labelPosition !== 'top',
+                              'required-position':
+                                !labelPosition || labelPosition === 'right'
+                            },
+                            'es-justify-' +
+                              (item.labelAlign
+                                ? align[item.labelAlign]
+                                : typeof item.label == 'object' &&
+                                  item.label.align
+                                ? align[item.label.align]
+                                : labelPosition
+                                ? labelPosition == 'top'
+                                  ? 'start'
+                                  : align[labelPosition]
+                                : 'end'),
+                            !Array.isArray(item.labelClass)
+                              ? item.labelClass
+                              : ''
+                          ].concat(
+                            Array.isArray(
+                              item.labelClass ? item.labelClass : ''
+                            )
+                          )
                         "
                       >
-                      </es-cascader>
-                      <es-selector
-                        v-else-if="item.type === 'selector'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        v-on="
-                          handleExclAttribute({
-                            data: item.events,
-                            attrs: 'change'
-                          })
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-selector>
-                      <es-select-ganged
-                        v-else-if="
-                          item.type == 'ganged' ||
-                          (item.type == 'select' && item.ganged)
-                        "
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-select-ganged>
-                      <es-switch
-                        v-else-if="item.type == 'switch'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-switch>
-                      <es-date-picker
-                        v-else-if="
-                          item.date ||
-                          item.type == 'date' ||
-                          item.type == 'year' ||
-                          item.type == 'month' ||
-                          item.type == 'date' ||
-                          item.type == 'dates' ||
-                          item.type == 'week' ||
-                          item.type == 'datetime' ||
-                          item.type == 'datetimerange' ||
-                          item.type == 'daterange' ||
-                          item.type == 'monthrange' ||
-                          item.type == 'quarter' ||
-                          item.type == 'halfyear'
-                        "
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-date-picker>
-                      <es-upload
-                        v-else-if="
-                          item.type == 'attachment' || item.type == 'upload'
-                        "
-                        v-bind="
-                          handleExclAttribute({
-                            data: item,
-                            attrs: ['value', 'ownId']
-                          })
-                        "
-                        :ownId="item.ownId || models.id"
-                        v-model="models[item.name]"
-                        btn-size="medium"
-                        :readonly="readonly ? readonly : item.readonly"
-                        :rules="item.rules"
-                        v-on="
-                          handleExclAttribute({
-                            data: item.events,
-                            attrs: 'change'
-                          })
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-upload>
-                      <es-selector
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        v-else-if="item.type == 'selector'"
-                        :readonly="readonly ? readonly : item.readonly"
-                        :plain="item.plain || item.name === undefined"
-                        v-on="
-                          handleExclAttribute({
-                            data: item.events,
-                            attrs: 'change'
-                          })
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-selector>
-                      <template v-else-if="item.type === 'table'">
-                        <es-data-table-form
-                          v-if="item.lazy"
-                          :data="models[item.name]"
-                          :full="
-                            item.height != undefined || item.height != null
+                        <es-label
+                          slot="label"
+                          v-if="
+                            item.showLabel !== false &&
+                            item.label &&
+                            !item.labelHide &&
+                            showLabel
                           "
+                          v-bind="getLabel(item.label)"
+                        ></es-label>
+                        <es-input-number
+                          v-if="item.type == 'number'"
                           v-bind="
                             handleExclAttribute({
                               data: item,
                               attrs: ['value']
                             })
                           "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
                           :readonly="readonly ? readonly : item.readonly"
                           @blur="
-                            (val, data) => {
-                              handleBlur(item, val, data);
+                            (event) => {
+                              handleBlur(item, event);
                             }
                           "
                           @focus="
-                            (val, data) => {
-                              handleFocus(item, val, data);
+                            (event) => {
+                              handleFocus(item, event);
                             }
                           "
-                          @edit="
-                            (val, data) => {
-                              handleChange(item, val, data);
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
                             }
                           "
-                          @clear="handleClear"
-                          @btnClick="handleClick"
-                          @dataChange="handleDataChange"
-                        >
-                        </es-data-table-form>
-                        <es-data-table
-                          v-else
-                          :data="models[item.name]"
-                          :full="
-                            item.height != undefined || item.height != null
+                        ></es-input-number>
+                        <es-radio-group
+                          v-else-if="item.type == 'radio'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
                           "
+                        ></es-radio-group>
+                        <es-checkbox-group
+                          v-else-if="item.type == 'checkbox'"
                           v-bind="
                             handleExclAttribute({
                               data: item,
-                              attrs: ['value', 'events']
+                              attrs: ['value']
                             })
                           "
-                          v-on="item.events"
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-checkbox-group>
+                        <es-select
+                          v-else-if="item.type == 'select'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item, event);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-select>
+                        <es-cascader
+                          v-else-if="item.type == 'cascader'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
                           :readonly="readonly ? readonly : item.readonly"
                           @blur="
-                            (val, data) => {
-                              handleBlur(item, val, data);
+                            (event) => {
+                              handleBlur(item, event);
                             }
                           "
                           @focus="
-                            (val, data) => {
-                              handleFocus(item, val, data);
+                            (event) => {
+                              handleFocus(item, event);
                             }
                           "
-                          @edit="
-                            (val, data) => {
-                              handleChange(item, val, data);
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
                             }
                           "
-                          @btnClick="handleClick"
-                          @dataChange="handleDataChange"
                         >
-                        </es-data-table>
-                      </template>
-                      <es-flow-list
-                        v-else-if="
-                          (item.type === 'flow-list' ||
-                            item.type === 'flowList') &&
-                          _businessId
-                        "
-                        :businessId="_businessId"
-                        v-bind="
-                          handleExclAttribute({
-                            data: item,
-                            attrs: ['events', 'visible', 'type']
-                          })
-                        "
-                        v-on="item.events"
-                      ></es-flow-list>
-                      <es-icons
-                        v-else-if="item.type === 'icon'"
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-icons>
-                      <component
-                        v-else-if="item.type === 'component'"
-                        v-model="models[item.name]"
-                        v-bind="
-                          handleExclAttribute({
-                            data: item,
-                            attrs: ['value', 'type']
-                          })
-                        "
-                        v-on="item.events"
-                      ></component>
-                      <es-input
-                        v-else
-                        v-bind="
-                          handleExclAttribute({ data: item, attrs: ['value'] })
-                        "
-                        v-model="models[item.name]"
-                        :plain="item.plain || item.name === undefined"
-                        :readonly="readonly ? readonly : item.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item, event);
-                          }
-                        "
-                        @input="
-                          (val) => {
-                            handleInput(item, val);
-                          }
-                        "
-                        @clear="
-                          () => {
-                            handleClear(item);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item, val);
-                          }
-                        "
-                      ></es-input>
-                      <template v-if="item.inline">
-                        <template v-if="Array.isArray(item.inline)">
-                          <template v-for="(inline, k) in item.inline">
-                            <es-button
-                              v-if="inline.type == 'button' && !inline.hide"
-                              class="es-button-inline"
-                              :disabled="disabled || inline.disabled"
-                              v-bind="
-                                handleExclAttribute({
-                                  data: inline,
-                                  attrs: ['disabled', 'type']
-                                })
-                              "
-                              @click="handleClick(inline)"
-                            ></es-button>
-                            <div
-                              class="es-form-inline es-form-item-inline"
-                              :key="k"
-                              v-else-if="!inline.hide"
-                            >
-                              <div
-                                class="es-range"
-                                v-if="inline.range !== false"
-                              >
-                                —
-                              </div>
-                              <el-form-item
-                                label-width="0"
-                                :class="{ 'fixed-width': inline.width }"
-                                :prop="inline.name"
-                                :rules="getRules(inline)"
-                              >
-                                <es-input-number
-                                  v-if="inline.type == 'number'"
-                                  v-bind="
-                                    handleExclAttribute({
-                                      data: inline,
-                                      attrs: ['value']
-                                    })
-                                  "
-                                  v-model="models[inline.name]"
-                                  :plain="
-                                    inline.plain || inline.name === undefined
-                                  "
-                                  :readonly="
-                                    readonly ? readonly : inline.readonly
-                                  "
-                                  @blur="
-                                    (event) => {
-                                      handleBlur(inline, event);
-                                    }
-                                  "
-                                  @focus="
-                                    (event) => {
-                                      handleFocus(inline, event);
-                                    }
-                                  "
-                                  @change="
-                                    (val) => {
-                                      handleChange(inline, val);
-                                    }
-                                  "
-                                ></es-input-number>
-                                <es-select
-                                  v-else-if="inline.type == 'select'"
-                                  v-bind="
-                                    handleExclAttribute({
-                                      data: inline,
-                                      attrs: ['value']
-                                    })
-                                  "
-                                  v-model="models[inline.name]"
-                                  :plain="
-                                    inline.plain || inline.name === undefined
-                                  "
-                                  :readonly="
-                                    readonly ? readonly : inline.readonly
-                                  "
-                                  @blur="
-                                    (event) => {
-                                      handleBlur(inline, event);
-                                    }
-                                  "
-                                  @focus="
-                                    (event) => {
-                                      handleFocus(inline, event);
-                                    }
-                                  "
-                                  @change="
-                                    (val) => {
-                                      handleChange(inline, val);
-                                    }
-                                  "
-                                ></es-select>
-                                <es-cascader
-                                  v-else-if="inline.type == 'cascader'"
-                                  v-bind="
-                                    handleExclAttribute({
-                                      data: inline,
-                                      attrs: ['value']
-                                    })
-                                  "
-                                  v-model="models[inline.name]"
-                                  :plain="
-                                    inline.plain || inline.name === undefined
-                                  "
-                                  :readonly="
-                                    readonly ? readonly : inline.readonly
-                                  "
-                                  @blur="
-                                    (event) => {
-                                      handleBlur(inline, event);
-                                    }
-                                  "
-                                  @focus="
-                                    (event) => {
-                                      handleFocus(inline, event);
-                                    }
-                                  "
-                                  @change="
-                                    (val) => {
-                                      handleChange(inline, val);
-                                    }
-                                  "
-                                >
-                                </es-cascader>
-                                <es-date-picker
-                                  v-else-if="
-                                    inline.date ||
-                                    inline.type == 'date' ||
-                                    inline.type == 'year' ||
-                                    inline.type == 'month' ||
-                                    inline.type == 'date' ||
-                                    inline.type == 'dates' ||
-                                    inline.type == 'week' ||
-                                    inline.type == 'datetime' ||
-                                    inline.type == 'datetimerange' ||
-                                    inline.type == 'daterange' ||
-                                    inline.type == 'monthrange' ||
-                                    inline.type == 'quarter' ||
-                                    inline.type == 'halfyear'
-                                  "
-                                  v-bind="
-                                    handleExclAttribute({
-                                      data: inline,
-                                      attrs: ['value']
-                                    })
-                                  "
-                                  v-model="models[inline.name]"
-                                  :plain="
-                                    inline.plain || inline.name === undefined
-                                  "
-                                  :readonly="
-                                    readonly ? readonly : inline.readonly
-                                  "
-                                  @blur="
-                                    (event) => {
-                                      handleBlur(inline, event);
-                                    }
-                                  "
-                                  @focus="
-                                    (event) => {
-                                      handleFocus(inline, event);
-                                    }
-                                  "
-                                  @change="
-                                    (val) => {
-                                      handleChange(inline, val);
-                                    }
-                                  "
-                                ></es-date-picker>
-                                <template
-                                  v-else-if="
-                                    inline.type == 'image' ||
-                                    inline.type == 'img'
-                                  "
-                                >
-                                  <img
-                                    v-if="inline.url || inline.src"
-                                    v-bind="
-                                      handleExclAttribute({
-                                        data: inline,
-                                        attrs: ['value']
-                                      })
-                                    "
-                                    height="100%"
-                                    :src="inline.url || inline.src"
-                                    @click="inline.event"
-                                  />
-                                </template>
-                                <es-icons
-                                  v-else-if="inline.type === 'icon'"
-                                  v-bind="
-                                    handleExclAttribute({
-                                      data: inline,
-                                      attrs: ['value']
-                                    })
-                                  "
-                                  v-model="models[inline.name]"
-                                  :plain="
-                                    inline.plain || inline.name === undefined
-                                  "
-                                  :readonly="
-                                    readonly ? readonly : inline.readonly
-                                  "
-                                  @change="
-                                    (val) => {
-                                      handleChange(inline, val);
-                                    }
-                                  "
-                                ></es-icons>
-                                <component
-                                  v-else-if="inline.type === 'component'"
-                                  v-model="models[inline.name]"
-                                  v-bind="
-                                    handleExclAttribute({
-                                      data: inline,
-                                      attrs: ['value', 'type']
-                                    })
-                                  "
-                                  v-on="inline.events"
-                                ></component>
-                                <es-input
-                                  v-else
-                                  v-bind="
-                                    handleExclAttribute({
-                                      data: inline,
-                                      attrs: ['value']
-                                    })
-                                  "
-                                  v-model="models[inline.name]"
-                                  :plain="
-                                    inline.plain || inline.name === undefined
-                                  "
-                                  :readonly="
-                                    readonly ? readonly : inline.readonly
-                                  "
-                                  @blur="
-                                    (event) => {
-                                      handleBlur(inline, event);
-                                    }
-                                  "
-                                  @focus="
-                                    (event) => {
-                                      handleFocus(inline, event);
-                                    }
-                                  "
-                                  @input="
-                                    (val) => {
-                                      handleInput(inline, val);
-                                    }
-                                  "
-                                  @clear="handleClear(inline)"
-                                  @change="
-                                    (val) => {
-                                      handleChange(inline, val);
-                                    }
-                                  "
-                                ></es-input>
-                              </el-form-item>
-                            </div>
-                          </template>
-                        </template>
-                        <template v-else-if="!item.inline.hide">
-                          <div
-                            class="es-range"
-                            v-if="item.inline.range !== false"
-                          >
-                            —
-                          </div>
-                          <el-form-item
-                            label-width="0"
-                            :class="{ 'fixed-width': item.inline.width }"
-                            :prop="item.inline.name"
-                            :rules="getRules(item.inline)"
-                          >
-                            <es-input-number
-                              v-if="item.inline.type == 'number'"
-                              v-bind="
-                                handleExclAttribute({
-                                  data: item.inline,
-                                  attrs: ['value']
-                                })
-                              "
-                              v-model="models[item.inline.name]"
-                              :plain="
-                                item.inline.plain ||
-                                item.inline.name === undefined
-                              "
-                              :readonly="
-                                readonly ? readonly : item.inline.readonly
-                              "
-                              @blur="
-                                (event) => {
-                                  handleBlur(item.inline, event);
-                                }
-                              "
-                              @focus="
-                                (event) => {
-                                  handleFocus(item.inline, event);
-                                }
-                              "
-                              @change="
-                                (val) => {
-                                  handleChange(item.inline, val);
-                                }
-                              "
-                            ></es-input-number>
-                            <es-select
-                              v-else-if="item.inline.type == 'select'"
-                              v-bind="
-                                handleExclAttribute({
-                                  data: item.inline,
-                                  attrs: ['value']
-                                })
-                              "
-                              v-model="models[item.inline.name]"
-                              :plain="
-                                item.inline.plain ||
-                                item.inline.name === undefined
-                              "
-                              :readonly="
-                                readonly ? readonly : item.inline.readonly
-                              "
-                              @blur="
-                                (event) => {
-                                  handleBlur(item.inline, event);
-                                }
-                              "
-                              @focus="
-                                (event) => {
-                                  handleFocus(item.inline, event);
-                                }
-                              "
-                              @change="
-                                (val) => {
-                                  handleChange(item.inline, val);
-                                }
-                              "
-                            ></es-select>
-                            <es-cascader
-                              v-else-if="item.inline.type == 'cascader'"
-                              v-bind="
-                                handleExclAttribute({
-                                  data: item.inline,
-                                  attrs: ['value']
-                                })
-                              "
-                              v-model="models[item.inline.name]"
-                              :plain="
-                                item.inline.plain ||
-                                item.inline.name === undefined
-                              "
-                              :readonly="
-                                readonly ? readonly : item.inline.readonly
-                              "
-                              @blur="
-                                (event) => {
-                                  handleBlur(item.inline, event);
-                                }
-                              "
-                              @focus="
-                                (event) => {
-                                  handleFocus(item.inline, event);
-                                }
-                              "
-                              @change="
-                                (val) => {
-                                  handleChange(item.inline, val);
-                                }
-                              "
-                            >
-                            </es-cascader>
-                            <es-date-picker
-                              v-else-if="
-                                item.inline.date ||
-                                item.inline.type == 'date' ||
-                                item.inline.type == 'year' ||
-                                item.inline.type == 'month' ||
-                                item.inline.type == 'date' ||
-                                item.inline.type == 'dates' ||
-                                item.inline.type == 'week' ||
-                                item.inline.type == 'datetime' ||
-                                item.inline.type == 'datetimerange' ||
-                                item.inline.type == 'daterange' ||
-                                item.inline.type == 'monthrange' ||
-                                item.inline.type == 'quarter' ||
-                                item.inline.type == 'halfyear'
-                              "
-                              v-bind="
-                                handleExclAttribute({
-                                  data: item.inline,
-                                  attrs: ['value']
-                                })
-                              "
-                              v-model="models[item.inline.name]"
-                              :plain="
-                                item.inline.plain ||
-                                item.inline.name === undefined
-                              "
-                              :readonly="
-                                readonly ? readonly : item.inline.readonly
-                              "
-                              @blur="
-                                (event) => {
-                                  handleBlur(item.inline, event);
-                                }
-                              "
-                              @focus="
-                                (event) => {
-                                  handleFocus(item.inline, event);
-                                }
-                              "
-                              @change="
-                                (val) => {
-                                  handleChange(item.inline, val);
-                                }
-                              "
-                            ></es-date-picker>
-                            <template
-                              v-else-if="
-                                item.inline.type == 'image' ||
-                                item.inline.type == 'img'
-                              "
-                            >
-                              <img
-                                v-if="item.inline.url || item.inline.src"
-                                v-bind="
-                                  handleExclAttribute({
-                                    data: item.inline,
-                                    attrs: ['value']
-                                  })
-                                "
-                                height="100%"
-                                :src="item.inline.url || item.inline.src"
-                                @click="item.inline.event"
-                              />
-                            </template>
-                            <es-icons
-                              v-else-if="item.inline.type === 'icon'"
-                              v-bind="
-                                handleExclAttribute({
-                                  data: item.inline,
-                                  attrs: ['value']
-                                })
-                              "
-                              v-model="models[item.inline.name]"
-                              :plain="
-                                item.inline.plain ||
-                                item.inline.name === undefined
-                              "
-                              :readonly="
-                                readonly ? readonly : item.inline.readonly
-                              "
-                              @change="
-                                (val) => {
-                                  handleChange(item.inline, val);
-                                }
-                              "
-                            ></es-icons>
-                            <component
-                              v-else-if="inline.type === 'component'"
-                              v-model="models[inline.name]"
-                              v-bind="
-                                handleExclAttribute({
-                                  data: inline,
-                                  attrs: ['value', 'type']
-                                })
-                              "
-                              v-on="inline.events"
-                            ></component>
-                            <es-input
-                              v-else
-                              v-bind="
-                                handleExclAttribute({
-                                  data: item.inline,
-                                  attrs: ['value']
-                                })
-                              "
-                              v-model="models[item.inline.name]"
-                              :plain="
-                                item.inline.plain ||
-                                item.inline.name === undefined
-                              "
-                              :readonly="
-                                readonly ? readonly : item.inline.readonly
-                              "
-                              @blur="
-                                (event) => {
-                                  handleBlur(item.inline, event);
-                                }
-                              "
-                              @focus="
-                                (event) => {
-                                  handleFocus(item.inline, event);
-                                }
-                              "
-                              @input="
-                                (val) => {
-                                  handleInput(item.inline, val);
-                                }
-                              "
-                              @clear="handleClear(item.inline)"
-                              @change="
-                                (val) => {
-                                  handleChange(item.inline, val);
-                                }
-                              "
-                            ></es-input>
-                          </el-form-item>
-                        </template>
-                      </template>
-                    </el-form-item>
-                  </template>
-                </template>
-              </el-collapse-item>
-            </template>
-          </el-scrollbar>
-        </el-collapse>
-        <el-scrollbar
-          v-else
-          class="es-form-content es-scrollbar"
-          :style="{ height: formHeight }"
-          ref="scrollbar"
-        >
-          <es-table-form
-            v-if="table"
-            ref="form"
-            :tableAfter="tableAfter"
-            v-bind="tableAttrs"
-            :thead="thead"
-            :contents="formContent"
-            :readonly="readonly"
-            :label-width="labelWidth"
-            :span="span"
-            :widths="widths"
-            :model.sync="models"
-            @click="handleClick"
-            @change="handleChange"
-            @dataChange="handleDataChange"
-            @focus="handleFocus"
-            @blur="handleBlur"
-            @clear="handleClear"
-          ></es-table-form>
-          <template v-else>
-            <template v-for="item in formContent">
-              <div
-                v-if="item.type === 'caption' && !item.hide"
-                class="es-form-item-caption"
-                :key="item.name"
-              >
-                {{ item.text }}
-              </div>
-              <el-form-item
-                v-else-if="!item.hide && !hides.includes(item.name)"
-                ref="es-form-pane"
-                :key="item.name"
-                :label-width="
-                  item.showLabel !== false &&
-                  item.label &&
-                  !item.labelHide &&
-                  showLabel
-                    ? labelWidth
-                    : '0'
-                "
-                :prop="item.name"
-                :rules="getRules(item)"
-                :style="style(item)"
-                :class="[
-                  {
-                    'es-form-space-none': !space,
-                    'es-form-item-readonly': readonly,
-                    'es-form-item-table': item.type === 'table',
-                    'es-form-item-inline': item.inline,
-                    'es-form-item-onrow': item.row,
-                    'es-form-item-label-hide':
-                      item.labelHide || item.showLabel === false
-                  },
-                  item.class,
-                  itemClass[item.type]
-                ]"
-                :label-class="
-                  [
-                    {
-                      'required-after': after,
-                      'es-label-box': labelPosition !== 'top',
-                      'required-position':
-                        !labelPosition || labelPosition === 'right'
-                    },
-                    'es-justify-' +
-                      (item.labelAlign
-                        ? align[item.labelAlign]
-                        : typeof item.label == 'object' && item.label.align
-                        ? align[item.label.align]
-                        : labelPosition
-                        ? labelPosition == 'top'
-                          ? 'start'
-                          : align[labelPosition]
-                        : 'end'),
-                    !Array.isArray(item.labelClass) ? item.labelClass : ''
-                  ].concat(
-                    Array.isArray(item.labelClass ? item.labelClass : '')
-                  )
-                "
-              >
-                <es-label
-                  slot="label"
-                  v-if="
-                    item.showLabel !== false &&
-                    item.label &&
-                    !item.labelHide &&
-                    showLabel
-                  "
-                  v-bind="getLabel(item.label)"
-                ></es-label>
-                <es-input-number
-                  v-if="item.type == 'number'"
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @blur="
-                    (event) => {
-                      handleBlur(item, event);
-                    }
-                  "
-                  @focus="
-                    (event) => {
-                      handleFocus(item, event);
-                    }
-                  "
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-input-number>
-                <es-radio-group
-                  v-else-if="item.type == 'radio'"
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-radio-group>
-                <es-checkbox-group
-                  v-else-if="item.type == 'checkbox'"
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-checkbox-group>
-                <es-select
-                  v-else-if="item.type == 'select'"
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @blur="
-                    (event) => {
-                      handleBlur(item, event);
-                    }
-                  "
-                  @focus="
-                    (event) => {
-                      handleFocus(item, event);
-                    }
-                  "
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-select>
-                <es-cascader
-                  v-else-if="item.type == 'cascader'"
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @blur="
-                    (event) => {
-                      handleBlur(item, event);
-                    }
-                  "
-                  @focus="
-                    (event) => {
-                      handleFocus(item, event);
-                    }
-                  "
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                >
-                </es-cascader>
-                <es-select-ganged
-                  v-else-if="
-                    item.type == 'ganged' ||
-                    (item.type == 'select' && item.ganged)
-                  "
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-select-ganged>
-                <es-switch
-                  v-else-if="item.type == 'switch'"
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-switch>
-                <es-date-picker
-                  v-else-if="
-                    item.date ||
-                    item.type == 'date' ||
-                    item.type == 'year' ||
-                    item.type == 'month' ||
-                    item.type == 'date' ||
-                    item.type == 'dates' ||
-                    item.type == 'week' ||
-                    item.type == 'datetime' ||
-                    item.type == 'datetimerange' ||
-                    item.type == 'daterange' ||
-                    item.type == 'monthrange' ||
-                    item.type == 'quarter' ||
-                    item.type == 'halfyear'
-                  "
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @blur="
-                    (event) => {
-                      handleBlur(item, event);
-                    }
-                  "
-                  @focus="
-                    (event) => {
-                      handleFocus(item, event);
-                    }
-                  "
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-date-picker>
-                <es-upload
-                  v-else-if="item.type == 'attachment' || item.type == 'upload'"
-                  v-bind="
-                    handleExclAttribute({
-                      data: item,
-                      attrs: ['value', 'ownId']
-                    })
-                  "
-                  :ownId="item.ownId || models.id"
-                  btn-size="medium"
-                  v-model="models[item.name]"
-                  :readonly="readonly ? readonly : item.readonly"
-                  :rules="item.rules"
-                  v-on="
-                    handleExclAttribute({
-                      data: item.events,
-                      attrs: 'change'
-                    })
-                  "
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-upload>
-                <es-selector
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  v-else-if="item.type === 'selector'"
-                  :readonly="readonly ? readonly : item.readonly"
-                  :plain="item.plain || item.name === undefined"
-                  v-on="
-                    handleExclAttribute({
-                      data: item.events,
-                      attrs: 'change'
-                    })
-                  "
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-selector>
-                <template v-else-if="item.type === 'table'">
-                  <es-data-table-form
-                    v-if="item.lazy"
-                    :data="models[item.name]"
-                    :full="item.height != undefined || item.height != null"
-                    v-bind="
-                      handleExclAttribute({ data: item, attrs: ['value'] })
-                    "
-                    :readonly="readonly ? readonly : item.readonly"
-                    @blur="
-                      (val, data) => {
-                        handleBlur(item, val, data);
-                      }
-                    "
-                    @focus="
-                      (val, data) => {
-                        handleFocus(item, val, data);
-                      }
-                    "
-                    @edit="
-                      (val, data) => {
-                        handleChange(item, val, data);
-                      }
-                    "
-                    @clear="handleClear"
-                    @btnClick="handleClick"
-                    @dataChange="handleDataChange"
-                  >
-                  </es-data-table-form>
-                  <es-data-table
-                    v-else
-                    :data="models[item.name]"
-                    :full="item.height != undefined || item.height != null"
-                    v-bind="
-                      handleExclAttribute({
-                        data: item,
-                        attrs: ['value', 'events']
-                      })
-                    "
-                    v-on="item.events"
-                    :readonly="readonly ? readonly : item.readonly"
-                    @blur="
-                      (val, data) => {
-                        handleBlur(item, val, data);
-                      }
-                    "
-                    @focus="
-                      (val, data) => {
-                        handleFocus(item, val, data);
-                      }
-                    "
-                    @edit="
-                      (val, data) => {
-                        handleChange(item, val, data);
-                      }
-                    "
-                    @btnClick="handleClick"
-                    @dataChange="handleDataChange"
-                  >
-                  </es-data-table>
-                </template>
-                <es-flow-list
-                  v-else-if="
-                    (item.type === 'flow-list' || item.type === 'flowList') &&
-                    _businessId
-                  "
-                  :businessId="_businessId"
-                  v-bind="
-                    handleExclAttribute({
-                      data: item,
-                      attrs: ['events', 'visible', 'type']
-                    })
-                  "
-                  v-on="item.events"
-                ></es-flow-list>
-                <es-icons
-                  v-else-if="item.type === 'icon'"
-                  v-bind="
-                    handleExclAttribute({
-                      data: item,
-                      attrs: ['value']
-                    })
-                  "
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-icons>
-                <component
-                  v-else-if="item.type === 'component'"
-                  v-model="models[item.name]"
-                  v-bind="
-                    handleExclAttribute({
-                      data: item,
-                      attrs: ['value', 'type']
-                    })
-                  "
-                  v-on="item.events"
-                ></component>
-                <es-input
-                  v-else
-                  v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
-                  v-model="models[item.name]"
-                  :plain="item.plain || item.name === undefined"
-                  :readonly="readonly ? readonly : item.readonly"
-                  @blur="
-                    (event) => {
-                      handleBlur(item.name, event);
-                    }
-                  "
-                  @focus="
-                    (event) => {
-                      handleFocus(item.name, event);
-                    }
-                  "
-                  @input="
-                    (val) => {
-                      handleInput(item.name, val);
-                    }
-                  "
-                  @clear="handleClear(item.name)"
-                  @change="
-                    (val) => {
-                      handleChange(item, val);
-                    }
-                  "
-                ></es-input>
-                <template v-if="item.inline">
-                  <template v-if="Array.isArray(item.inline)">
-                    <template v-for="(inline, k) in item.inline">
-                      <es-button
-                        v-if="inline.type == 'button' && !inline.hide"
-                        class="es-button-inline"
-                        :disabled="disabled || inline.disabled"
-                        v-bind="
-                          handleExclAttribute({
-                            data: inline,
-                            attrs: ['disabled', 'type']
-                          })
-                        "
-                        @click="handleClick(inline)"
-                      ></es-button>
-                      <div
-                        class="es-form-inline es-form-item-inline"
-                        :key="k"
-                        v-else-if="!inline.hide"
-                      >
-                        <div class="es-range" v-if="inline.range !== false">
-                          —
-                        </div>
-                        <el-form-item
-                          label-width="0"
-                          :class="{ 'fixed-width': inline.width }"
-                          :prop="inline.name"
-                          :rules="getRules(inline)"
-                        >
-                          <es-input-number
-                            v-if="inline.type == 'number'"
-                            v-bind="
-                              handleExclAttribute({
-                                data: inline,
-                                attrs: ['value']
-                              })
-                            "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
-                            @blur="
-                              (event) => {
-                                handleBlur(inline, event);
-                              }
-                            "
-                            @focus="
-                              (event) => {
-                                handleFocus(inline, event);
-                              }
-                            "
-                            @change="
-                              (val) => {
-                                handleChange(inline, val);
-                              }
-                            "
-                          ></es-input-number>
-                          <es-select
-                            v-else-if="inline.type == 'select'"
-                            v-bind="
-                              handleExclAttribute({
-                                data: inline,
-                                attrs: ['value']
-                              })
-                            "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
-                            @blur="
-                              (event) => {
-                                handleBlur(inline, event);
-                              }
-                            "
-                            @focus="
-                              (event) => {
-                                handleFocus(inline, event);
-                              }
-                            "
-                            @change="
-                              (val) => {
-                                handleChange(inline, val);
-                              }
+                        </es-cascader>
+                        <es-selector
+                          v-else-if="item.type === 'selector'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          v-on="
+                            handleExclAttribute({
+                              data: item.events,
+                              attrs: 'change'
+                            })
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-selector>
+                        <es-select-ganged
+                          v-else-if="
+                            item.type == 'ganged' ||
+                            (item.type == 'select' && item.ganged)
+                          "
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-select-ganged>
+                        <es-switch
+                          v-else-if="item.type == 'switch'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-switch>
+                        <es-date-picker
+                          v-else-if="
+                            item.date ||
+                            item.type == 'date' ||
+                            item.type == 'year' ||
+                            item.type == 'month' ||
+                            item.type == 'date' ||
+                            item.type == 'dates' ||
+                            item.type == 'week' ||
+                            item.type == 'datetime' ||
+                            item.type == 'datetimerange' ||
+                            item.type == 'daterange' ||
+                            item.type == 'monthrange' ||
+                            item.type == 'quarter' ||
+                            item.type == 'halfyear'
+                          "
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item, event);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-date-picker>
+                        <es-upload
+                          v-else-if="
+                            item.type == 'attachment' || item.type == 'upload'
+                          "
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value', 'ownId']
+                            })
+                          "
+                          :ownId="item.ownId || models.id"
+                          v-model="models[item.name]"
+                          btn-size="medium"
+                          :readonly="readonly ? readonly : item.readonly"
+                          :rules="item.rules"
+                          v-on="
+                            handleExclAttribute({
+                              data: item.events,
+                              attrs: 'change'
+                            })
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-upload>
+                        <es-selector
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          v-else-if="item.type == 'selector'"
+                          :readonly="readonly ? readonly : item.readonly"
+                          :plain="item.plain || item.name === undefined"
+                          v-on="
+                            handleExclAttribute({
+                              data: item.events,
+                              attrs: 'change'
+                            })
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-selector>
+                        <template v-else-if="item.type === 'table'">
+                          <es-data-table-form
+                            v-if="item.lazy"
+                            :data="models[item.name]"
+                            :full="
+                              item.height != undefined || item.height != null
                             "
-                          ></es-select>
-                          <es-cascader
-                            v-else-if="inline.type == 'cascader'"
                             v-bind="
                               handleExclAttribute({
-                                data: inline,
+                                data: item,
                                 attrs: ['value']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            :readonly="readonly ? readonly : item.readonly"
                             @blur="
-                              (event) => {
-                                handleBlur(inline, event);
+                              (val, data) => {
+                                handleBlur(item, val, data);
                               }
                             "
                             @focus="
-                              (event) => {
-                                handleFocus(inline, event);
+                              (val, data) => {
+                                handleFocus(item, val, data);
                               }
                             "
-                            @change="
-                              (val) => {
-                                handleChange(inline, val);
+                            @edit="
+                              (val, data) => {
+                                handleChange(item, val, data);
                               }
                             "
+                            @clear="handleClear"
+                            @btnClick="handleClick"
+                            @dataChange="handleDataChange"
                           >
-                          </es-cascader>
-                          <es-date-picker
-                            v-else-if="
-                              inline.date ||
-                              inline.type == 'date' ||
-                              inline.type == 'year' ||
-                              inline.type == 'month' ||
-                              inline.type == 'date' ||
-                              inline.type == 'dates' ||
-                              inline.type == 'week' ||
-                              inline.type == 'datetime' ||
-                              inline.type == 'datetimerange' ||
-                              inline.type == 'daterange' ||
-                              inline.type == 'monthrange' ||
-                              inline.type == 'quarter' ||
-                              inline.type == 'halfyear'
+                          </es-data-table-form>
+                          <es-data-table
+                            v-else
+                            :data="models[item.name]"
+                            :full="
+                              item.height != undefined || item.height != null
                             "
                             v-bind="
                               handleExclAttribute({
-                                data: inline,
-                                attrs: ['value']
+                                data: item,
+                                attrs: ['value', 'events']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            v-on="item.events"
+                            :readonly="readonly ? readonly : item.readonly"
                             @blur="
-                              (event) => {
-                                handleBlur(inline, event);
+                              (val, data) => {
+                                handleBlur(item, val, data);
                               }
                             "
                             @focus="
-                              (event) => {
-                                handleFocus(inline, event);
+                              (val, data) => {
+                                handleFocus(item, val, data);
                               }
                             "
-                            @change="
-                              (val) => {
-                                handleChange(inline, val);
+                            @edit="
+                              (val, data) => {
+                                handleChange(item, val, data);
                               }
                             "
-                          ></es-date-picker>
-                          <template
-                            v-else-if="
-                              inline.type == 'image' || inline.type == 'img'
-                            "
+                            @btnClick="handleClick"
+                            @dataChange="handleDataChange"
                           >
-                            <img
-                              v-if="inline.url || inline.src"
-                              v-bind="
-                                handleExclAttribute({
-                                  data: inline,
-                                  attrs: ['value']
-                                })
-                              "
-                              height="100%"
-                              :src="inline.url || inline.src"
-                              @click="inline.event"
-                            />
-                          </template>
-                          <es-icons
-                            v-else-if="inline.type === 'icon'"
-                            v-bind="
-                              handleExclAttribute({
-                                data: inline,
-                                attrs: ['value']
-                              })
-                            "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
-                            @change="
-                              (val) => {
-                                handleChange(inline, val);
-                              }
-                            "
-                          ></es-icons>
-                          <component
-                            v-else-if="inline.type === 'component'"
-                            v-model="models[inline.name]"
-                            v-bind="
-                              handleExclAttribute({
-                                data: inline,
-                                attrs: ['value', 'type']
-                              })
-                            "
-                            v-on="inline.events"
-                          ></component>
-                          <es-input
-                            v-else
-                            v-bind="
-                              handleExclAttribute({
-                                data: inline,
-                                attrs: ['value']
-                              })
-                            "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
-                            @blur="
-                              (event) => {
-                                handleBlur(inline, event);
-                              }
-                            "
-                            @focus="
-                              (event) => {
-                                handleFocus(inline, event);
-                              }
-                            "
-                            @input="
-                              (val) => {
-                                handleInput(inline, val);
-                              }
-                            "
-                            @clear="handleClear(inline)"
-                            @change="
-                              (val) => {
-                                handleChange(inline, val);
-                              }
-                            "
-                          ></es-input>
-                        </el-form-item>
-                      </div>
+                          </es-data-table>
+                        </template>
+                        <es-flow-list
+                          v-else-if="
+                            (item.type === 'flow-list' ||
+                              item.type === 'flowList') &&
+                            _businessId
+                          "
+                          :businessId="_businessId"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['events', 'visible', 'type']
+                            })
+                          "
+                          v-on="item.events"
+                        ></es-flow-list>
+                        <es-icons
+                          v-else-if="item.type === 'icon'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-icons>
+                        <component
+                          v-else-if="item.type === 'component'"
+                          v-model="models[item.name]"
+                          :is="item.is || item.tag"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value', 'type', 'is']
+                            })
+                          "
+                          v-on="item.events"
+                        ></component>
+                        <es-input
+                          v-else
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item, event);
+                            }
+                          "
+                          @input="
+                            (val) => {
+                              handleInput(item, val);
+                            }
+                          "
+                          @clear="
+                            () => {
+                              handleClear(item);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item, val);
+                            }
+                          "
+                        ></es-input>
+                        <template v-if="item.inline">
+                          <template v-if="Array.isArray(item.inline)">
+                            <template v-for="(inline, k) in item.inline">
+                              <es-button
+                                v-if="inline.type == 'button' && !inline.hide"
+                                :key="k"
+                                class="es-button-inline"
+                                :disabled="disabled || inline.disabled"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['disabled', 'type']
+                                  })
+                                "
+                                @click="handleClick(inline)"
+                              ></es-button>
+                              <template v-else-if="!inline.hide">
+                                <div
+                                  class="es-form-inline es-form-item-inline"
+                                  :key="k"
+                                >
+                                  <div
+                                    class="es-range"
+                                    v-if="inline.range !== false"
+                                  >
+                                    —
+                                  </div>
+                                  <el-form-item
+                                    label-width="0"
+                                    :class="{ 'fixed-width': inline.width }"
+                                    :prop="inline.name"
+                                    :rules="getRules(inline)"
+                                  >
+                                    <es-input-number
+                                      v-if="inline.type == 'number'"
+                                      v-bind="
+                                        handleExclAttribute({
+                                          data: inline,
+                                          attrs: ['value']
+                                        })
+                                      "
+                                      v-model="models[inline.name]"
+                                      :plain="
+                                        inline.plain ||
+                                        inline.name === undefined
+                                      "
+                                      :readonly="
+                                        readonly ? readonly : inline.readonly
+                                      "
+                                      @blur="
+                                        (event) => {
+                                          handleBlur(inline, event);
+                                        }
+                                      "
+                                      @focus="
+                                        (event) => {
+                                          handleFocus(inline, event);
+                                        }
+                                      "
+                                      @change="
+                                        (val) => {
+                                          handleChange(inline, val);
+                                        }
+                                      "
+                                    ></es-input-number>
+                                    <es-select
+                                      v-else-if="inline.type == 'select'"
+                                      v-bind="
+                                        handleExclAttribute({
+                                          data: inline,
+                                          attrs: ['value']
+                                        })
+                                      "
+                                      v-model="models[inline.name]"
+                                      :plain="
+                                        inline.plain ||
+                                        inline.name === undefined
+                                      "
+                                      :readonly="
+                                        readonly ? readonly : inline.readonly
+                                      "
+                                      @blur="
+                                        (event) => {
+                                          handleBlur(inline, event);
+                                        }
+                                      "
+                                      @focus="
+                                        (event) => {
+                                          handleFocus(inline, event);
+                                        }
+                                      "
+                                      @change="
+                                        (val) => {
+                                          handleChange(inline, val);
+                                        }
+                                      "
+                                    ></es-select>
+                                    <es-cascader
+                                      v-else-if="inline.type == 'cascader'"
+                                      v-bind="
+                                        handleExclAttribute({
+                                          data: inline,
+                                          attrs: ['value']
+                                        })
+                                      "
+                                      v-model="models[inline.name]"
+                                      :plain="
+                                        inline.plain ||
+                                        inline.name === undefined
+                                      "
+                                      :readonly="
+                                        readonly ? readonly : inline.readonly
+                                      "
+                                      @blur="
+                                        (event) => {
+                                          handleBlur(inline, event);
+                                        }
+                                      "
+                                      @focus="
+                                        (event) => {
+                                          handleFocus(inline, event);
+                                        }
+                                      "
+                                      @change="
+                                        (val) => {
+                                          handleChange(inline, val);
+                                        }
+                                      "
+                                    >
+                                    </es-cascader>
+                                    <es-date-picker
+                                      v-else-if="
+                                        inline.date ||
+                                        inline.type == 'date' ||
+                                        inline.type == 'year' ||
+                                        inline.type == 'month' ||
+                                        inline.type == 'date' ||
+                                        inline.type == 'dates' ||
+                                        inline.type == 'week' ||
+                                        inline.type == 'datetime' ||
+                                        inline.type == 'datetimerange' ||
+                                        inline.type == 'daterange' ||
+                                        inline.type == 'monthrange' ||
+                                        inline.type == 'quarter' ||
+                                        inline.type == 'halfyear'
+                                      "
+                                      v-bind="
+                                        handleExclAttribute({
+                                          data: inline,
+                                          attrs: ['value']
+                                        })
+                                      "
+                                      v-model="models[inline.name]"
+                                      :plain="
+                                        inline.plain ||
+                                        inline.name === undefined
+                                      "
+                                      :readonly="
+                                        readonly ? readonly : inline.readonly
+                                      "
+                                      @blur="
+                                        (event) => {
+                                          handleBlur(inline, event);
+                                        }
+                                      "
+                                      @focus="
+                                        (event) => {
+                                          handleFocus(inline, event);
+                                        }
+                                      "
+                                      @change="
+                                        (val) => {
+                                          handleChange(inline, val);
+                                        }
+                                      "
+                                    ></es-date-picker>
+                                    <template
+                                      v-else-if="
+                                        inline.type == 'image' ||
+                                        inline.type == 'img'
+                                      "
+                                    >
+                                      <img
+                                        v-if="inline.url || inline.src"
+                                        v-bind="
+                                          handleExclAttribute({
+                                            data: inline,
+                                            attrs: ['value']
+                                          })
+                                        "
+                                        height="100%"
+                                        :src="inline.url || inline.src"
+                                        @click="inline.event"
+                                      />
+                                    </template>
+                                    <es-icons
+                                      v-else-if="inline.type === 'icon'"
+                                      v-bind="
+                                        handleExclAttribute({
+                                          data: inline,
+                                          attrs: ['value']
+                                        })
+                                      "
+                                      v-model="models[inline.name]"
+                                      :plain="
+                                        inline.plain ||
+                                        inline.name === undefined
+                                      "
+                                      :readonly="
+                                        readonly ? readonly : inline.readonly
+                                      "
+                                      @change="
+                                        (val) => {
+                                          handleChange(inline, val);
+                                        }
+                                      "
+                                    ></es-icons>
+                                    <component
+                                      v-else-if="inline.type === 'component'"
+                                      v-model="models[inline.name]"
+                                      :is="inline.is || inline.tag"
+                                      v-bind="
+                                        handleExclAttribute({
+                                          data: inline,
+                                          attrs: ['value', 'type', 'is']
+                                        })
+                                      "
+                                      v-on="inline.events"
+                                    ></component>
+                                    <es-input
+                                      v-else
+                                      v-bind="
+                                        handleExclAttribute({
+                                          data: inline,
+                                          attrs: ['value']
+                                        })
+                                      "
+                                      v-model="models[inline.name]"
+                                      :plain="
+                                        inline.plain ||
+                                        inline.name === undefined
+                                      "
+                                      :readonly="
+                                        readonly ? readonly : inline.readonly
+                                      "
+                                      @blur="
+                                        (event) => {
+                                          handleBlur(inline, event);
+                                        }
+                                      "
+                                      @focus="
+                                        (event) => {
+                                          handleFocus(inline, event);
+                                        }
+                                      "
+                                      @input="
+                                        (val) => {
+                                          handleInput(inline, val);
+                                        }
+                                      "
+                                      @clear="handleClear(inline)"
+                                      @change="
+                                        (val) => {
+                                          handleChange(inline, val);
+                                        }
+                                      "
+                                    ></es-input>
+                                  </el-form-item>
+                                </div>
+                              </template>
+                            </template>
+                          </template>
+                          <template v-else-if="!item.inline.hide">
+                            <div
+                              class="es-range"
+                              v-if="item.inline.range !== false"
+                            >
+                              —
+                            </div>
+                            <el-form-item
+                              label-width="0"
+                              :class="{ 'fixed-width': item.inline.width }"
+                              :prop="item.inline.name"
+                              :rules="getRules(item.inline)"
+                            >
+                              <es-input-number
+                                v-if="item.inline.type == 'number'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: item.inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[item.inline.name]"
+                                :plain="
+                                  item.inline.plain ||
+                                  item.inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : item.inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(item.inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(item.inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(item.inline, val);
+                                  }
+                                "
+                              ></es-input-number>
+                              <es-select
+                                v-else-if="item.inline.type == 'select'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: item.inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[item.inline.name]"
+                                :plain="
+                                  item.inline.plain ||
+                                  item.inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : item.inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(item.inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(item.inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(item.inline, val);
+                                  }
+                                "
+                              ></es-select>
+                              <es-cascader
+                                v-else-if="item.inline.type == 'cascader'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: item.inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[item.inline.name]"
+                                :plain="
+                                  item.inline.plain ||
+                                  item.inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : item.inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(item.inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(item.inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(item.inline, val);
+                                  }
+                                "
+                              >
+                              </es-cascader>
+                              <es-date-picker
+                                v-else-if="
+                                  item.inline.date ||
+                                  item.inline.type == 'date' ||
+                                  item.inline.type == 'year' ||
+                                  item.inline.type == 'month' ||
+                                  item.inline.type == 'date' ||
+                                  item.inline.type == 'dates' ||
+                                  item.inline.type == 'week' ||
+                                  item.inline.type == 'datetime' ||
+                                  item.inline.type == 'datetimerange' ||
+                                  item.inline.type == 'daterange' ||
+                                  item.inline.type == 'monthrange' ||
+                                  item.inline.type == 'quarter' ||
+                                  item.inline.type == 'halfyear'
+                                "
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: item.inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[item.inline.name]"
+                                :plain="
+                                  item.inline.plain ||
+                                  item.inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : item.inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(item.inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(item.inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(item.inline, val);
+                                  }
+                                "
+                              ></es-date-picker>
+                              <template
+                                v-else-if="
+                                  item.inline.type == 'image' ||
+                                  item.inline.type == 'img'
+                                "
+                              >
+                                <img
+                                  v-if="item.inline.url || item.inline.src"
+                                  v-bind="
+                                    handleExclAttribute({
+                                      data: item.inline,
+                                      attrs: ['value']
+                                    })
+                                  "
+                                  height="100%"
+                                  :src="item.inline.url || item.inline.src"
+                                  @click="item.inline.event"
+                                />
+                              </template>
+                              <es-icons
+                                v-else-if="item.inline.type === 'icon'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: item.inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[item.inline.name]"
+                                :plain="
+                                  item.inline.plain ||
+                                  item.inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : item.inline.readonly
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(item.inline, val);
+                                  }
+                                "
+                              ></es-icons>
+                              <component
+                                v-else-if="inline.type === 'component'"
+                                v-model="models[inline.name]"
+                                :is="inline.is || inline.tag"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value', 'type', 'is']
+                                  })
+                                "
+                                v-on="inline.events"
+                              ></component>
+                              <es-input
+                                v-else
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: item.inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[item.inline.name]"
+                                :plain="
+                                  item.inline.plain ||
+                                  item.inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : item.inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(item.inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(item.inline, event);
+                                  }
+                                "
+                                @input="
+                                  (val) => {
+                                    handleInput(item.inline, val);
+                                  }
+                                "
+                                @clear="handleClear(item.inline)"
+                                @change="
+                                  (val) => {
+                                    handleChange(item.inline, val);
+                                  }
+                                "
+                              ></es-input>
+                            </el-form-item>
+                          </template>
+                        </template>
+                      </el-form-item>
+                    </template>
+                  </template>
+                </template>
+              </el-collapse-item>
+            </template>
+          </el-scrollbar>
+        </el-collapse>
+        <el-scrollbar
+          v-else
+          class="es-form-content es-scrollbar"
+          :style="{ height: formHeight }"
+          ref="scrollbar"
+        >
+          <es-table-form
+            v-if="table"
+            ref="form"
+            :tableAfter="tableAfter"
+            v-bind="tableAttrs"
+            :thead="thead"
+            :contents="formContent"
+            :readonly="readonly"
+            :label-width="labelWidth"
+            :span="span"
+            :widths="widths"
+            :model.sync="models"
+            @click="handleClick"
+            @change="handleChange"
+            @dataChange="handleDataChange"
+            @focus="handleFocus"
+            @blur="handleBlur"
+            @clear="handleClear"
+          ></es-table-form>
+          <template v-else>
+            <template v-for="item in formContent">
+              <div
+                v-if="item.type === 'caption' && !item.hide"
+                class="es-form-item-caption"
+                :key="item.name"
+              >
+                {{ item.text }}
+              </div>
+              <template v-else-if="!item.hide && !hides.includes(item.name)">
+                <el-form-item
+                  ref="es-form-pane"
+                  :key="item.name"
+                  :label-width="
+                    item.showLabel !== false &&
+                    item.label &&
+                    !item.labelHide &&
+                    showLabel
+                      ? labelWidth
+                      : '0'
+                  "
+                  :prop="item.name"
+                  :rules="getRules(item)"
+                  :style="style(item)"
+                  :class="[
+                    {
+                      'es-form-space-none': !space,
+                      'es-form-item-readonly': readonly,
+                      'es-form-item-table': item.type === 'table',
+                      'es-form-item-inline': item.inline,
+                      'es-form-item-onrow': item.row,
+                      'es-form-item-label-hide':
+                        item.labelHide || item.showLabel === false
+                    },
+                    item.class,
+                    itemClass[item.type]
+                  ]"
+                  :label-class="
+                    [
+                      {
+                        'required-after': after,
+                        'es-label-box': labelPosition !== 'top',
+                        'required-position':
+                          !labelPosition || labelPosition === 'right'
+                      },
+                      'es-justify-' +
+                        (item.labelAlign
+                          ? align[item.labelAlign]
+                          : typeof item.label == 'object' && item.label.align
+                          ? align[item.label.align]
+                          : labelPosition
+                          ? labelPosition == 'top'
+                            ? 'start'
+                            : align[labelPosition]
+                          : 'end'),
+                      !Array.isArray(item.labelClass) ? item.labelClass : ''
+                    ].concat(
+                      Array.isArray(item.labelClass ? item.labelClass : '')
+                    )
+                  "
+                >
+                  <es-label
+                    slot="label"
+                    v-if="
+                      item.showLabel !== false &&
+                      item.label &&
+                      !item.labelHide &&
+                      showLabel
+                    "
+                    v-bind="getLabel(item.label)"
+                  ></es-label>
+                  <es-input-number
+                    v-if="item.type == 'number'"
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @blur="
+                      (event) => {
+                        handleBlur(item, event);
+                      }
+                    "
+                    @focus="
+                      (event) => {
+                        handleFocus(item, event);
+                      }
+                    "
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-input-number>
+                  <es-radio-group
+                    v-else-if="item.type == 'radio'"
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-radio-group>
+                  <es-checkbox-group
+                    v-else-if="item.type == 'checkbox'"
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-checkbox-group>
+                  <es-select
+                    v-else-if="item.type == 'select'"
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @blur="
+                      (event) => {
+                        handleBlur(item, event);
+                      }
+                    "
+                    @focus="
+                      (event) => {
+                        handleFocus(item, event);
+                      }
+                    "
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-select>
+                  <es-cascader
+                    v-else-if="item.type == 'cascader'"
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @blur="
+                      (event) => {
+                        handleBlur(item, event);
+                      }
+                    "
+                    @focus="
+                      (event) => {
+                        handleFocus(item, event);
+                      }
+                    "
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  >
+                  </es-cascader>
+                  <es-select-ganged
+                    v-else-if="
+                      item.type == 'ganged' ||
+                      (item.type == 'select' && item.ganged)
+                    "
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-select-ganged>
+                  <es-switch
+                    v-else-if="item.type == 'switch'"
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-switch>
+                  <es-date-picker
+                    v-else-if="
+                      item.date ||
+                      item.type == 'date' ||
+                      item.type == 'year' ||
+                      item.type == 'month' ||
+                      item.type == 'date' ||
+                      item.type == 'dates' ||
+                      item.type == 'week' ||
+                      item.type == 'datetime' ||
+                      item.type == 'datetimerange' ||
+                      item.type == 'daterange' ||
+                      item.type == 'monthrange' ||
+                      item.type == 'quarter' ||
+                      item.type == 'halfyear'
+                    "
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @blur="
+                      (event) => {
+                        handleBlur(item, event);
+                      }
+                    "
+                    @focus="
+                      (event) => {
+                        handleFocus(item, event);
+                      }
+                    "
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-date-picker>
+                  <es-upload
+                    v-else-if="
+                      item.type == 'attachment' || item.type == 'upload'
+                    "
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['value', 'ownId']
+                      })
+                    "
+                    :ownId="item.ownId || models.id"
+                    btn-size="medium"
+                    v-model="models[item.name]"
+                    :readonly="readonly ? readonly : item.readonly"
+                    :rules="item.rules"
+                    v-on="
+                      handleExclAttribute({
+                        data: item.events,
+                        attrs: 'change'
+                      })
+                    "
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-upload>
+                  <es-selector
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    v-else-if="item.type === 'selector'"
+                    :readonly="readonly ? readonly : item.readonly"
+                    :plain="item.plain || item.name === undefined"
+                    v-on="
+                      handleExclAttribute({
+                        data: item.events,
+                        attrs: 'change'
+                      })
+                    "
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-selector>
+                  <template v-else-if="item.type === 'table'">
+                    <es-data-table-form
+                      v-if="item.lazy"
+                      :data="models[item.name]"
+                      :full="item.height != undefined || item.height != null"
+                      v-bind="
+                        handleExclAttribute({ data: item, attrs: ['value'] })
+                      "
+                      :readonly="readonly ? readonly : item.readonly"
+                      @blur="
+                        (val, data) => {
+                          handleBlur(item, val, data);
+                        }
+                      "
+                      @focus="
+                        (val, data) => {
+                          handleFocus(item, val, data);
+                        }
+                      "
+                      @edit="
+                        (val, data) => {
+                          handleChange(item, val, data);
+                        }
+                      "
+                      @clear="handleClear"
+                      @btnClick="handleClick"
+                      @dataChange="handleDataChange"
+                    >
+                    </es-data-table-form>
+                    <es-data-table
+                      v-else
+                      :data="models[item.name]"
+                      :full="item.height != undefined || item.height != null"
+                      v-bind="
+                        handleExclAttribute({
+                          data: item,
+                          attrs: ['value', 'events']
+                        })
+                      "
+                      v-on="item.events"
+                      :readonly="readonly ? readonly : item.readonly"
+                      @blur="
+                        (val, data) => {
+                          handleBlur(item, val, data);
+                        }
+                      "
+                      @focus="
+                        (val, data) => {
+                          handleFocus(item, val, data);
+                        }
+                      "
+                      @edit="
+                        (val, data) => {
+                          handleChange(item, val, data);
+                        }
+                      "
+                      @btnClick="handleClick"
+                      @dataChange="handleDataChange"
+                    >
+                    </es-data-table>
+                  </template>
+                  <es-flow-list
+                    v-else-if="
+                      (item.type === 'flow-list' || item.type === 'flowList') &&
+                      _businessId
+                    "
+                    :businessId="_businessId"
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['events', 'visible', 'type']
+                      })
+                    "
+                    v-on="item.events"
+                  ></es-flow-list>
+                  <es-icons
+                    v-else-if="item.type === 'icon'"
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['value']
+                      })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-icons>
+                  <component
+                    v-else-if="item.type === 'component'"
+                    v-model="models[item.name]"
+                    :is="item.is || item.tag"
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['value', 'type', 'is']
+                      })
+                    "
+                    v-on="item.events"
+                  ></component>
+                  <es-input
+                    v-else
+                    v-bind="
+                      handleExclAttribute({ data: item, attrs: ['value'] })
+                    "
+                    v-model="models[item.name]"
+                    :plain="item.plain || item.name === undefined"
+                    :readonly="readonly ? readonly : item.readonly"
+                    @blur="
+                      (event) => {
+                        handleBlur(item.name, event);
+                      }
+                    "
+                    @focus="
+                      (event) => {
+                        handleFocus(item.name, event);
+                      }
+                    "
+                    @input="
+                      (val) => {
+                        handleInput(item.name, val);
+                      }
+                    "
+                    @clear="handleClear(item.name)"
+                    @change="
+                      (val) => {
+                        handleChange(item, val);
+                      }
+                    "
+                  ></es-input>
+                  <template v-if="item.inline">
+                    <template v-if="Array.isArray(item.inline)">
+                      <template v-for="(inline, k) in item.inline">
+                        <es-button
+                          v-if="inline.type == 'button' && !inline.hide"
+                          class="es-button-inline"
+                          :disabled="disabled || inline.disabled"
+                          :key="k"
+                          v-bind="
+                            handleExclAttribute({
+                              data: inline,
+                              attrs: ['disabled', 'type']
+                            })
+                          "
+                          @click="handleClick(inline)"
+                        ></es-button>
+                        <template v-else-if="!inline.hide">
+                          <div
+                            class="es-form-inline es-form-item-inline"
+                            :key="k"
+                          >
+                            <div class="es-range" v-if="inline.range !== false">
+                              —
+                            </div>
+                            <el-form-item
+                              label-width="0"
+                              :class="{ 'fixed-width': inline.width }"
+                              :prop="inline.name"
+                              :rules="getRules(inline)"
+                            >
+                              <es-input-number
+                                v-if="inline.type == 'number'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[inline.name]"
+                                :plain="
+                                  inline.plain || inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(inline, val);
+                                  }
+                                "
+                              ></es-input-number>
+                              <es-select
+                                v-else-if="inline.type == 'select'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[inline.name]"
+                                :plain="
+                                  inline.plain || inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(inline, val);
+                                  }
+                                "
+                              ></es-select>
+                              <es-cascader
+                                v-else-if="inline.type == 'cascader'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[inline.name]"
+                                :plain="
+                                  inline.plain || inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(inline, val);
+                                  }
+                                "
+                              >
+                              </es-cascader>
+                              <es-date-picker
+                                v-else-if="
+                                  inline.date ||
+                                  inline.type == 'date' ||
+                                  inline.type == 'year' ||
+                                  inline.type == 'month' ||
+                                  inline.type == 'date' ||
+                                  inline.type == 'dates' ||
+                                  inline.type == 'week' ||
+                                  inline.type == 'datetime' ||
+                                  inline.type == 'datetimerange' ||
+                                  inline.type == 'daterange' ||
+                                  inline.type == 'monthrange' ||
+                                  inline.type == 'quarter' ||
+                                  inline.type == 'halfyear'
+                                "
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[inline.name]"
+                                :plain="
+                                  inline.plain || inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(inline, event);
+                                  }
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(inline, val);
+                                  }
+                                "
+                              ></es-date-picker>
+                              <template
+                                v-else-if="
+                                  inline.type == 'image' || inline.type == 'img'
+                                "
+                              >
+                                <img
+                                  v-if="inline.url || inline.src"
+                                  v-bind="
+                                    handleExclAttribute({
+                                      data: inline,
+                                      attrs: ['value']
+                                    })
+                                  "
+                                  height="100%"
+                                  :src="inline.url || inline.src"
+                                  @click="inline.event"
+                                />
+                              </template>
+                              <es-icons
+                                v-else-if="inline.type === 'icon'"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[inline.name]"
+                                :plain="
+                                  inline.plain || inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : inline.readonly
+                                "
+                                @change="
+                                  (val) => {
+                                    handleChange(inline, val);
+                                  }
+                                "
+                              ></es-icons>
+                              <component
+                                v-else-if="inline.type === 'component'"
+                                v-model="models[inline.name]"
+                                :is="inline.is || inline.tag"
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value', 'type', 'is']
+                                  })
+                                "
+                                v-on="inline.events"
+                              ></component>
+                              <es-input
+                                v-else
+                                v-bind="
+                                  handleExclAttribute({
+                                    data: inline,
+                                    attrs: ['value']
+                                  })
+                                "
+                                v-model="models[inline.name]"
+                                :plain="
+                                  inline.plain || inline.name === undefined
+                                "
+                                :readonly="
+                                  readonly ? readonly : inline.readonly
+                                "
+                                @blur="
+                                  (event) => {
+                                    handleBlur(inline, event);
+                                  }
+                                "
+                                @focus="
+                                  (event) => {
+                                    handleFocus(inline, event);
+                                  }
+                                "
+                                @input="
+                                  (val) => {
+                                    handleInput(inline, val);
+                                  }
+                                "
+                                @clear="handleClear(inline)"
+                                @change="
+                                  (val) => {
+                                    handleChange(inline, val);
+                                  }
+                                "
+                              ></es-input>
+                            </el-form-item>
+                          </div>
+                        </template>
+                      </template>
                     </template>
-                  </template>
-                  <template v-else-if="!item.inline.hide">
-                    <div class="es-range" v-if="item.inline.range !== false">
-                      —
-                    </div>
-                    <el-form-item
-                      label-width="0"
-                      :class="{ 'fixed-width': item.inline.width }"
-                      :prop="item.inline.name"
-                      :rules="getRules(item.inline)"
-                    >
-                      <es-input-number
-                        v-if="item.inline.type == 'number'"
-                        v-bind="
-                          handleExclAttribute({
-                            data: item.inline,
-                            attrs: ['value']
-                          })
-                        "
-                        v-model="models[item.inline.name]"
-                        :plain="
-                          item.inline.plain || item.inline.name === undefined
-                        "
-                        :readonly="readonly ? readonly : item.inline.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item.inline, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item.inline, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item.inline, val);
-                          }
-                        "
-                      ></es-input-number>
-                      <es-select
-                        v-else-if="item.inline.type == 'select'"
-                        v-bind="
-                          handleExclAttribute({
-                            data: item.inline,
-                            attrs: ['value']
-                          })
-                        "
-                        v-model="models[item.inline.name]"
-                        :plain="
-                          item.inline.plain || item.inline.name === undefined
-                        "
-                        :readonly="readonly ? readonly : item.inline.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item.inline, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item.inline, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item.inline, val);
-                          }
-                        "
-                      ></es-select>
-                      <es-cascader
-                        v-else-if="item.inline.type == 'cascader'"
-                        v-bind="
-                          handleExclAttribute({
-                            data: item.inline,
-                            attrs: ['value']
-                          })
-                        "
-                        v-model="models[item.inline.name]"
-                        :plain="
-                          item.inline.plain || item.inline.name === undefined
-                        "
-                        :readonly="readonly ? readonly : item.inline.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item.inline, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item.inline, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item.inline, val);
-                          }
-                        "
+                    <template v-else-if="!item.inline.hide">
+                      <div class="es-range" v-if="item.inline.range !== false">
+                        —
+                      </div>
+                      <el-form-item
+                        label-width="0"
+                        :class="{ 'fixed-width': item.inline.width }"
+                        :prop="item.inline.name"
+                        :rules="getRules(item.inline)"
                       >
-                      </es-cascader>
-                      <es-date-picker
-                        v-else-if="
-                          item.inline.date ||
-                          item.inline.type == 'date' ||
-                          item.inline.type == 'year' ||
-                          item.inline.type == 'month' ||
-                          item.inline.type == 'date' ||
-                          item.inline.type == 'dates' ||
-                          item.inline.type == 'week' ||
-                          item.inline.type == 'datetime' ||
-                          item.inline.type == 'datetimerange' ||
-                          item.inline.type == 'daterange' ||
-                          item.inline.type == 'monthrange' ||
-                          item.inline.type == 'quarter' ||
-                          item.inline.type == 'halfyear'
-                        "
-                        v-bind="
-                          handleExclAttribute({
-                            data: item.inline,
-                            attrs: ['value']
-                          })
-                        "
-                        v-model="models[item.inline.name]"
-                        :plain="
-                          item.inline.plain || item.inline.name === undefined
-                        "
-                        :readonly="readonly ? readonly : item.inline.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item.inline, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item.inline, event);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item.inline, val);
-                          }
-                        "
-                      ></es-date-picker>
-                      <es-icons
-                        v-else-if="item.inline.type === 'icon'"
-                        v-bind="
-                          handleExclAttribute({
-                            data: item.inline,
-                            attrs: ['value']
-                          })
-                        "
-                        v-model="models[item.inline.name]"
-                        :plain="
-                          item.inline.plain || item.inline.name === undefined
-                        "
-                        :readonly="readonly ? readonly : item.inline.readonly"
-                        @change="
-                          (val) => {
-                            handleChange(item.inline, val);
-                          }
-                        "
-                      ></es-icons>
-                      <component
-                        v-else-if="item.inline.type === 'component'"
-                        v-model="models[item.inline.name]"
-                        v-bind="
-                          handleExclAttribute({
-                            data: item.inline,
-                            attrs: ['value', 'type']
-                          })
-                        "
-                        v-on="item.inline.events"
-                      ></component>
-                      <es-input
-                        v-else
-                        v-bind="
-                          handleExclAttribute({
-                            data: item.inline,
-                            attrs: ['value']
-                          })
-                        "
-                        v-model="models[item.inline.name]"
-                        :plain="
-                          item.inline.plain || item.inline.name === undefined
-                        "
-                        :readonly="readonly ? readonly : item.inline.readonly"
-                        @blur="
-                          (event) => {
-                            handleBlur(item.inline, event);
-                          }
-                        "
-                        @focus="
-                          (event) => {
-                            handleFocus(item.inline, event);
-                          }
-                        "
-                        @input="
-                          (val) => {
-                            handleInput(item.inline, val);
-                          }
-                        "
-                        @clear="handleClear(item.inline)"
-                        @change="
-                          (val) => {
-                            handleChange(item.inline, val);
-                          }
-                        "
-                      ></es-input>
-                    </el-form-item>
+                        <es-input-number
+                          v-if="item.inline.type == 'number'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item.inline,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item.inline, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item.inline, event);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item.inline, val);
+                            }
+                          "
+                        ></es-input-number>
+                        <es-select
+                          v-else-if="item.inline.type == 'select'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item.inline,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item.inline, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item.inline, event);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item.inline, val);
+                            }
+                          "
+                        ></es-select>
+                        <es-cascader
+                          v-else-if="item.inline.type == 'cascader'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item.inline,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item.inline, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item.inline, event);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item.inline, val);
+                            }
+                          "
+                        >
+                        </es-cascader>
+                        <es-date-picker
+                          v-else-if="
+                            item.inline.date ||
+                            item.inline.type == 'date' ||
+                            item.inline.type == 'year' ||
+                            item.inline.type == 'month' ||
+                            item.inline.type == 'date' ||
+                            item.inline.type == 'dates' ||
+                            item.inline.type == 'week' ||
+                            item.inline.type == 'datetime' ||
+                            item.inline.type == 'datetimerange' ||
+                            item.inline.type == 'daterange' ||
+                            item.inline.type == 'monthrange' ||
+                            item.inline.type == 'quarter' ||
+                            item.inline.type == 'halfyear'
+                          "
+                          v-bind="
+                            handleExclAttribute({
+                              data: item.inline,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item.inline, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item.inline, event);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item.inline, val);
+                            }
+                          "
+                        ></es-date-picker>
+                        <es-icons
+                          v-else-if="item.inline.type === 'icon'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item.inline,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item.inline, val);
+                            }
+                          "
+                        ></es-icons>
+                        <component
+                          v-else-if="item.inline.type === 'component'"
+                          v-model="models[item.inline.name]"
+                          :is="item.inline.is || item.inline.tag"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item.inline,
+                              attrs: ['value', 'type', 'is']
+                            })
+                          "
+                          v-on="item.inline.events"
+                        ></component>
+                        <es-input
+                          v-else
+                          v-bind="
+                            handleExclAttribute({
+                              data: item.inline,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
+                          @blur="
+                            (event) => {
+                              handleBlur(item.inline, event);
+                            }
+                          "
+                          @focus="
+                            (event) => {
+                              handleFocus(item.inline, event);
+                            }
+                          "
+                          @input="
+                            (val) => {
+                              handleInput(item.inline, val);
+                            }
+                          "
+                          @clear="handleClear(item.inline)"
+                          @change="
+                            (val) => {
+                              handleChange(item.inline, val);
+                            }
+                          "
+                        ></es-input>
+                      </el-form-item>
+                    </template>
                   </template>
-                </template>
-              </el-form-item>
+                </el-form-item>
+              </template>
             </template>
           </template>
           <el-form-item v-show="labelWidth" v-if="inline">
@@ -2625,7 +2731,6 @@ export default {
       this.$refs.esForm &&
         this.$refs.esForm.$el.addEventListener('keyup', this.handleEnter);
       setTimeout(() => {
-        console.log(121212121);
         this.$refs.scrollbar.update();
       }, 3000);
     });
@@ -2637,7 +2742,6 @@ export default {
         : { ...res, plain: res.plain || res.name === undefined };
     },
     getHeight() {
-      console.log(12121);
       let height = 0;
       let offHeight = this.$el.parentNode.offsetHeight;
       if (