vxe-table 3.19.6 → 3.19.8

package/lib/index.umd.js

@@ -2005,7 +2005,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.19.6";
+const version = "3.19.8";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2017,7 +2017,7 @@ core_.VxeUI.setConfig({
     delayHover: 250,
     autoResize: true,
     padding: true,
-    minHeight: 144,
+    // minHeight: null,
     // keepSource: false,
     // showOverflow: null,
     // showHeaderOverflow: null,
@@ -2713,7 +2713,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.19.6"}`;
+const log_version = `table v${"3.19.8"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -3938,8 +3938,10 @@ function renderTitleContent(h, params, content) {
     isRowGroupStatus
   } = tableReactData;
   const {
-    showHeaderOverflow
+    showHeaderOverflow,
+    slots
   } = column;
+  const titleSlot = slots ? slots.title : null;
   const headerTooltipOpts = $table.computeHeaderTooltipOpts;
   const showAllTip = headerTooltipOpts.showAll;
   const headOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
@@ -3972,7 +3974,7 @@ function renderTitleContent(h, params, content) {
   return [h('span', {
     class: 'vxe-cell--title',
     on: ons
-  }, isRowGroupStatus && column.aggFunc && $table.getPivotTableAggregateRenderColTitles ? $table.getPivotTableAggregateRenderColTitles(h, column, titleVN) : [titleVN])];
+  }, isRowGroupStatus && column.aggFunc && $table.getPivotTableAggregateRenderColTitles ? $table.getPivotTableAggregateRenderColTitles(h, column, titleVN) : titleSlot ? $table.callSlot(titleSlot, params, h) : [titleVN])];
 }
 function getFooterContent(h, params) {
   const {
@@ -4995,12 +4997,17 @@ const Cell = {
       iconDesc,
       iconVisibleMethod
     } = sortOpts;
+    const {
+      order,
+      slots
+    } = column;
     if (showIcon && (!iconVisibleMethod || iconVisibleMethod(params))) {
-      return [h('span', {
+      const sortSlot = slots ? slots.sort : null;
+      return sortSlot ? getSlotVNs($table.callSlot(sortSlot, params, h)) : [h('span', {
         class: ['vxe-cell--sort', `vxe-cell--sort-${iconLayout}-layout`]
       }, [h('i', {
         class: ['vxe-sort--asc-btn', iconAsc || cell_getIcon().TABLE_SORT_ASC, {
-          'sort--active': column.order === 'asc'
+          'sort--active': order === 'asc'
         }],
         attrs: {
           title: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(ascTitle) ? cell_getI18n('vxe.table.sortAsc') : `${ascTitle || ''}`
@@ -5013,7 +5020,7 @@ const Cell = {
         } : undefined
       }), h('i', {
         class: ['vxe-sort--desc-btn', iconDesc || cell_getIcon().TABLE_SORT_DESC, {
-          'sort--active': column.order === 'desc'
+          'sort--active': order === 'desc'
         }],
         attrs: {
           title: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(descTitle) ? cell_getI18n('vxe.table.sortDesc') : `${descTitle || ''}`
@@ -6489,8 +6496,7 @@ function handleVirtualTreeExpand($xeTable, rows, expanded) {
     updateAfterDataIndex($xeTable);
     return $xeTable.$nextTick();
   }).then(() => {
-    updateTreeLineStyle($xeTable);
-    return handleLazyRecalculate($xeTable, true, true, true);
+    return handleRecalculateStyle($xeTable, true, true, true);
   }).then(() => {
     updateTreeLineStyle($xeTable);
     setTimeout(() => {
@@ -7112,18 +7118,12 @@ function updateStyle($xeTable) {
   const reactData = $xeTable;
   const internalData = $xeTable;
   const {
-    showHeaderOverflow: allColumnHeaderOverflow,
-    showFooterOverflow: allColumnFooterOverflow,
-    mouseConfig,
-    spanMethod,
-    footerSpanMethod
+    mouseConfig
   } = props;
   const {
     isGroup,
     currentRow,
     tableColumn,
-    scrollXLoad,
-    scrollYLoad,
     overflowX,
     scrollbarWidth,
     overflowY,
@@ -7131,8 +7131,6 @@ function updateStyle($xeTable) {
     scrollXWidth,
     columnStore,
     editStore,
-    isAllOverflow,
-    expandColumn,
     isColLoading
   } = reactData;
   const {
@@ -7151,12 +7149,18 @@ function updateStyle($xeTable) {
     return;
   }
   const containerList = ['main', 'left', 'right'];
+  const {
+    leftList,
+    rightList
+  } = columnStore;
   let osbWidth = overflowY ? scrollbarWidth : 0;
   let osbHeight = overflowX ? scrollbarHeight : 0;
   const emptyPlaceholderElem = $xeTable.$refs.refEmptyPlaceholder;
+  const isHeaderRenderOptimize = $xeTable.computeIsHeaderRenderOptimize;
+  const isBodyRenderOptimize = $xeTable.computeIsBodyRenderOptimize;
+  const isFooterRenderOptimize = $xeTable.computeIsFooterRenderOptimize;
   const scrollbarOpts = $xeTable.computeScrollbarOpts;
   const mouseOpts = $xeTable.computeMouseOpts;
-  const expandOpts = $xeTable.computeExpandOpts;
   const bodyWrapperElem = getRefElem(elemStore['main-body-wrapper']);
   const bodyTableElem = getRefElem(elemStore['main-body-table']);
   if (emptyPlaceholderElem) {
@@ -7269,7 +7273,7 @@ function updateStyle($xeTable) {
     let fixedColumn = [];
     let fixedWrapperElem;
     if (fixedType) {
-      fixedColumn = isFixedLeft ? columnStore.leftList : columnStore.rightList;
+      fixedColumn = isFixedLeft ? leftList : rightList;
       fixedWrapperElem = isFixedLeft ? $xeTable.$refs.refLeftContainer : $xeTable.$refs.refRightContainer;
     }
     layoutList.forEach(layout => {
@@ -7280,18 +7284,10 @@ function updateStyle($xeTable) {
         // 表头体样式处理
         // 横向滚动渲染
         let renderColumnList = tableColumn;
-        let isOptimizeMode = false;
+        const isOptimizeMode = isHeaderRenderOptimize;
         if (isGroup) {
           renderColumnList = visibleColumn;
         } else {
-          // 如果是使用优化模式
-          if (scrollXLoad && allColumnHeaderOverflow) {
-            if (spanMethod || footerSpanMethod) {
-              // 如果不支持优化模式
-            } else {
-              isOptimizeMode = true;
-            }
-          }
           if (!isOptimizeMode || !isColLoading && (fixedType || !overflowX)) {
             renderColumnList = visibleColumn;
           }
@@ -7341,15 +7337,7 @@ function updateStyle($xeTable) {
           fixedWrapperElem.style.width = `${fixedColumn.reduce((previous, column) => previous + column.renderWidth, 0)}px`;
         }
         let renderColumnList = tableColumn;
-        let isOptimizeMode = false;
-        // 如果是使用优化模式
-        if (scrollXLoad || scrollYLoad || isAllOverflow) {
-          if (expandColumn && expandOpts.mode !== 'fixed' || spanMethod || footerSpanMethod) {
-            // 如果不支持优化模式
-          } else {
-            isOptimizeMode = true;
-          }
-        }
+        const isOptimizeMode = isBodyRenderOptimize;
         if (fixedType) {
           renderColumnList = visibleColumn;
           if (isOptimizeMode) {
@@ -7379,15 +7367,7 @@ function updateStyle($xeTable) {
         }
       } else if (layout === 'footer') {
         let renderColumnList = tableColumn;
-        let isOptimizeMode = false;
-        // 如果是使用优化模式
-        if (scrollXLoad && allColumnFooterOverflow) {
-          if (spanMethod || footerSpanMethod) {
-            // 如果不支持优化模式
-          } else {
-            isOptimizeMode = true;
-          }
-        }
+        const isOptimizeMode = isFooterRenderOptimize;
         if (!isOptimizeMode || !isColLoading && (fixedType || !overflowX)) {
           renderColumnList = visibleColumn;
         }
@@ -8820,20 +8800,32 @@ function autoCellWidth($xeTable) {
 /**
  * 计算自适应行高
  */
-const calcCellAutoHeight = (rowRest, wrapperEl) => {
-  const cellElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[rowid="${rowRest.rowid}"]`);
+const calcCellAutoHeight = ($xeTable, rowRest, wrapperEl) => {
+  const reactData = $xeTable;
+  const {
+    scrollXLoad
+  } = reactData;
+  const wrapperElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[rowid="${rowRest.rowid}"]`);
   let colHeight = rowRest.height;
   let firstCellStyle = null;
   let topBottomPadding = 0;
-  for (let i = 0; i < cellElemList.length; i++) {
-    const wrapperElem = cellElemList[i];
+  for (let i = 0; i < wrapperElemList.length; i++) {
+    const wrapperElem = wrapperElemList[i];
     const cellElem = wrapperElem.parentElement;
     if (!firstCellStyle) {
+      const cellStyle = cellElem.style;
+      const orHeight = cellStyle.height;
+      if (!scrollXLoad) {
+        cellStyle.height = '';
+      }
       firstCellStyle = getComputedStyle(cellElem);
       topBottomPadding = firstCellStyle ? Math.ceil(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(firstCellStyle.paddingTop) + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(firstCellStyle.paddingBottom)) : 0;
+      if (!scrollXLoad) {
+        cellStyle.height = orHeight;
+      }
     }
     const cellHeight = wrapperElem ? wrapperElem.clientHeight : 0;
-    colHeight = Math.max(colHeight, Math.ceil(cellHeight + topBottomPadding));
+    colHeight = scrollXLoad ? Math.max(colHeight, Math.ceil(cellHeight + topBottomPadding)) : Math.ceil(cellHeight + topBottomPadding);
   }
   return colHeight;
 };
@@ -8863,13 +8855,15 @@ const calcCellHeight = $xeTable => {
     const {
       handleGetRowId
     } = createHandleGetRowId($xeTable);
+    el.setAttribute('data-calc-row', 'Y');
     tableData.forEach(row => {
       const rowid = handleGetRowId(row);
       const rowRest = fullAllDataRowIdData[rowid];
       if (rowRest) {
-        const height = calcCellAutoHeight(rowRest, el);
+        const height = calcCellAutoHeight($xeTable, rowRest, el);
         rowRest.height = Math.max(defaultRowHeight, scrollXLoad ? Math.max(rowRest.height, height) : height);
       }
+      el.removeAttribute('data-calc-row');
     });
     reactData.calcCellHeightFlag++;
   }
@@ -13059,7 +13053,9 @@ const Methods = {
         return;
       }
       const handleRsHeight = () => {
-        const resizeHeight = calcCellAutoHeight(rowRest, el);
+        el.setAttribute('data-calc-row', 'Y');
+        const resizeHeight = calcCellAutoHeight($xeTable, rowRest, el);
+        el.removeAttribute('data-calc-row');
         const resizeParams = {
           ...params,
           resizeHeight,
@@ -13159,7 +13155,7 @@ const Methods = {
         const rowid = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(row) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(row) ? row : handleGetRowId(row);
         const rowRest = fullAllDataRowIdData[rowid];
         if (rowRest) {
-          rowRest.resizeHeight = calcCellAutoHeight(rowRest, el);
+          rowRest.resizeHeight = calcCellAutoHeight($xeTable, rowRest, el);
         }
         el.removeAttribute('data-calc-row');
       });
@@ -19039,7 +19035,9 @@ const Methods = {
     const internalData = $xeTable;
     const {
       isAllOverflow,
+      overflowY,
       scrollYLoad,
+      scrollYHeight,
       expandColumn
     } = reactData;
     const {
@@ -19065,13 +19063,13 @@ const Methods = {
     const rightbodyTableElem = getRefElem(elemStore['right-body-table']);
     const containerList = ['main', 'left', 'right'];
     let ySpaceTop = 0;
-    let scrollYHeight = 0;
+    let sYHeight = scrollYHeight;
     let isScrollYBig = false;
     if (scrollYLoad) {
       const isCustomCellHeight = isResizeCellHeight || cellOpts.height || rowOpts.height;
       if (!isCustomCellHeight && !expandColumn && isAllOverflow) {
-        scrollYHeight = afterFullData.length * defaultRowHeight;
-        if (scrollYHeight > maxYHeight) {
+        sYHeight = afterFullData.length * defaultRowHeight;
+        if (sYHeight > maxYHeight) {
           isScrollYBig = true;
         }
         ySpaceTop = Math.max(0, startIndex * defaultRowHeight);
@@ -19083,18 +19081,21 @@ const Methods = {
         const lastRow = afterFullData[afterFullData.length - 1];
         rowid = getRowid($xeTable, lastRow);
         rowRest = fullAllDataRowIdData[rowid] || {};
-        scrollYHeight = (rowRest.oTop || 0) + (rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight);
-        // 是否展开行
-        if (expandColumn && rowExpandedMaps[rowid]) {
-          scrollYHeight += rowRest.expandHeight || expandOpts.height || 0;
+        // 如果为空时还没计算完数据，保持原高度不变
+        if (rowRest.oTop) {
+          sYHeight = (rowRest.oTop || 0) + (rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight);
+          // 是否展开行
+          if (expandColumn && rowExpandedMaps[rowid]) {
+            sYHeight += rowRest.expandHeight || expandOpts.height || 0;
+          }
         }
-        if (scrollYHeight > maxYHeight) {
+        if (sYHeight > maxYHeight) {
           isScrollYBig = true;
         }
       }
     } else {
       if (bodyTableElem) {
-        scrollYHeight = bodyTableElem.clientHeight;
+        sYHeight = bodyTableElem.clientHeight;
       }
     }
     let clientHeight = 0;
@@ -19102,7 +19103,7 @@ const Methods = {
       clientHeight = bodyScrollElem.clientHeight;
     }
     // 虚拟渲染
-    let ySpaceHeight = scrollYHeight;
+    let ySpaceHeight = sYHeight;
     let scrollYTop = ySpaceTop;
     if (isScrollYBig) {
       // 触底
@@ -19113,6 +19114,9 @@ const Methods = {
       }
       ySpaceHeight = maxYHeight;
     }
+    if (!(scrollYLoad && overflowY)) {
+      scrollYTop = 0;
+    }
     if (leftBodyTableElem) {
       leftBodyTableElem.style.transform = `translate(0px, ${scrollYTop}px)`;
     }
@@ -19140,7 +19144,7 @@ const Methods = {
       rowExpandYSpaceEl.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
     }
     reactData.scrollYTop = scrollYTop;
-    reactData.scrollYHeight = scrollYHeight;
+    reactData.scrollYHeight = ySpaceHeight;
     reactData.isScrollYBig = isScrollYBig;
     calcScrollbar($xeTable);
     if (isScrollYBig && mouseOpts.area) {
@@ -20509,8 +20513,6 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
       tableColumn
     } = props;
     const {
-      spanMethod,
-      footerSpanMethod,
       mouseConfig
     } = tableProps;
     const {
@@ -20520,8 +20522,6 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
       overflowX,
       scrollXLoad,
       scrollYLoad,
-      isAllOverflow,
-      expandColumn,
       dragRow,
       dragCol
     } = tableReactData;
@@ -20532,18 +20532,10 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
     } = tableInternalData;
     const emptyOpts = $xeTable.computeEmptyOpts;
     const mouseOpts = $xeTable.computeMouseOpts;
-    const expandOpts = $xeTable.computeExpandOpts;
+    const isBodyRenderOptimize = $xeTable.computeIsBodyRenderOptimize;
     let renderDataList = tableData;
     let renderColumnList = tableColumn;
-    let isOptimizeMode = false;
-    // 如果是使用优化模式
-    if (scrollXLoad || scrollYLoad || isAllOverflow) {
-      if (expandColumn && expandOpts.mode !== 'fixed' || spanMethod || footerSpanMethod) {
-        // 如果不支持优化模式
-      } else {
-        isOptimizeMode = true;
-      }
-    }
+    const isOptimizeMode = isBodyRenderOptimize;
     if (!isColLoading && (fixedType || !overflowX)) {
       renderColumnList = visibleColumn;
     }
@@ -20616,11 +20608,6 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
         emptyContent = tableProps.emptyText || body_getI18n('vxe.table.emptyText');
       }
     }
-    const ons = {
-      scroll(evnt) {
-        $xeTable.triggerBodyScrollEvent(evnt, fixedType);
-      }
-    };
     return h('div', {
       ref: 'refElem',
       class: ['vxe-table--body-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
@@ -20630,7 +20617,11 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
     }, [h('div', {
       ref: 'refBodyScroll',
       class: 'vxe-table--body-inner-wrapper',
-      on: ons
+      on: {
+        scroll(evnt) {
+          $xeTable.triggerBodyScrollEvent(evnt, fixedType);
+        }
+      }
     }, [fixedType ? body_renderEmptyElement($xeTable) : h('div', {
       ref: 'refBodyXSpace',
       class: 'vxe-body--x-space'
@@ -21214,10 +21205,7 @@ function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
       headerColumn
     } = _vm;
     const {
-      mouseConfig,
-      showHeaderOverflow: allColumnHeaderOverflow,
-      spanMethod,
-      footerSpanMethod
+      mouseConfig
     } = tableProps;
     const {
       isGroup,
@@ -21231,20 +21219,13 @@ function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
       fullColumnIdData
     } = tableInternalData;
     const mouseOpts = $xeTable.computeMouseOpts;
+    const isHeaderRenderOptimize = $xeTable.computeIsHeaderRenderOptimize;
     let renderHeaderList = headerColumn;
     let renderColumnList = tableColumn;
-    let isOptimizeMode = false;
+    const isOptimizeMode = isHeaderRenderOptimize;
     if (isGroup) {
       renderColumnList = visibleColumn;
     } else {
-      // 如果是使用优化模式
-      if (scrollXLoad && allColumnHeaderOverflow) {
-        if (spanMethod || footerSpanMethod) {
-          // 如果不支持优化模式
-        } else {
-          isOptimizeMode = true;
-        }
-      }
       if (!isOptimizeMode || !isColLoading && (fixedType || !overflowX)) {
         renderColumnList = visibleColumn;
       }
@@ -21704,7 +21685,6 @@ function footer_renderHeads(h, _vm, isOptimizeMode, renderColumnList) {
     const _vm = this;
     const props = _vm;
     const $xeTable = _vm.$parent;
-    const tableProps = $xeTable;
     const tableReactData = $xeTable;
     const tableInternalData = $xeTable;
     const {
@@ -21715,11 +21695,6 @@ function footer_renderHeads(h, _vm, isOptimizeMode, renderColumnList) {
       fixedColumn,
       tableColumn
     } = props;
-    const {
-      spanMethod,
-      footerSpanMethod,
-      showFooterOverflow: allColumnFooterOverflow
-    } = tableProps;
     const {
       visibleColumn,
       fullColumnIdData
@@ -21731,16 +21706,9 @@ function footer_renderHeads(h, _vm, isOptimizeMode, renderColumnList) {
       scrollXLoad,
       dragCol
     } = tableReactData;
+    const isFooterRenderOptimize = $xeTable.computeIsFooterRenderOptimize;
     let renderColumnList = tableColumn;
-    let isOptimizeMode = false;
-    // 如果是使用优化模式
-    if (scrollXLoad && allColumnFooterOverflow) {
-      if (spanMethod || footerSpanMethod) {
-        // 如果不支持优化模式
-      } else {
-        isOptimizeMode = true;
-      }
-    }
+    const isOptimizeMode = isFooterRenderOptimize;
     if (!isOptimizeMode || !isColLoading && (fixedType || !overflowX)) {
       renderColumnList = visibleColumn;
     }
@@ -31461,6 +31429,118 @@ function renderBody(h, $xeTable) {
       }
       return leftWidth;
     },
+    computeBodyMergeCoverFixed() {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const internalData = $xeTable;
+      const {
+        columnStore,
+        mergeBodyFlag
+      } = reactData;
+      const {
+        mergeBodyList,
+        visibleColumn
+      } = internalData;
+      const {
+        leftList,
+        rightList
+      } = columnStore;
+      const rscIndex = visibleColumn.length - rightList.length;
+      if (mergeBodyFlag && (leftList.length || rightList.length)) {
+        const lecIndex = leftList.length;
+        for (let i = 0; i < mergeBodyList.length; i++) {
+          const {
+            col,
+            colspan
+          } = mergeBodyList[i];
+          if (col < lecIndex || col + colspan > rscIndex) {
+            return true;
+          }
+        }
+      }
+      return false;
+    },
+    computeIsHeaderRenderOptimize() {
+      const $xeTable = this;
+      const props = $xeTable;
+      const reactData = $xeTable;
+      const {
+        spanMethod,
+        footerSpanMethod,
+        showHeaderOverflow: allColumnHeaderOverflow
+      } = props;
+      const {
+        isGroup,
+        scrollXLoad
+      } = reactData;
+      let isOptimizeMode = false;
+      if (isGroup) {
+        // 分组表头
+      } else {
+        // 如果是使用优化模式
+        if (scrollXLoad && allColumnHeaderOverflow) {
+          if (spanMethod || footerSpanMethod) {
+            // 如果不支持优化模式
+          } else {
+            isOptimizeMode = true;
+          }
+        }
+      }
+      return isOptimizeMode;
+    },
+    computeIsBodyRenderOptimize() {
+      const $xeTable = this;
+      const props = $xeTable;
+      const reactData = $xeTable;
+      const {
+        spanMethod,
+        footerSpanMethod
+      } = props;
+      const {
+        scrollXLoad,
+        scrollYLoad,
+        isAllOverflow,
+        expandColumn
+      } = reactData;
+      const bodyMergeCoverFixed = $xeTable.computeBodyMergeCoverFixed;
+      const expandOpts = $xeTable.computeExpandOpts;
+      let isOptimizeMode = false;
+      // 如果是使用优化模式
+      if (scrollXLoad || scrollYLoad || isAllOverflow) {
+        // 如果是展开行，内联模式，不支持优化
+        // 如果是方法合并，不支持优化
+        // 如果固定列且配置式合并，不支持优化
+        if (expandColumn && expandOpts.mode !== 'fixed' || bodyMergeCoverFixed || spanMethod || footerSpanMethod) {
+          // 如果不支持优化模式
+        } else {
+          isOptimizeMode = true;
+        }
+      }
+      return isOptimizeMode;
+    },
+    computeIsFooterRenderOptimize() {
+      const $xeTable = this;
+      const props = $xeTable;
+      const reactData = $xeTable;
+      const {
+        spanMethod,
+        footerSpanMethod,
+        showFooterOverflow: allColumnFooterOverflow
+      } = props;
+      const {
+        scrollXLoad
+      } = reactData;
+      let isOptimizeMode = false;
+      // 如果是使用优化模式
+      if (scrollXLoad && allColumnFooterOverflow) {
+        if (spanMethod || footerSpanMethod) {
+          // 如果不支持优化模式
+        } else {
+          isOptimizeMode = true;
+        }
+      }
+      return isOptimizeMode;
+    },
     exportOpts() {
       return this.computeExportOpts;
     },
@@ -31904,12 +31984,12 @@ function renderBody(h, $xeTable) {
     if (props.resizable) {
       warnLog('vxe.error.delProp', ['resizable', 'column-config.resizable']);
     }
-    if (props.virtualXConfig && props.scrollX) {
-      warnLog('vxe.error.notSupportProp', ['virtual-x-config', 'scroll-x', 'scroll-x=null']);
-    }
-    if (props.virtualYConfig && props.scrollY) {
-      warnLog('vxe.error.notSupportProp', ['virtual-y-config', 'scroll-y', 'scroll-y=null']);
-    }
+    // if (props.virtualXConfig && props.scrollX) {
+    //   warnLog('vxe.error.notSupportProp', ['virtual-x-config', 'scroll-x', 'scroll-x=null'])
+    // }
+    // if (props.virtualYConfig && props.scrollY) {
+    //   warnLog('vxe.error.notSupportProp', ['virtual-y-config', 'scroll-y', 'scroll-y=null'])
+    // }
     if (props.aggregateConfig && props.rowGroupConfig) {
       warnLog('vxe.error.notSupportProp', ['aggregate-config', 'row-group-config', 'row-group-config=null']);
     }