eoss-ui 0.4.39 → 0.4.41

package/packages/form/src/main.vue

@@ -1,5 +1,6 @@
 <template>
   <el-form
+    v-if="refresh"
     ref="esForm"
     v-bind="$attrs"
     :label-position="labelPosition"
@@ -44,96 +45,351 @@
             :style="{ height: formHeight }"
             ref="scrollbar"
           >
-            <el-collapse-item
-              v-for="(items, indexs) in content"
-              class="es-collapse-item"
-              :class="{
-                'es-collapse-readonly': accordion ? false : !collapse,
-                'es-collapse-caption': items.caption
-              }"
-              :name="items.name || String(indexs)"
-              :key="indexs"
-              :readonly="accordion ? false : !collapse"
-            >
-              <div slot="title" class="es-collapse-title">
-                <template v-if="typeof items.title === 'object'">
-                  <template v-for="(item, index) in items.title">
-                    <template v-if="typeof item === 'string'">
-                      <span :key="index">{{ item }}</span>
+            <template v-for="(items, indexs) in content">
+              <el-collapse-item
+                class="es-collapse-item"
+                v-if="!items.hide"
+                v-show="items.show !== false"
+                :class="{
+                  'es-collapse-readonly': accordion ? false : !collapse,
+                  'es-collapse-caption': items.caption
+                }"
+                :name="items.name || String(indexs)"
+                :key="indexs"
+                :readonly="accordion ? false : !collapse"
+              >
+                <div slot="title" class="es-collapse-title">
+                  <template v-if="typeof items.title === 'object'">
+                    <template v-for="(item, index) in items.title">
+                      <template v-if="typeof item === 'string'">
+                        <span :key="index">{{ item }}</span>
+                      </template>
+                      <div
+                        v-else
+                        :key="index"
+                        class="es-collapse-title-handler"
+                      >
+                        <es-label
+                          :contents="item.label"
+                          v-if="item.label"
+                        ></es-label>
+                        <span v-if="item.text || item.type === 'text'">{{
+                          item.text || item.contents
+                        }}</span>
+                        <i
+                          v-else-if="item.type === 'icon' || item.icon"
+                          :class="item.class || item.icon"
+                          v-html="item.contents"
+                          @click.stop="
+                            () => {
+                              item.event && item.event(items, indexs);
+                              item.click && item.click(items, indexs);
+                            }
+                          "
+                        ></i>
+                        <es-radio-group
+                          v-else-if="item.type == 'radio'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          size="medium"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val, items);
+                            }
+                          "
+                        ></es-radio-group>
+                        <es-checkbox-group
+                          v-else-if="item.type == 'checkbox'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          size="medium"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val, items);
+                            }
+                          "
+                        ></es-checkbox-group>
+                        <es-select
+                          v-else-if="item.type == 'select'"
+                          v-bind="
+                            handleExclAttribute({
+                              data: item,
+                              attrs: ['value']
+                            })
+                          "
+                          v-model="models[item.name]"
+                          size="medium"
+                          :plain="item.plain || item.name === undefined"
+                          :readonly="readonly ? readonly : item.readonly"
+                          @change="
+                            (val) => {
+                              handleChange(item, val, items);
+                            }
+                          "
+                        ></es-select>
+                        <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, items);
+                            }
+                          "
+                        ></es-switch>
+                      </div>
                     </template>
-                    <div v-else :key="index" class="es-collapse-title-handler">
+                  </template>
+                  <template v-else>{{ items.title }}</template>
+                </div>
+                <es-table-form
+                  v-if="table || items.table"
+                  ref="form"
+                  :label-width="items.labelWidth || labelWidth"
+                  :span="items.span || span"
+                  :tableAfter="tableAfter"
+                  v-bind="items"
+                  :thead="thead"
+                  :readonly="readonly"
+                  :contents="items.contents"
+                  :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 items.contents">
+                    <div
+                      v-if="item.type === 'caption'"
+                      class="es-form-item-caption"
+                      :key="item.name"
+                    >
+                      {{ item.text }}
+                    </div>
+                    <el-form-item
+                      v-else
+                      ref="es-form-pane"
+                      v-show="!item.hide"
+                      :key="item.name"
+                      :label-width="labelWidth"
+                      :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.type !== 'table' &&
+                          showLabel
+                        "
                         :contents="item.label"
-                        v-if="item.label"
+                        :plain="item.plain || item.name === undefined"
                       ></es-label>
-                      <span v-if="item.text || item.type === 'text'">{{
-                        item.text || item.contents
-                      }}</span>
-                      <i
-                        v-else-if="item.type === 'icon' || item.icon"
-                        :class="item.class || item.icon"
-                        v-html="item.contents"
-                        @click.stop="
-                          () => {
-                            item.event && item.event(items, indexs);
-                            item.click && item.click(items, indexs);
+                      <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);
                           }
                         "
-                      ></i>
+                        @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']
-                          })
+                          handleExclAttribute({ data: item, attrs: ['value'] })
                         "
                         v-model="models[item.name]"
-                        size="medium"
                         :plain="item.plain || item.name === undefined"
                         :readonly="readonly ? readonly : item.readonly"
                         @change="
                           (val) => {
-                            handleChange(item, val, items);
+                            handleChange(item, val);
                           }
                         "
                       ></es-radio-group>
                       <es-checkbox-group
                         v-else-if="item.type == 'checkbox'"
                         v-bind="
-                          handleExclAttribute({
-                            data: item,
-                            attrs: ['value']
-                          })
+                          handleExclAttribute({ data: item, attrs: ['value'] })
                         "
                         v-model="models[item.name]"
-                        size="medium"
                         :plain="item.plain || item.name === undefined"
                         :readonly="readonly ? readonly : item.readonly"
                         @change="
                           (val) => {
-                            handleChange(item, val, items);
+                            handleChange(item, val);
                           }
                         "
                       ></es-checkbox-group>
                       <es-select
                         v-else-if="item.type == 'select'"
                         v-bind="
-                          handleExclAttribute({
-                            data: item,
-                            attrs: ['value']
-                          })
+                          handleExclAttribute({ data: item, attrs: ['value'] })
                         "
                         v-model="models[item.name]"
-                        size="medium"
                         :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, items);
+                            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-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"
+                        @blur="
+                          (event) => {
+                            handleBlur(item, event);
+                          }
+                        "
+                        @focus="
+                          (event) => {
+                            handleFocus(item, event);
+                          }
+                        "
+                        @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="
@@ -144,603 +400,590 @@
                         :readonly="readonly ? readonly : item.readonly"
                         @change="
                           (val) => {
-                            handleChange(item, val, items);
+                            handleChange(item, val);
                           }
                         "
                       ></es-switch>
-                    </div>
-                  </template>
-                </template>
-                <template v-else>{{ items.title }}</template>
-              </div>
-              <es-table-form
-                v-if="table || items.table"
-                ref="form"
-                :label-width="items.labelWidth || labelWidth"
-                :span="items.span || span"
-                :tableAfter="tableAfter"
-                v-bind="items"
-                :thead="thead"
-                :readonly="readonly"
-                :contents="items.contents"
-                :widths="widths"
-                :zoom="zoom"
-                :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 items.contents">
-                  <div
-                    v-if="item.type === 'caption'"
-                    class="es-form-item-caption"
-                    :key="item.name"
-                  >
-                    {{ item.text }}
-                  </div>
-                  <el-form-item
-                    v-else
-                    ref="es-form-pane"
-                    v-show="!item.hide"
-                    :key="item.name"
-                    :label-width="labelWidth"
-                    :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.type !== 'table' &&
-                        showLabel
-                      "
-                      :contents="item.label"
-                      :plain="item.plain || item.name === undefined"
-                    ></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-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"
-                      @blur="
-                        (event) => {
-                          handleBlur(item, event);
-                        }
-                      "
-                      @focus="
-                        (event) => {
-                          handleFocus(item, event);
-                        }
-                      "
-                      @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"
-                      @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"
-                      @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-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="
-                          (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-date-picker>
+                      <es-upload
+                        v-else-if="
+                          item.type == 'attachment' || item.type == 'upload'
+                        "
                         v-bind="
                           handleExclAttribute({
                             data: item,
-                            attrs: ['value', 'events']
+                            attrs: ['value', 'ownId']
                           })
                         "
-                        v-on="item.events"
+                        :ownId="item.ownId || models.id"
+                        v-model="models[item.name]"
+                        btn-size="medium"
+                        :readonly="readonly ? readonly : item.readonly"
+                        :rules="item.rules"
+                        @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"
+                        @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-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>
+                      <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="
-                          (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);
+                        @input="
+                          (val) => {
+                            handleInput(item, val);
                           }
                         "
-                        @btnClick="handleClick"
-                        @dataChange="handleDataChange"
-                      >
-                      </es-data-table>
-                    </template>
-                    <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>
-                    <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)">
-                        <div
-                          class="es-form-inline"
-                          v-for="(inline, k) in item.inline"
-                          :key="k"
-                        >
-                          <div class="es-range" v-if="inline.range !== false">
+                        @clear="
+                          () => {
+                            handleClear(item);
+                          }
+                        "
+                        @change="
+                          (val) => {
+                            handleChange(item, val);
+                          }
+                        "
+                      ></es-input>
+                      <template v-if="item.inline">
+                        <template v-if="Array.isArray(item.inline)">
+                          <div
+                            class="es-form-inline"
+                            v-for="(inline, k) in item.inline"
+                            :key="k"
+                          >
+                            <div class="es-range" v-if="inline.range !== false">
+                              —
+                            </div>
+                            <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>
+                            <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>
+                          </div>
+                        </template>
+                        <template v-else>
+                          <div
+                            class="es-range"
+                            v-if="item.inline.range !== false"
+                          >
                             —
                           </div>
                           <es-input-number
-                            v-if="inline.type == 'number'"
+                            v-if="item.inline.type == 'number'"
                             v-bind="
                               handleExclAttribute({
-                                data: inline,
+                                data: item.inline,
                                 attrs: ['value']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            v-model="models[item.inline.name]"
+                            :plain="
+                              item.inline.plain ||
+                              item.inline.name === undefined
+                            "
+                            :readonly="
+                              readonly ? readonly : item.inline.readonly
+                            "
                             @blur="
                               (event) => {
-                                handleBlur(inline, event);
+                                handleBlur(item.inline, event);
                               }
                             "
                             @focus="
                               (event) => {
-                                handleFocus(inline, event);
+                                handleFocus(item.inline, event);
                               }
                             "
                             @change="
                               (val) => {
-                                handleChange(inline, val);
+                                handleChange(item.inline, val);
                               }
                             "
                           ></es-input-number>
                           <es-select
-                            v-else-if="inline.type == 'select'"
+                            v-else-if="item.inline.type == 'select'"
                             v-bind="
                               handleExclAttribute({
-                                data: inline,
+                                data: item.inline,
                                 attrs: ['value']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            v-model="models[item.inline.name]"
+                            :plain="
+                              item.inline.plain ||
+                              item.inline.name === undefined
+                            "
+                            :readonly="
+                              readonly ? readonly : item.inline.readonly
+                            "
                             @blur="
                               (event) => {
-                                handleBlur(inline, event);
+                                handleBlur(item.inline, event);
                               }
                             "
                             @focus="
                               (event) => {
-                                handleFocus(inline, event);
+                                handleFocus(item.inline, event);
                               }
                             "
                             @change="
                               (val) => {
-                                handleChange(inline, val);
+                                handleChange(item.inline, val);
                               }
                             "
                           ></es-select>
                           <es-cascader
-                            v-else-if="inline.type == 'cascader'"
+                            v-else-if="item.inline.type == 'cascader'"
                             v-bind="
                               handleExclAttribute({
-                                data: inline,
+                                data: item.inline,
                                 attrs: ['value']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            v-model="models[item.inline.name]"
+                            :plain="
+                              item.inline.plain ||
+                              item.inline.name === undefined
+                            "
+                            :readonly="
+                              readonly ? readonly : item.inline.readonly
+                            "
                             @blur="
                               (event) => {
-                                handleBlur(inline, event);
+                                handleBlur(item.inline, event);
                               }
                             "
                             @focus="
                               (event) => {
-                                handleFocus(inline, event);
+                                handleFocus(item.inline, event);
                               }
                             "
                             @change="
                               (val) => {
-                                handleChange(inline, val);
+                                handleChange(item.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'
+                              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: inline,
+                                data: item.inline,
                                 attrs: ['value']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            v-model="models[item.inline.name]"
+                            :plain="
+                              item.inline.plain ||
+                              item.inline.name === undefined
+                            "
+                            :readonly="
+                              readonly ? readonly : item.inline.readonly
+                            "
                             @blur="
                               (event) => {
-                                handleBlur(inline, event);
+                                handleBlur(item.inline, event);
                               }
                             "
                             @focus="
                               (event) => {
-                                handleFocus(inline, event);
+                                handleFocus(item.inline, event);
                               }
                             "
                             @change="
                               (val) => {
-                                handleChange(inline, val);
+                                handleChange(item.inline, val);
                               }
                             "
                           ></es-date-picker>
                           <template
                             v-else-if="
-                              inline.type == 'image' || inline.type == 'img'
+                              item.inline.type == 'image' ||
+                              item.inline.type == 'img'
                             "
                           >
                             <img
-                              v-if="inline.url || inline.src"
+                              v-if="item.inline.url || item.inline.src"
                               v-bind="
                                 handleExclAttribute({
-                                  data: inline,
+                                  data: item.inline,
                                   attrs: ['value']
                                 })
                               "
                               height="100%"
-                              :src="inline.url || inline.src"
-                              @click="inline.event"
+                              :src="item.inline.url || item.inline.src"
+                              @click="item.inline.event"
                             />
                           </template>
                           <es-icons
-                            v-else-if="inline.type === 'icon'"
+                            v-else-if="item.inline.type === 'icon'"
                             v-bind="
                               handleExclAttribute({
-                                data: inline,
+                                data: item.inline,
                                 attrs: ['value']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            v-model="models[item.inline.name]"
+                            :plain="
+                              item.inline.plain ||
+                              item.inline.name === undefined
+                            "
+                            :readonly="
+                              readonly ? readonly : item.inline.readonly
+                            "
                             @change="
                               (val) => {
-                                handleChange(inline, val);
+                                handleChange(item.inline, val);
                               }
                             "
                           ></es-icons>
@@ -748,254 +991,47 @@
                             v-else
                             v-bind="
                               handleExclAttribute({
-                                data: inline,
+                                data: item.inline,
                                 attrs: ['value']
                               })
                             "
-                            v-model="models[inline.name]"
-                            :plain="inline.plain || inline.name === undefined"
-                            :readonly="readonly ? readonly : inline.readonly"
+                            v-model="models[item.inline.name]"
+                            :plain="
+                              item.inline.plain ||
+                              item.inline.name === undefined
+                            "
+                            :readonly="
+                              readonly ? readonly : item.inline.readonly
+                            "
                             @blur="
                               (event) => {
-                                handleBlur(inline, event);
+                                handleBlur(item.inline, event);
                               }
                             "
                             @focus="
                               (event) => {
-                                handleFocus(inline, event);
+                                handleFocus(item.inline, event);
                               }
                             "
                             @input="
                               (val) => {
-                                handleInput(inline, val);
+                                handleInput(item.inline, val);
                               }
                             "
-                            @clear="handleClear(inline)"
+                            @clear="handleClear(item.inline)"
                             @change="
                               (val) => {
-                                handleChange(inline, val);
+                                handleChange(item.inline, val);
                               }
                             "
                           ></es-input>
-                        </div>
-                      </template>
-                      <template v-else>
-                        <div
-                          class="es-range"
-                          v-if="item.inline.range !== false"
-                        >
-                          —
-                        </div>
-                        <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>
-                        <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>
                       </template>
-                    </template>
-                  </el-form-item>
+                    </el-form-item>
+                  </template>
                 </template>
-              </template>
-            </el-collapse-item>
+              </el-collapse-item>
+            </template>
           </el-scrollbar>
         </el-collapse>
         <div class="es-form-content" v-else>
@@ -1015,7 +1051,6 @@
               :label-width="labelWidth"
               :span="span"
               :widths="widths"
-              :zoom="zoom"
               :model.sync="models"
               @click="handleClick"
               @change="handleChange"
@@ -1821,54 +1856,230 @@
           :accordion="accordion"
           @change="handleCollapse"
         >
-          <el-collapse-item
-            v-for="(items, indexs) in formContent"
-            class="es-collapse-item"
-            :class="{ 'es-collapse-readonly': accordion ? false : !collapse }"
-            :name="items.name || String(indexs)"
-            :key="indexs"
-            :readonly="accordion ? false : !collapse"
-          >
-            <div class="es-collapse-title" slot="title">
-              <template v-if="typeof items.title === 'string'">{{
-                items.title
-              }}</template>
-              <template v-else>
-                <template v-for="(item, index) in items.title">
-                  <template v-if="typeof item === 'string'">
-                    <span :key="index">{{ item }}</span>
+          <template v-for="(items, indexs) in formContent">
+            <el-collapse-item
+              class="es-collapse-item"
+              v-if="!items.hide"
+              v-show="items.show !== false"
+              :class="{ 'es-collapse-readonly': accordion ? false : !collapse }"
+              :name="items.name || String(indexs)"
+              :key="indexs"
+              :readonly="accordion ? false : !collapse"
+            >
+              <div class="es-collapse-title" slot="title">
+                <template v-if="typeof items.title === 'string'">{{
+                  items.title
+                }}</template>
+                <template v-else>
+                  <template v-for="(item, index) in items.title">
+                    <template v-if="typeof item === 'string'">
+                      <span :key="index">{{ item }}</span>
+                    </template>
+                    <div v-else :key="index" class="es-collapse-title-handler">
+                      <es-label
+                        :contents="item.label"
+                        v-if="item.label"
+                      ></es-label>
+                      <span v-if="item.text || item.type === 'text'">{{
+                        item.text || item.contents
+                      }}</span>
+                      <i
+                        v-else-if="item.type === 'icon' || item.icon"
+                        :class="item.class || item.icon"
+                        v-html="item.contents"
+                        @click.stop="
+                          () => {
+                            item.event && item.event(items, indexs);
+                            item.click && item.click(items, indexs);
+                          }
+                        "
+                      ></i>
+                      <es-radio-group
+                        v-else-if="item.type == 'radio'"
+                        v-bind="
+                          handleExclAttribute({ data: item, attrs: ['value'] })
+                        "
+                        v-model="models[item.name]"
+                        size="medium"
+                        :plain="item.plain || item.name === undefined"
+                        :readonly="readonly ? readonly : item.readonly"
+                        @change="
+                          (val) => {
+                            handleChange(item, val, items);
+                          }
+                        "
+                      ></es-radio-group>
+                      <es-checkbox-group
+                        v-else-if="item.type == 'checkbox'"
+                        v-bind="
+                          handleExclAttribute({ data: item, attrs: ['value'] })
+                        "
+                        v-model="models[item.name]"
+                        size="medium"
+                        :plain="item.plain || item.name === undefined"
+                        :readonly="readonly ? readonly : item.readonly"
+                        @change="
+                          (val) => {
+                            handleChange(item, val, items);
+                          }
+                        "
+                      ></es-checkbox-group>
+                      <es-select
+                        v-else-if="item.type == 'select'"
+                        v-bind="
+                          handleExclAttribute({ data: item, attrs: ['value'] })
+                        "
+                        v-model="models[item.name]"
+                        size="medium"
+                        :plain="item.plain || item.name === undefined"
+                        :readonly="readonly ? readonly : item.readonly"
+                        @change="
+                          (val) => {
+                            handleChange(item, val, items);
+                          }
+                        "
+                      ></es-select>
+                      <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, items);
+                          }
+                        "
+                      ></es-switch>
+                    </div>
                   </template>
-                  <div v-else :key="index" class="es-collapse-title-handler">
+                </template>
+              </div>
+              <es-table-form
+                v-if="table || items.table"
+                ref="form"
+                :label-width="items.labelWidth || labelWidth"
+                :span="items.span || span"
+                :tableAfter="tableAfter"
+                v-bind="items"
+                :thead="thead"
+                :model.sync="models"
+                :readonly="readonly"
+                :contents="items.contents"
+                :widths="widths"
+                @click="handleClick"
+                @change="handleChange"
+                @dataChange="handleDataChange"
+                @focus="handleFocus"
+                @blur="handleBlur"
+                @clear="handleClear"
+              ></es-table-form>
+              <template v-else>
+                <template v-for="item in items.contents">
+                  <div
+                    v-if="item.type === 'caption'"
+                    class="es-form-item-caption"
+                    :key="item.name"
+                  >
+                    {{ item.text }}
+                  </div>
+                  <el-form-item
+                    v-else
+                    ref="es-form-pane"
+                    v-show="!item.hide"
+                    :key="item.name"
+                    :label-width="labelWidth"
+                    :prop="item.name"
+                    :rules="getRules(item)"
+                    :style="style(item)"
+                    :class="[
+                      {
+                        'es-form-pane':
+                          !inline &&
+                          item.type !== 'submit' &&
+                          item.type !== 'button',
+                        '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'
+                              ? 'left'
+                              : 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.type !== 'table' &&
+                        showLabel
+                      "
                       :contents="item.label"
-                      v-if="item.label"
+                      :plain="item.plain || item.name === undefined"
                     ></es-label>
-                    <span v-if="item.text || item.type === 'text'">{{
-                      item.text || item.contents
-                    }}</span>
-                    <i
-                      v-else-if="item.type === 'icon' || item.icon"
-                      :class="item.class || item.icon"
-                      v-html="item.contents"
-                      @click.stop="
-                        () => {
-                          item.event && item.event(items, indexs);
-                          item.click && item.click(items, indexs);
+                    <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);
                         }
                       "
-                    ></i>
+                      @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]"
-                      size="medium"
                       :plain="item.plain || item.name === undefined"
                       :readonly="readonly ? readonly : item.readonly"
                       @change="
                         (val) => {
-                          handleChange(item, val, items);
+                          handleChange(item, val);
                         }
                       "
                     ></es-radio-group>
@@ -1878,12 +2089,11 @@
                         handleExclAttribute({ data: item, attrs: ['value'] })
                       "
                       v-model="models[item.name]"
-                      size="medium"
                       :plain="item.plain || item.name === undefined"
                       :readonly="readonly ? readonly : item.readonly"
                       @change="
                         (val) => {
-                          handleChange(item, val, items);
+                          handleChange(item, val);
                         }
                       "
                     ></es-checkbox-group>
@@ -1893,599 +2103,617 @@
                         handleExclAttribute({ data: item, attrs: ['value'] })
                       "
                       v-model="models[item.name]"
-                      size="medium"
                       :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, items);
+                          handleChange(item, val);
                         }
                       "
                     ></es-select>
-                    <es-switch
-                      v-else-if="item.type == 'switch'"
+                    <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, items);
+                          handleChange(item, val);
                         }
                       "
-                    ></es-switch>
-                  </div>
-                </template>
-              </template>
-            </div>
-            <es-table-form
-              v-if="table || items.table"
-              ref="form"
-              :label-width="items.labelWidth || labelWidth"
-              :span="items.span || span"
-              :tableAfter="tableAfter"
-              v-bind="items"
-              :thead="thead"
-              :model.sync="models"
-              :readonly="readonly"
-              :contents="items.contents"
-              :zoom="zoom"
-              :widths="widths"
-              @click="handleClick"
-              @change="handleChange"
-              @dataChange="handleDataChange"
-              @focus="handleFocus"
-              @blur="handleBlur"
-              @clear="handleClear"
-            ></es-table-form>
-            <template v-else>
-              <template v-for="item in items.contents">
-                <div
-                  v-if="item.type === 'caption'"
-                  class="es-form-item-caption"
-                  :key="item.name"
-                >
-                  {{ item.text }}
-                </div>
-                <el-form-item
-                  v-else
-                  ref="es-form-pane"
-                  v-show="!item.hide"
-                  :key="item.name"
-                  :label-width="labelWidth"
-                  :prop="item.name"
-                  :rules="getRules(item)"
-                  :style="style(item)"
-                  :class="[
-                    {
-                      'es-form-pane':
-                        !inline &&
-                        item.type !== 'submit' &&
-                        item.type !== 'button',
-                      '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'
-                            ? 'left'
-                            : 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.type !== 'table' &&
-                      showLabel
-                    "
-                    :contents="item.label"
-                    :plain="item.plain || item.name === undefined"
-                  ></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"
-                    @change="
-                      (val) => {
-                        handleChange(item, val);
-                      }
-                    "
-                  ></es-upload>
-                  <es-selector
-                    v-bind="
-                      handleExclAttribute({ data: item, attrs: ['value'] })
-                    "
-                    v-model="models[item.name]"
-                    :readonly="readonly ? readonly : item.readonly"
-                    :plain="item.plain || item.name === undefined"
-                    v-else-if="item.type == 'selector'"
-                  ></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-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"
+                      @change="
+                        (val) => {
+                          handleChange(item, val);
+                        }
+                      "
+                    ></es-upload>
+                    <es-selector
+                      v-bind="
+                        handleExclAttribute({ data: item, attrs: ['value'] })
+                      "
+                      v-model="models[item.name]"
+                      :readonly="readonly ? readonly : item.readonly"
+                      :plain="item.plain || item.name === undefined"
+                      v-else-if="item.type == 'selector'"
+                    ></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-icons
+                      v-else-if="item.type === 'icon'"
                       v-bind="
-                        handleExclAttribute({ data: item, attrs: ['value'] })
+                        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);
-                        }
-                      "
-                      @focus="
-                        (val, data) => {
-                          handleFocus(item, val, data);
-                        }
-                      "
-                      @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
+                    ></es-icons>
+                    <es-input
                       v-else
-                      :data="models[item.name]"
-                      :full="item.height != undefined || item.height != null"
                       v-bind="
-                        handleExclAttribute({
-                          data: item,
-                          attrs: ['value', 'events']
-                        })
+                        handleExclAttribute({ data: item, attrs: ['value'] })
                       "
-                      v-on="item.events"
+                      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);
+                      @input="
+                        (val) => {
+                          handleInput(item, val);
                         }
                       "
-                      @btnClick="handleClick"
-                      @dataChange="handleDataChange"
-                    >
-                    </es-data-table>
-                  </template>
-                  <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>
-                  <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)">
-                      <div
-                        class="es-form-inline"
-                        v-for="(inline, k) in item.inline"
-                        :key="k"
-                      >
-                        <div class="es-range" v-if="inline.range !== false">
+                      @clear="
+                        () => {
+                          handleClear(item);
+                        }
+                      "
+                      @change="
+                        (val) => {
+                          handleChange(item, val);
+                        }
+                      "
+                    ></es-input>
+                    <template v-if="item.inline">
+                      <template v-if="Array.isArray(item.inline)">
+                        <div
+                          class="es-form-inline"
+                          v-for="(inline, k) in item.inline"
+                          :key="k"
+                        >
+                          <div class="es-range" v-if="inline.range !== false">
+                            —
+                          </div>
+                          <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>
+                          <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>
+                        </div>
+                      </template>
+                      <template v-else>
+                        <div
+                          class="es-range"
+                          v-if="item.inline.range !== false"
+                        >
                           —
                         </div>
                         <es-input-number
-                          v-if="inline.type == 'number'"
+                          v-if="item.inline.type == 'number'"
                           v-bind="
                             handleExclAttribute({
-                              data: inline,
+                              data: item.inline,
                               attrs: ['value']
                             })
                           "
-                          v-model="models[inline.name]"
-                          :plain="inline.plain || inline.name === undefined"
-                          :readonly="readonly ? readonly : inline.readonly"
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
                           @blur="
                             (event) => {
-                              handleBlur(inline, event);
+                              handleBlur(item.inline, event);
                             }
                           "
                           @focus="
                             (event) => {
-                              handleFocus(inline, event);
+                              handleFocus(item.inline, event);
                             }
                           "
                           @change="
                             (val) => {
-                              handleChange(inline, val);
+                              handleChange(item.inline, val);
                             }
                           "
                         ></es-input-number>
                         <es-select
-                          v-else-if="inline.type == 'select'"
+                          v-else-if="item.inline.type == 'select'"
                           v-bind="
                             handleExclAttribute({
-                              data: inline,
+                              data: item.inline,
                               attrs: ['value']
                             })
                           "
-                          v-model="models[inline.name]"
-                          :plain="inline.plain || inline.name === undefined"
-                          :readonly="readonly ? readonly : inline.readonly"
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
                           @blur="
                             (event) => {
-                              handleBlur(inline, event);
+                              handleBlur(item.inline, event);
                             }
                           "
                           @focus="
                             (event) => {
-                              handleFocus(inline, event);
+                              handleFocus(item.inline, event);
                             }
                           "
                           @change="
                             (val) => {
-                              handleChange(inline, val);
+                              handleChange(item.inline, val);
                             }
                           "
                         ></es-select>
                         <es-cascader
-                          v-else-if="inline.type == 'cascader'"
+                          v-else-if="item.inline.type == 'cascader'"
                           v-bind="
                             handleExclAttribute({
-                              data: inline,
+                              data: item.inline,
                               attrs: ['value']
                             })
                           "
-                          v-model="models[inline.name]"
-                          :plain="inline.plain || inline.name === undefined"
-                          :readonly="readonly ? readonly : inline.readonly"
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
                           @blur="
                             (event) => {
-                              handleBlur(inline, event);
+                              handleBlur(item.inline, event);
                             }
                           "
                           @focus="
                             (event) => {
-                              handleFocus(inline, event);
+                              handleFocus(item.inline, event);
                             }
                           "
                           @change="
                             (val) => {
-                              handleChange(inline, val);
+                              handleChange(item.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'
+                            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: inline,
+                              data: item.inline,
                               attrs: ['value']
                             })
                           "
-                          v-model="models[inline.name]"
-                          :plain="inline.plain || inline.name === undefined"
-                          :readonly="readonly ? readonly : inline.readonly"
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
                           @blur="
                             (event) => {
-                              handleBlur(inline, event);
+                              handleBlur(item.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>
+                            (event) => {
+                              handleFocus(item.inline, event);
+                            }
+                          "
+                          @change="
+                            (val) => {
+                              handleChange(item.inline, val);
+                            }
+                          "
+                        ></es-date-picker>
                         <es-icons
-                          v-else-if="inline.type === 'icon'"
+                          v-else-if="item.inline.type === 'icon'"
                           v-bind="
                             handleExclAttribute({
-                              data: inline,
+                              data: item.inline,
                               attrs: ['value']
                             })
                           "
-                          v-model="models[inline.name]"
-                          :plain="inline.plain || inline.name === undefined"
-                          :readonly="readonly ? readonly : inline.readonly"
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
                           @change="
                             (val) => {
-                              handleChange(inline, val);
+                              handleChange(item.inline, val);
                             }
                           "
                         ></es-icons>
@@ -2493,236 +2721,48 @@
                           v-else
                           v-bind="
                             handleExclAttribute({
-                              data: inline,
+                              data: item.inline,
                               attrs: ['value']
                             })
                           "
-                          v-model="models[inline.name]"
-                          :plain="inline.plain || inline.name === undefined"
-                          :readonly="readonly ? readonly : inline.readonly"
+                          v-model="models[item.inline.name]"
+                          :plain="
+                            item.inline.plain || item.inline.name === undefined
+                          "
+                          :readonly="readonly ? readonly : item.inline.readonly"
                           @blur="
                             (event) => {
-                              handleBlur(inline, event);
+                              handleBlur(item.inline, event);
                             }
                           "
                           @focus="
                             (event) => {
-                              handleFocus(inline, event);
+                              handleFocus(item.inline, event);
                             }
                           "
                           @input="
                             (val) => {
-                              handleInput(inline, val);
+                              handleInput(item.inline, val);
+                            }
+                          "
+                          @clear="
+                            () => {
+                              handleClear(item);
                             }
                           "
-                          @clear="handleClear(inline)"
                           @change="
                             (val) => {
-                              handleChange(inline, val);
+                              handleChange(item.inline, val);
                             }
                           "
                         ></es-input>
-                      </div>
-                    </template>
-                    <template v-else>
-                      <div class="es-range" v-if="item.inline.range !== false">
-                        —
-                      </div>
-                      <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>
-                      <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);
-                          }
-                        "
-                        @change="
-                          (val) => {
-                            handleChange(item.inline, val);
-                          }
-                        "
-                      ></es-input>
+                      </template>
                     </template>
-                  </template>
-                </el-form-item>
+                  </el-form-item>
+                </template>
               </template>
-            </template>
-          </el-collapse-item>
+            </el-collapse-item>
+          </template>
         </el-collapse>
         <div class="es-form-content es-form-padding" v-else>
           <es-table-form
@@ -2736,7 +2776,6 @@
             :label-width="labelWidth"
             :span="span"
             :widths="widths"
-            :zoom="zoom"
             :model.sync="models"
             @click="handleClick"
             @change="handleChange"
@@ -3559,6 +3598,9 @@ export default {
     },
     esPage: {
       default: ''
+    },
+    scale: {
+      default: ''
     }
   },
   props: {
@@ -3713,7 +3755,8 @@ export default {
       values: {},
       newHeight: null,
       uuid: util.uuid(32),
-      dialog: false
+      dialog: false,
+      refresh: true
     };
   },
   computed: {
@@ -3950,8 +3993,22 @@ export default {
         }
       }
     },
+    scale: {
+      deep: true,
+      handler(val) {
+        this.refresh = false;
+        this.$nextTick(() => {
+          this.refresh = true;
+          if (!this.height && this.display) {
+            this.getHeight();
+          }
+        });
+        console.log(val, 999);
+      }
+    },
     zoom: {
       handler(val) {
+        console.log(111);
         if (!this.height && this.display) {
           this.getHeight();
         }