vxe-table 4.2.4-beta.2 → 4.2.4

package/lib/index.umd.js

@@ -8802,7 +8802,7 @@ var es_array_concat = __webpack_require__("99af");
 
 
 function getLog(message, params) {
-  return "[vxe-table v".concat("4.2.4-beta.2", "] ").concat(conf.i18n(message, params));
+  return "[vxe-table v".concat("4.2.4-beta.3", "] ").concat(conf.i18n(message, params));
 }
 
 function outLog(type) {
@@ -10807,7 +10807,7 @@ var v_x_e_table_config = new v_x_e_table_VXETableConfig();
 var v = 'v4';
 var VXETable = {
   v: v,
-  version: "4.2.4-beta.2",
+  version: "4.2.4-beta.3",
   setup: setup_setup,
   interceptor: interceptor,
   renderer: renderer,
@@ -12768,6 +12768,9 @@ var editHook = {
         return [];
       },
       getActiveRecord: function getActiveRecord() {
+        return this.getEditRecord();
+      },
+      getEditRecord: function getEditRecord() {
         var editStore = reactData.editStore;
         var afterFullData = internalData.afterFullData;
         var el = refElem.value;
@@ -12797,11 +12800,18 @@ var editHook = {
 
         return null;
       },
+      clearActived: function clearActived(evnt) {
+        // if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        //   warnLog('vxe.error.delFunc', ['clearActived', 'clearEdit'])
+        // }
+        // 即将废弃
+        return this.clearEdit(evnt);
+      },
 
       /**
        * 清除激活的编辑
        */
-      clearActived: function clearActived(evnt) {
+      clearEdit: function clearEdit(evnt) {
         var editStore = reactData.editStore;
         var actived = editStore.actived;
         var row = actived.row,
@@ -12837,30 +12847,51 @@ var editHook = {
         removeCellSelectedClass();
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
       },
+      isActiveByRow: function isActiveByRow(row) {
+        // if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        //   warnLog('vxe.error.delFunc', ['isActiveByRow', 'isEditByRow'])
+        // }
+        // 即将废弃
+        return this.isEditByRow(row);
+      },
 
       /**
        * 判断行是否为激活编辑状态
        * @param {Row} row 行对象
        */
-      isActiveByRow: function isActiveByRow(row) {
+      isEditByRow: function isEditByRow(row) {
         var editStore = reactData.editStore;
         return editStore.actived.row === row;
       },
+      setActiveRow: function setActiveRow(row) {
+        // if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        //   warnLog('vxe.error.delFunc', ['setActiveRow', 'setEditRow'])
+        // }
+        // 即将废弃
+        return editMethods.setEditRow(row);
+      },
 
       /**
        * 激活行编辑
        */
-      setActiveRow: function setActiveRow(row) {
+      setEditRow: function setEditRow(row) {
         var visibleColumn = internalData.visibleColumn;
         return $xetable.setActiveCell(row, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.find(visibleColumn, function (column) {
           return isEnableConf(column.editRender);
         }));
       },
+      setActiveCell: function setActiveCell(row, fieldOrColumn) {
+        // if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        //   warnLog('vxe.error.delFunc', ['setActiveCell', 'setEditCell'])
+        // }
+        // 即将废弃
+        return editMethods.setEditCell(row, fieldOrColumn);
+      },
 
       /**
        * 激活单元格编辑
        */
-      setActiveCell: function setActiveCell(row, fieldOrColumn) {
+      setEditCell: function setEditCell(row, fieldOrColumn) {
         var editConfig = props.editConfig;
         var column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(fieldOrColumn) ? $xetable.getColumnByField(fieldOrColumn) : fieldOrColumn;
 
@@ -15132,6 +15163,8 @@ var quarterSize = 8;
   setup: function setup(props, context) {
     var slots = context.slots,
         emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var computeSize = useSize(props);
     var reactData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -15633,6 +15666,41 @@ var quarterSize = 8;
           immediate = props.immediate;
       return immediate || !(type === 'text' || type === 'number' || type === 'integer' || type === 'float');
     });
+    var computeNumValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var type = props.type;
+      var inputValue = reactData.inputValue;
+      var isNumType = computeIsNumType.value;
+
+      if (isNumType) {
+        return type === 'integer' ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toInteger(handleNumber(inputValue)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(handleNumber(inputValue));
+      }
+
+      return 0;
+    });
+    var computeIsDisabledSubtractNumber = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var min = props.min;
+      var inputValue = reactData.inputValue;
+      var isNumType = computeIsNumType.value;
+      var numValue = computeNumValue.value; // 当有值时再进行判断
+
+      if ((inputValue || inputValue === 0) && isNumType && min !== null) {
+        return numValue <= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(min);
+      }
+
+      return false;
+    });
+    var computeIsDisabledAddNumber = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var max = props.max;
+      var inputValue = reactData.inputValue;
+      var isNumType = computeIsNumType.value;
+      var numValue = computeNumValue.value; // 当有值时再进行判断
+
+      if ((inputValue || inputValue === 0) && isNumType && max !== null) {
+        return numValue >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(max);
+      }
+
+      return false;
+    });
 
     var getNumberValue = function getNumberValue(val) {
       var type = props.type,
@@ -15665,7 +15733,11 @@ var quarterSize = 8;
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toValueString(props.modelValue) !== value) {
         inputMethods.dispatchEvent('change', {
           value: value
-        }, evnt);
+        }, evnt); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+        }
       }
     };
 
@@ -16085,9 +16157,10 @@ var quarterSize = 8;
     var numberNextEvent = function numberNextEvent(evnt) {
       var readonly = props.readonly,
           disabled = props.disabled;
+      var isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
       clearTimeout(downbumTimeout);
 
-      if (!disabled && !readonly) {
+      if (!disabled && !readonly && !isDisabledSubtractNumber) {
         numberChange(false, evnt);
       }
 
@@ -16104,9 +16177,10 @@ var quarterSize = 8;
     var numberPrevEvent = function numberPrevEvent(evnt) {
       var readonly = props.readonly,
           disabled = props.disabled;
+      var isDisabledAddNumber = computeIsDisabledAddNumber.value;
       clearTimeout(downbumTimeout);
 
-      if (!disabled && !readonly) {
+      if (!disabled && !readonly && !isDisabledAddNumber) {
         numberChange(true, evnt);
       }
 
@@ -17300,17 +17374,23 @@ var quarterSize = 8;
     };
 
     var renderNumberIcon = function renderNumberIcon() {
+      var isDisabledAddNumber = computeIsDisabledAddNumber.value;
+      var isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
         class: 'vxe-input--number-suffix'
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-input--number-prev is--prev',
+        class: ['vxe-input--number-prev is--prev', {
+          'is--disabled': isDisabledAddNumber
+        }],
         onMousedown: numberMousedownEvent,
         onMouseup: numberStopDown,
         onMouseleave: numberStopDown
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
         class: ['vxe-input--number-prev-icon', conf.icon.INPUT_PREV_NUM]
       })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-input--number-next is--next',
+        class: ['vxe-input--number-next is--next', {
+          'is--disabled': isDisabledSubtractNumber
+        }],
         onMousedown: numberMousedownEvent,
         onMouseup: numberStopDown,
         onMouseleave: numberStopDown
@@ -17612,6 +17692,8 @@ var es_string_includes = __webpack_require__("2532");
   setup: function setup(props, context) {
     var slots = context.slots,
         emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var $xecheckbox = {
       xID: xID,
@@ -17646,7 +17728,11 @@ var es_string_includes = __webpack_require__("2532");
           $xecheckboxgroup.handleChecked(params, evnt);
         } else {
           emit('update:modelValue', value);
-          checkboxMethods.dispatchEvent('change', params, evnt);
+          checkboxMethods.dispatchEvent('change', params, evnt); // 自动更新校验状态
+
+          if ($xeform && $xeformiteminfo) {
+            $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+          }
         }
       }
     };
@@ -17765,6 +17851,8 @@ function getOptUniqueId() {
   setup: function setup(props, context) {
     var slots = context.slots,
         emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var computeSize = useSize(props);
     var reactData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -18122,7 +18210,11 @@ function getOptUniqueId() {
         emit('update:modelValue', selectValue);
         selectMethods.dispatchEvent('change', {
           value: selectValue
-        }, evnt);
+        }, evnt); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, selectValue);
+        }
       }
     };
 
@@ -19051,6 +19143,8 @@ function getOptUniqueId() {
   setup: function setup(props, context) {
     var slots = context.slots,
         emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var $xeradiogroup = {
       xID: xID,
@@ -19061,9 +19155,13 @@ function getOptUniqueId() {
     var radioGroupMethods = {};
     useSize(props);
     var radioGroupPrivateMethods = {
-      handleChecked: function handleChecked(params) {
+      handleChecked: function handleChecked(params, evnt) {
         emit('update:modelValue', params.label);
-        radioGroupMethods.dispatchEvent('change', params);
+        radioGroupMethods.dispatchEvent('change', params); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, params.label);
+        }
       }
     };
     radioGroupMethods = {
@@ -19128,6 +19226,8 @@ function getOptUniqueId() {
   setup: function setup(props, context) {
     var slots = context.slots,
         emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var $xeradio = {
       xID: xID,
@@ -19161,7 +19261,11 @@ function getOptUniqueId() {
         emit('update:modelValue', label);
         radioMethods.dispatchEvent('change', {
           label: label
-        }, evnt);
+        }, evnt); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, label);
+        }
       }
     };
 
@@ -22322,7 +22426,7 @@ var validatorHook = {
                   }
                 } else {
                   var isArrType = type === 'array';
-                  var hasEmpty = isArrType ? !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(cellValue) || !cellValue.length : eqEmptyValue(cellValue);
+                  var hasEmpty = isArrType || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(cellValue) ? !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(cellValue) || !cellValue.length : eqEmptyValue(cellValue);
 
                   if (required ? hasEmpty || validErrorRuleValue(rule, cellValue) : !hasEmpty && validErrorRuleValue(rule, cellValue)) {
                     validRuleErr = true;
@@ -22451,100 +22555,66 @@ var Validator = {
   }
 };
 /* harmony default export */ var validator = (Validator);
-// CONCATENATED MODULE: ./packages/header/src/util.ts
-
-
-
-var util_getAllColumns = function getAllColumns(columns, parentColumn) {
-  var result = [];
-  columns.forEach(function (column) {
-    column.parentId = parentColumn ? parentColumn.id : null;
-
-    if (column.visible) {
-      if (column.children && column.children.length && column.children.some(function (column) {
-        return column.visible;
-      })) {
-        result.push(column);
-        result.push.apply(result, _toConsumableArray(getAllColumns(column.children, column)));
-      } else {
-        result.push(column);
-      }
-    }
-  });
-  return result;
-};
-
-var util_convertToRows = function convertToRows(originColumns) {
-  var maxLevel = 1;
-
-  var traverse = function traverse(column, parent) {
-    if (parent) {
-      column.level = parent.level + 1;
-
-      if (maxLevel < column.level) {
-        maxLevel = column.level;
-      }
-    }
-
-    if (column.children && column.children.length && column.children.some(function (column) {
-      return column.visible;
-    })) {
-      var colSpan = 0;
-      column.children.forEach(function (subColumn) {
-        if (subColumn.visible) {
-          traverse(subColumn, column);
-          colSpan += subColumn.colSpan;
-        }
-      });
-      column.colSpan = colSpan;
-    } else {
-      column.colSpan = 1;
-    }
-  };
+// CONCATENATED MODULE: ./packages/footer/src/footer.ts
 
-  originColumns.forEach(function (column) {
-    column.level = 1;
-    traverse(column);
-  });
-  var rows = [];
 
-  for (var i = 0; i < maxLevel; i++) {
-    rows.push([]);
-  }
 
-  var allColumns = util_getAllColumns(originColumns);
-  allColumns.forEach(function (column) {
-    if (column.children && column.children.length && column.children.some(function (column) {
-      return column.visible;
-    })) {
-      column.rowSpan = 1;
-    } else {
-      column.rowSpan = maxLevel - column.level + 1;
-    }
 
-    rows[column.level - 1].push(column);
-  });
-  return rows;
-};
-// CONCATENATED MODULE: ./packages/header/src/header.ts
 
 
 
 
 
 
+var renderType = 'footer';
 
+function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
+  for (var mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
+    var _mergeFooterList$mInd = mergeFooterList[mIndex],
+        mergeRowIndex = _mergeFooterList$mInd.row,
+        mergeColIndex = _mergeFooterList$mInd.col,
+        mergeRowspan = _mergeFooterList$mInd.rowspan,
+        mergeColspan = _mergeFooterList$mInd.colspan;
 
+    if (mergeColIndex > -1 && mergeRowIndex > -1 && mergeRowspan && mergeColspan) {
+      if (mergeRowIndex === _rowIndex && mergeColIndex === _columnIndex) {
+        return {
+          rowspan: mergeRowspan,
+          colspan: mergeColspan
+        };
+      }
 
+      if (_rowIndex >= mergeRowIndex && _rowIndex < mergeRowIndex + mergeRowspan && _columnIndex >= mergeColIndex && _columnIndex < mergeColIndex + mergeColspan) {
+        return {
+          rowspan: 0,
+          colspan: 0
+        };
+      }
+    }
+  }
+}
 
-var renderType = 'header';
-/* harmony default export */ var header = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
-  name: 'VxeTableHeader',
+/* harmony default export */ var footer = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
+  name: 'VxeTableFooter',
   props: {
-    tableData: Array,
-    tableColumn: Array,
-    tableGroupColumn: Array,
-    fixedColumn: Array,
+    footerTableData: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    tableColumn: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    fixedColumn: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
     fixedType: {
       type: String,
       default: null
@@ -22558,200 +22628,135 @@ var renderType = 'header';
         tableInternalData = $xetable.internalData;
 
     var _$xetable$getRefMaps = $xetable.getRefMaps(),
-        tableRefElem = _$xetable$getRefMaps.refElem,
+        refTableHeader = _$xetable$getRefMaps.refTableHeader,
         refTableBody = _$xetable$getRefMaps.refTableBody,
-        refLeftContainer = _$xetable$getRefMaps.refLeftContainer,
-        refRightContainer = _$xetable$getRefMaps.refRightContainer,
-        refCellResizeBar = _$xetable$getRefMaps.refCellResizeBar;
+        refValidTooltip = _$xetable$getRefMaps.refValidTooltip;
 
     var _$xetable$getComputeM = $xetable.getComputeMaps(),
+        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts,
         computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
 
-    var headerColumn = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderTHead = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refHeaderBorderRepair = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-
-    var uploadColumn = function uploadColumn() {
-      var isGroup = tableReactData.isGroup;
-      headerColumn.value = isGroup ? util_convertToRows(props.tableGroupColumn) : [];
-    };
+    var refFooterTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refFooterColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refFooterTFoot = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refFooterXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    /**
+     * 滚动处理
+     * 如果存在列固定左侧，同步更新滚动状态
+     * 如果存在列固定右侧，同步更新滚动状态
+     */
 
-    var resizeMousedown = function resizeMousedown(evnt, params) {
-      var column = params.column;
+    var scrollEvent = function scrollEvent(evnt) {
       var fixedType = props.fixedType;
+      var scrollXLoad = tableReactData.scrollXLoad;
+      var lastScrollLeft = tableInternalData.lastScrollLeft;
+      var validTip = refValidTooltip.value;
+      var tableHeader = refTableHeader.value;
       var tableBody = refTableBody.value;
-      var leftContainerElem = refLeftContainer.value;
-      var rightContainerElem = refRightContainer.value;
-      var resizeBarElem = refCellResizeBar.value;
-      var dragClientX = evnt.clientX;
-      var wrapperElem = refElem.value;
-      var dragBtnElem = evnt.target;
-      var cell = params.cell = dragBtnElem.parentNode;
-      var dragLeft = 0;
-      var tableBodyElem = tableBody.$el;
-      var pos = getOffsetPos(dragBtnElem, wrapperElem);
-      var dragBtnWidth = dragBtnElem.clientWidth;
-      var dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
-      var minInterval = getColMinWidth(params) - dragBtnOffsetWidth; // 列之间的最小间距
+      var headerElem = tableHeader ? tableHeader.$el : null;
+      var footerElem = refElem.value;
+      var bodyElem = tableBody.$el;
+      var scrollLeft = footerElem.scrollLeft;
+      var isX = scrollLeft !== lastScrollLeft;
+      tableInternalData.lastScrollLeft = scrollLeft;
+      tableInternalData.lastScrollTime = Date.now();
 
-      var dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
-      var dragPosLeft = pos.left + dragBtnOffsetWidth;
-      var domMousemove = document.onmousemove;
-      var domMouseup = document.onmouseup;
-      var isLeftFixed = fixedType === 'left';
-      var isRightFixed = fixedType === 'right';
-      var tableEl = tableRefElem.value; // 计算左右侧固定列偏移量
+      if (headerElem) {
+        headerElem.scrollLeft = scrollLeft;
+      }
 
-      var fixedOffsetWidth = 0;
+      if (bodyElem) {
+        bodyElem.scrollLeft = scrollLeft;
+      }
 
-      if (isLeftFixed || isRightFixed) {
-        var siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
-        var tempCellElem = cell[siblingProp];
+      if (scrollXLoad && isX) {
+        $xetable.triggerScrollXEvent(evnt);
+      }
 
-        while (tempCellElem) {
-          if (hasClass(tempCellElem, 'fixed--hidden')) {
-            break;
-          } else if (!hasClass(tempCellElem, 'col--group')) {
-            fixedOffsetWidth += tempCellElem.offsetWidth;
-          }
-
-          tempCellElem = tempCellElem[siblingProp];
-        }
-
-        if (isRightFixed && rightContainerElem) {
-          dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
-        }
-      } // 处理拖动事件
-
-
-      var updateEvent = function updateEvent(evnt) {
-        evnt.stopPropagation();
-        evnt.preventDefault();
-        var offsetX = evnt.clientX - dragClientX;
-        var left = dragPosLeft + offsetX;
-        var scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
-
-        if (isLeftFixed) {
-          // 左固定列（不允许超过右侧固定列、不允许超过右边距）
-          left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
-        } else if (isRightFixed) {
-          // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
-          dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval;
-          left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
-        } else {
-          dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft); // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
-        }
-
-        dragLeft = Math.max(left, dragMinLeft);
-        resizeBarElem.style.left = "".concat(dragLeft - scrollLeft, "px");
-      };
-
-      tableInternalData._isResize = true;
-      addClass(tableEl, 'drag--resize');
-      resizeBarElem.style.display = 'block';
-      document.onmousemove = updateEvent;
-
-      document.onmouseup = function (evnt) {
-        document.onmousemove = domMousemove;
-        document.onmouseup = domMouseup;
-        column.resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
-        resizeBarElem.style.display = 'none';
-        tableInternalData._isResize = false;
-        tableInternalData._lastResizeTime = Date.now();
-        $xetable.analyColumnWidth();
-        $xetable.recalculate(true).then(function () {
-          $xetable.saveCustomResizable();
-          $xetable.updateCellAreas();
-          $xetable.dispatchEvent('resizable-change', params, evnt);
-        });
-        removeClass(tableEl, 'drag--resize');
-      };
-
-      updateEvent(evnt);
-
-      if ($xetable.closeMenu) {
-        $xetable.closeMenu();
+      if (isX && validTip && validTip.reactData.visible) {
+        validTip.updatePlacement();
       }
+
+      $xetable.dispatchEvent('scroll', {
+        type: renderType,
+        fixed: fixedType,
+        scrollTop: bodyElem.scrollTop,
+        scrollLeft: scrollLeft,
+        isX: isX,
+        isY: false
+      }, evnt);
     };
 
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.tableColumn;
-    }, uploadColumn);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
         var fixedType = props.fixedType;
-        var internalData = $xetable.internalData;
-        var elemStore = internalData.elemStore;
-        var prefix = "".concat(fixedType || 'main', "-header-");
+        var elemStore = tableInternalData.elemStore;
+        var prefix = "".concat(fixedType || 'main', "-footer-");
         elemStore["".concat(prefix, "wrapper")] = refElem;
-        elemStore["".concat(prefix, "table")] = refHeaderTable;
-        elemStore["".concat(prefix, "colgroup")] = refHeaderColgroup;
-        elemStore["".concat(prefix, "list")] = refHeaderTHead;
-        elemStore["".concat(prefix, "xSpace")] = refHeaderXSpace;
-        elemStore["".concat(prefix, "repair")] = refHeaderBorderRepair;
-        uploadColumn();
+        elemStore["".concat(prefix, "table")] = refFooterTable;
+        elemStore["".concat(prefix, "colgroup")] = refFooterColgroup;
+        elemStore["".concat(prefix, "list")] = refFooterTFoot;
+        elemStore["".concat(prefix, "xSpace")] = refFooterXSpace;
       });
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
       var fixedType = props.fixedType;
-      var internalData = $xetable.internalData;
-      var elemStore = internalData.elemStore;
-      var prefix = "".concat(fixedType || 'main', "-header-");
+      var elemStore = tableInternalData.elemStore;
+      var prefix = "".concat(fixedType || 'main', "-footer-");
       elemStore["".concat(prefix, "wrapper")] = null;
       elemStore["".concat(prefix, "table")] = null;
       elemStore["".concat(prefix, "colgroup")] = null;
       elemStore["".concat(prefix, "list")] = null;
       elemStore["".concat(prefix, "xSpace")] = null;
-      elemStore["".concat(prefix, "repair")] = null;
     });
 
     var renderVN = function renderVN() {
       var fixedType = props.fixedType,
           fixedColumn = props.fixedColumn,
-          tableColumn = props.tableColumn;
-      var resizable = tableProps.resizable,
-          border = tableProps.border,
-          columnKey = tableProps.columnKey,
-          headerRowClassName = tableProps.headerRowClassName,
-          headerCellClassName = tableProps.headerCellClassName,
-          headerRowStyle = tableProps.headerRowStyle,
-          headerCellStyle = tableProps.headerCellStyle,
-          allColumnHeaderOverflow = tableProps.showHeaderOverflow,
-          allHeaderAlign = tableProps.headerAlign,
+          tableColumn = props.tableColumn,
+          footerTableData = props.footerTableData;
+      var footerRowClassName = tableProps.footerRowClassName,
+          footerCellClassName = tableProps.footerCellClassName,
+          footerRowStyle = tableProps.footerRowStyle,
+          footerCellStyle = tableProps.footerCellStyle,
+          allFooterAlign = tableProps.footerAlign,
+          footerSpanMethod = tableProps.footerSpanMethod,
           allAlign = tableProps.align,
-          mouseConfig = tableProps.mouseConfig;
-      var isGroup = tableReactData.isGroup,
-          currentColumn = tableReactData.currentColumn,
-          scrollXLoad = tableReactData.scrollXLoad,
+          columnKey = tableProps.columnKey,
+          allColumnFooterOverflow = tableProps.showFooterOverflow;
+      var visibleColumn = tableInternalData.visibleColumn;
+      var scrollYLoad = tableReactData.scrollYLoad,
           overflowX = tableReactData.overflowX,
-          scrollbarWidth = tableReactData.scrollbarWidth;
-      var columnOpts = computeColumnOpts.value;
-      var headerGroups = headerColumn.value; // 如果是使用优化模式
+          scrollbarWidth = tableReactData.scrollbarWidth,
+          currentColumn = tableReactData.currentColumn,
+          mergeFooterList = tableReactData.mergeFooterList;
+      var tooltipOpts = computeTooltipOpts.value;
+      var columnOpts = computeColumnOpts.value; // 如果是使用优化模式
 
-      if (!isGroup) {
-        if (fixedType) {
-          if (scrollXLoad || allColumnHeaderOverflow) {
+      if (fixedType) {
+        if (scrollYLoad || allColumnFooterOverflow) {
+          if (!mergeFooterList.length || !footerSpanMethod) {
             tableColumn = fixedColumn;
+          } else {
+            tableColumn = visibleColumn;
           }
+        } else {
+          tableColumn = visibleColumn;
         }
-
-        headerGroups = [tableColumn];
       }
 
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         ref: refElem,
-        class: ['vxe-table--header-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
-        xid: xID
+        class: ['vxe-table--footer-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+        xid: xID,
+        onScroll: scrollEvent
       }, [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refHeaderXSpace,
+        ref: refFooterXSpace,
         class: 'vxe-body--x-space'
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
-        ref: refHeaderTable,
-        class: 'vxe-table--header',
+        ref: refFooterTable,
+        class: 'vxe-table--footer',
         xid: xID,
         cellspacing: 0,
         cellpadding: 0,
@@ -22761,7 +22766,7 @@ var renderType = 'header';
        * 列宽
        */
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
-        ref: refHeaderColgroup
+        ref: refFooterColgroup
       }, tableColumn.map(function (column, $columnIndex) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
           name: column.id,
@@ -22771,136 +22776,178 @@ var renderType = 'header';
         name: 'col_gutter'
       })] : [])),
       /**
-       * 头部
+       * 底部
        */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('thead', {
-        ref: refHeaderTHead
-      }, headerGroups.map(function (cols, $rowIndex) {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tfoot', {
+        ref: refFooterTFoot
+      }, footerTableData.map(function (list, _rowIndex) {
+        var $rowIndex = _rowIndex;
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', {
-          class: ['vxe-header--row', headerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowClassName) ? headerRowClassName({
+          class: ['vxe-footer--row', footerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowClassName) ? footerRowClassName({
             $table: $xetable,
+            _rowIndex: _rowIndex,
             $rowIndex: $rowIndex,
             fixed: fixedType,
             type: renderType
-          }) : headerRowClassName : ''],
-          style: headerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowStyle) ? headerRowStyle({
+          }) : footerRowClassName : ''],
+          style: footerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowStyle) ? footerRowStyle({
             $table: $xetable,
+            _rowIndex: _rowIndex,
             $rowIndex: $rowIndex,
             fixed: fixedType,
             type: renderType
-          }) : headerRowStyle : null
-        }, cols.map(function (column, $columnIndex) {
-          var _ref;
+          }) : footerRowStyle : null
+        }, tableColumn.map(function (column, $columnIndex) {
+          var _ref2;
 
           var type = column.type,
-              showHeaderOverflow = column.showHeaderOverflow,
-              headerAlign = column.headerAlign,
+              showFooterOverflow = column.showFooterOverflow,
+              footerAlign = column.footerAlign,
               align = column.align,
-              headerClassName = column.headerClassName;
+              footerClassName = column.footerClassName;
+          var showAllTip = tooltipOpts.showAll;
           var isColGroup = column.children && column.children.length;
-          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : !!column.fixed && overflowX;
-          var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-          var headAlign = headerAlign || align || allHeaderAlign || allAlign;
-          var showEllipsis = headOverflow === 'ellipsis';
-          var showTitle = headOverflow === 'title';
-          var showTooltip = headOverflow === true || headOverflow === 'tooltip';
+          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+          var footOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showFooterOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
+          var footAlign = footerAlign || align || allFooterAlign || allAlign;
+          var showEllipsis = footOverflow === 'ellipsis';
+          var showTitle = footOverflow === 'title';
+          var showTooltip = footOverflow === true || footOverflow === 'tooltip';
           var hasEllipsis = showTitle || showTooltip || showEllipsis;
-          var hasFilter = column.filters && column.filters.some(function (item) {
-            return item.checked;
-          });
+          var attrs = {
+            colid: column.id
+          };
+          var tfOns = {};
           var columnIndex = $xetable.getColumnIndex(column);
 
           var _columnIndex = $xetable.getVTColumnIndex(column);
 
+          var itemIndex = _columnIndex;
           var params = {
             $table: $xetable,
+            _rowIndex: _rowIndex,
             $rowIndex: $rowIndex,
             column: column,
             columnIndex: columnIndex,
             $columnIndex: $columnIndex,
             _columnIndex: _columnIndex,
+            itemIndex: itemIndex,
+            items: list,
             fixed: fixedType,
             type: renderType,
-            isHidden: fixedHiddenColumn,
-            hasFilter: hasFilter
-          };
-          var thOns = {
-            onClick: function onClick(evnt) {
-              return $xetable.triggerHeaderCellClickEvent(evnt, params);
-            },
-            onDblclick: function onDblclick(evnt) {
-              return $xetable.triggerHeaderCellDblclickEvent(evnt, params);
-            }
-          }; // 横向虚拟滚动不支持动态行高
+            data: footerTableData
+          }; // 纵向虚拟滚动不支持动态行高
 
-          if (scrollXLoad && !hasEllipsis) {
+          if (scrollYLoad && !hasEllipsis) {
             showEllipsis = hasEllipsis = true;
-          } // 按下事件处理
+          }
 
+          if (showTitle || showTooltip || showAllTip) {
+            tfOns.onMouseenter = function (evnt) {
+              if (showTitle) {
+                updateCellTitle(evnt.currentTarget, column);
+              } else if (showTooltip || showAllTip) {
+                $xetable.triggerFooterTooltipEvent(evnt, params);
+              }
+            };
+          }
 
-          if (mouseConfig) {
-            thOns.onMousedown = function (evnt) {
-              return $xetable.triggerHeaderCellMousedownEvent(evnt, params);
+          if (showTooltip || showAllTip) {
+            tfOns.onMouseleave = function (evnt) {
+              if (showTooltip || showAllTip) {
+                $xetable.handleTargetLeaveEvent(evnt);
+              }
             };
           }
 
-          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', _objectSpread2(_objectSpread2({
-            class: ['vxe-header--column', column.id, (_ref = {}, _defineProperty(_ref, "col--".concat(headAlign), headAlign), _defineProperty(_ref, "col--".concat(type), type), _defineProperty(_ref, 'col--last', $columnIndex === cols.length - 1), _defineProperty(_ref, 'col--fixed', column.fixed), _defineProperty(_ref, 'col--group', isColGroup), _defineProperty(_ref, 'col--ellipsis', hasEllipsis), _defineProperty(_ref, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref, 'is--sortable', column.sortable), _defineProperty(_ref, 'col--filter', !!column.filters), _defineProperty(_ref, 'is--filter-active', hasFilter), _defineProperty(_ref, 'col--current', currentColumn === column), _ref), headerClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerClassName) ? headerClassName(params) : headerClassName : '', headerCellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName : ''],
-            colid: column.id,
-            colspan: column.colSpan > 1 ? column.colSpan : null,
-            rowspan: column.rowSpan > 1 ? column.rowSpan : null,
-            style: headerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null
-          }, thOns), {}, {
-            key: columnKey || columnOpts.useKey || isColGroup ? column.id : $columnIndex
-          }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: ['vxe-cell', {
-              'c--title': showTitle,
-              'c--tooltip': showTooltip,
-              'c--ellipsis': showEllipsis
-            }]
-          }, column.renderHeader(params)),
-          /**
-           * 列宽拖动
-           */
-          !fixedHiddenColumn && !isColGroup && (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || resizable) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: ['vxe-resizable', {
-              'is--line': !border || border === 'none'
-            }],
-            onMousedown: function onMousedown(evnt) {
-              return resizeMousedown(evnt, params);
+          tfOns.onClick = function (evnt) {
+            $xetable.dispatchEvent('footer-cell-click', Object.assign({
+              cell: evnt.currentTarget
+            }, params), evnt);
+          };
+
+          tfOns.onDblclick = function (evnt) {
+            $xetable.dispatchEvent('footer-cell-dblclick', Object.assign({
+              cell: evnt.currentTarget
+            }, params), evnt);
+          }; // 合并行或列
+
+
+          if (mergeFooterList.length) {
+            var spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
+
+            if (spanRest) {
+              var rowspan = spanRest.rowspan,
+                  colspan = spanRest.colspan;
+
+              if (!rowspan || !colspan) {
+                return null;
+              }
+
+              if (rowspan > 1) {
+                attrs.rowspan = rowspan;
+              }
+
+              if (colspan > 1) {
+                attrs.colspan = colspan;
+              }
             }
-          }) : null]);
-        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', {
-          class: 'vxe-header--gutter col--gutter'
+          } else if (footerSpanMethod) {
+            // 自定义合并方法
+            var _ref = footerSpanMethod(params) || {},
+                _ref$rowspan = _ref.rowspan,
+                _rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan,
+                _ref$colspan = _ref.colspan,
+                _colspan = _ref$colspan === void 0 ? 1 : _ref$colspan;
+
+            if (!_rowspan || !_colspan) {
+              return null;
+            }
+
+            if (_rowspan > 1) {
+              attrs.rowspan = _rowspan;
+            }
+
+            if (_colspan > 1) {
+              attrs.colspan = _colspan;
+            }
+          }
+
+          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', _objectSpread2(_objectSpread2(_objectSpread2({
+            class: ['vxe-footer--column', column.id, (_ref2 = {}, _defineProperty(_ref2, "col--".concat(footAlign), footAlign), _defineProperty(_ref2, "col--".concat(type), type), _defineProperty(_ref2, 'col--last', $columnIndex === tableColumn.length - 1), _defineProperty(_ref2, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref2, 'col--ellipsis', hasEllipsis), _defineProperty(_ref2, 'col--current', currentColumn === column), _ref2), getPropClass(footerClassName, params), getPropClass(footerCellClassName, params)]
+          }, attrs), {}, {
+            style: footerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle : null
+          }, tfOns), {}, {
+            key: columnKey || columnOpts.useKey ? column.id : $columnIndex
+          }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: ['vxe-cell', {
+              'c--title': showTitle,
+              'c--tooltip': showTooltip,
+              'c--ellipsis': showEllipsis
+            }]
+          }, column.renderFooter(params))]);
+        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
+          class: 'vxe-footer--gutter col--gutter'
         })] : []));
-      }))]),
-      /**
-       * 其他
-       */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refHeaderBorderRepair,
-        class: 'vxe-table--header-border-line'
-      })]);
+      }))])]);
     };
 
     return renderVN;
   }
 }));
-// CONCATENATED MODULE: ./packages/header/index.ts
+// CONCATENATED MODULE: ./packages/footer/index.ts
 
 
 
 
-var Header = Object.assign(header, {
+var Footer = Object.assign(footer, {
   install: function install(app) {
-    app.component(header.name, header);
+    app.component(footer.name, footer);
   }
 });
-dynamicApp.component(header.name, header);
-/* harmony default export */ var packages_header = (Header);
-// CONCATENATED MODULE: ./packages/footer/src/footer.ts
-
-
+dynamicApp.component(footer.name, footer);
+/* harmony default export */ var packages_footer = (Footer);
+// CONCATENATED MODULE: ./packages/table/src/cell.ts
 
 
 
@@ -22909,459 +22956,69 @@ dynamicApp.component(header.name, header);
 
 
 
-var footer_renderType = 'footer';
 
-function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
-  for (var mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
-    var _mergeFooterList$mInd = mergeFooterList[mIndex],
-        mergeRowIndex = _mergeFooterList$mInd.row,
-        mergeColIndex = _mergeFooterList$mInd.col,
-        mergeRowspan = _mergeFooterList$mInd.rowspan,
-        mergeColspan = _mergeFooterList$mInd.colspan;
 
-    if (mergeColIndex > -1 && mergeRowIndex > -1 && mergeRowspan && mergeColspan) {
-      if (mergeRowIndex === _rowIndex && mergeColIndex === _columnIndex) {
-        return {
-          rowspan: mergeRowspan,
-          colspan: mergeColspan
-        };
-      }
 
-      if (_rowIndex >= mergeRowIndex && _rowIndex < mergeRowIndex + mergeRowspan && _columnIndex >= mergeColIndex && _columnIndex < mergeColIndex + mergeColspan) {
-        return {
-          rowspan: 0,
-          colspan: 0
-        };
-      }
-    }
-  }
-}
 
-/* harmony default export */ var footer = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
-  name: 'VxeTableFooter',
-  props: {
-    footerTableData: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    tableColumn: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    fixedColumn: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
+function renderHelpIcon(params) {
+  var $table = params.$table,
+      column = params.column;
+  var titlePrefix = column.titlePrefix || column.titleHelp;
+  return titlePrefix ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
+    class: ['vxe-cell-help-icon', titlePrefix.icon || conf.icon.TABLE_HELP],
+    onMouseenter: function onMouseenter(evnt) {
+      $table.triggerHeaderHelpEvent(evnt, params);
     },
-    fixedType: {
-      type: String,
-      default: null
+    onMouseleave: function onMouseleave(evnt) {
+      $table.handleTargetLeaveEvent(evnt);
     }
-  },
-  setup: function setup(props) {
-    var $xetable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xetable', {});
-    var xID = $xetable.xID,
-        tableProps = $xetable.props,
-        tableReactData = $xetable.reactData,
-        tableInternalData = $xetable.internalData;
-
-    var _$xetable$getRefMaps = $xetable.getRefMaps(),
-        refTableHeader = _$xetable$getRefMaps.refTableHeader,
-        refTableBody = _$xetable$getRefMaps.refTableBody,
-        refValidTooltip = _$xetable$getRefMaps.refValidTooltip;
+  })] : [];
+}
 
-    var _$xetable$getComputeM = $xetable.getComputeMaps(),
-        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts,
-        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
+function renderTitleContent(params, content) {
+  var $table = params.$table,
+      column = params.column;
+  var props = $table.props,
+      internalData = $table.internalData;
 
-    var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterTFoot = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refFooterXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    /**
-     * 滚动处理
-     * 如果存在列固定左侧，同步更新滚动状态
-     * 如果存在列固定右侧，同步更新滚动状态
-     */
+  var _$table$getComputeMap = $table.getComputeMaps(),
+      computeTooltipOpts = _$table$getComputeMap.computeTooltipOpts;
 
-    var scrollEvent = function scrollEvent(evnt) {
-      var fixedType = props.fixedType;
-      var scrollXLoad = tableReactData.scrollXLoad;
-      var lastScrollLeft = tableInternalData.lastScrollLeft;
-      var validTip = refValidTooltip.value;
-      var tableHeader = refTableHeader.value;
-      var tableBody = refTableBody.value;
-      var headerElem = tableHeader ? tableHeader.$el : null;
-      var footerElem = refElem.value;
-      var bodyElem = tableBody.$el;
-      var scrollLeft = footerElem.scrollLeft;
-      var isX = scrollLeft !== lastScrollLeft;
-      tableInternalData.lastScrollLeft = scrollLeft;
-      tableInternalData.lastScrollTime = Date.now();
+  var allColumnHeaderOverflow = props.showHeaderOverflow;
+  var type = column.type,
+      showHeaderOverflow = column.showHeaderOverflow;
+  var tooltipOpts = computeTooltipOpts.value;
+  var showAllTip = tooltipOpts.showAll;
+  var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+  var showTitle = headOverflow === 'title';
+  var showTooltip = headOverflow === true || headOverflow === 'tooltip';
+  var ons = {};
 
-      if (headerElem) {
-        headerElem.scrollLeft = scrollLeft;
+  if (showTitle || showTooltip || showAllTip) {
+    ons.onMouseenter = function (evnt) {
+      if (internalData._isResize) {
+        return;
       }
 
-      if (bodyElem) {
-        bodyElem.scrollLeft = scrollLeft;
+      if (showTitle) {
+        updateCellTitle(evnt.currentTarget, column);
+      } else if (showTooltip || showAllTip) {
+        $table.triggerHeaderTooltipEvent(evnt, params);
       }
+    };
+  }
 
-      if (scrollXLoad && isX) {
-        $xetable.triggerScrollXEvent(evnt);
+  if (showTooltip || showAllTip) {
+    ons.onMouseleave = function (evnt) {
+      if (internalData._isResize) {
+        return;
       }
 
-      if (isX && validTip && validTip.reactData.visible) {
-        validTip.updatePlacement();
+      if (showTooltip || showAllTip) {
+        $table.handleTargetLeaveEvent(evnt);
       }
-
-      $xetable.dispatchEvent('scroll', {
-        type: footer_renderType,
-        fixed: fixedType,
-        scrollTop: bodyElem.scrollTop,
-        scrollLeft: scrollLeft,
-        isX: isX,
-        isY: false
-      }, evnt);
     };
-
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
-        var fixedType = props.fixedType;
-        var elemStore = tableInternalData.elemStore;
-        var prefix = "".concat(fixedType || 'main', "-footer-");
-        elemStore["".concat(prefix, "wrapper")] = refElem;
-        elemStore["".concat(prefix, "table")] = refFooterTable;
-        elemStore["".concat(prefix, "colgroup")] = refFooterColgroup;
-        elemStore["".concat(prefix, "list")] = refFooterTFoot;
-        elemStore["".concat(prefix, "xSpace")] = refFooterXSpace;
-      });
-    });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
-      var fixedType = props.fixedType;
-      var elemStore = tableInternalData.elemStore;
-      var prefix = "".concat(fixedType || 'main', "-footer-");
-      elemStore["".concat(prefix, "wrapper")] = null;
-      elemStore["".concat(prefix, "table")] = null;
-      elemStore["".concat(prefix, "colgroup")] = null;
-      elemStore["".concat(prefix, "list")] = null;
-      elemStore["".concat(prefix, "xSpace")] = null;
-    });
-
-    var renderVN = function renderVN() {
-      var fixedType = props.fixedType,
-          fixedColumn = props.fixedColumn,
-          tableColumn = props.tableColumn,
-          footerTableData = props.footerTableData;
-      var footerRowClassName = tableProps.footerRowClassName,
-          footerCellClassName = tableProps.footerCellClassName,
-          footerRowStyle = tableProps.footerRowStyle,
-          footerCellStyle = tableProps.footerCellStyle,
-          allFooterAlign = tableProps.footerAlign,
-          footerSpanMethod = tableProps.footerSpanMethod,
-          allAlign = tableProps.align,
-          columnKey = tableProps.columnKey,
-          allColumnFooterOverflow = tableProps.showFooterOverflow;
-      var visibleColumn = tableInternalData.visibleColumn;
-      var scrollYLoad = tableReactData.scrollYLoad,
-          overflowX = tableReactData.overflowX,
-          scrollbarWidth = tableReactData.scrollbarWidth,
-          currentColumn = tableReactData.currentColumn,
-          mergeFooterList = tableReactData.mergeFooterList;
-      var tooltipOpts = computeTooltipOpts.value;
-      var columnOpts = computeColumnOpts.value; // 如果是使用优化模式
-
-      if (fixedType) {
-        if (scrollYLoad || allColumnFooterOverflow) {
-          if (!mergeFooterList.length || !footerSpanMethod) {
-            tableColumn = fixedColumn;
-          } else {
-            tableColumn = visibleColumn;
-          }
-        } else {
-          tableColumn = visibleColumn;
-        }
-      }
-
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refElem,
-        class: ['vxe-table--footer-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
-        xid: xID,
-        onScroll: scrollEvent
-      }, [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refFooterXSpace,
-        class: 'vxe-body--x-space'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
-        ref: refFooterTable,
-        class: 'vxe-table--footer',
-        xid: xID,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }, [
-      /**
-       * 列宽
-       */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
-        ref: refFooterColgroup
-      }, tableColumn.map(function (column, $columnIndex) {
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
-          name: column.id,
-          key: $columnIndex
-        });
-      }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
-        name: 'col_gutter'
-      })] : [])),
-      /**
-       * 底部
-       */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tfoot', {
-        ref: refFooterTFoot
-      }, footerTableData.map(function (list, _rowIndex) {
-        var $rowIndex = _rowIndex;
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', {
-          class: ['vxe-footer--row', footerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowClassName) ? footerRowClassName({
-            $table: $xetable,
-            _rowIndex: _rowIndex,
-            $rowIndex: $rowIndex,
-            fixed: fixedType,
-            type: footer_renderType
-          }) : footerRowClassName : ''],
-          style: footerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerRowStyle) ? footerRowStyle({
-            $table: $xetable,
-            _rowIndex: _rowIndex,
-            $rowIndex: $rowIndex,
-            fixed: fixedType,
-            type: footer_renderType
-          }) : footerRowStyle : null
-        }, tableColumn.map(function (column, $columnIndex) {
-          var _ref2;
-
-          var type = column.type,
-              showFooterOverflow = column.showFooterOverflow,
-              footerAlign = column.footerAlign,
-              align = column.align,
-              footerClassName = column.footerClassName;
-          var showAllTip = tooltipOpts.showAll;
-          var isColGroup = column.children && column.children.length;
-          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
-          var footOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showFooterOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
-          var footAlign = footerAlign || align || allFooterAlign || allAlign;
-          var showEllipsis = footOverflow === 'ellipsis';
-          var showTitle = footOverflow === 'title';
-          var showTooltip = footOverflow === true || footOverflow === 'tooltip';
-          var hasEllipsis = showTitle || showTooltip || showEllipsis;
-          var attrs = {
-            colid: column.id
-          };
-          var tfOns = {};
-          var columnIndex = $xetable.getColumnIndex(column);
-
-          var _columnIndex = $xetable.getVTColumnIndex(column);
-
-          var itemIndex = _columnIndex;
-          var params = {
-            $table: $xetable,
-            _rowIndex: _rowIndex,
-            $rowIndex: $rowIndex,
-            column: column,
-            columnIndex: columnIndex,
-            $columnIndex: $columnIndex,
-            _columnIndex: _columnIndex,
-            itemIndex: itemIndex,
-            items: list,
-            fixed: fixedType,
-            type: footer_renderType,
-            data: footerTableData
-          }; // 纵向虚拟滚动不支持动态行高
-
-          if (scrollYLoad && !hasEllipsis) {
-            showEllipsis = hasEllipsis = true;
-          }
-
-          if (showTitle || showTooltip || showAllTip) {
-            tfOns.onMouseenter = function (evnt) {
-              if (showTitle) {
-                updateCellTitle(evnt.currentTarget, column);
-              } else if (showTooltip || showAllTip) {
-                $xetable.triggerFooterTooltipEvent(evnt, params);
-              }
-            };
-          }
-
-          if (showTooltip || showAllTip) {
-            tfOns.onMouseleave = function (evnt) {
-              if (showTooltip || showAllTip) {
-                $xetable.handleTargetLeaveEvent(evnt);
-              }
-            };
-          }
-
-          tfOns.onClick = function (evnt) {
-            $xetable.dispatchEvent('footer-cell-click', Object.assign({
-              cell: evnt.currentTarget
-            }, params), evnt);
-          };
-
-          tfOns.onDblclick = function (evnt) {
-            $xetable.dispatchEvent('footer-cell-dblclick', Object.assign({
-              cell: evnt.currentTarget
-            }, params), evnt);
-          }; // 合并行或列
-
-
-          if (mergeFooterList.length) {
-            var spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
-
-            if (spanRest) {
-              var rowspan = spanRest.rowspan,
-                  colspan = spanRest.colspan;
-
-              if (!rowspan || !colspan) {
-                return null;
-              }
-
-              if (rowspan > 1) {
-                attrs.rowspan = rowspan;
-              }
-
-              if (colspan > 1) {
-                attrs.colspan = colspan;
-              }
-            }
-          } else if (footerSpanMethod) {
-            // 自定义合并方法
-            var _ref = footerSpanMethod(params) || {},
-                _ref$rowspan = _ref.rowspan,
-                _rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan,
-                _ref$colspan = _ref.colspan,
-                _colspan = _ref$colspan === void 0 ? 1 : _ref$colspan;
-
-            if (!_rowspan || !_colspan) {
-              return null;
-            }
-
-            if (_rowspan > 1) {
-              attrs.rowspan = _rowspan;
-            }
-
-            if (_colspan > 1) {
-              attrs.colspan = _colspan;
-            }
-          }
-
-          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', _objectSpread2(_objectSpread2(_objectSpread2({
-            class: ['vxe-footer--column', column.id, (_ref2 = {}, _defineProperty(_ref2, "col--".concat(footAlign), footAlign), _defineProperty(_ref2, "col--".concat(type), type), _defineProperty(_ref2, 'col--last', $columnIndex === tableColumn.length - 1), _defineProperty(_ref2, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref2, 'col--ellipsis', hasEllipsis), _defineProperty(_ref2, 'col--current', currentColumn === column), _ref2), getPropClass(footerClassName, params), getPropClass(footerCellClassName, params)]
-          }, attrs), {}, {
-            style: footerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle : null
-          }, tfOns), {}, {
-            key: columnKey || columnOpts.useKey ? column.id : $columnIndex
-          }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: ['vxe-cell', {
-              'c--title': showTitle,
-              'c--tooltip': showTooltip,
-              'c--ellipsis': showEllipsis
-            }]
-          }, column.renderFooter(params))]);
-        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
-          class: 'vxe-footer--gutter col--gutter'
-        })] : []));
-      }))])]);
-    };
-
-    return renderVN;
-  }
-}));
-// CONCATENATED MODULE: ./packages/footer/index.ts
-
-
-
-
-var Footer = Object.assign(footer, {
-  install: function install(app) {
-    app.component(footer.name, footer);
-  }
-});
-dynamicApp.component(footer.name, footer);
-/* harmony default export */ var packages_footer = (Footer);
-// CONCATENATED MODULE: ./packages/table/src/cell.ts
-
-
-
-
-
-
-
-
-
-
-
-
-function renderHelpIcon(params) {
-  var $table = params.$table,
-      column = params.column;
-  var titlePrefix = column.titlePrefix || column.titleHelp;
-  return titlePrefix ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
-    class: ['vxe-cell-help-icon', titlePrefix.icon || conf.icon.TABLE_HELP],
-    onMouseenter: function onMouseenter(evnt) {
-      $table.triggerHeaderHelpEvent(evnt, params);
-    },
-    onMouseleave: function onMouseleave(evnt) {
-      $table.handleTargetLeaveEvent(evnt);
-    }
-  })] : [];
-}
-
-function renderTitleContent(params, content) {
-  var $table = params.$table,
-      column = params.column;
-  var props = $table.props,
-      internalData = $table.internalData;
-
-  var _$table$getComputeMap = $table.getComputeMaps(),
-      computeTooltipOpts = _$table$getComputeMap.computeTooltipOpts;
-
-  var allColumnHeaderOverflow = props.showHeaderOverflow;
-  var type = column.type,
-      showHeaderOverflow = column.showHeaderOverflow;
-  var tooltipOpts = computeTooltipOpts.value;
-  var showAllTip = tooltipOpts.showAll;
-  var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-  var showTitle = headOverflow === 'title';
-  var showTooltip = headOverflow === true || headOverflow === 'tooltip';
-  var ons = {};
-
-  if (showTitle || showTooltip || showAllTip) {
-    ons.onMouseenter = function (evnt) {
-      if (internalData._isResize) {
-        return;
-      }
-
-      if (showTitle) {
-        updateCellTitle(evnt.currentTarget, column);
-      } else if (showTooltip || showAllTip) {
-        $table.triggerHeaderTooltipEvent(evnt, params);
-      }
-    };
-  }
-
-  if (showTooltip || showAllTip) {
-    ons.onMouseleave = function (evnt) {
-      if (internalData._isResize) {
-        return;
-      }
-
-      if (showTooltip || showAllTip) {
-        $table.handleTargetLeaveEvent(evnt);
-      }
-    };
-  }
+  }
 
   return [type === 'html' && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(content) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', _objectSpread2({
     class: 'vxe-cell--title',
@@ -27598,6 +27255,8 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
   setup: function setup(props, context) {
     var slots = context.slots,
         emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var $xecheckboxgroup = {
       xID: xID,
@@ -27631,7 +27290,11 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
         emit('update:modelValue', checklist);
         $xecheckboxgroup.dispatchEvent('change', Object.assign({
           checklist: checklist
-        }, params), evnt);
+        }, params), evnt); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, checklist);
+        }
       }
     };
     Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
@@ -27721,6 +27384,8 @@ dynamicApp.component(src_group.name, src_group);
   setup: function setup(props, context) {
     var slots = context.slots,
         emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var computeSize = useSize(props);
     var $xeradiobutton = {
@@ -27763,7 +27428,11 @@ dynamicApp.component(src_group.name, src_group);
         emit('update:modelValue', label);
         radioButtonMethods.dispatchEvent('change', {
           label: label
-        }, evnt);
+        }, evnt); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, label);
+        }
       }
     };
 
@@ -27897,6 +27566,8 @@ var autoTxtElem;
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'click', 'change', 'focus', 'blur'],
   setup: function setup(props, context) {
     var emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var computeSize = useSize(props);
     var reactData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -27999,7 +27670,11 @@ var autoTxtElem;
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toValueString(props.modelValue) !== value) {
         textareaMethods.dispatchEvent('change', {
           value: value
-        }, evnt);
+        }, evnt); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+        }
       }
     };
 
@@ -28742,6 +28417,8 @@ var itemInfo_ItemInfo = /*#__PURE__*/function () {
       align: item.align,
       titleAlign: item.titleAlign,
       titleWidth: item.titleWidth,
+      titleColon: item.titleColon,
+      titleAsterisk: item.titleAsterisk,
       titlePrefix: item.titlePrefix,
       titleSuffix: item.titleSuffix,
       titleOverflow: item.titleOverflow,
@@ -28904,6 +28581,193 @@ function renderTitle($xeform, item) {
   }, fixVNs));
   return contVNs;
 }
+// CONCATENATED MODULE: ./packages/form/src/form-config-item.ts
+
+
+
+
+
+
+
+
+
+var VxeFormConfigItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
+  name: 'VxeFormConfigItem',
+  props: {
+    itemConfig2: Object,
+    itemConfig: Object
+  },
+  setup: function setup(props) {
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', {});
+    var xeformiteminfo = {
+      itemConfig: props.itemConfig
+    };
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformiteminfo', xeformiteminfo);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformgather', null);
+
+    var renderVN = function renderVN() {
+      var reactData = $xeform.reactData;
+      var _$xeform$props = $xeform.props,
+          data = _$xeform$props.data,
+          rules = _$xeform$props.rules,
+          allSpan = _$xeform$props.span,
+          allAlign = _$xeform$props.align,
+          allTitleAlign = _$xeform$props.titleAlign,
+          allTitleWidth = _$xeform$props.titleWidth,
+          allTitleColon = _$xeform$props.titleColon,
+          allTitleAsterisk = _$xeform$props.titleAsterisk,
+          allTitleOverflow = _$xeform$props.titleOverflow;
+
+      var _$xeform$getComputeMa = $xeform.getComputeMaps(),
+          computeValidOpts = _$xeform$getComputeMa.computeValidOpts;
+
+      var item = props.itemConfig;
+      var collapseAll = reactData.collapseAll;
+      var validOpts = computeValidOpts.value;
+      var slots = item.slots,
+          title = item.title,
+          visible = item.visible,
+          folding = item.folding,
+          visibleMethod = item.visibleMethod,
+          field = item.field,
+          collapseNode = item.collapseNode,
+          itemRender = item.itemRender,
+          showError = item.showError,
+          errRule = item.errRule,
+          className = item.className,
+          titleOverflow = item.titleOverflow,
+          children = item.children;
+      var compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null;
+      var defaultSlot = slots ? slots.default : null;
+      var titleSlot = slots ? slots.title : null;
+      var span = item.span || allSpan;
+      var align = item.align || allAlign;
+      var titleAlign = item.titleAlign || allTitleAlign;
+      var titleWidth = item.titleWidth || allTitleWidth;
+      var titleColon = item.titleColon === null ? allTitleColon : item.titleColon;
+      var titleAsterisk = item.titleAsterisk === null ? allTitleAsterisk : item.titleAsterisk;
+      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 itemVisibleMethod = visibleMethod;
+      var params = {
+        data: data,
+        field: field,
+        property: field,
+        item: item,
+        $form: $xeform
+      };
+
+      if (visible === false) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])();
+      }
+
+      var isRequired = false;
+
+      if (rules) {
+        var itemRules = rules[field];
+
+        if (itemRules) {
+          isRequired = itemRules.some(function (rule) {
+            return rule.required;
+          });
+        }
+      } // 如果为项集合
+
+
+      var isGather = children && children.length > 0;
+
+      if (isGather) {
+        var childVNs = children.map(function (childItem, index) {
+          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(VxeFormConfigItem, {
+            key: index,
+            itemConfig: childItem
+          });
+        });
+        return childVNs.length ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          class: ['vxe-form--gather vxe-row', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(className) ? className(params) : className : '']
+        }, childVNs) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])();
+      }
+
+      if (!itemVisibleMethod && compConf && compConf.itemVisibleMethod) {
+        itemVisibleMethod = compConf.itemVisibleMethod;
+      }
+
+      var contentVNs = [];
+
+      if (defaultSlot) {
+        contentVNs = $xeform.callSlot(defaultSlot, params);
+      } else if (compConf && compConf.renderItemContent) {
+        contentVNs = compConf.renderItemContent(itemRender, params);
+      } else if (field) {
+        contentVNs = ["".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(data, field))];
+      }
+
+      if (collapseNode) {
+        contentVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          class: 'vxe-form--item-trigger-node',
+          onClick: $xeform.toggleCollapseEvent
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+          class: 'vxe-form--item-trigger-text'
+        }, collapseAll ? conf.i18n('vxe.form.unfolding') : conf.i18n('vxe.form.folding')), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
+          class: ['vxe-form--item-trigger-icon', collapseAll ? conf.icon.FORM_FOLDING : conf.icon.FORM_UNFOLDING]
+        })]));
+      }
+
+      if (errRule && validOpts.showMessage) {
+        contentVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          class: 'vxe-form--item-valid',
+          style: errRule.maxWidth ? {
+            width: "".concat(errRule.maxWidth, "px")
+          } : null
+        }, errRule.content));
+      }
+
+      var ons = showTooltip ? {
+        onMouseenter: function onMouseenter(evnt) {
+          $xeform.triggerTitleTipEvent(evnt, params);
+        },
+        onMouseleave: $xeform.handleTitleTipLeaveEvent
+      } : {};
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: ['vxe-form--item', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(className) ? className(params) : className : '', {
+          'is--title': title,
+          'is--colon': titleColon,
+          'is--asterisk': titleAsterisk,
+          'is--required': isRequired,
+          'is--hidden': folding && collapseAll,
+          'is--active': !itemVisibleMethod || itemVisibleMethod(params),
+          'is--error': showError
+        }],
+        itemConfig: item,
+        key: item.id
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-form--item-inner'
+      }, [title || titleSlot ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
+        class: ['vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : null, {
+          'is--ellipsis': hasEllipsis
+        }],
+        style: titleWidth ? {
+          width: isNaN(titleWidth) ? titleWidth : "".concat(titleWidth, "px")
+        } : null,
+        title: showTitle ? getFuncText(title) : null
+      }, ons), renderTitle($xeform, item)) : null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: ['vxe-form--item-content', align ? "align--".concat(align) : null]
+      }, contentVNs)])]);
+    };
+
+    var $xeformconfigitem = {
+      renderVN: renderVN
+    };
+    return $xeformconfigitem;
+  },
+  render: function render() {
+    return this.renderVN();
+  }
+});
+/* harmony default export */ var form_config_item = (VxeFormConfigItem);
 // CONCATENATED MODULE: ./packages/form/src/form.ts
 
 
@@ -29364,7 +29228,7 @@ function getResetValue(value, resetValue) {
                 }
               } else {
                 var isArrType = type === 'array';
-                var hasEmpty = isArrType ? !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(itemValue) || !itemValue.length : eqEmptyValue(itemValue);
+                var hasEmpty = isArrType || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(itemValue) ? !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(itemValue) || !itemValue.length : eqEmptyValue(itemValue);
 
                 if (required ? hasEmpty || form_validErrorRuleValue(rule, itemValue) : !hasEmpty && form_validErrorRuleValue(rule, itemValue)) {
                   errorRules.push(new form_Rule(rule));
@@ -29557,22 +29421,14 @@ function getResetValue(value, resetValue) {
         closeTooltip();
       }
     };
-    /**
-     * 更新项状态
-     * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一项编辑状态
-     * 如果单元格配置了校验规则，则会进行校验
-     */
-
 
-    var updateStatus = function updateStatus(scope, itemValue) {
-      var property = scope.property;
-
-      if (property) {
-        validItemRules('change', property, itemValue).then(function () {
-          clearValidate(property);
+    var triggerItemEvent = function triggerItemEvent(evnt, field, itemValue) {
+      if (field) {
+        return validItemRules(evnt ? evnt.type : 'all', field, itemValue).then(function () {
+          clearValidate(field);
         }).catch(function (_ref2) {
           var rule = _ref2.rule;
-          var item = getItemByField(property);
+          var item = getItemByField(field);
 
           if (item) {
             item.showError = true;
@@ -29580,138 +29436,19 @@ function getResetValue(value, resetValue) {
           }
         });
       }
-    };
-
-    var renderItems = function renderItems(itemList) {
-      var data = props.data,
-          rules = props.rules,
-          allTitleOverflow = props.titleOverflow;
-      var collapseAll = reactData.collapseAll;
-      var validOpts = computeValidOpts.value;
-      return itemList.map(function (item) {
-        var slots = item.slots,
-            title = item.title,
-            visible = item.visible,
-            folding = item.folding,
-            visibleMethod = item.visibleMethod,
-            field = item.field,
-            collapseNode = item.collapseNode,
-            itemRender = item.itemRender,
-            showError = item.showError,
-            errRule = item.errRule,
-            className = item.className,
-            titleOverflow = item.titleOverflow,
-            children = item.children;
-        var compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null;
-        var defaultSlot = slots ? slots.default : null;
-        var titleSlot = slots ? slots.title : null;
-        var span = item.span || props.span;
-        var align = item.align || props.align;
-        var titleAlign = item.titleAlign || props.titleAlign;
-        var titleWidth = item.titleWidth || props.titleWidth;
-        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 itemVisibleMethod = visibleMethod;
-        var params = {
-          data: data,
-          field: field,
-          property: field,
-          item: item,
-          $form: $xeform
-        };
-
-        if (visible === false) {
-          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])();
-        }
-
-        var isRequired = false;
-
-        if (rules) {
-          var itemRules = rules[field];
-
-          if (itemRules) {
-            isRequired = itemRules.some(function (rule) {
-              return rule.required;
-            });
-          }
-        } // 如果为项集合
-
 
-        var isGather = children && children.length > 0;
-
-        if (isGather) {
-          var childVNs = renderItems(item.children);
-          return childVNs.length ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: ['vxe-form--gather vxe-row', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(className) ? className(params) : className : '']
-          }, childVNs) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])();
-        }
-
-        if (!itemVisibleMethod && compConf && compConf.itemVisibleMethod) {
-          itemVisibleMethod = compConf.itemVisibleMethod;
-        }
-
-        var contentVNs = [];
-
-        if (defaultSlot) {
-          contentVNs = callSlot(defaultSlot, params);
-        } else if (compConf && compConf.renderItemContent) {
-          contentVNs = compConf.renderItemContent(itemRender, params);
-        } else if (field) {
-          contentVNs = ["".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(data, field))];
-        }
-
-        if (collapseNode) {
-          contentVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: 'vxe-form--item-trigger-node',
-            onClick: toggleCollapseEvent
-          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-form--item-trigger-text'
-          }, collapseAll ? conf.i18n('vxe.form.unfolding') : conf.i18n('vxe.form.folding')), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
-            class: ['vxe-form--item-trigger-icon', collapseAll ? conf.icon.FORM_FOLDING : conf.icon.FORM_UNFOLDING]
-          })]));
-        }
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
+    };
+    /**
+     * 更新项状态
+     * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一项编辑状态
+     * 如果单元格配置了校验规则，则会进行校验
+     */
 
-        if (errRule && validOpts.showMessage) {
-          contentVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: 'vxe-form--item-valid',
-            style: errRule.maxWidth ? {
-              width: "".concat(errRule.maxWidth, "px")
-            } : null
-          }, errRule.content));
-        }
 
-        var ons = showTooltip ? {
-          onMouseenter: function onMouseenter(evnt) {
-            triggerTitleTipEvent(evnt, params);
-          },
-          onMouseleave: handleTitleTipLeaveEvent
-        } : {};
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-          class: ['vxe-form--item', item.id, span ? "vxe-col--".concat(span, " is--span") : '', 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': folding && collapseAll,
-            'is--active': !itemVisibleMethod || itemVisibleMethod(params),
-            'is--error': showError
-          }],
-          key: item.id
-        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-          class: 'vxe-form--item-inner'
-        }, [title || titleSlot ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
-          class: ['vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : null, {
-            'is--ellipsis': hasEllipsis
-          }],
-          style: titleWidth ? {
-            width: isNaN(titleWidth) ? titleWidth : "".concat(titleWidth, "px")
-          } : null,
-          title: showTitle ? getFuncText(title) : null
-        }, ons), renderTitle($xeform, item)) : null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-          class: ['vxe-form--item-content', align ? "align--".concat(align) : null]
-        }, contentVNs)])]);
-      });
+    var updateStatus = function updateStatus(scope, itemValue) {
+      var field = scope.field;
+      return triggerItemEvent(new Event('change'), field, itemValue);
     };
 
     formMethods = {
@@ -29733,6 +29470,7 @@ function getResetValue(value, resetValue) {
     };
     var formPrivateMethods = {
       callSlot: callSlot,
+      triggerItemEvent: triggerItemEvent,
       toggleCollapseEvent: toggleCollapseEvent,
       triggerTitleTipEvent: triggerTitleTipEvent,
       handleTitleTipLeaveEvent: handleTitleTipLeaveEvent
@@ -29771,8 +29509,6 @@ function getResetValue(value, resetValue) {
       var loading = props.loading,
           className = props.className,
           data = props.data,
-          titleColon = props.titleColon,
-          titleAsterisk = props.titleAsterisk,
           customLayout = props.customLayout;
       var formItems = reactData.formItems; // const formItems: any[] = []
 
@@ -29785,12 +29521,18 @@ function getResetValue(value, resetValue) {
           items: formItems,
           data: data,
           $form: $xeform
-        }) : className : '', (_ref3 = {}, _defineProperty(_ref3, "size--".concat(vSize), vSize), _defineProperty(_ref3, 'is--colon', titleColon), _defineProperty(_ref3, 'is--asterisk', titleAsterisk), _defineProperty(_ref3, 'is--loading', loading), _ref3)],
+        }) : className : '', (_ref3 = {}, _defineProperty(_ref3, "size--".concat(vSize), vSize), _defineProperty(_ref3, 'is--loading', loading), _ref3)],
         onSubmit: submitEvent,
         onReset: resetEvent
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         class: 'vxe-form--wrapper vxe-row'
-      }, customLayout ? defaultSlot ? defaultSlot({}) : [] : renderItems(formItems)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+      }, customLayout ? defaultSlot ? defaultSlot({}) : [] : formItems.map(function (item, index) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(form_config_item, {
+          key: index,
+          itemConfig2: item,
+          itemConfig: item
+        });
+      })), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         class: 'vxe-form-slots',
         ref: 'hideItem'
       }, customLayout ? [] : defaultSlot ? defaultSlot({}) : []), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
@@ -29810,6 +29552,9 @@ function getResetValue(value, resetValue) {
 
     $xeform.renderVN = renderVN;
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeform', $xeform);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformgather', null);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformitem', null);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformiteminfo', null);
     return $xeform;
   },
   render: function render() {
@@ -29846,6 +29591,14 @@ var formItemProps = {
   align: String,
   titleAlign: String,
   titleWidth: [String, Number],
+  titleColon: {
+    type: Boolean,
+    default: null
+  },
+  titleAsterisk: {
+    type: Boolean,
+    default: null
+  },
   className: [String, Function],
   titleOverflow: {
     type: [Boolean, String],
@@ -29872,9 +29625,18 @@ var formItemProps = {
     var slots = _ref.slots;
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
     var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', {});
-    var formGather = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('xeformgather', null);
+    var formGather = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformgather', null);
     var formItem = createItem($xeform, props);
+    var xeformitem = {
+      formItem: formItem
+    };
+    var xeformiteminfo = {
+      itemConfig: formItem
+    };
     formItem.slots = slots;
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformiteminfo', xeformiteminfo);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformitem', xeformitem);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformgather', null);
     watchItem(props, formItem);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       assemItem($xeform, refElem.value, formItem, formGather);
@@ -30009,7 +29771,13 @@ var formItemProps = {
       });
     };
 
-    return renderVN;
+    var $xeformitem = {
+      renderVN: renderVN
+    };
+    return $xeformitem;
+  },
+  render: function render() {
+    return this.renderVN();
   }
 }));
 // CONCATENATED MODULE: ./packages/form-item/index.ts
@@ -30036,14 +29804,19 @@ dynamicApp.component(form_item.name, form_item);
     var slots = _ref.slots;
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
     var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', {});
-    var formGather = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('xeformgather', null);
+    var formGather = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformgather', null);
     var defaultSlot = slots.default;
     var formItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(createItem($xeform, props));
     var xeformitem = {
       formItem: formItem
     };
+    var xeformiteminfo = {
+      itemConfig: formItem
+    };
     formItem.children = [];
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('xeformgather', xeformitem);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformiteminfo', xeformiteminfo);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformgather', xeformitem);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('$xeformitem', null);
     watchItem(props, formItem);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       assemItem($xeform, refElem.value, formItem, formGather);
@@ -30066,7 +29839,13 @@ dynamicApp.component(form_item.name, form_item);
       }, defaultSlot ? defaultSlot() : []);
     };
 
-    return renderVN;
+    var $xeformgather = {
+      renderVN: renderVN
+    };
+    return $xeformgather;
+  },
+  render: function render() {
+    return this.renderVN();
   }
 }));
 // CONCATENATED MODULE: ./packages/form-gather/index.ts
@@ -30313,6 +30092,8 @@ dynamicApp.component(src_option.name, src_option);
   emits: ['update:modelValue', 'change', 'focus', 'blur'],
   setup: function setup(props, context) {
     var emit = context.emit;
+    var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', null);
+    var $xeformiteminfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeformiteminfo', null);
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var computeSize = useSize(props);
     var reactData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -30349,7 +30130,12 @@ dynamicApp.component(src_option.name, src_option);
         emit('update:modelValue', value);
         switchMethods.dispatchEvent('change', {
           value: value
-        }, evnt);
+        }, evnt); // 自动更新校验状态
+
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+        }
+
         _atimeout = setTimeout(function () {
           reactData.hasAnimat = false;
         }, 400);
@@ -31198,1085 +30984,1441 @@ dynamicApp.component(src_list.name, src_list);
      */
 
 
-    var togglePanel = function togglePanel() {
-      if (reactData.visiblePanel) {
-        return hidePanel();
+    var togglePanel = function togglePanel() {
+      if (reactData.visiblePanel) {
+        return hidePanel();
+      }
+
+      return showPanel();
+    };
+
+    var handleGlobalMousewheelEvent = function handleGlobalMousewheelEvent(evnt) {
+      var disabled = props.disabled;
+      var visiblePanel = reactData.visiblePanel;
+      var panelElem = refPulldowPnanel.value;
+
+      if (!disabled) {
+        if (visiblePanel) {
+          if (getEventTargetNode(evnt, panelElem).flag) {
+            updatePlacement();
+          } else {
+            hidePanel();
+            pulldownMethods.dispatchEvent('hide-panel', {}, evnt);
+          }
+        }
+      }
+    };
+
+    var handleGlobalMousedownEvent = function handleGlobalMousedownEvent(evnt) {
+      var disabled = props.disabled;
+      var visiblePanel = reactData.visiblePanel;
+      var el = refElem.value;
+      var panelElem = refPulldowPnanel.value;
+
+      if (!disabled) {
+        reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
+
+        if (visiblePanel && !reactData.isActivated) {
+          hidePanel();
+          pulldownMethods.dispatchEvent('hide-panel', {}, evnt);
+        }
+      }
+    };
+
+    var handleGlobalBlurEvent = function handleGlobalBlurEvent(evnt) {
+      if (reactData.visiblePanel) {
+        reactData.isActivated = false;
+        hidePanel();
+        pulldownMethods.dispatchEvent('hide-panel', {}, evnt);
+      }
+    };
+
+    pulldownMethods = {
+      dispatchEvent: function dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $pulldown: $xepulldown,
+          $event: evnt
+        }, params));
+      },
+      isPanelVisible: isPanelVisible,
+      togglePanel: togglePanel,
+      showPanel: showPanel,
+      hidePanel: hidePanel
+    };
+    Object.assign($xepulldown, pulldownMethods);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.modelValue;
+    }, function (value) {
+      if (value) {
+        showPanel();
+      } else {
+        hidePanel();
+      }
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+      GlobalEvent.on($xepulldown, 'mousewheel', handleGlobalMousewheelEvent);
+      GlobalEvent.on($xepulldown, 'mousedown', handleGlobalMousedownEvent);
+      GlobalEvent.on($xepulldown, 'blur', handleGlobalBlurEvent);
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
+      GlobalEvent.off($xepulldown, 'mousewheel');
+      GlobalEvent.off($xepulldown, 'mousedown');
+      GlobalEvent.off($xepulldown, 'blur');
+    });
+
+    var renderVN = function renderVN() {
+      var _ref, _ref2;
+
+      var destroyOnClose = props.destroyOnClose,
+          transfer = props.transfer,
+          disabled = props.disabled;
+      var inited = reactData.inited,
+          isActivated = reactData.isActivated,
+          animatVisible = reactData.animatVisible,
+          visiblePanel = reactData.visiblePanel,
+          panelStyle = reactData.panelStyle,
+          panelPlacement = reactData.panelPlacement;
+      var vSize = computeSize.value;
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refElem,
+        class: ['vxe-pulldown', (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--visivle', visiblePanel), _defineProperty(_ref, 'is--disabled', disabled), _defineProperty(_ref, 'is--active', isActivated), _ref)]
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refPulldowContent,
+        class: 'vxe-pulldown--content'
+      }, slots.default ? slots.default({
+        $pulldown: $xepulldown
+      }) : []), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Teleport"], {
+        to: 'body',
+        disabled: transfer ? !inited : true
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refPulldowPnanel,
+        class: ['vxe-table--ignore-clear vxe-pulldown--panel', (_ref2 = {}, _defineProperty(_ref2, "size--".concat(vSize), vSize), _defineProperty(_ref2, 'is--transfer', transfer), _defineProperty(_ref2, 'animat--leave', animatVisible), _defineProperty(_ref2, 'animat--enter', visiblePanel), _ref2)],
+        placement: panelPlacement,
+        style: panelStyle
+      }, slots.dropdown ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-pulldown--wrapper'
+      }, !inited || destroyOnClose && !visiblePanel && !animatVisible ? [] : slots.dropdown({
+        $pulldown: $xepulldown
+      }))] : [])])]);
+    };
+
+    $xepulldown.renderVN = renderVN;
+    return $xepulldown;
+  },
+  render: function render() {
+    return this.renderVN();
+  }
+}));
+// CONCATENATED MODULE: ./packages/pulldown/index.ts
+
+
+
+
+var Pulldown = Object.assign(pulldown, {
+  install: function install(app) {
+    app.component(pulldown.name, pulldown);
+  }
+});
+dynamicApp.component(pulldown.name, pulldown);
+/* harmony default export */ var packages_pulldown = (Pulldown);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.finally.js
+var es_promise_finally = __webpack_require__("a79d");
+
+// CONCATENATED MODULE: ./packages/table/src/body.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var body_renderType = 'body';
+var lineOffsetSizes = {
+  mini: 3,
+  small: 2,
+  medium: 1
+};
+/* harmony default export */ var src_body = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
+  name: 'VxeTableBody',
+  props: {
+    tableData: Array,
+    tableColumn: Array,
+    fixedColumn: Array,
+    fixedType: {
+      type: String,
+      default: null
+    }
+  },
+  setup: function setup(props) {
+    var $xetable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xetable', {});
+    var xesize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('xesize', null);
+    var xID = $xetable.xID,
+        tableProps = $xetable.props,
+        tableContext = $xetable.context,
+        tableReactData = $xetable.reactData,
+        tableInternalData = $xetable.internalData;
+
+    var _$xetable$getRefMaps = $xetable.getRefMaps(),
+        refTableHeader = _$xetable$getRefMaps.refTableHeader,
+        refTableBody = _$xetable$getRefMaps.refTableBody,
+        refTableFooter = _$xetable$getRefMaps.refTableFooter,
+        refTableLeftBody = _$xetable$getRefMaps.refTableLeftBody,
+        refTableRightBody = _$xetable$getRefMaps.refTableRightBody,
+        refValidTooltip = _$xetable$getRefMaps.refValidTooltip;
+
+    var _$xetable$getComputeM = $xetable.getComputeMaps(),
+        computeEditOpts = _$xetable$getComputeM.computeEditOpts,
+        computeMouseOpts = _$xetable$getComputeM.computeMouseOpts,
+        computeSYOpts = _$xetable$getComputeM.computeSYOpts,
+        computeEmptyOpts = _$xetable$getComputeM.computeEmptyOpts,
+        computeKeyboardOpts = _$xetable$getComputeM.computeKeyboardOpts,
+        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts,
+        computeRadioOpts = _$xetable$getComputeM.computeRadioOpts,
+        computeTreeOpts = _$xetable$getComputeM.computeTreeOpts,
+        computeCheckboxOpts = _$xetable$getComputeM.computeCheckboxOpts,
+        computeValidOpts = _$xetable$getComputeM.computeValidOpts,
+        computeRowOpts = _$xetable$getComputeM.computeRowOpts,
+        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
+
+    var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refBodyTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refBodyColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refBodyTBody = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refBodyXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refBodyYSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refBodyEmptyBlock = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+
+    var getOffsetSize = function getOffsetSize() {
+      if (xesize) {
+        var vSize = xesize.value;
+
+        if (vSize) {
+          return lineOffsetSizes[vSize] || 0;
+        }
+      }
+
+      return 0;
+    };
+
+    var countTreeExpand = function countTreeExpand(prevRow, params) {
+      var count = 1;
+
+      if (!prevRow) {
+        return count;
+      }
+
+      var treeOpts = computeTreeOpts.value;
+      var rowChildren = prevRow[treeOpts.children];
+
+      if ($xetable.isTreeExpandByRow(prevRow)) {
+        for (var index = 0; index < rowChildren.length; index++) {
+          count += countTreeExpand(rowChildren[index], params);
+        }
       }
 
-      return showPanel();
+      return count;
     };
 
-    var handleGlobalMousewheelEvent = function handleGlobalMousewheelEvent(evnt) {
-      var disabled = props.disabled;
-      var visiblePanel = reactData.visiblePanel;
-      var panelElem = refPulldowPnanel.value;
+    var calcTreeLine = function calcTreeLine(params, items, rIndex) {
+      var expandSize = 1;
 
-      if (!disabled) {
-        if (visiblePanel) {
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            updatePlacement();
-          } else {
-            hidePanel();
-            pulldownMethods.dispatchEvent('hide-panel', {}, evnt);
-          }
-        }
+      if (rIndex) {
+        expandSize = countTreeExpand(items[rIndex - 1], params);
       }
-    };
 
-    var handleGlobalMousedownEvent = function handleGlobalMousedownEvent(evnt) {
-      var disabled = props.disabled;
-      var visiblePanel = reactData.visiblePanel;
-      var el = refElem.value;
-      var panelElem = refPulldowPnanel.value;
+      return tableReactData.rowHeight * expandSize - (rIndex ? 1 : 12 - getOffsetSize());
+    }; // 滚动、拖动过程中不需要触发
 
-      if (!disabled) {
-        reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
 
-        if (visiblePanel && !reactData.isActivated) {
-          hidePanel();
-          pulldownMethods.dispatchEvent('hide-panel', {}, evnt);
-        }
-      }
+    var isOperateMouse = function isOperateMouse() {
+      var delayHover = tableProps.delayHover;
+      var lastScrollTime = tableInternalData.lastScrollTime,
+          _isResize = tableInternalData._isResize;
+      return _isResize || lastScrollTime && Date.now() < lastScrollTime + delayHover;
     };
 
-    var handleGlobalBlurEvent = function handleGlobalBlurEvent(evnt) {
-      if (reactData.visiblePanel) {
-        reactData.isActivated = false;
-        hidePanel();
-        pulldownMethods.dispatchEvent('hide-panel', {}, evnt);
+    var renderLine = function renderLine(params) {
+      var row = params.row,
+          column = params.column;
+      var treeConfig = tableProps.treeConfig;
+      var treeOpts = computeTreeOpts.value;
+      var slots = column.slots,
+          treeNode = column.treeNode;
+      var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData;
+      var rowid = util_getRowid($xetable, row);
+      var rest = fullAllDataRowIdData[rowid];
+      var rLevel = 0;
+      var rIndex = 0;
+      var items = [];
+
+      if (rest) {
+        rLevel = rest.level;
+        rIndex = rest._index;
+        items = rest.items;
       }
-    };
 
-    pulldownMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
-        emit(type, Object.assign({
-          $pulldown: $xepulldown,
-          $event: evnt
-        }, params));
-      },
-      isPanelVisible: isPanelVisible,
-      togglePanel: togglePanel,
-      showPanel: showPanel,
-      hidePanel: hidePanel
-    };
-    Object.assign($xepulldown, pulldownMethods);
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.modelValue;
-    }, function (value) {
-      if (value) {
-        showPanel();
-      } else {
-        hidePanel();
+      if (slots && slots.line) {
+        return $xetable.callSlot(slots.line, params);
       }
-    });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
-      GlobalEvent.on($xepulldown, 'mousewheel', handleGlobalMousewheelEvent);
-      GlobalEvent.on($xepulldown, 'mousedown', handleGlobalMousedownEvent);
-      GlobalEvent.on($xepulldown, 'blur', handleGlobalBlurEvent);
-    });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
-      GlobalEvent.off($xepulldown, 'mousewheel');
-      GlobalEvent.off($xepulldown, 'mousedown');
-      GlobalEvent.off($xepulldown, 'blur');
-    });
 
-    var renderVN = function renderVN() {
-      var _ref, _ref2;
+      if (treeConfig && treeNode && treeOpts.line) {
+        return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          class: 'vxe-tree--line-wrapper'
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          class: 'vxe-tree--line',
+          style: {
+            height: "".concat(calcTreeLine(params, items, rIndex), "px"),
+            left: "".concat(rLevel * treeOpts.indent + (rLevel ? 2 - getOffsetSize() : 0) + 16, "px")
+          }
+        })])];
+      }
 
-      var destroyOnClose = props.destroyOnClose,
-          transfer = props.transfer,
-          disabled = props.disabled;
-      var inited = reactData.inited,
-          isActivated = reactData.isActivated,
-          animatVisible = reactData.animatVisible,
-          visiblePanel = reactData.visiblePanel,
-          panelStyle = reactData.panelStyle,
-          panelPlacement = reactData.panelPlacement;
-      var vSize = computeSize.value;
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refElem,
-        class: ['vxe-pulldown', (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--visivle', visiblePanel), _defineProperty(_ref, 'is--disabled', disabled), _defineProperty(_ref, 'is--active', isActivated), _ref)]
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refPulldowContent,
-        class: 'vxe-pulldown--content'
-      }, slots.default ? slots.default({
-        $pulldown: $xepulldown
-      }) : []), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Teleport"], {
-        to: 'body',
-        disabled: transfer ? !inited : true
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refPulldowPnanel,
-        class: ['vxe-table--ignore-clear vxe-pulldown--panel', (_ref2 = {}, _defineProperty(_ref2, "size--".concat(vSize), vSize), _defineProperty(_ref2, 'is--transfer', transfer), _defineProperty(_ref2, 'animat--leave', animatVisible), _defineProperty(_ref2, 'animat--enter', visiblePanel), _ref2)],
-        placement: panelPlacement,
-        style: panelStyle
-      }, slots.dropdown ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-pulldown--wrapper'
-      }, !inited || destroyOnClose && !visiblePanel && !animatVisible ? [] : slots.dropdown({
-        $pulldown: $xepulldown
-      }))] : [])])]);
+      return [];
     };
+    /**
+     * 渲染列
+     */
 
-    $xepulldown.renderVN = renderVN;
-    return $xepulldown;
-  },
-  render: function render() {
-    return this.renderVN();
-  }
-}));
-// CONCATENATED MODULE: ./packages/pulldown/index.ts
 
+    var renderColumn = function renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
+      var _ref2;
+
+      var columnKey = tableProps.columnKey,
+          height = tableProps.height,
+          allColumnOverflow = tableProps.showOverflow,
+          cellClassName = tableProps.cellClassName,
+          cellStyle = tableProps.cellStyle,
+          allAlign = tableProps.align,
+          spanMethod = tableProps.spanMethod,
+          mouseConfig = tableProps.mouseConfig,
+          editConfig = tableProps.editConfig,
+          editRules = tableProps.editRules,
+          tooltipConfig = tableProps.tooltipConfig;
+      var tableData = tableReactData.tableData,
+          overflowX = tableReactData.overflowX,
+          scrollYLoad = tableReactData.scrollYLoad,
+          currentColumn = tableReactData.currentColumn,
+          mergeList = tableReactData.mergeList,
+          editStore = tableReactData.editStore,
+          validStore = tableReactData.validStore,
+          isAllOverflow = tableReactData.isAllOverflow;
+      var afterFullData = tableInternalData.afterFullData;
+      var validOpts = computeValidOpts.value;
+      var checkboxOpts = computeCheckboxOpts.value;
+      var editOpts = computeEditOpts.value;
+      var tooltipOpts = computeTooltipOpts.value;
+      var rowOpts = computeRowOpts.value;
+      var sYOpts = computeSYOpts.value;
+      var columnOpts = computeColumnOpts.value;
+      var type = column.type,
+          cellRender = column.cellRender,
+          editRender = column.editRender,
+          align = column.align,
+          showOverflow = column.showOverflow,
+          className = column.className,
+          treeNode = column.treeNode;
+      var actived = editStore.actived;
+      var scrollYRHeight = sYOpts.rHeight;
+      var rowHeight = rowOpts.height;
+      var showAllTip = tooltipOpts.showAll;
+      var columnIndex = $xetable.getColumnIndex(column);
+
+      var _columnIndex = $xetable.getVTColumnIndex(column);
+
+      var isEdit = isEnableConf(editRender);
+      var fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX;
+      var cellOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showOverflow) ? allColumnOverflow : showOverflow;
+      var showEllipsis = cellOverflow === 'ellipsis';
+      var showTitle = cellOverflow === 'title';
+      var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
+      var hasEllipsis = showTitle || showTooltip || showEllipsis;
+      var isDirty;
+      var tdOns = {};
+      var cellAlign = align || allAlign;
+      var hasValidError = validStore.row === row && validStore.column === column;
+      var showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? height || tableData.length > 1 : validOpts.message === 'inline');
+      var attrs = {
+        colid: column.id
+      };
+      var params = {
+        $table: $xetable,
+        seq: seq,
+        rowid: rowid,
+        row: row,
+        rowIndex: rowIndex,
+        $rowIndex: $rowIndex,
+        _rowIndex: _rowIndex,
+        column: column,
+        columnIndex: columnIndex,
+        $columnIndex: $columnIndex,
+        _columnIndex: _columnIndex,
+        fixed: fixedType,
+        type: body_renderType,
+        isHidden: fixedHiddenColumn,
+        level: rowLevel,
+        visibleData: afterFullData,
+        data: tableData,
+        items: items
+      }; // 虚拟滚动不支持动态高度
+
+      if (scrollYLoad && !hasEllipsis) {
+        showEllipsis = hasEllipsis = true;
+      } // hover 进入事件
+
+
+      if (showTitle || showTooltip || showAllTip || tooltipConfig) {
+        tdOns.onMouseenter = function (evnt) {
+          if (isOperateMouse()) {
+            return;
+          }
+
+          if (showTitle) {
+            updateCellTitle(evnt.currentTarget, column);
+          } else if (showTooltip || showAllTip) {
+            // 如果配置了显示 tooltip
+            $xetable.triggerBodyTooltipEvent(evnt, params);
+          }
+
+          $xetable.dispatchEvent('cell-mouseenter', Object.assign({
+            cell: evnt.currentTarget
+          }, params), evnt);
+        };
+      } // hover 退出事件
 
 
+      if (showTooltip || showAllTip || tooltipConfig) {
+        tdOns.onMouseleave = function (evnt) {
+          if (isOperateMouse()) {
+            return;
+          }
 
-var Pulldown = Object.assign(pulldown, {
-  install: function install(app) {
-    app.component(pulldown.name, pulldown);
-  }
-});
-dynamicApp.component(pulldown.name, pulldown);
-/* harmony default export */ var packages_pulldown = (Pulldown);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.finally.js
-var es_promise_finally = __webpack_require__("a79d");
+          if (showTooltip || showAllTip) {
+            $xetable.handleTargetLeaveEvent(evnt);
+          }
 
-// CONCATENATED MODULE: ./packages/table/src/body.ts
+          $xetable.dispatchEvent('cell-mouseleave', Object.assign({
+            cell: evnt.currentTarget
+          }, params), evnt);
+        };
+      } // 按下事件处理
 
 
+      if (checkboxOpts.range || mouseConfig) {
+        tdOns.onMousedown = function (evnt) {
+          $xetable.triggerCellMousedownEvent(evnt, params);
+        };
+      } // 点击事件处理
 
 
+      tdOns.onClick = function (evnt) {
+        $xetable.triggerCellClickEvent(evnt, params);
+      }; // 双击事件处理
 
 
+      tdOns.onDblclick = function (evnt) {
+        $xetable.triggerCellDblclickEvent(evnt, params);
+      }; // 合并行或列
 
 
+      if (mergeList.length) {
+        var spanRest = mergeBodyMethod(mergeList, _rowIndex, _columnIndex);
 
+        if (spanRest) {
+          var rowspan = spanRest.rowspan,
+              colspan = spanRest.colspan;
 
+          if (!rowspan || !colspan) {
+            return null;
+          }
 
+          if (rowspan > 1) {
+            attrs.rowspan = rowspan;
+          }
 
+          if (colspan > 1) {
+            attrs.colspan = colspan;
+          }
+        }
+      } else if (spanMethod) {
+        // 自定义合并行或列的方法
+        var _ref = spanMethod(params) || {},
+            _ref$rowspan = _ref.rowspan,
+            _rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan,
+            _ref$colspan = _ref.colspan,
+            _colspan = _ref$colspan === void 0 ? 1 : _ref$colspan;
 
+        if (!_rowspan || !_colspan) {
+          return null;
+        }
 
+        if (_rowspan > 1) {
+          attrs.rowspan = _rowspan;
+        }
 
+        if (_colspan > 1) {
+          attrs.colspan = _colspan;
+        }
+      } // 如果被合并不可隐藏
 
-var body_renderType = 'body';
-var lineOffsetSizes = {
-  mini: 3,
-  small: 2,
-  medium: 1
-};
-/* harmony default export */ var src_body = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
-  name: 'VxeTableBody',
-  props: {
-    tableData: Array,
-    tableColumn: Array,
-    fixedColumn: Array,
-    fixedType: {
-      type: String,
-      default: null
-    }
-  },
-  setup: function setup(props) {
-    var $xetable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xetable', {});
-    var xesize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('xesize', null);
-    var xID = $xetable.xID,
-        tableProps = $xetable.props,
-        tableContext = $xetable.context,
-        tableReactData = $xetable.reactData,
-        tableInternalData = $xetable.internalData;
 
-    var _$xetable$getRefMaps = $xetable.getRefMaps(),
-        refTableHeader = _$xetable$getRefMaps.refTableHeader,
-        refTableBody = _$xetable$getRefMaps.refTableBody,
-        refTableFooter = _$xetable$getRefMaps.refTableFooter,
-        refTableLeftBody = _$xetable$getRefMaps.refTableLeftBody,
-        refTableRightBody = _$xetable$getRefMaps.refTableRightBody,
-        refValidTooltip = _$xetable$getRefMaps.refValidTooltip;
+      if (fixedHiddenColumn && mergeList) {
+        if (attrs.colspan > 1 || attrs.rowspan > 1) {
+          fixedHiddenColumn = false;
+        }
+      } // 如果编辑列开启显示状态
 
-    var _$xetable$getComputeM = $xetable.getComputeMaps(),
-        computeEditOpts = _$xetable$getComputeM.computeEditOpts,
-        computeMouseOpts = _$xetable$getComputeM.computeMouseOpts,
-        computeSYOpts = _$xetable$getComputeM.computeSYOpts,
-        computeEmptyOpts = _$xetable$getComputeM.computeEmptyOpts,
-        computeKeyboardOpts = _$xetable$getComputeM.computeKeyboardOpts,
-        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts,
-        computeRadioOpts = _$xetable$getComputeM.computeRadioOpts,
-        computeTreeOpts = _$xetable$getComputeM.computeTreeOpts,
-        computeCheckboxOpts = _$xetable$getComputeM.computeCheckboxOpts,
-        computeValidOpts = _$xetable$getComputeM.computeValidOpts,
-        computeRowOpts = _$xetable$getComputeM.computeRowOpts,
-        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
 
-    var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refBodyTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refBodyColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refBodyTBody = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refBodyXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refBodyYSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var refBodyEmptyBlock = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+      if (!fixedHiddenColumn && editConfig && (editRender || cellRender) && (editOpts.showStatus || editOpts.showUpdateStatus)) {
+        isDirty = $xetable.isUpdateByRow(row, column.property);
+      }
 
-    var getOffsetSize = function getOffsetSize() {
-      if (xesize) {
-        var vSize = xesize.value;
+      var tdVNs = [];
 
-        if (vSize) {
-          return lineOffsetSizes[vSize] || 0;
+      if (fixedHiddenColumn && (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
+        tdVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          class: ['vxe-cell', {
+            'c--title': showTitle,
+            'c--tooltip': showTooltip,
+            'c--ellipsis': showEllipsis
+          }],
+          style: {
+            maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
+          }
+        }));
+      } else {
+        // 渲染单元格
+        tdVNs.push.apply(tdVNs, _toConsumableArray(renderLine(params)).concat([Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          class: ['vxe-cell', {
+            'c--title': showTitle,
+            'c--tooltip': showTooltip,
+            'c--ellipsis': showEllipsis
+          }],
+          style: {
+            maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
+          },
+          title: showTitle ? $xetable.getCellLabel(row, column) : null
+        }, column.renderCell(params))]));
+
+        if (showValidTip && hasValidError) {
+          tdVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: 'vxe-cell--valid',
+            style: validStore.rule && validStore.rule.maxWidth ? {
+              width: "".concat(validStore.rule.maxWidth, "px")
+            } : null
+          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+            class: 'vxe-cell--valid-msg'
+          }, validStore.content)]));
         }
       }
 
-      return 0;
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', _objectSpread2(_objectSpread2({
+        class: ['vxe-body--column', column.id, (_ref2 = {}, _defineProperty(_ref2, "col--".concat(cellAlign), cellAlign), _defineProperty(_ref2, "col--".concat(type), type), _defineProperty(_ref2, 'col--last', $columnIndex === columns.length - 1), _defineProperty(_ref2, 'col--tree-node', treeNode), _defineProperty(_ref2, 'col--edit', isEdit), _defineProperty(_ref2, 'col--ellipsis', hasEllipsis), _defineProperty(_ref2, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref2, 'col--dirty', isDirty), _defineProperty(_ref2, 'col--actived', editConfig && isEdit && actived.row === row && (actived.column === column || editOpts.mode === 'row')), _defineProperty(_ref2, 'col--valid-error', hasValidError), _defineProperty(_ref2, 'col--current', currentColumn === column), _ref2), getPropClass(className, params), getPropClass(cellClassName, params)],
+        key: columnKey || columnOpts.useKey ? column.id : $columnIndex
+      }, attrs), {}, {
+        style: Object.assign({
+          height: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
+        }, cellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(cellStyle) ? cellStyle(params) : cellStyle : null)
+      }, tdOns), tdVNs);
     };
 
-    var countTreeExpand = function countTreeExpand(prevRow, params) {
-      var count = 1;
+    var renderRows = function renderRows(fixedType, tableData, tableColumn) {
+      var stripe = tableProps.stripe,
+          rowKey = tableProps.rowKey,
+          highlightHoverRow = tableProps.highlightHoverRow,
+          rowClassName = tableProps.rowClassName,
+          rowStyle = tableProps.rowStyle,
+          allColumnOverflow = tableProps.showOverflow,
+          editConfig = tableProps.editConfig,
+          treeConfig = tableProps.treeConfig;
+      var hasFixedColumn = tableReactData.hasFixedColumn,
+          treeExpandeds = tableReactData.treeExpandeds,
+          scrollYLoad = tableReactData.scrollYLoad,
+          editStore = tableReactData.editStore,
+          rowExpandeds = tableReactData.rowExpandeds,
+          expandColumn = tableReactData.expandColumn,
+          selectRow = tableReactData.selectRow;
+      var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData;
+      var checkboxOpts = computeCheckboxOpts.value;
+      var radioOpts = computeRadioOpts.value;
+      var treeOpts = computeTreeOpts.value;
+      var editOpts = computeEditOpts.value;
+      var rowOpts = computeRowOpts.value;
+      var transform = treeOpts.transform;
+      var rows = [];
+      tableData.forEach(function (row, $rowIndex) {
+        var trOn = {};
+        var rowIndex = $rowIndex; // 确保任何情况下 rowIndex 都精准指向真实 data 索引
+
+        rowIndex = $xetable.getRowIndex(row); // 事件绑定
+
+        if (rowOpts.isHover || highlightHoverRow) {
+          trOn.onMouseenter = function (evnt) {
+            if (isOperateMouse()) {
+              return;
+            }
+
+            $xetable.triggerHoverEvent(evnt, {
+              row: row,
+              rowIndex: rowIndex
+            });
+          };
+
+          trOn.onMouseleave = function () {
+            if (isOperateMouse()) {
+              return;
+            }
+
+            $xetable.clearHoverRow();
+          };
+        }
+
+        var rowid = util_getRowid($xetable, row);
+        var rest = fullAllDataRowIdData[rowid];
+        var rowLevel = 0;
+        var seq = -1;
+        var _rowIndex = 0;
+
+        if (rest) {
+          rowLevel = rest.level;
+          seq = rest.seq;
+          _rowIndex = rest._index;
+        }
+
+        var params = {
+          $table: $xetable,
+          seq: seq,
+          rowid: rowid,
+          fixed: fixedType,
+          type: body_renderType,
+          level: rowLevel,
+          row: row,
+          rowIndex: rowIndex,
+          $rowIndex: $rowIndex,
+          _rowIndex: _rowIndex
+        }; // 行是否被展开
+
+        var isExpandRow = expandColumn && rowExpandeds.length && $xetable.findRowIndexOf(rowExpandeds, row) > -1; // 树节点是否被展开
 
-      if (!prevRow) {
-        return count;
-      }
+        var isExpandTree = false;
+        var rowChildren = []; // 处理新增状态
 
-      var treeOpts = computeTreeOpts.value;
-      var rowChildren = prevRow[treeOpts.children];
+        var isNewRow = false;
 
-      if ($xetable.isTreeExpandByRow(prevRow)) {
-        for (var index = 0; index < rowChildren.length; index++) {
-          count += countTreeExpand(rowChildren[index], params);
+        if (editConfig) {
+          isNewRow = $xetable.findRowIndexOf(editStore.insertList, row) > -1;
         }
-      }
-
-      return count;
-    };
-
-    var calcTreeLine = function calcTreeLine(params, items, rIndex) {
-      var expandSize = 1;
 
-      if (rIndex) {
-        expandSize = countTreeExpand(items[rIndex - 1], params);
-      }
+        if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
+          rowChildren = row[treeOpts.children];
+          isExpandTree = rowChildren && rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1;
+        }
 
-      return tableReactData.rowHeight * expandSize - (rIndex ? 1 : 12 - getOffsetSize());
-    }; // 滚动、拖动过程中不需要触发
+        rows.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', _objectSpread2({
+          class: ['vxe-body--row', treeConfig ? "row--level-".concat(rowLevel) : '', {
+            'row--stripe': stripe && ($xetable.getVTRowIndex(row) + 1) % 2 === 0,
+            'is--new': isNewRow,
+            'is--expand-row': isExpandRow,
+            'is--expand-tree': isExpandTree,
+            'row--new': isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
+            'row--radio': radioOpts.highlight && selectRow === row,
+            'row--checked': checkboxOpts.highlight && $xetable.isCheckedByCheckboxRow(row)
+          }, rowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowClassName) ? rowClassName(params) : rowClassName : ''],
+          rowid: rowid,
+          style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
+          key: rowKey || rowOpts.useKey || treeConfig ? rowid : $rowIndex
+        }, trOn), tableColumn.map(function (column, $columnIndex) {
+          return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
+        }))); // 如果行被展开了
 
+        if (isExpandRow) {
+          var cellStyle;
 
-    var isOperateMouse = function isOperateMouse() {
-      var delayHover = tableProps.delayHover;
-      var lastScrollTime = tableInternalData.lastScrollTime,
-          _isResize = tableInternalData._isResize;
-      return _isResize || lastScrollTime && Date.now() < lastScrollTime + delayHover;
-    };
+          if (treeConfig) {
+            cellStyle = {
+              paddingLeft: "".concat(rowLevel * treeOpts.indent + 30, "px")
+            };
+          }
 
-    var renderLine = function renderLine(params) {
-      var row = params.row,
-          column = params.column;
-      var treeConfig = tableProps.treeConfig;
-      var treeOpts = computeTreeOpts.value;
-      var slots = column.slots,
-          treeNode = column.treeNode;
-      var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData;
-      var rowid = util_getRowid($xetable, row);
-      var rest = fullAllDataRowIdData[rowid];
-      var rLevel = 0;
-      var rIndex = 0;
-      var items = [];
+          var showOverflow = expandColumn.showOverflow;
+          var hasEllipsis = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showOverflow) ? allColumnOverflow : showOverflow;
+          var expandParams = {
+            $table: $xetable,
+            seq: seq,
+            column: expandColumn,
+            fixed: fixedType,
+            type: body_renderType,
+            level: rowLevel,
+            row: row,
+            rowIndex: rowIndex,
+            $rowIndex: $rowIndex,
+            _rowIndex: _rowIndex
+          };
+          rows.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', _objectSpread2({
+            class: 'vxe-body--expanded-row',
+            key: "expand_".concat(rowid),
+            style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowStyle) ? rowStyle(expandParams) : rowStyle : null
+          }, trOn), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
+            class: ['vxe-body--expanded-column', {
+              'fixed--hidden': fixedType && !hasFixedColumn,
+              'col--ellipsis': hasEllipsis
+            }],
+            colspan: tableColumn.length
+          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: 'vxe-body--expanded-cell',
+            style: cellStyle
+          }, [expandColumn.renderData(expandParams)])])]));
+        } // 如果是树形表格
 
-      if (rest) {
-        rLevel = rest.level;
-        rIndex = rest._index;
-        items = rest.items;
-      }
 
-      if (slots && slots.line) {
-        return $xetable.callSlot(slots.line, params);
-      }
+        if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
+          var _rowChildren = row[treeOpts.children];
 
-      if (treeConfig && treeNode && treeOpts.line) {
-        return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-          class: 'vxe-tree--line-wrapper'
-        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-          class: 'vxe-tree--line',
-          style: {
-            height: "".concat(calcTreeLine(params, items, rIndex), "px"),
-            left: "".concat(rLevel * treeOpts.indent + (rLevel ? 2 - getOffsetSize() : 0) + 16, "px")
+          if (_rowChildren && _rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
+            rows.push.apply(rows, _toConsumableArray(renderRows(fixedType, _rowChildren, tableColumn)));
           }
-        })])];
-      }
-
-      return [];
+        }
+      });
+      return rows;
     };
     /**
-     * 渲染列
+     * 同步滚动条
      */
 
 
-    var renderColumn = function renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
-      var _ref2;
-
-      var columnKey = tableProps.columnKey,
-          height = tableProps.height,
-          allColumnOverflow = tableProps.showOverflow,
-          cellClassName = tableProps.cellClassName,
-          cellStyle = tableProps.cellStyle,
-          allAlign = tableProps.align,
-          spanMethod = tableProps.spanMethod,
-          mouseConfig = tableProps.mouseConfig,
-          editConfig = tableProps.editConfig,
-          editRules = tableProps.editRules,
-          tooltipConfig = tableProps.tooltipConfig;
-      var tableData = tableReactData.tableData,
-          overflowX = tableReactData.overflowX,
-          scrollYLoad = tableReactData.scrollYLoad,
-          currentColumn = tableReactData.currentColumn,
-          mergeList = tableReactData.mergeList,
-          editStore = tableReactData.editStore,
-          validStore = tableReactData.validStore,
-          isAllOverflow = tableReactData.isAllOverflow;
-      var afterFullData = tableInternalData.afterFullData;
-      var validOpts = computeValidOpts.value;
-      var checkboxOpts = computeCheckboxOpts.value;
-      var editOpts = computeEditOpts.value;
-      var tooltipOpts = computeTooltipOpts.value;
-      var rowOpts = computeRowOpts.value;
-      var sYOpts = computeSYOpts.value;
-      var columnOpts = computeColumnOpts.value;
-      var type = column.type,
-          cellRender = column.cellRender,
-          editRender = column.editRender,
-          align = column.align,
-          showOverflow = column.showOverflow,
-          className = column.className,
-          treeNode = column.treeNode;
-      var actived = editStore.actived;
-      var scrollYRHeight = sYOpts.rHeight;
-      var rowHeight = rowOpts.height;
-      var showAllTip = tooltipOpts.showAll;
-      var columnIndex = $xetable.getColumnIndex(column);
-
-      var _columnIndex = $xetable.getVTColumnIndex(column);
-
-      var isEdit = isEnableConf(editRender);
-      var fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX;
-      var cellOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showOverflow) ? allColumnOverflow : showOverflow;
-      var showEllipsis = cellOverflow === 'ellipsis';
-      var showTitle = cellOverflow === 'title';
-      var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
-      var hasEllipsis = showTitle || showTooltip || showEllipsis;
-      var isDirty;
-      var tdOns = {};
-      var cellAlign = align || allAlign;
-      var hasValidError = validStore.row === row && validStore.column === column;
-      var showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? height || tableData.length > 1 : validOpts.message === 'inline');
-      var attrs = {
-        colid: column.id
-      };
-      var params = {
-        $table: $xetable,
-        seq: seq,
-        rowid: rowid,
-        row: row,
-        rowIndex: rowIndex,
-        $rowIndex: $rowIndex,
-        _rowIndex: _rowIndex,
-        column: column,
-        columnIndex: columnIndex,
-        $columnIndex: $columnIndex,
-        _columnIndex: _columnIndex,
-        fixed: fixedType,
-        type: body_renderType,
-        isHidden: fixedHiddenColumn,
-        level: rowLevel,
-        visibleData: afterFullData,
-        data: tableData,
-        items: items
-      }; // 虚拟滚动不支持动态高度
+    var scrollProcessTimeout;
 
-      if (scrollYLoad && !hasEllipsis) {
-        showEllipsis = hasEllipsis = true;
-      } // hover 进入事件
+    var syncBodyScroll = function syncBodyScroll(fixedType, scrollTop, elem1, elem2) {
+      if (elem1 || elem2) {
+        if (elem1) {
+          removeScrollListener(elem1);
+          elem1.scrollTop = scrollTop;
+        }
 
+        if (elem2) {
+          removeScrollListener(elem2);
+          elem2.scrollTop = scrollTop;
+        }
 
-      if (showTitle || showTooltip || showAllTip || tooltipConfig) {
-        tdOns.onMouseenter = function (evnt) {
-          if (isOperateMouse()) {
-            return;
-          }
+        clearTimeout(scrollProcessTimeout);
+        scrollProcessTimeout = setTimeout(function () {
+          // const tableBody = refTableBody.value
+          // const leftBody = refTableLeftBody.value
+          // const rightBody = refTableRightBody.value
+          // const bodyElem = tableBody.$el as XEBodyScrollElement
+          // const leftElem = leftBody ? leftBody.$el as XEBodyScrollElement : null
+          // const rightElem = rightBody ? rightBody.$el as XEBodyScrollElement : null
+          restoreScrollListener(elem1);
+          restoreScrollListener(elem2); // 检查滚动条是的同步
+          // let targetTop = bodyElem.scrollTop
+          // if (fixedType === 'left') {
+          //   if (leftElem) {
+          //     targetTop = leftElem.scrollTop
+          //   }
+          // } else if (fixedType === 'right') {
+          //   if (rightElem) {
+          //     targetTop = rightElem.scrollTop
+          //   }
+          // }
+          // setScrollTop(bodyElem, targetTop)
+          // setScrollTop(leftElem, targetTop)
+          // setScrollTop(rightElem, targetTop)
+        }, 300);
+      }
+    };
+    /**
+     * 滚动处理
+     * 如果存在列固定左侧，同步更新滚动状态
+     * 如果存在列固定右侧，同步更新滚动状态
+     */
 
-          if (showTitle) {
-            updateCellTitle(evnt.currentTarget, column);
-          } else if (showTooltip || showAllTip) {
-            // 如果配置了显示 tooltip
-            $xetable.triggerBodyTooltipEvent(evnt, params);
-          }
 
-          $xetable.dispatchEvent('cell-mouseenter', Object.assign({
-            cell: evnt.currentTarget
-          }, params), evnt);
-        };
-      } // hover 退出事件
+    var scrollEvent = function scrollEvent(evnt) {
+      var fixedType = props.fixedType;
+      var highlightHoverRow = tableProps.highlightHoverRow;
+      var scrollXLoad = tableReactData.scrollXLoad,
+          scrollYLoad = tableReactData.scrollYLoad;
+      var elemStore = tableInternalData.elemStore,
+          lastScrollTop = tableInternalData.lastScrollTop,
+          lastScrollLeft = tableInternalData.lastScrollLeft;
+      var rowOpts = computeRowOpts.value;
+      var tableHeader = refTableHeader.value;
+      var tableBody = refTableBody.value;
+      var tableFooter = refTableFooter.value;
+      var leftBody = refTableLeftBody.value;
+      var rightBody = refTableRightBody.value;
+      var validTip = refValidTooltip.value;
+      var scrollBodyElem = refElem.value;
+      var headerElem = tableHeader ? tableHeader.$el : null;
+      var footerElem = tableFooter ? tableFooter.$el : null;
+      var bodyElem = tableBody.$el;
+      var leftElem = leftBody ? leftBody.$el : null;
+      var rightElem = rightBody ? rightBody.$el : null;
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
+      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
+      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
+      var scrollTop = scrollBodyElem.scrollTop;
+      var scrollLeft = bodyElem.scrollLeft;
+      var isRollX = scrollLeft !== lastScrollLeft;
+      var isRollY = scrollTop !== lastScrollTop;
+      tableInternalData.lastScrollTop = scrollTop;
+      tableInternalData.lastScrollLeft = scrollLeft;
+      tableInternalData.lastScrollTime = Date.now();
 
+      if (rowOpts.isHover || highlightHoverRow) {
+        $xetable.clearHoverRow();
+      }
 
-      if (showTooltip || showAllTip || tooltipConfig) {
-        tdOns.onMouseleave = function (evnt) {
-          if (isOperateMouse()) {
-            return;
+      if (leftElem && fixedType === 'left') {
+        scrollTop = leftElem.scrollTop;
+        syncBodyScroll(fixedType, scrollTop, bodyElem, rightElem);
+      } else if (rightElem && fixedType === 'right') {
+        scrollTop = rightElem.scrollTop;
+        syncBodyScroll(fixedType, scrollTop, bodyElem, leftElem);
+      } else {
+        if (isRollX) {
+          if (headerElem) {
+            headerElem.scrollLeft = bodyElem.scrollLeft;
           }
 
-          if (showTooltip || showAllTip) {
-            $xetable.handleTargetLeaveEvent(evnt);
+          if (footerElem) {
+            footerElem.scrollLeft = bodyElem.scrollLeft;
           }
+        }
 
-          $xetable.dispatchEvent('cell-mouseleave', Object.assign({
-            cell: evnt.currentTarget
-          }, params), evnt);
-        };
-      } // 按下事件处理
-
+        if (leftElem || rightElem) {
+          $xetable.checkScrolling();
 
-      if (checkboxOpts.range || mouseConfig) {
-        tdOns.onMousedown = function (evnt) {
-          $xetable.triggerCellMousedownEvent(evnt, params);
-        };
-      } // 点击事件处理
+          if (isRollY) {
+            syncBodyScroll(fixedType, scrollTop, leftElem, rightElem);
+          }
+        }
+      }
 
+      if (scrollXLoad && isRollX) {
+        $xetable.triggerScrollXEvent(evnt);
+      }
 
-      tdOns.onClick = function (evnt) {
-        $xetable.triggerCellClickEvent(evnt, params);
-      }; // 双击事件处理
+      if (scrollYLoad && isRollY) {
+        $xetable.triggerScrollYEvent(evnt);
+      }
 
+      if (isRollX && validTip && validTip.reactData.visible) {
+        validTip.updatePlacement();
+      }
 
-      tdOns.onDblclick = function (evnt) {
-        $xetable.triggerCellDblclickEvent(evnt, params);
-      }; // 合并行或列
+      $xetable.dispatchEvent('scroll', {
+        type: body_renderType,
+        fixed: fixedType,
+        scrollTop: scrollTop,
+        scrollLeft: scrollLeft,
+        scrollHeight: bodyElem.scrollHeight,
+        scrollWidth: bodyElem.scrollWidth,
+        bodyHeight: bodyHeight,
+        bodyWidth: bodyWidth,
+        isX: isRollX,
+        isY: isRollY
+      }, evnt);
+    };
 
+    var wheelTime;
+    var wheelYSize = 0;
+    var wheelYInterval = 0;
+    var wheelYTotal = 0;
+    var isPrevWheelTop = false;
 
-      if (mergeList.length) {
-        var spanRest = mergeBodyMethod(mergeList, _rowIndex, _columnIndex);
+    var handleWheel = function handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY) {
+      var elemStore = tableInternalData.elemStore;
+      var scrollXLoad = tableReactData.scrollXLoad,
+          scrollYLoad = tableReactData.scrollYLoad;
+      var tableBody = refTableBody.value;
+      var leftBody = refTableLeftBody.value;
+      var rightBody = refTableRightBody.value;
+      var leftElem = leftBody ? leftBody.$el : null;
+      var rightElem = rightBody ? rightBody.$el : null;
+      var bodyElem = tableBody.$el;
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
+      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
+      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
+      var remainSize = isPrevWheelTop === isTopWheel ? Math.max(0, wheelYSize - wheelYTotal) : 0;
+      isPrevWheelTop = isTopWheel;
+      wheelYSize = Math.abs(isTopWheel ? deltaTop - remainSize : deltaTop + remainSize);
+      wheelYInterval = 0;
+      wheelYTotal = 0;
+      clearTimeout(wheelTime);
 
-        if (spanRest) {
-          var rowspan = spanRest.rowspan,
-              colspan = spanRest.colspan;
+      var handleSmooth = function handleSmooth() {
+        if (wheelYTotal < wheelYSize) {
+          var fixedType = props.fixedType;
+          wheelYInterval = Math.max(5, Math.floor(wheelYInterval * 1.5));
+          wheelYTotal = wheelYTotal + wheelYInterval;
 
-          if (!rowspan || !colspan) {
-            return null;
+          if (wheelYTotal > wheelYSize) {
+            wheelYInterval = wheelYInterval - (wheelYTotal - wheelYSize);
           }
 
-          if (rowspan > 1) {
-            attrs.rowspan = rowspan;
-          }
+          var scrollTop = bodyElem.scrollTop,
+              clientHeight = bodyElem.clientHeight,
+              scrollHeight = bodyElem.scrollHeight;
+          var targerTop = scrollTop + wheelYInterval * (isTopWheel ? -1 : 1);
+          bodyElem.scrollTop = targerTop;
 
-          if (colspan > 1) {
-            attrs.colspan = colspan;
+          if (leftElem) {
+            leftElem.scrollTop = targerTop;
           }
-        }
-      } else if (spanMethod) {
-        // 自定义合并行或列的方法
-        var _ref = spanMethod(params) || {},
-            _ref$rowspan = _ref.rowspan,
-            _rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan,
-            _ref$colspan = _ref.colspan,
-            _colspan = _ref$colspan === void 0 ? 1 : _ref$colspan;
-
-        if (!_rowspan || !_colspan) {
-          return null;
-        }
-
-        if (_rowspan > 1) {
-          attrs.rowspan = _rowspan;
-        }
-
-        if (_colspan > 1) {
-          attrs.colspan = _colspan;
-        }
-      } // 如果被合并不可隐藏
-
-
-      if (fixedHiddenColumn && mergeList) {
-        if (attrs.colspan > 1 || attrs.rowspan > 1) {
-          fixedHiddenColumn = false;
-        }
-      } // 如果编辑列开启显示状态
-
-
-      if (!fixedHiddenColumn && editConfig && (editRender || cellRender) && (editOpts.showStatus || editOpts.showUpdateStatus)) {
-        isDirty = $xetable.isUpdateByRow(row, column.property);
-      }
 
-      var tdVNs = [];
+          if (rightElem) {
+            rightElem.scrollTop = targerTop;
+          }
 
-      if (fixedHiddenColumn && (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
-        tdVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-          class: ['vxe-cell', {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }],
-          style: {
-            maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
+          if (isTopWheel ? targerTop < scrollHeight - clientHeight : targerTop >= 0) {
+            wheelTime = setTimeout(handleSmooth, 10);
           }
-        }));
-      } else {
-        // 渲染单元格
-        tdVNs.push.apply(tdVNs, _toConsumableArray(renderLine(params)).concat([Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-          class: ['vxe-cell', {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }],
-          style: {
-            maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
-          },
-          title: showTitle ? $xetable.getCellLabel(row, column) : null
-        }, column.renderCell(params))]));
 
-        if (showValidTip && hasValidError) {
-          tdVNs.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: 'vxe-cell--valid',
-            style: validStore.rule && validStore.rule.maxWidth ? {
-              width: "".concat(validStore.rule.maxWidth, "px")
-            } : null
-          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-            class: 'vxe-cell--valid-msg'
-          }, validStore.content)]));
+          $xetable.dispatchEvent('scroll', {
+            type: body_renderType,
+            fixed: fixedType,
+            scrollTop: bodyElem.scrollTop,
+            scrollLeft: bodyElem.scrollLeft,
+            scrollHeight: bodyElem.scrollHeight,
+            scrollWidth: bodyElem.scrollWidth,
+            bodyHeight: bodyHeight,
+            bodyWidth: bodyWidth,
+            isX: isRollX,
+            isY: isRollY
+          }, evnt);
         }
-      }
+      };
 
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', _objectSpread2(_objectSpread2({
-        class: ['vxe-body--column', column.id, (_ref2 = {}, _defineProperty(_ref2, "col--".concat(cellAlign), cellAlign), _defineProperty(_ref2, "col--".concat(type), type), _defineProperty(_ref2, 'col--last', $columnIndex === columns.length - 1), _defineProperty(_ref2, 'col--tree-node', treeNode), _defineProperty(_ref2, 'col--edit', isEdit), _defineProperty(_ref2, 'col--ellipsis', hasEllipsis), _defineProperty(_ref2, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref2, 'col--dirty', isDirty), _defineProperty(_ref2, 'col--actived', editConfig && isEdit && actived.row === row && (actived.column === column || editOpts.mode === 'row')), _defineProperty(_ref2, 'col--valid-error', hasValidError), _defineProperty(_ref2, 'col--current', currentColumn === column), _ref2), getPropClass(className, params), getPropClass(cellClassName, params)],
-        key: columnKey || columnOpts.useKey ? column.id : $columnIndex
-      }, attrs), {}, {
-        style: Object.assign({
-          height: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
-        }, cellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(cellStyle) ? cellStyle(params) : cellStyle : null)
-      }, tdOns), tdVNs);
+      handleSmooth();
     };
+    /**
+     * 滚轮处理
+     */
 
-    var renderRows = function renderRows(fixedType, tableData, tableColumn) {
-      var stripe = tableProps.stripe,
-          rowKey = tableProps.rowKey,
-          highlightHoverRow = tableProps.highlightHoverRow,
-          rowClassName = tableProps.rowClassName,
-          rowStyle = tableProps.rowStyle,
-          allColumnOverflow = tableProps.showOverflow,
-          editConfig = tableProps.editConfig,
-          treeConfig = tableProps.treeConfig;
-      var hasFixedColumn = tableReactData.hasFixedColumn,
-          treeExpandeds = tableReactData.treeExpandeds,
-          scrollYLoad = tableReactData.scrollYLoad,
-          editStore = tableReactData.editStore,
-          rowExpandeds = tableReactData.rowExpandeds,
-          expandColumn = tableReactData.expandColumn,
-          selectRow = tableReactData.selectRow;
-      var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData;
-      var checkboxOpts = computeCheckboxOpts.value;
-      var radioOpts = computeRadioOpts.value;
-      var treeOpts = computeTreeOpts.value;
-      var editOpts = computeEditOpts.value;
-      var rowOpts = computeRowOpts.value;
-      var transform = treeOpts.transform;
-      var rows = [];
-      tableData.forEach(function (row, $rowIndex) {
-        var trOn = {};
-        var rowIndex = $rowIndex; // 确保任何情况下 rowIndex 都精准指向真实 data 索引
 
-        rowIndex = $xetable.getRowIndex(row); // 事件绑定
+    var wheelEvent = function wheelEvent(evnt) {
+      var deltaY = evnt.deltaY,
+          deltaX = evnt.deltaX;
+      var highlightHoverRow = tableProps.highlightHoverRow;
+      var scrollYLoad = tableReactData.scrollYLoad;
+      var lastScrollTop = tableInternalData.lastScrollTop,
+          lastScrollLeft = tableInternalData.lastScrollLeft;
+      var rowOpts = computeRowOpts.value;
+      var tableBody = refTableBody.value;
+      var scrollBodyElem = refElem.value;
+      var bodyElem = tableBody.$el;
+      var deltaTop = deltaY;
+      var deltaLeft = deltaX;
+      var isTopWheel = deltaTop < 0; // 如果滚动位置已经是顶部或底部，则不需要触发
 
-        if (rowOpts.isHover || highlightHoverRow) {
-          trOn.onMouseenter = function (evnt) {
-            if (isOperateMouse()) {
-              return;
-            }
+      if (isTopWheel ? scrollBodyElem.scrollTop <= 0 : scrollBodyElem.scrollTop >= scrollBodyElem.scrollHeight - scrollBodyElem.clientHeight) {
+        return;
+      }
 
-            $xetable.triggerHoverEvent(evnt, {
-              row: row,
-              rowIndex: rowIndex
-            });
-          };
+      var scrollTop = scrollBodyElem.scrollTop + deltaTop;
+      var scrollLeft = bodyElem.scrollLeft + deltaLeft;
+      var isRollX = scrollLeft !== lastScrollLeft;
+      var isRollY = scrollTop !== lastScrollTop; // 用于鼠标纵向滚轮处理
 
-          trOn.onMouseleave = function () {
-            if (isOperateMouse()) {
-              return;
-            }
+      if (isRollY) {
+        evnt.preventDefault();
+        tableInternalData.lastScrollTop = scrollTop;
+        tableInternalData.lastScrollLeft = scrollLeft;
+        tableInternalData.lastScrollTime = Date.now();
 
-            $xetable.clearHoverRow();
-          };
+        if (rowOpts.isHover || highlightHoverRow) {
+          $xetable.clearHoverRow();
         }
 
-        var rowid = util_getRowid($xetable, row);
-        var rest = fullAllDataRowIdData[rowid];
-        var rowLevel = 0;
-        var seq = -1;
-        var _rowIndex = 0;
+        handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY);
 
-        if (rest) {
-          rowLevel = rest.level;
-          seq = rest.seq;
-          _rowIndex = rest._index;
+        if (scrollYLoad) {
+          $xetable.triggerScrollYEvent(evnt);
         }
+      }
+    };
 
-        var params = {
-          $table: $xetable,
-          seq: seq,
-          rowid: rowid,
-          fixed: fixedType,
-          type: body_renderType,
-          level: rowLevel,
-          row: row,
-          rowIndex: rowIndex,
-          $rowIndex: $rowIndex,
-          _rowIndex: _rowIndex
-        }; // 行是否被展开
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+        var fixedType = props.fixedType;
+        var elemStore = tableInternalData.elemStore;
+        var prefix = "".concat(fixedType || 'main', "-body-");
+        var el = refElem.value;
+        elemStore["".concat(prefix, "wrapper")] = refElem;
+        elemStore["".concat(prefix, "table")] = refBodyTable;
+        elemStore["".concat(prefix, "colgroup")] = refBodyColgroup;
+        elemStore["".concat(prefix, "list")] = refBodyTBody;
+        elemStore["".concat(prefix, "xSpace")] = refBodyXSpace;
+        elemStore["".concat(prefix, "ySpace")] = refBodyYSpace;
+        elemStore["".concat(prefix, "emptyBlock")] = refBodyEmptyBlock;
+        el.onscroll = scrollEvent;
+        el._onscroll = scrollEvent;
+      });
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeUnmount"])(function () {
+      var el = refElem.value;
+      clearTimeout(wheelTime);
+      el._onscroll = null;
+      el.onscroll = null;
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
+      var fixedType = props.fixedType;
+      var elemStore = tableInternalData.elemStore;
+      var prefix = "".concat(fixedType || 'main', "-body-");
+      elemStore["".concat(prefix, "wrapper")] = null;
+      elemStore["".concat(prefix, "table")] = null;
+      elemStore["".concat(prefix, "colgroup")] = null;
+      elemStore["".concat(prefix, "list")] = null;
+      elemStore["".concat(prefix, "xSpace")] = null;
+      elemStore["".concat(prefix, "ySpace")] = null;
+      elemStore["".concat(prefix, "emptyBlock")] = null;
+    });
 
-        var isExpandRow = expandColumn && rowExpandeds.length && $xetable.findRowIndexOf(rowExpandeds, row) > -1; // 树节点是否被展开
+    var renderVN = function renderVN() {
+      var fixedColumn = props.fixedColumn,
+          fixedType = props.fixedType,
+          tableColumn = props.tableColumn;
+      var keyboardConfig = tableProps.keyboardConfig,
+          allColumnOverflow = tableProps.showOverflow,
+          spanMethod = tableProps.spanMethod,
+          mouseConfig = tableProps.mouseConfig;
+      var tableData = tableReactData.tableData,
+          mergeList = tableReactData.mergeList,
+          scrollYLoad = tableReactData.scrollYLoad,
+          isAllOverflow = tableReactData.isAllOverflow;
+      var visibleColumn = tableInternalData.visibleColumn;
+      var slots = tableContext.slots;
+      var sYOpts = computeSYOpts.value;
+      var emptyOpts = computeEmptyOpts.value;
+      var keyboardOpts = computeKeyboardOpts.value;
+      var mouseOpts = computeMouseOpts.value; // const isMergeLeftFixedExceeded = computeIsMergeLeftFixedExceeded.value
+      // const isMergeRightFixedExceeded = computeIsMergeRightFixedExceeded.value
+      // 如果是使用优化模式
 
-        var isExpandTree = false;
-        var rowChildren = []; // 处理新增状态
+      if (fixedType) {
+        if (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
+          if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
+            tableColumn = fixedColumn;
+          } else {
+            tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
+            // if (mergeList.length && !isMergeLeftFixedExceeded && fixedType === 'left') {
+            //   tableColumn = fixedColumn
+            // } else if (mergeList.length && !isMergeRightFixedExceeded && fixedType === 'right') {
+            //   tableColumn = fixedColumn
+            // } else {
+            //   tableColumn = visibleColumn
+            // }
+          }
+        } else {
+          tableColumn = visibleColumn;
+        }
+      }
 
-        var isNewRow = false;
+      var emptyContent;
 
-        if (editConfig) {
-          isNewRow = $xetable.findRowIndexOf(editStore.insertList, row) > -1;
+      if (slots.empty) {
+        emptyContent = $xetable.callSlot(slots.empty, {
+          $table: $xetable
+        });
+      } else {
+        var compConf = emptyOpts.name ? VXETable.renderer.get(emptyOpts.name) : null;
+        var renderEmpty = compConf ? compConf.renderEmpty : null;
+
+        if (renderEmpty) {
+          emptyContent = renderEmpty(emptyOpts, {
+            $table: $xetable
+          });
+        } else {
+          emptyContent = tableProps.emptyText || conf.i18n('vxe.table.emptyText');
+        }
+      }
+
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
+        ref: refElem,
+        class: ['vxe-table--body-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+        xid: xID
+      }, sYOpts.mode === 'wheel' ? {
+        onWheel: wheelEvent
+      } : {}), [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refBodyXSpace,
+        class: 'vxe-body--x-space'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refBodyYSpace,
+        class: 'vxe-body--y-space'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
+        ref: refBodyTable,
+        class: 'vxe-table--body',
+        xid: xID,
+        cellspacing: 0,
+        cellpadding: 0,
+        border: 0
+      }, [
+      /**
+       * 列宽
+       */
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
+        ref: refBodyColgroup
+      }, tableColumn.map(function (column, $columnIndex) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
+          name: column.id,
+          key: $columnIndex
+        });
+      })),
+      /**
+       * 内容
+       */
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tbody', {
+        ref: refBodyTBody
+      }, renderRows(fixedType, tableData, tableColumn))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--checkbox-range'
+      }), mouseConfig && mouseOpts.area ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--cell-area'
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-main-area'
+      }, mouseOpts.extension ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-main-area-btn',
+        onMousedown: function onMousedown(evnt) {
+          $xetable.triggerCellExtendMousedownEvent(evnt, {
+            $table: $xetable,
+            fixed: fixedType,
+            type: body_renderType
+          });
         }
+      })] : []), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-copy-area'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-extend-area'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-multi-area'
+      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-table--cell-active-area'
+      })]) : null, !fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--empty-block',
+        ref: refBodyEmptyBlock
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        class: 'vxe-table--empty-content'
+      }, emptyContent)]) : null]);
+    };
 
-        if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
-          rowChildren = row[treeOpts.children];
-          isExpandTree = rowChildren && rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1;
-        }
+    return renderVN;
+  }
+}));
+// CONCATENATED MODULE: ./packages/header/src/util.ts
 
-        rows.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', _objectSpread2({
-          class: ['vxe-body--row', treeConfig ? "row--level-".concat(rowLevel) : '', {
-            'row--stripe': stripe && ($xetable.getVTRowIndex(row) + 1) % 2 === 0,
-            'is--new': isNewRow,
-            'is--expand-row': isExpandRow,
-            'is--expand-tree': isExpandTree,
-            'row--new': isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
-            'row--radio': radioOpts.highlight && selectRow === row,
-            'row--checked': checkboxOpts.highlight && $xetable.isCheckedByCheckboxRow(row)
-          }, rowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowClassName) ? rowClassName(params) : rowClassName : ''],
-          rowid: rowid,
-          style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
-          key: rowKey || rowOpts.useKey || treeConfig ? rowid : $rowIndex
-        }, trOn), tableColumn.map(function (column, $columnIndex) {
-          return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
-        }))); // 如果行被展开了
 
-        if (isExpandRow) {
-          var cellStyle;
 
-          if (treeConfig) {
-            cellStyle = {
-              paddingLeft: "".concat(rowLevel * treeOpts.indent + 30, "px")
-            };
-          }
+var util_getAllColumns = function getAllColumns(columns, parentColumn) {
+  var result = [];
+  columns.forEach(function (column) {
+    column.parentId = parentColumn ? parentColumn.id : null;
 
-          var showOverflow = expandColumn.showOverflow;
-          var hasEllipsis = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showOverflow) ? allColumnOverflow : showOverflow;
-          var expandParams = {
-            $table: $xetable,
-            seq: seq,
-            column: expandColumn,
-            fixed: fixedType,
-            type: body_renderType,
-            level: rowLevel,
-            row: row,
-            rowIndex: rowIndex,
-            $rowIndex: $rowIndex,
-            _rowIndex: _rowIndex
-          };
-          rows.push(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', _objectSpread2({
-            class: 'vxe-body--expanded-row',
-            key: "expand_".concat(rowid),
-            style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowStyle) ? rowStyle(expandParams) : rowStyle : null
-          }, trOn), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
-            class: ['vxe-body--expanded-column', {
-              'fixed--hidden': fixedType && !hasFixedColumn,
-              'col--ellipsis': hasEllipsis
-            }],
-            colspan: tableColumn.length
-          }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-            class: 'vxe-body--expanded-cell',
-            style: cellStyle
-          }, [expandColumn.renderData(expandParams)])])]));
-        } // 如果是树形表格
+    if (column.visible) {
+      if (column.children && column.children.length && column.children.some(function (column) {
+        return column.visible;
+      })) {
+        result.push(column);
+        result.push.apply(result, _toConsumableArray(getAllColumns(column.children, column)));
+      } else {
+        result.push(column);
+      }
+    }
+  });
+  return result;
+};
 
+var util_convertToRows = function convertToRows(originColumns) {
+  var maxLevel = 1;
 
-        if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
-          var _rowChildren = row[treeOpts.children];
+  var traverse = function traverse(column, parent) {
+    if (parent) {
+      column.level = parent.level + 1;
 
-          if (_rowChildren && _rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
-            rows.push.apply(rows, _toConsumableArray(renderRows(fixedType, _rowChildren, tableColumn)));
-          }
+      if (maxLevel < column.level) {
+        maxLevel = column.level;
+      }
+    }
+
+    if (column.children && column.children.length && column.children.some(function (column) {
+      return column.visible;
+    })) {
+      var colSpan = 0;
+      column.children.forEach(function (subColumn) {
+        if (subColumn.visible) {
+          traverse(subColumn, column);
+          colSpan += subColumn.colSpan;
         }
       });
-      return rows;
-    };
-    /**
-     * 同步滚动条
-     */
-
+      column.colSpan = colSpan;
+    } else {
+      column.colSpan = 1;
+    }
+  };
 
-    var scrollProcessTimeout;
+  originColumns.forEach(function (column) {
+    column.level = 1;
+    traverse(column);
+  });
+  var rows = [];
 
-    var syncBodyScroll = function syncBodyScroll(fixedType, scrollTop, elem1, elem2) {
-      if (elem1 || elem2) {
-        if (elem1) {
-          removeScrollListener(elem1);
-          elem1.scrollTop = scrollTop;
-        }
+  for (var i = 0; i < maxLevel; i++) {
+    rows.push([]);
+  }
 
-        if (elem2) {
-          removeScrollListener(elem2);
-          elem2.scrollTop = scrollTop;
-        }
+  var allColumns = util_getAllColumns(originColumns);
+  allColumns.forEach(function (column) {
+    if (column.children && column.children.length && column.children.some(function (column) {
+      return column.visible;
+    })) {
+      column.rowSpan = 1;
+    } else {
+      column.rowSpan = maxLevel - column.level + 1;
+    }
 
-        clearTimeout(scrollProcessTimeout);
-        scrollProcessTimeout = setTimeout(function () {
-          // const tableBody = refTableBody.value
-          // const leftBody = refTableLeftBody.value
-          // const rightBody = refTableRightBody.value
-          // const bodyElem = tableBody.$el as XEBodyScrollElement
-          // const leftElem = leftBody ? leftBody.$el as XEBodyScrollElement : null
-          // const rightElem = rightBody ? rightBody.$el as XEBodyScrollElement : null
-          restoreScrollListener(elem1);
-          restoreScrollListener(elem2); // 检查滚动条是的同步
-          // let targetTop = bodyElem.scrollTop
-          // if (fixedType === 'left') {
-          //   if (leftElem) {
-          //     targetTop = leftElem.scrollTop
-          //   }
-          // } else if (fixedType === 'right') {
-          //   if (rightElem) {
-          //     targetTop = rightElem.scrollTop
-          //   }
-          // }
-          // setScrollTop(bodyElem, targetTop)
-          // setScrollTop(leftElem, targetTop)
-          // setScrollTop(rightElem, targetTop)
-        }, 300);
-      }
-    };
-    /**
-     * 滚动处理
-     * 如果存在列固定左侧，同步更新滚动状态
-     * 如果存在列固定右侧，同步更新滚动状态
-     */
+    rows[column.level - 1].push(column);
+  });
+  return rows;
+};
+// CONCATENATED MODULE: ./packages/header/src/header.ts
 
 
-    var scrollEvent = function scrollEvent(evnt) {
-      var fixedType = props.fixedType;
-      var highlightHoverRow = tableProps.highlightHoverRow;
-      var scrollXLoad = tableReactData.scrollXLoad,
-          scrollYLoad = tableReactData.scrollYLoad;
-      var elemStore = tableInternalData.elemStore,
-          lastScrollTop = tableInternalData.lastScrollTop,
-          lastScrollLeft = tableInternalData.lastScrollLeft;
-      var rowOpts = computeRowOpts.value;
-      var tableHeader = refTableHeader.value;
-      var tableBody = refTableBody.value;
-      var tableFooter = refTableFooter.value;
-      var leftBody = refTableLeftBody.value;
-      var rightBody = refTableRightBody.value;
-      var validTip = refValidTooltip.value;
-      var scrollBodyElem = refElem.value;
-      var headerElem = tableHeader ? tableHeader.$el : null;
-      var footerElem = tableFooter ? tableFooter.$el : null;
-      var bodyElem = tableBody.$el;
-      var leftElem = leftBody ? leftBody.$el : null;
-      var rightElem = rightBody ? rightBody.$el : null;
-      var bodyYRef = elemStore['main-body-ySpace'];
-      var bodyYElem = bodyYRef ? bodyYRef.value : null;
-      var bodyXRef = elemStore['main-body-xSpace'];
-      var bodyXElem = bodyXRef ? bodyXRef.value : null;
-      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
-      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
-      var scrollTop = scrollBodyElem.scrollTop;
-      var scrollLeft = bodyElem.scrollLeft;
-      var isRollX = scrollLeft !== lastScrollLeft;
-      var isRollY = scrollTop !== lastScrollTop;
-      tableInternalData.lastScrollTop = scrollTop;
-      tableInternalData.lastScrollLeft = scrollLeft;
-      tableInternalData.lastScrollTime = Date.now();
 
-      if (rowOpts.isHover || highlightHoverRow) {
-        $xetable.clearHoverRow();
-      }
 
-      if (leftElem && fixedType === 'left') {
-        scrollTop = leftElem.scrollTop;
-        syncBodyScroll(fixedType, scrollTop, bodyElem, rightElem);
-      } else if (rightElem && fixedType === 'right') {
-        scrollTop = rightElem.scrollTop;
-        syncBodyScroll(fixedType, scrollTop, bodyElem, leftElem);
-      } else {
-        if (isRollX) {
-          if (headerElem) {
-            headerElem.scrollLeft = bodyElem.scrollLeft;
-          }
 
-          if (footerElem) {
-            footerElem.scrollLeft = bodyElem.scrollLeft;
-          }
-        }
 
-        if (leftElem || rightElem) {
-          $xetable.checkScrolling();
 
-          if (isRollY) {
-            syncBodyScroll(fixedType, scrollTop, leftElem, rightElem);
-          }
-        }
-      }
 
-      if (scrollXLoad && isRollX) {
-        $xetable.triggerScrollXEvent(evnt);
-      }
 
-      if (scrollYLoad && isRollY) {
-        $xetable.triggerScrollYEvent(evnt);
-      }
 
-      if (isRollX && validTip && validTip.reactData.visible) {
-        validTip.updatePlacement();
-      }
+var header_renderType = 'header';
+/* harmony default export */ var header = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
+  name: 'VxeTableHeader',
+  props: {
+    tableData: Array,
+    tableColumn: Array,
+    tableGroupColumn: Array,
+    fixedColumn: Array,
+    fixedType: {
+      type: String,
+      default: null
+    }
+  },
+  setup: function setup(props) {
+    var $xetable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xetable', {});
+    var xID = $xetable.xID,
+        tableProps = $xetable.props,
+        tableReactData = $xetable.reactData,
+        tableInternalData = $xetable.internalData;
 
-      $xetable.dispatchEvent('scroll', {
-        type: body_renderType,
-        fixed: fixedType,
-        scrollTop: scrollTop,
-        scrollLeft: scrollLeft,
-        scrollHeight: bodyElem.scrollHeight,
-        scrollWidth: bodyElem.scrollWidth,
-        bodyHeight: bodyHeight,
-        bodyWidth: bodyWidth,
-        isX: isRollX,
-        isY: isRollY
-      }, evnt);
-    };
+    var _$xetable$getRefMaps = $xetable.getRefMaps(),
+        tableRefElem = _$xetable$getRefMaps.refElem,
+        refTableBody = _$xetable$getRefMaps.refTableBody,
+        refLeftContainer = _$xetable$getRefMaps.refLeftContainer,
+        refRightContainer = _$xetable$getRefMaps.refRightContainer,
+        refCellResizeBar = _$xetable$getRefMaps.refCellResizeBar;
 
-    var wheelTime;
-    var wheelYSize = 0;
-    var wheelYInterval = 0;
-    var wheelYTotal = 0;
-    var isPrevWheelTop = false;
+    var _$xetable$getComputeM = $xetable.getComputeMaps(),
+        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
 
-    var handleWheel = function handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY) {
-      var elemStore = tableInternalData.elemStore;
-      var scrollXLoad = tableReactData.scrollXLoad,
-          scrollYLoad = tableReactData.scrollYLoad;
-      var tableBody = refTableBody.value;
-      var leftBody = refTableLeftBody.value;
-      var rightBody = refTableRightBody.value;
-      var leftElem = leftBody ? leftBody.$el : null;
-      var rightElem = rightBody ? rightBody.$el : null;
-      var bodyElem = tableBody.$el;
-      var bodyYRef = elemStore['main-body-ySpace'];
-      var bodyYElem = bodyYRef ? bodyYRef.value : null;
-      var bodyXRef = elemStore['main-body-xSpace'];
-      var bodyXElem = bodyXRef ? bodyXRef.value : null;
-      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
-      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
-      var remainSize = isPrevWheelTop === isTopWheel ? Math.max(0, wheelYSize - wheelYTotal) : 0;
-      isPrevWheelTop = isTopWheel;
-      wheelYSize = Math.abs(isTopWheel ? deltaTop - remainSize : deltaTop + remainSize);
-      wheelYInterval = 0;
-      wheelYTotal = 0;
-      clearTimeout(wheelTime);
+    var headerColumn = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderColgroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderTHead = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderXSpace = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var refHeaderBorderRepair = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
 
-      var handleSmooth = function handleSmooth() {
-        if (wheelYTotal < wheelYSize) {
-          var fixedType = props.fixedType;
-          wheelYInterval = Math.max(5, Math.floor(wheelYInterval * 1.5));
-          wheelYTotal = wheelYTotal + wheelYInterval;
+    var uploadColumn = function uploadColumn() {
+      var isGroup = tableReactData.isGroup;
+      headerColumn.value = isGroup ? util_convertToRows(props.tableGroupColumn) : [];
+    };
 
-          if (wheelYTotal > wheelYSize) {
-            wheelYInterval = wheelYInterval - (wheelYTotal - wheelYSize);
-          }
+    var resizeMousedown = function resizeMousedown(evnt, params) {
+      var column = params.column;
+      var fixedType = props.fixedType;
+      var tableBody = refTableBody.value;
+      var leftContainerElem = refLeftContainer.value;
+      var rightContainerElem = refRightContainer.value;
+      var resizeBarElem = refCellResizeBar.value;
+      var dragClientX = evnt.clientX;
+      var wrapperElem = refElem.value;
+      var dragBtnElem = evnt.target;
+      var cell = params.cell = dragBtnElem.parentNode;
+      var dragLeft = 0;
+      var tableBodyElem = tableBody.$el;
+      var pos = getOffsetPos(dragBtnElem, wrapperElem);
+      var dragBtnWidth = dragBtnElem.clientWidth;
+      var dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
+      var minInterval = getColMinWidth(params) - dragBtnOffsetWidth; // 列之间的最小间距
 
-          var scrollTop = bodyElem.scrollTop,
-              clientHeight = bodyElem.clientHeight,
-              scrollHeight = bodyElem.scrollHeight;
-          var targerTop = scrollTop + wheelYInterval * (isTopWheel ? -1 : 1);
-          bodyElem.scrollTop = targerTop;
+      var dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
+      var dragPosLeft = pos.left + dragBtnOffsetWidth;
+      var domMousemove = document.onmousemove;
+      var domMouseup = document.onmouseup;
+      var isLeftFixed = fixedType === 'left';
+      var isRightFixed = fixedType === 'right';
+      var tableEl = tableRefElem.value; // 计算左右侧固定列偏移量
 
-          if (leftElem) {
-            leftElem.scrollTop = targerTop;
-          }
+      var fixedOffsetWidth = 0;
 
-          if (rightElem) {
-            rightElem.scrollTop = targerTop;
-          }
+      if (isLeftFixed || isRightFixed) {
+        var siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
+        var tempCellElem = cell[siblingProp];
 
-          if (isTopWheel ? targerTop < scrollHeight - clientHeight : targerTop >= 0) {
-            wheelTime = setTimeout(handleSmooth, 10);
+        while (tempCellElem) {
+          if (hasClass(tempCellElem, 'fixed--hidden')) {
+            break;
+          } else if (!hasClass(tempCellElem, 'col--group')) {
+            fixedOffsetWidth += tempCellElem.offsetWidth;
           }
 
-          $xetable.dispatchEvent('scroll', {
-            type: body_renderType,
-            fixed: fixedType,
-            scrollTop: bodyElem.scrollTop,
-            scrollLeft: bodyElem.scrollLeft,
-            scrollHeight: bodyElem.scrollHeight,
-            scrollWidth: bodyElem.scrollWidth,
-            bodyHeight: bodyHeight,
-            bodyWidth: bodyWidth,
-            isX: isRollX,
-            isY: isRollY
-          }, evnt);
+          tempCellElem = tempCellElem[siblingProp];
         }
-      };
 
-      handleSmooth();
-    };
-    /**
-     * 滚轮处理
-     */
+        if (isRightFixed && rightContainerElem) {
+          dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
+        }
+      } // 处理拖动事件
 
 
-    var wheelEvent = function wheelEvent(evnt) {
-      var deltaY = evnt.deltaY,
-          deltaX = evnt.deltaX;
-      var highlightHoverRow = tableProps.highlightHoverRow;
-      var scrollYLoad = tableReactData.scrollYLoad;
-      var lastScrollTop = tableInternalData.lastScrollTop,
-          lastScrollLeft = tableInternalData.lastScrollLeft;
-      var rowOpts = computeRowOpts.value;
-      var tableBody = refTableBody.value;
-      var scrollBodyElem = refElem.value;
-      var bodyElem = tableBody.$el;
-      var deltaTop = deltaY;
-      var deltaLeft = deltaX;
-      var isTopWheel = deltaTop < 0; // 如果滚动位置已经是顶部或底部，则不需要触发
+      var updateEvent = function updateEvent(evnt) {
+        evnt.stopPropagation();
+        evnt.preventDefault();
+        var offsetX = evnt.clientX - dragClientX;
+        var left = dragPosLeft + offsetX;
+        var scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
 
-      if (isTopWheel ? scrollBodyElem.scrollTop <= 0 : scrollBodyElem.scrollTop >= scrollBodyElem.scrollHeight - scrollBodyElem.clientHeight) {
-        return;
-      }
+        if (isLeftFixed) {
+          // 左固定列（不允许超过右侧固定列、不允许超过右边距）
+          left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
+        } else if (isRightFixed) {
+          // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
+          dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval;
+          left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
+        } else {
+          dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft); // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
+        }
 
-      var scrollTop = scrollBodyElem.scrollTop + deltaTop;
-      var scrollLeft = bodyElem.scrollLeft + deltaLeft;
-      var isRollX = scrollLeft !== lastScrollLeft;
-      var isRollY = scrollTop !== lastScrollTop; // 用于鼠标纵向滚轮处理
+        dragLeft = Math.max(left, dragMinLeft);
+        resizeBarElem.style.left = "".concat(dragLeft - scrollLeft, "px");
+      };
 
-      if (isRollY) {
-        evnt.preventDefault();
-        tableInternalData.lastScrollTop = scrollTop;
-        tableInternalData.lastScrollLeft = scrollLeft;
-        tableInternalData.lastScrollTime = Date.now();
+      tableInternalData._isResize = true;
+      addClass(tableEl, 'drag--resize');
+      resizeBarElem.style.display = 'block';
+      document.onmousemove = updateEvent;
 
-        if (rowOpts.isHover || highlightHoverRow) {
-          $xetable.clearHoverRow();
-        }
+      document.onmouseup = function (evnt) {
+        document.onmousemove = domMousemove;
+        document.onmouseup = domMouseup;
+        column.resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
+        resizeBarElem.style.display = 'none';
+        tableInternalData._isResize = false;
+        tableInternalData._lastResizeTime = Date.now();
+        $xetable.analyColumnWidth();
+        $xetable.recalculate(true).then(function () {
+          $xetable.saveCustomResizable();
+          $xetable.updateCellAreas();
+          $xetable.dispatchEvent('resizable-change', params, evnt);
+        });
+        removeClass(tableEl, 'drag--resize');
+      };
 
-        handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY);
+      updateEvent(evnt);
 
-        if (scrollYLoad) {
-          $xetable.triggerScrollYEvent(evnt);
-        }
+      if ($xetable.closeMenu) {
+        $xetable.closeMenu();
       }
     };
 
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.tableColumn;
+    }, uploadColumn);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
         var fixedType = props.fixedType;
-        var elemStore = tableInternalData.elemStore;
-        var prefix = "".concat(fixedType || 'main', "-body-");
-        var el = refElem.value;
+        var internalData = $xetable.internalData;
+        var elemStore = internalData.elemStore;
+        var prefix = "".concat(fixedType || 'main', "-header-");
         elemStore["".concat(prefix, "wrapper")] = refElem;
-        elemStore["".concat(prefix, "table")] = refBodyTable;
-        elemStore["".concat(prefix, "colgroup")] = refBodyColgroup;
-        elemStore["".concat(prefix, "list")] = refBodyTBody;
-        elemStore["".concat(prefix, "xSpace")] = refBodyXSpace;
-        elemStore["".concat(prefix, "ySpace")] = refBodyYSpace;
-        elemStore["".concat(prefix, "emptyBlock")] = refBodyEmptyBlock;
-        el.onscroll = scrollEvent;
-        el._onscroll = scrollEvent;
+        elemStore["".concat(prefix, "table")] = refHeaderTable;
+        elemStore["".concat(prefix, "colgroup")] = refHeaderColgroup;
+        elemStore["".concat(prefix, "list")] = refHeaderTHead;
+        elemStore["".concat(prefix, "xSpace")] = refHeaderXSpace;
+        elemStore["".concat(prefix, "repair")] = refHeaderBorderRepair;
+        uploadColumn();
       });
     });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeUnmount"])(function () {
-      var el = refElem.value;
-      clearTimeout(wheelTime);
-      el._onscroll = null;
-      el.onscroll = null;
-    });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
       var fixedType = props.fixedType;
-      var elemStore = tableInternalData.elemStore;
-      var prefix = "".concat(fixedType || 'main', "-body-");
+      var internalData = $xetable.internalData;
+      var elemStore = internalData.elemStore;
+      var prefix = "".concat(fixedType || 'main', "-header-");
       elemStore["".concat(prefix, "wrapper")] = null;
       elemStore["".concat(prefix, "table")] = null;
       elemStore["".concat(prefix, "colgroup")] = null;
       elemStore["".concat(prefix, "list")] = null;
       elemStore["".concat(prefix, "xSpace")] = null;
-      elemStore["".concat(prefix, "ySpace")] = null;
-      elemStore["".concat(prefix, "emptyBlock")] = null;
+      elemStore["".concat(prefix, "repair")] = null;
     });
 
     var renderVN = function renderVN() {
-      var fixedColumn = props.fixedColumn,
-          fixedType = props.fixedType,
+      var fixedType = props.fixedType,
+          fixedColumn = props.fixedColumn,
           tableColumn = props.tableColumn;
-      var keyboardConfig = tableProps.keyboardConfig,
-          allColumnOverflow = tableProps.showOverflow,
-          spanMethod = tableProps.spanMethod,
+      var resizable = tableProps.resizable,
+          border = tableProps.border,
+          columnKey = tableProps.columnKey,
+          headerRowClassName = tableProps.headerRowClassName,
+          headerCellClassName = tableProps.headerCellClassName,
+          headerRowStyle = tableProps.headerRowStyle,
+          headerCellStyle = tableProps.headerCellStyle,
+          allColumnHeaderOverflow = tableProps.showHeaderOverflow,
+          allHeaderAlign = tableProps.headerAlign,
+          allAlign = tableProps.align,
           mouseConfig = tableProps.mouseConfig;
-      var tableData = tableReactData.tableData,
-          mergeList = tableReactData.mergeList,
-          scrollYLoad = tableReactData.scrollYLoad,
-          isAllOverflow = tableReactData.isAllOverflow;
-      var visibleColumn = tableInternalData.visibleColumn;
-      var slots = tableContext.slots;
-      var sYOpts = computeSYOpts.value;
-      var emptyOpts = computeEmptyOpts.value;
-      var keyboardOpts = computeKeyboardOpts.value;
-      var mouseOpts = computeMouseOpts.value; // const isMergeLeftFixedExceeded = computeIsMergeLeftFixedExceeded.value
-      // const isMergeRightFixedExceeded = computeIsMergeRightFixedExceeded.value
-      // 如果是使用优化模式
+      var isGroup = tableReactData.isGroup,
+          currentColumn = tableReactData.currentColumn,
+          scrollXLoad = tableReactData.scrollXLoad,
+          overflowX = tableReactData.overflowX,
+          scrollbarWidth = tableReactData.scrollbarWidth;
+      var columnOpts = computeColumnOpts.value;
+      var headerGroups = headerColumn.value; // 如果是使用优化模式
 
-      if (fixedType) {
-        if (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
-          if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
+      if (!isGroup) {
+        if (fixedType) {
+          if (scrollXLoad || allColumnHeaderOverflow) {
             tableColumn = fixedColumn;
-          } else {
-            tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
-            // if (mergeList.length && !isMergeLeftFixedExceeded && fixedType === 'left') {
-            //   tableColumn = fixedColumn
-            // } else if (mergeList.length && !isMergeRightFixedExceeded && fixedType === 'right') {
-            //   tableColumn = fixedColumn
-            // } else {
-            //   tableColumn = visibleColumn
-            // }
           }
-        } else {
-          tableColumn = visibleColumn;
         }
-      }
-
-      var emptyContent;
-
-      if (slots.empty) {
-        emptyContent = $xetable.callSlot(slots.empty, {
-          $table: $xetable
-        });
-      } else {
-        var compConf = emptyOpts.name ? VXETable.renderer.get(emptyOpts.name) : null;
-        var renderEmpty = compConf ? compConf.renderEmpty : null;
 
-        if (renderEmpty) {
-          emptyContent = renderEmpty(emptyOpts, {
-            $table: $xetable
-          });
-        } else {
-          emptyContent = tableProps.emptyText || conf.i18n('vxe.table.emptyText');
-        }
+        headerGroups = [tableColumn];
       }
 
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         ref: refElem,
-        class: ['vxe-table--body-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+        class: ['vxe-table--header-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
         xid: xID
-      }, sYOpts.mode === 'wheel' ? {
-        onWheel: wheelEvent
-      } : {}), [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refBodyXSpace,
+      }, [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refHeaderXSpace,
         class: 'vxe-body--x-space'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        ref: refBodyYSpace,
-        class: 'vxe-body--y-space'
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
-        ref: refBodyTable,
-        class: 'vxe-table--body',
+        ref: refHeaderTable,
+        class: 'vxe-table--header',
         xid: xID,
         cellspacing: 0,
         cellpadding: 0,
@@ -32286,52 +32428,143 @@ var lineOffsetSizes = {
        * 列宽
        */
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('colgroup', {
-        ref: refBodyColgroup
+        ref: refHeaderColgroup
       }, tableColumn.map(function (column, $columnIndex) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
           name: column.id,
           key: $columnIndex
         });
-      })),
+      }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('col', {
+        name: 'col_gutter'
+      })] : [])),
       /**
-       * 内容
+       * 头部
        */
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tbody', {
-        ref: refBodyTBody
-      }, renderRows(fixedType, tableData, tableColumn))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--checkbox-range'
-      }), mouseConfig && mouseOpts.area ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--cell-area'
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-main-area'
-      }, mouseOpts.extension ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-main-area-btn',
-        onMousedown: function onMousedown(evnt) {
-          $xetable.triggerCellExtendMousedownEvent(evnt, {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('thead', {
+        ref: refHeaderTHead
+      }, headerGroups.map(function (cols, $rowIndex) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', {
+          class: ['vxe-header--row', headerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowClassName) ? headerRowClassName({
             $table: $xetable,
+            $rowIndex: $rowIndex,
             fixed: fixedType,
-            type: body_renderType
+            type: header_renderType
+          }) : headerRowClassName : ''],
+          style: headerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerRowStyle) ? headerRowStyle({
+            $table: $xetable,
+            $rowIndex: $rowIndex,
+            fixed: fixedType,
+            type: header_renderType
+          }) : headerRowStyle : null
+        }, cols.map(function (column, $columnIndex) {
+          var _ref;
+
+          var type = column.type,
+              showHeaderOverflow = column.showHeaderOverflow,
+              headerAlign = column.headerAlign,
+              align = column.align,
+              headerClassName = column.headerClassName;
+          var isColGroup = column.children && column.children.length;
+          var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : !!column.fixed && overflowX;
+          var headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showHeaderOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+          var headAlign = headerAlign || align || allHeaderAlign || allAlign;
+          var showEllipsis = headOverflow === 'ellipsis';
+          var showTitle = headOverflow === 'title';
+          var showTooltip = headOverflow === true || headOverflow === 'tooltip';
+          var hasEllipsis = showTitle || showTooltip || showEllipsis;
+          var hasFilter = column.filters && column.filters.some(function (item) {
+            return item.checked;
           });
-        }
-      })] : []), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-copy-area'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-extend-area'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-multi-area'
-      }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
-        class: 'vxe-table--cell-active-area'
-      })]) : null, !fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--empty-block',
-        ref: refBodyEmptyBlock
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--empty-content'
-      }, emptyContent)]) : null]);
+          var columnIndex = $xetable.getColumnIndex(column);
+
+          var _columnIndex = $xetable.getVTColumnIndex(column);
+
+          var params = {
+            $table: $xetable,
+            $rowIndex: $rowIndex,
+            column: column,
+            columnIndex: columnIndex,
+            $columnIndex: $columnIndex,
+            _columnIndex: _columnIndex,
+            fixed: fixedType,
+            type: header_renderType,
+            isHidden: fixedHiddenColumn,
+            hasFilter: hasFilter
+          };
+          var thOns = {
+            onClick: function onClick(evnt) {
+              return $xetable.triggerHeaderCellClickEvent(evnt, params);
+            },
+            onDblclick: function onDblclick(evnt) {
+              return $xetable.triggerHeaderCellDblclickEvent(evnt, params);
+            }
+          }; // 横向虚拟滚动不支持动态行高
+
+          if (scrollXLoad && !hasEllipsis) {
+            showEllipsis = hasEllipsis = true;
+          } // 按下事件处理
+
+
+          if (mouseConfig) {
+            thOns.onMousedown = function (evnt) {
+              return $xetable.triggerHeaderCellMousedownEvent(evnt, params);
+            };
+          }
+
+          return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', _objectSpread2(_objectSpread2({
+            class: ['vxe-header--column', column.id, (_ref = {}, _defineProperty(_ref, "col--".concat(headAlign), headAlign), _defineProperty(_ref, "col--".concat(type), type), _defineProperty(_ref, 'col--last', $columnIndex === cols.length - 1), _defineProperty(_ref, 'col--fixed', column.fixed), _defineProperty(_ref, 'col--group', isColGroup), _defineProperty(_ref, 'col--ellipsis', hasEllipsis), _defineProperty(_ref, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref, 'is--sortable', column.sortable), _defineProperty(_ref, 'col--filter', !!column.filters), _defineProperty(_ref, 'is--filter-active', hasFilter), _defineProperty(_ref, 'col--current', currentColumn === column), _ref), headerClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerClassName) ? headerClassName(params) : headerClassName : '', headerCellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName : ''],
+            colid: column.id,
+            colspan: column.colSpan > 1 ? column.colSpan : null,
+            rowspan: column.rowSpan > 1 ? column.rowSpan : null,
+            style: headerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null
+          }, thOns), {}, {
+            key: columnKey || columnOpts.useKey || isColGroup ? column.id : $columnIndex
+          }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: ['vxe-cell', {
+              'c--title': showTitle,
+              'c--tooltip': showTooltip,
+              'c--ellipsis': showEllipsis
+            }]
+          }, column.renderHeader(params)),
+          /**
+           * 列宽拖动
+           */
+          !fixedHiddenColumn && !isColGroup && (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || resizable) ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+            class: ['vxe-resizable', {
+              'is--line': !border || border === 'none'
+            }],
+            onMousedown: function onMousedown(evnt) {
+              return resizeMousedown(evnt, params);
+            }
+          }) : null]);
+        }).concat(scrollbarWidth ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', {
+          class: 'vxe-header--gutter col--gutter'
+        })] : []));
+      }))]),
+      /**
+       * 其他
+       */
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        ref: refHeaderBorderRepair,
+        class: 'vxe-table--header-border-line'
+      })]);
     };
 
     return renderVN;
   }
 }));
+// CONCATENATED MODULE: ./packages/header/index.ts
+
+
+
+
+var Header = Object.assign(header, {
+  install: function install(app) {
+    app.component(header.name, header);
+  }
+});
+dynamicApp.component(header.name, header);
+/* harmony default export */ var packages_header = (Header);
 // CONCATENATED MODULE: ./packages/table/src/table.ts
 
 
@@ -32374,6 +32607,7 @@ var lineOffsetSizes = {
 
 
 
+
 
 
 var isWebkit = browse['-webkit'] && !browse.edge;
@@ -39384,7 +39618,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         ref: isFixedLeft ? refLeftContainer : refRightContainer,
         class: "vxe-table--fixed-".concat(fixedType, "-wrapper")
-      }, [showHeader ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-table-header'), {
+      }, [showHeader ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(packages_header, {
         ref: isFixedLeft ? refTableLeftHeader : refTableRightHeader,
         fixedType: fixedType,
         tableData: tableData,
@@ -39851,7 +40085,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       /**
        * 表头
        */
-      showHeader ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-table-header'), {
+      showHeader ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(packages_header, {
         ref: refTableHeader,
         tableData: tableData,
         tableColumn: tableColumn,
@@ -40330,13 +40564,12 @@ dynamicApp.component(table.name, table);
 
 
 
-
 
 
  // 按需加载的组件
 
 var components = [// 功能模块
-Header, Footer, Icon, Filter, Menu, Edit, Export, Keyboard, Validator, // 可选组件
+Footer, Icon, Filter, Menu, Edit, Export, Keyboard, Validator, // 可选组件
 Column, Colgroup, Grid, Toolbar, Pager, Checkbox, CheckboxGroup, Radio, RadioGroup, RadioButton, Input, Textarea, Button, Modal, Tooltip, Form, FormItem, FormGather, Select, Optgroup, Option, Switch, List, Pulldown, // 核心
 Table]; // 默认中文