vxe-table 3.3.14-beta.0 → 3.3.14-beta.1

package/lib/index.umd.js

@@ -504,33 +504,6 @@ fixRegExpWellKnownSymbolLogic('split', 2, function (SPLIT, nativeSplit, maybeCal
 }, !SUPPORTS_Y);
 
 
-/***/ }),
-
-/***/ "13d5":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__("23e7");
-var $reduce = __webpack_require__("d58f").left;
-var arrayMethodIsStrict = __webpack_require__("a640");
-var CHROME_VERSION = __webpack_require__("2d00");
-var IS_NODE = __webpack_require__("605d");
-
-var STRICT_METHOD = arrayMethodIsStrict('reduce');
-// Chrome 80-82 has a critical bug
-// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
-var CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;
-
-// `Array.prototype.reduce` method
-// https://tc39.es/ecma262/#sec-array.prototype.reduce
-$({ target: 'Array', proto: true, forced: !STRICT_METHOD || CHROME_BUG }, {
-  reduce: function reduce(callbackfn /* , initialValue */) {
-    return $reduce(this, callbackfn, arguments.length, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
-
 /***/ }),
 
 /***/ "14c3":
@@ -6396,53 +6369,6 @@ module.exports = function (it, TAG, STATIC) {
 };
 
 
-/***/ }),
-
-/***/ "d58f":
-/***/ (function(module, exports, __webpack_require__) {
-
-var aFunction = __webpack_require__("1c0b");
-var toObject = __webpack_require__("7b0b");
-var IndexedObject = __webpack_require__("44ad");
-var toLength = __webpack_require__("50c4");
-
-// `Array.prototype.{ reduce, reduceRight }` methods implementation
-var createMethod = function (IS_RIGHT) {
-  return function (that, callbackfn, argumentsLength, memo) {
-    aFunction(callbackfn);
-    var O = toObject(that);
-    var self = IndexedObject(O);
-    var length = toLength(O.length);
-    var index = IS_RIGHT ? length - 1 : 0;
-    var i = IS_RIGHT ? -1 : 1;
-    if (argumentsLength < 2) while (true) {
-      if (index in self) {
-        memo = self[index];
-        index += i;
-        break;
-      }
-      index += i;
-      if (IS_RIGHT ? index < 0 : length <= index) {
-        throw TypeError('Reduce of empty array with no initial value');
-      }
-    }
-    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
-      memo = callbackfn(memo, self[index], index, O);
-    }
-    return memo;
-  };
-};
-
-module.exports = {
-  // `Array.prototype.reduce` method
-  // https://tc39.es/ecma262/#sec-array.prototype.reduce
-  left: createMethod(false),
-  // `Array.prototype.reduceRight` method
-  // https://tc39.es/ecma262/#sec-array.prototype.reduceright
-  right: createMethod(true)
-};
-
-
 /***/ }),
 
 /***/ "d784":
@@ -10896,6 +10822,7 @@ function syncBodyScroll(scrollTop, elem1, elem2) {
           $xetable = this.$parent,
           fixedType = this.fixedType;
       var $refs = $xetable.$refs,
+          elemStore = $xetable.elemStore,
           highlightHoverRow = $xetable.highlightHoverRow,
           scrollXLoad = $xetable.scrollXLoad,
           scrollYLoad = $xetable.scrollYLoad,
@@ -10912,6 +10839,10 @@ function syncBodyScroll(scrollTop, elem1, elem2) {
       var bodyElem = tableBody.$el;
       var leftElem = leftBody ? leftBody.$el : null;
       var rightElem = rightBody ? rightBody.$el : null;
+      var bodyYElem = elemStore['main-body-ySpace'];
+      var bodyXElem = elemStore['main-body-xSpace'];
+      var bodyHeight = bodyYElem ? bodyYElem.clientHeight : 0;
+      var bodyWidth = bodyXElem ? bodyXElem.clientWidth : 0;
       var scrollTop = scrollBodyElem.scrollTop;
       var scrollLeft = bodyElem.scrollLeft;
       var isRollX = scrollLeft !== lastScrollLeft;
@@ -10967,6 +10898,8 @@ function syncBodyScroll(scrollTop, elem1, elem2) {
         fixed: fixedType,
         scrollTop: scrollTop,
         scrollLeft: scrollLeft,
+        bodyHeight: bodyHeight,
+        bodyWidth: bodyWidth,
         isX: isRollX,
         isY: isRollY
       }, evnt);
@@ -10975,7 +10908,8 @@ function syncBodyScroll(scrollTop, elem1, elem2) {
       var _this = this;
 
       var $xetable = this.$parent;
-      var $refs = $xetable.$refs;
+      var $refs = $xetable.$refs,
+          elemStore = $xetable.elemStore;
       var tableBody = $refs.tableBody,
           leftBody = $refs.leftBody,
           rightBody = $refs.rightBody;
@@ -10983,6 +10917,10 @@ function syncBodyScroll(scrollTop, elem1, elem2) {
       var leftElem = leftBody ? leftBody.$el : null;
       var rightElem = rightBody ? rightBody.$el : null;
       var remainSize = this.isPrevWheelTop === isTopWheel ? Math.max(0, this.wheelYSize - this.wheelYTotal) : 0;
+      var bodyYElem = elemStore['main-body-ySpace'];
+      var bodyXElem = elemStore['main-body-xSpace'];
+      var bodyHeight = bodyYElem ? bodyYElem.clientHeight : 0;
+      var bodyWidth = bodyXElem ? bodyXElem.clientWidth : 0;
       this.isPrevWheelTop = isTopWheel;
       this.wheelYSize = Math.abs(isTopWheel ? deltaTop - remainSize : deltaTop + remainSize);
       this.wheelYInterval = 0;
@@ -11028,6 +10966,8 @@ function syncBodyScroll(scrollTop, elem1, elem2) {
             fixed: fixedType,
             scrollTop: bodyElem.scrollTop,
             scrollLeft: bodyElem.scrollLeft,
+            bodyHeight: bodyHeight,
+            bodyWidth: bodyWidth,
             isX: isRollX,
             isY: isRollY
           }, evnt);
@@ -11145,9 +11085,6 @@ function _objectSpread2(target) {
 
   return target;
 }
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
-var es_array_reduce = __webpack_require__("13d5");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.trim.js
 var es_string_trim = __webpack_require__("498a");
 
@@ -12045,6 +11982,8 @@ var Cell = {
 
 
 
+
+
 
 
 
@@ -30342,6 +30281,8 @@ var Colgroup = Object.assign(src_group, {
 
 
 
+
+
 var grid_methods = {};
 var propKeys = Object.keys(packages_table.props);
 
@@ -30387,8 +30328,8 @@ function renderDefaultForm(h, _vm) {
       on: {
         submit: _vm.submitEvent,
         reset: _vm.resetEvent,
-        'submit-invalid': _vm.submitInvalidEvent,
-        'toggle-collapse': _vm.togglCollapseEvent
+        collapse: _vm.collapseEvent,
+        'submit-invalid': _vm.submitInvalidEvent
       },
       scopedSlots: formSlots
     })];
@@ -31438,7 +31379,7 @@ Object.keys(packages_table.methods).forEach(function (name) {
         $grid: this
       }, params));
     },
-    togglCollapseEvent: function togglCollapseEvent(params) {
+    collapseEvent: function collapseEvent(params) {
       var _this6 = this;
 
       this.$nextTick(function () {
@@ -31447,6 +31388,9 @@ Object.keys(packages_table.methods).forEach(function (name) {
       this.$emit('form-toggle-collapse', Object.assign({
         $grid: this
       }, params));
+      this.$emit('form-collapse', Object.assign({
+        $grid: this
+      }, params));
     },
     triggerZoomEvent: function triggerZoomEvent(evnt) {
       this.zoom();
@@ -33091,6 +33035,10 @@ var autoTxtElem;
       type: [String, Number],
       default: 2
     },
+    cols: {
+      type: [String, Number],
+      default: null
+    },
     showWordCount: Boolean,
     countMethod: Function,
     autosize: [Boolean, Object],
@@ -33172,14 +33120,18 @@ var autoTxtElem;
         maxlength = this.maxlength,
         autosize = this.autosize,
         showWordCount = this.showWordCount,
-        countMethod = this.countMethod;
+        countMethod = this.countMethod,
+        rows = this.rows,
+        cols = this.cols;
     var attrs = {
       name: name,
       form: form,
       placeholder: placeholder,
       maxlength: maxlength,
       readonly: readonly,
-      disabled: disabled
+      disabled: disabled,
+      rows: rows,
+      cols: cols
     };
 
     if (placeholder) {
@@ -33187,7 +33139,7 @@ var autoTxtElem;
     }
 
     return h('div', {
-      class: ['vxe-textarea', className, (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--autosize', autosize), _defineProperty(_ref, 'is--disabled', disabled), _ref)]
+      class: ['vxe-textarea', className, (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--autosize', autosize), _defineProperty(_ref, 'is--disabled', disabled), _defineProperty(_ref, 'def--rows', !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eqNull(rows)), _defineProperty(_ref, 'def--cols', !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eqNull(cols)), _ref)]
     }, [h('textarea', {
       ref: 'textarea',
       class: 'vxe-textarea--inner',
@@ -34302,6 +34254,78 @@ function assemItem(_vm) {
     $xeform.staticItems.splice([].indexOf.call($xeform.$refs.hideItem.children, $el), 0, itemConfig);
   }
 }
+// CONCATENATED MODULE: ./packages/form/src/render.js
+
+
+
+
+
+function renderPrefixIcon(h, titlePrefix) {
+  return h('span', {
+    class: 'vxe-form--item-title-prefix'
+  }, [h('i', {
+    class: titlePrefix.icon || conf.icon.FORM_PREFIX
+  })]);
+}
+
+function render_renderSuffixIcon(h, titleSuffix) {
+  return h('span', {
+    class: 'vxe-form--item-title-suffix'
+  }, [h('i', {
+    class: titleSuffix.icon || conf.icon.FORM_SUFFIX
+  })]);
+}
+
+function renderTitle(h, _vm, item) {
+  var data = _vm.data;
+  var slots = item.slots,
+      field = item.field,
+      itemRender = item.itemRender,
+      titlePrefix = item.titlePrefix,
+      titleSuffix = item.titleSuffix;
+  var compConf = isEnableConf(itemRender) ? v_x_e_table.renderer.get(itemRender.name) : null;
+  var params = {
+    data: data,
+    property: field,
+    item: item,
+    $form: _vm
+  };
+  var contVNs = [];
+  var titVNs = [];
+
+  if (titlePrefix) {
+    titVNs.push(titlePrefix.message ? h('vxe-tooltip', {
+      props: {
+        content: UtilTools.getFuncText(titlePrefix.message),
+        enterable: titlePrefix.enterable,
+        theme: titlePrefix.theme
+      }
+    }, [renderPrefixIcon(h, titlePrefix)]) : renderPrefixIcon(h, titlePrefix));
+  }
+
+  titVNs.push(h('span', {
+    class: 'vxe-form--item-title-label'
+  }, compConf && compConf.renderItemTitle ? compConf.renderItemTitle(itemRender, params) : slots && slots.title ? _vm.callSlot(slots.title, params, h) : UtilTools.getFuncText(item.title)));
+  contVNs.push(h('div', {
+    class: 'vxe-form--item-title-content'
+  }, titVNs));
+  var fixVNs = [];
+
+  if (titleSuffix) {
+    fixVNs.push(titleSuffix.message ? h('vxe-tooltip', {
+      props: {
+        content: UtilTools.getFuncText(titleSuffix.message),
+        enterable: titleSuffix.enterable,
+        theme: titleSuffix.theme
+      }
+    }, [render_renderSuffixIcon(h, titleSuffix)]) : render_renderSuffixIcon(h, titleSuffix));
+  }
+
+  contVNs.push(h('div', {
+    class: 'vxe-form--item-title-postfix'
+  }, fixVNs));
+  return contVNs;
+}
 // CONCATENATED MODULE: ./packages/form/src/form.js
 
 
@@ -34331,6 +34355,7 @@ function assemItem(_vm) {
 
 
 
+
 
 
 var form_Rule = /*#__PURE__*/function () {
@@ -34398,89 +34423,6 @@ function getResetValue(value, resetValue) {
   return resetValue;
 }
 
-function form_callSlot(_vm, slotFunc, params, h) {
-  if (slotFunc) {
-    var $scopedSlots = _vm.$scopedSlots;
-
-    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(slotFunc)) {
-      slotFunc = $scopedSlots[slotFunc] || null;
-    }
-
-    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(slotFunc)) {
-      return slotFunc.call(_vm, params, h);
-    }
-  }
-
-  return [];
-}
-
-function renderPrefixIcon(h, titlePrefix) {
-  return h('span', {
-    class: 'vxe-form--item-title-prefix'
-  }, [h('i', {
-    class: titlePrefix.icon || conf.icon.FORM_PREFIX
-  })]);
-}
-
-function form_renderSuffixIcon(h, titleSuffix) {
-  return h('span', {
-    class: 'vxe-form--item-title-suffix'
-  }, [h('i', {
-    class: titleSuffix.icon || conf.icon.FORM_SUFFIX
-  })]);
-}
-
-function renderTitle(h, _vm, item) {
-  var data = _vm.data;
-  var slots = item.slots,
-      field = item.field,
-      itemRender = item.itemRender,
-      titlePrefix = item.titlePrefix,
-      titleSuffix = item.titleSuffix;
-  var compConf = isEnableConf(itemRender) ? v_x_e_table.renderer.get(itemRender.name) : null;
-  var params = {
-    data: data,
-    property: field,
-    item: item,
-    $form: _vm
-  };
-  var contVNs = [];
-  var titVNs = [];
-
-  if (titlePrefix) {
-    titVNs.push(titlePrefix.message ? h('vxe-tooltip', {
-      props: {
-        content: UtilTools.getFuncText(titlePrefix.message),
-        enterable: titlePrefix.enterable,
-        theme: titlePrefix.theme
-      }
-    }, [renderPrefixIcon(h, titlePrefix)]) : renderPrefixIcon(h, titlePrefix));
-  }
-
-  titVNs.push(h('span', {
-    class: 'vxe-form--item-title-label'
-  }, compConf && compConf.renderItemTitle ? compConf.renderItemTitle(itemRender, params) : slots && slots.title ? form_callSlot(_vm, slots.title, params, h) : UtilTools.getFuncText(item.title)));
-  contVNs.push(h('div', {
-    class: 'vxe-form--item-title-content'
-  }, titVNs));
-  var fixVNs = [];
-
-  if (titleSuffix) {
-    fixVNs.push(titleSuffix.message ? h('vxe-tooltip', {
-      props: {
-        content: UtilTools.getFuncText(titleSuffix.message),
-        enterable: titleSuffix.enterable,
-        theme: titleSuffix.theme
-      }
-    }, [form_renderSuffixIcon(h, titleSuffix)]) : form_renderSuffixIcon(h, titleSuffix));
-  }
-
-  contVNs.push(h('div', {
-    class: 'vxe-form--item-title-postfix'
-  }, fixVNs));
-  return contVNs;
-}
-
 function renderItems(h, _vm, itemList) {
   var _e = _vm._e,
       rules = _vm.rules,
@@ -34552,7 +34494,7 @@ function renderItems(h, _vm, itemList) {
     var contentVNs = [];
 
     if (slots && slots.default) {
-      contentVNs = form_callSlot(_vm, slots.default, params, h);
+      contentVNs = _vm.callSlot(slots.default, params, h);
     } else if (compConf && compConf.renderItemContent) {
       contentVNs = compConf.renderItemContent.call(_vm, h, itemRender, params);
     } else if (compConf && compConf.renderItem) {
@@ -34613,6 +34555,10 @@ function renderItems(h, _vm, itemList) {
   name: 'VxeForm',
   mixins: [size],
   props: {
+    collapseStatus: {
+      type: Boolean,
+      default: true
+    },
     loading: Boolean,
     data: Object,
     size: {
@@ -34660,11 +34606,17 @@ function renderItems(h, _vm, itemList) {
         return conf.form.preventSubmit;
       }
     },
-    validConfig: Object
+    validConfig: Object,
+    customLayout: {
+      type: Boolean,
+      default: function _default() {
+        return conf.form.customLayout;
+      }
+    }
   },
   data: function data() {
     return {
-      collapseAll: true,
+      collapseAll: this.collapseStatus,
       staticItems: [],
       formItems: [],
       tooltipTimeout: null,
@@ -34696,25 +34648,30 @@ function renderItems(h, _vm, itemList) {
       return opts;
     }
   },
+  watch: {
+    staticItems: function staticItems(value) {
+      this.formItems = value;
+    },
+    items: function items(value) {
+      this.loadItem(value);
+    },
+    collapseStatus: function collapseStatus(value) {
+      this.collapseAll = !!value;
+    }
+  },
   created: function created() {
     var _this = this;
 
     this.$nextTick(function () {
       var items = _this.items;
 
+      if (false) {}
+
       if (items) {
         _this.loadItem(items);
       }
     });
   },
-  watch: {
-    staticItems: function staticItems(value) {
-      this.formItems = value;
-    },
-    items: function items(value) {
-      this.loadItem(value);
-    }
-  },
   render: function render(h) {
     var _ref;
 
@@ -34724,7 +34681,8 @@ function renderItems(h, _vm, itemList) {
         data = this.data,
         vSize = this.vSize,
         tooltipOpts = this.tooltipOpts,
-        formItems = this.formItems;
+        formItems = this.formItems,
+        customLayout = this.customLayout;
     var hasUseTooltip = v_x_e_table._tooltip;
     return h('form', {
       class: ['vxe-form', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(className) ? className({
@@ -34738,10 +34696,10 @@ function renderItems(h, _vm, itemList) {
       }
     }, [h('div', {
       class: 'vxe-form--wrapper vxe-row'
-    }, renderItems(h, this, formItems)), h('div', {
+    }, customLayout ? this.$slots.default : renderItems(h, this, formItems)), h('div', {
       class: 'vxe-form-slots',
       ref: 'hideItem'
-    }, this.$slots.default), h('div', {
+    }, customLayout ? [] : this.$slots.default), h('div', {
       class: ['vxe-loading', {
         'is--visible': loading
       }]
@@ -34756,6 +34714,21 @@ function renderItems(h, _vm, itemList) {
     }, tooltipOpts)) : _e()]);
   },
   methods: {
+    callSlot: function callSlot(slotFunc, params, h) {
+      if (slotFunc) {
+        var $scopedSlots = this.$scopedSlots;
+
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(slotFunc)) {
+          slotFunc = $scopedSlots[slotFunc] || null;
+        }
+
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(slotFunc)) {
+          return slotFunc.call(this, params, h);
+        }
+      }
+
+      return [];
+    },
     loadItem: function loadItem(list) {
       var _this2 = this;
 
@@ -34778,13 +34751,24 @@ function renderItems(h, _vm, itemList) {
       return itemList;
     },
     toggleCollapse: function toggleCollapse() {
-      this.collapseAll = !this.collapseAll;
+      var status = !this.collapseAll;
+      this.collapseAll = status;
+      this.$emit('update:collapseStatus', status);
       return this.$nextTick();
     },
     toggleCollapseEvent: function toggleCollapseEvent(evnt) {
       this.toggleCollapse();
+      var status = this.collapseAll;
       this.$emit('toggle-collapse', {
-        collapse: !this.collapseAll,
+        status: status,
+        collapse: status,
+        data: this.data,
+        $form: this,
+        $event: evnt
+      }, evnt);
+      this.$emit('collapse', {
+        status: status,
+        collapse: status,
         data: this.data,
         $form: this,
         $event: evnt
@@ -35114,7 +35098,7 @@ function renderItems(h, _vm, itemList) {
     handleFocus: function handleFocus(fields) {
       var $el = this.$el;
       var itemList = this.getItems();
-      fields.some(function (property) {
+      fields.some(function (property, index) {
         var item = itemList.find(function (item) {
           return item.field === property;
         });
@@ -35122,7 +35106,12 @@ function renderItems(h, _vm, itemList) {
         if (item && isEnableConf(item.itemRender)) {
           var itemRender = item.itemRender;
           var compConf = v_x_e_table.renderer.get(itemRender.name);
-          var inputElem; // 如果指定了聚焦 class
+          var inputElem; // 定位到第一个
+
+          if (!index) {
+            DomTools.scrollToView($el.querySelector(".".concat(item.id)));
+          } // 如果指定了聚焦 class
+
 
           if (itemRender.autofocus) {
             inputElem = $el.querySelector(".".concat(item.id, " ").concat(itemRender.autofocus));
@@ -35194,6 +35183,13 @@ var Form = Object.assign(src_form, {
 
 
 
+
+
+
+
+
+
+
 var form_item_props = {
   title: String,
   field: String,
@@ -35227,6 +35223,115 @@ Object.keys(form_item_props).forEach(function (name) {
     this.itemConfig.update(name, value);
   };
 });
+
+var form_item_renderItem = function renderItem(h, _vm, item, slots) {
+  var rules = _vm.rules,
+      data = _vm.data,
+      collapseAll = _vm.collapseAll,
+      validOpts = _vm.validOpts,
+      allTitleOverflow = _vm.titleOverflow;
+  var title = item.title,
+      folding = item.folding,
+      visible = item.visible,
+      visibleMethod = item.visibleMethod,
+      field = item.field,
+      collapseNode = item.collapseNode,
+      itemRender = item.itemRender,
+      showError = item.showError,
+      errRule = item.errRule,
+      className = item.className,
+      titleOverflow = item.titleOverflow;
+  var compConf = isEnableConf(itemRender) ? v_x_e_table.renderer.get(itemRender.name) : null;
+  var span = item.span || _vm.span;
+  var align = item.align || _vm.align;
+  var titleAlign = item.titleAlign || _vm.titleAlign;
+  var titleWidth = item.titleWidth || _vm.titleWidth;
+  var itemVisibleMethod = visibleMethod;
+  var itemOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(titleOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(titleOverflow) ? allTitleOverflow : titleOverflow;
+  var showEllipsis = itemOverflow === 'ellipsis';
+  var showTitle = itemOverflow === 'title';
+  var showTooltip = itemOverflow === true || itemOverflow === 'tooltip';
+  var hasEllipsis = showTitle || showTooltip || showEllipsis;
+  var params = {
+    data: data,
+    property: field,
+    item: item,
+    $form: _vm
+  };
+  var isRequired;
+
+  if (!itemVisibleMethod && compConf && compConf.itemVisibleMethod) {
+    itemVisibleMethod = compConf.itemVisibleMethod;
+  }
+
+  if (rules) {
+    var itemRules = rules[field];
+
+    if (itemRules) {
+      isRequired = itemRules.some(function (rule) {
+        return rule.required;
+      });
+    }
+  }
+
+  var contentVNs = [];
+
+  if (slots && slots.default) {
+    contentVNs = _vm.callSlot(slots.default, params, h);
+  } else if (compConf && compConf.renderItemContent) {
+    contentVNs = compConf.renderItemContent.call(_vm, h, itemRender, params);
+  } else if (compConf && compConf.renderItem) {
+    contentVNs = compConf.renderItem.call(_vm, h, itemRender, params);
+  } else if (field) {
+    contentVNs = ["".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(data, field))];
+  }
+
+  var ons = showTooltip ? {
+    mouseenter: function mouseenter(evnt) {
+      _vm.triggerHeaderHelpEvent(evnt, params);
+    },
+    mouseleave: _vm.handleTargetLeaveEvent
+  } : {};
+  return h('div', {
+    class: ['vxe-form--item', item.id, span ? "vxe-col--".concat(span, " is--span") : null, className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(className) ? className(params) : className : '', {
+      'is--title': title,
+      'is--required': isRequired,
+      'is--hidden': visible === false || folding && collapseAll,
+      'is--active': !itemVisibleMethod || itemVisibleMethod(params),
+      'is--error': showError
+    }]
+  }, [h('div', {
+    class: 'vxe-form--item-inner'
+  }, [title || slots && slots.title ? h('div', {
+    class: ['vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : null, {
+      'is--ellipsis': hasEllipsis
+    }],
+    style: titleWidth ? {
+      width: isNaN(titleWidth) ? titleWidth : "".concat(titleWidth, "px")
+    } : null,
+    attrs: {
+      title: showTitle ? UtilTools.getFuncText(title) : null
+    },
+    on: ons
+  }, renderTitle(h, _vm, item)) : null, h('div', {
+    class: ['vxe-form--item-content', align ? "align--".concat(align) : null]
+  }, contentVNs.concat([collapseNode ? h('div', {
+    class: 'vxe-form--item-trigger-node',
+    on: {
+      click: _vm.toggleCollapseEvent
+    }
+  }, [h('span', {
+    class: 'vxe-form--item-trigger-text'
+  }, collapseAll ? conf.i18n('vxe.form.unfolding') : conf.i18n('vxe.form.folding')), h('i', {
+    class: ['vxe-form--item-trigger-icon', collapseAll ? conf.icon.FORM_FOLDING : conf.icon.FORM_UNFOLDING]
+  })]) : null, errRule && validOpts.showMessage ? h('div', {
+    class: 'vxe-form--item-valid',
+    style: errRule.maxWidth ? {
+      width: "".concat(errRule.maxWidth, "px")
+    } : null
+  }, errRule.message) : null]))])]);
+};
+
 /* harmony default export */ var form_item = ({
   name: 'VxeFormItem',
   props: form_item_props,
@@ -35249,7 +35354,8 @@ Object.keys(form_item_props).forEach(function (name) {
     destroyItem(this);
   },
   render: function render(h) {
-    return h('div');
+    var $xeform = this.$xeform;
+    return $xeform && $xeform.customLayout ? form_item_renderItem(h, $xeform, this.itemConfig, this.$scopedSlots) : h('div');
   }
 });
 // CONCATENATED MODULE: ./packages/form-item/index.js
@@ -35264,6 +35370,7 @@ var FormItem = Object.assign(form_item, {
 /* harmony default export */ var packages_form_item = (FormItem);
 // CONCATENATED MODULE: ./packages/form/src/form-gather.js
 
+
 /* harmony default export */ var form_gather = ({
   name: 'VxeFormGather',
   extends: form_item,
@@ -35272,6 +35379,11 @@ var FormItem = Object.assign(form_item, {
       xeformgather: this
     };
   },
+  created: function created() {
+    var _this = this;
+
+    if (false) {}
+  },
   render: function render(h) {
     return h('div', this.$slots.default);
   }