vxe-table 3.12.1-beta.3 → 3.12.1-beta.4

package/lib/index.umd.js

@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.12.1-beta.2";
+const version = "3.12.1-beta.4";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2814,7 +2814,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.12.1-beta.2"}`;
+const log_version = `table v${"3.12.1-beta.4"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -3819,66 +3819,99 @@ function getDefaultCellLabel(params) {
   } = params;
   return formatText($table.getCellLabel(row, column), 1);
 }
+function renderCellHandle(h, params) {
+  const {
+    column,
+    $table
+  } = params;
+  const tableProps = $table;
+  const {
+    editConfig
+  } = tableProps;
+  const {
+    type,
+    treeNode,
+    editRender
+  } = column;
+  const checkboxOpts = $table.computeCheckboxOpts;
+  const editOpts = $table.computeEditOpts;
+  switch (type) {
+    case 'seq':
+      return treeNode ? Cell.renderTreeIndexCell(h, params) : Cell.renderSeqCell(h, params);
+    case 'radio':
+      return treeNode ? Cell.renderTreeRadioCell(h, params) : Cell.renderRadioCell(h, params);
+    case 'checkbox':
+      return checkboxOpts.checkField ? treeNode ? Cell.renderTreeSelectionCellByProp(h, params) : Cell.renderCheckboxCellByProp(h, params) : treeNode ? Cell.renderTreeSelectionCell(h, params) : Cell.renderCheckboxCell(h, params);
+    case 'expand':
+      return Cell.renderExpandCell(h, params);
+    case 'html':
+      return treeNode ? Cell.renderTreeHTMLCell(h, params) : Cell.renderHTMLCell(h, params);
+  }
+  if (editConfig && editRender) {
+    return editOpts.mode === 'cell' ? treeNode ? Cell.renderTreeCellEdit(h, params) : Cell.renderCellEdit(h, params) : treeNode ? Cell.renderTreeRowEdit(h, params) : Cell.renderRowEdit(h, params);
+  }
+  return treeNode ? Cell.renderTreeCell(h, params) : Cell.renderDefaultCell(h, params);
+}
+function renderHeaderHandle(h, params) {
+  const {
+    column,
+    $table
+  } = params;
+  const tableProps = $table;
+  const {
+    editConfig
+  } = tableProps;
+  const {
+    type,
+    filters,
+    sortable,
+    editRender
+  } = column;
+  switch (type) {
+    case 'seq':
+      return Cell.renderSeqHeader(h, params);
+    case 'radio':
+      return Cell.renderRadioHeader(h, params);
+    case 'checkbox':
+      return Cell.renderCheckboxHeader(h, params);
+    case 'html':
+      if (filters && sortable) {
+        return Cell.renderSortAndFilterHeader(h, params);
+      } else if (sortable) {
+        return Cell.renderSortHeader(h, params);
+      } else if (filters) {
+        return Cell.renderFilterHeader(h, params);
+      }
+      break;
+  }
+  if (editConfig && editRender) {
+    return Cell.renderEditHeader(h, params);
+  } else if (filters && sortable) {
+    return Cell.renderSortAndFilterHeader(h, params);
+  } else if (sortable) {
+    return Cell.renderSortHeader(h, params);
+  } else if (filters) {
+    return Cell.renderFilterHeader(h, params);
+  }
+  return Cell.renderDefaultHeader(h, params);
+}
+function renderFooterHandle(h, params) {
+  return Cell.renderDefaultFooter(h, params);
+}
 const Cell = {
   createColumn($xetable, _vm) {
     const {
-      type,
-      sortable,
-      remoteSort,
-      filters,
-      editRender,
-      treeNode
+      type
     } = _vm;
-    const {
-      editConfig,
-      editOpts,
-      checkboxOpts
-    } = $xetable;
-    const renMaps = {
-      renderHeader: this.renderDefaultHeader,
-      renderCell: treeNode ? this.renderTreeCell : this.renderDefaultCell,
-      renderFooter: this.renderDefaultFooter
+    const renConfs = {
+      renderHeader: renderHeaderHandle,
+      renderCell: renderCellHandle,
+      renderFooter: renderFooterHandle
     };
-    switch (type) {
-      case 'seq':
-        renMaps.renderHeader = this.renderSeqHeader;
-        renMaps.renderCell = treeNode ? this.renderTreeIndexCell : this.renderSeqCell;
-        break;
-      case 'radio':
-        renMaps.renderHeader = this.renderRadioHeader;
-        renMaps.renderCell = treeNode ? this.renderTreeRadioCell : this.renderRadioCell;
-        break;
-      case 'checkbox':
-        renMaps.renderHeader = this.renderCheckboxHeader;
-        renMaps.renderCell = checkboxOpts.checkField ? treeNode ? this.renderTreeSelectionCellByProp : this.renderCheckboxCellByProp : treeNode ? this.renderTreeSelectionCell : this.renderCheckboxCell;
-        break;
-      case 'expand':
-        renMaps.renderCell = this.renderExpandCell;
-        renMaps.renderData = this.renderExpandData;
-        break;
-      case 'html':
-        renMaps.renderCell = treeNode ? this.renderTreeHTMLCell : this.renderHTMLCell;
-        if (filters && (sortable || remoteSort)) {
-          renMaps.renderHeader = this.renderSortAndFilterHeader;
-        } else if (sortable || remoteSort) {
-          renMaps.renderHeader = this.renderSortHeader;
-        } else if (filters) {
-          renMaps.renderHeader = this.renderFilterHeader;
-        }
-        break;
-      default:
-        if (editConfig && editRender) {
-          renMaps.renderHeader = this.renderEditHeader;
-          renMaps.renderCell = editOpts.mode === 'cell' ? treeNode ? this.renderTreeCellEdit : this.renderCellEdit : treeNode ? this.renderTreeRowEdit : this.renderRowEdit;
-        } else if (filters && (sortable || remoteSort)) {
-          renMaps.renderHeader = this.renderSortAndFilterHeader;
-        } else if (sortable || remoteSort) {
-          renMaps.renderHeader = this.renderSortHeader;
-        } else if (filters) {
-          renMaps.renderHeader = this.renderFilterHeader;
-        }
+    if (type === 'expand') {
+      renConfs.renderData = Cell.renderExpandData;
     }
-    return createColumn($xetable, _vm, renMaps);
+    return createColumn($xetable, _vm, renConfs);
   },
   /**
    * 列头标题
@@ -5074,7 +5107,143 @@ function handleVirtualXVisible($xeTable) {
     visibleSize: 6
   };
 }
-const computeRowHeight = $xeTable => {
+/**
+   * 更新数据列的 Map
+   * 牺牲数据组装的耗时，用来换取使用过程中的流畅
+   */
+function cacheColumnMap($xeTable) {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const {
+    tableFullColumn,
+    collectColumn
+  } = internalData;
+  const fullColumnIdData = internalData.fullColumnIdData = {};
+  const fullColumnFieldData = internalData.fullColumnFieldData = {};
+  const mouseOpts = $xeTable.computeMouseOpts;
+  const columnOpts = $xeTable.computeColumnOpts;
+  const columnDragOpts = $xeTable.computeColumnDragOpts;
+  const {
+    isCrossDrag,
+    isSelfToChildDrag
+  } = columnDragOpts;
+  const rowOpts = $xeTable.computeRowOpts;
+  const isGroup = collectColumn.some(hasChildrenList);
+  let isAllOverflow = !!props.showOverflow;
+  let expandColumn;
+  let treeNodeColumn;
+  let checkboxColumn;
+  let radioColumn;
+  let htmlColumn;
+  let hasFixed;
+  const handleFunc = (column, index, items, path, parentColumn) => {
+    const {
+      id: colid,
+      field,
+      fixed,
+      type,
+      treeNode
+    } = column;
+    const rest = {
+      $index: -1,
+      _index: -1,
+      column,
+      colid,
+      index,
+      items,
+      parent: parentColumn || null,
+      width: 0
+    };
+    if (field) {
+      if (fullColumnFieldData[field]) {
+        errLog('vxe.error.colRepet', ['field', field]);
+      }
+      fullColumnFieldData[field] = rest;
+    } else {
+      if (isCrossDrag || isSelfToChildDrag) {
+        errLog('vxe.error.emptyProp', ['column.field']);
+      }
+    }
+    if (!hasFixed && fixed) {
+      hasFixed = fixed;
+    }
+    if (!htmlColumn && type === 'html') {
+      htmlColumn = column;
+    }
+    if (treeNode) {
+      if (true) {
+        if (treeNodeColumn) {
+          warnLog('vxe.error.colRepet', ['tree-node', treeNode]);
+        }
+      }
+      if (!treeNodeColumn) {
+        treeNodeColumn = column;
+      }
+    } else if (type === 'expand') {
+      if (true) {
+        if (expandColumn) {
+          warnLog('vxe.error.colRepet', ['type', type]);
+        }
+      }
+      if (!expandColumn) {
+        expandColumn = column;
+      }
+    }
+    if (true) {
+      if (type === 'checkbox') {
+        if (checkboxColumn) {
+          warnLog('vxe.error.colRepet', ['type', type]);
+        }
+        if (!checkboxColumn) {
+          checkboxColumn = column;
+        }
+      } else if (type === 'radio') {
+        if (radioColumn) {
+          warnLog('vxe.error.colRepet', ['type', type]);
+        }
+        if (!radioColumn) {
+          radioColumn = column;
+        }
+      }
+    }
+    if (isAllOverflow && column.showOverflow === false) {
+      isAllOverflow = false;
+    }
+    if (fullColumnIdData[colid]) {
+      errLog('vxe.error.colRepet', ['colId', colid]);
+    }
+    fullColumnIdData[colid] = rest;
+  };
+  if (isGroup) {
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, (column, index, items, path, parentColumn, nodes) => {
+      column.level = nodes.length;
+      handleFunc(column, index, items, path, parentColumn);
+    });
+  } else {
+    tableFullColumn.forEach(handleFunc);
+  }
+  if (true) {
+    if (expandColumn && mouseOpts.area) {
+      errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
+    }
+  }
+  if (true) {
+    if (htmlColumn) {
+      if (!columnOpts.useKey) {
+        errLog('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
+      }
+      if (!rowOpts.useKey) {
+        errLog('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
+      }
+    }
+  }
+  reactData.isGroup = isGroup;
+  reactData.treeNodeColumn = treeNodeColumn;
+  reactData.expandColumn = expandColumn;
+  reactData.isAllOverflow = isAllOverflow;
+}
+function computeRowHeight($xeTable) {
   const tableHeader = $xeTable.$refs.tableHeader;
   const tableBody = $xeTable.$refs.tableBody;
   const tableBodyElem = tableBody ? tableBody.$el : null;
@@ -5097,7 +5266,7 @@ const computeRowHeight = $xeTable => {
   }
   // 最低支持 18px 行高
   return Math.max(18, rowHeight);
-};
+}
 function handleVirtualYVisible($xeTable) {
   const internalData = $xeTable;
   const {
@@ -5261,17 +5430,19 @@ function clearAllSort(_vm) {
     column.order = null;
   });
 }
-function calcTableHeight(_vm, key) {
+function calcTableHeight($xeTable, key) {
+  const props = $xeTable;
+  const reactData = $xeTable;
   const {
     parentHeight
-  } = _vm;
-  const val = _vm[key];
+  } = reactData;
+  const val = props[key];
   let num = 0;
   if (val) {
     if (val === '100%' || val === 'auto') {
       num = parentHeight;
     } else {
-      const excludeHeight = _vm.getExcludeHeight();
+      const excludeHeight = $xeTable.getExcludeHeight();
       if (isScale(val)) {
         num = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(val) || 1) / 100 * parentHeight);
       } else {
@@ -5282,6 +5453,166 @@ function calcTableHeight(_vm, key) {
   }
   return num;
 }
+/**
+ * 列宽算法，计算单元格列宽，动态分配可用剩余空间
+ * 支持 px、%、固定 混合分配
+ * 支持动态列表调整分配
+ * 支持自动分配偏移量
+ * 支持 width=60 width=60px width=10% min-width=60 min-width=60px min-width=10%
+ */
+function autoCellWidth($xeTable) {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const tableHeader = $xeTable.$refs.tableHeader;
+  const tableBody = $xeTable.$refs.tableBody;
+  const tableFooter = $xeTable.$refs.tableFooter;
+  const bodyElem = tableBody ? tableBody.$el : null;
+  const headerElem = tableHeader ? tableHeader.$el : null;
+  const footerElem = tableFooter ? tableFooter.$el : null;
+  if (!bodyElem) {
+    return;
+  }
+  let tableWidth = 0;
+  const minCellWidth = 40; // 列宽最少限制 40px
+  const bodyWidth = bodyElem.clientWidth - 1;
+  let remainWidth = bodyWidth;
+  let meanWidth = remainWidth / 100;
+  const {
+    fit
+  } = props;
+  const {
+    columnStore
+  } = reactData;
+  const {
+    resizeList,
+    pxMinList,
+    autoMinList,
+    pxList,
+    scaleList,
+    scaleMinList,
+    autoList,
+    remainList
+  } = columnStore;
+  // 最小宽
+  pxMinList.forEach(column => {
+    const minWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.minWidth);
+    tableWidth += minWidth;
+    column.renderWidth = minWidth;
+  });
+  // 最小自适应
+  autoMinList.forEach(column => {
+    const scaleWidth = Math.max(60, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.renderAutoWidth));
+    tableWidth += scaleWidth;
+    column.renderWidth = scaleWidth;
+  });
+  // 最小百分比
+  scaleMinList.forEach(column => {
+    const scaleWidth = Math.floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.minWidth) * meanWidth);
+    tableWidth += scaleWidth;
+    column.renderWidth = scaleWidth;
+  });
+  // 固定百分比
+  scaleList.forEach(column => {
+    const scaleWidth = Math.floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.width) * meanWidth);
+    tableWidth += scaleWidth;
+    column.renderWidth = scaleWidth;
+  });
+  // 固定宽
+  pxList.forEach(column => {
+    const width = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.width);
+    tableWidth += width;
+    column.renderWidth = width;
+  });
+  // 自适应宽
+  autoList.forEach(column => {
+    const width = Math.max(60, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.renderAutoWidth));
+    tableWidth += width;
+    column.renderWidth = width;
+  });
+  // 调整了列宽
+  resizeList.forEach(column => {
+    const width = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.resizeWidth);
+    tableWidth += width;
+    column.renderWidth = width;
+  });
+  remainWidth -= tableWidth;
+  meanWidth = remainWidth > 0 ? Math.floor(remainWidth / (scaleMinList.length + pxMinList.length + autoMinList.length + remainList.length)) : 0;
+  if (fit) {
+    if (remainWidth > 0) {
+      scaleMinList.concat(pxMinList).concat(autoMinList).forEach(column => {
+        tableWidth += meanWidth;
+        column.renderWidth += meanWidth;
+      });
+    }
+  } else {
+    meanWidth = minCellWidth;
+  }
+  // 剩余均分
+  remainList.forEach(column => {
+    const width = Math.max(meanWidth, minCellWidth);
+    column.renderWidth = width;
+    tableWidth += width;
+  });
+  if (fit) {
+    /**
+     * 偏移量算法
+     * 如果所有列足够放的情况下，从最后动态列开始分配
+     */
+    const dynamicList = scaleList.concat(scaleMinList).concat(pxMinList).concat(autoMinList).concat(remainList);
+    let dynamicSize = dynamicList.length - 1;
+    if (dynamicSize > 0) {
+      let odiffer = bodyWidth - tableWidth;
+      if (odiffer > 0) {
+        while (odiffer > 0 && dynamicSize >= 0) {
+          odiffer--;
+          dynamicList[dynamicSize--].renderWidth++;
+        }
+        tableWidth = bodyWidth;
+      }
+    }
+  }
+  const tableHeight = bodyElem.offsetHeight;
+  const overflowY = bodyElem.scrollHeight > bodyElem.clientHeight;
+  let scrollbarWidth = 0;
+  if (overflowY) {
+    scrollbarWidth = Math.max(bodyElem.offsetWidth - bodyElem.clientWidth, 0);
+  }
+  reactData.scrollbarWidth = scrollbarWidth;
+  reactData.overflowY = overflowY;
+  internalData.tableWidth = tableWidth;
+  internalData.tableHeight = tableHeight;
+  let headerHeight = 0;
+  if (headerElem) {
+    headerHeight = headerElem.clientHeight;
+    $xeTable.$nextTick(() => {
+      // 检测是否同步滚动
+      if (headerElem && bodyElem && headerElem.scrollLeft !== bodyElem.scrollLeft) {
+        headerElem.scrollLeft = bodyElem.scrollLeft;
+      }
+    });
+  }
+  internalData.headerHeight = headerHeight;
+  let overflowX = false;
+  let footerHeight = 0;
+  let scrollbarHeight = 0;
+  if (footerElem) {
+    footerHeight = footerElem.offsetHeight;
+    overflowX = tableWidth > footerElem.clientWidth;
+    scrollbarHeight = Math.max(footerHeight - footerElem.clientHeight, 0);
+  } else {
+    overflowX = tableWidth > bodyWidth;
+    scrollbarHeight = Math.max(tableHeight - bodyElem.clientHeight, 0);
+  }
+  internalData.footerHeight = footerHeight;
+  reactData.overflowX = overflowX;
+  reactData.scrollbarHeight = scrollbarHeight;
+  updateHeight($xeTable);
+  reactData.parentHeight = Math.max(internalData.headerHeight + footerHeight + 20, $xeTable.getParentHeight());
+  if (overflowX) {
+    $xeTable.checkScrolling();
+  }
+}
 // const updateCellOffset = ($xeTable: VxeTableConstructor) => {
 //   const internalData = $xeTable as unknown as TableInternalData
 //   const { chTimeout, chRunTime } = internalData
@@ -5405,7 +5736,7 @@ function updateRowDropOrigin($xeTable, row) {
     });
   }
 }
-const updateRowDropTipContent = ($xeTable, tdEl) => {
+function updateRowDropTipContent($xeTable, tdEl) {
   const reactData = $xeTable;
   const props = $xeTable;
   const {
@@ -5428,8 +5759,8 @@ const updateRowDropTipContent = ($xeTable, tdEl) => {
     tipContent = methods_getI18n('vxe.table.dragTip', [tdEl.textContent || '']);
   }
   reactData.dragTipText = tipContent;
-};
-const updateColDropOrigin = ($xeTable, column) => {
+}
+function updateColDropOrigin($xeTable, column) {
   const el = $xeTable.$el;
   if (el) {
     const colQuerys = [];
@@ -5441,8 +5772,8 @@ const updateColDropOrigin = ($xeTable, column) => {
       addClass(elem, clss);
     });
   }
-};
-const clearColDropOrigin = $xeTable => {
+}
+function clearColDropOrigin($xeTable) {
   const el = $xeTable.$el;
   if (el) {
     const clss = 'col--drag-origin';
@@ -5451,8 +5782,8 @@ const clearColDropOrigin = $xeTable => {
       removeClass(elem, clss);
     });
   }
-};
-const updateColDropTipContent = ($xeTable, tdEl) => {
+}
+function updateColDropTipContent($xeTable, tdEl) {
   const reactData = $xeTable;
   const {
     dragCol
@@ -5470,7 +5801,7 @@ const updateColDropTipContent = ($xeTable, tdEl) => {
     tipContent = methods_getI18n('vxe.table.dragTip', [tdEl.textContent || '']);
   }
   reactData.dragTipText = tipContent;
-};
+}
 function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
   const reactData = $xeTable;
   const internalData = $xeTable;
@@ -5553,7 +5884,7 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
     rdTipEl.setAttribute('drag-status', showLine ? prevDragToChild ? 'sub' : 'normal' : 'disabled');
   }
 }
-const hideDropTip = $xeTable => {
+function hideDropTip($xeTable) {
   const rdTipEl = $xeTable.$refs.refDragTipElem;
   const rdLineEl = $xeTable.$refs.refDragRowLineElem;
   const cdLineEl = $xeTable.$refs.refDragColLineElem;
@@ -5566,8 +5897,8 @@ const hideDropTip = $xeTable => {
   if (cdLineEl) {
     cdLineEl.style.display = '';
   }
-};
-const handleScrollToRowColumn = ($xeTable, fieldOrColumn, row) => {
+}
+function handleScrollToRowColumn($xeTable, fieldOrColumn, row) {
   const internalData = $xeTable;
   const {
     fullColumnIdData
@@ -5577,7 +5908,61 @@ const handleScrollToRowColumn = ($xeTable, fieldOrColumn, row) => {
     return colToVisible($xeTable, column, row);
   }
   return $xeTable.$nextTick();
-};
+}
+// 计算可视渲染相关数据
+function computeScrollLoad($xeTable) {
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  return $xeTable.$nextTick().then(() => {
+    const {
+      scrollXLoad,
+      scrollYLoad
+    } = reactData;
+    const {
+      scrollXStore,
+      scrollYStore
+    } = internalData;
+    const sYOpts = $xeTable.computeSYOpts;
+    const sXOpts = $xeTable.computeSXOpts;
+    // 计算 X 逻辑
+    if (scrollXLoad) {
+      const {
+        visibleSize: visibleXSize
+      } = handleVirtualXVisible($xeTable);
+      const offsetXSize = Math.max(0, sXOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sXOpts.oSize) : browse.edge ? 5 : 0);
+      scrollXStore.offsetSize = offsetXSize;
+      scrollXStore.visibleSize = visibleXSize;
+      scrollXStore.endIndex = Math.max(scrollXStore.startIndex + scrollXStore.visibleSize + offsetXSize, scrollXStore.endIndex);
+      $xeTable.updateScrollXData().then(() => {
+        loadScrollXData($xeTable);
+      });
+    } else {
+      $xeTable.updateScrollXSpace();
+    }
+    calcCellHeight($xeTable);
+    // 计算 Y 逻辑
+    const rowHeight = computeRowHeight($xeTable);
+    scrollYStore.rowHeight = rowHeight;
+    reactData.rowHeight = rowHeight;
+    const {
+      visibleSize: visibleYSize
+    } = handleVirtualYVisible($xeTable);
+    if (scrollYLoad) {
+      const offsetYSize = Math.max(0, sYOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sYOpts.oSize) : browse.edge ? 10 : 0);
+      scrollYStore.offsetSize = offsetYSize;
+      scrollYStore.visibleSize = visibleYSize;
+      scrollYStore.endIndex = Math.max(scrollYStore.startIndex + visibleYSize + offsetYSize, scrollYStore.endIndex);
+      $xeTable.updateScrollYData().then(() => {
+        loadScrollYData($xeTable);
+      });
+    } else {
+      $xeTable.updateScrollYSpace();
+    }
+    $xeTable.$nextTick(() => {
+      $xeTable.updateStyle();
+    });
+  });
+}
 function handleRecalculateLayout($xeTable, reFull) {
   const internalData = $xeTable;
   const el = $xeTable.$refs.refElem;
@@ -5585,18 +5970,99 @@ function handleRecalculateLayout($xeTable, reFull) {
   if (!el || !el.clientWidth) {
     return $xeTable.$nextTick();
   }
-  $xeTable.calcCellWidth();
-  $xeTable.autoCellWidth();
-  return $xeTable.computeScrollLoad().then(() => {
+  calcCellWidth($xeTable);
+  autoCellWidth($xeTable);
+  return computeScrollLoad($xeTable).then(() => {
     if (reFull === true) {
       // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
       calcCellHeight($xeTable);
-      $xeTable.calcCellWidth();
-      $xeTable.autoCellWidth();
-      return $xeTable.computeScrollLoad();
+      calcCellWidth($xeTable);
+      autoCellWidth($xeTable);
+      return computeScrollLoad($xeTable);
     }
   });
 }
+function loadScrollXData($xeTable) {
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const {
+    mergeList,
+    mergeFooterList
+  } = reactData;
+  const {
+    scrollXStore
+  } = internalData;
+  const {
+    startIndex,
+    endIndex,
+    offsetSize
+  } = scrollXStore;
+  const {
+    toVisibleIndex,
+    visibleSize
+  } = handleVirtualXVisible($xeTable);
+  const offsetItem = {
+    startIndex: Math.max(0, toVisibleIndex - 1 - offsetSize),
+    endIndex: toVisibleIndex + visibleSize + offsetSize
+  };
+  calculateMergerOffsetIndex(mergeList.concat(mergeFooterList), offsetItem, 'col');
+  const {
+    startIndex: offsetStartIndex,
+    endIndex: offsetEndIndex
+  } = offsetItem;
+  if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
+    if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
+      scrollXStore.startIndex = offsetStartIndex;
+      scrollXStore.endIndex = offsetEndIndex;
+      $xeTable.updateScrollXData();
+    }
+  }
+  $xeTable.closeTooltip();
+}
+/**
+ * 纵向 Y 可视渲染处理
+ */
+function loadScrollYData($xeTable) {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const {
+    showOverflow
+  } = props;
+  const {
+    mergeList
+  } = reactData;
+  const {
+    tableHeight,
+    scrollYStore
+  } = internalData;
+  const {
+    startIndex,
+    endIndex,
+    offsetSize
+  } = scrollYStore;
+  const offsetYSize = showOverflow ? offsetSize : offsetSize + Math.min(8, Math.ceil(tableHeight / 200));
+  const {
+    toVisibleIndex,
+    visibleSize
+  } = handleVirtualYVisible($xeTable);
+  const offsetItem = {
+    startIndex: Math.max(0, toVisibleIndex - 1 - offsetYSize),
+    endIndex: toVisibleIndex + visibleSize + offsetYSize
+  };
+  calculateMergerOffsetIndex(mergeList, offsetItem, 'row');
+  const {
+    startIndex: offsetStartIndex,
+    endIndex: offsetEndIndex
+  } = offsetItem;
+  if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
+    if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
+      scrollYStore.startIndex = offsetStartIndex;
+      scrollYStore.endIndex = offsetEndIndex;
+      $xeTable.updateScrollYData();
+    }
+  }
+}
 function checkLastSyncScroll($xeTable, isRollX, isRollY) {
   const reactData = $xeTable;
   const internalData = $xeTable;
@@ -5618,17 +6084,77 @@ function checkLastSyncScroll($xeTable, isRollX, isRollY) {
     internalData.inFooterScroll = false;
     if (isRollX && scrollXLoad) {
       $xeTable.updateScrollXData().then(() => {
-        $xeTable.loadScrollXData();
+        loadScrollXData($xeTable);
       });
     }
     if (isRollY && scrollYLoad) {
       $xeTable.updateScrollYData().then(() => {
-        $xeTable.loadScrollYData();
+        loadScrollYData($xeTable);
       });
     }
     $xeTable.updateCellAreas();
   }, 200);
 }
+function updateHeight($xeTable) {
+  const internalData = $xeTable;
+  internalData.customHeight = calcTableHeight($xeTable, 'height');
+  internalData.customMinHeight = calcTableHeight($xeTable, 'minHeight');
+  internalData.customMaxHeight = calcTableHeight($xeTable, 'maxHeight');
+}
+function calcColumnAutoWidth(column, wrapperEl) {
+  const cellElList = wrapperEl.querySelectorAll(`.vxe-header--column.${column.id}>.vxe-cell,.vxe-body--column.${column.id}>.vxe-cell,.vxe-footer--column.${column.id}>.vxe-cell`);
+  const firstCellEl = cellElList[0];
+  let paddingSize = 0;
+  if (firstCellEl) {
+    const cellStyle = getComputedStyle(firstCellEl);
+    paddingSize = Math.floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingLeft) + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingRight)) + 2;
+  }
+  let colWidth = column.renderAutoWidth - paddingSize;
+  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(cellElList, itemEl => {
+    const cellEl = itemEl;
+    const thElem = cellEl.parentElement;
+    let titleWidth = 0;
+    if (`${thElem.tagName}`.toLowerCase() === 'th') {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(cellEl.children, btnEl => {
+        titleWidth += btnEl.offsetWidth + 1;
+      });
+    } else {
+      const labelEl = cellEl.firstElementChild;
+      if (labelEl) {
+        titleWidth = labelEl.offsetWidth;
+      }
+    }
+    if (titleWidth) {
+      colWidth = Math.max(colWidth, Math.ceil(titleWidth) + 4);
+    }
+  });
+  return colWidth + paddingSize;
+}
+function calcCellWidth($xeTable) {
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const autoWidthColumnList = $xeTable.computeAutoWidthColumnList;
+  reactData.isCalcColumn = true;
+  return $xeTable.$nextTick().then(() => {
+    const {
+      fullColumnIdData
+    } = internalData;
+    const el = $xeTable.$refs.refElem;
+    if (el) {
+      autoWidthColumnList.forEach(column => {
+        const colid = column.id;
+        const colRest = fullColumnIdData[colid];
+        const colWidth = calcColumnAutoWidth(column, el);
+        if (colRest) {
+          colRest.width = Math.max(colWidth, colRest.width);
+        }
+        column.renderAutoWidth = colWidth;
+      });
+      $xeTable.analyColumnWidth();
+    }
+    reactData.isCalcColumn = false;
+  });
+}
 const Methods = {
   callSlot(slotFunc, params, h, vNodes) {
     if (slotFunc) {
@@ -5875,10 +6401,10 @@ const Methods = {
     this.handleTableData(true);
     this.updateFooter();
     return this.$nextTick().then(() => {
-      this.updateHeight();
+      updateHeight($xeTable);
       this.updateStyle();
     }).then(() => {
-      this.computeScrollLoad();
+      computeScrollLoad($xeTable);
     }).then(() => {
       // 是否启用了虚拟滚动
       if (sYLoad) {
@@ -6028,10 +6554,10 @@ const Methods = {
     this.initColumnSort();
     return Promise.resolve(this.restoreCustomStorage()).then(() => {
       this._isLoading = false;
-      this.cacheColumnMap();
+      cacheColumnMap($xeTable);
       this.parseColumns(true).then(() => {
         if (this.scrollXLoad) {
-          this.loadScrollXData(true);
+          loadScrollXData($xeTable);
         }
       });
       this.clearMergeCells();
@@ -6217,143 +6743,6 @@ const Methods = {
       return rows;
     });
   },
-  /**
-   * 更新数据列的 Map
-   * 牺牲数据组装的耗时，用来换取使用过程中的流畅
-   */
-  cacheColumnMap() {
-    const $xeTable = this;
-    const props = $xeTable;
-    const reactData = $xeTable;
-    const internalData = $xeTable;
-    const {
-      tableFullColumn,
-      collectColumn
-    } = internalData;
-    const fullColumnIdData = internalData.fullColumnIdData = {};
-    const fullColumnFieldData = internalData.fullColumnFieldData = {};
-    const mouseOpts = $xeTable.computeMouseOpts;
-    const columnOpts = $xeTable.computeColumnOpts;
-    const columnDragOpts = $xeTable.computeColumnDragOpts;
-    const {
-      isCrossDrag,
-      isSelfToChildDrag
-    } = columnDragOpts;
-    const rowOpts = $xeTable.computeRowOpts;
-    const isGroup = collectColumn.some(hasChildrenList);
-    let isAllOverflow = !!props.showOverflow;
-    let expandColumn;
-    let treeNodeColumn;
-    let checkboxColumn;
-    let radioColumn;
-    let htmlColumn;
-    let hasFixed;
-    const handleFunc = (column, index, items, path, parentColumn) => {
-      const {
-        id: colid,
-        field,
-        fixed,
-        type,
-        treeNode
-      } = column;
-      const rest = {
-        $index: -1,
-        _index: -1,
-        column,
-        colid,
-        index,
-        items,
-        parent: parentColumn || null,
-        width: 0
-      };
-      if (field) {
-        if (fullColumnFieldData[field]) {
-          errLog('vxe.error.colRepet', ['field', field]);
-        }
-        fullColumnFieldData[field] = rest;
-      } else {
-        if (isCrossDrag || isSelfToChildDrag) {
-          errLog('vxe.error.emptyProp', ['column.field']);
-        }
-      }
-      if (!hasFixed && fixed) {
-        hasFixed = fixed;
-      }
-      if (!htmlColumn && type === 'html') {
-        htmlColumn = column;
-      }
-      if (treeNode) {
-        if (true) {
-          if (treeNodeColumn) {
-            warnLog('vxe.error.colRepet', ['tree-node', treeNode]);
-          }
-        }
-        if (!treeNodeColumn) {
-          treeNodeColumn = column;
-        }
-      } else if (type === 'expand') {
-        if (true) {
-          if (expandColumn) {
-            warnLog('vxe.error.colRepet', ['type', type]);
-          }
-        }
-        if (!expandColumn) {
-          expandColumn = column;
-        }
-      }
-      if (true) {
-        if (type === 'checkbox') {
-          if (checkboxColumn) {
-            warnLog('vxe.error.colRepet', ['type', type]);
-          }
-          if (!checkboxColumn) {
-            checkboxColumn = column;
-          }
-        } else if (type === 'radio') {
-          if (radioColumn) {
-            warnLog('vxe.error.colRepet', ['type', type]);
-          }
-          if (!radioColumn) {
-            radioColumn = column;
-          }
-        }
-      }
-      if (isAllOverflow && column.showOverflow === false) {
-        isAllOverflow = false;
-      }
-      if (fullColumnIdData[colid]) {
-        errLog('vxe.error.colRepet', ['colId', colid]);
-      }
-      fullColumnIdData[colid] = rest;
-    };
-    if (isGroup) {
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, (column, index, items, path, parentColumn, nodes) => {
-        column.level = nodes.length;
-        handleFunc(column, index, items, path, parentColumn);
-      });
-    } else {
-      tableFullColumn.forEach(handleFunc);
-    }
-    if (true) {
-      if (expandColumn && mouseOpts.area) {
-        errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
-      }
-    }
-    if (true) {
-      if (htmlColumn) {
-        if (!columnOpts.useKey) {
-          errLog('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
-        }
-        if (!rowOpts.useKey) {
-          errLog('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
-        }
-      }
-    }
-    reactData.isGroup = isGroup;
-    reactData.treeNodeColumn = treeNodeColumn;
-    reactData.expandColumn = expandColumn;
-    reactData.isAllOverflow = isAllOverflow;
-  },
   /**
    * 根据 tr 元素获取对应的 row 信息
    * @param {Element} tr 元素
@@ -8120,6 +8509,43 @@ const Methods = {
       remainList
     });
   },
+  handleResizeDblclickEvent(evnt, params) {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const resizableOpts = $xeTable.computeResizableOpts;
+    const {
+      isDblclickAutoWidth
+    } = resizableOpts;
+    const el = $xeTable.$refs.refElem;
+    if (isDblclickAutoWidth && el) {
+      const {
+        fullColumnIdData
+      } = internalData;
+      const {
+        column
+      } = params;
+      const colid = column.id;
+      const colRest = fullColumnIdData[colid];
+      let resizeWidth = calcColumnAutoWidth(column, el);
+      if (colRest) {
+        resizeWidth = Math.max(resizeWidth, colRest.width);
+      }
+      column.resizeWidth = resizeWidth;
+      reactData._isResize = false;
+      internalData._lastResizeTime = Date.now();
+      $xeTable.analyColumnWidth();
+      $xeTable.recalculate(true).then(() => {
+        $xeTable.saveCustomStore('update:visible');
+        $xeTable.updateCellAreas();
+        $xeTable.dispatchEvent('resizable-change', {
+          ...params,
+          resizeWidth
+        }, evnt);
+        setTimeout(() => $xeTable.recalculate(true), 300);
+      });
+    }
+  },
   /**
    * 刷新滚动操作，手动同步滚动相关位置（对于某些特殊的操作，比如滚动条错位、固定列不同步）
    */
@@ -8174,7 +8600,7 @@ const Methods = {
       const refreshDelay = resizeOpts.refreshDelay || 20;
       const el = $xeTable.$refs.refElem;
       if (el && el.clientWidth) {
-        $xeTable.autoCellWidth();
+        autoCellWidth($xeTable);
       }
       if (rceTimeout) {
         clearTimeout(rceTimeout);
@@ -8194,216 +8620,6 @@ const Methods = {
       }, refreshDelay);
     });
   },
-  calcCellWidth() {
-    const $xeTable = this;
-    const {
-      autoWidthColumnList
-    } = this;
-    this.isCalcColumn = true;
-    return this.$nextTick().then(() => {
-      const internalData = $xeTable;
-      const {
-        fullColumnIdData
-      } = internalData;
-      const el = this.$el;
-      if (el) {
-        autoWidthColumnList.forEach(column => {
-          const colid = column.id;
-          const colRest = fullColumnIdData[colid];
-          const cellElList = el.querySelectorAll(`.vxe-header--column.${column.id}>.vxe-cell,.vxe-body--column.${column.id}>.vxe-cell,.vxe-footer--column.${column.id}>.vxe-cell`);
-          const firstCellEl = cellElList[0];
-          let paddingSize = 0;
-          if (firstCellEl) {
-            const cellStyle = getComputedStyle(firstCellEl);
-            paddingSize = Math.floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingLeft) + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingRight)) + 2;
-          }
-          let colWidth = column.renderAutoWidth - paddingSize;
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(cellElList, itemEl => {
-            const cellEl = itemEl;
-            const thElem = cellEl.parentElement;
-            let titleWidth = 0;
-            if (`${thElem.tagName}`.toLowerCase() === 'th') {
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(cellEl.children, btnEl => {
-                titleWidth += btnEl.offsetWidth + 1;
-              });
-            } else {
-              const labelEl = cellEl.firstElementChild;
-              if (labelEl) {
-                titleWidth = labelEl.offsetWidth;
-              }
-            }
-            if (titleWidth) {
-              colWidth = Math.max(colWidth, Math.ceil(titleWidth) + 4);
-            }
-          });
-          if (colRest) {
-            colRest.width = Math.max(colWidth, colRest.width);
-          }
-          column.renderAutoWidth = colWidth + paddingSize;
-        });
-        this.analyColumnWidth();
-      }
-      this.isCalcColumn = false;
-    });
-  },
-  /**
-   * 列宽算法，计算单元格列宽，动态分配可用剩余空间
-   * 支持 px、%、固定 混合分配
-   * 支持动态列表调整分配
-   * 支持自动分配偏移量
-   * 支持 width=60 width=60px width=10% min-width=60 min-width=60px min-width=10%
-   */
-  autoCellWidth() {
-    const {
-      $refs
-    } = this;
-    const {
-      tableBody,
-      tableHeader,
-      tableFooter
-    } = $refs;
-    const bodyElem = tableBody ? tableBody.$el : null;
-    const headerElem = tableHeader ? tableHeader.$el : null;
-    const footerElem = tableFooter ? tableFooter.$el : null;
-    let tableWidth = 0;
-    const minCellWidth = 40; // 列宽最少限制 40px
-    const bodyWidth = bodyElem.clientWidth - 1;
-    let remainWidth = bodyWidth;
-    let meanWidth = remainWidth / 100;
-    const {
-      fit,
-      columnStore
-    } = this;
-    const {
-      resizeList,
-      pxMinList,
-      pxList,
-      autoMinList,
-      scaleList,
-      scaleMinList,
-      autoList,
-      remainList
-    } = columnStore;
-    // 最小宽
-    pxMinList.forEach(column => {
-      const minWidth = parseInt(column.minWidth);
-      tableWidth += minWidth;
-      column.renderWidth = minWidth;
-    });
-    // 最小自适应
-    autoMinList.forEach(column => {
-      const scaleWidth = Math.max(60, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.renderAutoWidth));
-      tableWidth += scaleWidth;
-      column.renderWidth = scaleWidth;
-    });
-    // 最小百分比
-    scaleMinList.forEach(column => {
-      const scaleWidth = Math.floor(parseInt(column.minWidth) * meanWidth);
-      tableWidth += scaleWidth;
-      column.renderWidth = scaleWidth;
-    });
-    // 固定百分比
-    scaleList.forEach(column => {
-      const scaleWidth = Math.floor(parseInt(column.width) * meanWidth);
-      tableWidth += scaleWidth;
-      column.renderWidth = scaleWidth;
-    });
-    // 固定宽
-    pxList.forEach(column => {
-      const width = parseInt(column.width);
-      tableWidth += width;
-      column.renderWidth = width;
-    });
-    // 自适应宽
-    autoList.forEach(column => {
-      const width = Math.max(60, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(column.renderAutoWidth));
-      tableWidth += width;
-      column.renderWidth = width;
-    });
-    // 调整了列宽
-    resizeList.forEach(column => {
-      const width = parseInt(column.resizeWidth);
-      tableWidth += width;
-      column.renderWidth = width;
-    });
-    remainWidth -= tableWidth;
-    meanWidth = remainWidth > 0 ? Math.floor(remainWidth / (scaleMinList.length + pxMinList.length + autoMinList.length + remainList.length)) : 0;
-    if (fit) {
-      if (remainWidth > 0) {
-        scaleMinList.concat(pxMinList).concat(autoMinList).forEach(column => {
-          tableWidth += meanWidth;
-          column.renderWidth += meanWidth;
-        });
-      }
-    } else {
-      meanWidth = minCellWidth;
-    }
-    // 剩余均分
-    remainList.forEach(column => {
-      const width = Math.max(meanWidth, minCellWidth);
-      column.renderWidth = width;
-      tableWidth += width;
-    });
-    if (fit) {
-      /**
-       * 偏移量算法
-       * 如果所有列足够放的情况下，从最后动态列开始分配
-       */
-      const dynamicList = scaleList.concat(scaleMinList).concat(pxMinList).concat(autoMinList).concat(remainList);
-      let dynamicSize = dynamicList.length - 1;
-      if (dynamicSize > 0) {
-        let odiffer = bodyWidth - tableWidth;
-        if (odiffer > 0) {
-          while (odiffer > 0 && dynamicSize >= 0) {
-            odiffer--;
-            dynamicList[dynamicSize--].renderWidth++;
-          }
-          tableWidth = bodyWidth;
-        }
-      }
-    }
-    const tableHeight = bodyElem.offsetHeight;
-    const overflowY = bodyElem.scrollHeight > bodyElem.clientHeight;
-    this.scrollbarWidth = overflowY ? bodyElem.offsetWidth - bodyElem.clientWidth : 0;
-    this.overflowY = overflowY;
-    this.tableWidth = tableWidth;
-    this.tableHeight = tableHeight;
-    if (headerElem) {
-      this.headerHeight = headerElem.clientHeight;
-      this.$nextTick(() => {
-        // 检测是否同步滚动
-        if (headerElem && bodyElem && headerElem.scrollLeft !== bodyElem.scrollLeft) {
-          headerElem.scrollLeft = bodyElem.scrollLeft;
-        }
-      });
-    } else {
-      this.headerHeight = 0;
-    }
-    let overflowX = false;
-    let footerHeight = 0;
-    let scrollbarHeight = 0;
-    if (footerElem) {
-      footerHeight = footerElem.offsetHeight;
-      overflowX = tableWidth > footerElem.clientWidth;
-      scrollbarHeight = Math.max(footerHeight - footerElem.clientHeight, 0);
-    } else {
-      overflowX = tableWidth > bodyWidth;
-      scrollbarHeight = Math.max(tableHeight - bodyElem.clientHeight, 0);
-    }
-    this.footerHeight = footerHeight;
-    this.overflowX = tableWidth > bodyWidth;
-    this.scrollbarHeight = scrollbarHeight;
-    this.updateHeight();
-    this.parentHeight = Math.max(this.headerHeight + this.footerHeight + 20, this.getParentHeight());
-    if (overflowX) {
-      this.checkScrolling();
-    }
-  },
-  updateHeight() {
-    this.customHeight = calcTableHeight(this, 'height');
-    this.customMinHeight = calcTableHeight(this, 'minHeight');
-    this.customMaxHeight = calcTableHeight(this, 'maxHeight');
-  },
   updateStyle() {
     const $xeTable = this;
     let {
@@ -11334,6 +11550,7 @@ const Methods = {
             oldRow: dragRow,
             newRow: prevDragRow,
             dragPos: prevDragPos,
+            dragToChild: isSelfToChildDrag,
             offsetIndex: dragOffsetIndex,
             _index: {
               newIndex: nafIndex,
@@ -11621,6 +11838,7 @@ const Methods = {
             oldColumn,
             newColumn,
             dragPos: prevDragPos,
+            dragToChild: isSelfToChildDrag,
             offsetIndex: dragOffsetIndex,
             _index: {
               newIndex: nafIndex,
@@ -11656,7 +11874,7 @@ const Methods = {
     setTimeout(() => {
       reactData.isDragColMove = false;
       $xeTable.recalculate().then(() => {
-        $xeTable.loadScrollXData();
+        loadScrollXData($xeTable);
       });
     }, 500);
   },
@@ -12881,44 +13099,6 @@ const Methods = {
       scrollLeft: bodyElem.scrollLeft
     };
   },
-  loadScrollXData() {
-    const $xeTable = this;
-    const reactData = $xeTable;
-    const internalData = $xeTable;
-    const {
-      mergeList,
-      mergeFooterList
-    } = reactData;
-    const {
-      scrollXStore
-    } = internalData;
-    const {
-      startIndex,
-      endIndex,
-      offsetSize
-    } = scrollXStore;
-    const {
-      toVisibleIndex,
-      visibleSize
-    } = handleVirtualXVisible($xeTable);
-    const offsetItem = {
-      startIndex: Math.max(0, toVisibleIndex - 1 - offsetSize),
-      endIndex: toVisibleIndex + visibleSize + offsetSize
-    };
-    calculateMergerOffsetIndex(mergeList.concat(mergeFooterList), offsetItem, 'col');
-    const {
-      startIndex: offsetStartIndex,
-      endIndex: offsetEndIndex
-    } = offsetItem;
-    if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
-      if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
-        scrollXStore.startIndex = offsetStartIndex;
-        scrollXStore.endIndex = offsetEndIndex;
-        $xeTable.updateScrollXData();
-      }
-    }
-    $xeTable.closeTooltip();
-  },
   handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, params) {
     const $xeTable = this;
     const props = $xeTable;
@@ -13039,12 +13219,12 @@ const Methods = {
     }
     if (!lxRunTime || lxRunTime + fpsTime < Date.now()) {
       internalData.lxRunTime = Date.now();
-      $xeTable.loadScrollXData();
+      loadScrollXData($xeTable);
     }
     internalData.lxTimeout = setTimeout(() => {
       internalData.lxTimeout = undefined;
       internalData.lxRunTime = undefined;
-      $xeTable.loadScrollXData();
+      loadScrollXData($xeTable);
     }, fpsTime);
   },
   lazyScrollYData() {
@@ -13064,12 +13244,12 @@ const Methods = {
     }
     if (!lyRunTime || lyRunTime + fpsTime < Date.now()) {
       internalData.lyRunTime = Date.now();
-      $xeTable.loadScrollYData();
+      loadScrollYData($xeTable);
     }
     internalData.lyTimeout = setTimeout(() => {
       internalData.lyTimeout = undefined;
       internalData.lyRunTime = undefined;
-      $xeTable.loadScrollYData();
+      loadScrollYData($xeTable);
     }, fpsTime);
   },
   /**
@@ -13079,7 +13259,7 @@ const Methods = {
     const $xeTable = this;
     const sXOpts = $xeTable.computeSXOpts;
     if (sXOpts.immediate) {
-      $xeTable.loadScrollXData();
+      loadScrollXData($xeTable);
     } else {
       $xeTable.lazyScrollXData();
     }
@@ -13091,7 +13271,7 @@ const Methods = {
     const $xeTable = this;
     const sYOpts = $xeTable.computeSYOpts;
     if (sYOpts.immediate) {
-      $xeTable.loadScrollYData();
+      loadScrollYData($xeTable);
     } else {
       $xeTable.lazyScrollYData();
     }
@@ -13186,100 +13366,6 @@ const Methods = {
       fixed: ''
     });
   },
-  /**
-   * 纵向 Y 可视渲染处理
-   */
-  loadScrollYData() {
-    const $xeTable = this;
-    const props = $xeTable;
-    const reactData = $xeTable;
-    const internalData = $xeTable;
-    const {
-      showOverflow
-    } = props;
-    const {
-      mergeList
-    } = reactData;
-    const {
-      tableHeight,
-      scrollYStore
-    } = internalData;
-    const {
-      startIndex,
-      endIndex,
-      offsetSize
-    } = scrollYStore;
-    const offsetYSize = showOverflow ? offsetSize : offsetSize + Math.min(8, Math.ceil(tableHeight / 200));
-    const {
-      toVisibleIndex,
-      visibleSize
-    } = handleVirtualYVisible($xeTable);
-    const offsetItem = {
-      startIndex: Math.max(0, toVisibleIndex - 1 - offsetYSize),
-      endIndex: toVisibleIndex + visibleSize + offsetYSize
-    };
-    calculateMergerOffsetIndex(mergeList, offsetItem, 'row');
-    const {
-      startIndex: offsetStartIndex,
-      endIndex: offsetEndIndex
-    } = offsetItem;
-    if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
-      if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
-        scrollYStore.startIndex = offsetStartIndex;
-        scrollYStore.endIndex = offsetEndIndex;
-        $xeTable.updateScrollYData();
-      }
-    }
-  },
-  // 计算可视渲染相关数据
-  computeScrollLoad() {
-    const $xeTable = this;
-    return this.$nextTick().then(() => {
-      const {
-        sYOpts,
-        sXOpts,
-        scrollXLoad,
-        scrollYLoad,
-        scrollXStore,
-        scrollYStore
-      } = this;
-      // 计算 X 逻辑
-      if (scrollXLoad) {
-        const {
-          visibleSize: visibleXSize
-        } = handleVirtualXVisible($xeTable);
-        const offsetXSize = Math.max(0, sXOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sXOpts.oSize) : browse.edge ? 5 : 0);
-        scrollXStore.offsetSize = offsetXSize;
-        scrollXStore.visibleSize = visibleXSize;
-        scrollXStore.endIndex = Math.max(scrollXStore.startIndex + scrollXStore.visibleSize + offsetXSize, scrollXStore.endIndex);
-        $xeTable.updateScrollXData().then(() => {
-          $xeTable.loadScrollXData();
-        });
-      } else {
-        $xeTable.updateScrollXSpace();
-      }
-      calcCellHeight(this);
-      // 计算 Y 逻辑
-      const rowHeight = computeRowHeight(this);
-      scrollYStore.rowHeight = rowHeight;
-      this.rowHeight = rowHeight;
-      const {
-        visibleSize: visibleYSize
-      } = handleVirtualYVisible($xeTable);
-      if (scrollYLoad) {
-        const offsetYSize = Math.max(0, sYOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sYOpts.oSize) : browse.edge ? 10 : 0);
-        scrollYStore.offsetSize = offsetYSize;
-        scrollYStore.visibleSize = visibleYSize;
-        scrollYStore.endIndex = Math.max(scrollYStore.startIndex + visibleYSize + offsetYSize, scrollYStore.endIndex);
-        $xeTable.updateScrollYData().then(() => {
-          $xeTable.loadScrollYData();
-        });
-      } else {
-        $xeTable.updateScrollYSpace();
-      }
-      $xeTable.$nextTick(this.updateStyle);
-    });
-  },
   handleTableColumn() {
     const {
       scrollXLoad,
@@ -13304,7 +13390,7 @@ const Methods = {
     internalData.collectColumn = columnList;
     const tableFullColumn = getColumnList(columnList);
     internalData.tableFullColumn = tableFullColumn;
-    $xeTable.cacheColumnMap();
+    cacheColumnMap($xeTable);
   },
   updateScrollXData() {
     const $xeTable = this;
@@ -14923,6 +15009,7 @@ function renderRows(h, _vm, $xeTable, fixedType, tableData, tableColumn) {
 
 
 const {
+  getI18n: header_getI18n,
   renderer: header_renderer,
   renderEmptyElement: header_renderEmptyElement
 } = core_.VxeUI;
@@ -15060,7 +15147,8 @@ const header_renderRows = (h, _vm, cols, $rowIndex) => {
         'is--line': !border || border === 'none'
       }],
       on: {
-        mousedown: evnt => _vm.resizeMousedown(evnt, params)
+        mousedown: evnt => _vm.resizeMousedownEvent(evnt, params),
+        dblclick: evnt => $xeTable.handleResizeDblclickEvent(evnt, params)
       }
     }) : null]);
   }).concat(scrollbarWidth ? [h('th', {
@@ -15302,7 +15390,7 @@ function renderHeads(h, _vm, headerGroups) {
       } = this;
       this.headerColumn = $xetable.isGroup ? convertHeaderColumnToRows(this.tableGroupColumn) : [];
     },
-    resizeMousedown(evnt, params) {
+    resizeMousedownEvent(evnt, params) {
       const $xeTable = this.$parent;
       const tableInternalData = $xeTable;
       const {
@@ -15325,17 +15413,20 @@ function renderHeads(h, _vm, headerGroups) {
       const resizeTipElem = $xetable.$refs.refCellResizeTip;
       const wrapperElem = this.$el;
       const {
-        target: dragBtnElem,
         clientX: dragClientX
       } = evnt;
-      const cell = params.cell = dragBtnElem.parentNode;
+      const dragBtnElem = evnt.target;
+      const cell = dragBtnElem.parentNode;
+      const cellParams = Object.assign(params, {
+        cell
+      });
       const resizableOpts = $xeTable.computeResizableOpts;
       let dragLeft = 0;
       const tableBodyElem = tableBody.$el;
       const pos = getOffsetPos(dragBtnElem, tableEl);
       const dragBtnWidth = dragBtnElem.clientWidth;
       const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
-      const minInterval = getColReMinWidth(params) - dragBtnOffsetWidth; // 列之间的最小间距
+      const minInterval = getColReMinWidth(cellParams) - dragBtnOffsetWidth; // 列之间的最小间距
       let dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
       let dragPosLeft = pos.left + dragBtnOffsetWidth;
       const domMousemove = document.onmousemove;
@@ -15394,7 +15485,7 @@ function renderHeads(h, _vm, headerGroups) {
           }
           resizeTipElem.style.left = `${resizeTipLeft}px`;
           resizeTipElem.style.top = `${Math.min(tableEl.clientHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`;
-          resizeTipElem.textContent = `${column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)}px`;
+          resizeTipElem.textContent = header_getI18n('vxe.table.resizeColTip', [column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)]);
         }
       };
       $xetable._isResize = true;
@@ -24176,7 +24267,7 @@ function handleUupdateResize(_vm) {
     computeCustomOpts() {
       return Object.assign({}, table_getConfig().table.customConfig, this.customConfig);
     },
-    autoWidthColumnList() {
+    computeAutoWidthColumnList() {
       const {
         tableColumn,
         visibleColumn
@@ -28623,7 +28714,8 @@ const Toolbar = VxeToolbar;
       customCancel: '取消',
       customRestore: '恢复默认',
       maxFixedCol: '最大冻结列的数量不能超过 {0} 个',
-      dragTip: '移动：{0}'
+      dragTip: '移动：{0}',
+      resizeColTip: '{0} 像素'
     },
     grid: {
       selectOneRecord: '请至少选择一条记录！',