vxe-table 4.23.8 → 4.23.9

package/es/table/src/table.js

@@ -4,7 +4,38 @@ import XEUtils from "xe-utils";
 import { VxeUI } from "@vxe-ui/core";
 import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, wheelScrollTopTo, wheelScrollLeftTo, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, toCssUnit, hasControlKey, checkTargetElement, hasAxternalInputTarget } from "../../ui/src/dom";
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue, hasEnableConf, getDefaultConfig } from "../../ui/src/utils";
-import { createReactData, createInternalData, getRowUniqueId, createRowId, clearTableAllStatus, getColumnList, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, getColReMaxWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight, getLastChildColumn, getRowMaxHeight, handleCustomStoreConfig, encodeRowid } from "./util";
+import {
+  createReactData,
+  createInternalData,
+  getRowUniqueId,
+  createRowId,
+  clearTableAllStatus,
+  getColumnList,
+  toFilters,
+  hasDeepKey,
+  getRowkey,
+  getRowid,
+  rowToVisible,
+  colToVisible,
+  getCellValue,
+  setCellValue,
+  handleRowidOrRow,
+  handleFieldOrColumn,
+  toTreePathSeq,
+  restoreScrollLocation,
+  getRootColumn,
+  getRefElem,
+  getColReMinWidth,
+  getColReMaxWidth,
+  createHandleUpdateRowId,
+  createHandleGetRowId,
+  getCalcHeight,
+  getCellRestHeight,
+  getLastChildColumn,
+  getRowMaxHeight,
+  handleCustomStoreConfig,
+  encodeRowid
+} from "./util";
 import { getSlotVNs } from "../../ui/src/vn";
 import { moveRowAnimateToTb, clearRowAnimate, moveColAnimateToLr, clearColAnimate } from "../../ui/src/anime";
 import { createComponentLog } from "../../ui/src/log";
@@ -226,17 +257,20 @@ var table_default = defineVxeComponent({
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollXVisible = computeScrollXVisible.value;
       const scrollYVisible = computeScrollYVisible.value;
-      return domUtils.buildClass([
-        "vxe-scrollbar is--virtual",
-        scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
-        `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
-        `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
-        `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
-        `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
-      ], {
-        "overflow-y": yThumbHeight,
-        "overflow-x": xThumbWidth
-      });
+      return domUtils.buildClass(
+        [
+          "vxe-scrollbar is--virtual",
+          scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
+          `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
+          `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
+          `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+          `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
+        ],
+        {
+          "overflow-y": yThumbHeight,
+          "overflow-x": xThumbWidth
+        }
+      );
     });
     const computeScrollYThreshold = computed(() => {
       const virtualYOpts = computeVirtualYOpts.value;
@@ -339,17 +373,29 @@ var table_default = defineVxeComponent({
     });
     const computeHeaderTooltipOpts = computed(() => {
       const tooltipOpts = computeTooltipOpts.value;
-      return Object.assign({}, getConfig().tooltip, {
-        enterable: tooltipOpts.enterable,
-        defaultPlacement: tooltipOpts.defaultPlacement
-      }, getConfig().table.headerTooltipConfig, props.headerTooltipConfig);
+      return Object.assign(
+        {},
+        getConfig().tooltip,
+        {
+          enterable: tooltipOpts.enterable,
+          defaultPlacement: tooltipOpts.defaultPlacement
+        },
+        getConfig().table.headerTooltipConfig,
+        props.headerTooltipConfig
+      );
     });
     const computeFooterTooltipOpts = computed(() => {
       const tooltipOpts = computeTooltipOpts.value;
-      return Object.assign({}, getConfig().tooltip, {
-        enterable: tooltipOpts.enterable,
-        defaultPlacement: tooltipOpts.defaultPlacement
-      }, getConfig().table.footerTooltipConfig, props.footerTooltipConfig);
+      return Object.assign(
+        {},
+        getConfig().tooltip,
+        {
+          enterable: tooltipOpts.enterable,
+          defaultPlacement: tooltipOpts.defaultPlacement
+        },
+        getConfig().table.footerTooltipConfig,
+        props.footerTooltipConfig
+      );
     });
     const computeTableTipConfig = computed(() => {
       const { tooltipStore } = reactData;
@@ -855,21 +901,7 @@ var table_default = defineVxeComponent({
       // 已废弃
       xegrid: $xeGrid
     };
-    const {
-      refTrackXElem,
-      refTrackYElem,
-      refThumbXElem,
-      refThumbYElem,
-      updateThumbSize,
-      updateThumbOffset,
-      clickTrackXEvent,
-      clickTrackYEvent,
-      pointerdownThumbXEvent,
-      pointermoveThumbXEvent,
-      cleatPointerThumbEvent,
-      pointerdownThumbYEvent,
-      pointermoveThumbYEvent
-    } = useFns.useInitVScrollbar($xeTable);
+    const { refTrackXElem, refTrackYElem, refThumbXElem, refThumbYElem, updateThumbSize, updateThumbOffset, clickTrackXEvent, clickTrackYEvent, pointerdownThumbXEvent, pointermoveThumbXEvent, cleatPointerThumbEvent, pointerdownThumbYEvent, pointermoveThumbYEvent } = useFns.useInitVScrollbar($xeTable);
     const eqCellValue = (newRow, oldRow, field) => {
       const val1 = XEUtils.get(newRow, field);
       const val2 = XEUtils.get(oldRow, field);
@@ -1530,13 +1562,17 @@ var table_default = defineVxeComponent({
             sortData = XEUtils.orderBy(sortRests, { field: "index", order: "asc" }).map((item) => ({ k: item.key }));
           }
           let colNum = 1;
-          XEUtils.eachTree(sortData, (sObj, index, sOjs, path, pSObj) => {
-            sortColMaps[sObj.k] = {
-              key: sObj.k,
-              sNum: colNum++,
-              pKey: pSObj ? pSObj.k : null
-            };
-          }, { children: "c" });
+          XEUtils.eachTree(
+            sortData,
+            (sObj, index, sOjs, path, pSObj) => {
+              sortColMaps[sObj.k] = {
+                key: sObj.k,
+                sNum: colNum++,
+                pKey: pSObj ? pSObj.k : null
+              };
+            },
+            { children: "c" }
+          );
         }
         const colKeyMaps = {};
         const allCols = [];
@@ -1604,9 +1640,7 @@ var table_default = defineVxeComponent({
         }
         const storeData = getCustomStorageMap(tableId);
         if (restoreStore) {
-          return Promise.resolve(
-            restoreStore({ $table: $xeTable, id: tableId, type: "restore", storeData })
-          ).then((storeData2) => {
+          return Promise.resolve(restoreStore({ $table: $xeTable, id: tableId, type: "restore", storeData })).then((storeData2) => {
             if (!storeData2) {
               return;
             }
@@ -1745,7 +1779,7 @@ var table_default = defineVxeComponent({
         if (expandOpts.mode !== "fixed" && mouseOpts.area) {
           errLog("vxe.error.errConflicts", ["mouse-config.area", "column.type=expand"]);
         }
-        if (expandOpts.mode !== "inside" && (treeConfig && !treeOpts.transform)) {
+        if (expandOpts.mode !== "inside" && treeConfig && !treeOpts.transform) {
           errLog("vxe.error.notConflictProp", ["tree-config.transform=false", "expand-config.mode=inside"]);
         }
       }
@@ -2048,24 +2082,28 @@ var table_default = defineVxeComponent({
       const fullMaps = {};
       let rowNum = 0;
       const { handleGetRowId } = createHandleGetRowId($xeTable);
-      XEUtils.eachTree(afterTreeFullData, (row, index, items, path, parentRow) => {
-        const rowid = handleGetRowId(row);
-        const rowRest = fullAllDataRowIdData[rowid];
-        const seq = path.map((num, i) => i % 2 === 0 ? Number(num) + 1 : ".").join("");
-        if (rowRest) {
-          rowRest.seq = seq;
-          rowRest._seq = rowNum;
-          rowRest.treeIndex = index;
-          rowRest._index = rowNum;
-          rowRest._tIndex = rowNum;
-        } else {
-          const rest = { row, rowid, _seq: rowNum, seq, index, $index: -1, _index: rowNum, treeIndex: index, _tIndex: rowNum, items, parent: parentRow, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
-          fullAllDataRowIdData[rowid] = rest;
-          fullDataRowIdData[rowid] = rest;
-        }
-        rowNum++;
-        fullMaps[rowid] = row;
-      }, { children: transform ? mapChildrenField : childrenField });
+      XEUtils.eachTree(
+        afterTreeFullData,
+        (row, index, items, path, parentRow) => {
+          const rowid = handleGetRowId(row);
+          const rowRest = fullAllDataRowIdData[rowid];
+          const seq = path.map((num, i) => i % 2 === 0 ? Number(num) + 1 : ".").join("");
+          if (rowRest) {
+            rowRest.seq = seq;
+            rowRest._seq = rowNum;
+            rowRest.treeIndex = index;
+            rowRest._index = rowNum;
+            rowRest._tIndex = rowNum;
+          } else {
+            const rest = { row, rowid, _seq: rowNum, seq, index, $index: -1, _index: rowNum, treeIndex: index, _tIndex: rowNum, items, parent: parentRow, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+            fullAllDataRowIdData[rowid] = rest;
+            fullDataRowIdData[rowid] = rest;
+          }
+          rowNum++;
+          fullMaps[rowid] = row;
+        },
+        { children: transform ? mapChildrenField : childrenField }
+      );
       if (transform) {
         afterFullData.forEach((row, index) => {
           const rowid = handleGetRowId(row);
@@ -2119,35 +2157,43 @@ var table_default = defineVxeComponent({
       const expandMaps = {};
       if (treeConfig && treeOpts.transform) {
         const childrenField = treeOpts.children || treeOpts.childrenField;
-        XEUtils.eachTree(internalData.afterTreeFullData, (row, index, items, path, parentRow) => {
-          const rowid = handleGetRowId(row);
-          const parentRowid = handleGetRowId(parentRow);
-          if (!parentRow || expandMaps[parentRowid] && treeExpandedMaps[parentRowid]) {
-            const rowRest = fullAllDataRowIdData[rowid];
-            if (rowRest) {
-              rowRest._index = fullData.length;
+        XEUtils.eachTree(
+          internalData.afterTreeFullData,
+          (row, index, items, path, parentRow) => {
+            const rowid = handleGetRowId(row);
+            const parentRowid = handleGetRowId(parentRow);
+            if (!parentRow || expandMaps[parentRowid] && treeExpandedMaps[parentRowid]) {
+              const rowRest = fullAllDataRowIdData[rowid];
+              if (rowRest) {
+                rowRest._index = fullData.length;
+              }
+              expandMaps[rowid] = 1;
+              fullData.push(row);
             }
-            expandMaps[rowid] = 1;
-            fullData.push(row);
-          }
-        }, { children: childrenField });
+          },
+          { children: childrenField }
+        );
         internalData.afterFullData = fullData;
         updateScrollYStatus(fullData);
         return fullData;
       } else if (isRowGroupStatus) {
         const { childrenField } = aggregateOpts;
-        XEUtils.eachTree(internalData.afterGroupFullData, (row, index, items, path, parentRow) => {
-          const rowid = handleGetRowId(row);
-          const parentRowid = handleGetRowId(parentRow);
-          if (!parentRow || expandMaps[parentRowid] && rowGroupExpandedMaps[parentRowid]) {
-            const rowRest = fullAllDataRowIdData[rowid];
-            if (rowRest) {
-              rowRest._index = fullData.length;
+        XEUtils.eachTree(
+          internalData.afterGroupFullData,
+          (row, index, items, path, parentRow) => {
+            const rowid = handleGetRowId(row);
+            const parentRowid = handleGetRowId(parentRow);
+            if (!parentRow || expandMaps[parentRowid] && rowGroupExpandedMaps[parentRowid]) {
+              const rowRest = fullAllDataRowIdData[rowid];
+              if (rowRest) {
+                rowRest._index = fullData.length;
+              }
+              expandMaps[rowid] = 1;
+              fullData.push(row);
             }
-            expandMaps[rowid] = 1;
-            fullData.push(row);
-          }
-        }, { children: childrenField });
+          },
+          { children: childrenField }
+        );
         internalData.afterFullData = fullData;
         updateScrollYStatus(fullData);
         return fullData;
@@ -2268,7 +2314,10 @@ var table_default = defineVxeComponent({
                 children: aggregateOpts.mapChildrenField
               });
               tableTree = XEUtils.toArrayTree(
-                XEUtils.orderBy(treeList, orderColumns.map(({ column, order }) => [getOrderField(column), order])),
+                XEUtils.orderBy(
+                  treeList,
+                  orderColumns.map(({ column, order }) => [getOrderField(column), order])
+                ),
                 {
                   key: aggregateOpts.rowField,
                   parentKey: aggregateOpts.parentField,
@@ -2287,7 +2336,10 @@ var table_default = defineVxeComponent({
                 children: mapChildrenField
               });
               tableTree = XEUtils.toArrayTree(
-                XEUtils.orderBy(treeList, orderColumns.map(({ column, order }) => [getOrderField(column), order])),
+                XEUtils.orderBy(
+                  treeList,
+                  orderColumns.map(({ column, order }) => [getOrderField(column), order])
+                ),
                 {
                   key: rowField,
                   parentKey: parentField,
@@ -2302,7 +2354,10 @@ var table_default = defineVxeComponent({
               const sortRests = allSortMethod({ data: tableData, sortList: orderColumns, $table: $xeTable });
               tableData = XEUtils.isArray(sortRests) ? sortRests : tableData;
             } else {
-              tableData = XEUtils.orderBy(tableData, orderColumns.map(({ column, order }) => [getOrderField(column), order]));
+              tableData = XEUtils.orderBy(
+                tableData,
+                orderColumns.map(({ column, order }) => [getOrderField(column), order])
+              );
             }
             tableTree = tableData;
           }
@@ -2622,6 +2677,7 @@ var table_default = defineVxeComponent({
             defaultSort = [defaultSort];
           }
           if (defaultSort.length) {
+            ;
             (sortConfig.multiple ? defaultSort : defaultSort.slice(0, 1)).forEach((item, index) => {
               const { field, order } = item;
               if (field && order) {
@@ -2718,7 +2774,7 @@ var table_default = defineVxeComponent({
     const handleCheckedRadioRow = (row, isForce) => {
       const radioOpts = computeRadioOpts.value;
       const { checkMethod } = radioOpts;
-      if (row && (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row })))) {
+      if (row && (isForce || !checkMethod || checkMethod({ $table: $xeTable, row }))) {
         reactData.selectRadioRow = row;
         handleRadioReserveRow(row);
       }
@@ -2746,7 +2802,7 @@ var table_default = defineVxeComponent({
       const selectRowMaps = {};
       if (checkField) {
         const checkValFn = (row) => {
-          if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
+          if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
             if (checked) {
               selectRowMaps[handleGetRowId(row)] = row;
             }
@@ -2764,38 +2820,54 @@ var table_default = defineVxeComponent({
       } else {
         if (isRowGroupStatus) {
           if (checked) {
-            XEUtils.eachTree(afterGroupFullData, (row) => {
-              if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
-                const rowid = handleGetRowId(row);
-                selectRowMaps[rowid] = row;
-              }
-            }, { children: aggregateOpts.mapChildrenField });
-          } else {
-            if (!isForce && checkMethod) {
-              XEUtils.eachTree(afterGroupFullData, (row) => {
-                const rowid = handleGetRowId(row);
-                if (checkMethod({ $table: $xeTable, row }) ? false : selectCheckboxMaps[rowid]) {
+            XEUtils.eachTree(
+              afterGroupFullData,
+              (row) => {
+                if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
+                  const rowid = handleGetRowId(row);
                   selectRowMaps[rowid] = row;
                 }
-              }, { children: aggregateOpts.mapChildrenField });
+              },
+              { children: aggregateOpts.mapChildrenField }
+            );
+          } else {
+            if (!isForce && checkMethod) {
+              XEUtils.eachTree(
+                afterGroupFullData,
+                (row) => {
+                  const rowid = handleGetRowId(row);
+                  if (checkMethod({ $table: $xeTable, row }) ? false : selectCheckboxMaps[rowid]) {
+                    selectRowMaps[rowid] = row;
+                  }
+                },
+                { children: aggregateOpts.mapChildrenField }
+              );
             }
           }
         } else if (treeConfig) {
           if (checked) {
-            XEUtils.eachTree(afterTreeFullData, (row) => {
-              if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
-                const rowid = handleGetRowId(row);
-                selectRowMaps[rowid] = row;
-              }
-            }, { children: childrenField });
-          } else {
-            if (!isForce && checkMethod) {
-              XEUtils.eachTree(afterTreeFullData, (row) => {
-                const rowid = handleGetRowId(row);
-                if (checkMethod({ $table: $xeTable, row }) ? false : selectCheckboxMaps[rowid]) {
+            XEUtils.eachTree(
+              afterTreeFullData,
+              (row) => {
+                if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
+                  const rowid = handleGetRowId(row);
                   selectRowMaps[rowid] = row;
                 }
-              }, { children: childrenField });
+              },
+              { children: childrenField }
+            );
+          } else {
+            if (!isForce && checkMethod) {
+              XEUtils.eachTree(
+                afterTreeFullData,
+                (row) => {
+                  const rowid = handleGetRowId(row);
+                  if (checkMethod({ $table: $xeTable, row }) ? false : selectCheckboxMaps[rowid]) {
+                    selectRowMaps[rowid] = row;
+                  }
+                },
+                { children: childrenField }
+              );
             }
           }
         } else {
@@ -2910,9 +2982,7 @@ var table_default = defineVxeComponent({
           const rowid = getRowid($xeTable, row);
           const rowRest = fullAllDataRowIdData[rowid];
           treeExpandLazyLoadedMaps[rowid] = row;
-          Promise.resolve(
-            loadMethod({ $table: $xeTable, row })
-          ).then((childRecords) => {
+          Promise.resolve(loadMethod({ $table: $xeTable, row })).then((childRecords) => {
             if (rowRest) {
               rowRest.treeLoaded = true;
             }
@@ -3221,18 +3291,14 @@ var table_default = defineVxeComponent({
         if (rceTimeout) {
           clearTimeout(rceTimeout);
           if (rceRunTime && rceRunTime + minRunDelay < Date.now()) {
-            resolve(
-              handleRecalculateStyle(reFull, reWidth, reHeight)
-            );
+            resolve(handleRecalculateStyle(reFull, reWidth, reHeight));
           } else {
             nextTick(() => {
               resolve();
             });
           }
         } else {
-          resolve(
-            handleRecalculateStyle(reFull, reWidth, reHeight)
-          );
+          resolve(handleRecalculateStyle(reFull, reWidth, reHeight));
         }
         if ($xeGanttView && $xeGanttView.handleLazyRecalculate) {
           $xeGanttView.handleLazyRecalculate();
@@ -3274,6 +3340,7 @@ var table_default = defineVxeComponent({
       const aggGroupFields = [];
       const aggGroupConfs = [];
       if (groupFields) {
+        ;
         (XEUtils.isArray(groupFields) ? groupFields : [groupFields]).forEach((field) => {
           aggGroupFields.push(field);
           aggGroupConfs.push({
@@ -3328,14 +3395,14 @@ var table_default = defineVxeComponent({
                   childCount,
                   aggValue: currAggData ? currAggData.value : 0,
                   /**
-                  * 已废弃
-                  * @deprecated
-                  */
+                   * 已废弃
+                   * @deprecated
+                   */
                   children: childList,
                   /**
-                  * 已废弃
-                  * @deprecated
-                  */
+                   * 已废弃
+                   * @deprecated
+                   */
                   totalValue: childCount
                 };
                 let aggVal = 0;
@@ -3371,11 +3438,15 @@ var table_default = defineVxeComponent({
       const { mapChildrenField } = aggregateOpts;
       if ((aggregateConfig || rowGroupConfig) && isRowGroupStatus) {
         const aggList = [];
-        XEUtils.eachTree(tableFullGroupData, (row) => {
-          if (row.isAggregate) {
-            aggList.push(row);
-          }
-        }, { children: mapChildrenField });
+        XEUtils.eachTree(
+          tableFullGroupData,
+          (row) => {
+            if (row.isAggregate) {
+              aggList.push(row);
+            }
+          },
+          { children: mapChildrenField }
+        );
         handleeGroupSummary(aggList);
       }
     };
@@ -3634,10 +3705,14 @@ var table_default = defineVxeComponent({
         }
         handleReserveStatus();
         $xeTable.checkSelectionStatus();
-        $xeTable.dispatchEvent("data-change", {
-          visibleColumn: internalData.visibleColumn,
-          visibleData: internalData.afterFullData
-        }, null);
+        $xeTable.dispatchEvent(
+          "data-change",
+          {
+            visibleColumn: internalData.visibleColumn,
+            visibleData: internalData.afterFullData
+          },
+          null
+        );
         return new Promise((resolve) => {
           nextTick().then(() => handleRecalculateStyle(false, false, false)).then(() => {
             handleRecalculateStyle(false, true, true);
@@ -3683,16 +3758,24 @@ var table_default = defineVxeComponent({
           });
         }).then(() => {
           if (initStatus) {
-            dispatchEvent("data-rendered", {
-              isReload,
-              visibleColumn: internalData.visibleColumn,
-              visibleData: internalData.afterFullData
-            }, null);
+            dispatchEvent(
+              "data-rendered",
+              {
+                isReload,
+                visibleColumn: internalData.visibleColumn,
+                visibleData: internalData.afterFullData
+              },
+              null
+            );
           } else {
-            dispatchEvent("init-rendered", {
-              visibleColumn: internalData.visibleColumn,
-              visibleData: internalData.afterFullData
-            }, null);
+            dispatchEvent(
+              "init-rendered",
+              {
+                visibleColumn: internalData.visibleColumn,
+                visibleData: internalData.afterFullData
+              },
+              null
+            );
           }
         });
       });
@@ -3896,7 +3979,7 @@ var table_default = defineVxeComponent({
       $xeTable.clearMergeFooterItems();
       $xeTable.handleTableData(true);
       $xeTable.handleAggregateSummaryData();
-      if ((scrollXLoad || scrollYLoad) && (expandColumn && expandOpts.mode !== "fixed")) {
+      if ((scrollXLoad || scrollYLoad) && expandColumn && expandOpts.mode !== "fixed") {
         warnLog("vxe.error.scrollErrProp", ["column.type=expand"]);
       }
       return nextTick().then(() => {
@@ -3924,9 +4007,7 @@ var table_default = defineVxeComponent({
       reactData.updateColFlag++;
       reactData.isColLoading = true;
       initColumnHierarchy();
-      return Promise.resolve(
-        restoreCustomStorage()
-      ).then(() => {
+      return Promise.resolve(restoreCustomStorage()).then(() => {
         return buildColumnInfo();
       });
     };
@@ -3950,7 +4031,7 @@ var table_default = defineVxeComponent({
       const { transform } = treeOpts;
       const allList = fullData || internalData.tableFullData;
       let scrollYLoad = !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt < allList.length);
-      if (scrollYLoad && (treeConfig && !transform)) {
+      if (scrollYLoad && treeConfig && !transform) {
         errLog("vxe.error.notSupportProp", ["[table] virtual-y-config.enabled=true", "tree-config.transform=false", "tree-config.transform=true"]);
         scrollYLoad = false;
       }
@@ -4108,12 +4189,16 @@ var table_default = defineVxeComponent({
     const handleCheckAllEvent = (evnt, value) => {
       handleCheckedAllCheckboxRow(value);
       if (evnt) {
-        dispatchEvent("checkbox-all", {
-          records: () => $xeTable.getCheckboxRecords(),
-          reserves: () => $xeTable.getCheckboxReserveRecords(),
-          indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
-          checked: value
-        }, evnt);
+        dispatchEvent(
+          "checkbox-all",
+          {
+            records: () => $xeTable.getCheckboxRecords(),
+            reserves: () => $xeTable.getCheckboxReserveRecords(),
+            indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
+            checked: value
+          },
+          evnt
+        );
       }
     };
     const loadScrollYData = () => {
@@ -4241,11 +4326,7 @@ var table_default = defineVxeComponent({
         });
       }
       updateRowExpandStyle();
-      return Promise.all([
-        xRest,
-        yRest,
-        scrollXLoad || scrollYLoad ? $xeTable.updateCellAreas() : null
-      ]);
+      return Promise.all([xRest, yRest, scrollXLoad || scrollYLoad ? $xeTable.updateCellAreas() : null]);
     };
     const checkLastSyncScroll = (isRollX, isRollY) => {
       const { lcsTimeout } = internalData;
@@ -4720,13 +4801,17 @@ var table_default = defineVxeComponent({
               sourceDataRowIdData[rowid2] = XEUtils.clone(childRow, true);
             });
           }
-          XEUtils.eachTree(rows, (childRow, index, items, path, parentItem, nodes) => {
-            const rowid = getRowid($xeTable, childRow);
-            const parentRow = parentItem || parentRest.row;
-            const rest = { row: childRow, rowid, _seq: -1, seq: -1, index, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items, parent: parentRow, level: parentLevel + nodes.length, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
-            fullDataRowIdData[rowid] = rest;
-            fullAllDataRowIdData[rowid] = rest;
-          }, { children: childrenField });
+          XEUtils.eachTree(
+            rows,
+            (childRow, index, items, path, parentItem, nodes) => {
+              const rowid = getRowid($xeTable, childRow);
+              const parentRow = parentItem || parentRest.row;
+              const rest = { row: childRow, rowid, _seq: -1, seq: -1, index, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items, parent: parentRow, level: parentLevel + nodes.length, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+              fullDataRowIdData[rowid] = rest;
+              fullAllDataRowIdData[rowid] = rest;
+            },
+            { children: childrenField }
+          );
           row[childrenField] = rows;
           if (transform) {
             row[mapChildrenField] = XEUtils.clone(rows, false);
@@ -6204,9 +6289,13 @@ var table_default = defineVxeComponent({
           const { handleGetRowId } = createHandleGetRowId($xeTable);
           const afterFullIdMaps = {};
           if (treeConfig) {
-            XEUtils.eachTree(afterFullData, (row) => {
-              afterFullIdMaps[handleGetRowId(row)] = 1;
-            }, { children: childrenField });
+            XEUtils.eachTree(
+              afterFullData,
+              (row) => {
+                afterFullIdMaps[handleGetRowId(row)] = 1;
+              },
+              { children: childrenField }
+            );
           } else {
             afterFullData.forEach((row) => {
               afterFullIdMaps[handleGetRowId(row)] = 1;
@@ -6496,9 +6585,7 @@ var table_default = defineVxeComponent({
         const { multiple, remote, orders } = sortOpts;
         if (sortConfs) {
           if (XEUtils.isString(sortConfs)) {
-            sortConfs = [
-              { field: sortConfs, order: sortOrder }
-            ];
+            sortConfs = [{ field: sortConfs, order: sortOrder }];
           }
         }
         if (!XEUtils.isArray(sortConfs)) {
@@ -6508,6 +6595,7 @@ var table_default = defineVxeComponent({
           if (!multiple) {
             clearAllSort();
           }
+          ;
           (multiple ? sortConfs : [sortConfs[0]]).forEach((confs, index) => {
             let { field, order } = confs;
             let column = field;
@@ -6646,13 +6734,17 @@ var table_default = defineVxeComponent({
         filterStore.visible = false;
         if (visible) {
           const field = column ? column.field : null;
-          dispatchEvent("filter-visible", {
-            column,
-            property: field,
-            field,
-            filterList: () => $xeTable.getCheckedFilters(),
-            visible: false
-          }, null);
+          dispatchEvent(
+            "filter-visible",
+            {
+              column,
+              property: field,
+              field,
+              filterList: () => $xeTable.getCheckedFilters(),
+              visible: false
+            },
+            null
+          );
         }
         return nextTick();
       },
@@ -6794,9 +6886,13 @@ var table_default = defineVxeComponent({
         const childrenField = treeOpts.children || treeOpts.childrenField;
         let expandedRows = [];
         if (props.treeConfig) {
-          XEUtils.eachTree(tableFullTreeData, (row) => {
-            expandedRows.push(row);
-          }, { children: childrenField });
+          XEUtils.eachTree(
+            tableFullTreeData,
+            (row) => {
+              expandedRows.push(row);
+            },
+            { children: childrenField }
+          );
         } else {
           expandedRows = tableFullData;
         }
@@ -6933,9 +7029,11 @@ var table_default = defineVxeComponent({
           return nextTick();
         }
         if (confList.length) {
-          handleUpdateRowGroup(confList.map((fieldOrColumn) => {
-            return XEUtils.isString(fieldOrColumn) ? fieldOrColumn : fieldOrColumn.field;
-          }));
+          handleUpdateRowGroup(
+            confList.map((fieldOrColumn) => {
+              return XEUtils.isString(fieldOrColumn) ? fieldOrColumn : fieldOrColumn.field;
+            })
+          );
           return loadTableData(internalData.tableSynchData, false, true);
         }
         return nextTick();
@@ -7021,11 +7119,15 @@ var table_default = defineVxeComponent({
             groupFields.forEach((groupField) => {
               gfKeys[groupField] = true;
             });
-            XEUtils.eachTree(internalData.afterGroupFullData, (row) => {
-              if (row.isAggregate && gfKeys[row.groupField]) {
-                rows.push(row);
-              }
-            }, { children: childrenField });
+            XEUtils.eachTree(
+              internalData.afterGroupFullData,
+              (row) => {
+                if (row.isAggregate && gfKeys[row.groupField]) {
+                  rows.push(row);
+                }
+              },
+              { children: childrenField }
+            );
             if (rows.length) {
               return handleRowGroupVirtualExpand(rows, expanded);
             }
@@ -7039,11 +7141,15 @@ var table_default = defineVxeComponent({
         const { mapChildrenField } = aggregateOpts;
         const rgExpandedMaps = {};
         if (expanded && mapChildrenField) {
-          XEUtils.eachTree(tableFullGroupData, (row) => {
-            if (row[mapChildrenField] && row[mapChildrenField].length) {
-              rgExpandedMaps[getRowid($xeTable, row)] = row;
-            }
-          }, { children: mapChildrenField });
+          XEUtils.eachTree(
+            tableFullGroupData,
+            (row) => {
+              if (row[mapChildrenField] && row[mapChildrenField].length) {
+                rgExpandedMaps[getRowid($xeTable, row)] = row;
+              }
+            },
+            { children: mapChildrenField }
+          );
         }
         internalData.rowGroupExpandedMaps = rgExpandedMaps;
         handleVirtualTreeToList();
@@ -7154,12 +7260,16 @@ var table_default = defineVxeComponent({
         const { transform, lazy } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const expandeds = [];
-        XEUtils.eachTree(tableFullTreeData, (row) => {
-          const rowChildren = row[childrenField];
-          if (lazy || rowChildren && rowChildren.length) {
-            expandeds.push(row);
-          }
-        }, { children: childrenField });
+        XEUtils.eachTree(
+          tableFullTreeData,
+          (row) => {
+            const rowChildren = row[childrenField];
+            if (lazy || rowChildren && rowChildren.length) {
+              expandeds.push(row);
+            }
+          },
+          { children: childrenField }
+        );
         return $xeTable.setTreeExpand(expandeds, expanded).then(() => {
           if (transform) {
             handleVirtualTreeToList();
@@ -7309,12 +7419,15 @@ var table_default = defineVxeComponent({
           }
         }
         return new Promise((resolve) => {
-          setTimeout(() => {
-            nextTick(() => {
-              internalData.intoRunScroll = false;
-              resolve();
-            });
-          }, reactData.scrollXLoad || reactData.scrollYLoad ? 30 : 0);
+          setTimeout(
+            () => {
+              nextTick(() => {
+                internalData.intoRunScroll = false;
+                resolve();
+              });
+            },
+            reactData.scrollXLoad || reactData.scrollYLoad ? 30 : 0
+          );
         });
       },
       /**
@@ -7454,10 +7567,14 @@ var table_default = defineVxeComponent({
         reactData.footerTableData = footData;
         $xeTable.clearFooterFormatterCache();
         $xeTable.handleUpdateFooterMerge();
-        $xeTable.dispatchEvent("footer-data-change", {
-          visibleColumn: internalData.visibleColumn,
-          footData
-        }, null);
+        $xeTable.dispatchEvent(
+          "footer-data-change",
+          {
+            visibleColumn: internalData.visibleColumn,
+            footData
+          },
+          null
+        );
         return nextTick();
       },
       /**
@@ -7671,9 +7788,7 @@ var table_default = defineVxeComponent({
         reactData.updateColFlag++;
         reactData.isColLoading = true;
         initColumnHierarchy();
-        return Promise.resolve(
-          handleCustomRestore(storeData)
-        ).then(() => {
+        return Promise.resolve(handleCustomRestore(storeData)).then(() => {
           return buildColumnInfo();
         }).then(() => {
           const { isRowGroupStatus, rowGroupList } = reactData;
@@ -8521,6 +8636,7 @@ var table_default = defineVxeComponent({
       if (el) {
         const clss = "row--drag-origin";
         XEUtils.arrayEach(el.querySelectorAll(`.${clss}`), (elem) => {
+          ;
           elem.draggable = false;
           removeClass(elem, clss);
         });
@@ -8572,6 +8688,7 @@ var table_default = defineVxeComponent({
       if (el) {
         const clss = "col--drag-origin";
         XEUtils.arrayEach(el.querySelectorAll(`.${clss}`), (elem) => {
+          ;
           elem.draggable = false;
           removeClass(elem, clss);
         });
@@ -9113,27 +9230,35 @@ var table_default = defineVxeComponent({
           const { lazy } = treeOpts;
           const childrenField = treeOpts.children || treeOpts.childrenField;
           const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
-          XEUtils.eachTree(tableFullTreeData, (row, index, items, path, parentRow, nodes) => {
-            const rowid = handleUpdateRowId(row);
-            if (lazy) {
-              if (row[hasChildField] && row[childrenField] === void 0) {
-                row[childrenField] = null;
-              }
-              if (treeExpandedMaps[rowid]) {
-                if (!row[childrenField] || !row[childrenField].length) {
-                  delete treeExpandedMaps[rowid];
+          XEUtils.eachTree(
+            tableFullTreeData,
+            (row, index, items, path, parentRow, nodes) => {
+              const rowid = handleUpdateRowId(row);
+              if (lazy) {
+                if (row[hasChildField] && row[childrenField] === void 0) {
+                  row[childrenField] = null;
+                }
+                if (treeExpandedMaps[rowid]) {
+                  if (!row[childrenField] || !row[childrenField].length) {
+                    delete treeExpandedMaps[rowid];
+                  }
                 }
               }
-            }
-            handleRowCache(row, index, items, parentRow ? -1 : index, parentRow, rowid, nodes.length - 1, toTreePathSeq(path));
-          }, { children: childrenField });
+              handleRowCache(row, index, items, parentRow ? -1 : index, parentRow, rowid, nodes.length - 1, toTreePathSeq(path));
+            },
+            { children: childrenField }
+          );
         } else if (isRowGroupStatus) {
           const aggregateOpts = computeAggregateOpts.value;
           const { mapChildrenField } = aggregateOpts;
-          XEUtils.eachTree(tableFullGroupData, (row, index, items, path, parentRow, nodes) => {
-            const rowid = handleUpdateRowId(row);
-            handleRowCache(row, index, items, parentRow ? -1 : index, parentRow, rowid, nodes.length - 1, toTreePathSeq(path));
-          }, { children: mapChildrenField });
+          XEUtils.eachTree(
+            tableFullGroupData,
+            (row, index, items, path, parentRow, nodes) => {
+              const rowid = handleUpdateRowId(row);
+              handleRowCache(row, index, items, parentRow ? -1 : index, parentRow, rowid, nodes.length - 1, toTreePathSeq(path));
+            },
+            { children: mapChildrenField }
+          );
         } else {
           tableFullData.forEach((row, index, items) => {
             handleRowCache(row, index, items, index, null, handleUpdateRowId(row), 0, index + 1);
@@ -9690,29 +9815,37 @@ var table_default = defineVxeComponent({
           if (isRowGroupStatus) {
             const mapChildrenField = aggregateOpts.mapChildrenField;
             if (mapChildrenField) {
-              XEUtils.eachTree(afterGroupFullData, (row) => {
+              XEUtils.eachTree(
+                afterGroupFullData,
+                (row) => {
+                  const rowid = handleGetRowId(row);
+                  const childList = row[mapChildrenField];
+                  if (childList && childList.length && !childRowMaps[rowid]) {
+                    childRowMaps[rowid] = 1;
+                    childRowList.unshift([row, rowid, childList]);
+                  }
+                },
+                { children: mapChildrenField }
+              );
+            }
+          } else if (treeConfig) {
+            const { transform, mapChildrenField } = treeOpts;
+            XEUtils.eachTree(
+              afterTreeFullData,
+              (row) => {
                 const rowid = handleGetRowId(row);
-                const childList = row[mapChildrenField];
+                const childList = row[transform ? mapChildrenField : childrenField];
                 if (childList && childList.length && !childRowMaps[rowid]) {
                   childRowMaps[rowid] = 1;
                   childRowList.unshift([row, rowid, childList]);
+                } else {
+                  if (indeterminateField) {
+                    XEUtils.set(row, indeterminateField, false);
+                  }
                 }
-              }, { children: mapChildrenField });
-            }
-          } else if (treeConfig) {
-            const { transform, mapChildrenField } = treeOpts;
-            XEUtils.eachTree(afterTreeFullData, (row) => {
-              const rowid = handleGetRowId(row);
-              const childList = row[transform ? mapChildrenField : childrenField];
-              if (childList && childList.length && !childRowMaps[rowid]) {
-                childRowMaps[rowid] = 1;
-                childRowList.unshift([row, rowid, childList]);
-              } else {
-                if (indeterminateField) {
-                  XEUtils.set(row, indeterminateField, false);
-                }
-              }
-            }, { children: transform ? mapChildrenField : childrenField });
+              },
+              { children: transform ? mapChildrenField : childrenField }
+            );
           }
           childRowList.forEach((vals) => {
             const row = vals[0];
@@ -9814,44 +9947,46 @@ var table_default = defineVxeComponent({
         let dhLen = 0;
         let vLen = 0;
         const rootList = treeConfig ? afterTreeFullData : isRowGroupStatus ? afterGroupFullData : afterFullData;
-        rootList.forEach(checkMethod ? (row) => {
-          const childRowid = handleGetRowId(row);
-          const selected = checkField ? XEUtils.get(row, checkField) : selectCheckboxMaps[childRowid];
-          if (isRowGroupStatus && $xeTable.isAggregateRecord(row)) {
-            const childList = row[mapChildrenField || ""];
-            if (selected) {
-              vLen++;
-              sLen++;
-            } else if (treeIndeterminateRowMaps[childRowid]) {
-              vLen++;
-              hLen++;
-            } else if (childList && childList.length && childList.some((item) => checkMethod({ $table: $xeTable, row: item }))) {
+        rootList.forEach(
+          checkMethod ? (row) => {
+            const childRowid = handleGetRowId(row);
+            const selected = checkField ? XEUtils.get(row, checkField) : selectCheckboxMaps[childRowid];
+            if (isRowGroupStatus && $xeTable.isAggregateRecord(row)) {
+              const childList = row[mapChildrenField || ""];
+              if (selected) {
+                vLen++;
+                sLen++;
+              } else if (treeIndeterminateRowMaps[childRowid]) {
+                vLen++;
+                hLen++;
+              } else if (childList && childList.length && childList.some((item) => checkMethod({ $table: $xeTable, row: item }))) {
+                vLen++;
+              }
+            } else if (checkMethod({ $table: $xeTable, row })) {
+              if (selected) {
+                sLen++;
+              } else if (treeIndeterminateRowMaps[childRowid]) {
+                hLen++;
+              }
               vLen++;
+            } else {
+              if (selected) {
+                dsLen++;
+              } else if (treeIndeterminateRowMaps[childRowid]) {
+                dhLen++;
+              }
             }
-          } else if (checkMethod({ $table: $xeTable, row })) {
+          } : (row) => {
+            const childRowid = handleGetRowId(row);
+            const selected = checkField ? XEUtils.get(row, checkField) : selectCheckboxMaps[childRowid];
             if (selected) {
               sLen++;
             } else if (treeIndeterminateRowMaps[childRowid]) {
               hLen++;
             }
             vLen++;
-          } else {
-            if (selected) {
-              dsLen++;
-            } else if (treeIndeterminateRowMaps[childRowid]) {
-              dhLen++;
-            }
           }
-        } : (row) => {
-          const childRowid = handleGetRowId(row);
-          const selected = checkField ? XEUtils.get(row, checkField) : selectCheckboxMaps[childRowid];
-          if (selected) {
-            sLen++;
-          } else if (treeIndeterminateRowMaps[childRowid]) {
-            hLen++;
-          }
-          vLen++;
-        });
+        );
         const isSelected = rootList.length > 0 ? vLen > 0 ? sLen >= vLen : sLen >= rootList.length : false;
         let halfSelect = !isSelected && (sLen > 0 || hLen > 0 || dsLen > 0 || dhLen > 0);
         if (!isSelected && !halfSelect && showReserveStatus) {
@@ -9882,20 +10017,24 @@ var table_default = defineVxeComponent({
         const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
         if (checkField) {
           if ((treeConfig || isRowGroupStatus) && !checkStrictly) {
-            XEUtils.eachTree(rows, (row) => {
-              if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
-                XEUtils.set(row, checkField, checked);
-                if (indeterminateField) {
-                  XEUtils.set(row, indeterminateField, false);
+            XEUtils.eachTree(
+              rows,
+              (row) => {
+                if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
+                  XEUtils.set(row, checkField, checked);
+                  if (indeterminateField) {
+                    XEUtils.set(row, indeterminateField, false);
+                  }
+                  handleCheckboxReserveRow(row, checked);
                 }
-                handleCheckboxReserveRow(row, checked);
-              }
-            }, { children: transform ? mapChildrenField : childrenField });
+              },
+              { children: transform ? mapChildrenField : childrenField }
+            );
             reactData.updateCheckboxFlag++;
             return;
           }
           rows.forEach((row) => {
-            if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
+            if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
               XEUtils.set(row, checkField, checked);
               handleCheckboxReserveRow(row, checked);
             }
@@ -9905,42 +10044,50 @@ var table_default = defineVxeComponent({
         }
         if (!checkStrictly) {
           if (isRowGroupStatus) {
-            XEUtils.eachTree(rows, (row) => {
-              const rowid = handleGetRowId(row);
-              if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
-                if (checked) {
-                  selectCheckboxMaps[rowid] = row;
-                } else {
-                  if (selectCheckboxMaps[rowid]) {
-                    delete selectCheckboxMaps[rowid];
+            XEUtils.eachTree(
+              rows,
+              (row) => {
+                const rowid = handleGetRowId(row);
+                if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
+                  if (checked) {
+                    selectCheckboxMaps[rowid] = row;
+                  } else {
+                    if (selectCheckboxMaps[rowid]) {
+                      delete selectCheckboxMaps[rowid];
+                    }
                   }
+                  handleCheckboxReserveRow(row, checked);
                 }
-                handleCheckboxReserveRow(row, checked);
-              }
-            }, { children: aggregateOpts.mapChildrenField });
+              },
+              { children: aggregateOpts.mapChildrenField }
+            );
             reactData.updateCheckboxFlag++;
             return;
           } else if (treeConfig) {
-            XEUtils.eachTree(rows, (row) => {
-              const rowid = handleGetRowId(row);
-              if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
-                if (checked) {
-                  selectCheckboxMaps[rowid] = row;
-                } else {
-                  if (selectCheckboxMaps[rowid]) {
-                    delete selectCheckboxMaps[rowid];
+            XEUtils.eachTree(
+              rows,
+              (row) => {
+                const rowid = handleGetRowId(row);
+                if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
+                  if (checked) {
+                    selectCheckboxMaps[rowid] = row;
+                  } else {
+                    if (selectCheckboxMaps[rowid]) {
+                      delete selectCheckboxMaps[rowid];
+                    }
                   }
+                  handleCheckboxReserveRow(row, checked);
                 }
-                handleCheckboxReserveRow(row, checked);
-              }
-            }, { children: transform ? mapChildrenField : childrenField });
+              },
+              { children: transform ? mapChildrenField : childrenField }
+            );
             reactData.updateCheckboxFlag++;
             return;
           }
         }
         rows.forEach((row) => {
           const rowid = handleGetRowId(row);
-          if (isForce || (!checkMethod || checkMethod({ $table: $xeTable, row }))) {
+          if (isForce || !checkMethod || checkMethod({ $table: $xeTable, row })) {
             if (checked) {
               if (!selectCheckboxMaps[rowid]) {
                 selectCheckboxMaps[rowid] = row;
@@ -10456,12 +10603,19 @@ var table_default = defineVxeComponent({
         if (!checkMethod || checkMethod({ $table: $xeTable, row })) {
           $xeTable.handleBatchSelectRows([row], checked);
           $xeTable.checkSelectionStatus();
-          dispatchEvent("checkbox-change", Object.assign({
-            records: () => $xeTable.getCheckboxRecords(),
-            reserves: () => $xeTable.getCheckboxReserveRecords(),
-            indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
-            checked
-          }, params), evnt);
+          dispatchEvent(
+            "checkbox-change",
+            Object.assign(
+              {
+                records: () => $xeTable.getCheckboxRecords(),
+                reserves: () => $xeTable.getCheckboxReserveRecords(),
+                indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
+                checked
+              },
+              params
+            ),
+            evnt
+          );
         }
       },
       /**
@@ -10598,15 +10752,19 @@ var table_default = defineVxeComponent({
           const columnIndex = expandColumn ? $xeTable.getColumnIndex(expandColumn) : -1;
           const $columnIndex = expandColumn ? $xeTable.getVMColumnIndex(expandColumn) : -1;
           $xeTable.setRowExpand(row, expanded);
-          dispatchEvent("toggle-row-expand", {
-            expanded,
-            column: expandColumn,
-            columnIndex,
-            $columnIndex,
-            row,
-            rowIndex: $xeTable.getRowIndex(row),
-            $rowIndex: $xeTable.getVMRowIndex(row)
-          }, evnt);
+          dispatchEvent(
+            "toggle-row-expand",
+            {
+              expanded,
+              column: expandColumn,
+              columnIndex,
+              $columnIndex,
+              row,
+              rowIndex: $xeTable.getRowIndex(row),
+              $rowIndex: $xeTable.getVMRowIndex(row)
+            },
+            evnt
+          );
         }
       },
       /**
@@ -10865,9 +11023,13 @@ var table_default = defineVxeComponent({
               if (oldRest && newRest) {
                 const { level: oldLevel } = oldRest;
                 const { level: newLevel } = newRest;
-                XEUtils.eachTree([dragRow], (item) => {
-                  oldAllMaps[getRowid($xeTable, item)] = item;
-                }, { children: mapChildrenField });
+                XEUtils.eachTree(
+                  [dragRow],
+                  (item) => {
+                    oldAllMaps[getRowid($xeTable, item)] = item;
+                  },
+                  { children: mapChildrenField }
+                );
                 if (oldLevel && newLevel) {
                   if (isPeerDrag && !isCrossDrag) {
                     if (oldRest.row[parentField] !== newRest.row[parentField]) {
@@ -10943,7 +11105,7 @@ var table_default = defineVxeComponent({
                   const ptfIndex = $xeTable.findRowIndexOf(fullList, prevDragRow);
                   const ntfIndex = ptfIndex + dragOffsetIndex;
                   fullList.splice(ntfIndex, 0, dragRow);
-                  if (isSelfToChildStatus && (isCrossDrag && isSelfToChildDrag)) {
+                  if (isSelfToChildStatus && isCrossDrag && isSelfToChildDrag) {
                     XEUtils.each(dragRow[childrenField], (childRow) => {
                       childRow[parentField] = dragRow[parentField];
                     });
@@ -10981,18 +11143,22 @@ var table_default = defineVxeComponent({
               $xeTable.updateScrollYSpace();
             }
             if (evnt) {
-              dispatchEvent("row-dragend", {
-                oldRow: dragRow,
-                newRow: prevDragRow,
-                dragRow,
-                dragPos: prevDragPos,
-                dragToChild: isDragToChildFlag,
-                offsetIndex: dragOffsetIndex,
-                _index: {
-                  newIndex: nafIndex,
-                  oldIndex: oafIndex
-                }
-              }, evnt);
+              dispatchEvent(
+                "row-dragend",
+                {
+                  oldRow: dragRow,
+                  newRow: prevDragRow,
+                  dragRow,
+                  dragPos: prevDragPos,
+                  dragToChild: isDragToChildFlag,
+                  offsetIndex: dragOffsetIndex,
+                  _index: {
+                    newIndex: nafIndex,
+                    oldIndex: oafIndex
+                  }
+                },
+                evnt
+              );
             }
             return nextTick().then(() => {
               if (animation) {
@@ -11135,9 +11301,13 @@ var table_default = defineVxeComponent({
                 moveRowAnimateToTb(dtTrList, dragRowHeight);
               }
             });
-            dispatchEvent("row-remove-dragend", {
-              row: dragRow
-            }, evnt);
+            dispatchEvent(
+              "row-remove-dragend",
+              {
+                row: dragRow
+              },
+              evnt
+            );
             handleRowDragEndClearStatus();
           }
         }
@@ -11253,14 +11423,18 @@ var table_default = defineVxeComponent({
                   insertRest = $xeTable.insert(dragRow);
                 }
               }
-              dispatchEvent("row-insert-dragend", {
-                oldRow,
-                newRow: prevDragRow,
-                dragRow,
-                dragPos: prevDragPos,
-                dragToChild: isDragToChildFlag,
-                offsetIndex: dragOffsetIndex
-              }, evnt);
+              dispatchEvent(
+                "row-insert-dragend",
+                {
+                  oldRow,
+                  newRow: prevDragRow,
+                  dragRow,
+                  dragPos: prevDragPos,
+                  dragToChild: isDragToChildFlag,
+                  offsetIndex: dragOffsetIndex
+                },
+                evnt
+              );
               clearRowDragData();
               insertRest.then(() => {
                 const { tableData } = reactData;
@@ -11387,7 +11561,7 @@ var table_default = defineVxeComponent({
           const row = rowRest.row;
           const offsetY = evnt.clientY - trEl.getBoundingClientRect().y;
           const dragPos = offsetY < trEl.clientHeight / 2 ? "top" : "bottom";
-          internalData.prevDragToChild = !!(treeConfig && transform && (isCrossDrag && isToChildDrag) && isControlKey);
+          internalData.prevDragToChild = !!(treeConfig && transform && isCrossDrag && isToChildDrag && isControlKey);
           internalData.prevDragRow = row;
           internalData.prevDragPos = dragPos;
           if (isCrossTableDrag && (!treeConfig || isCrossDrag) && crossTableDragRowObj) {
@@ -11414,16 +11588,20 @@ var table_default = defineVxeComponent({
               }
             }
           }
-          if ($xeTable.eqRow(dragRow, row) || isControlKey && treeConfig && lazy && row[hasChildField] && (rowRest && !rowRest.treeLoaded) && !isAutoLazyLoadToChild && !isAutoExpandToChild || !isCrossDrag && treeConfig && transform && (isPeerDrag ? dragRow[parentField] !== row[parentField] : rowRest.level)) {
+          if ($xeTable.eqRow(dragRow, row) || isControlKey && treeConfig && lazy && row[hasChildField] && rowRest && !rowRest.treeLoaded && !isAutoLazyLoadToChild && !isAutoExpandToChild || !isCrossDrag && treeConfig && transform && (isPeerDrag ? dragRow[parentField] !== row[parentField] : rowRest.level)) {
             showDropTip(evnt, trEl, null, false, dragPos);
             return;
           }
           showDropTip(evnt, trEl, null, true, dragPos);
-          dispatchEvent("row-dragover", {
-            oldRow: dragRow,
-            targetRow: row,
-            dragPos
-          }, evnt);
+          dispatchEvent(
+            "row-dragover",
+            {
+              oldRow: dragRow,
+              targetRow: row,
+              dragPos
+            },
+            evnt
+          );
         }
       },
       handleCellDragMousedownEvent(evnt, params) {
@@ -11589,7 +11767,7 @@ var table_default = defineVxeComponent({
               return errRest;
             }
             const oldewMatchRest = XEUtils.findTree(collectColumn, (item) => item.id === dragColumn.id);
-            if (isSelfToChildStatus && (isCrossDrag && isSelfToChildDrag)) {
+            if (isSelfToChildStatus && isCrossDrag && isSelfToChildDrag) {
               if (oldewMatchRest) {
                 const { items: oCols, index: oIndex } = oldewMatchRest;
                 const childList = dragColumn.children || [];
@@ -11639,18 +11817,22 @@ var table_default = defineVxeComponent({
               }
             }
             if (evnt) {
-              dispatchEvent("column-dragend", {
-                oldColumn: dragColumn,
-                newColumn,
-                dragColumn,
-                dragPos: prevDragPos,
-                dragToChild: isDragToChildFlag,
-                offsetIndex: dragOffsetIndex,
-                _index: {
-                  newIndex: nafIndex,
-                  oldIndex: oafIndex
-                }
-              }, evnt);
+              dispatchEvent(
+                "column-dragend",
+                {
+                  oldColumn: dragColumn,
+                  newColumn,
+                  dragColumn,
+                  dragPos: prevDragPos,
+                  dragToChild: isDragToChildFlag,
+                  offsetIndex: dragOffsetIndex,
+                  _index: {
+                    newIndex: nafIndex,
+                    oldIndex: oafIndex
+                  }
+                },
+                evnt
+              );
             }
             return nextTick().then(() => {
               if (isSyncColumn) {
@@ -11773,11 +11955,15 @@ var table_default = defineVxeComponent({
             return;
           }
           showDropTip(evnt, null, thEl, true, dragPos);
-          dispatchEvent("column-dragover", {
-            oldColumn: dragCol,
-            targetColumn: column,
-            dragPos
-          }, evnt);
+          dispatchEvent(
+            "column-dragover",
+            {
+              oldColumn: dragCol,
+              targetColumn: column,
+              dragPos
+            },
+            evnt
+          );
           const el = refElem.value;
           if (!el) {
             return;
@@ -12759,41 +12945,45 @@ var table_default = defineVxeComponent({
       const fixedColumn = isFixedLeft ? columnStore.leftList : columnStore.rightList;
       const osXBehavior = XEUtils.eqNull(overscrollXBehavior) ? scrollbarOpts.overscrollBehavior : overscrollXBehavior;
       const osYBehavior = XEUtils.eqNull(overscrollYBehavior) ? scrollbarOpts.overscrollBehavior : overscrollYBehavior;
-      return h("div", {
-        ref: isFixedLeft ? refLeftContainer : refRightContainer,
-        class: [
-          `vxe-table--fixed-${fixedType}-wrapper`,
-          `sx--${scrollXVisible === false || scrollXVisible === "hidden" ? "hidden" : "visible"}`,
-          `sy--${scrollYVisible === false || scrollYVisible === "hidden" ? "hidden" : "visible"}`,
-          {
-            [`x-ob--${osXBehavior}`]: osXBehavior,
-            [`y-ob--${osYBehavior}`]: osYBehavior
-          }
+      return h(
+        "div",
+        {
+          ref: isFixedLeft ? refLeftContainer : refRightContainer,
+          class: [
+            `vxe-table--fixed-${fixedType}-wrapper`,
+            `sx--${scrollXVisible === false || scrollXVisible === "hidden" ? "hidden" : "visible"}`,
+            `sy--${scrollYVisible === false || scrollYVisible === "hidden" ? "hidden" : "visible"}`,
+            {
+              [`x-ob--${osXBehavior}`]: osXBehavior,
+              [`y-ob--${osYBehavior}`]: osYBehavior
+            }
+          ]
+        },
+        [
+          showHeader ? h(TableHeaderComponent, {
+            ref: isFixedLeft ? refTableLeftHeader : refTableRightHeader,
+            fixedType,
+            tableData,
+            tableColumn,
+            tableGroupColumn,
+            fixedColumn
+          }) : renderEmptyElement($xeTable),
+          h(TableBodyComponent, {
+            ref: isFixedLeft ? refTableLeftBody : refTableRightBody,
+            fixedType,
+            tableData,
+            tableColumn,
+            fixedColumn
+          }),
+          showFooter ? h(TableFooterComponent, {
+            ref: isFixedLeft ? refTableLeftFooter : refTableRightFooter,
+            footerTableData,
+            tableColumn,
+            fixedColumn,
+            fixedType
+          }) : renderEmptyElement($xeTable)
         ]
-      }, [
-        showHeader ? h(TableHeaderComponent, {
-          ref: isFixedLeft ? refTableLeftHeader : refTableRightHeader,
-          fixedType,
-          tableData,
-          tableColumn,
-          tableGroupColumn,
-          fixedColumn
-        }) : renderEmptyElement($xeTable),
-        h(TableBodyComponent, {
-          ref: isFixedLeft ? refTableLeftBody : refTableRightBody,
-          fixedType,
-          tableData,
-          tableColumn,
-          fixedColumn
-        }),
-        showFooter ? h(TableFooterComponent, {
-          ref: isFixedLeft ? refTableLeftFooter : refTableRightFooter,
-          footerTableData,
-          tableColumn,
-          fixedColumn,
-          fixedType
-        }) : renderEmptyElement($xeTable)
-      ]);
+      );
     };
     const renderEmptyBody = () => {
       const emptyOpts = computeEmptyOpts.value;
@@ -12837,47 +13027,73 @@ var table_default = defineVxeComponent({
       const columnDragOpts = computeColumnDragOpts.value;
       const dRow = dragRow || (rowDragOpts.isCrossTableDrag ? crossTableDragRowInfo.row : null);
       if (rowOpts.drag || columnOpts.drag) {
-        return h("div", {
-          class: "vxe-table--drag-wrapper"
-        }, [
-          h("div", {
-            ref: refDragRowLineElem,
-            class: ["vxe-table--drag-row-line", {
-              "is--guides": rowDragOpts.showGuidesStatus
-            }]
-          }),
-          h("div", {
-            ref: refDragColLineElem,
-            class: ["vxe-table--drag-col-line", {
-              "is--guides": columnDragOpts.showGuidesStatus
-            }]
-          }),
-          dRow && rowDragOpts.showDragTip || dragCol && columnDragOpts.showDragTip ? h("div", {
-            ref: refDragTipElem,
-            class: "vxe-table--drag-sort-tip"
-          }, [
+        return h(
+          "div",
+          {
+            class: "vxe-table--drag-wrapper"
+          },
+          [
             h("div", {
-              class: "vxe-table--drag-sort-tip-wrapper"
-            }, [
-              h("div", {
-                class: "vxe-table--drag-sort-tip-status"
-              }, [
-                h("span", {
-                  class: ["vxe-table--drag-sort-tip-normal-status", dRow ? getIcon().TABLE_DRAG_STATUS_ROW : getIcon().TABLE_DRAG_STATUS_COLUMN]
-                }),
-                h("span", {
-                  class: ["vxe-table--drag-sort-tip-sub-status", getIcon().TABLE_DRAG_STATUS_SUB_ROW]
-                }),
-                h("span", {
-                  class: ["vxe-table--drag-sort-tip-disabled-status", getIcon().TABLE_DRAG_DISABLED]
-                })
-              ]),
-              h("div", {
-                class: "vxe-table--drag-sort-tip-content"
-              }, renderDragTipContents())
-            ])
-          ]) : renderEmptyElement($xeTable)
-        ]);
+              ref: refDragRowLineElem,
+              class: [
+                "vxe-table--drag-row-line",
+                {
+                  "is--guides": rowDragOpts.showGuidesStatus
+                }
+              ]
+            }),
+            h("div", {
+              ref: refDragColLineElem,
+              class: [
+                "vxe-table--drag-col-line",
+                {
+                  "is--guides": columnDragOpts.showGuidesStatus
+                }
+              ]
+            }),
+            dRow && rowDragOpts.showDragTip || dragCol && columnDragOpts.showDragTip ? h(
+              "div",
+              {
+                ref: refDragTipElem,
+                class: "vxe-table--drag-sort-tip"
+              },
+              [
+                h(
+                  "div",
+                  {
+                    class: "vxe-table--drag-sort-tip-wrapper"
+                  },
+                  [
+                    h(
+                      "div",
+                      {
+                        class: "vxe-table--drag-sort-tip-status"
+                      },
+                      [
+                        h("span", {
+                          class: ["vxe-table--drag-sort-tip-normal-status", dRow ? getIcon().TABLE_DRAG_STATUS_ROW : getIcon().TABLE_DRAG_STATUS_COLUMN]
+                        }),
+                        h("span", {
+                          class: ["vxe-table--drag-sort-tip-sub-status", getIcon().TABLE_DRAG_STATUS_SUB_ROW]
+                        }),
+                        h("span", {
+                          class: ["vxe-table--drag-sort-tip-disabled-status", getIcon().TABLE_DRAG_DISABLED]
+                        })
+                      ]
+                    ),
+                    h(
+                      "div",
+                      {
+                        class: "vxe-table--drag-sort-tip-content"
+                      },
+                      renderDragTipContents()
+                    )
+                  ]
+                )
+              ]
+            ) : renderEmptyElement($xeTable)
+          ]
+        );
       }
       return renderEmptyElement($xeTable);
     };
@@ -12965,94 +13181,133 @@ var table_default = defineVxeComponent({
             items: []
           };
           expandVNs.push(
-            h("div", {
-              key: rowid,
-              class: ["vxe-body--row-expanded-cell", {
-                "is--padding": padding,
-                "is--ellipsis": expandHeight
-              }],
-              rowid,
-              style: cellStyle
-            }, [
-              h("div", {
-                class: "vxe-body--row-expanded-content"
-              }, expandColumn.renderData(expandParams))
-            ])
+            h(
+              "div",
+              {
+                key: rowid,
+                class: [
+                  "vxe-body--row-expanded-cell",
+                  {
+                    "is--padding": padding,
+                    "is--ellipsis": expandHeight
+                  }
+                ],
+                rowid,
+                style: cellStyle
+              },
+              [
+                h(
+                  "div",
+                  {
+                    class: "vxe-body--row-expanded-content"
+                  },
+                  expandColumn.renderData(expandParams)
+                )
+              ]
+            )
           );
         });
       }
-      return h("div", {
-        ref: refRowExpandElem,
-        class: "vxe-table--row-expanded-wrapper"
-      }, expandVNs);
+      return h(
+        "div",
+        {
+          ref: refRowExpandElem,
+          class: "vxe-table--row-expanded-wrapper"
+        },
+        expandVNs
+      );
     };
     const renderScrollX = () => {
-      return h("div", {
-        key: "vsx",
-        ref: refScrollXVirtualElem,
-        class: "vxe-table--scroll-x-virtual"
-      }, [
-        h("div", {
-          ref: refScrollXLeftCornerElem,
-          class: "vxe-table--scroll-x-left-corner"
-        }),
-        h("div", {
-          ref: refScrollXWrapperElem,
-          class: "vxe-table--scroll-x-wrapper"
-        }, [
+      return h(
+        "div",
+        {
+          key: "vsx",
+          ref: refScrollXVirtualElem,
+          class: "vxe-table--scroll-x-virtual"
+        },
+        [
           h("div", {
-            ref: refScrollXHandleElem,
-            class: "vxe-table--scroll-x-handle",
-            onScroll: $xeTable.triggerVirtualScrollXEvent
-          }, [
-            h("div", {
-              ref: refScrollXSpaceElem,
-              class: "vxe-table--scroll-x-space"
-            })
-          ]),
+            ref: refScrollXLeftCornerElem,
+            class: "vxe-table--scroll-x-left-corner"
+          }),
+          h(
+            "div",
+            {
+              ref: refScrollXWrapperElem,
+              class: "vxe-table--scroll-x-wrapper"
+            },
+            [
+              h(
+                "div",
+                {
+                  ref: refScrollXHandleElem,
+                  class: "vxe-table--scroll-x-handle",
+                  onScroll: $xeTable.triggerVirtualScrollXEvent
+                },
+                [
+                  h("div", {
+                    ref: refScrollXSpaceElem,
+                    class: "vxe-table--scroll-x-space"
+                  })
+                ]
+              ),
+              h("div", {
+                class: "vxe-table--scroll-x-handle-appearance"
+              })
+            ]
+          ),
           h("div", {
-            class: "vxe-table--scroll-x-handle-appearance"
+            ref: refScrollXRightCornerElem,
+            class: "vxe-table--scroll-x-right-corner"
           })
-        ]),
-        h("div", {
-          ref: refScrollXRightCornerElem,
-          class: "vxe-table--scroll-x-right-corner"
-        })
-      ]);
+        ]
+      );
     };
     const renderScrollY = () => {
-      return h("div", {
-        key: "vsy",
-        ref: refScrollYVirtualElem,
-        class: "vxe-table--scroll-y-virtual"
-      }, [
-        h("div", {
-          ref: refScrollYTopCornerElem,
-          class: "vxe-table--scroll-y-top-corner"
-        }),
-        h("div", {
-          ref: refScrollYWrapperElem,
-          class: "vxe-table--scroll-y-wrapper"
-        }, [
+      return h(
+        "div",
+        {
+          key: "vsy",
+          ref: refScrollYVirtualElem,
+          class: "vxe-table--scroll-y-virtual"
+        },
+        [
           h("div", {
-            ref: refScrollYHandleElem,
-            class: "vxe-table--scroll-y-handle",
-            onScroll: $xeTable.triggerVirtualScrollYEvent
-          }, [
-            h("div", {
-              ref: refScrollYSpaceElem,
-              class: "vxe-table--scroll-y-space"
-            })
-          ]),
+            ref: refScrollYTopCornerElem,
+            class: "vxe-table--scroll-y-top-corner"
+          }),
+          h(
+            "div",
+            {
+              ref: refScrollYWrapperElem,
+              class: "vxe-table--scroll-y-wrapper"
+            },
+            [
+              h(
+                "div",
+                {
+                  ref: refScrollYHandleElem,
+                  class: "vxe-table--scroll-y-handle",
+                  onScroll: $xeTable.triggerVirtualScrollYEvent
+                },
+                [
+                  h("div", {
+                    ref: refScrollYSpaceElem,
+                    class: "vxe-table--scroll-y-space"
+                  })
+                ]
+              ),
+              h("div", {
+                class: "vxe-table--scroll-y-handle-appearance"
+              })
+            ]
+          ),
           h("div", {
-            class: "vxe-table--scroll-y-handle-appearance"
+            ref: refScrollYBottomCornerElem,
+            class: "vxe-table--scroll-y-bottom-corner"
           })
-        ]),
-        h("div", {
-          ref: refScrollYBottomCornerElem,
-          class: "vxe-table--scroll-y-bottom-corner"
-        })
-      ]);
+        ]
+      );
     };
     const renderViewport = () => {
       const { showHeader, showFooter } = props;
@@ -13067,68 +13322,74 @@ var table_default = defineVxeComponent({
       const { leftList, rightList } = columnStore;
       const osXBehavior = XEUtils.eqNull(overscrollXBehavior) ? scrollbarOpts.overscrollBehavior : overscrollXBehavior;
       const osYBehavior = XEUtils.eqNull(overscrollYBehavior) ? scrollbarOpts.overscrollBehavior : overscrollYBehavior;
-      return h("div", {
-        key: "tvw",
-        ref: refTableViewportElem,
-        class: ["vxe-table--viewport-wrapper", {
-          [`x-ob--${osXBehavior}`]: osXBehavior,
-          [`y-ob--${osYBehavior}`]: osYBehavior
-        }]
-      }, [
-        h("div", {
+      return h(
+        "div",
+        {
+          key: "tvw",
+          ref: refTableViewportElem,
           class: [
-            "vxe-table--main-wrapper",
-            `sx--${scrollXVisible === false || scrollXVisible === "hidden" ? "hidden" : "visible"}`,
-            `sy--${scrollYVisible === false || scrollYVisible === "hidden" ? "hidden" : "visible"}`
+            "vxe-table--viewport-wrapper",
+            {
+              [`x-ob--${osXBehavior}`]: osXBehavior,
+              [`y-ob--${osYBehavior}`]: osYBehavior
+            }
           ]
-        }, [
-          /**
-           * 表头
-           */
-          showHeader ? h(TableHeaderComponent, {
-            ref: refTableHeader,
-            tableData,
-            tableColumn,
-            tableGroupColumn
-          }) : renderEmptyElement($xeTable),
-          /**
-           * 表体
-           */
-          h(TableBodyComponent, {
-            ref: refTableBody,
-            tableData,
-            tableColumn
-          }),
-          /**
-           * 表尾
-           */
-          showFooter ? h(TableFooterComponent, {
-            ref: refTableFooter,
-            footerTableData,
-            tableColumn
-          }) : renderEmptyElement($xeTable)
-        ]),
-        h("div", {
-          class: "vxe-table--fixed-wrapper"
-        }, [
-          leftList && leftList.length && overflowX ? renderViewFixed("left") : renderEmptyElement($xeTable),
-          rightList && rightList.length && overflowX ? renderViewFixed("right") : renderEmptyElement($xeTable)
-        ]),
-        renderRowExpandedVNs()
-      ]);
+        },
+        [
+          h(
+            "div",
+            {
+              class: ["vxe-table--main-wrapper", `sx--${scrollXVisible === false || scrollXVisible === "hidden" ? "hidden" : "visible"}`, `sy--${scrollYVisible === false || scrollYVisible === "hidden" ? "hidden" : "visible"}`]
+            },
+            [
+              /**
+               * 表头
+               */
+              showHeader ? h(TableHeaderComponent, {
+                ref: refTableHeader,
+                tableData,
+                tableColumn,
+                tableGroupColumn
+              }) : renderEmptyElement($xeTable),
+              /**
+               * 表体
+               */
+              h(TableBodyComponent, {
+                ref: refTableBody,
+                tableData,
+                tableColumn
+              }),
+              /**
+               * 表尾
+               */
+              showFooter ? h(TableFooterComponent, {
+                ref: refTableFooter,
+                footerTableData,
+                tableColumn
+              }) : renderEmptyElement($xeTable)
+            ]
+          ),
+          h(
+            "div",
+            {
+              class: "vxe-table--fixed-wrapper"
+            },
+            [leftList && leftList.length && overflowX ? renderViewFixed("left") : renderEmptyElement($xeTable), rightList && rightList.length && overflowX ? renderViewFixed("right") : renderEmptyElement($xeTable)]
+          ),
+          renderRowExpandedVNs()
+        ]
+      );
     };
     const renderNativeBody = () => {
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
-      return h("div", {
-        key: "lnb",
-        class: "vxe-table--layout-wrapper"
-      }, scrollbarYToLeft ? [
-        renderScrollY(),
-        renderViewport()
-      ] : [
-        renderViewport(),
-        renderScrollY()
-      ]);
+      return h(
+        "div",
+        {
+          key: "lnb",
+          class: "vxe-table--layout-wrapper"
+        },
+        scrollbarYToLeft ? [renderScrollY(), renderViewport()] : [renderViewport(), renderScrollY()]
+      );
     };
     const renderVirtualBody = () => {
       const $xeGanttView = internalData.xeGanttView;
@@ -13144,53 +13405,74 @@ var table_default = defineVxeComponent({
       const scrollbarWrapperClss = computeScrollbarWrapperClss.value;
       const hideXScroll = scrollXVisible === false || scrollXVisible === "hidden";
       const hideYScroll = scrollYVisible === false || scrollYVisible === "hidden";
-      return h("div", {
-        key: "lvb",
-        class: ["vxe-table--layout-wrapper", `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`, `sy-pos--${scrollbarYToLeft ? "left" : "right"}`, {
-          "is--virtual-scrollbar": isVScrollbar,
-          "ov-padding": isVScrollbar && scrollbarOpts.padding,
-          "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
-          "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
-          "overflow-y": yThumbHeight,
-          "overflow-x": xThumbWidth
-        }]
-      }, [
-        renderViewport(),
-        h("div", {
-          class: scrollbarWrapperClss
-        }, [
-          hideXScroll ? renderEmptyElement($xeTable) : h("div", {
-            ref: refTrackXElem,
-            class: "vxe-scrollbar--track-x",
-            onClick: clickTrackXEvent
-          }, [
-            h("div", {
-              ref: refThumbXElem,
-              class: "vxe-scrollbar--thumb-x",
-              onPointerdown: pointerdownThumbXEvent,
-              onPointermove: pointermoveThumbXEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ]),
-          hideYScroll || $xeGantt && $xeGanttView && $xeGantt.reactData.showRightView && !scrollbarYToLeft ? renderEmptyElement($xeTable) : h("div", {
-            ref: refTrackYElem,
-            class: "vxe-scrollbar--track-y",
-            onClick: clickTrackYEvent
-          }, [
-            h("div", {
-              ref: refThumbYElem,
-              class: "vxe-scrollbar--thumb-y",
-              onPointerdown: pointerdownThumbYEvent,
-              onPointermove: pointermoveThumbYEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ])
-        ])
-      ]);
+      return h(
+        "div",
+        {
+          key: "lvb",
+          class: [
+            "vxe-table--layout-wrapper",
+            `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+            `sy-pos--${scrollbarYToLeft ? "left" : "right"}`,
+            {
+              "is--virtual-scrollbar": isVScrollbar,
+              "ov-padding": isVScrollbar && scrollbarOpts.padding,
+              "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
+              "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
+              "overflow-y": yThumbHeight,
+              "overflow-x": xThumbWidth
+            }
+          ]
+        },
+        [
+          renderViewport(),
+          h(
+            "div",
+            {
+              class: scrollbarWrapperClss
+            },
+            [
+              hideXScroll ? renderEmptyElement($xeTable) : h(
+                "div",
+                {
+                  ref: refTrackXElem,
+                  class: "vxe-scrollbar--track-x",
+                  onClick: clickTrackXEvent
+                },
+                [
+                  h("div", {
+                    ref: refThumbXElem,
+                    class: "vxe-scrollbar--thumb-x",
+                    onPointerdown: pointerdownThumbXEvent,
+                    onPointermove: pointermoveThumbXEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              ),
+              hideYScroll || $xeGantt && $xeGanttView && $xeGantt.reactData.showRightView && !scrollbarYToLeft ? renderEmptyElement($xeTable) : h(
+                "div",
+                {
+                  ref: refTrackYElem,
+                  class: "vxe-scrollbar--track-y",
+                  onClick: clickTrackYEvent
+                },
+                [
+                  h("div", {
+                    ref: refThumbYElem,
+                    class: "vxe-scrollbar--thumb-y",
+                    onPointerdown: pointerdownThumbYEvent,
+                    onPointermove: pointermoveThumbYEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              )
+            ]
+          )
+        ]
+      );
     };
     const renderVN = () => {
       const { loading, stripe, showHeader, height, treeConfig, mouseConfig, showFooter, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, editRules, importConfig, exportConfig, printConfig } = props;
@@ -13237,316 +13519,423 @@ var table_default = defineVxeComponent({
       if (isCrossTableDrag && !tableData.length) {
         tbOns.onDragover = $xeTable.handleCrossTableRowDragoverEmptyEvent;
       }
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-table", "vxe-table--render-default", `tid_${xID}`, `border--${tableBorder}`, isVScrollbar ? "is--virtual-scrollbar" : "is--native-scrollbar", `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`, `sy-pos--${scrollbarYToLeft ? "left" : "right"}`, {
-          [`size--${vSize}`]: vSize,
-          [`valid-msg--${validOpts.msgMode}`]: !!editRules,
-          "vxe-editable": !!editConfig,
-          "old-cell-valid": editRules && getConfig().cellVaildMode === "obsolete",
-          "cell--highlight": highlightCell,
-          "cell--selected": hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected,
-          "cell--area": isArea,
-          "header-cell--area": isArea && areaOpts.selectCellByHeader,
-          "body-cell--area": isArea && areaOpts.selectCellByBody,
-          "row--highlight": rowOpts.isHover || highlightHoverRow,
-          "column--highlight": columnOpts.isHover || highlightHoverColumn,
-          "checkbox--range": checkboxOpts.range,
-          "col--drag-cell": columnOpts.drag && columnDragOpts.trigger === "cell",
-          "is--header": showHeader,
-          "not--header": !showHeader,
-          "is--footer": showFooter,
-          "not--footer": !showFooter,
-          "is--group": isGroup,
-          "is-row-group": isRowGroupStatus,
-          "is--tree-line": treeConfig && (treeOpts.showLine || treeOpts.line),
-          "is--fixed-left": leftList.length,
-          "is--fixed-right": rightList.length,
-          "is--animat": !!props.animat,
-          "is--round": props.round,
-          "is--stripe": !treeConfig && stripe,
-          "is--loading": currLoading,
-          "is--empty": !currLoading && !tableData.length,
-          "is--scroll-y": overflowY,
-          "not--scroll-y": !overflowY,
-          "is--scroll-x": overflowX,
-          "not--scroll-x": !overflowX,
-          "is--virtual-x": scrollXLoad,
-          "is--virtual-y": scrollYLoad
-        }],
-        style: tableStyle,
-        spellcheck: false,
-        ...tbOns
-      }, [
-        /**
-         * 隐藏列
-         */
-        h("div", {
-          key: "tss",
-          class: "vxe-table-slots"
-        }, slots.default ? slots.default({}) : []),
-        h("div", {
-          key: "tvr",
-          ref: refVarElem,
-          class: "vxe-table-vars"
-        }, [
-          h("div", {
-            class: "vxe-table-var-xlarge"
-          }),
-          h("div", {
-            class: "vxe-table-var-large"
-          }),
-          h("div", {
-            class: "vxe-table-var-default"
-          }),
-          h("div", {
-            class: "vxe-table-var-medium"
-          }),
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-table",
+            "vxe-table--render-default",
+            `tid_${xID}`,
+            `border--${tableBorder}`,
+            isVScrollbar ? "is--virtual-scrollbar" : "is--native-scrollbar",
+            `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+            `sy-pos--${scrollbarYToLeft ? "left" : "right"}`,
+            {
+              [`size--${vSize}`]: vSize,
+              [`valid-msg--${validOpts.msgMode}`]: !!editRules,
+              "vxe-editable": !!editConfig,
+              "old-cell-valid": editRules && getConfig().cellVaildMode === "obsolete",
+              "cell--highlight": highlightCell,
+              "cell--selected": hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected,
+              "cell--area": isArea,
+              "header-cell--area": isArea && areaOpts.selectCellByHeader,
+              "body-cell--area": isArea && areaOpts.selectCellByBody,
+              "row--highlight": rowOpts.isHover || highlightHoverRow,
+              "column--highlight": columnOpts.isHover || highlightHoverColumn,
+              "checkbox--range": checkboxOpts.range,
+              "col--drag-cell": columnOpts.drag && columnDragOpts.trigger === "cell",
+              "is--header": showHeader,
+              "not--header": !showHeader,
+              "is--footer": showFooter,
+              "not--footer": !showFooter,
+              "is--group": isGroup,
+              "is-row-group": isRowGroupStatus,
+              "is--tree-line": treeConfig && (treeOpts.showLine || treeOpts.line),
+              "is--fixed-left": leftList.length,
+              "is--fixed-right": rightList.length,
+              "is--animat": !!props.animat,
+              "is--round": props.round,
+              "is--stripe": !treeConfig && stripe,
+              "is--loading": currLoading,
+              "is--empty": !currLoading && !tableData.length,
+              "is--scroll-y": overflowY,
+              "not--scroll-y": !overflowY,
+              "is--scroll-x": overflowX,
+              "not--scroll-x": !overflowX,
+              "is--virtual-x": scrollXLoad,
+              "is--virtual-y": scrollYLoad
+            }
+          ],
+          style: tableStyle,
+          spellcheck: false,
+          ...tbOns
+        },
+        [
+          /**
+           * 隐藏列
+           */
+          h(
+            "div",
+            {
+              key: "tss",
+              class: "vxe-table-slots"
+            },
+            slots.default ? slots.default({}) : []
+          ),
+          h(
+            "div",
+            {
+              key: "tvr",
+              ref: refVarElem,
+              class: "vxe-table-vars"
+            },
+            [
+              h("div", {
+                class: "vxe-table-var-xlarge"
+              }),
+              h("div", {
+                class: "vxe-table-var-large"
+              }),
+              h("div", {
+                class: "vxe-table-var-default"
+              }),
+              h("div", {
+                class: "vxe-table-var-medium"
+              }),
+              h("div", {
+                class: "vxe-table-var-small"
+              }),
+              h("div", {
+                class: "vxe-table-var-mini"
+              })
+            ]
+          ),
+          h(
+            "div",
+            {
+              key: "tw",
+              class: "vxe-table--render-wrapper"
+            },
+            isVScrollbar ? [renderVirtualBody()] : scrollbarXToTop ? [renderScrollX(), renderNativeBody()] : [renderNativeBody(), renderScrollX()]
+          ),
+          /**
+           * 空数据
+           */
+          h(
+            "div",
+            {
+              key: "tn",
+              ref: refEmptyPlaceholder,
+              class: "vxe-table--empty-place-wrapper",
+              xid: xID
+            },
+            [
+              h(
+                "div",
+                {
+                  class: "vxe-table--empty-placeholder"
+                },
+                [
+                  h(
+                    "div",
+                    {
+                      class: "vxe-table--empty-content"
+                    },
+                    renderEmptyBody()
+                  )
+                ]
+              )
+            ]
+          ),
+          /**
+           * 边框线
+           */
           h("div", {
-            class: "vxe-table-var-small"
+            key: "tl",
+            class: "vxe-table--border-line"
           }),
-          h("div", {
-            class: "vxe-table-var-mini"
-          })
-        ]),
-        h("div", {
-          key: "tw",
-          class: "vxe-table--render-wrapper"
-        }, isVScrollbar ? [renderVirtualBody()] : scrollbarXToTop ? [
-          renderScrollX(),
-          renderNativeBody()
-        ] : [
-          renderNativeBody(),
-          renderScrollX()
-        ]),
-        /**
-         * 空数据
-         */
-        h("div", {
-          key: "tn",
-          ref: refEmptyPlaceholder,
-          class: "vxe-table--empty-place-wrapper",
-          xid: xID
-        }, [
-          h("div", {
-            class: "vxe-table--empty-placeholder"
-          }, [
-            h("div", {
-              class: "vxe-table--empty-content"
-            }, renderEmptyBody())
-          ])
-        ]),
-        /**
-         * 边框线
-         */
-        h("div", {
-          key: "tl",
-          class: "vxe-table--border-line"
-        }),
-        /**
-         * 列宽线
-         */
-        h("div", {
-          key: "tcl",
-          ref: refColResizeBar,
-          class: "vxe-table--resizable-col-bar"
-        }, resizableOpts.showDragTip ? [
-          h("div", {
-            class: "vxe-table--resizable-number-tip"
-          })
-        ] : []),
-        h("div", {
-          key: "ttw"
-        }, [
-          h(Teleport, {
-            to: teleportToWrapperElem,
-            disabled: !($xeGantt && teleportToWrapperElem)
-          }, [
-            h("div", {
-              ref: refTeleportWrapper
-            }, [
-              /**
-               * 行高线
-               */
+          /**
+           * 列宽线
+           */
+          h(
+            "div",
+            {
+              key: "tcl",
+              ref: refColResizeBar,
+              class: "vxe-table--resizable-col-bar"
+            },
+            resizableOpts.showDragTip ? [
               h("div", {
-                key: "trl",
-                ref: refRowResizeBar,
-                class: "vxe-table--resizable-row-bar"
-              }, resizableOpts.showDragTip ? [
-                h("div", {
-                  class: "vxe-table--resizable-number-tip"
-                })
-              ] : []),
-              /**
-               * 加载中
-               */
-              VxeUILoadingComponent ? h(VxeUILoadingComponent, {
-                key: "lg",
-                class: "vxe-table--loading",
-                modelValue: currLoading,
-                icon: loadingOpts.icon,
-                text: loadingOpts.text
-              }, loadingSlot ? {
-                default: () => callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, loading: currLoading })
-              } : {}) : loadingSlot ? h("div", {
-                class: ["vxe-loading--custom-wrapper", {
-                  "is--visible": currLoading
-                }]
-              }, callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, loading: currLoading })) : renderEmptyElement($xeTable),
-              /**
-               * 拖拽排序提示
-               */
-              renderDragTip()
-            ])
-          ])
-        ]),
-        h("div", {
-          key: "fpw",
-          ref: refCustomContainerElem
-        }, [
-          h(Teleport, {
-            to: customPopupToElem,
-            disabled: !!reactData.ctPopupFlag && !customPopupToElem
-          }, [
-            /**
-             * 自定义列
-             */
-            initStore.custom ? h(TableCustomPanelComponent, {
-              key: "cs",
-              ref: refTableCustom,
-              customStore
-            }) : renderEmptyElement($xeTable)
-          ])
-        ]),
-        h("div", {
-          key: "tpw"
-        }, [
-          h(Teleport, {
-            to: popupToWrapperElem,
-            disabled: !($xeGGWrapper && popupToWrapperElem)
-          }, [
-            h("div", {
-              ref: refPopupWrapperElem
-            }, [
-              /**
-               * 筛选
-               */
-              initStore.filter ? h(TableFilterPanelComponent, {
-                key: "tf",
-                ref: refTableFilter,
-                filterStore
-              }) : renderEmptyElement($xeTable),
-              /**
-               * 快捷菜单
-               */
-              isContentMenu ? h(TableMenuPanelComponent, {
-                key: "tm",
-                ref: refTableMenu
-              }) : renderEmptyElement($xeTable)
-            ])
-          ])
-        ]),
-        /**
-         * 导入
-         */
-        initStore.import && hasEnableConf(importConfig, importOpts) ? h(TableImportPanelComponent, {
-          key: "it",
-          defaultOptions: reactData.importParams,
-          storeData: reactData.importStore
-        }) : renderEmptyElement($xeTable),
-        /**
-         * 导出
-         */
-        initStore.export && (hasEnableConf(exportConfig, exportOpts) || hasEnableConf(printConfig, printOpts)) ? h(TableExportPanelComponent, {
-          key: "et",
-          defaultOptions: reactData.exportParams,
-          storeData: reactData.exportStore
-        }) : renderEmptyElement($xeTable),
-        /**
-         * 提示相关
-         */
-        VxeUITooltipComponent ? h("div", {}, [
+                class: "vxe-table--resizable-number-tip"
+              })
+            ] : []
+          ),
+          h(
+            "div",
+            {
+              key: "ttw"
+            },
+            [
+              h(
+                Teleport,
+                {
+                  to: teleportToWrapperElem,
+                  disabled: !($xeGantt && teleportToWrapperElem)
+                },
+                [
+                  h(
+                    "div",
+                    {
+                      ref: refTeleportWrapper
+                    },
+                    [
+                      /**
+                       * 行高线
+                       */
+                      h(
+                        "div",
+                        {
+                          key: "trl",
+                          ref: refRowResizeBar,
+                          class: "vxe-table--resizable-row-bar"
+                        },
+                        resizableOpts.showDragTip ? [
+                          h("div", {
+                            class: "vxe-table--resizable-number-tip"
+                          })
+                        ] : []
+                      ),
+                      /**
+                       * 加载中
+                       */
+                      VxeUILoadingComponent ? h(
+                        VxeUILoadingComponent,
+                        {
+                          key: "lg",
+                          class: "vxe-table--loading",
+                          modelValue: currLoading,
+                          icon: loadingOpts.icon,
+                          text: loadingOpts.text
+                        },
+                        loadingSlot ? {
+                          default: () => callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, loading: currLoading })
+                        } : {}
+                      ) : loadingSlot ? h(
+                        "div",
+                        {
+                          class: [
+                            "vxe-loading--custom-wrapper",
+                            {
+                              "is--visible": currLoading
+                            }
+                          ]
+                        },
+                        callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, loading: currLoading })
+                      ) : renderEmptyElement($xeTable),
+                      /**
+                       * 拖拽排序提示
+                       */
+                      renderDragTip()
+                    ]
+                  )
+                ]
+              )
+            ]
+          ),
+          h(
+            "div",
+            {
+              key: "fpw",
+              ref: refCustomContainerElem
+            },
+            [
+              h(
+                Teleport,
+                {
+                  to: customPopupToElem,
+                  disabled: !!reactData.ctPopupFlag && !customPopupToElem
+                },
+                [
+                  /**
+                   * 自定义列
+                   */
+                  initStore.custom ? h(TableCustomPanelComponent, {
+                    key: "cs",
+                    ref: refTableCustom,
+                    customStore
+                  }) : renderEmptyElement($xeTable)
+                ]
+              )
+            ]
+          ),
+          h(
+            "div",
+            {
+              key: "tpw"
+            },
+            [
+              h(
+                Teleport,
+                {
+                  to: popupToWrapperElem,
+                  disabled: !($xeGGWrapper && popupToWrapperElem)
+                },
+                [
+                  h(
+                    "div",
+                    {
+                      ref: refPopupWrapperElem
+                    },
+                    [
+                      /**
+                       * 筛选
+                       */
+                      initStore.filter ? h(TableFilterPanelComponent, {
+                        key: "tf",
+                        ref: refTableFilter,
+                        filterStore
+                      }) : renderEmptyElement($xeTable),
+                      /**
+                       * 快捷菜单
+                       */
+                      isContentMenu ? h(TableMenuPanelComponent, {
+                        key: "tm",
+                        ref: refTableMenu
+                      }) : renderEmptyElement($xeTable)
+                    ]
+                  )
+                ]
+              )
+            ]
+          ),
           /**
-           * 通用提示
+           * 导入
            */
-          h(VxeUITooltipComponent, {
-            key: "ctp",
-            ref: refCommTooltip,
-            isArrow: false,
-            enterable: false,
-            useScrollbar: isVScrollbar
-          }),
+          initStore.import && hasEnableConf(importConfig, importOpts) ? h(TableImportPanelComponent, {
+            key: "it",
+            defaultOptions: reactData.importParams,
+            storeData: reactData.importStore
+          }) : renderEmptyElement($xeTable),
           /**
-            * 工具提示
-            */
-          h(VxeUITooltipComponent, {
-            key: "btp",
-            ref: refTooltip,
-            theme: tableTipConfig.theme,
-            enterable: tableTipConfig.enterable,
-            enterDelay: tableTipConfig.enterDelay,
-            leaveDelay: tableTipConfig.leaveDelay,
-            useHtml: XEUtils.isBoolean(tableTipConfig.useHtml) ? tableTipConfig.useHtml : void 0,
-            // 已废弃
-            useHTML: XEUtils.isBoolean(tableTipConfig.useHTML) ? tableTipConfig.useHTML : void 0,
-            width: tableTipConfig.width,
-            height: tableTipConfig.height,
-            minWidth: tableTipConfig.minWidth,
-            minHeight: tableTipConfig.minHeight,
-            maxWidth: tableTipConfig.maxWidth,
-            maxHeight: tableTipConfig.maxHeight,
-            placement: tableTipConfig.placement,
-            defaultPlacement: tableTipConfig.defaultPlacement,
-            popupClassName: tableTipConfig.popupClassName,
-            useScrollbar: tableTipConfig.useScrollbar
-          }, currTooltipSlot ? {
-            content: () => {
-              const { type, row, column, content: tooltipContent } = tooltipStore;
-              if (currTooltipSlot) {
-                if (column && type === "header") {
-                  return h("div", {
-                    key: type
-                  }, currTooltipSlot({ column, tooltipContent, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }));
-                }
-                if (row && column && type === "body") {
-                  return h("div", {
-                    key: type
-                  }, currTooltipSlot({ row, column, tooltipContent, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }));
-                }
-                if (row && column && type === "footer") {
-                  return h("div", {
-                    key: type
-                  }, currTooltipSlot({ row, column, tooltipContent, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }));
-                }
-              }
-              return renderEmptyElement($xeTable);
-            }
-          } : {}),
+           * 导出
+           */
+          initStore.export && (hasEnableConf(exportConfig, exportOpts) || hasEnableConf(printConfig, printOpts)) ? h(TableExportPanelComponent, {
+            key: "et",
+            defaultOptions: reactData.exportParams,
+            storeData: reactData.exportStore
+          }) : renderEmptyElement($xeTable),
           /**
-            * 校验提示
-            */
-          props.editRules && validOpts.showErrorMessage && (validOpts.message === "default" ? !height : validOpts.message === "tooltip") ? h(VxeUITooltipComponent, {
-            key: "vtp",
-            ref: refValidTooltip,
-            class: [{
-              "old-cell-valid": editRules && getConfig().cellVaildMode === "obsolete"
-            }, "vxe-table--valid-error"],
-            theme: validTipConfig.theme,
-            enterable: validTipConfig.enterable,
-            enterDelay: validTipConfig.enterDelay,
-            leaveDelay: validTipConfig.leaveDelay,
-            useScrollbar: validTipConfig.useScrollbar
-          }) : renderEmptyElement($xeTable)
-        ]) : renderEmptyElement($xeTable)
-      ]);
+           * 提示相关
+           */
+          VxeUITooltipComponent ? h("div", {}, [
+            /**
+               * 通用提示
+               */
+            h(VxeUITooltipComponent, {
+              key: "ctp",
+              ref: refCommTooltip,
+              isArrow: false,
+              enterable: false,
+              useScrollbar: isVScrollbar
+            }),
+            /**
+               * 工具提示
+               */
+            h(
+              VxeUITooltipComponent,
+              {
+                key: "btp",
+                ref: refTooltip,
+                theme: tableTipConfig.theme,
+                enterable: tableTipConfig.enterable,
+                enterDelay: tableTipConfig.enterDelay,
+                leaveDelay: tableTipConfig.leaveDelay,
+                useHtml: XEUtils.isBoolean(tableTipConfig.useHtml) ? tableTipConfig.useHtml : void 0,
+                // 已废弃
+                useHTML: XEUtils.isBoolean(tableTipConfig.useHTML) ? tableTipConfig.useHTML : void 0,
+                width: tableTipConfig.width,
+                height: tableTipConfig.height,
+                minWidth: tableTipConfig.minWidth,
+                minHeight: tableTipConfig.minHeight,
+                maxWidth: tableTipConfig.maxWidth,
+                maxHeight: tableTipConfig.maxHeight,
+                placement: tableTipConfig.placement,
+                defaultPlacement: tableTipConfig.defaultPlacement,
+                popupClassName: tableTipConfig.popupClassName,
+                useScrollbar: tableTipConfig.useScrollbar
+              },
+              currTooltipSlot ? {
+                content: () => {
+                  const { type, row, column, content: tooltipContent } = tooltipStore;
+                  if (currTooltipSlot) {
+                    if (column && type === "header") {
+                      return h(
+                        "div",
+                        {
+                          key: type
+                        },
+                        currTooltipSlot({ column, tooltipContent, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+                      );
+                    }
+                    if (row && column && type === "body") {
+                      return h(
+                        "div",
+                        {
+                          key: type
+                        },
+                        currTooltipSlot({ row, column, tooltipContent, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+                      );
+                    }
+                    if (row && column && type === "footer") {
+                      return h(
+                        "div",
+                        {
+                          key: type
+                        },
+                        currTooltipSlot({ row, column, tooltipContent, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+                      );
+                    }
+                  }
+                  return renderEmptyElement($xeTable);
+                }
+              } : {}
+            ),
+            /**
+               * 校验提示
+               */
+            props.editRules && validOpts.showErrorMessage && (validOpts.message === "default" ? !height : validOpts.message === "tooltip") ? h(VxeUITooltipComponent, {
+              key: "vtp",
+              ref: refValidTooltip,
+              class: [
+                {
+                  "old-cell-valid": editRules && getConfig().cellVaildMode === "obsolete"
+                },
+                "vxe-table--valid-error"
+              ],
+              theme: validTipConfig.theme,
+              enterable: validTipConfig.enterable,
+              enterDelay: validTipConfig.enterDelay,
+              leaveDelay: validTipConfig.leaveDelay,
+              useScrollbar: validTipConfig.useScrollbar
+            }) : renderEmptyElement($xeTable)
+          ]) : renderEmptyElement($xeTable)
+        ]
+      );
     };
     const dataFlag = ref(0);
-    watch(() => props.data ? props.data.length : -1, () => {
-      dataFlag.value++;
-    });
-    watch(() => props.data, () => {
-      dataFlag.value++;
-    });
+    watch(
+      () => props.data ? props.data.length : -1,
+      () => {
+        dataFlag.value++;
+      }
+    );
+    watch(
+      () => props.data,
+      () => {
+        dataFlag.value++;
+      }
+    );
     watch(dataFlag, () => {
       const { initStatus } = internalData;
       const value = props.data || [];
@@ -13561,78 +13950,126 @@ var table_default = defineVxeComponent({
         if (!initStatus) {
           handleLoadDefaults();
         }
-        if ((scrollXLoad || scrollYLoad) && (expandColumn && expandOpts.mode !== "fixed")) {
+        if ((scrollXLoad || scrollYLoad) && expandColumn && expandOpts.mode !== "fixed") {
           warnLog("vxe.error.scrollErrProp", ["column.type=expand"]);
         }
         return $xeTable.recalculate();
       });
     });
     const staticColumnFlag = ref(0);
-    watch(() => reactData.staticColumns.length, () => {
-      staticColumnFlag.value++;
-    });
-    watch(() => reactData.staticColumns, () => {
-      staticColumnFlag.value++;
-    });
+    watch(
+      () => reactData.staticColumns.length,
+      () => {
+        staticColumnFlag.value++;
+      }
+    );
+    watch(
+      () => reactData.staticColumns,
+      () => {
+        staticColumnFlag.value++;
+      }
+    );
     watch(staticColumnFlag, () => {
       nextTick(() => handleInitColumn(XEUtils.clone(reactData.staticColumns)));
     });
     const tableColumnFlag = ref(0);
-    watch(() => reactData.tableColumn.length, () => {
-      tableColumnFlag.value++;
-    });
-    watch(() => reactData.tableColumn, () => {
-      tableColumnFlag.value++;
-    });
+    watch(
+      () => reactData.tableColumn.length,
+      () => {
+        tableColumnFlag.value++;
+      }
+    );
+    watch(
+      () => reactData.tableColumn,
+      () => {
+        tableColumnFlag.value++;
+      }
+    );
     watch(tableColumnFlag, () => {
       $xeTable.analyColumnWidth();
     });
-    watch(() => reactData.upDataFlag, () => {
-      nextTick(() => {
-        $xeTable.updateData();
-      });
-    });
-    watch(() => reactData.reColumnFlag, () => {
-      nextTick(() => {
-        $xeTable.refreshColumn();
-      });
-    });
+    watch(
+      () => reactData.upDataFlag,
+      () => {
+        nextTick(() => {
+          $xeTable.updateData();
+        });
+      }
+    );
+    watch(
+      () => reactData.reColumnFlag,
+      () => {
+        nextTick(() => {
+          $xeTable.refreshColumn();
+        });
+      }
+    );
     const reScrollFlag = ref(0);
     const reLayoutFlag = ref(0);
     watch(computeSize, () => {
       reLayoutFlag.value++;
     });
-    watch(() => props.showHeader, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.showFooter, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.showHeaderOverflow, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.showOverflow, () => {
-      updateColumnAllOverflow();
-      reLayoutFlag.value++;
-    });
-    watch(() => props.showFooterOverflow, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => reactData.overflowX, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => reactData.overflowY, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.height, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.maxHeight, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => VxeUI.getLanguage(), () => {
-      reLayoutFlag.value++;
-    });
+    watch(
+      () => props.showHeader,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.showFooter,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.showHeaderOverflow,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.showOverflow,
+      () => {
+        updateColumnAllOverflow();
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.showFooterOverflow,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => reactData.overflowX,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => reactData.overflowY,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.height,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => props.maxHeight,
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
+    watch(
+      () => VxeUI.getLanguage(),
+      () => {
+        reLayoutFlag.value++;
+      }
+    );
     watch(computeIsVScrollbar, () => {
       nextTick(() => {
         bindScrollbarResize();
@@ -13673,58 +14110,91 @@ var table_default = defineVxeComponent({
       });
     });
     const footFlag = ref(0);
-    watch(() => props.footerData ? props.footerData.length : -1, () => {
-      footFlag.value++;
-    });
-    watch(() => props.footerData, () => {
-      footFlag.value++;
-    });
+    watch(
+      () => props.footerData ? props.footerData.length : -1,
+      () => {
+        footFlag.value++;
+      }
+    );
+    watch(
+      () => props.footerData,
+      () => {
+        footFlag.value++;
+      }
+    );
     watch(footFlag, () => {
       internalData.footerFullDataRowData = {};
       $xeTable.updateFooter();
     });
-    watch(() => props.syncResize, (value) => {
-      if (value) {
-        handleUpdateResize();
-        nextTick(() => {
+    watch(
+      () => props.syncResize,
+      (value) => {
+        if (value) {
           handleUpdateResize();
-          setTimeout(() => handleUpdateResize());
-        });
+          nextTick(() => {
+            handleUpdateResize();
+            setTimeout(() => handleUpdateResize());
+          });
+        }
       }
-    });
+    );
     const mergeCellFlag = ref(0);
-    watch(() => props.mergeCells ? props.mergeCells.length : -1, () => {
-      mergeCellFlag.value++;
-    });
-    watch(() => props.mergeCells, () => {
-      mergeCellFlag.value++;
-    });
+    watch(
+      () => props.mergeCells ? props.mergeCells.length : -1,
+      () => {
+        mergeCellFlag.value++;
+      }
+    );
+    watch(
+      () => props.mergeCells,
+      () => {
+        mergeCellFlag.value++;
+      }
+    );
     watch(mergeCellFlag, () => {
       handleUpdateMergeBodyCells(props.mergeCells || []);
     });
     const mergeHeaderItemFlag = ref(0);
-    watch(() => props.mergeHeaderCells ? props.mergeHeaderCells.length : -1, () => {
-      mergeHeaderItemFlag.value++;
-    });
-    watch(() => props.mergeHeaderCells, () => {
-      mergeHeaderItemFlag.value++;
-    });
+    watch(
+      () => props.mergeHeaderCells ? props.mergeHeaderCells.length : -1,
+      () => {
+        mergeHeaderItemFlag.value++;
+      }
+    );
+    watch(
+      () => props.mergeHeaderCells,
+      () => {
+        mergeHeaderItemFlag.value++;
+      }
+    );
     watch(mergeHeaderItemFlag, () => {
       handleUpdateMergeHeaderCells(props.mergeHeaderCells || []);
     });
     const mergeFooteCellFlag = ref(0);
-    watch(() => props.mergeFooterCells ? props.mergeFooterCells.length : -1, () => {
-      mergeFooteCellFlag.value++;
-    });
-    watch(() => props.mergeFooterCells, () => {
-      mergeFooteCellFlag.value++;
-    });
-    watch(() => props.mergeFooterItems ? props.mergeFooterItems.length : -1, () => {
-      mergeFooteCellFlag.value++;
-    });
-    watch(() => props.mergeFooterItems, () => {
-      mergeFooteCellFlag.value++;
-    });
+    watch(
+      () => props.mergeFooterCells ? props.mergeFooterCells.length : -1,
+      () => {
+        mergeFooteCellFlag.value++;
+      }
+    );
+    watch(
+      () => props.mergeFooterCells,
+      () => {
+        mergeFooteCellFlag.value++;
+      }
+    );
+    watch(
+      () => props.mergeFooterItems ? props.mergeFooterItems.length : -1,
+      () => {
+        mergeFooteCellFlag.value++;
+      }
+    );
+    watch(
+      () => props.mergeFooterItems,
+      () => {
+        mergeFooteCellFlag.value++;
+      }
+    );
     watch(mergeFooteCellFlag, () => {
       const mFooterCells = props.mergeFooterCells || props.mergeFooterItems;
       handleUpdateMergeFooterCells(mFooterCells || []);
@@ -13743,9 +14213,12 @@ var table_default = defineVxeComponent({
       }
     });
     const kfFlag = ref(0);
-    watch(() => reactData.updateColFlag, () => {
-      kfFlag.value++;
-    });
+    watch(
+      () => reactData.updateColFlag,
+      () => {
+        kfFlag.value++;
+      }
+    );
     watch(computeKeepFields, () => {
       kfFlag.value++;
     });
@@ -13971,7 +14444,7 @@ var table_default = defineVxeComponent({
       if (mouseOpts.area && mouseOpts.selected) {
         warnLog("vxe.error.errConflicts", ["mouse-config.area", "mouse-config.selected"]);
       }
-      if (mouseOpts.area && (props.treeConfig && !treeOpts.transform)) {
+      if (mouseOpts.area && props.treeConfig && !treeOpts.transform) {
         errLog("vxe.error.notSupportProp", ["mouse-config.area", "tree-config.transform=false", "tree-config.transform=true"]);
       }
       if (props.editConfig && editOpts.activeMethod) {