vxe-table 3.12.10-beta.2 → 3.12.10-beta.21

package/lib/table/src/methods.js

@@ -264,7 +264,7 @@ function cacheColumnMap($xeTable) {
       }
       fullColumnFieldData[field] = rest;
     } else {
-      if (storage || columnOpts.drag && (isCrossDrag || isSelfToChildDrag)) {
+      if (storage && !type || columnOpts.drag && (isCrossDrag || isSelfToChildDrag)) {
         (0, _log.errLog)('vxe.error.reqProp', [`${column.getTitle() || type || ''} -> column.field`]);
       }
     }
@@ -364,6 +364,102 @@ const updateScrollYStatus = ($xeTable, fullData) => {
   reactData.scrollYLoad = scrollYLoad;
   return scrollYLoad;
 };
+function updateAfterListIndex($xeTable) {
+  const internalData = $xeTable;
+  const {
+    afterFullData,
+    fullDataRowIdData,
+    fullAllDataRowIdData
+  } = internalData;
+  const fullMaps = {};
+  afterFullData.forEach((row, index) => {
+    const rowid = (0, _util.getRowid)($xeTable, row);
+    const rowRest = fullAllDataRowIdData[rowid];
+    const seq = index + 1;
+    if (rowRest) {
+      rowRest.seq = seq;
+      rowRest._index = index;
+    } else {
+      const rest = {
+        row,
+        rowid,
+        seq,
+        index: -1,
+        $index: -1,
+        _index: index,
+        treeIndex: -1,
+        items: [],
+        parent: null,
+        level: 0,
+        height: 0,
+        resizeHeight: 0,
+        oTop: 0
+      };
+      fullAllDataRowIdData[rowid] = rest;
+      fullDataRowIdData[rowid] = rest;
+    }
+    fullMaps[rowid] = row;
+  });
+  internalData.afterFullRowMaps = fullMaps;
+}
+/**
+ * 预编译
+ * 对渲染中的数据提前解析序号及索引。牺牲提前编译耗时换取渲染中额外损耗，使运行时更加流畅
+ */
+function updateAfterDataIndex($xeTable) {
+  const props = $xeTable;
+  const internalData = $xeTable;
+  const {
+    treeConfig
+  } = props;
+  const {
+    fullDataRowIdData,
+    fullAllDataRowIdData,
+    afterTreeFullData
+  } = internalData;
+  const treeOpts = $xeTable.computeTreeOpts;
+  const {
+    transform
+  } = treeOpts;
+  const childrenField = treeOpts.children || treeOpts.childrenField;
+  const fullMaps = {};
+  if (treeConfig) {
+    _xeUtils.default.eachTree(afterTreeFullData, (row, index, items, path) => {
+      const rowid = (0, _util.getRowid)($xeTable, row);
+      const rowRest = fullAllDataRowIdData[rowid];
+      const seq = path.map((num, i) => i % 2 === 0 ? Number(num) + 1 : '.').join('');
+      if (rowRest) {
+        rowRest.seq = seq;
+        rowRest.treeIndex = index;
+      } else {
+        const rest = {
+          row,
+          rowid,
+          seq,
+          index: -1,
+          $index: -1,
+          _index: -1,
+          treeIndex: -1,
+          items: [],
+          parent: null,
+          level: 0,
+          height: 0,
+          resizeHeight: 0,
+          oTop: 0
+        };
+        fullAllDataRowIdData[rowid] = rest;
+        fullDataRowIdData[rowid] = rest;
+      }
+      fullMaps[rowid] = row;
+    }, {
+      children: transform ? treeOpts.mapChildrenField : childrenField
+    });
+    internalData.afterFullRowMaps = fullMaps;
+    updateAfterListIndex($xeTable);
+  } else {
+    updateAfterListIndex($xeTable);
+  }
+}
 /**
  * 如果为虚拟树，将树结构拍平
  * @returns
@@ -425,7 +521,9 @@ function updateStyle($xeTable) {
     tableColumn,
     scrollXLoad,
     scrollYLoad,
+    overflowX,
     scrollbarWidth,
+    overflowY,
     scrollbarHeight,
     columnStore,
     editStore,
@@ -449,6 +547,8 @@ function updateStyle($xeTable) {
     return;
   }
   const containerList = ['main', 'left', 'right'];
+  const osbWidth = overflowY ? scrollbarWidth : 0;
+  const osbHeight = overflowX ? scrollbarHeight : 0;
   const emptyPlaceholderElem = $xeTable.$refs.refEmptyPlaceholder;
   const cellOffsetWidth = $xeTable.computeCellOffsetWidth;
   const mouseOpts = $xeTable.computeMouseOpts;
@@ -456,16 +556,16 @@ function updateStyle($xeTable) {
   const bodyTableElem = (0, _util.getRefElem)(elemStore['main-body-table']);
   if (emptyPlaceholderElem) {
     emptyPlaceholderElem.style.top = `${headerHeight}px`;
-    emptyPlaceholderElem.style.height = bodyWrapperElem ? `${bodyWrapperElem.offsetHeight - scrollbarHeight}px` : '';
+    emptyPlaceholderElem.style.height = bodyWrapperElem ? `${bodyWrapperElem.offsetHeight - osbHeight}px` : '';
   }
   let bodyHeight = 0;
   let bodyMaxHeight = 0;
-  const bodyMinHeight = customMinHeight - headerHeight - footerHeight - scrollbarHeight;
+  const bodyMinHeight = customMinHeight - headerHeight - footerHeight - osbHeight;
   if (customMaxHeight) {
-    bodyMaxHeight = Math.max(bodyMinHeight, customMaxHeight - headerHeight - footerHeight - scrollbarHeight);
+    bodyMaxHeight = Math.max(bodyMinHeight, customMaxHeight - headerHeight - footerHeight - osbHeight);
   }
   if (customHeight) {
-    bodyHeight = customHeight - headerHeight - footerHeight - scrollbarHeight;
+    bodyHeight = customHeight - headerHeight - footerHeight - osbHeight;
   }
   if (!bodyHeight) {
     if (bodyTableElem) {
@@ -478,35 +578,42 @@ function updateStyle($xeTable) {
     }
     bodyHeight = Math.max(bodyMinHeight, bodyHeight);
   }
+  const xLeftCornerEl = $xeTable.$refs.refScrollXLeftCornerElem;
+  const xRightCornerEl = $xeTable.$refs.refScrollXRightCornerElem;
+  const scrollbarXToTop = $xeTable.computeScrollbarXToTop;
   const scrollXVirtualEl = $xeTable.$refs.refScrollXVirtualElem;
   if (scrollXVirtualEl) {
-    scrollXVirtualEl.style.height = `${scrollbarHeight}px`;
-    scrollXVirtualEl.style.visibility = scrollbarHeight ? 'visible' : 'hidden';
+    scrollXVirtualEl.style.height = `${osbHeight}px`;
+    scrollXVirtualEl.style.visibility = overflowX ? 'visible' : 'hidden';
   }
-  const xHandleEl = $xeTable.$refs.refScrollXHandleElem;
-  if (xHandleEl) {
-    xHandleEl.style.width = `${el.clientWidth - scrollbarWidth}px`;
+  const xWrapperEl = $xeTable.$refs.refScrollXWrapperElem;
+  if (xWrapperEl) {
+    xWrapperEl.style.left = scrollbarXToTop ? `${osbWidth}px` : '';
+    xWrapperEl.style.width = `${el.clientWidth - osbWidth}px`;
+  }
+  if (xLeftCornerEl) {
+    xLeftCornerEl.style.width = scrollbarXToTop ? `${osbWidth}px` : '';
+    xLeftCornerEl.style.display = scrollbarXToTop ? osbWidth && osbHeight ? 'block' : '' : '';
   }
-  const xRightCornerEl = $xeTable.$refs.refScrollXRightCornerElem;
   if (xRightCornerEl) {
-    xRightCornerEl.style.width = `${scrollbarWidth}px`;
-    xRightCornerEl.style.display = scrollbarWidth && scrollbarHeight ? 'block' : '';
+    xRightCornerEl.style.width = scrollbarXToTop ? '' : `${osbWidth}px`;
+    xRightCornerEl.style.display = scrollbarXToTop ? '' : osbWidth && osbHeight ? 'block' : '';
   }
   const scrollYVirtualEl = $xeTable.$refs.refScrollYVirtualElem;
   if (scrollYVirtualEl) {
-    scrollYVirtualEl.style.width = `${scrollbarWidth}px`;
+    scrollYVirtualEl.style.width = `${osbWidth}px`;
     scrollYVirtualEl.style.height = `${bodyHeight + headerHeight + footerHeight}px`;
-    scrollYVirtualEl.style.visibility = scrollbarWidth ? 'visible' : 'hidden';
+    scrollYVirtualEl.style.visibility = overflowY ? 'visible' : 'hidden';
   }
   const yTopCornerEl = $xeTable.$refs.refScrollYTopCornerElem;
   if (yTopCornerEl) {
     yTopCornerEl.style.height = `${headerHeight}px`;
     yTopCornerEl.style.display = headerHeight ? 'block' : '';
   }
-  const yHandleEl = $xeTable.$refs.refScrollYHandleElem;
-  if (yHandleEl) {
-    yHandleEl.style.height = `${bodyHeight}px`;
-    yHandleEl.style.top = `${headerHeight}px`;
+  const yWrapperEl = $xeTable.$refs.refScrollYWrapperElem;
+  if (yWrapperEl) {
+    yWrapperEl.style.height = `${bodyHeight}px`;
+    yWrapperEl.style.top = `${headerHeight}px`;
   }
   const yBottomCornerEl = $xeTable.$refs.refScrollYBottomCornerElem;
   if (yBottomCornerEl) {
@@ -615,7 +722,7 @@ function updateStyle($xeTable) {
           if (wrapperElem) {
             wrapperElem.style.top = `${headerHeight}px`;
           }
-          fixedWrapperElem.style.height = `${customHeight > 0 ? customHeight : tableHeight + headerHeight + footerHeight + scrollbarHeight}px`;
+          fixedWrapperElem.style.height = `${customHeight > 0 ? customHeight : tableHeight + headerHeight + footerHeight + osbHeight}px`;
           fixedWrapperElem.style.width = `${fixedColumn.reduce((previous, column) => previous + column.renderWidth, 0)}px`;
         }
         let tWidth = tableWidth;
@@ -644,7 +751,7 @@ function updateStyle($xeTable) {
         if (tableElem) {
           tableElem.style.width = tWidth ? `${tWidth}px` : '';
           // 兼容性处理
-          tableElem.style.paddingRight = scrollbarWidth && fixedType && (_dom.browse['-moz'] || _dom.browse.safari) ? `${scrollbarWidth}px` : '';
+          tableElem.style.paddingRight = osbWidth && fixedType && (_dom.browse['-moz'] || _dom.browse.safari) ? `${osbWidth}px` : '';
         }
         const emptyBlockElem = (0, _util.getRefElem)(elemStore[`${name}-${layout}-emptyBlock`]);
         if (emptyBlockElem) {
@@ -679,7 +786,7 @@ function updateStyle($xeTable) {
           // 如果是固定列
           if (fixedWrapperElem) {
             if (wrapperElem) {
-              wrapperElem.style.top = `${customHeight > 0 ? customHeight - footerHeight - scrollbarHeight : tableHeight + headerHeight}px`;
+              wrapperElem.style.top = `${customHeight > 0 ? customHeight - footerHeight - osbHeight : tableHeight + headerHeight}px`;
             }
           }
         }
@@ -750,62 +857,69 @@ function updateStyle($xeTable) {
   return $xeTable.$nextTick();
 }
 function computeRowHeight($xeTable) {
+  const props = $xeTable;
+  const {
+    showOverflow
+  } = props;
   const tableHeader = $xeTable.$refs.refTableHeader;
   const tableBody = $xeTable.$refs.refTableBody;
   const tableBodyElem = tableBody ? tableBody.$el : null;
   const defaultRowHeight = $xeTable.computeDefaultRowHeight;
   let rowHeight = 0;
-  if (tableBodyElem) {
-    const tableHeaderElem = tableHeader ? tableHeader.$el : null;
-    let firstTrElem;
-    firstTrElem = tableBodyElem.querySelector('tr');
-    if (!firstTrElem && tableHeaderElem) {
-      firstTrElem = tableHeaderElem.querySelector('tr');
+  if (showOverflow) {
+    if (tableBodyElem) {
+      const tableHeaderElem = tableHeader ? tableHeader.$el : null;
+      let firstTrElem;
+      firstTrElem = tableBodyElem.querySelector('tr');
+      if (!firstTrElem && tableHeaderElem) {
+        firstTrElem = tableHeaderElem.querySelector('tr');
+      }
+      if (firstTrElem) {
+        rowHeight = firstTrElem.clientHeight;
+      }
     }
-    if (firstTrElem) {
-      rowHeight = firstTrElem.clientHeight;
+    if (!rowHeight) {
+      rowHeight = defaultRowHeight;
     }
-  }
-  if (!rowHeight) {
+  } else {
     rowHeight = defaultRowHeight;
   }
   // 最低支持 18px 行高
   return Math.max(18, rowHeight);
 }
-function handleVirtualYVisible($xeTable) {
+function handleVirtualYVisible($xeTable, currScrollTop) {
   const props = $xeTable;
-  const reactData = $xeTable;
   const internalData = $xeTable;
   const {
     showOverflow
   } = props;
-  const {
-    rowHeight
-  } = reactData;
   const {
     elemStore,
+    isResizeCellHeight,
     afterFullData,
     fullAllDataRowIdData
   } = internalData;
+  const rowOpts = $xeTable.computeRowOpts;
+  const cellOpts = $xeTable.computeCellOpts;
+  const defaultRowHeight = $xeTable.computeDefaultRowHeight;
   const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
   if (bodyScrollElem) {
-    const {
-      scrollTop,
-      clientHeight
-    } = bodyScrollElem;
+    const clientHeight = bodyScrollElem.clientHeight;
+    const scrollTop = _xeUtils.default.isNumber(currScrollTop) ? currScrollTop : bodyScrollElem.scrollTop;
     const endHeight = scrollTop + clientHeight;
     let toVisibleIndex = -1;
     let offsetTop = 0;
     let visibleSize = 0;
-    if (showOverflow) {
-      toVisibleIndex = Math.floor(scrollTop / rowHeight);
-      visibleSize = Math.ceil(clientHeight / rowHeight) + 1;
+    const isCustomCellHeight = isResizeCellHeight || cellOpts.height || rowOpts.height;
+    if (!isCustomCellHeight && showOverflow) {
+      toVisibleIndex = Math.floor(scrollTop / defaultRowHeight);
+      visibleSize = Math.ceil(clientHeight / defaultRowHeight) + 1;
     } else {
       for (let rIndex = 0, rLen = afterFullData.length; rIndex < rLen; rIndex++) {
         const row = afterFullData[rIndex];
         const rowid = (0, _util.getRowid)($xeTable, row);
         const rowRest = fullAllDataRowIdData[rowid];
-        offsetTop += rowRest ? rowRest.height || rowHeight : rowHeight;
+        offsetTop += rowRest ? rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight : defaultRowHeight;
         if (toVisibleIndex === -1 && scrollTop < offsetTop) {
           toVisibleIndex = rIndex;
         }
@@ -1093,7 +1207,7 @@ function autoCellWidth($xeTable) {
   }
   const tableHeight = bodyElem.offsetHeight;
   const overflowY = yHandleEl.scrollHeight > yHandleEl.clientHeight;
-  reactData.scrollbarWidth = overflowY ? Math.max(scrollbarOpts.width || 0, yHandleEl.offsetWidth - yHandleEl.clientWidth) : 0;
+  reactData.scrollbarWidth = Math.max(scrollbarOpts.width || 0, yHandleEl.offsetWidth - yHandleEl.clientWidth);
   reactData.overflowY = overflowY;
   internalData.tableWidth = tableWidth;
   internalData.tableHeight = tableHeight;
@@ -1102,7 +1216,7 @@ function autoCellWidth($xeTable) {
   const headerHeight = headerTableElem ? headerTableElem.clientHeight : 0;
   const overflowX = tableWidth > bodyWidth;
   const footerHeight = footerTableElem ? footerTableElem.clientHeight : 0;
-  reactData.scrollbarHeight = overflowX ? Math.max(scrollbarOpts.height || 0, xHandleEl.offsetHeight - xHandleEl.clientHeight) : 0;
+  reactData.scrollbarHeight = Math.max(scrollbarOpts.height || 0, xHandleEl.offsetHeight - xHandleEl.clientHeight);
   internalData.headerHeight = headerHeight;
   internalData.footerHeight = footerHeight;
   reactData.overflowX = overflowX;
@@ -1112,20 +1226,22 @@ function autoCellWidth($xeTable) {
     $xeTable.checkScrolling();
   }
 }
-// const updateCellOffset = ($xeTable: VxeTableConstructor) => {
-//   const internalData = $xeTable as unknown as TableInternalData
-//   const { chTimeout, chRunTime } = internalData
-//   if (chTimeout) {
-//     clearTimeout(chTimeout)
-//   }
-//   if (!chRunTime || chRunTime + 10 < Date.now()) {
-//     internalData.chRunTime = Date.now()
-//   }
-//   internalData.chTimeout = setTimeout(() => {
-//     internalData.chRunTime = undefined
-//     internalData.chTimeout = undefined
-//   }, 80)
-// }
+const calcCellAutoHeight = (rowRest, wrapperEl) => {
+  const cellElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[rowid="${rowRest.rowid}"]`);
+  let topBottomPadding = 0;
+  const firstCellEl = cellElemList[0];
+  if (firstCellEl && firstCellEl.parentElement) {
+    const cellStyle = getComputedStyle(firstCellEl.parentElement);
+    topBottomPadding = Math.ceil(_xeUtils.default.toNumber(cellStyle.paddingTop) + _xeUtils.default.toNumber(cellStyle.paddingBottom));
+  }
+  let colHeight = rowRest.height - topBottomPadding;
+  for (let i = 0; i < cellElemList.length; i++) {
+    const cellElem = cellElemList[i];
+    const cellHeight = cellElem ? cellElem.clientHeight : 0;
+    colHeight = Math.max(colHeight, Math.ceil(cellHeight));
+  }
+  return colHeight + topBottomPadding;
+};
 const calcCellHeight = $xeTable => {
   const props = $xeTable;
   const reactData = $xeTable;
@@ -1135,45 +1251,25 @@ const calcCellHeight = $xeTable => {
   } = props;
   const {
     tableData,
+    scrollYLoad,
     scrollXLoad
   } = reactData;
   const {
     fullAllDataRowIdData
   } = internalData;
+  const defaultRowHeight = $xeTable.computeDefaultRowHeight;
   const el = $xeTable.$refs.refElem;
-  if (!showOverflow && el) {
-    let paddingTop = 0;
-    let paddingBottom = 0;
-    let calcPadding = false;
+  if (!showOverflow && scrollYLoad && el) {
     tableData.forEach(row => {
       const rowid = (0, _util.getRowid)($xeTable, row);
       const rowRest = fullAllDataRowIdData[rowid];
-      const cellList = el.querySelectorAll(`.vxe-body--row[rowid="${rowid}"]>.vxe-body--column>.vxe-cell`);
-      if (rowRest && cellList.length) {
-        let height = 0;
-        for (let i = 0; i < cellList.length; i++) {
-          const cellElem = cellList[i];
-          const tdEl = cellElem.parentElement;
-          if (!tdEl || !tdEl.clientWidth) {
-            break;
-          }
-          if (!calcPadding) {
-            paddingTop = _xeUtils.default.toNumber(getComputedStyle(tdEl).paddingTop);
-            paddingBottom = _xeUtils.default.toNumber(getComputedStyle(tdEl).paddingBottom);
-            calcPadding = true;
-          }
-          let cellHeight = paddingTop + paddingBottom;
-          if (cellElem) {
-            cellHeight += cellElem.clientHeight;
-          }
-          height = Math.max(height, cellHeight);
-        }
-        rowRest.height = scrollXLoad ? Math.max(rowRest.height, height) : height;
+      if (rowRest) {
+        const height = calcCellAutoHeight(rowRest, el);
+        rowRest.height = Math.max(defaultRowHeight, scrollXLoad ? Math.max(rowRest.height, height) : height);
       }
     });
-    reactData.isCalcCellHeight++;
+    reactData.calcCellHeightFlag++;
   }
-  // updateCellOffset()
 };
 function getOrderField(_vm, column) {
   const {
@@ -1200,6 +1296,18 @@ function getOrderField(_vm, column) {
     return cellValue;
   };
 }
+function handleTargetEnterEvent($xeTable, isClear) {
+  const internalData = $xeTable;
+  const $tooltip = $xeTable.$refs.refTooltip;
+  clearTimeout(internalData.tooltipTimeout);
+  if (isClear) {
+    $xeTable.closeTooltip();
+  } else {
+    if ($tooltip && $tooltip.setActived) {
+      $tooltip.setActived(true);
+    }
+  }
+}
 function clearDragStatus($xeTable) {
   const reactData = $xeTable;
   const {
@@ -1310,29 +1418,35 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
     return;
   }
   const {
+    overflowX,
     scrollbarWidth,
+    overflowY,
     scrollbarHeight
   } = reactData;
   const {
     prevDragToChild
   } = internalData;
   const wrapperRect = el.getBoundingClientRect();
+  const osbWidth = overflowY ? scrollbarWidth : 0;
+  const osbHeight = overflowX ? scrollbarHeight : 0;
   const tableWidth = el.clientWidth;
   const tableHeight = el.clientHeight;
   if (trEl) {
     const rdLineEl = $xeTable.$refs.refDragRowLineElem;
     if (rdLineEl) {
       if (showLine) {
+        const scrollbarYToLeft = $xeTable.computeScrollbarYToLeft;
         const trRect = trEl.getBoundingClientRect();
         let trHeight = trEl.clientHeight;
         const offsetTop = Math.max(1, trRect.y - wrapperRect.y);
-        if (offsetTop + trHeight > tableHeight - scrollbarHeight) {
-          trHeight = tableHeight - offsetTop - scrollbarHeight;
+        if (offsetTop + trHeight > tableHeight - osbHeight) {
+          trHeight = tableHeight - offsetTop - osbHeight;
         }
         rdLineEl.style.display = 'block';
+        rdLineEl.style.left = `${scrollbarYToLeft ? osbWidth : 0}px`;
         rdLineEl.style.top = `${offsetTop}px`;
         rdLineEl.style.height = `${trHeight}px`;
-        rdLineEl.style.width = `${tableWidth - scrollbarWidth}px`;
+        rdLineEl.style.width = `${tableWidth - osbWidth}px`;
         rdLineEl.setAttribute('drag-pos', dragPos);
         rdLineEl.setAttribute('drag-to-child', prevDragToChild ? 'y' : 'n');
       } else {
@@ -1343,6 +1457,7 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
     const cdLineEl = $xeTable.$refs.refDragColLineElem;
     if (cdLineEl) {
       if (showLine) {
+        const scrollbarXToTop = $xeTable.computeScrollbarXToTop;
         const leftContainerElem = $xeTable.$refs.refLeftContainer;
         const leftContainerWidth = leftContainerElem ? leftContainerElem.clientWidth : 0;
         const rightContainerElem = $xeTable.$refs.refRightContainer;
@@ -1356,7 +1471,7 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
           thWidth -= startX - offsetLeft;
           offsetLeft = startX;
         }
-        const endX = tableWidth - rightContainerWidth - (rightContainerWidth ? 0 : scrollbarWidth);
+        const endX = tableWidth - rightContainerWidth - (rightContainerWidth ? 0 : osbWidth);
         if (offsetLeft + thWidth > endX) {
           thWidth = endX - offsetLeft;
         }
@@ -1367,7 +1482,7 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
         if (prevDragToChild) {
           cdLineEl.style.height = `${thRect.height}px`;
         } else {
-          cdLineEl.style.height = `${tableHeight - offsetTop - scrollbarHeight}px`;
+          cdLineEl.style.height = `${tableHeight - offsetTop - (scrollbarXToTop ? 0 : osbHeight)}px`;
         }
         cdLineEl.setAttribute('drag-pos', dragPos);
         cdLineEl.setAttribute('drag-to-child', prevDragToChild ? 'y' : 'n');
@@ -1398,6 +1513,49 @@ function hideDropTip($xeTable) {
     cdLineEl.style.display = '';
   }
 }
+/**
+ * 处理显示 tooltip
+ * @param {Event} evnt 事件
+ * @param {Row} row 行对象
+ */
+function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
+  const reactData = $xeTable;
+  if (!overflowElem) {
+    return $xeTable.$nextTick();
+  }
+  params.cell = tdEl;
+  const {
+    tooltipStore
+  } = reactData;
+  const tooltipOpts = $xeTable.computeTooltipOpts;
+  const {
+    column,
+    row
+  } = params;
+  const {
+    showAll,
+    contentMethod
+  } = tooltipOpts;
+  const customContent = contentMethod ? contentMethod(params) : null;
+  const useCustom = contentMethod && !_xeUtils.default.eqNull(customContent);
+  const content = useCustom ? customContent : _xeUtils.default.toString(column.type === 'html' ? overflowElem.innerText : overflowElem.textContent).trim();
+  const isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
+  if (content && (showAll || useCustom || isCellOverflow)) {
+    Object.assign(tooltipStore, {
+      row,
+      column,
+      visible: true,
+      currOpts: {}
+    });
+    $xeTable.$nextTick(() => {
+      const $tooltip = $xeTable.$refs.refTooltip;
+      if ($tooltip && $tooltip.open) {
+        $tooltip.open(isCellOverflow ? overflowElem : tipElem || overflowElem, (0, _utils.formatText)(content));
+      }
+    });
+  }
+  return $xeTable.$nextTick();
+}
 function handleScrollToRowColumn($xeTable, fieldOrColumn, row) {
   const internalData = $xeTable;
   const {
@@ -1422,16 +1580,16 @@ function computeScrollLoad($xeTable) {
       scrollXStore,
       scrollYStore
     } = internalData;
-    const sYOpts = $xeTable.computeSYOpts;
-    const sXOpts = $xeTable.computeSXOpts;
+    const virtualYOpts = $xeTable.computeVirtualYOpts;
+    const virtualXOpts = $xeTable.computeVirtualXOpts;
     // 计算 X 逻辑
     if (scrollXLoad) {
       const {
         toVisibleIndex: toXVisibleIndex,
         visibleSize: visibleXSize
       } = handleVirtualXVisible($xeTable);
-      const offsetXSize = Math.max(0, sXOpts.oSize ? _xeUtils.default.toNumber(sXOpts.oSize) : 0);
-      scrollXStore.preloadSize = 4;
+      const offsetXSize = Math.max(0, virtualXOpts.oSize ? _xeUtils.default.toNumber(virtualXOpts.oSize) : 0);
+      scrollXStore.preloadSize = _xeUtils.default.toNumber(virtualXOpts.preSize);
       scrollXStore.offsetSize = offsetXSize;
       scrollXStore.visibleSize = visibleXSize;
       scrollXStore.endIndex = Math.max(scrollXStore.startIndex + scrollXStore.visibleSize + offsetXSize, scrollXStore.endIndex);
@@ -1443,7 +1601,6 @@ function computeScrollLoad($xeTable) {
     } else {
       $xeTable.updateScrollXSpace();
     }
-    calcCellHeight($xeTable);
     // 计算 Y 逻辑
     const rowHeight = computeRowHeight($xeTable);
     scrollYStore.rowHeight = rowHeight;
@@ -1453,8 +1610,8 @@ function computeScrollLoad($xeTable) {
       visibleSize: visibleYSize
     } = handleVirtualYVisible($xeTable);
     if (scrollYLoad) {
-      const offsetYSize = Math.max(0, sYOpts.oSize ? _xeUtils.default.toNumber(sYOpts.oSize) : 0);
-      scrollYStore.preloadSize = 2;
+      const offsetYSize = Math.max(0, virtualYOpts.oSize ? _xeUtils.default.toNumber(virtualYOpts.oSize) : 0);
+      scrollYStore.preloadSize = _xeUtils.default.toNumber(virtualYOpts.preSize);
       scrollYStore.offsetSize = offsetYSize;
       scrollYStore.visibleSize = visibleYSize;
       scrollYStore.endIndex = Math.max(scrollYStore.startIndex + visibleYSize + offsetYSize, scrollYStore.endIndex);
@@ -1480,12 +1637,14 @@ function handleRecalculateLayout($xeTable, reFull) {
   }
   calcCellWidth($xeTable);
   autoCellWidth($xeTable);
+  updateStyle($xeTable);
   return computeScrollLoad($xeTable).then(() => {
     if (reFull === true) {
       // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
       calcCellHeight($xeTable);
       calcCellWidth($xeTable);
       autoCellWidth($xeTable);
+      updateStyle($xeTable);
       return computeScrollLoad($xeTable);
     }
   });
@@ -1764,7 +1923,7 @@ function handleColumn($xeTable, collectColumn) {
 /**
  * 纵向 Y 可视渲染处理
  */
-function loadScrollYData($xeTable) {
+function loadScrollYData($xeTable, scrollTop) {
   const props = $xeTable;
   const reactData = $xeTable;
   const internalData = $xeTable;
@@ -1787,7 +1946,7 @@ function loadScrollYData($xeTable) {
   const {
     toVisibleIndex,
     visibleSize
-  } = handleVirtualYVisible($xeTable);
+  } = handleVirtualYVisible($xeTable, scrollTop);
   const offsetItem = {
     startIndex: Math.max(0, toVisibleIndex - 1 - offsetSize - preloadSize),
     endIndex: toVisibleIndex + visibleSize + autoOffsetYSize + preloadSize
@@ -1807,6 +1966,54 @@ function loadScrollYData($xeTable) {
     }
   }
 }
+function lazyScrollXData($xeTable) {
+  const internalData = $xeTable;
+  const {
+    lxTimeout,
+    lxRunTime,
+    scrollXStore
+  } = internalData;
+  const {
+    visibleSize
+  } = scrollXStore;
+  const fpsTime = Math.max(5, Math.min(10, Math.floor(visibleSize / 3)));
+  if (lxTimeout) {
+    clearTimeout(lxTimeout);
+  }
+  if (!lxRunTime || lxRunTime + fpsTime < Date.now()) {
+    internalData.lxRunTime = Date.now();
+    loadScrollXData($xeTable);
+  }
+  internalData.lxTimeout = setTimeout(() => {
+    internalData.lxTimeout = undefined;
+    internalData.lxRunTime = undefined;
+    loadScrollXData($xeTable);
+  }, fpsTime);
+}
+function lazyScrollYData($xeTable) {
+  const internalData = $xeTable;
+  const {
+    lyTimeout,
+    lyRunTime,
+    scrollYStore
+  } = internalData;
+  const {
+    visibleSize
+  } = scrollYStore;
+  const fpsTime = Math.floor(Math.max(4, Math.min(10, visibleSize / 3)));
+  if (lyTimeout) {
+    clearTimeout(lyTimeout);
+  }
+  if (!lyRunTime || lyRunTime + fpsTime < Date.now()) {
+    internalData.lyRunTime = Date.now();
+    loadScrollYData($xeTable);
+  }
+  internalData.lyTimeout = setTimeout(() => {
+    internalData.lyTimeout = undefined;
+    internalData.lyRunTime = undefined;
+    loadScrollYData($xeTable);
+  }, fpsTime);
+}
 function checkLastSyncScroll($xeTable, isRollX, isRollY) {
   const reactData = $xeTable;
   const internalData = $xeTable;
@@ -1823,27 +2030,63 @@ function checkLastSyncScroll($xeTable, isRollX, isRollY) {
   internalData.lcsTimeout = setTimeout(() => {
     internalData.lcsRunTime = Date.now();
     internalData.lcsTimeout = undefined;
+    internalData.intoRunScroll = false;
     internalData.inVirtualScroll = false;
     internalData.inWheelScroll = false;
     internalData.inHeaderScroll = false;
     internalData.inBodyScroll = false;
     internalData.inFooterScroll = false;
     internalData.scrollRenderType = '';
+    calcCellHeight($xeTable);
     if (isRollX && scrollXLoad) {
-      $xeTable.updateScrollXData().then(() => {
-        calcCellHeight($xeTable);
-        loadScrollXData($xeTable);
-      });
+      $xeTable.updateScrollXData();
     }
     if (isRollY && scrollYLoad) {
       $xeTable.updateScrollYData().then(() => {
         calcCellHeight($xeTable);
-        loadScrollYData($xeTable);
+        $xeTable.updateScrollYSpace();
       });
     }
     $xeTable.updateCellAreas();
   }, 200);
 }
+const getWheelSpeed = lastScrollTime => {
+  let multiple = 1;
+  const currTime = Date.now();
+  if (lastScrollTime + 25 > currTime) {
+    multiple = 1.18;
+  } else if (lastScrollTime + 30 > currTime) {
+    multiple = 1.15;
+  } else if (lastScrollTime + 40 > currTime) {
+    multiple = 1.12;
+  } else if (lastScrollTime + 55 > currTime) {
+    multiple = 1.09;
+  } else if (lastScrollTime + 75 > currTime) {
+    multiple = 1.06;
+  } else if (lastScrollTime + 100 > currTime) {
+    multiple = 1.03;
+  }
+  return multiple;
+};
+const wheelScrollTo = (diffNum, cb) => {
+  const duration = Math.abs(diffNum);
+  const startTime = performance.now();
+  let countTop = 0;
+  const step = timestamp => {
+    let progress = (timestamp - startTime) / duration;
+    if (progress > 1) {
+      progress = 1;
+    }
+    const easedProgress = Math.pow(progress, 2);
+    const offsetTop = Math.floor(diffNum * easedProgress) - countTop;
+    countTop += offsetTop;
+    cb(offsetTop);
+    if (progress < 1) {
+      requestAnimationFrame(step);
+    }
+  };
+  requestAnimationFrame(step);
+};
 function updateHeight($xeTable) {
   const internalData = $xeTable;
   internalData.customHeight = calcTableHeight($xeTable, 'height');
@@ -1851,59 +2094,62 @@ function updateHeight($xeTable) {
   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(_xeUtils.default.toNumber(cellStyle.paddingLeft) + _xeUtils.default.toNumber(cellStyle.paddingRight)) + 2;
+  const cellElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[colid="${column.id}"]`);
+  let leftRightPadding = 0;
+  const firstCellEl = cellElemList[0];
+  if (firstCellEl && firstCellEl.parentElement) {
+    const cellStyle = getComputedStyle(firstCellEl.parentElement);
+    leftRightPadding = Math.ceil(_xeUtils.default.toNumber(cellStyle.paddingLeft) + _xeUtils.default.toNumber(cellStyle.paddingRight));
   }
-  let colWidth = column.renderAutoWidth - paddingSize;
-  _xeUtils.default.arrayEach(cellElList, itemEl => {
-    const cellEl = itemEl;
-    const thElem = cellEl.parentElement;
-    let titleWidth = 0;
-    if (`${thElem.tagName}`.toLowerCase() === 'th') {
-      _xeUtils.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;
+  let colWidth = column.renderAutoWidth - leftRightPadding;
+  for (let i = 0; i < cellElemList.length; i++) {
+    const celEl = cellElemList[i];
+    colWidth = Math.max(colWidth, celEl ? Math.ceil(celEl.scrollWidth) + 4 : 0);
+  }
+  return colWidth + leftRightPadding;
 }
 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 {
+    fullColumnIdData
+  } = internalData;
+  const el = $xeTable.$refs.refElem;
+  if (el) {
+    el.setAttribute('data-calc-col', 'Y');
+    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();
+    el.removeAttribute('data-calc-col');
+  }
 }
+const handleUpdateColResize = ($xeTable, evnt, params) => {
+  $xeTable.analyColumnWidth();
+  $xeTable.recalculate(true).then(() => {
+    $xeTable.saveCustomStore('update:width');
+    $xeTable.updateCellAreas();
+    $xeTable.dispatchEvent('column-resizable-change', params, evnt);
+    // 已废弃 resizable-change
+    $xeTable.dispatchEvent('resizable-change', params, evnt);
+    setTimeout(() => $xeTable.recalculate(true), 300);
+  });
+};
+const handleUpdateRowResize = ($xeTable, evnt, params) => {
+  const reactData = $xeTable;
+  reactData.resizeHeightFlag++;
+  $xeTable.recalculate(true).then(() => {
+    $xeTable.updateCellAreas();
+    $xeTable.dispatchEvent('row-resizable-change', params, evnt);
+    setTimeout(() => $xeTable.recalculate(true), 300);
+  });
+};
 const Methods = {
   callSlot(slotFunc, params, h, vNodes) {
     if (slotFunc) {
@@ -1968,7 +2214,7 @@ const Methods = {
     (0, _log.warnLog)('vxe.error.delFunc', ['syncData', 'getData']);
     return this.$nextTick().then(() => {
       this.tableData = [];
-      return this.$nextTick().then(() => this.loadTableData(this.tableFullData));
+      return this.$nextTick().then(() => this.loadTableData(this.tableFullData, true));
     });
   },
   /**
@@ -2030,8 +2276,9 @@ const Methods = {
    * 加载表格数据
    * @param {Array} datas 数据
    */
-  loadTableData(datas) {
+  loadTableData(datas, isReset) {
     const $xeTable = this;
+    const internalData = $xeTable;
     const {
       keepSource,
       showOverflow,
@@ -2099,9 +2346,12 @@ const Methods = {
     this.tableFullData = fullData;
     this.tableFullTreeData = treeData;
     // 缓存数据
-    this.cacheRowMap(true);
+    this.cacheRowMap(isReset, true);
     // 原始数据
     this.tableSynchData = datas;
+    if (isReset) {
+      internalData.isResizeCellHeight = false;
+    }
     // 克隆原数据，用于显示编辑状态，与编辑值做对比
     if (keepSource) {
       this.cacheSourceMap(fullData);
@@ -2158,6 +2408,7 @@ const Methods = {
           if (sYOpts.scrollToTopOnChange) {
             targetScrollTop = 0;
           }
+          calcCellHeight($xeTable);
           // 是否变更虚拟滚动
           if (oldScrollYLoad === sYLoad) {
             (0, _util.restoreScrollLocation)(this, targetScrollLeft, targetScrollTop).then(() => {
@@ -2182,7 +2433,7 @@ const Methods = {
     const {
       initStatus
     } = this;
-    return this.loadTableData(datas).then(() => {
+    return this.loadTableData(datas, false).then(() => {
       this.inited = true;
       this.initStatus = true;
       if (!initStatus) {
@@ -2199,7 +2450,7 @@ const Methods = {
     return this.clearAll().then(() => {
       this.inited = true;
       this.initStatus = true;
-      return this.loadTableData(datas);
+      return this.loadTableData(datas, true);
     }).then(() => {
       this.handleLoadDefaults();
       return this.recalculate();
@@ -2280,9 +2531,8 @@ const Methods = {
   },
   /**
    * 更新数据行的 Map
-   * 牺牲数据组装的耗时，用来换取使用过程中的流畅
    */
-  cacheRowMap(isSource) {
+  cacheRowMap(isReset, isSource) {
     const {
       treeConfig,
       treeOpts,
@@ -2308,7 +2558,7 @@ const Methods = {
         row[childrenField] = null;
       }
       let cacheItem = fullAllDataRowIdData[rowid];
-      if (!cacheItem) {
+      if (isReset || !cacheItem) {
         cacheItem = {
           row,
           rowid,
@@ -2316,10 +2566,12 @@ const Methods = {
           index: -1,
           _index: -1,
           $index: -1,
+          treeIndex: index,
           items,
           parent: parentRow,
           level,
           height: 0,
+          resizeHeight: 0,
           oTop: 0
         };
       }
@@ -2420,10 +2672,12 @@ const Methods = {
           index,
           _index: -1,
           $index: -1,
+          treeIndex: -1,
           items,
           parent: parentRow,
           level: parentLevel + nodes.length,
           height: 0,
+          resizeHeight: 0,
           oTop: 0
         };
         fullDataRowIdData[rowid] = rest;
@@ -2435,7 +2689,7 @@ const Methods = {
       if (transform) {
         row[mapChildrenField] = _xeUtils.default.clone(rows, false);
       }
-      this.updateAfterDataIndex();
+      updateAfterDataIndex($xeTable);
       return rows;
     });
   },
@@ -2816,20 +3070,38 @@ const Methods = {
     return this.$nextTick();
   },
   getCellElement(row, fieldOrColumn) {
-    const column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
+    const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      elemStore
+    } = internalData;
+    const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
     if (!column) {
       return null;
     }
-    const {
-      $refs
-    } = this;
-    const rowid = (0, _util.getRowid)(this, row);
-    let bodyElem = null;
+    const rowid = (0, _util.getRowid)($xeTable, row);
+    const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
+    const leftScrollElem = (0, _util.getRefElem)(elemStore['left-body-scroll']);
+    const rightScrollElem = (0, _util.getRefElem)(elemStore['right-body-scroll']);
+    let bodyElem;
     if (column) {
-      bodyElem = $refs[`${column.fixed || 'table'}Body`] || $refs.refTableBody;
-    }
-    if (bodyElem && bodyElem.$el) {
-      return bodyElem.$el.querySelector(`.vxe-body--row[rowid="${rowid}"] .${column.id}`);
+      if (column.fixed) {
+        if (column.fixed === 'left') {
+          if (leftScrollElem) {
+            bodyElem = leftScrollElem;
+          }
+        } else {
+          if (rightScrollElem) {
+            bodyElem = rightScrollElem;
+          }
+        }
+      }
+      if (!bodyElem) {
+        bodyElem = bodyScrollElem;
+      }
+      if (bodyElem) {
+        return bodyElem.querySelector(`.vxe-body--row[rowid="${rowid}"] .${column.id}`);
+      }
     }
     return null;
   },
@@ -3068,6 +3340,7 @@ const Methods = {
    * 如果存在筛选条件，继续处理
    */
   updateAfterFullData() {
+    const $xeTable = this;
     const {
       tableFullColumn,
       tableFullData,
@@ -3272,7 +3545,7 @@ const Methods = {
     }
     this.afterFullData = tableData;
     this.afterTreeFullData = tableTree;
-    this.updateAfterDataIndex();
+    updateAfterDataIndex($xeTable);
   },
   /**
    * 预编译
@@ -3280,78 +3553,7 @@ const Methods = {
    */
   updateAfterDataIndex() {
     const $xeTable = this;
-    const props = $xeTable;
-    const internalData = $xeTable;
-    const {
-      treeConfig
-    } = props;
-    const {
-      afterFullData,
-      fullDataRowIdData,
-      fullAllDataRowIdData,
-      afterTreeFullData
-    } = internalData;
-    const treeOpts = $xeTable.computeTreeOpts;
-    const childrenField = treeOpts.children || treeOpts.childrenField;
-    const fullMaps = {};
-    if (treeConfig) {
-      _xeUtils.default.eachTree(afterTreeFullData, (row, index, items, path) => {
-        const rowid = (0, _util.getRowid)($xeTable, row);
-        const rowRest = fullAllDataRowIdData[rowid];
-        const seq = path.map((num, i) => i % 2 === 0 ? Number(num) + 1 : '.').join('');
-        if (rowRest) {
-          rowRest.seq = seq;
-          rowRest._index = index;
-        } else {
-          const rest = {
-            row,
-            rowid,
-            seq,
-            index: -1,
-            $index: -1,
-            _index: index,
-            items: [],
-            parent: null,
-            level: 0,
-            height: 0,
-            oTop: 0
-          };
-          fullAllDataRowIdData[rowid] = rest;
-          fullDataRowIdData[rowid] = rest;
-        }
-        fullMaps[rowid] = row;
-      }, {
-        children: treeOpts.transform ? treeOpts.mapChildrenField : childrenField
-      });
-    } else {
-      afterFullData.forEach((row, index) => {
-        const rowid = (0, _util.getRowid)($xeTable, row);
-        const rowRest = fullAllDataRowIdData[rowid];
-        const seq = index + 1;
-        if (rowRest) {
-          rowRest.seq = seq;
-          rowRest._index = index;
-        } else {
-          const rest = {
-            row,
-            rowid,
-            seq,
-            index: -1,
-            $index: -1,
-            _index: index,
-            items: [],
-            parent: null,
-            level: 0,
-            height: 0,
-            oTop: 0
-          };
-          fullAllDataRowIdData[rowid] = rest;
-          fullDataRowIdData[rowid] = rest;
-        }
-        fullMaps[rowid] = row;
-      });
-    }
-    this.afterFullRowMaps = fullMaps;
+    updateAfterDataIndex($xeTable);
   },
   /**
    * 只对 tree-config 有效，获取行的子级
@@ -3426,7 +3628,11 @@ const Methods = {
    * @param {String/Number} rowid 行主键
    */
   getRowById(cellValue) {
-    const fullDataRowIdData = this.fullDataRowIdData;
+    const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      fullDataRowIdData
+    } = internalData;
     const rowid = _xeUtils.default.eqNull(cellValue) ? '' : encodeURIComponent(cellValue);
     return fullDataRowIdData[rowid] ? fullDataRowIdData[rowid].row : null;
   },
@@ -3434,14 +3640,9 @@ const Methods = {
    * 根据行获取行的唯一主键
    * @param {Row} row 行对象
    */
-  getRowid(cellValue) {
+  getRowid(row) {
     const $xeTable = this;
-    const internalData = $xeTable;
-    const {
-      fullDataRowIdData
-    } = internalData;
-    const rowid = _xeUtils.default.eqNull(cellValue) ? '' : encodeURIComponent(cellValue || '');
-    return fullDataRowIdData[rowid] ? fullDataRowIdData[rowid].row : null;
+    return (0, _util.getRowid)($xeTable, row);
   },
   /**
    * 获取处理后的表格数据
@@ -3645,29 +3846,41 @@ const Methods = {
   },
   setColumnWidth(fieldOrColumn, width) {
     const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      elemStore
+    } = internalData;
     let status = false;
     const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
-    cols.forEach(item => {
-      const column = (0, _util.handleFieldOrColumn)($xeTable, item);
-      if (column) {
-        const colWidth = _xeUtils.default.toInteger(width);
-        let rdWidth = colWidth;
-        if ((0, _dom.isScale)(width)) {
-          const refTableBody = $xeTable.$refs.refTableBody;
-          const bodyElem = refTableBody ? refTableBody.$el : null;
-          const bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
-          rdWidth = Math.floor(colWidth * bodyWidth);
-        }
-        column.resizeWidth = rdWidth;
-        if (!status) {
-          status = true;
+    let cWidth = _xeUtils.default.toInteger(width);
+    if ((0, _dom.isScale)(width)) {
+      const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
+      const bodyWidth = bodyScrollElem ? bodyScrollElem.clientWidth - 1 : 0;
+      cWidth = Math.floor(cWidth * bodyWidth);
+    }
+    if (cWidth) {
+      cols.forEach(item => {
+        const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+        if (column) {
+          column.resizeWidth = cWidth;
+          if (!status) {
+            status = true;
+          }
         }
+      });
+      if (status) {
+        return $xeTable.refreshColumn().then(() => {
+          return {
+            status
+          };
+        });
       }
-    });
-    if (status) {
-      return $xeTable.refreshColumn();
     }
-    return $xeTable.$nextTick();
+    return $xeTable.$nextTick().then(() => {
+      return {
+        status
+      };
+    });
   },
   getColumnWidth(fieldOrColumn) {
     const column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
@@ -3963,78 +4176,495 @@ const Methods = {
       if (defaultMinWidth && !column.minWidth) {
         column.minWidth = defaultMinWidth;
       }
-      if (column.visible) {
-        if (column.resizeWidth) {
-          resizeList.push(column);
-        } else if (column.width === 'auto') {
-          autoList.push(column);
-        } else if ((0, _dom.isPx)(column.width)) {
-          pxList.push(column);
-        } else if ((0, _dom.isScale)(column.width)) {
-          scaleList.push(column);
-        } else if ((0, _dom.isPx)(column.minWidth)) {
-          pxMinList.push(column);
-        } else if (column.minWidth === 'auto') {
-          autoMinList.push(column);
-        } else if ((0, _dom.isScale)(column.minWidth)) {
-          scaleMinList.push(column);
+      if (column.visible) {
+        if (column.resizeWidth) {
+          resizeList.push(column);
+        } else if (column.width === 'auto') {
+          autoList.push(column);
+        } else if ((0, _dom.isPx)(column.width)) {
+          pxList.push(column);
+        } else if ((0, _dom.isScale)(column.width)) {
+          scaleList.push(column);
+        } else if ((0, _dom.isPx)(column.minWidth)) {
+          pxMinList.push(column);
+        } else if (column.minWidth === 'auto') {
+          autoMinList.push(column);
+        } else if ((0, _dom.isScale)(column.minWidth)) {
+          scaleMinList.push(column);
+        } else {
+          remainList.push(column);
+        }
+      }
+    });
+    Object.assign(this.columnStore, {
+      resizeList,
+      pxList,
+      pxMinList,
+      autoMinList,
+      scaleList,
+      scaleMinList,
+      autoList,
+      remainList
+    });
+  },
+  handleColResizeMousedownEvent(evnt, fixedType, params) {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    evnt.stopPropagation();
+    evnt.preventDefault();
+    const {
+      column
+    } = params;
+    const {
+      overflowX,
+      scrollbarHeight
+    } = reactData;
+    const {
+      elemStore,
+      visibleColumn
+    } = internalData;
+    const resizableOpts = $xeTable.computeResizableOpts;
+    const osbHeight = overflowX ? scrollbarHeight : 0;
+    const tableEl = $xeTable.$refs.refElem;
+    const leftContainerElem = $xeTable.$refs.refLeftContainer;
+    const rightContainerElem = $xeTable.$refs.refRightContainer;
+    const resizeBarElem = $xeTable.$refs.refColResizeBar;
+    if (!resizeBarElem) {
+      return;
+    }
+    const resizeTipElem = resizeBarElem.firstElementChild;
+    const scrollbarXToTop = $xeTable.computeScrollbarXToTop;
+    const {
+      clientX: dragClientX
+    } = evnt;
+    const wrapperElem = $xeTable.$refs.refElem;
+    const dragBtnElem = evnt.target;
+    let resizeColumn = column;
+    if (column.children && column.children.length) {
+      _xeUtils.default.eachTree(column.children, childColumn => {
+        resizeColumn = childColumn;
+      });
+    }
+    const cell = dragBtnElem.parentNode;
+    const cellParams = Object.assign(params, {
+      cell
+    });
+    let dragLeft = 0;
+    const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
+    if (!bodyScrollElem) {
+      return;
+    }
+    const pos = (0, _dom.getOffsetPos)(dragBtnElem, wrapperElem);
+    const dragBtnWidth = dragBtnElem.clientWidth;
+    const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
+    const minInterval = (0, _util.getColReMinWidth)(cellParams) - dragBtnOffsetWidth; // 列之间的最小间距
+    let dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
+    let dragPosLeft = pos.left + dragBtnOffsetWidth;
+    const isLeftFixed = fixedType === 'left';
+    const isRightFixed = fixedType === 'right';
+    // 计算左右侧固定列偏移量
+    let fixedOffsetWidth = 0;
+    if (isLeftFixed || isRightFixed) {
+      const siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
+      let tempCellElem = cell[siblingProp];
+      while (tempCellElem) {
+        if ((0, _dom.hasClass)(tempCellElem, 'fixed--hidden')) {
+          break;
+        } else if (!(0, _dom.hasClass)(tempCellElem, 'col--group')) {
+          fixedOffsetWidth += tempCellElem.offsetWidth;
+        }
+        tempCellElem = tempCellElem[siblingProp];
+      }
+      if (isRightFixed && rightContainerElem) {
+        dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
+      }
+    }
+    // 处理拖动事件
+    const updateEvent = evnt => {
+      evnt.stopPropagation();
+      evnt.preventDefault();
+      const tableHeight = tableEl.clientHeight;
+      const offsetX = evnt.clientX - dragClientX;
+      let left = dragPosLeft + offsetX;
+      const scrollLeft = fixedType ? 0 : bodyScrollElem.scrollLeft;
+      if (isLeftFixed) {
+        // 左固定列（不允许超过右侧固定列、不允许超过右边距）
+        left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : bodyScrollElem.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(bodyScrollElem.scrollLeft, dragMinLeft);
+        // left = Math.min(left, bodyScrollElem.clientWidth + bodyScrollElem.scrollLeft - 40)
+      }
+      dragLeft = Math.max(left, dragMinLeft);
+      const resizeBarLeft = Math.max(1, dragLeft - scrollLeft);
+      resizeBarElem.style.left = `${resizeBarLeft}px`;
+      resizeBarElem.style.top = `${scrollbarXToTop ? osbHeight : 0}px`;
+      resizeBarElem.style.height = `${scrollbarXToTop ? tableHeight - osbHeight : tableHeight}px`;
+      if (resizableOpts.showDragTip && resizeTipElem) {
+        resizeTipElem.textContent = getI18n('vxe.table.resizeColTip', [resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)]);
+        const tableWidth = tableEl.clientWidth;
+        const wrapperRect = wrapperElem.getBoundingClientRect();
+        const resizeBarWidth = resizeBarElem.clientWidth;
+        const resizeTipWidth = resizeTipElem.clientWidth;
+        const resizeTipHeight = resizeTipElem.clientHeight;
+        let resizeTipLeft = -resizeTipWidth;
+        if (resizeBarLeft < resizeTipWidth + resizeBarWidth) {
+          resizeTipLeft = 0;
+        } else if (resizeBarLeft > tableWidth) {
+          resizeTipLeft += tableWidth - resizeBarLeft;
+        }
+        resizeTipElem.style.left = `${resizeTipLeft}px`;
+        resizeTipElem.style.top = `${Math.min(tableHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`;
+      }
+    };
+    reactData.isDragResize = true;
+    (0, _dom.addClass)(tableEl, 'col-drag--resize');
+    resizeBarElem.style.display = 'block';
+    document.onmousemove = updateEvent;
+    document.onmouseup = function (evnt) {
+      document.onmousemove = null;
+      document.onmouseup = null;
+      resizeBarElem.style.display = 'none';
+      reactData.isDragResize = false;
+      internalData._lastResizeTime = Date.now();
+      const resizeWidth = resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
+      const resizeParams = Object.assign(Object.assign({}, params), {
+        resizeWidth,
+        resizeColumn
+      });
+      if (resizableOpts.dragMode === 'fixed') {
+        visibleColumn.forEach(item => {
+          if (item.id !== resizeColumn.id) {
+            if (!item.resizeWidth) {
+              item.resizeWidth = item.renderWidth;
+            }
+          }
+        });
+      }
+      if ($xeTable.handleColResizeCellAreaEvent) {
+        $xeTable.handleColResizeCellAreaEvent(evnt, resizeParams);
+      } else {
+        resizeColumn.resizeWidth = resizeWidth;
+        handleUpdateColResize($xeTable, evnt, resizeParams);
+      }
+      (0, _dom.removeClass)(tableEl, 'col-drag--resize');
+    };
+    updateEvent(evnt);
+    if ($xeTable.closeMenu) {
+      $xeTable.closeMenu();
+    }
+  },
+  handleColResizeDblclickEvent(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;
+      let resizeColumn = column;
+      if (column.children && column.children.length) {
+        _xeUtils.default.eachTree(column.children, childColumn => {
+          resizeColumn = childColumn;
+        });
+      }
+      const colid = resizeColumn.id;
+      const colRest = fullColumnIdData[colid];
+      const dragBtnElem = evnt.target;
+      const cell = dragBtnElem.parentNode;
+      const cellParams = Object.assign(params, {
+        cell
+      });
+      const colMinWidth = (0, _util.getColReMinWidth)(cellParams);
+      el.setAttribute('data-calc-col', 'Y');
+      let resizeWidth = calcColumnAutoWidth(resizeColumn, el);
+      el.removeAttribute('data-calc-col');
+      if (colRest) {
+        resizeWidth = Math.max(resizeWidth, colRest.width);
+      }
+      resizeWidth = Math.max(colMinWidth, resizeWidth);
+      const resizeParams = Object.assign(Object.assign({}, params), {
+        resizeWidth,
+        resizeColumn
+      });
+      reactData.isDragResize = false;
+      internalData._lastResizeTime = Date.now();
+      if ($xeTable.handleColResizeDblclickCellAreaEvent) {
+        $xeTable.handleColResizeDblclickCellAreaEvent(evnt, resizeParams);
+      } else {
+        resizeColumn.resizeWidth = resizeWidth;
+        handleUpdateColResize($xeTable, evnt, resizeParams);
+      }
+    }
+  },
+  handleRowResizeMousedownEvent(evnt, params) {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    evnt.stopPropagation();
+    evnt.preventDefault();
+    const {
+      row
+    } = params;
+    const {
+      overflowX,
+      scrollbarWidth,
+      overflowY,
+      scrollbarHeight
+    } = reactData;
+    const {
+      elemStore,
+      fullAllDataRowIdData
+    } = internalData;
+    const osbWidth = overflowY ? scrollbarWidth : 0;
+    const osbHeight = overflowX ? scrollbarHeight : 0;
+    const scrollbarYToLeft = $xeTable.computeScrollbarYToLeft;
+    const resizableOpts = $xeTable.computeResizableOpts;
+    const rowOpts = $xeTable.computeRowOpts;
+    const cellOpts = $xeTable.computeCellOpts;
+    const tableEl = $xeTable.$refs.refElem;
+    const resizeBarElem = $xeTable.$refs.refRowResizeBar;
+    if (!resizeBarElem) {
+      return;
+    }
+    const {
+      clientY: dragClientY
+    } = evnt;
+    const resizeTipElem = resizeBarElem.firstElementChild;
+    const dragBtnElem = evnt.currentTarget;
+    const tdEl = dragBtnElem.parentNode;
+    const trEl = tdEl.parentNode;
+    const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
+    if (!bodyScrollElem) {
+      return;
+    }
+    const rowid = (0, _util.getRowid)($xeTable, row);
+    const rowRest = fullAllDataRowIdData[rowid];
+    if (!rowRest) {
+      return;
+    }
+    const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+    const currCellHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight;
+    const tableRect = tableEl.getBoundingClientRect();
+    const trRect = trEl.getBoundingClientRect();
+    const targetOffsetY = dragClientY - trRect.y - trEl.clientHeight;
+    let resizeHeight = currCellHeight;
+    const cellEl = tdEl.querySelector('.vxe-cell');
+    let cellMinHeight = 0;
+    if (cellEl) {
+      const cellStyle = getComputedStyle(cellEl);
+      cellMinHeight = Math.max(1, Math.ceil(_xeUtils.default.toNumber(cellStyle.paddingTop) + _xeUtils.default.toNumber(cellStyle.paddingBottom)));
+    }
+    const minTop = trRect.y - tableRect.y + cellMinHeight;
+    // 处理拖动事件
+    const updateEvent = evnt => {
+      evnt.stopPropagation();
+      evnt.preventDefault();
+      const tableWidth = tableEl.clientWidth - osbWidth;
+      const tableHeight = tableEl.clientHeight - osbHeight;
+      let dragTop = evnt.clientY - tableRect.y - targetOffsetY;
+      if (dragTop < minTop) {
+        dragTop = minTop;
+      } else {
+        resizeHeight = Math.max(cellMinHeight, currCellHeight + evnt.clientY - dragClientY);
+      }
+      resizeBarElem.style.left = `${scrollbarYToLeft ? osbWidth : 0}px`;
+      resizeBarElem.style.top = `${dragTop}px`;
+      resizeBarElem.style.width = `${tableWidth}px`;
+      if (resizableOpts.showDragTip && resizeTipElem) {
+        resizeTipElem.textContent = getI18n('vxe.table.resizeRowTip', [resizeHeight]);
+        const resizeTipWidth = resizeTipElem.clientWidth;
+        const resizeTipHeight = resizeTipElem.clientHeight;
+        let resizeBarLeft = Math.max(2, evnt.clientX - tableRect.x);
+        let resizeBarTop = 0;
+        if (resizeBarLeft + resizeTipWidth >= tableWidth - 2) {
+          resizeBarLeft = tableWidth - resizeTipWidth - 2;
+        }
+        if (dragTop + resizeTipHeight >= tableHeight) {
+          resizeBarTop = tableHeight - (dragTop + resizeTipHeight);
+        }
+        resizeTipElem.style.left = `${resizeBarLeft}px`;
+        resizeTipElem.style.top = `${resizeBarTop}px`;
+      }
+    };
+    reactData.isDragResize = true;
+    (0, _dom.addClass)(tableEl, 'row-drag--resize');
+    resizeBarElem.style.display = 'block';
+    document.onmousemove = updateEvent;
+    document.onmouseup = function (evnt) {
+      document.onmousemove = null;
+      document.onmouseup = null;
+      resizeBarElem.style.display = 'none';
+      reactData.isDragResize = false;
+      internalData._lastResizeTime = Date.now();
+      if (resizeHeight !== currCellHeight) {
+        const resizeParams = Object.assign(Object.assign({}, params), {
+          resizeHeight,
+          resizeRow: row
+        });
+        internalData.isResizeCellHeight = true;
+        if ($xeTable.handleRowResizeCellAreaEvent) {
+          $xeTable.handleRowResizeCellAreaEvent(evnt, resizeParams);
         } else {
-          remainList.push(column);
+          rowRest.resizeHeight = resizeHeight;
+          handleUpdateRowResize($xeTable, evnt, resizeParams);
         }
       }
-    });
-    Object.assign(this.columnStore, {
-      resizeList,
-      pxList,
-      pxMinList,
-      autoMinList,
-      scaleList,
-      scaleMinList,
-      autoList,
-      remainList
-    });
+      (0, _dom.removeClass)(tableEl, 'row-drag--resize');
+    };
+    updateEvent(evnt);
   },
-  handleResizeDblclickEvent(evnt, params) {
+  handleRowResizeDblclickEvent(evnt, params) {
     const $xeTable = this;
     const reactData = $xeTable;
     const internalData = $xeTable;
     const resizableOpts = $xeTable.computeResizableOpts;
     const {
-      isDblclickAutoWidth
+      isDblclickAutoHeight
     } = resizableOpts;
     const el = $xeTable.$refs.refElem;
-    if (isDblclickAutoWidth && el) {
+    if (isDblclickAutoHeight && el) {
       const {
-        fullColumnIdData
+        fullAllDataRowIdData
       } = internalData;
       const {
-        column
+        row
       } = params;
-      const colid = column.id;
-      const colRest = fullColumnIdData[colid];
-      const dragBtnElem = evnt.target;
-      const cell = dragBtnElem.parentNode;
-      const cellParams = Object.assign(params, {
-        cell
-      });
-      const colMinWidth = (0, _util.getColReMinWidth)(cellParams);
-      let resizeWidth = calcColumnAutoWidth(column, el);
-      if (colRest) {
-        resizeWidth = Math.max(resizeWidth, colRest.width);
+      const rowid = (0, _util.getRowid)($xeTable, row);
+      const rowRest = fullAllDataRowIdData[rowid];
+      if (!rowRest) {
+        return;
       }
-      column.resizeWidth = Math.max(colMinWidth, resizeWidth);
-      reactData._isResize = false;
+      const resizeHeight = calcCellAutoHeight(rowRest, el);
+      const resizeParams = Object.assign(Object.assign({}, params), {
+        resizeHeight,
+        resizeRow: row
+      });
+      reactData.isDragResize = false;
       internalData._lastResizeTime = Date.now();
-      $xeTable.analyColumnWidth();
-      $xeTable.recalculate(true).then(() => {
-        $xeTable.saveCustomStore('update:visible');
-        $xeTable.updateCellAreas();
-        $xeTable.dispatchEvent('resizable-change', Object.assign(Object.assign({}, params), {
-          resizeWidth
-        }), evnt);
-        setTimeout(() => $xeTable.recalculate(true), 300);
+      if ($xeTable.handleRowResizeDblclickCellAreaEvent) {
+        $xeTable.handleRowResizeDblclickCellAreaEvent(evnt, resizeParams);
+      } else {
+        rowRest.resizeHeight = resizeHeight;
+        handleUpdateRowResize($xeTable, evnt, resizeParams);
+      }
+    }
+  },
+  setRowHeightConf(heightConf) {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const {
+      fullAllDataRowIdData
+    } = internalData;
+    let status = false;
+    if (heightConf) {
+      _xeUtils.default.each(heightConf, (height, rowid) => {
+        const rowRest = fullAllDataRowIdData[rowid];
+        if (rowRest) {
+          const rHeight = _xeUtils.default.toInteger(height);
+          if (rHeight) {
+            rowRest.resizeHeight = rHeight;
+            if (!status) {
+              status = true;
+            }
+          }
+        }
+      });
+      if (status) {
+        internalData.isResizeCellHeight = true;
+        reactData.resizeHeightFlag++;
+      }
+    }
+    return $xeTable.$nextTick().then(() => {
+      return {
+        status
+      };
+    });
+  },
+  getRowHeightConf(isFull) {
+    const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      fullAllDataRowIdData,
+      afterFullData
+    } = internalData;
+    const rowOpts = $xeTable.computeRowOpts;
+    const cellOpts = $xeTable.computeCellOpts;
+    const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+    const rest = {};
+    afterFullData.forEach(row => {
+      const rowid = (0, _util.getRowid)($xeTable, row);
+      const rowRest = fullAllDataRowIdData[rowid];
+      if (rowRest) {
+        const resizeHeight = rowRest.resizeHeight;
+        if (resizeHeight || isFull) {
+          const currCellHeight = resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight;
+          rest[rowid] = currCellHeight;
+        }
+      }
+    });
+    return rest;
+  },
+  setRowHeight(rowOrId, height) {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const {
+      fullAllDataRowIdData
+    } = internalData;
+    let status = false;
+    const rows = _xeUtils.default.isArray(rowOrId) ? rowOrId : [rowOrId];
+    let rHeight = _xeUtils.default.toInteger(height);
+    if ((0, _dom.isScale)(height)) {
+      const tableBody = $xeTable.$refs.refTableBody;
+      const bodyElem = tableBody ? tableBody.$el : null;
+      const bodyHeight = bodyElem ? bodyElem.clientHeight - 1 : 0;
+      rHeight = Math.floor(rHeight * bodyHeight);
+    }
+    if (rHeight) {
+      rows.forEach(row => {
+        const rowid = _xeUtils.default.isString(row) || _xeUtils.default.isNumber(row) ? row : (0, _util.getRowid)($xeTable, row);
+        const rowRest = fullAllDataRowIdData[rowid];
+        if (rowRest) {
+          rowRest.resizeHeight = rHeight;
+          if (!status) {
+            status = true;
+          }
+        }
       });
+      if (status) {
+        internalData.isResizeCellHeight = true;
+        reactData.resizeHeightFlag++;
+      }
     }
+    return $xeTable.$nextTick();
+  },
+  getRowHeight(rowOrId) {
+    const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      fullAllDataRowIdData
+    } = internalData;
+    const rowOpts = $xeTable.computeRowOpts;
+    const cellOpts = $xeTable.computeCellOpts;
+    const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+    const rowid = _xeUtils.default.isString(rowOrId) || _xeUtils.default.isNumber(rowOrId) ? rowOrId : (0, _util.getRowid)($xeTable, rowOrId);
+    const rowRest = fullAllDataRowIdData[rowid];
+    const currCellHeight = rowRest ? rowRest.resizeHeight : cellOpts.height || rowOpts.height || defaultRowHeight;
+    return currCellHeight;
   },
   /**
    * 刷新滚动操作，手动同步滚动相关位置（对于某些特殊的操作，比如滚动条错位、固定列不同步）
@@ -4470,10 +5100,10 @@ const Methods = {
           }
         } else if (isContextMenu) {
           // 如果按下上下文键
-          this._keyCtx = selected.row && selected.column && bodyCtxMenu.length;
+          internalData._keyCtx = selected.row && selected.column && bodyCtxMenu.length;
           clearTimeout(internalData.keyCtxTimeout);
           internalData.keyCtxTimeout = setTimeout(() => {
-            this._keyCtx = false;
+            internalData._keyCtx = false;
           }, 1000);
         } else if (isEnter && !hasAltKey && keyboardConfig && keyboardOpts.isEnter && (selected.row || actived.row || treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow)) {
           const {
@@ -4753,17 +5383,6 @@ const Methods = {
     this.updateCellAreas();
     this.recalculate(true);
   },
-  handleTargetEnterEvent(isClear) {
-    const $tooltip = this.$refs.tooltip;
-    clearTimeout(this.tooltipTimeout);
-    if (isClear) {
-      this.closeTooltip();
-    } else {
-      if ($tooltip) {
-        $tooltip.setActived(true);
-      }
-    }
-  },
   handleTargetLeaveEvent() {
     const tooltipOpts = this.tooltipOpts;
     let $tooltip = this.$refs.tooltip;
@@ -4782,24 +5401,25 @@ const Methods = {
     }
   },
   triggerHeaderTitleEvent(evnt, iconParams, params) {
+    const $xeTable = this;
+    const reactData = $xeTable;
     const tipContent = iconParams.content || iconParams.message;
     if (tipContent) {
       const {
-        $refs,
         tooltipStore
-      } = this;
+      } = reactData;
       const {
         column
       } = params;
       const content = (0, _utils.getFuncText)(tipContent);
-      this.handleTargetEnterEvent(true);
+      handleTargetEnterEvent($xeTable, true);
       tooltipStore.row = null;
       tooltipStore.column = column;
       tooltipStore.visible = true;
       tooltipStore.currOpts = iconParams;
-      this.$nextTick(() => {
-        const $tooltip = $refs.tooltip;
-        if ($tooltip) {
+      $xeTable.$nextTick(() => {
+        const $tooltip = $xeTable.$refs.refTooltip;
+        if ($tooltip && $tooltip.open) {
           $tooltip.open(evnt.currentTarget, content);
         }
       });
@@ -4809,28 +5429,48 @@ const Methods = {
    * 触发表头 tooltip 事件
    */
   triggerHeaderTooltipEvent(evnt, params) {
+    const $xeTable = this;
+    const reactData = $xeTable;
     const {
       tooltipStore
-    } = this;
+    } = reactData;
     const {
       column
     } = params;
+    handleTargetEnterEvent($xeTable, true);
     const titleElem = evnt.currentTarget;
-    this.handleTargetEnterEvent(tooltipStore.column !== column || tooltipStore.row);
+    if (!titleElem) {
+      return;
+    }
+    const cellEl = titleElem.parentElement;
+    if (!cellEl) {
+      return;
+    }
+    const thEl = cellEl.parentElement;
+    if (!thEl) {
+      return;
+    }
     if (tooltipStore.column !== column || !tooltipStore.visible) {
-      this.handleTooltip(evnt, titleElem, titleElem, null, params);
+      handleTooltip($xeTable, evnt, thEl, cellEl, null, params);
     }
   },
   /**
    * 触发单元格 tooltip 事件
    */
   triggerBodyTooltipEvent(evnt, params) {
+    const $xeTable = this;
+    const props = $xeTable;
+    const reactData = $xeTable;
+    const {
+      editConfig
+    } = props;
+    const {
+      editStore
+    } = reactData;
     const {
-      editConfig,
-      editOpts,
-      editStore,
       tooltipStore
-    } = this;
+    } = reactData;
+    const editOpts = $xeTable.computeEditOpts;
     const {
       actived
     } = editStore;
@@ -4838,8 +5478,8 @@ const Methods = {
       row,
       column
     } = params;
-    const cell = evnt.currentTarget;
-    this.handleTargetEnterEvent(tooltipStore.column !== column || tooltipStore.row !== row);
+    const tdEl = evnt.currentTarget;
+    handleTargetEnterEvent($xeTable, tooltipStore.column !== column || tooltipStore.row !== row);
     // 单元格处于编辑状态时不触发提示框
     if (column.editRender && (0, _utils.isEnableConf)(editConfig)) {
       // 如果是行编辑模式
@@ -4852,80 +5492,26 @@ const Methods = {
       }
     }
     if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-      let overflowElem;
-      let tipElem;
-      if (column.treeNode) {
-        overflowElem = cell.querySelector('.vxe-tree-cell');
-        if (column.type === 'html') {
-          tipElem = cell.querySelector('.vxe-cell--html');
-        }
-      } else {
-        tipElem = cell.querySelector(column.type === 'html' ? '.vxe-cell--html' : '.vxe-cell--label');
-      }
-      this.handleTooltip(evnt, cell, overflowElem || cell.children[0], tipElem, params);
+      handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), null, params);
     }
   },
   /**
    * 触发表尾 tooltip 事件
    */
   triggerFooterTooltipEvent(evnt, params) {
+    const $xeTable = this;
+    const reactData = $xeTable;
     const {
       column
     } = params;
     const {
       tooltipStore
-    } = this;
+    } = reactData;
     const cell = evnt.currentTarget;
-    this.handleTargetEnterEvent(true);
+    handleTargetEnterEvent($xeTable, tooltipStore.column !== column || !!tooltipStore.row);
     if (tooltipStore.column !== column || !tooltipStore.visible) {
-      this.handleTooltip(evnt, cell, cell.querySelector('.vxe-cell--item') || cell.children[0], null, params);
-    }
-  },
-  /**
-   * 处理显示 tooltip
-   * @param {Event} evnt 事件
-   * @param {ColumnInfo} column 列配置
-   * @param {Row} row 行对象
-   */
-  handleTooltip(evnt, cell, overflowElem, tipElem, params) {
-    const $xeTable = this;
-    if (!overflowElem) {
-      return $xeTable.$nextTick();
-    }
-    params.cell = cell;
-    const {
-      $refs,
-      tooltipOpts,
-      tooltipStore
-    } = this;
-    const {
-      column,
-      row
-    } = params;
-    const {
-      showAll,
-      enabled,
-      contentMethod
-    } = tooltipOpts;
-    const customContent = contentMethod ? contentMethod(params) : null;
-    const useCustom = contentMethod && !_xeUtils.default.eqNull(customContent);
-    const content = useCustom ? customContent : (column.type === 'html' ? overflowElem.innerText : overflowElem.textContent).trim();
-    const isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
-    if (content && (showAll || enabled || useCustom || isCellOverflow)) {
-      Object.assign(tooltipStore, {
-        row,
-        column,
-        visible: true,
-        currOpts: {}
-      });
-      this.$nextTick(() => {
-        const $tooltip = $refs.tooltip;
-        if ($tooltip) {
-          $tooltip.open(isCellOverflow ? overflowElem : tipElem || overflowElem, (0, _utils.formatText)(content));
-        }
-      });
+      handleTooltip($xeTable, evnt, cell, cell.querySelector('.vxe-cell--wrapper') || cell.children[0], null, params);
     }
-    return this.$nextTick();
   },
   openTooltip(target, content) {
     const {
@@ -5659,7 +6245,7 @@ const Methods = {
       }
       vLen++;
     });
-    const isSelected = rootList.length > 0 && sLen >= vLen;
+    const isSelected = vLen > 0 ? sLen >= vLen : sLen >= rootList.length;
     const halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
     reactData.isAllSelected = isSelected;
     reactData.isIndeterminate = halfSelect;
@@ -6729,10 +7315,10 @@ const Methods = {
           }
           reactData.isDragRowMove = true;
           $xeTable.handleTableData(treeConfig && transform);
-          $xeTable.cacheRowMap();
+          $xeTable.cacheRowMap(false);
           updateScrollYStatus($xeTable);
           if (!(treeConfig && transform)) {
-            $xeTable.updateAfterDataIndex();
+            updateAfterDataIndex($xeTable);
           }
           $xeTable.checkSelectionStatus();
           if (reactData.scrollYLoad) {
@@ -6782,18 +7368,16 @@ const Methods = {
       prevDragRow,
       prevDragPos
     } = internalData;
-    if (treeConfig && prevDragToChild) {
+    if (treeConfig && lazy && prevDragToChild) {
       // 懒加载
-      if (lazy) {
-        const newRowid = (0, _util.getRowid)($xeTable, prevDragRow);
-        const rowRest = fullAllDataRowIdData[newRowid];
-        if (prevDragRow[hasChildField]) {
-          if (rowRest && rowRest.treeLoaded) {
-            $xeTable.handleRowDragSwapEvent(evnt, true, dragRow, prevDragRow, prevDragPos, prevDragToChild);
-          }
-        } else {
+      const newRowid = (0, _util.getRowid)($xeTable, prevDragRow);
+      const rowRest = fullAllDataRowIdData[newRowid];
+      if (prevDragRow[hasChildField]) {
+        if (rowRest && rowRest.treeLoaded) {
           $xeTable.handleRowDragSwapEvent(evnt, true, dragRow, prevDragRow, prevDragPos, prevDragToChild);
         }
+      } else {
+        $xeTable.handleRowDragSwapEvent(evnt, true, dragRow, prevDragRow, prevDragPos, prevDragToChild);
       }
     } else {
       $xeTable.handleRowDragSwapEvent(evnt, true, dragRow, prevDragRow, prevDragPos, prevDragToChild);
@@ -8089,7 +8673,7 @@ const Methods = {
               return this.$nextTick().then(() => {
                 if (transform) {
                   this.handleTableData();
-                  this.updateAfterDataIndex();
+                  updateAfterDataIndex($xeTable);
                   return this.$nextTick();
                 }
               });
@@ -8231,7 +8815,7 @@ const Methods = {
     return this.handleBaseTreeExpand(rows, expanded).then(() => {
       handleVirtualTreeToList($xeTable);
       this.handleTableData();
-      this.updateAfterDataIndex();
+      updateAfterDataIndex($xeTable);
     }).then(() => {
       return this.recalculate();
     }).then(() => {
@@ -8333,17 +8917,22 @@ const Methods = {
    * 获取表格的滚动状态
    */
   getScroll() {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
     const {
-      $refs,
       scrollXLoad,
       scrollYLoad
-    } = this;
-    const bodyElem = $refs.refTableBody.$el;
+    } = reactData;
+    const {
+      elemStore
+    } = internalData;
+    const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
     return {
       virtualX: scrollXLoad,
       virtualY: scrollYLoad,
-      scrollTop: bodyElem.scrollTop,
-      scrollLeft: bodyElem.scrollLeft
+      scrollTop: bodyScrollElem ? bodyScrollElem.scrollTop : 0,
+      scrollLeft: bodyScrollElem ? bodyScrollElem.scrollLeft : 0
     };
   },
   handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, params) {
@@ -8451,60 +9040,6 @@ const Methods = {
     }
     $xeTable.dispatchEvent('scroll', evntParams, evnt);
   },
-  lazyScrollXData() {
-    const $xeTable = this;
-    const internalData = $xeTable;
-    const {
-      lxTimeout,
-      lxRunTime,
-      scrollXStore
-    } = internalData;
-    const {
-      visibleSize
-    } = scrollXStore;
-    const fpsTime = Math.max(5, Math.min(80, Math.floor(visibleSize * 3)));
-    if (lxTimeout) {
-      clearTimeout(lxTimeout);
-    }
-    if (!lxRunTime || lxRunTime + fpsTime < Date.now()) {
-      internalData.lxRunTime = Date.now();
-      loadScrollXData($xeTable);
-    }
-    internalData.lxTimeout = setTimeout(() => {
-      internalData.lxTimeout = undefined;
-      internalData.lxRunTime = undefined;
-      loadScrollXData($xeTable);
-    }, fpsTime);
-  },
-  lazyScrollYData() {
-    const $xeTable = this;
-    const props = $xeTable;
-    const internalData = $xeTable;
-    const {
-      showOverflow
-    } = props;
-    const {
-      lyTimeout,
-      lyRunTime,
-      scrollYStore
-    } = internalData;
-    const {
-      visibleSize
-    } = scrollYStore;
-    const fpsTime = showOverflow ? 5 : Math.max(5, Math.min(80, Math.floor(visibleSize / 2)));
-    if (lyTimeout) {
-      clearTimeout(lyTimeout);
-    }
-    if (!lyRunTime || lyRunTime + fpsTime < Date.now()) {
-      internalData.lyRunTime = Date.now();
-      loadScrollYData($xeTable);
-    }
-    internalData.lyTimeout = setTimeout(() => {
-      internalData.lyTimeout = undefined;
-      internalData.lyRunTime = undefined;
-      loadScrollYData($xeTable);
-    }, fpsTime);
-  },
   /**
    * 横向 X 可视渲染事件处理
    */
@@ -8514,7 +9049,7 @@ const Methods = {
     if (sXOpts.immediate) {
       loadScrollXData($xeTable);
     } else {
-      $xeTable.lazyScrollXData();
+      lazyScrollXData($xeTable);
     }
   },
   /**
@@ -8526,7 +9061,7 @@ const Methods = {
     if (sYOpts.immediate) {
       loadScrollYData($xeTable);
     } else {
-      $xeTable.lazyScrollYData();
+      lazyScrollYData($xeTable);
     }
   },
   triggerBodyScrollEvent(evnt, fixedType) {
@@ -8534,6 +9069,7 @@ const Methods = {
     const internalData = $xeTable;
     const {
       elemStore,
+      intoRunScroll,
       lastScrollTop,
       lastScrollLeft,
       inWheelScroll,
@@ -8553,6 +9089,9 @@ const Methods = {
     if (inWheelScroll || inVirtualScroll || inHeaderScroll || inFooterScroll) {
       return;
     }
+    if (intoRunScroll) {
+      return;
+    }
     if (!bodyScrollElem) {
       return;
     }
@@ -8611,6 +9150,7 @@ const Methods = {
     const internalData = $xeTable;
     const {
       elemStore,
+      intoRunScroll,
       inWheelScroll,
       inVirtualScroll,
       inBodyScroll,
@@ -8621,16 +9161,10 @@ const Methods = {
     const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
     const headerScrollElem = (0, _util.getRefElem)(elemStore['main-header-scroll']);
     const footerScrollElem = (0, _util.getRefElem)(elemStore['main-footer-scroll']);
-    if (inWheelScroll) {
-      return;
-    }
-    if (inVirtualScroll) {
+    if (inWheelScroll || inVirtualScroll || inBodyScroll || inFooterScroll) {
       return;
     }
-    if (inBodyScroll) {
-      return;
-    }
-    if (inFooterScroll) {
+    if (intoRunScroll) {
       return;
     }
     if (!headerScrollElem) {
@@ -8661,6 +9195,7 @@ const Methods = {
     const internalData = $xeTable;
     const {
       elemStore,
+      intoRunScroll,
       inWheelScroll,
       inVirtualScroll,
       inHeaderScroll,
@@ -8671,16 +9206,10 @@ const Methods = {
     const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
     const headerScrollElem = (0, _util.getRefElem)(elemStore['main-header-scroll']);
     const footerScrollElem = (0, _util.getRefElem)(elemStore['main-footer-scroll']);
-    if (inWheelScroll) {
-      return;
-    }
-    if (inVirtualScroll) {
-      return;
-    }
-    if (inHeaderScroll) {
+    if (inWheelScroll || inVirtualScroll || inHeaderScroll || inBodyScroll) {
       return;
     }
-    if (inBodyScroll) {
+    if (intoRunScroll) {
       return;
     }
     if (!footerScrollElem) {
@@ -8738,26 +9267,13 @@ const Methods = {
     if (!bodyScrollElem) {
       return;
     }
-    let multiple = 1;
-    if (reactData.lastScrollTime + 25 > Date.now()) {
-      multiple = 1.18;
-    } else if (reactData.lastScrollTime + 30 > Date.now()) {
-      multiple = 1.15;
-    } else if (reactData.lastScrollTime + 40 > Date.now()) {
-      multiple = 1.12;
-    } else if (reactData.lastScrollTime + 55 > Date.now()) {
-      multiple = 1.09;
-    } else if (reactData.lastScrollTime + 75 > Date.now()) {
-      multiple = 1.06;
-    } else if (reactData.lastScrollTime + 100 > Date.now()) {
-      multiple = 1.03;
-    }
-    const deltaTop = deltaY * multiple;
-    const deltaLeft = deltaX * multiple;
+    const wheelSpeed = getWheelSpeed(reactData.lastScrollTime);
+    const deltaTop = deltaY * wheelSpeed;
+    const deltaLeft = deltaX * wheelSpeed;
     const isTopWheel = deltaTop < 0;
-    const currScrollTop = yHandleEl.scrollTop;
+    const currScrollTop = bodyScrollElem.scrollTop;
     // 如果滚动位置已经是顶部或底部，则不需要触发
-    if (isTopWheel ? currScrollTop <= 0 : currScrollTop >= yHandleEl.scrollHeight - yHandleEl.clientHeight) {
+    if (isTopWheel ? currScrollTop <= 0 : currScrollTop >= bodyScrollElem.scrollHeight - bodyScrollElem.clientHeight) {
       return;
     }
     const scrollTop = bodyScrollElem.scrollTop + deltaTop;
@@ -8770,19 +9286,32 @@ const Methods = {
       if (rowOpts.isHover || highlightHoverRow) {
         $xeTable.clearHoverRow();
       }
-      internalData.inWheelScroll = true;
-      (0, _dom.setScrollTop)(yHandleEl, scrollTop);
-      (0, _dom.setScrollTop)(bodyScrollElem, scrollTop);
-      (0, _dom.setScrollTop)(leftScrollElem, scrollTop);
-      (0, _dom.setScrollTop)(rightScrollElem, scrollTop);
-      $xeTable.triggerScrollYEvent(evnt);
-      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
-        type: 'footer',
-        fixed: ''
+      wheelScrollTo(scrollTop - bodyScrollElem.scrollTop, offsetTop => {
+        const currTopNum = bodyScrollElem.scrollTop + offsetTop;
+        internalData.inWheelScroll = true;
+        (0, _dom.setScrollTop)(yHandleEl, currTopNum);
+        (0, _dom.setScrollTop)(bodyScrollElem, currTopNum);
+        (0, _dom.setScrollTop)(leftScrollElem, currTopNum);
+        (0, _dom.setScrollTop)(rightScrollElem, currTopNum);
+        $xeTable.triggerScrollYEvent(evnt);
+        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, currTopNum, scrollLeft, {
+          type: 'table',
+          fixed: ''
+        });
       });
-    }
-  },
-  scrollXEvent(evnt) {
+      // internalData.inWheelScroll = true
+      // setScrollTop(yHandleEl, scrollTop)
+      // setScrollTop(bodyScrollElem, scrollTop)
+      // setScrollTop(leftScrollElem, scrollTop)
+      // setScrollTop(rightScrollElem, scrollTop)
+      // loadScrollYData($xeTable, scrollTop)
+      // $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
+      //   type: 'footer',
+      //   fixed: ''
+      // })
+    }
+  },
+  triggerVirtualScrollXEvent(evnt) {
     const $xeTable = this;
     const internalData = $xeTable;
     const {
@@ -8824,7 +9353,7 @@ const Methods = {
       fixed: ''
     });
   },
-  scrollYEvent(evnt) {
+  triggerVirtualScrollYEvent(evnt) {
     const $xeTable = this;
     const internalData = $xeTable;
     const {
@@ -8873,9 +9402,7 @@ const Methods = {
       showOverflow
     } = props;
     handleTableColumn($xeTable);
-    // calcCellHeight()
     return $xeTable.$nextTick().then(() => {
-      // calcCellHeight()
       handleTableColumn($xeTable);
       $xeTable.updateScrollXSpace();
       if (!showOverflow) {
@@ -8942,9 +9469,7 @@ const Methods = {
   updateScrollYData() {
     const $xeTable = this;
     $xeTable.handleTableData();
-    // calcCellHeight()
     return $xeTable.$nextTick().then(() => {
-      // calcCellHeight()
       $xeTable.handleTableData();
       $xeTable.updateScrollYSpace();
     });
@@ -8959,42 +9484,42 @@ const Methods = {
       showOverflow
     } = props;
     const {
-      scrollYLoad,
-      rowHeight
+      scrollYLoad
     } = reactData;
     const {
       scrollYStore,
       elemStore,
+      isResizeCellHeight,
       afterFullData,
       fullAllDataRowIdData
     } = internalData;
     const {
       startIndex
     } = scrollYStore;
+    const rowOpts = $xeTable.computeRowOpts;
+    const cellOpts = $xeTable.computeCellOpts;
+    const defaultRowHeight = $xeTable.computeDefaultRowHeight;
     const bodyTableElem = (0, _util.getRefElem)(elemStore['main-body-table']);
     const containerList = ['main', 'left', 'right'];
     let topSpaceHeight = 0;
     let ySpaceHeight = 0;
     if (scrollYLoad) {
-      if (showOverflow) {
-        ySpaceHeight = afterFullData.length * rowHeight;
-        topSpaceHeight = Math.max(0, startIndex * rowHeight);
+      const isCustomCellHeight = isResizeCellHeight || cellOpts.height || rowOpts.height;
+      if (!isCustomCellHeight && showOverflow) {
+        ySpaceHeight = afterFullData.length * defaultRowHeight;
+        topSpaceHeight = Math.max(0, startIndex * defaultRowHeight);
       } else {
         for (let i = 0; i < afterFullData.length; i++) {
           const row = afterFullData[i];
           const rowid = (0, _util.getRowid)($xeTable, row);
           const rowRest = fullAllDataRowIdData[rowid];
-          if (rowRest) {
-            ySpaceHeight += rowRest.height || rowHeight;
-          }
+          ySpaceHeight += rowRest ? rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight : defaultRowHeight;
         }
         for (let i = 0; i < startIndex; i++) {
           const row = afterFullData[i];
           const rowid = (0, _util.getRowid)($xeTable, row);
           const rowRest = fullAllDataRowIdData[rowid];
-          if (rowRest) {
-            topSpaceHeight += rowRest.height || rowHeight;
-          }
+          topSpaceHeight += rowRest ? rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight : defaultRowHeight;
         }
       }
     } else {
@@ -9019,7 +9544,7 @@ const Methods = {
     if (scrollYSpaceEl) {
       scrollYSpaceEl.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
     }
-    $xeTable.$nextTick(() => {
+    return $xeTable.$nextTick().then(() => {
       updateStyle($xeTable);
     });
   },