vxe-pc-ui 3.8.13 → 3.8.14

package/lib/index.umd.js

@@ -13159,14 +13159,14 @@ var defineVxeComponent = function defineVxeComponent(options) {
 };
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.8.13");
+var log_version = "ui v".concat("3.8.14");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-var ui_version = "3.8.13";
+var ui_version = "3.8.14";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -32391,31 +32391,7 @@ var VxeFormConfigItem = defineVxeComponent({
   }
 });
 /* harmony default export */ var form_config_item = (VxeFormConfigItem);
-;// CONCATENATED MODULE: ./packages/form/src/form.ts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+;// CONCATENATED MODULE: ./packages/form/render/index.ts
 
 
 
@@ -32428,1659 +32404,1683 @@ var VxeFormConfigItem = defineVxeComponent({
 
 
 
-var Rule = /*#__PURE__*/function () {
-  function Rule(rule) {
-    _classCallCheck(this, Rule);
-    Object.assign(this, {
-      $options: rule,
-      required: rule.required,
-      min: rule.min,
-      max: rule.min,
-      type: rule.type,
-      pattern: rule.pattern,
-      validator: rule.validator,
-      trigger: rule.trigger,
-      maxWidth: rule.maxWidth
-    });
-  }
-  return _createClass(Rule, [{
-    key: "content",
-    get: function get() {
-      return getFuncText(this.$options.content || this.$options.message);
-    }
-  }, {
-    key: "message",
-    get: function get() {
-      return this.content;
-    }
-  }]);
-}(); // 如果存在 pattern，判断正则
-function validREValue(pattern, val) {
-  if (pattern && !(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isRegExp(pattern) ? pattern : new RegExp(pattern)).test(val)) {
-    return false;
-  }
-  return true;
+var componentDefaultModelProp = 'value';
+/**
+ * 已废弃
+ * @deprecated
+ */
+function getOldComponentName(name) {
+  return "vxe-".concat(name.replace('$', ''));
 }
-// 如果存在 max，判断最大值
-function validMaxValue(max, num) {
-  if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(max) && num > external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(max)) {
-    return false;
-  }
-  return true;
+/**
+ * 已废弃
+ * @deprecated
+ */
+function getOldComponent(_ref) {
+  var name = _ref.name;
+  return getOldComponentName(name);
 }
-// 如果存在 min，判断最小值
-function validMinValue(min, num) {
-  if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(min) && num < external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(min)) {
-    return false;
+function getDefaultComponent(_ref2) {
+  var name = _ref2.name;
+  return getComponent(name) || name;
+}
+function getNativeAttrs(renderOpts) {
+  var name = renderOpts.name,
+    attrs = renderOpts.attrs;
+  if (name === 'input') {
+    attrs = Object.assign({
+      type: 'text'
+    }, attrs);
   }
-  return true;
+  return attrs;
 }
-function validRuleValue(rule, val, required) {
-  var type = rule.type,
-    min = rule.min,
-    max = rule.max,
-    pattern = rule.pattern;
-  var isArrType = type === 'array';
-  var isNumType = type === 'number';
-  var isStrType = type === 'string';
-  var strVal = "".concat(val);
-  if (!validREValue(pattern, strVal)) {
-    return false;
+function getComponentFormItemProps(renderOpts, params, value, defaultProps) {
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign({}, defaultProps, renderOpts.props, _defineProperty({}, componentDefaultModelProp, value));
+}
+/**
+ * 原生事件处理
+ * @param renderOpts
+ * @param params
+ * @param modelFunc
+ * @param changeFunc
+ */
+function getElementOns(renderOpts, params, modelFunc, changeFunc) {
+  var events = renderOpts.events;
+  var modelEvent = getModelEvent(renderOpts.name);
+  var changeEvent = getChangeEvent(renderOpts.name);
+  var isSameEvent = changeEvent === modelEvent;
+  var ons = {};
+  if (events) {
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().objectEach(events, function (func, key) {
+      ons[getOnName(key)] = function () {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        func.apply(void 0, [params].concat(args));
+      };
+    });
   }
-  if (isArrType) {
-    if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(val)) {
-      return false;
-    }
-    if (required) {
-      if (!val.length) {
-        return false;
+  if (modelFunc) {
+    ons[getOnName(modelEvent)] = function (targetEvnt) {
+      modelFunc(targetEvnt);
+      if (isSameEvent && changeFunc) {
+        changeFunc(targetEvnt);
       }
-    }
-    if (!validMinValue(min, val.length)) {
-      return false;
-    }
-    if (!validMaxValue(max, val.length)) {
-      return false;
-    }
-  } else if (isNumType) {
-    var numVal = Number(val);
-    if (isNaN(numVal)) {
-      return false;
-    }
-    if (!validMinValue(min, numVal)) {
-      return false;
-    }
-    if (!validMaxValue(max, numVal)) {
-      return false;
-    }
-  } else {
-    if (isStrType) {
-      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(val)) {
-        return false;
+      if (events && events[modelEvent]) {
+        events[modelEvent](params, targetEvnt);
       }
-    }
-    if (required) {
-      if (!strVal) {
-        return false;
+    };
+  }
+  if (!isSameEvent && changeFunc) {
+    ons[getOnName(changeEvent)] = function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
       }
-    }
-    if (!validMinValue(min, strVal.length)) {
-      return false;
-    }
-    if (!validMaxValue(max, strVal.length)) {
-      return false;
-    }
+      changeFunc.apply(void 0, args);
+      if (events && events[changeEvent]) {
+        events[changeEvent].apply(events, [params].concat(args));
+      }
+    };
   }
-  return true;
+  return ons;
 }
-function checkRuleStatus(rule, val) {
-  var required = rule.required;
-  var isEmptyVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(val) ? !val.length : eqEmptyValue(val);
-  if (required) {
-    if (isEmptyVal) {
-      return false;
-    }
-    if (!validRuleValue(rule, val, required)) {
-      return false;
-    }
-  } else {
-    if (!isEmptyVal) {
-      if (!validRuleValue(rule, val, required)) {
-        return false;
+/**
+ * 组件事件处理
+ * @param renderOpts
+ * @param params
+ * @param modelFunc
+ * @param changeFunc
+ */
+function getComponentOns(renderOpts, params, eFns, eventOns) {
+  var events = renderOpts.events;
+  var _ref3 = eFns || {},
+    modelFunc = _ref3.model,
+    changeFunc = _ref3.change;
+  var modelEvent = getModelEvent(renderOpts.name);
+  var changeEvent = getChangeEvent(renderOpts.name);
+  var ons = {};
+  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().objectEach(events, function (func, key) {
+    ons[getOnName(key)] = function () {
+      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
+        errLog('vxe.error.errFunc', [func]);
       }
-    }
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      func.apply(void 0, [params].concat(args));
+    };
+  });
+  if (modelFunc) {
+    ons[getOnName(modelEvent)] = function (targetEvnt) {
+      modelFunc(targetEvnt);
+      if (events && events[modelEvent]) {
+        events[modelEvent](params, targetEvnt);
+      }
+    };
   }
-  return true;
+  if (changeFunc) {
+    ons[getOnName(changeEvent)] = function () {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+      changeFunc.apply(void 0, args);
+      if (events && events[changeEvent]) {
+        events[changeEvent].apply(events, [params].concat(args));
+      }
+    };
+  }
+  return eventOns ? Object.assign(ons, eventOns) : ons;
 }
-function createInternalData() {
-  return {
-    meTimeout: undefined,
-    stTimeout: undefined,
-    tooltipStore: {
-      item: null,
-      visible: false
+function getItemOns(renderOpts, params) {
+  var $form = params.$form,
+    data = params.data,
+    field = params.field;
+  return getComponentOns(renderOpts, params, {
+    model: function model(value) {
+      // 处理 model 值双向绑定
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, value);
     },
-    itemFormatCache: {}
-  };
+    change: function change() {
+      // 处理 change 事件相关逻辑
+      $form.updateStatus(params);
+    }
+  });
 }
-/* harmony default export */ var src_form = (/* define-vxe-component start */defineVxeComponent({
-  name: 'VxeForm',
-  mixins: [globalMixins.sizeMixin],
-  props: {
-    collapseStatus: {
-      type: Boolean,
-      default: true
-    },
-    loading: Boolean,
-    data: Object,
-    size: {
-      type: String,
-      default: function _default() {
-        return getConfig().form.size || getConfig().size;
-      }
-    },
-    span: {
-      type: [String, Number],
-      default: function _default() {
-        return getConfig().form.span;
-      }
-    },
-    align: {
-      type: String,
-      default: function _default() {
-        return getConfig().form.align;
-      }
-    },
-    verticalAlign: {
-      type: String,
-      default: function _default() {
-        return getConfig().form.verticalAlign;
-      }
-    },
-    border: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.border;
-      }
-    },
-    titleBackground: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.titleBackground;
-      }
-    },
-    titleBold: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.titleBold;
-      }
-    },
-    titleAlign: {
-      type: String,
-      default: function _default() {
-        return getConfig().form.titleAlign;
-      }
+function getNativeItemOns(renderOpts, params) {
+  var $form = params.$form,
+    data = params.data,
+    field = params.field;
+  return getElementOns(renderOpts, params, function (evnt) {
+    // 处理 model 值双向绑定
+    var itemValue = evnt.target.value;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, itemValue);
+  }, function () {
+    // 处理 change 事件相关逻辑
+    $form.updateStatus(params);
+  });
+}
+function renderNativeOptgroup(h, renderOpts, params, renderOptionsMethods) {
+  var optionGroups = renderOpts.optionGroups,
+    _renderOpts$optionGro = renderOpts.optionGroupProps,
+    optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
+  var groupOptions = optionGroupProps.options || 'options';
+  var groupLabel = optionGroupProps.label || 'label';
+  if (optionGroups) {
+    return optionGroups.map(function (group, gIndex) {
+      return h('optgroup', {
+        key: gIndex,
+        attrs: {
+          label: group[groupLabel]
+        }
+      }, renderOptionsMethods(group[groupOptions], renderOpts, params));
+    });
+  }
+  return [];
+}
+/**
+ * 渲染表单-项
+ * 用于渲染原生的标签
+ */
+function nativeItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var name = renderOpts.name;
+  var attrs = getNativeAttrs(renderOpts);
+  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+  return [h(name, {
+    class: "vxe-default-".concat(name),
+    attrs: attrs,
+    domProps: {
+      value: attrs && name === 'input' && (attrs.type === 'submit' || attrs.type === 'reset') ? null : itemValue
     },
-    titleWidth: {
-      type: [String, Number],
-      default: function _default() {
-        return getConfig().form.titleWidth;
+    on: getNativeItemOns(renderOpts, params)
+  })];
+}
+function defaultItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+  return [h(getDefaultComponent(renderOpts), {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+  return [h(getOldComponent(renderOpts), {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldButtonItemRender(h, renderOpts, params) {
+  return [h('vxe-button', {
+    props: getComponentFormItemProps(renderOpts, params, null),
+    on: getComponentOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldButtonsItemRender(h, renderOpts, params) {
+  return renderOpts.children.map(function (childRenderOpts) {
+    return oldButtonItemRender(h, childRenderOpts, params)[0];
+  });
+}
+/**
+ * 渲染原生的 select 标签
+ */
+function renderNativeFormOptions(h, options, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var _renderOpts$optionPro = renderOpts.optionProps,
+    optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro;
+  var labelProp = optionProps.label || 'label';
+  var valueProp = optionProps.value || 'value';
+  var disabledProp = optionProps.disabled || 'disabled';
+  var cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+  if (options) {
+    return options.map(function (item, oIndex) {
+      return h('option', {
+        key: oIndex,
+        props: {
+          value: item[valueProp],
+          disabled: item[disabledProp],
+          /* eslint-disable eqeqeq */
+          selected: item[valueProp] == cellValue
+        }
+      }, item[labelProp]);
+    });
+  }
+  return [];
+}
+/**
+ * 渲染表单-项
+ */
+function defaultFormItemRender(h, renderOpts, params) {
+  var data = params.data,
+    field = params.field;
+  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+  return [h(getDefaultComponent(renderOpts), {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+function formItemRadioAndCheckboxRender(h, renderOpts, params) {
+  var options = renderOpts.options,
+    optionProps = renderOpts.optionProps;
+  var data = params.data,
+    field = params.field;
+  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+  return [h(getDefaultComponent(renderOpts), {
+    props: _objectSpread2({
+      options: options,
+      optionProps: optionProps
+    }, getComponentFormItemProps(renderOpts, params, itemValue)),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 已废弃
+ * @deprecated
+ */
+function oldFormItemRadioAndCheckboxRender(h, renderOpts, params) {
+  var name = renderOpts.name,
+    options = renderOpts.options,
+    _renderOpts$optionPro2 = renderOpts.optionProps,
+    optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2;
+  var data = params.data,
+    field = params.field;
+  var labelProp = optionProps.label || 'label';
+  var valueProp = optionProps.value || 'value';
+  var disabledProp = optionProps.disabled || 'disabled';
+  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+  var compName = getOldComponentName(name);
+  // 如果是分组
+  if (options) {
+    return [h("".concat(compName, "-group"), {
+      props: getComponentFormItemProps(renderOpts, params, itemValue),
+      on: getItemOns(renderOpts, params),
+      scopedSlots: {
+        default: function _default() {
+          return options.map(function (item, index) {
+            return h(compName, {
+              key: index,
+              props: {
+                label: item[valueProp],
+                content: item[labelProp],
+                disabled: item[disabledProp]
+              }
+            });
+          });
+        }
       }
-    },
-    titleColon: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.titleColon;
-      }
-    },
-    titleAsterisk: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.titleAsterisk;
-      }
-    },
-    titleOverflow: {
-      type: [Boolean, String],
-      default: function _default() {
-        return getConfig().form.titleOverflow;
-      }
-    },
-    vertical: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.vertical;
-      }
-    },
-    padding: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.padding;
-      }
-    },
-    className: [String, Function],
-    readonly: Boolean,
-    disabled: Boolean,
-    items: Array,
-    rules: Object,
-    preventSubmit: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.preventSubmit;
-      }
-    },
-    validConfig: Object,
-    tooltipConfig: Object,
-    collapseConfig: Object,
-    customLayout: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().form.customLayout;
-      }
-    },
-    params: Object
+    })];
+  }
+  return [h(compName, {
+    props: getComponentFormItemProps(renderOpts, params, itemValue),
+    on: getItemOns(renderOpts, params)
+  })];
+}
+/**
+ * 表单 - 渲染器
+ */
+renderer.mixin({
+  input: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: nativeItemRender
   },
-  inject: {
-    $xeGrid: {
-      default: null
+  textarea: {
+    formItemAutoFocus: 'textarea',
+    renderFormItemContent: nativeItemRender
+  },
+  select: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      return [h('select', {
+        class: 'vxe-default-select',
+        attrs: _objectSpread2({}, getNativeAttrs(renderOpts)),
+        on: getNativeItemOns(renderOpts, params)
+      }, renderOpts.optionGroups ? renderNativeOptgroup(h, renderOpts, params, renderNativeFormOptions) : renderNativeFormOptions(h, renderOpts.options, renderOpts, params))];
     }
   },
-  provide: function provide() {
-    var $xeForm = this;
-    return {
-      $xeForm: $xeForm,
-      xeFormItemInfo: null,
-      $xeFormGroup: null,
-      $xeFormItem: null
-    };
+  VxeInput: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: defaultItemRender
   },
-  data: function data() {
-    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {
-      collapseAll: false,
-      staticItems: [],
-      formItems: [],
-      itemWidth: 0
-    };
-    var internalData = createInternalData();
-    return {
-      xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
+  VxeNumberInput: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: defaultItemRender
   },
-  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
-    computeValidOpts: function computeValidOpts() {
-      var $xeForm = this;
-      var props = $xeForm;
-      return Object.assign({}, getConfig().form.validConfig, props.validConfig);
-    },
-    computeTooltipOpts: function computeTooltipOpts() {
-      var $xeForm = this;
-      var props = $xeForm;
-      return Object.assign({}, getConfig().tooltip, getConfig().form.tooltipConfig, props.tooltipConfig);
-    },
-    computeCollapseOpts: function computeCollapseOpts() {
-      var $xeForm = this;
-      var props = $xeForm;
-      return Object.assign({}, getConfig().form.collapseConfig, props.collapseConfig);
-    },
-    computeAutoItemWidthList: function computeAutoItemWidthList() {
-      var $xeForm = this;
-      var props = $xeForm;
-      var reactData = $xeForm.reactData;
-      var allTitleWidth = props.titleWidth,
-        allVertical = props.vertical;
-      var formItems = reactData.formItems;
-      var itemList = [];
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(formItems, function (item) {
-        var titleWidth = item.titleWidth,
-          vertical = item.vertical;
-        if (titleWidth === 'auto') {
-          itemList.push(item);
-        } else {
-          var itemVertical = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(vertical) ? allVertical : vertical;
-          var itemTitleWidth = itemVertical ? null : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(titleWidth) ? allTitleWidth : titleWidth;
-          if (itemTitleWidth === 'auto' && (!item.children || !item.children.length)) {
-            itemList.push(item);
+  VxePasswordInput: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: defaultItemRender
+  },
+  VxeTextarea: {
+    formItemAutoFocus: 'textarea',
+    renderFormItemContent: defaultItemRender
+  },
+  VxeDatePicker: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: defaultItemRender
+  },
+  VxeDateRangePicker: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var startField = renderOpts.startField,
+        endField = renderOpts.endField;
+      var $form = params.$form,
+        data = params.data,
+        field = params.field;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      var seProps = {};
+      var seOs = {};
+      if (startField && endField) {
+        seProps.startValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, startField);
+        seProps.endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, endField);
+        seOs['update:startValue'] = function (value) {
+          if (startField) {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, startField, value);
           }
-        }
-      }, {
-        children: 'children'
-      });
-      return itemList;
-    }
-  }),
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeForm = this;
-      $xeForm.$emit(type, createEvent(evnt, {
-        $form: $xeForm
-      }, params));
-    },
-    callSlot: function callSlot(slotFunc, params, h) {
-      var $xeForm = this;
-      var slots = $xeForm.$scopedSlots;
-      if (slotFunc) {
-        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
-          slotFunc = slots[slotFunc] || null;
-        }
-        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
-          return vn_getSlotVNs(slotFunc.call($xeForm, params, h));
-        }
-      }
-      return [];
-    },
-    loadItem: function loadItem(list) {
-      var $xeForm = this;
-      var slots = $xeForm.$scopedSlots;
-      var reactData = $xeForm.reactData;
-      var internalData = $xeForm.internalData;
-      if (list.length) {
-        list.forEach(function (item) {
-          if (item.slots) {
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, function (func) {
-              if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
-                if (!slots[func]) {
-                  errLog('vxe.error.notSlot', [func]);
-                }
-              }
-            });
+        };
+        seOs['update:endValue'] = function (value) {
+          if (endField) {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, endField, value);
           }
-        });
+        };
       }
-      reactData.staticItems = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().mapTree(list, function (item) {
-        return createItem($xeForm, item);
-      }, {
-        children: 'children'
-      });
-      internalData.itemFormatCache = {};
-      return $xeForm.$nextTick().then(function () {
-        return $xeForm.recalculate();
-      });
-    },
-    getItems: function getItems() {
-      var $xeForm = this;
-      var reactData = $xeForm.reactData;
-      var itemList = [];
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(reactData.formItems, function (item) {
-        itemList.push(item);
-      }, {
-        children: 'children'
-      });
-      return itemList;
-    },
-    getItemByField: function getItemByField(field) {
-      var $xeForm = this;
-      var reactData = $xeForm.reactData;
-      var rest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(reactData.formItems, function (item) {
-        return item.field === field;
-      }, {
-        children: 'children'
-      });
-      return rest ? rest.item : null;
-    },
-    getCollapseStatus: function getCollapseStatus() {
-      var $xeForm = this;
-      var reactData = $xeForm.reactData;
-      return reactData.collapseAll;
-    },
-    toggleCollapse: function toggleCollapse() {
-      var $xeForm = this;
-      var reactData = $xeForm.reactData;
-      var status = !$xeForm.getCollapseStatus();
-      reactData.collapseAll = status;
-      $xeForm.$emit('update:collapseStatus', status);
-      return $xeForm.$nextTick();
-    },
-    toggleCollapseEvent: function toggleCollapseEvent(evnt) {
-      var $xeForm = this;
-      var props = $xeForm;
-      var $xeGrid = $xeForm.$xeGrid;
-      $xeForm.toggleCollapse();
-      var status = $xeForm.getCollapseStatus();
-      $xeForm.dispatchEvent('toggle-collapse', {
-        status: status,
-        collapse: status,
-        data: props.data
-      }, evnt);
-      $xeForm.dispatchEvent('collapse', {
-        status: status,
-        collapse: status,
-        data: props.data
-      }, evnt);
-      $xeForm.$nextTick(function () {
-        $xeForm.recalculate();
-        if ($xeGrid) {
-          $xeGrid.recalculate();
-        }
-      });
-    },
-    clearValidate: function clearValidate(fieldOrItem) {
-      var $xeForm = this;
-      if (fieldOrItem) {
-        var fields = fieldOrItem;
-        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrItem)) {
-          fields = [fieldOrItem];
-        }
-        fields.forEach(function (field) {
-          if (field) {
-            var item = handleFieldOrItem($xeForm, field);
-            if (item) {
-              item.showError = false;
-            }
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, seProps),
+        on: getComponentOns(renderOpts, params, {
+          model: function model(value) {
+            // 处理 model 值双向绑定
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, value);
+          },
+          change: function change() {
+            // 处理 change 事件相关逻辑
+            $form.updateStatus(params);
           }
-        });
-      } else {
-        $xeForm.getItems().forEach(function (item) {
-          item.showError = false;
-        });
+        }, seOs)
+      })];
+    }
+  },
+  VxeButton: {
+    renderFormItemContent: defaultFormItemRender
+  },
+  VxeButtonGroup: {
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var options = renderOpts.options;
+      var data = params.data,
+        field = params.field;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: _objectSpread2({
+          options: options
+        }, getComponentFormItemProps(renderOpts, params, itemValue)),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeSelect: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps,
+        optionGroups = renderOpts.optionGroups,
+        optionGroupProps = renderOpts.optionGroupProps;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps,
+          optionGroups: optionGroups,
+          optionGroupProps: optionGroupProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeTreeSelect: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeTableSelect: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeColorPicker: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          colors: options
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeIconPicker: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          icons: options
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeRadio: {
+    renderFormItemContent: defaultFormItemRender
+  },
+  VxeRadioGroup: {
+    renderFormItemContent: formItemRadioAndCheckboxRender
+  },
+  VxeCheckbox: {
+    renderFormItemContent: defaultFormItemRender
+  },
+  VxeCheckboxGroup: {
+    renderFormItemContent: formItemRadioAndCheckboxRender
+  },
+  VxeSwitch: {
+    renderFormItemContent: defaultItemRender
+  },
+  VxeRate: {
+    renderFormItemContent: defaultItemRender
+  },
+  VxeSlider: {
+    renderFormItemContent: defaultItemRender
+  },
+  VxeImage: {
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var props = renderOpts.props;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: _objectSpread2(_objectSpread2({}, props), {}, {
+          src: itemValue
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeImageGroup: {
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var props = renderOpts.props;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: _objectSpread2(_objectSpread2({}, props), {}, {
+          urlList: itemValue
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeUpload: {
+    renderFormItemContent: defaultItemRender
+  },
+  // 以下已废弃
+  $input: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: oldItemRender
+  },
+  $textarea: {
+    formItemAutoFocus: 'textarea',
+    renderFormItemContent: oldItemRender
+  },
+  $button: {
+    renderFormItemContent: oldButtonItemRender
+  },
+  $buttons: {
+    renderFormItemContent: oldButtonsItemRender
+  },
+  $select: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps,
+        optionGroups = renderOpts.optionGroups,
+        optionGroupProps = renderOpts.optionGroupProps;
+      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+      return [h(getOldComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps,
+          optionGroups: optionGroups,
+          optionGroupProps: optionGroupProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  $radio: {
+    renderFormItemContent: oldFormItemRadioAndCheckboxRender
+  },
+  $checkbox: {
+    renderFormItemContent: oldFormItemRadioAndCheckboxRender
+  },
+  $switch: {
+    renderFormItemContent: oldItemRender
+  }
+  // 以上已废弃
+});
+;// CONCATENATED MODULE: ./packages/form/src/form.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Rule = /*#__PURE__*/function () {
+  function Rule(rule) {
+    _classCallCheck(this, Rule);
+    Object.assign(this, {
+      $options: rule,
+      required: rule.required,
+      min: rule.min,
+      max: rule.min,
+      type: rule.type,
+      pattern: rule.pattern,
+      validator: rule.validator,
+      trigger: rule.trigger,
+      maxWidth: rule.maxWidth
+    });
+  }
+  return _createClass(Rule, [{
+    key: "content",
+    get: function get() {
+      return getFuncText(this.$options.content || this.$options.message);
+    }
+  }, {
+    key: "message",
+    get: function get() {
+      return this.content;
+    }
+  }]);
+}(); // 如果存在 pattern，判断正则
+function validREValue(pattern, val) {
+  if (pattern && !(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isRegExp(pattern) ? pattern : new RegExp(pattern)).test(val)) {
+    return false;
+  }
+  return true;
+}
+// 如果存在 max，判断最大值
+function validMaxValue(max, num) {
+  if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(max) && num > external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(max)) {
+    return false;
+  }
+  return true;
+}
+// 如果存在 min，判断最小值
+function validMinValue(min, num) {
+  if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(min) && num < external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(min)) {
+    return false;
+  }
+  return true;
+}
+function validRuleValue(rule, val, required) {
+  var type = rule.type,
+    min = rule.min,
+    max = rule.max,
+    pattern = rule.pattern;
+  var isArrType = type === 'array';
+  var isNumType = type === 'number';
+  var isStrType = type === 'string';
+  var strVal = "".concat(val);
+  if (!validREValue(pattern, strVal)) {
+    return false;
+  }
+  if (isArrType) {
+    if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(val)) {
+      return false;
+    }
+    if (required) {
+      if (!val.length) {
+        return false;
       }
-      return $xeForm.$nextTick();
-    },
-    getResetValue: function getResetValue(item, data, itemValue) {
-      var $xeForm = this;
-      var $xeGrid = $xeForm.$xeGrid;
-      var field = item.field,
-        resetValue = item.resetValue;
-      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(resetValue)) {
-        return resetValue({
-          field: field,
-          item: item,
-          data: data,
-          $form: $xeForm,
-          $grid: $xeGrid
-        });
-      } else if (resetValue === null) {
-        // 默认
-        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(itemValue)) {
-          return [];
-        }
+    }
+    if (!validMinValue(min, val.length)) {
+      return false;
+    }
+    if (!validMaxValue(max, val.length)) {
+      return false;
+    }
+  } else if (isNumType) {
+    var numVal = Number(val);
+    if (isNaN(numVal)) {
+      return false;
+    }
+    if (!validMinValue(min, numVal)) {
+      return false;
+    }
+    if (!validMaxValue(max, numVal)) {
+      return false;
+    }
+  } else {
+    if (isStrType) {
+      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(val)) {
+        return false;
       }
-      return resetValue;
-    },
-    reset: function reset() {
-      var $xeForm = this;
-      var props = $xeForm;
-      var $xeGrid = $xeForm.$xeGrid;
-      var internalData = $xeForm.internalData;
-      var data = props.data;
-      var itemList = $xeForm.getItems();
-      if (data) {
-        itemList.forEach(function (item) {
-          var field = item.field,
-            itemRender = item.itemRender;
-          if (isEnableConf(itemRender)) {
-            var name = itemRender.name,
-              startField = itemRender.startField,
-              endField = itemRender.endField;
-            var compConf = renderer.get(name);
-            var fiResetMethod = compConf ? compConf.formItemResetMethod || compConf.itemResetMethod : null;
-            if (compConf && fiResetMethod) {
-              fiResetMethod({
-                data: data,
-                field: field,
-                property: field,
-                item: item,
-                $form: $xeForm,
-                $grid: $xeGrid
-              });
-            } else if (field) {
-              var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, $xeForm.getResetValue(item, data, itemValue));
-            }
-            if (startField && endField) {
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, startField, $xeForm.getResetValue(item, data, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, startField)));
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, endField, $xeForm.getResetValue(item, data, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, endField)));
-            }
-          }
-        });
+    }
+    if (required) {
+      if (!strVal) {
+        return false;
       }
-      internalData.itemFormatCache = {};
-      $xeForm.clearValidate();
-      return $xeForm.recalculate();
+    }
+    if (!validMinValue(min, strVal.length)) {
+      return false;
+    }
+    if (!validMaxValue(max, strVal.length)) {
+      return false;
+    }
+  }
+  return true;
+}
+function checkRuleStatus(rule, val) {
+  var required = rule.required;
+  var isEmptyVal = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(val) ? !val.length : eqEmptyValue(val);
+  if (required) {
+    if (isEmptyVal) {
+      return false;
+    }
+    if (!validRuleValue(rule, val, required)) {
+      return false;
+    }
+  } else {
+    if (!isEmptyVal) {
+      if (!validRuleValue(rule, val, required)) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+function createInternalData() {
+  return {
+    meTimeout: undefined,
+    stTimeout: undefined,
+    tooltipStore: {
+      item: null,
+      visible: false
     },
-    resetEvent: function resetEvent(evnt) {
-      var $xeForm = this;
-      var props = $xeForm;
-      evnt.preventDefault();
-      $xeForm.reset();
-      $xeForm.dispatchEvent('reset', {
-        data: props.data
-      }, evnt);
+    itemFormatCache: {}
+  };
+}
+/* harmony default export */ var src_form = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeForm',
+  mixins: [globalMixins.sizeMixin],
+  props: {
+    collapseStatus: {
+      type: Boolean,
+      default: true
     },
-    handleFocus: function handleFocus(fields) {
-      var $xeForm = this;
-      var props = $xeForm;
-      var $xeGrid = $xeForm.$xeGrid;
-      var el = $xeForm.$refs.refElem;
-      if (el) {
-        for (var i = 0; i < fields.length; i++) {
-          var field = fields[i];
-          var item = $xeForm.getItemByField(field);
-          if (item && isEnableConf(item.itemRender)) {
-            var itemRender = item.itemRender;
-            var compConf = renderer.get(itemRender.name);
-            // 定位到第一个
-            if (!i) {
-              scrollToView(el.querySelector(".".concat(item.id)));
-            }
-            var inputElem = null;
-            var autoFocus = itemRender.autoFocus || itemRender.autofocus || (compConf ? compConf.formItemAutoFocus : null);
-            // 如果指定了聚焦 class
-            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(autoFocus)) {
-              inputElem = autoFocus({
-                $form: $xeForm,
-                $grid: $xeGrid,
-                item: item,
-                data: props.data,
-                field: field
-              });
-            } else {
-              if (autoFocus === true) {
-                // 自动匹配模式，会自动匹配第一个可输入元素
-                inputElem = el.querySelector(".".concat(item.id, " input,textarea"));
-              } else if (autoFocus) {
-                inputElem = el.querySelector(".".concat(item.id, " ").concat(autoFocus));
-              }
-            }
-            if (inputElem) {
-              inputElem.focus();
-              break;
-            }
-          }
-        }
+    loading: Boolean,
+    data: Object,
+    size: {
+      type: String,
+      default: function _default() {
+        return getConfig().form.size || getConfig().size;
       }
     },
-    /**
-     * 校验数据
-     * 按表格行、列顺序依次校验（同步或异步）
-     * 校验规则根据索引顺序依次校验，如果是异步则会等待校验完成才会继续校验下一列
-     * 如果校验失败则，触发回调或者 Promise<(ErrMap 校验不通过列的信息)>
-     * 如果是传回调方式这返回一个 (ErrMap 校验不通过列的信息)
-     *
-     * rule 配置：
-     *  required=Boolean 是否必填
-     *  min=Number 最小长度
-     *  max=Number 最大长度
-     *  validator=Function({ itemValue, rule, rules, data, property }) 自定义校验，接收一个 Promise
-     *  trigger=change 触发方式
-     */
-    validItemRules: function validItemRules(validType, fields, val) {
-      var $xeForm = this;
-      var props = $xeForm;
-      var data = props.data,
-        formRules = props.rules;
-      var errorMaps = {};
-      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fields)) {
-        fields = [fields];
+    span: {
+      type: [String, Number],
+      default: function _default() {
+        return getConfig().form.span;
       }
-      return Promise.all(fields.map(function (property) {
-        var errorRules = [];
-        var syncVailds = [];
-        if (property && formRules) {
-          var rules = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(formRules, property);
-          if (rules) {
-            var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(val) ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, property) : val;
-            rules.forEach(function (rule) {
-              var trigger = rule.trigger,
-                validator = rule.validator;
-              if (validType === 'all' || !trigger || validType === trigger) {
-                if (validator) {
-                  var validParams = {
-                    itemValue: itemValue,
-                    rule: rule,
-                    rules: rules,
-                    data: data,
-                    field: property,
-                    property: property,
-                    $form: $xeForm
-                  };
-                  var customValid;
-                  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(validator)) {
-                    var gvItem = validators.get(validator);
-                    if (gvItem) {
-                      var validatorMethod = gvItem.formItemValidatorMethod || gvItem.itemValidatorMethod;
-                      if (validatorMethod) {
-                        customValid = validatorMethod(validParams);
-                      } else {
-                        warnLog('vxe.error.notValidators', [validator]);
-                      }
-                    } else {
-                      errLog('vxe.error.notValidators', [validator]);
-                    }
-                  } else {
-                    customValid = validator(validParams);
-                  }
-                  if (customValid) {
-                    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isError(customValid)) {
-                      errorRules.push(new Rule({
-                        type: 'custom',
-                        trigger: trigger,
-                        content: customValid.message,
-                        rule: new Rule(rule)
-                      }));
-                    } else if (customValid.catch) {
-                      // 如果为异步校验（注：异步校验是并发无序的）
-                      syncVailds.push(customValid.catch(function (e) {
-                        errorRules.push(new Rule({
-                          type: 'custom',
-                          trigger: trigger,
-                          content: e ? e.message : rule.content || rule.message,
-                          rule: new Rule(rule)
-                        }));
-                      }));
-                    }
-                  }
-                } else {
-                  if (!checkRuleStatus(rule, itemValue)) {
-                    errorRules.push(new Rule(rule));
-                  }
-                }
-              }
-            });
-          }
-        }
-        return Promise.all(syncVailds).then(function () {
-          if (errorRules.length) {
-            errorMaps[property] = errorRules.map(function (rule) {
-              return {
-                $form: $xeForm,
-                rule: rule,
-                data: data,
-                field: property,
-                property: property
-              };
-            });
-          }
-        });
-      })).then(function () {
-        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEmpty(errorMaps)) {
-          return Promise.reject(errorMaps);
-        }
-      });
     },
-    beginValidate: function beginValidate(itemList, type, callback) {
-      var $xeForm = this;
-      var props = $xeForm;
-      var internalData = $xeForm.internalData;
-      var data = props.data,
-        formRules = props.rules;
-      var validOpts = $xeForm.computeValidOpts;
-      var validRest = {};
-      var validFields = [];
-      var itemValids = [];
-      clearTimeout(internalData.meTimeout);
-      if (data && formRules) {
-        itemList.forEach(function (item) {
-          var field = item.field;
-          if (field && !isHiddenItem($xeForm, item) && isActiveItem($xeForm, item)) {
-            itemValids.push($xeForm.validItemRules(type || 'all', field).then(function () {
-              item.errRule = null;
-            }).catch(function (errorMaps) {
-              var rest = errorMaps[field];
-              if (!validRest[field]) {
-                validRest[field] = [];
-              }
-              validRest[field].push(rest);
-              validFields.push(field);
-              item.errRule = rest[0].rule;
-              return Promise.reject(rest);
-            }));
-          }
-        });
-        return Promise.all(itemValids).then(function () {
-          if (callback) {
-            callback();
-          }
-        }).catch(function () {
-          return new Promise(function (resolve) {
-            internalData.meTimeout = setTimeout(function () {
-              itemList.forEach(function (item) {
-                if (item.errRule) {
-                  item.showError = true;
-                }
-              });
-            }, 20);
-            if (validOpts.autoPos !== false) {
-              $xeForm.$nextTick(function () {
-                $xeForm.handleFocus(validFields);
-              });
-            }
-            if (callback) {
-              callback(validRest);
-              resolve();
-            } else {
-              resolve(validRest);
-            }
-          });
-        });
+    align: {
+      type: String,
+      default: function _default() {
+        return getConfig().form.align;
       }
-      if (callback) {
-        callback();
+    },
+    verticalAlign: {
+      type: String,
+      default: function _default() {
+        return getConfig().form.verticalAlign;
       }
-      return Promise.resolve();
     },
-    validate: function validate(callback) {
-      var $xeForm = this;
-      var props = $xeForm;
-      var readonly = props.readonly;
-      $xeForm.clearValidate();
-      if (readonly) {
-        return $xeForm.$nextTick();
+    border: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.border;
       }
-      return $xeForm.beginValidate($xeForm.getItems(), '', callback).then(function (params) {
-        $xeForm.recalculate();
-        return params;
-      });
     },
-    validateField: function validateField(fieldOrItem, callback) {
-      var $xeForm = this;
-      var props = $xeForm;
-      var readonly = props.readonly;
-      if (readonly) {
-        return $xeForm.$nextTick();
+    titleBackground: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.titleBackground;
       }
-      var fields = [];
-      if (fieldOrItem) {
-        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrItem)) {
-          fields = fieldOrItem;
-        } else {
-          fields = [fieldOrItem];
-        }
+    },
+    titleBold: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.titleBold;
       }
-      return $xeForm.beginValidate(fields.map(function (field) {
-        return handleFieldOrItem($xeForm, field);
-      }), '', callback).then(function (params) {
-        $xeForm.recalculate();
-        return params;
-      });
     },
-    submitEvent: function submitEvent(evnt) {
-      var $xeForm = this;
-      var props = $xeForm;
-      var readonly = props.readonly;
-      evnt.preventDefault();
-      if (!props.preventSubmit) {
-        $xeForm.clearValidate();
-        if (readonly) {
-          $xeForm.dispatchEvent('submit', {
-            data: props.data
-          }, evnt);
-          $xeForm.recalculate();
-          return;
-        }
-        $xeForm.beginValidate($xeForm.getItems()).then(function (errMap) {
-          if (errMap) {
-            $xeForm.dispatchEvent('submit-invalid', {
-              data: props.data,
-              errMap: errMap
-            }, evnt);
-          } else {
-            $xeForm.dispatchEvent('submit', {
-              data: props.data
-            }, evnt);
-          }
-          $xeForm.recalculate();
-        });
+    titleAlign: {
+      type: String,
+      default: function _default() {
+        return getConfig().form.titleAlign;
       }
     },
-    closeTooltip: function closeTooltip() {
-      var $xeForm = this;
-      var internalData = $xeForm.internalData;
-      var tooltipStore = internalData.tooltipStore;
-      var $tooltip = $xeForm.$refs.refTooltip;
-      if (tooltipStore.visible) {
-        Object.assign(tooltipStore, {
-          item: null,
-          visible: false
-        });
-        if ($tooltip) {
-          $tooltip.close();
-        }
+    titleWidth: {
+      type: [String, Number],
+      default: function _default() {
+        return getConfig().form.titleWidth;
+      }
+    },
+    titleColon: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.titleColon;
+      }
+    },
+    titleAsterisk: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.titleAsterisk;
       }
-      return $xeForm.$nextTick();
     },
-    triggerTitleTipEvent: function triggerTitleTipEvent(evnt, params) {
-      var $xeForm = this;
-      var internalData = $xeForm.internalData;
-      var item = params.item;
-      var tooltipStore = internalData.tooltipStore;
-      var $tooltip = $xeForm.$refs.refTooltip;
-      var overflowElem = evnt.currentTarget.children[0];
-      var content = (overflowElem.textContent || '').trim();
-      var isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
-      clearTimeout(internalData.stTimeout);
-      if (tooltipStore.item !== item) {
-        $xeForm.closeTooltip();
+    titleOverflow: {
+      type: [Boolean, String],
+      default: function _default() {
+        return getConfig().form.titleOverflow;
       }
-      if (content && isCellOverflow) {
-        Object.assign(tooltipStore, {
-          item: item,
-          visible: true
-        });
-        if ($tooltip) {
-          $tooltip.open(overflowElem, content);
-        }
+    },
+    vertical: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.vertical;
       }
     },
-    handleTitleTipLeaveEvent: function handleTitleTipLeaveEvent() {
-      var $xeForm = this;
-      var internalData = $xeForm.internalData;
-      var tooltipOpts = $xeForm.computeTooltipOpts;
-      var $tooltip = $xeForm.$refs.refTooltip;
-      if ($tooltip) {
-        $tooltip.setActived(false);
+    padding: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.padding;
       }
-      if (tooltipOpts.enterable) {
-        internalData.stTimeout = setTimeout(function () {
-          $tooltip = $xeForm.$refs.refTooltip;
-          if ($tooltip && !$tooltip.isActived()) {
-            $xeForm.closeTooltip();
-          }
-        }, tooltipOpts.leaveDelay);
-      } else {
-        $xeForm.closeTooltip();
+    },
+    className: [String, Function],
+    readonly: Boolean,
+    disabled: Boolean,
+    items: Array,
+    rules: Object,
+    preventSubmit: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.preventSubmit;
       }
     },
-    triggerItemEvent: function triggerItemEvent(evnt, field, itemValue) {
-      var $xeForm = this;
-      if (field) {
-        return $xeForm.validItemRules(evnt ? ['blur'].includes(evnt.type) ? 'blur' : 'change' : 'all', field, itemValue).then(function () {
-          $xeForm.clearValidate(field);
-        }).catch(function (errorMaps) {
-          var rest = errorMaps[field];
-          var item = $xeForm.getItemByField(field);
-          if (rest && item) {
-            item.showError = true;
-            item.errRule = rest[0].rule;
-          }
-        });
+    validConfig: Object,
+    tooltipConfig: Object,
+    collapseConfig: Object,
+    customLayout: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().form.customLayout;
       }
-      return $xeForm.$nextTick();
     },
-    /**
-     * 更新项状态
-     * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一项编辑状态
-     * 如果单元格配置了校验规则，则会进行校验
-     */
-    updateStatus: function updateStatus(scope, itemValue) {
+    params: Object
+  },
+  inject: {
+    $xeGrid: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    var $xeForm = this;
+    return {
+      $xeForm: $xeForm,
+      xeFormItemInfo: null,
+      $xeFormGroup: null,
+      $xeFormItem: null
+    };
+  },
+  data: function data() {
+    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    var reactData = {
+      collapseAll: false,
+      staticItems: [],
+      formItems: [],
+      itemWidth: 0
+    };
+    var internalData = createInternalData();
+    return {
+      xID: xID,
+      reactData: reactData,
+      internalData: internalData
+    };
+  },
+  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
+    computeValidOpts: function computeValidOpts() {
       var $xeForm = this;
-      var field = scope.field;
-      return $xeForm.triggerItemEvent(new Event('change'), field, itemValue);
+      var props = $xeForm;
+      return Object.assign({}, getConfig().form.validConfig, props.validConfig);
     },
-    recalculate: function recalculate() {
+    computeTooltipOpts: function computeTooltipOpts() {
       var $xeForm = this;
-      var autoItemWidthList = $xeForm.computeAutoItemWidthList;
-      var el = $xeForm.$refs.refElem;
-      if (el && autoItemWidthList.length) {
-        var itemElList = el.querySelectorAll(autoItemWidthList.map(function (item) {
-          return ".vxe-form--item-title[itemid=\"".concat(item.id, "\"]");
-        }).join(','));
-        var maxItemWidth = 0;
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(itemElList, function (itemEl) {
-          itemEl.style.width = '';
-          maxItemWidth = Math.max(maxItemWidth, Math.ceil(itemEl.clientWidth + 2));
-        });
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(itemElList, function (itemEl) {
-          itemEl.style.width = "".concat(maxItemWidth, "px");
-        });
-      }
-      return $xeForm.$nextTick();
+      var props = $xeForm;
+      return Object.assign({}, getConfig().tooltip, getConfig().form.tooltipConfig, props.tooltipConfig);
     },
-    handleGlobalResizeEvent: function handleGlobalResizeEvent() {
+    computeCollapseOpts: function computeCollapseOpts() {
       var $xeForm = this;
-      $xeForm.recalculate();
+      var props = $xeForm;
+      return Object.assign({}, getConfig().form.collapseConfig, props.collapseConfig);
     },
-    //
-    // Render
-    //
-    renderVN: function renderVN(h) {
+    computeAutoItemWidthList: function computeAutoItemWidthList() {
       var $xeForm = this;
       var props = $xeForm;
-      var slots = $xeForm.$scopedSlots;
       var reactData = $xeForm.reactData;
-      var loading = props.loading,
-        border = props.border,
-        className = props.className,
-        data = props.data,
-        customLayout = props.customLayout;
+      var allTitleWidth = props.titleWidth,
+        allVertical = props.vertical;
       var formItems = reactData.formItems;
-      // const formItems: any[] = []
-      var vSize = $xeForm.computeSize;
-      var tooltipOpts = $xeForm.computeTooltipOpts;
-      var defaultSlot = slots.default;
-      return h('form', {
-        ref: 'refElem',
-        class: ['vxe-form', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
-          items: formItems,
-          data: data,
-          $form: $xeForm
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--border', border), 'custom--layout', customLayout), 'is--loading', loading)],
-        on: {
-          submit: $xeForm.submitEvent,
-          reset: $xeForm.resetEvent
-        }
-      }, [h('div', {
-        class: 'vxe-form--wrapper vxe-form--item-row'
-      }, customLayout ? defaultSlot ? defaultSlot({}) : [] : formItems.map(function (item, index) {
-        return h(form_config_item, {
-          key: index,
-          props: {
-            itemConfig: item
+      var itemList = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(formItems, function (item) {
+        var titleWidth = item.titleWidth,
+          vertical = item.vertical;
+        if (titleWidth === 'auto') {
+          itemList.push(item);
+        } else {
+          var itemVertical = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(vertical) ? allVertical : vertical;
+          var itemTitleWidth = itemVertical ? null : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(titleWidth) ? allTitleWidth : titleWidth;
+          if (itemTitleWidth === 'auto' && (!item.children || !item.children.length)) {
+            itemList.push(item);
           }
-        });
-      })), h('div', {
-        class: 'vxe-form-slots',
-        ref: 'hideItem'
-      }, customLayout ? [] : defaultSlot ? defaultSlot({}) : []),
-      /**
-       * 加载中
-       */
-      h(src_loading, {
-        class: 'vxe-form--loading',
-        props: {
-          value: loading
         }
-      }),
-      /**
-       * 工具提示
-       */
-      h(tooltip, _objectSpread2({
-        ref: 'refTooltip'
-      }, tooltipOpts))]);
+      }, {
+        children: 'children'
+      });
+      return itemList;
     }
-  },
-  watch: {
-    'reactData.staticItems': function reactDataStaticItems() {
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeForm = this;
+      $xeForm.$emit(type, createEvent(evnt, {
+        $form: $xeForm
+      }, params));
+    },
+    callSlot: function callSlot(slotFunc, params, h) {
+      var $xeForm = this;
+      var slots = $xeForm.$scopedSlots;
+      if (slotFunc) {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
+          slotFunc = slots[slotFunc] || null;
+        }
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
+          return vn_getSlotVNs(slotFunc.call($xeForm, params, h));
+        }
+      }
+      return [];
+    },
+    loadItem: function loadItem(list) {
+      var $xeForm = this;
+      var slots = $xeForm.$scopedSlots;
+      var reactData = $xeForm.reactData;
+      var internalData = $xeForm.internalData;
+      if (list.length) {
+        list.forEach(function (item) {
+          if (item.slots) {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, function (func) {
+              if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
+                if (!slots[func]) {
+                  errLog('vxe.error.notSlot', [func]);
+                }
+              }
+            });
+          }
+        });
+      }
+      reactData.staticItems = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().mapTree(list, function (item) {
+        return createItem($xeForm, item);
+      }, {
+        children: 'children'
+      });
+      internalData.itemFormatCache = {};
+      return $xeForm.$nextTick().then(function () {
+        return $xeForm.recalculate();
+      });
+    },
+    getItems: function getItems() {
       var $xeForm = this;
       var reactData = $xeForm.reactData;
-      reactData.formItems = reactData.staticItems;
-      $xeForm.$nextTick().then(function () {
-        $xeForm.recalculate();
+      var itemList = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(reactData.formItems, function (item) {
+        itemList.push(item);
+      }, {
+        children: 'children'
       });
+      return itemList;
     },
-    items: function items() {
+    getItemByField: function getItemByField(field) {
       var $xeForm = this;
-      var props = $xeForm;
-      $xeForm.loadItem(props.items || []);
+      var reactData = $xeForm.reactData;
+      var rest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(reactData.formItems, function (item) {
+        return item.field === field;
+      }, {
+        children: 'children'
+      });
+      return rest ? rest.item : null;
     },
-    collapseStatus: function collapseStatus(val) {
+    getCollapseStatus: function getCollapseStatus() {
       var $xeForm = this;
       var reactData = $xeForm.reactData;
-      reactData.collapseAll = !!val;
+      return reactData.collapseAll;
     },
-    readonly: function readonly() {
+    toggleCollapse: function toggleCollapse() {
       var $xeForm = this;
-      $xeForm.clearValidate();
+      var reactData = $xeForm.reactData;
+      var status = !$xeForm.getCollapseStatus();
+      reactData.collapseAll = status;
+      $xeForm.$emit('update:collapseStatus', status);
+      return $xeForm.$nextTick();
     },
-    disabled: function disabled() {
+    toggleCollapseEvent: function toggleCollapseEvent(evnt) {
       var $xeForm = this;
-      $xeForm.clearValidate();
-    }
-  },
-  created: function created() {
-    var $xeForm = this;
-    var props = $xeForm;
-    var reactData = $xeForm.reactData;
-    reactData.collapseAll = !!props.collapseStatus;
-  },
-  mounted: function mounted() {
-    var $xeForm = this;
-    var props = $xeForm;
-    if (props.items) {
-      $xeForm.loadItem(props.items);
-    }
-    $xeForm.$nextTick(function () {
-      if (props.customLayout && props.items) {
-        errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
-      }
-    });
-    globalEvents.on($xeForm, 'resize', $xeForm.handleGlobalResizeEvent);
-  },
-  destroyed: function destroyed() {
-    var $xeForm = this;
-    var internalData = $xeForm.internalData;
-    globalEvents.off($xeForm, 'resize');
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, createInternalData());
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-})); /* define-vxe-component end */
-;// CONCATENATED MODULE: ./packages/form/render/index.ts
-
-
-
-
-
-
-
-
-
-
-
-
-var componentDefaultModelProp = 'value';
-/**
- * 已废弃
- * @deprecated
- */
-function getOldComponentName(name) {
-  return "vxe-".concat(name.replace('$', ''));
-}
-/**
- * 已废弃
- * @deprecated
- */
-function getOldComponent(_ref) {
-  var name = _ref.name;
-  return getOldComponentName(name);
-}
-function getDefaultComponent(_ref2) {
-  var name = _ref2.name;
-  return getComponent(name) || name;
-}
-function getNativeAttrs(renderOpts) {
-  var name = renderOpts.name,
-    attrs = renderOpts.attrs;
-  if (name === 'input') {
-    attrs = Object.assign({
-      type: 'text'
-    }, attrs);
-  }
-  return attrs;
-}
-function getComponentFormItemProps(renderOpts, params, value, defaultProps) {
-  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign({}, defaultProps, renderOpts.props, _defineProperty({}, componentDefaultModelProp, value));
-}
-/**
- * 原生事件处理
- * @param renderOpts
- * @param params
- * @param modelFunc
- * @param changeFunc
- */
-function getElementOns(renderOpts, params, modelFunc, changeFunc) {
-  var events = renderOpts.events;
-  var modelEvent = getModelEvent(renderOpts.name);
-  var changeEvent = getChangeEvent(renderOpts.name);
-  var isSameEvent = changeEvent === modelEvent;
-  var ons = {};
-  if (events) {
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().objectEach(events, function (func, key) {
-      ons[getOnName(key)] = function () {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
+      var props = $xeForm;
+      var $xeGrid = $xeForm.$xeGrid;
+      $xeForm.toggleCollapse();
+      var status = $xeForm.getCollapseStatus();
+      $xeForm.dispatchEvent('toggle-collapse', {
+        status: status,
+        collapse: status,
+        data: props.data
+      }, evnt);
+      $xeForm.dispatchEvent('collapse', {
+        status: status,
+        collapse: status,
+        data: props.data
+      }, evnt);
+      $xeForm.$nextTick(function () {
+        $xeForm.recalculate();
+        if ($xeGrid) {
+          $xeGrid.recalculate();
         }
-        func.apply(void 0, [params].concat(args));
-      };
-    });
-  }
-  if (modelFunc) {
-    ons[getOnName(modelEvent)] = function (targetEvnt) {
-      modelFunc(targetEvnt);
-      if (isSameEvent && changeFunc) {
-        changeFunc(targetEvnt);
-      }
-      if (events && events[modelEvent]) {
-        events[modelEvent](params, targetEvnt);
-      }
-    };
-  }
-  if (!isSameEvent && changeFunc) {
-    ons[getOnName(changeEvent)] = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      changeFunc.apply(void 0, args);
-      if (events && events[changeEvent]) {
-        events[changeEvent].apply(events, [params].concat(args));
-      }
-    };
-  }
-  return ons;
-}
-/**
- * 组件事件处理
- * @param renderOpts
- * @param params
- * @param modelFunc
- * @param changeFunc
- */
-function getComponentOns(renderOpts, params, eFns, eventOns) {
-  var events = renderOpts.events;
-  var _ref3 = eFns || {},
-    modelFunc = _ref3.model,
-    changeFunc = _ref3.change;
-  var modelEvent = getModelEvent(renderOpts.name);
-  var changeEvent = getChangeEvent(renderOpts.name);
-  var ons = {};
-  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().objectEach(events, function (func, key) {
-    ons[getOnName(key)] = function () {
-      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
-        errLog('vxe.error.errFunc', [func]);
-      }
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-      func.apply(void 0, [params].concat(args));
-    };
-  });
-  if (modelFunc) {
-    ons[getOnName(modelEvent)] = function (targetEvnt) {
-      modelFunc(targetEvnt);
-      if (events && events[modelEvent]) {
-        events[modelEvent](params, targetEvnt);
-      }
-    };
-  }
-  if (changeFunc) {
-    ons[getOnName(changeEvent)] = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-      changeFunc.apply(void 0, args);
-      if (events && events[changeEvent]) {
-        events[changeEvent].apply(events, [params].concat(args));
+      });
+    },
+    clearValidate: function clearValidate(fieldOrItem) {
+      var $xeForm = this;
+      if (fieldOrItem) {
+        var fields = fieldOrItem;
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrItem)) {
+          fields = [fieldOrItem];
+        }
+        fields.forEach(function (field) {
+          if (field) {
+            var item = handleFieldOrItem($xeForm, field);
+            if (item) {
+              item.showError = false;
+            }
+          }
+        });
+      } else {
+        $xeForm.getItems().forEach(function (item) {
+          item.showError = false;
+        });
       }
-    };
-  }
-  return eventOns ? Object.assign(ons, eventOns) : ons;
-}
-function getItemOns(renderOpts, params) {
-  var $form = params.$form,
-    data = params.data,
-    field = params.field;
-  return getComponentOns(renderOpts, params, {
-    model: function model(value) {
-      // 处理 model 值双向绑定
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, value);
+      return $xeForm.$nextTick();
     },
-    change: function change() {
-      // 处理 change 事件相关逻辑
-      $form.updateStatus(params);
-    }
-  });
-}
-function getNativeItemOns(renderOpts, params) {
-  var $form = params.$form,
-    data = params.data,
-    field = params.field;
-  return getElementOns(renderOpts, params, function (evnt) {
-    // 处理 model 值双向绑定
-    var itemValue = evnt.target.value;
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, itemValue);
-  }, function () {
-    // 处理 change 事件相关逻辑
-    $form.updateStatus(params);
-  });
-}
-function renderNativeOptgroup(h, renderOpts, params, renderOptionsMethods) {
-  var optionGroups = renderOpts.optionGroups,
-    _renderOpts$optionGro = renderOpts.optionGroupProps,
-    optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro;
-  var groupOptions = optionGroupProps.options || 'options';
-  var groupLabel = optionGroupProps.label || 'label';
-  if (optionGroups) {
-    return optionGroups.map(function (group, gIndex) {
-      return h('optgroup', {
-        key: gIndex,
-        attrs: {
-          label: group[groupLabel]
+    getResetValue: function getResetValue(item, data, itemValue) {
+      var $xeForm = this;
+      var $xeGrid = $xeForm.$xeGrid;
+      var field = item.field,
+        resetValue = item.resetValue;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(resetValue)) {
+        return resetValue({
+          field: field,
+          item: item,
+          data: data,
+          $form: $xeForm,
+          $grid: $xeGrid
+        });
+      } else if (resetValue === null) {
+        // 默认
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(itemValue)) {
+          return [];
         }
-      }, renderOptionsMethods(group[groupOptions], renderOpts, params));
-    });
-  }
-  return [];
-}
-/**
- * 渲染表单-项
- * 用于渲染原生的标签
- */
-function nativeItemRender(h, renderOpts, params) {
-  var data = params.data,
-    field = params.field;
-  var name = renderOpts.name;
-  var attrs = getNativeAttrs(renderOpts);
-  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-  return [h(name, {
-    class: "vxe-default-".concat(name),
-    attrs: attrs,
-    domProps: {
-      value: attrs && name === 'input' && (attrs.type === 'submit' || attrs.type === 'reset') ? null : itemValue
+      }
+      return resetValue;
     },
-    on: getNativeItemOns(renderOpts, params)
-  })];
-}
-function defaultItemRender(h, renderOpts, params) {
-  var data = params.data,
-    field = params.field;
-  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-  return [h(getDefaultComponent(renderOpts), {
-    props: getComponentFormItemProps(renderOpts, params, itemValue),
-    on: getItemOns(renderOpts, params)
-  })];
-}
-/**
- * 已废弃
- * @deprecated
- */
-function oldItemRender(h, renderOpts, params) {
-  var data = params.data,
-    field = params.field;
-  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-  return [h(getOldComponent(renderOpts), {
-    props: getComponentFormItemProps(renderOpts, params, itemValue),
-    on: getItemOns(renderOpts, params)
-  })];
-}
-/**
- * 已废弃
- * @deprecated
- */
-function oldButtonItemRender(h, renderOpts, params) {
-  return [h('vxe-button', {
-    props: getComponentFormItemProps(renderOpts, params, null),
-    on: getComponentOns(renderOpts, params)
-  })];
-}
-/**
- * 已废弃
- * @deprecated
- */
-function oldButtonsItemRender(h, renderOpts, params) {
-  return renderOpts.children.map(function (childRenderOpts) {
-    return oldButtonItemRender(h, childRenderOpts, params)[0];
-  });
-}
-/**
- * 渲染原生的 select 标签
- */
-function renderNativeFormOptions(h, options, renderOpts, params) {
-  var data = params.data,
-    field = params.field;
-  var _renderOpts$optionPro = renderOpts.optionProps,
-    optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro;
-  var labelProp = optionProps.label || 'label';
-  var valueProp = optionProps.value || 'value';
-  var disabledProp = optionProps.disabled || 'disabled';
-  var cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-  if (options) {
-    return options.map(function (item, oIndex) {
-      return h('option', {
-        key: oIndex,
-        props: {
-          value: item[valueProp],
-          disabled: item[disabledProp],
-          /* eslint-disable eqeqeq */
-          selected: item[valueProp] == cellValue
-        }
-      }, item[labelProp]);
-    });
-  }
-  return [];
-}
-/**
- * 渲染表单-项
- */
-function defaultFormItemRender(h, renderOpts, params) {
-  var data = params.data,
-    field = params.field;
-  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-  return [h(getDefaultComponent(renderOpts), {
-    props: getComponentFormItemProps(renderOpts, params, itemValue),
-    on: getItemOns(renderOpts, params)
-  })];
-}
-function formItemRadioAndCheckboxRender(h, renderOpts, params) {
-  var options = renderOpts.options,
-    optionProps = renderOpts.optionProps;
-  var data = params.data,
-    field = params.field;
-  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-  return [h(getDefaultComponent(renderOpts), {
-    props: _objectSpread2({
-      options: options,
-      optionProps: optionProps
-    }, getComponentFormItemProps(renderOpts, params, itemValue)),
-    on: getItemOns(renderOpts, params)
-  })];
-}
-/**
- * 已废弃
- * @deprecated
- */
-function oldFormItemRadioAndCheckboxRender(h, renderOpts, params) {
-  var name = renderOpts.name,
-    options = renderOpts.options,
-    _renderOpts$optionPro2 = renderOpts.optionProps,
-    optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2;
-  var data = params.data,
-    field = params.field;
-  var labelProp = optionProps.label || 'label';
-  var valueProp = optionProps.value || 'value';
-  var disabledProp = optionProps.disabled || 'disabled';
-  var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-  var compName = getOldComponentName(name);
-  // 如果是分组
-  if (options) {
-    return [h("".concat(compName, "-group"), {
-      props: getComponentFormItemProps(renderOpts, params, itemValue),
-      on: getItemOns(renderOpts, params),
-      scopedSlots: {
-        default: function _default() {
-          return options.map(function (item, index) {
-            return h(compName, {
-              key: index,
-              props: {
-                label: item[valueProp],
-                content: item[labelProp],
-                disabled: item[disabledProp]
+    reset: function reset() {
+      var $xeForm = this;
+      var props = $xeForm;
+      var $xeGrid = $xeForm.$xeGrid;
+      var internalData = $xeForm.internalData;
+      var data = props.data;
+      var itemList = $xeForm.getItems();
+      if (data) {
+        itemList.forEach(function (item) {
+          var field = item.field,
+            itemRender = item.itemRender;
+          if (isEnableConf(itemRender)) {
+            var name = itemRender.name,
+              startField = itemRender.startField,
+              endField = itemRender.endField;
+            var compConf = renderer.get(name);
+            var fiResetMethod = compConf ? compConf.formItemResetMethod || compConf.itemResetMethod : null;
+            if (compConf && fiResetMethod) {
+              fiResetMethod({
+                data: data,
+                field: field,
+                property: field,
+                item: item,
+                $form: $xeForm,
+                $grid: $xeGrid
+              });
+            } else if (field) {
+              var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
+              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, $xeForm.getResetValue(item, data, itemValue));
+            }
+            if (startField && endField) {
+              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, startField, $xeForm.getResetValue(item, data, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, startField)));
+              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, endField, $xeForm.getResetValue(item, data, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, endField)));
+            }
+          }
+        });
+      }
+      internalData.itemFormatCache = {};
+      $xeForm.clearValidate();
+      return $xeForm.recalculate();
+    },
+    resetEvent: function resetEvent(evnt) {
+      var $xeForm = this;
+      var props = $xeForm;
+      evnt.preventDefault();
+      $xeForm.reset();
+      $xeForm.dispatchEvent('reset', {
+        data: props.data
+      }, evnt);
+    },
+    handleFocus: function handleFocus(fields) {
+      var $xeForm = this;
+      var props = $xeForm;
+      var $xeGrid = $xeForm.$xeGrid;
+      var el = $xeForm.$refs.refElem;
+      if (el) {
+        for (var i = 0; i < fields.length; i++) {
+          var field = fields[i];
+          var item = $xeForm.getItemByField(field);
+          if (item && isEnableConf(item.itemRender)) {
+            var itemRender = item.itemRender;
+            var compConf = renderer.get(itemRender.name);
+            // 定位到第一个
+            if (!i) {
+              scrollToView(el.querySelector(".".concat(item.id)));
+            }
+            var inputElem = null;
+            var autoFocus = itemRender.autoFocus || itemRender.autofocus || (compConf ? compConf.formItemAutoFocus : null);
+            // 如果指定了聚焦 class
+            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(autoFocus)) {
+              inputElem = autoFocus({
+                $form: $xeForm,
+                $grid: $xeGrid,
+                item: item,
+                data: props.data,
+                field: field
+              });
+            } else {
+              if (autoFocus === true) {
+                // 自动匹配模式，会自动匹配第一个可输入元素
+                inputElem = el.querySelector(".".concat(item.id, " input,textarea"));
+              } else if (autoFocus) {
+                inputElem = el.querySelector(".".concat(item.id, " ").concat(autoFocus));
               }
-            });
-          });
+            }
+            if (inputElem) {
+              inputElem.focus();
+              break;
+            }
+          }
         }
       }
-    })];
-  }
-  return [h(compName, {
-    props: getComponentFormItemProps(renderOpts, params, itemValue),
-    on: getItemOns(renderOpts, params)
-  })];
-}
-/**
- * 表单 - 渲染器
- */
-renderer.mixin({
-  input: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: nativeItemRender
-  },
-  textarea: {
-    formItemAutoFocus: 'textarea',
-    renderFormItemContent: nativeItemRender
-  },
-  select: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      return [h('select', {
-        class: 'vxe-default-select',
-        attrs: _objectSpread2({}, getNativeAttrs(renderOpts)),
-        on: getNativeItemOns(renderOpts, params)
-      }, renderOpts.optionGroups ? renderNativeOptgroup(h, renderOpts, params, renderNativeFormOptions) : renderNativeFormOptions(h, renderOpts.options, renderOpts, params))];
-    }
-  },
-  VxeInput: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: defaultItemRender
-  },
-  VxeNumberInput: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: defaultItemRender
-  },
-  VxePasswordInput: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: defaultItemRender
-  },
-  VxeTextarea: {
-    formItemAutoFocus: 'textarea',
-    renderFormItemContent: defaultItemRender
-  },
-  VxeDatePicker: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: defaultItemRender
-  },
-  VxeDateRangePicker: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var startField = renderOpts.startField,
-        endField = renderOpts.endField;
-      var $form = params.$form,
-        data = params.data,
-        field = params.field;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      var seProps = {};
-      var seOs = {};
-      if (startField && endField) {
-        seProps.startValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, startField);
-        seProps.endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, endField);
-        seOs['update:startValue'] = function (value) {
-          if (startField) {
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, startField, value);
+    },
+    /**
+     * 校验数据
+     * 按表格行、列顺序依次校验（同步或异步）
+     * 校验规则根据索引顺序依次校验，如果是异步则会等待校验完成才会继续校验下一列
+     * 如果校验失败则，触发回调或者 Promise<(ErrMap 校验不通过列的信息)>
+     * 如果是传回调方式这返回一个 (ErrMap 校验不通过列的信息)
+     *
+     * rule 配置：
+     *  required=Boolean 是否必填
+     *  min=Number 最小长度
+     *  max=Number 最大长度
+     *  validator=Function({ itemValue, rule, rules, data, property }) 自定义校验，接收一个 Promise
+     *  trigger=change 触发方式
+     */
+    validItemRules: function validItemRules(validType, fields, val) {
+      var $xeForm = this;
+      var props = $xeForm;
+      var data = props.data,
+        formRules = props.rules;
+      var errorMaps = {};
+      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fields)) {
+        fields = [fields];
+      }
+      return Promise.all(fields.map(function (property) {
+        var errorRules = [];
+        var syncVailds = [];
+        if (property && formRules) {
+          var rules = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(formRules, property);
+          if (rules) {
+            var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(val) ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, property) : val;
+            rules.forEach(function (rule) {
+              var trigger = rule.trigger,
+                validator = rule.validator;
+              if (validType === 'all' || !trigger || validType === trigger) {
+                if (validator) {
+                  var validParams = {
+                    itemValue: itemValue,
+                    rule: rule,
+                    rules: rules,
+                    data: data,
+                    field: property,
+                    property: property,
+                    $form: $xeForm
+                  };
+                  var customValid;
+                  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(validator)) {
+                    var gvItem = validators.get(validator);
+                    if (gvItem) {
+                      var validatorMethod = gvItem.formItemValidatorMethod || gvItem.itemValidatorMethod;
+                      if (validatorMethod) {
+                        customValid = validatorMethod(validParams);
+                      } else {
+                        warnLog('vxe.error.notValidators', [validator]);
+                      }
+                    } else {
+                      errLog('vxe.error.notValidators', [validator]);
+                    }
+                  } else {
+                    customValid = validator(validParams);
+                  }
+                  if (customValid) {
+                    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isError(customValid)) {
+                      errorRules.push(new Rule({
+                        type: 'custom',
+                        trigger: trigger,
+                        content: customValid.message,
+                        rule: new Rule(rule)
+                      }));
+                    } else if (customValid.catch) {
+                      // 如果为异步校验（注：异步校验是并发无序的）
+                      syncVailds.push(customValid.catch(function (e) {
+                        errorRules.push(new Rule({
+                          type: 'custom',
+                          trigger: trigger,
+                          content: e ? e.message : rule.content || rule.message,
+                          rule: new Rule(rule)
+                        }));
+                      }));
+                    }
+                  }
+                } else {
+                  if (!checkRuleStatus(rule, itemValue)) {
+                    errorRules.push(new Rule(rule));
+                  }
+                }
+              }
+            });
           }
-        };
-        seOs['update:endValue'] = function (value) {
-          if (endField) {
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, endField, value);
+        }
+        return Promise.all(syncVailds).then(function () {
+          if (errorRules.length) {
+            errorMaps[property] = errorRules.map(function (rule) {
+              return {
+                $form: $xeForm,
+                rule: rule,
+                data: data,
+                field: property,
+                property: property
+              };
+            });
+          }
+        });
+      })).then(function () {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEmpty(errorMaps)) {
+          return Promise.reject(errorMaps);
+        }
+      });
+    },
+    beginValidate: function beginValidate(itemList, type, callback) {
+      var $xeForm = this;
+      var props = $xeForm;
+      var internalData = $xeForm.internalData;
+      var data = props.data,
+        formRules = props.rules;
+      var validOpts = $xeForm.computeValidOpts;
+      var validRest = {};
+      var validFields = [];
+      var itemValids = [];
+      clearTimeout(internalData.meTimeout);
+      if (data && formRules) {
+        itemList.forEach(function (item) {
+          var field = item.field;
+          if (field && !isHiddenItem($xeForm, item) && isActiveItem($xeForm, item)) {
+            itemValids.push($xeForm.validItemRules(type || 'all', field).then(function () {
+              item.errRule = null;
+            }).catch(function (errorMaps) {
+              var rest = errorMaps[field];
+              if (!validRest[field]) {
+                validRest[field] = [];
+              }
+              validRest[field].push(rest);
+              validFields.push(field);
+              item.errRule = rest[0].rule;
+              return Promise.reject(rest);
+            }));
+          }
+        });
+        return Promise.all(itemValids).then(function () {
+          if (callback) {
+            callback();
           }
-        };
+        }).catch(function () {
+          return new Promise(function (resolve) {
+            internalData.meTimeout = setTimeout(function () {
+              itemList.forEach(function (item) {
+                if (item.errRule) {
+                  item.showError = true;
+                }
+              });
+            }, 20);
+            if (validOpts.autoPos !== false) {
+              $xeForm.$nextTick(function () {
+                $xeForm.handleFocus(validFields);
+              });
+            }
+            if (callback) {
+              callback(validRest);
+              resolve();
+            } else {
+              resolve(validRest);
+            }
+          });
+        });
       }
-      return [h(getDefaultComponent(renderOpts), {
-        props: getComponentFormItemProps(renderOpts, params, itemValue, seProps),
-        on: getComponentOns(renderOpts, params, {
-          model: function model(value) {
-            // 处理 model 值双向绑定
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(data, field, value);
-          },
-          change: function change() {
-            // 处理 change 事件相关逻辑
-            $form.updateStatus(params);
+      if (callback) {
+        callback();
+      }
+      return Promise.resolve();
+    },
+    validate: function validate(callback) {
+      var $xeForm = this;
+      var props = $xeForm;
+      var readonly = props.readonly;
+      $xeForm.clearValidate();
+      if (readonly) {
+        return $xeForm.$nextTick();
+      }
+      return $xeForm.beginValidate($xeForm.getItems(), '', callback).then(function (params) {
+        $xeForm.recalculate();
+        return params;
+      });
+    },
+    validateField: function validateField(fieldOrItem, callback) {
+      var $xeForm = this;
+      var props = $xeForm;
+      var readonly = props.readonly;
+      if (readonly) {
+        return $xeForm.$nextTick();
+      }
+      var fields = [];
+      if (fieldOrItem) {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrItem)) {
+          fields = fieldOrItem;
+        } else {
+          fields = [fieldOrItem];
+        }
+      }
+      return $xeForm.beginValidate(fields.map(function (field) {
+        return handleFieldOrItem($xeForm, field);
+      }), '', callback).then(function (params) {
+        $xeForm.recalculate();
+        return params;
+      });
+    },
+    submitEvent: function submitEvent(evnt) {
+      var $xeForm = this;
+      var props = $xeForm;
+      var readonly = props.readonly;
+      evnt.preventDefault();
+      if (!props.preventSubmit) {
+        $xeForm.clearValidate();
+        if (readonly) {
+          $xeForm.dispatchEvent('submit', {
+            data: props.data
+          }, evnt);
+          $xeForm.recalculate();
+          return;
+        }
+        $xeForm.beginValidate($xeForm.getItems()).then(function (errMap) {
+          if (errMap) {
+            $xeForm.dispatchEvent('submit-invalid', {
+              data: props.data,
+              errMap: errMap
+            }, evnt);
+          } else {
+            $xeForm.dispatchEvent('submit', {
+              data: props.data
+            }, evnt);
           }
-        }, seOs)
-      })];
-    }
-  },
-  VxeButton: {
-    renderFormItemContent: defaultFormItemRender
-  },
-  VxeButtonGroup: {
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var options = renderOpts.options;
-      var data = params.data,
-        field = params.field;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: _objectSpread2({
-          options: options
-        }, getComponentFormItemProps(renderOpts, params, itemValue)),
-        on: getItemOns(renderOpts, params)
-      })];
-    }
-  },
-  VxeSelect: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var options = renderOpts.options,
-        optionProps = renderOpts.optionProps,
-        optionGroups = renderOpts.optionGroups,
-        optionGroupProps = renderOpts.optionGroupProps;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: getComponentFormItemProps(renderOpts, params, itemValue, {
-          options: options,
-          optionProps: optionProps,
-          optionGroups: optionGroups,
-          optionGroupProps: optionGroupProps
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
-    }
-  },
-  VxeTreeSelect: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var options = renderOpts.options,
-        optionProps = renderOpts.optionProps;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: getComponentFormItemProps(renderOpts, params, itemValue, {
-          options: options,
-          optionProps: optionProps
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
-    }
-  },
-  VxeTableSelect: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var options = renderOpts.options,
-        optionProps = renderOpts.optionProps;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: getComponentFormItemProps(renderOpts, params, itemValue, {
-          options: options,
-          optionProps: optionProps
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
-    }
-  },
-  VxeColorPicker: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var options = renderOpts.options;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: getComponentFormItemProps(renderOpts, params, itemValue, {
-          colors: options
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
-    }
-  },
-  VxeIconPicker: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var options = renderOpts.options;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: getComponentFormItemProps(renderOpts, params, itemValue, {
-          icons: options
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
-    }
-  },
-  VxeRadio: {
-    renderFormItemContent: defaultFormItemRender
-  },
-  VxeRadioGroup: {
-    renderFormItemContent: formItemRadioAndCheckboxRender
-  },
-  VxeCheckbox: {
-    renderFormItemContent: defaultFormItemRender
-  },
-  VxeCheckboxGroup: {
-    renderFormItemContent: formItemRadioAndCheckboxRender
-  },
-  VxeSwitch: {
-    renderFormItemContent: defaultItemRender
-  },
-  VxeRate: {
-    renderFormItemContent: defaultItemRender
-  },
-  VxeSlider: {
-    renderFormItemContent: defaultItemRender
-  },
-  VxeImage: {
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var props = renderOpts.props;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: _objectSpread2(_objectSpread2({}, props), {}, {
-          src: itemValue
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
+          $xeForm.recalculate();
+        });
+      }
+    },
+    closeTooltip: function closeTooltip() {
+      var $xeForm = this;
+      var internalData = $xeForm.internalData;
+      var tooltipStore = internalData.tooltipStore;
+      var $tooltip = $xeForm.$refs.refTooltip;
+      if (tooltipStore.visible) {
+        Object.assign(tooltipStore, {
+          item: null,
+          visible: false
+        });
+        if ($tooltip) {
+          $tooltip.close();
+        }
+      }
+      return $xeForm.$nextTick();
+    },
+    triggerTitleTipEvent: function triggerTitleTipEvent(evnt, params) {
+      var $xeForm = this;
+      var internalData = $xeForm.internalData;
+      var item = params.item;
+      var tooltipStore = internalData.tooltipStore;
+      var $tooltip = $xeForm.$refs.refTooltip;
+      var overflowElem = evnt.currentTarget.children[0];
+      var content = (overflowElem.textContent || '').trim();
+      var isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
+      clearTimeout(internalData.stTimeout);
+      if (tooltipStore.item !== item) {
+        $xeForm.closeTooltip();
+      }
+      if (content && isCellOverflow) {
+        Object.assign(tooltipStore, {
+          item: item,
+          visible: true
+        });
+        if ($tooltip) {
+          $tooltip.open(overflowElem, content);
+        }
+      }
+    },
+    handleTitleTipLeaveEvent: function handleTitleTipLeaveEvent() {
+      var $xeForm = this;
+      var internalData = $xeForm.internalData;
+      var tooltipOpts = $xeForm.computeTooltipOpts;
+      var $tooltip = $xeForm.$refs.refTooltip;
+      if ($tooltip) {
+        $tooltip.setActived(false);
+      }
+      if (tooltipOpts.enterable) {
+        internalData.stTimeout = setTimeout(function () {
+          $tooltip = $xeForm.$refs.refTooltip;
+          if ($tooltip && !$tooltip.isActived()) {
+            $xeForm.closeTooltip();
+          }
+        }, tooltipOpts.leaveDelay);
+      } else {
+        $xeForm.closeTooltip();
+      }
+    },
+    triggerItemEvent: function triggerItemEvent(evnt, field, itemValue) {
+      var $xeForm = this;
+      if (field) {
+        return $xeForm.validItemRules(evnt ? ['blur'].includes(evnt.type) ? 'blur' : 'change' : 'all', field, itemValue).then(function () {
+          $xeForm.clearValidate(field);
+        }).catch(function (errorMaps) {
+          var rest = errorMaps[field];
+          var item = $xeForm.getItemByField(field);
+          if (rest && item) {
+            item.showError = true;
+            item.errRule = rest[0].rule;
+          }
+        });
+      }
+      return $xeForm.$nextTick();
+    },
+    /**
+     * 更新项状态
+     * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一项编辑状态
+     * 如果单元格配置了校验规则，则会进行校验
+     */
+    updateStatus: function updateStatus(scope, itemValue) {
+      var $xeForm = this;
+      var field = scope.field;
+      return $xeForm.triggerItemEvent(new Event('change'), field, itemValue);
+    },
+    recalculate: function recalculate() {
+      var $xeForm = this;
+      var autoItemWidthList = $xeForm.computeAutoItemWidthList;
+      var el = $xeForm.$refs.refElem;
+      if (el && autoItemWidthList.length) {
+        var itemElList = el.querySelectorAll(autoItemWidthList.map(function (item) {
+          return ".vxe-form--item-title[itemid=\"".concat(item.id, "\"]");
+        }).join(','));
+        var maxItemWidth = 0;
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(itemElList, function (itemEl) {
+          itemEl.style.width = '';
+          maxItemWidth = Math.max(maxItemWidth, Math.ceil(itemEl.clientWidth + 2));
+        });
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(itemElList, function (itemEl) {
+          itemEl.style.width = "".concat(maxItemWidth, "px");
+        });
+      }
+      return $xeForm.$nextTick();
+    },
+    handleGlobalResizeEvent: function handleGlobalResizeEvent() {
+      var $xeForm = this;
+      $xeForm.recalculate();
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeForm = this;
+      var props = $xeForm;
+      var slots = $xeForm.$scopedSlots;
+      var reactData = $xeForm.reactData;
+      var loading = props.loading,
+        border = props.border,
+        className = props.className,
+        data = props.data,
+        customLayout = props.customLayout;
+      var formItems = reactData.formItems;
+      // const formItems: any[] = []
+      var vSize = $xeForm.computeSize;
+      var tooltipOpts = $xeForm.computeTooltipOpts;
+      var defaultSlot = slots.default;
+      return h('form', {
+        ref: 'refElem',
+        class: ['vxe-form', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
+          items: formItems,
+          data: data,
+          $form: $xeForm
+        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--border', border), 'custom--layout', customLayout), 'is--loading', loading)],
+        on: {
+          submit: $xeForm.submitEvent,
+          reset: $xeForm.resetEvent
+        }
+      }, [h('div', {
+        class: 'vxe-form--wrapper vxe-form--item-row'
+      }, customLayout ? defaultSlot ? defaultSlot({}) : [] : formItems.map(function (item, index) {
+        return h(form_config_item, {
+          key: index,
+          props: {
+            itemConfig: item
+          }
+        });
+      })), h('div', {
+        class: 'vxe-form-slots',
+        ref: 'hideItem'
+      }, customLayout ? [] : defaultSlot ? defaultSlot({}) : []),
+      /**
+       * 加载中
+       */
+      h(src_loading, {
+        class: 'vxe-form--loading',
+        props: {
+          value: loading
+        }
+      }),
+      /**
+       * 工具提示
+       */
+      h(tooltip, _objectSpread2({
+        ref: 'refTooltip'
+      }, tooltipOpts))]);
     }
   },
-  VxeImageGroup: {
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var props = renderOpts.props;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getDefaultComponent(renderOpts), {
-        props: _objectSpread2(_objectSpread2({}, props), {}, {
-          urlList: itemValue
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
+  watch: {
+    'reactData.staticItems': function reactDataStaticItems() {
+      var $xeForm = this;
+      var reactData = $xeForm.reactData;
+      reactData.formItems = reactData.staticItems;
+      $xeForm.$nextTick().then(function () {
+        $xeForm.recalculate();
+      });
+    },
+    items: function items() {
+      var $xeForm = this;
+      var props = $xeForm;
+      $xeForm.loadItem(props.items || []);
+    },
+    collapseStatus: function collapseStatus(val) {
+      var $xeForm = this;
+      var reactData = $xeForm.reactData;
+      reactData.collapseAll = !!val;
+    },
+    readonly: function readonly() {
+      var $xeForm = this;
+      $xeForm.clearValidate();
+    },
+    disabled: function disabled() {
+      var $xeForm = this;
+      $xeForm.clearValidate();
     }
   },
-  VxeUpload: {
-    renderFormItemContent: defaultItemRender
-  },
-  // 以下已废弃
-  $input: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: oldItemRender
-  },
-  $textarea: {
-    formItemAutoFocus: 'textarea',
-    renderFormItemContent: oldItemRender
-  },
-  $button: {
-    renderFormItemContent: oldButtonItemRender
-  },
-  $buttons: {
-    renderFormItemContent: oldButtonsItemRender
+  created: function created() {
+    var $xeForm = this;
+    var props = $xeForm;
+    var reactData = $xeForm.reactData;
+    reactData.collapseAll = !!props.collapseStatus;
   },
-  $select: {
-    formItemAutoFocus: 'input',
-    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
-      var data = params.data,
-        field = params.field;
-      var options = renderOpts.options,
-        optionProps = renderOpts.optionProps,
-        optionGroups = renderOpts.optionGroups,
-        optionGroupProps = renderOpts.optionGroupProps;
-      var itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-      return [h(getOldComponent(renderOpts), {
-        props: getComponentFormItemProps(renderOpts, params, itemValue, {
-          options: options,
-          optionProps: optionProps,
-          optionGroups: optionGroups,
-          optionGroupProps: optionGroupProps
-        }),
-        on: getItemOns(renderOpts, params)
-      })];
+  mounted: function mounted() {
+    var $xeForm = this;
+    var props = $xeForm;
+    if (props.items) {
+      $xeForm.loadItem(props.items);
     }
+    $xeForm.$nextTick(function () {
+      if (props.customLayout && props.items) {
+        errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
+      }
+    });
+    globalEvents.on($xeForm, 'resize', $xeForm.handleGlobalResizeEvent);
   },
-  $radio: {
-    renderFormItemContent: oldFormItemRadioAndCheckboxRender
-  },
-  $checkbox: {
-    renderFormItemContent: oldFormItemRadioAndCheckboxRender
+  destroyed: function destroyed() {
+    var $xeForm = this;
+    var internalData = $xeForm.internalData;
+    globalEvents.off($xeForm, 'resize');
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, createInternalData());
   },
-  $switch: {
-    renderFormItemContent: oldItemRender
+  render: function render(h) {
+    return this.renderVN(h);
   }
-  // 以上已废弃
-});
+})); /* define-vxe-component end */
 ;// CONCATENATED MODULE: ./packages/form/index.ts
 
 
 
 
 
-
 var VxeForm = Object.assign(src_form, {
   install: function install(app) {
     app.component(src_form.name, src_form);