vxe-table 4.23.4 → 4.23.6

package/lib/table/src/body.js

@@ -1,107 +1,85 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var body_exports = {};
+__export(body_exports, {
+  default: () => body_default
 });
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../ui/src/comp");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _ui = require("../../ui");
-var _util = require("./util");
-var _dom = require("../../ui/src/dom");
-var _utils = require("../../ui/src/utils");
-var _vn = require("../../ui/src/vn");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  getI18n,
-  renderer,
-  renderEmptyElement
-} = _ui.VxeUI;
-const sourceType = 'table';
-const renderType = 'body';
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'VxeTableBody',
+module.exports = __toCommonJS(body_exports);
+var import_vue = require("vue");
+var import_comp = require("../../ui/src/comp");
+var import_xe_utils = __toESM(require("xe-utils"));
+var import_ui = require("../../ui");
+var import_util = require("./util");
+var import_dom = require("../../ui/src/dom");
+var import_utils = require("../../ui/src/utils");
+var import_vn = require("../../ui/src/vn");
+const { getI18n, renderer, renderEmptyElement } = import_ui.VxeUI;
+const sourceType = "table";
+const renderType = "body";
+var body_default = (0, import_comp.defineVxeComponent)({
+  name: "VxeTableBody",
   props: {
     tableData: Array,
     tableColumn: Array,
     fixedColumn: Array,
     fixedType: {
       type: String,
-      default: ''
+      default: ""
     }
   },
   setup(props) {
-    const $xeTable = (0, _vue.inject)('$xeTable', {});
-    const {
-      xID,
-      props: tableProps,
-      context: tableContext,
-      reactData: tableReactData,
-      internalData: tableInternalData
-    } = $xeTable;
-    const {
-      computeEditOpts,
-      computeMouseOpts,
-      computeCellOffsetWidth,
-      computeAreaOpts,
-      computeDefaultRowHeight,
-      computeEmptyOpts,
-      computeTooltipOpts,
-      computeRadioOpts,
-      computeExpandOpts,
-      computeTreeOpts,
-      computeCheckboxOpts,
-      computeCellOpts,
-      computeValidOpts,
-      computeRowOpts,
-      computeColumnOpts,
-      computeRowDragOpts,
-      computeResizableOpts,
-      computeVirtualXOpts,
-      computeVirtualYOpts,
-      computeIsBodyRenderOptimize,
-      computeRendererOpts
-    } = $xeTable.getComputeMaps();
-    const refElem = (0, _vue.ref)();
-    const refBodyScroll = (0, _vue.ref)();
-    const refBodyTable = (0, _vue.ref)();
-    const refBodyColgroup = (0, _vue.ref)();
-    const refBodyTBody = (0, _vue.ref)();
-    const refBodyXSpace = (0, _vue.ref)();
-    const refBodyYSpace = (0, _vue.ref)();
-    const refBodyEmptyBlock = (0, _vue.ref)();
-    // 滚动、拖动过程中不需要触发
+    const $xeTable = (0, import_vue.inject)("$xeTable", {});
+    const { xID, props: tableProps, context: tableContext, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
+    const { computeEditOpts, computeMouseOpts, computeCellOffsetWidth, computeAreaOpts, computeDefaultRowHeight, computeEmptyOpts, computeTooltipOpts, computeRadioOpts, computeExpandOpts, computeTreeOpts, computeCheckboxOpts, computeCellOpts, computeValidOpts, computeRowOpts, computeColumnOpts, computeRowDragOpts, computeResizableOpts, computeVirtualXOpts, computeVirtualYOpts, computeIsBodyRenderOptimize, computeRendererOpts } = $xeTable.getComputeMaps();
+    const refElem = (0, import_vue.ref)();
+    const refBodyScroll = (0, import_vue.ref)();
+    const refBodyTable = (0, import_vue.ref)();
+    const refBodyColgroup = (0, import_vue.ref)();
+    const refBodyTBody = (0, import_vue.ref)();
+    const refBodyXSpace = (0, import_vue.ref)();
+    const refBodyYSpace = (0, import_vue.ref)();
+    const refBodyEmptyBlock = (0, import_vue.ref)();
     const isVMScrollProcess = () => {
-      const {
-        delayHover
-      } = tableProps;
-      const {
-        isDragResize
-      } = tableReactData;
-      const {
-        lastSTime
-      } = tableInternalData;
+      const { delayHover } = tableProps;
+      const { isDragResize } = tableReactData;
+      const { lastSTime } = tableInternalData;
       return !!(isDragResize || lastSTime && Date.now() < lastSTime + delayHover);
     };
     const renderLine = (rowid, params, cellHeight) => {
-      const {
-        column
-      } = params;
-      const {
-        treeConfig
-      } = tableProps;
+      const { column } = params;
+      const { treeConfig } = tableProps;
       const cellOpts = computeCellOpts.value;
       const rowOpts = computeRowOpts.value;
       const defaultRowHeight = computeDefaultRowHeight.value;
       const treeOpts = computeTreeOpts.value;
-      const {
-        slots,
-        treeNode
-      } = column;
-      const {
-        fullAllDataRowIdData
-      } = tableInternalData;
+      const { slots, treeNode } = column;
+      const { fullAllDataRowIdData } = tableInternalData;
       if (treeConfig && treeNode && (treeOpts.showLine || treeOpts.line)) {
         if (slots && slots.line) {
           return $xeTable.callSlot(slots.line, params);
@@ -110,7 +88,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         let rLevel = 0;
         let prevRow = null;
         let parentRow = null;
-        let lineHeight = '';
+        let lineHeight = "";
         if (rowRest) {
           rLevel = rowRest.level;
           prevRow = rowRest.items[rowRest.treeIndex - 1];
@@ -120,78 +98,36 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           return [];
         }
         if (prevRow) {
-          const prevRowRest = fullAllDataRowIdData[(0, _util.getRowid)($xeTable, prevRow)] || {};
+          const prevRowRest = fullAllDataRowIdData[(0, import_util.getRowid)($xeTable, prevRow)] || {};
           lineHeight = `${prevRowRest.lineHeight || 0}px`;
         } else if (rLevel && parentRow) {
-          const parentRowRest = fullAllDataRowIdData[(0, _util.getRowid)($xeTable, parentRow)] || {};
-          lineHeight = `calc(-1em + ${Math.floor(cellHeight / 2 + (0, _util.getCellRestHeight)(parentRowRest, cellOpts, rowOpts, defaultRowHeight) / 2)}px)`;
+          const parentRowRest = fullAllDataRowIdData[(0, import_util.getRowid)($xeTable, parentRow)] || {};
+          lineHeight = `calc(-1em + ${Math.floor(cellHeight / 2 + (0, import_util.getCellRestHeight)(parentRowRest, cellOpts, rowOpts, defaultRowHeight) / 2)}px)`;
         }
-        return [(0, _vue.h)('div', {
-          key: 'tl',
-          class: 'vxe-tree--line-wrapper'
-        }, [(0, _vue.h)('div', {
-          class: 'vxe-tree--line',
-          style: {
-            height: lineHeight,
-            bottom: `-${Math.floor(cellHeight / 2)}px`,
-            left: `calc(${rLevel * treeOpts.indent}px + 1em)`
-          }
-        })])];
+        return [
+          (0, import_vue.h)("div", {
+            key: "tl",
+            class: "vxe-tree--line-wrapper"
+          }, [
+            (0, import_vue.h)("div", {
+              class: "vxe-tree--line",
+              style: {
+                height: lineHeight,
+                bottom: `-${Math.floor(cellHeight / 2)}px`,
+                left: `calc(${rLevel * treeOpts.indent}px + 1em)`
+              }
+            })
+          ])
+        ];
       }
       return [];
     };
-    /**
-     * 渲染列
-     */
     const renderTdColumn = (seq, rowid, fixedType, isOptimizeMode, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const {
-        columnKey,
-        resizable: allResizable,
-        showOverflow: allShowOverflow,
-        border,
-        height,
-        treeConfig,
-        cellClassName: allCellClassName,
-        cellStyle,
-        align: allAlign,
-        spanMethod,
-        mouseConfig,
-        editConfig,
-        editRules,
-        tooltipConfig,
-        padding: allPadding
-      } = tableProps;
-      const {
-        tableData,
-        tableColumn,
-        dragRow,
-        overflowX,
-        overflowY,
-        scrollXLoad,
-        scrollYLoad,
-        mergeBodyFlag,
-        calcCellHeightFlag,
-        resizeHeightFlag,
-        resizeWidthFlag,
-        editStore,
-        isAllOverflow,
-        validErrorMaps,
-        currColFlag
-      } = tableReactData;
-      const {
-        fullAllDataRowIdData,
-        fullColumnIdData,
-        mergeBodyCellMaps,
-        visibleColumn,
-        afterFullData,
-        mergeBodyList,
-        scrollXStore,
-        scrollYStore,
-        keepUpdateFieldMaps,
-        currentCol
-      } = tableInternalData;
+      const { columnKey, resizable: allResizable, showOverflow: allShowOverflow, border, height, treeConfig, cellClassName: allCellClassName, cellStyle, align: allAlign, spanMethod, mouseConfig, editConfig, editRules, tooltipConfig, padding: allPadding } = tableProps;
+      const { tableData, tableColumn, dragRow, overflowX, overflowY, scrollXLoad, scrollYLoad, mergeBodyFlag, calcCellHeightFlag, resizeHeightFlag, resizeWidthFlag, editStore, isAllOverflow, validErrorMaps, currColFlag } = tableReactData;
+      const { fullAllDataRowIdData, fullColumnIdData, mergeBodyCellMaps, visibleColumn, afterFullData, mergeBodyList, scrollXStore, scrollYStore, keepUpdateFieldMaps, currentCol } = tableInternalData;
       const cellOpts = computeCellOpts.value;
       const validOpts = computeValidOpts.value;
       const checkboxOpts = computeCheckboxOpts.value;
@@ -201,84 +137,54 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const virtualXOpts = computeVirtualXOpts.value;
       const virtualYOpts = computeVirtualYOpts.value;
       const rendererOpts = computeRendererOpts.value;
-      const {
-        isAllColumnDrag,
-        isAllRowDrag
-      } = resizableOpts;
+      const { isAllColumnDrag, isAllRowDrag } = resizableOpts;
       const rowOpts = computeRowOpts.value;
       const rowDragOpts = computeRowDragOpts.value;
       const defaultRowHeight = computeDefaultRowHeight.value;
       const customCellHeight = calcCellHeightFlag ? cellOpts.height || rowOpts.height : 0;
-      const {
-        disabledMethod: dragDisabledMethod,
-        isCrossDrag,
-        isPeerDrag
-      } = rowDragOpts;
+      const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = rowDragOpts;
       const columnOpts = computeColumnOpts.value;
       const mouseOpts = computeMouseOpts.value;
       const areaOpts = computeAreaOpts.value;
       const cellOffsetWidth = computeCellOffsetWidth.value;
-      const {
-        selectCellToRow
-      } = areaOpts;
-      const {
-        field,
-        type,
-        cellRender,
-        editRender,
-        align,
-        showOverflow,
-        className,
-        treeNode,
-        rowResize,
-        padding,
-        verticalAlign,
-        slots
-      } = column;
-      const {
-        verticalAlign: allVerticalAlign,
-        minHeight,
-        maxHeight
-      } = cellOpts;
-      const {
-        actived
-      } = editStore;
+      const { selectCellToRow } = areaOpts;
+      const { field, type, cellRender, editRender, align, showOverflow, className, treeNode, rowResize, padding, verticalAlign, slots } = column;
+      const { verticalAlign: allVerticalAlign, minHeight, maxHeight } = cellOpts;
+      const { actived } = editStore;
       const rowRest = fullAllDataRowIdData[rowid] || {};
       const colid = column.id;
       const colRest = fullColumnIdData[colid] || {};
       const renderOpts = editRender || cellRender;
       const compConf = renderOpts && renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
       const compCellClassName = compConf ? compConf.tableCellClassName || compConf.cellClassName : null;
-      const compCellStyle = compConf ? compConf.tableCellStyle || compConf.cellStyle : '';
+      const compCellStyle = compConf ? compConf.tableCellStyle || compConf.cellStyle : "";
       const showAllTip = tooltipOpts.showAll;
       const columnIndex = colRest.index;
       const _columnIndex = colRest._index;
-      const isEdit = (0, _utils.isEnableConf)(editRender);
+      const isEdit = (0, import_utils.isEnableConf)(editRender);
       const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
       let fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-      const cellPadding = (0, _utils.getDefaultConfig)(padding, allPadding === null ? cellOpts.padding : allPadding);
+      const cellPadding = (0, import_utils.getDefaultConfig)(padding, allPadding === null ? cellOpts.padding : allPadding);
       const isAllCellPadding = cellPadding === true;
       const isCellPaddingTop = cellPadding ? isAllCellPadding || cellPadding.top !== false : false;
       const isCellPaddingBottom = cellPadding ? isAllCellPadding || cellPadding.bottom !== false : false;
       const isCellPaddingLeft = cellPadding ? isAllCellPadding || cellPadding.left !== false : false;
       const isCellPaddingRight = cellPadding ? isAllCellPadding || cellPadding.right !== false : false;
-      const cellOverflow = (0, _utils.getDefaultConfig)(showOverflow, allShowOverflow);
-      const showEllipsis = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === 'ellipsis';
-      const showTitle = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === 'title';
-      const showTooltip = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === 'tooltip';
+      const cellOverflow = (0, import_utils.getDefaultConfig)(showOverflow, allShowOverflow);
+      const showEllipsis = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === "ellipsis";
+      const showTitle = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === "title";
+      const showTooltip = (cellOverflow === true ? tooltipOpts.mode : cellOverflow) === "tooltip";
       const hasEllipsis = isAllOverflow || showTitle || showTooltip || showEllipsis;
-      const showResizable = _xeUtils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
+      const showResizable = import_xe_utils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
       const isCsHeight = !!customCellHeight;
       const isRsHeight = resizeHeight > 0;
       let isDirty;
       const tdOns = {};
-      const cellAlign = align || (compConf ? compConf.tableCellAlign : '') || allAlign;
-      const cellVerticalAlign = _xeUtils.default.eqNull(verticalAlign) ? allVerticalAlign : verticalAlign;
+      const cellAlign = align || (compConf ? compConf.tableCellAlign : "") || allAlign;
+      const cellVerticalAlign = import_xe_utils.default.eqNull(verticalAlign) ? allVerticalAlign : verticalAlign;
       const errorValidItem = validErrorMaps[`${rowid}:${colid}`];
-      const showValidTip = editRules && validOpts.showErrorMessage && (validOpts.message === 'default' ? height || tableData.length > 1 : validOpts.message === 'inline');
-      const tdAttrs = {
-        colid
-      };
+      const showValidTip = editRules && validOpts.showErrorMessage && (validOpts.message === "default" ? height || tableData.length > 1 : validOpts.message === "inline");
+      const tdAttrs = { colid };
       const cellParams = {
         $table: $xeTable,
         $grid: $xeGrid,
@@ -306,69 +212,54 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       let isRowDragCell = false;
       let isDisabledDrag = false;
       if (rowOpts.drag) {
-        isRowDragCell = rowDragOpts.trigger === 'row' || column.dragSort && rowDragOpts.trigger === 'cell';
+        isRowDragCell = rowDragOpts.trigger === "row" || column.dragSort && rowDragOpts.trigger === "cell";
       }
       if (isRowDragCell) {
         isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams));
       }
-      // hover 进入事件
       if (showTitle || showTooltip || showAllTip || tooltipConfig) {
-        tdOns.onMouseover = evnt => {
+        tdOns.onMouseover = (evnt) => {
           if (!isVMScrollProcess()) {
             if (showTitle) {
-              (0, _dom.updateCellTitle)(evnt.currentTarget, column);
+              (0, import_dom.updateCellTitle)(evnt.currentTarget, column);
             } else if (showTooltip || showAllTip) {
-              // 如果配置了显示 tooltip
               $xeTable.triggerBodyTooltipEvent(evnt, cellParams);
             }
           }
-          $xeTable.dispatchEvent('cell-mouseenter', Object.assign({
-            cell: evnt.currentTarget
-          }, cellParams), evnt);
+          $xeTable.dispatchEvent("cell-mouseenter", Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
         };
       }
-      // hover 退出事件
       if (showTooltip || showAllTip || tooltipConfig) {
-        tdOns.onMouseleave = evnt => {
+        tdOns.onMouseleave = (evnt) => {
           if (!isVMScrollProcess()) {
             if (showTooltip || showAllTip) {
               $xeTable.handleTargetLeaveEvent(evnt);
             }
           }
-          $xeTable.dispatchEvent('cell-mouseleave', Object.assign({
-            cell: evnt.currentTarget
-          }, cellParams), evnt);
+          $xeTable.dispatchEvent("cell-mouseleave", Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
         };
       }
-      // 按下事件处理
-      if (isRowDragCell || checkboxOpts.range || (0, _utils.hasEnableConf)(mouseConfig, mouseOpts)) {
-        tdOns.onMousedown = evnt => {
+      if (isRowDragCell || checkboxOpts.range || (0, import_utils.hasEnableConf)(mouseConfig, mouseOpts)) {
+        tdOns.onMousedown = (evnt) => {
           $xeTable.triggerCellMousedownEvent(evnt, cellParams);
         };
       }
-      // 拖拽列事件
       if (isRowDragCell) {
         tdOns.onMouseup = $xeTable.triggerCellMouseupEvent;
       }
-      // 点击事件处理
-      tdOns.onClick = evnt => {
+      tdOns.onClick = (evnt) => {
         $xeTable.triggerCellClickEvent(evnt, cellParams);
       };
-      // 双击事件处理
-      tdOns.onDblclick = evnt => {
+      tdOns.onDblclick = (evnt) => {
         $xeTable.triggerCellDblclickEvent(evnt, cellParams);
       };
       let isMergeCell = false;
       let mergeColspan = 1;
       let mergeRowspan = 1;
-      // 合并行或列
       if (mergeBodyFlag && mergeBodyList.length) {
         const spanRest = mergeBodyCellMaps[`${_rowIndex}:${_columnIndex}`];
         if (spanRest) {
-          const {
-            rowspan,
-            colspan
-          } = spanRest;
+          const { rowspan, colspan } = spanRest;
           if (!rowspan || !colspan) {
             return renderEmptyElement($xeTable);
           }
@@ -384,11 +275,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }
         }
       } else if (spanMethod) {
-        // 自定义合并行或列的方法
-        const {
-          rowspan = 1,
-          colspan = 1
-        } = spanMethod(cellParams) || {};
+        const { rowspan = 1, colspan = 1 } = spanMethod(cellParams) || {};
         if (!rowspan || !colspan) {
           return renderEmptyElement($xeTable);
         }
@@ -403,23 +290,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           tdAttrs.colspan = colspan;
         }
       }
-      // 如果被合并不可隐藏
       if (fixedHiddenColumn && isMergeCell) {
         if (tdAttrs.colspan > 1 || tdAttrs.rowspan > 1) {
           fixedHiddenColumn = false;
         }
       }
-      // 如果编辑列开启显示状态
       if (!fixedHiddenColumn && editConfig && (editOpts.showStatus || editOpts.showUpdateStatus) && keepUpdateFieldMaps[field]) {
         isDirty = $xeTable.isUpdateByRow(row, field);
       }
       const isVNAutoHeight = !hasEllipsis && (scrollYLoad || scrollXLoad);
-      let cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
+      let cellHeight = (0, import_util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
       const isLastColumn = $columnIndex === columns.length - 1;
-      const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
+      const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
       let isVNPreEmptyStatus = false;
       if (!isMergeCell) {
-        if (!dragRow || (0, _util.getRowid)($xeTable, dragRow) !== rowid) {
+        if (!dragRow || (0, import_util.getRowid)($xeTable, dragRow) !== rowid) {
           if (overflowY && scrollYLoad && tableData.length > 16 && !treeConfig && !virtualYOpts.immediate && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
             isVNPreEmptyStatus = true;
           } else if (overflowX && scrollXLoad && tableColumn.length > 10 && !virtualXOpts.immediate && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
@@ -430,15 +315,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       if (mergeRowspan > 1) {
         const mEndRow = afterFullData[_rowIndex + mergeRowspan - 1];
         if (mEndRow) {
-          const meRowRest = fullAllDataRowIdData[(0, _util.getRowid)($xeTable, mEndRow)];
+          const meRowRest = fullAllDataRowIdData[(0, import_util.getRowid)($xeTable, mEndRow)];
           if (meRowRest) {
-            cellHeight += meRowRest.oTop + (0, _util.getCellRestHeight)(meRowRest, cellOpts, rowOpts, defaultRowHeight) - rowRest.oTop - (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
+            cellHeight += meRowRest.oTop + (0, import_util.getCellRestHeight)(meRowRest, cellOpts, rowOpts, defaultRowHeight) - rowRest.oTop - (0, import_util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
           }
         }
       }
       const tcStyle = {};
       if (maxHeight) {
-        tcStyle.maxHeight = maxHeight + 'px';
+        tcStyle.maxHeight = maxHeight + "px";
       }
       if (hasEllipsis && resizeWidthFlag) {
         let mergeColWidth = 0;
@@ -450,169 +335,164 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }
           }
         }
-        tcStyle.width = column.renderWidth + mergeColWidth - cellOffsetWidth + 'px';
+        tcStyle.width = column.renderWidth + mergeColWidth - cellOffsetWidth + "px";
       }
       if (scrollYLoad || scrollXLoad || hasEllipsis || isCsHeight || isRsHeight) {
-        tcStyle.height = cellHeight + 'px';
+        tcStyle.height = cellHeight + "px";
       } else {
-        tcStyle.minHeight = cellHeight + 'px';
+        tcStyle.minHeight = cellHeight + "px";
       }
       if (minHeight) {
-        tcStyle.minHeight = minHeight + 'px';
+        tcStyle.minHeight = minHeight + "px";
       }
       const tdVNs = [];
       if (fixedHiddenColumn && isAllOverflow) {
-        tdVNs.push((0, _vue.h)('div', {
-          key: 'tc',
-          class: ['vxe-cell', {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }],
-          style: tcStyle
-        }));
+        tdVNs.push(
+          (0, import_vue.h)("div", {
+            key: "tc",
+            class: ["vxe-cell", {
+              "c--title": showTitle,
+              "c--tooltip": showTooltip,
+              "c--ellipsis": showEllipsis
+            }],
+            style: tcStyle
+          })
+        );
       } else {
-        // 渲染单元格
         if (treeConfig) {
           tdVNs.push(...renderLine(rowid, cellParams, cellHeight));
         }
         const clVNs = [];
         if (!isVNPreEmptyStatus) {
-          clVNs.push((0, _vue.h)('div', {
-            colid,
-            rowid,
-            class: 'vxe-cell--wrapper vxe-body-cell--wrapper'
-          }, column.renderCell(cellParams)));
+          clVNs.push(
+            (0, import_vue.h)("div", {
+              colid,
+              rowid,
+              class: "vxe-cell--wrapper vxe-body-cell--wrapper"
+            }, column.renderCell(cellParams))
+          );
         }
-        tdVNs.push((0, _vue.h)('div', {
-          key: 'tc',
-          class: ['vxe-cell', {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }],
-          style: tcStyle,
-          title: showTitle ? $xeTable.getCellLabel(row, column) : null
-        }, clVNs));
+        tdVNs.push(
+          (0, import_vue.h)("div", {
+            key: "tc",
+            class: ["vxe-cell", {
+              "c--title": showTitle,
+              "c--tooltip": showTooltip,
+              "c--ellipsis": showEllipsis
+            }],
+            style: tcStyle,
+            title: showTitle ? $xeTable.getCellLabel(row, column) : null
+          }, clVNs)
+        );
         if (showValidTip && errorValidItem) {
           const errRule = errorValidItem.rule;
           const validSlot = slots ? slots.valid : null;
-          const validParams = Object.assign(Object.assign(Object.assign({}, cellParams), errorValidItem), {
-            rule: errorValidItem
-          });
-          tdVNs.push((0, _vue.h)('div', {
-            key: 'tcv',
-            class: ['vxe-cell--valid-error-tip', (0, _dom.getPropClass)(validOpts.className, validParams)],
-            style: errRule && errRule.maxWidth ? {
-              width: errRule.maxWidth + 'px'
-            } : null
-          }, [(0, _vue.h)('div', {
-            class: `vxe-cell--valid-error-wrapper vxe-cell--valid-error-theme-${validOpts.theme || 'normal'}`
-          }, [validSlot ? $xeTable.callSlot(validSlot, validParams) : [(0, _vue.h)('span', {
-            class: 'vxe-cell--valid-error-msg'
-          }, errorValidItem.content)]])]));
+          const validParams = { ...cellParams, ...errorValidItem, rule: errorValidItem };
+          tdVNs.push(
+            (0, import_vue.h)("div", {
+              key: "tcv",
+              class: ["vxe-cell--valid-error-tip", (0, import_dom.getPropClass)(validOpts.className, validParams)],
+              style: errRule && errRule.maxWidth ? {
+                width: errRule.maxWidth + "px"
+              } : null
+            }, [
+              (0, import_vue.h)("div", {
+                class: `vxe-cell--valid-error-wrapper vxe-cell--valid-error-theme-${validOpts.theme || "normal"}`
+              }, [
+                validSlot ? $xeTable.callSlot(validSlot, validParams) : [
+                  (0, import_vue.h)("span", {
+                    class: "vxe-cell--valid-error-msg"
+                  }, errorValidItem.content)
+                ]
+              ])
+            ])
+          );
         }
       }
       let showAreaRowStatus = false;
-      if ((0, _utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area && !_columnIndex && selectCellToRow) {
+      if ((0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area && !_columnIndex && selectCellToRow) {
         showAreaRowStatus = true;
       }
       if (!fixedHiddenColumn && showResizable && isAllColumnDrag) {
-        tdVNs.push((0, _vue.h)('div', {
-          key: 'tcc',
-          class: ['vxe-cell--col-resizable', {
-            'is--line': !border || border === 'none'
-          }],
-          onMousedown: evnt => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
-          onDblclick: evnt => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
-        }));
+        tdVNs.push(
+          (0, import_vue.h)("div", {
+            key: "tcc",
+            class: ["vxe-cell--col-resizable", {
+              "is--line": !border || border === "none"
+            }],
+            onMousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
+            onDblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
+          })
+        );
       }
       if ((rowResize || isAllRowDrag) && rowOpts.resizable) {
-        tdVNs.push((0, _vue.h)('div', {
-          key: 'tcr',
-          class: 'vxe-cell--row-resizable',
-          onMousedown: evnt => $xeTable.handleRowResizeMousedownEvent(evnt, cellParams),
-          onDblclick: evnt => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
-        }));
+        tdVNs.push(
+          (0, import_vue.h)("div", {
+            key: "tcr",
+            class: "vxe-cell--row-resizable",
+            onMousedown: (evnt) => $xeTable.handleRowResizeMousedownEvent(evnt, cellParams),
+            onDblclick: (evnt) => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
+          })
+        );
       }
-      return (0, _vue.h)('td', Object.assign(Object.assign(Object.assign({
-        class: ['vxe-table--column vxe-body--column', colid, cellVerticalAlign ? `col--vertical-${cellVerticalAlign}` : '', cellAlign ? `col--${cellAlign}` : '', type ? `col--${type}` : '', {
-          'col--last': isLastColumn,
-          'col--tree-node': treeNode,
-          'col--edit': isEdit,
-          'col--ellipsis': hasEllipsis,
-          'col--cs-height': isCsHeight,
-          'col--rs-height': isRsHeight,
-          'col--to-row': showAreaRowStatus,
-          'col--auto-height': isVNAutoHeight,
-          'col--max-height': maxHeight,
-          'fixed--width': !isAutoCellWidth,
-          'fixed--hidden': fixedHiddenColumn,
-          'is--pg-top': isCellPaddingTop,
-          'is--pg-bottom': isCellPaddingBottom,
-          'is--pg-left': isCellPaddingLeft,
-          'is--pg-right': isCellPaddingRight,
-          'is--progress': fixedHiddenColumn && isAllOverflow || isVNPreEmptyStatus,
-          'is--drag-cell': isRowDragCell && (isCrossDrag || isPeerDrag || !rowLevel),
-          'is--drag-disabled': isDisabledDrag,
-          'col--dirty': isDirty,
-          'col--active': editConfig && isEdit && actived.row === row && (actived.column === column || editOpts.mode === 'row'),
-          'col--valid-error': !!errorValidItem,
-          'show--valid-bg': errorValidItem && validOpts.showErrorBackground,
-          'col--current': currColFlag && currentCol === column
-        }, (0, _dom.getPropClass)(compCellClassName, cellParams), (0, _dom.getPropClass)(className, cellParams), (0, _dom.getPropClass)(allCellClassName, cellParams)],
-        key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || rowOpts.useKey || columnOpts.drag ? colid : $columnIndex
-      }, tdAttrs), {
-        style: Object.assign({}, _xeUtils.default.isFunction(compCellStyle) ? compCellStyle(cellParams) : compCellStyle, _xeUtils.default.isFunction(cellStyle) ? cellStyle(cellParams) : cellStyle)
-      }), tdOns), isOptimizeMode && fixedHiddenColumn ? [] : tdVNs);
+      return (0, import_vue.h)("td", {
+        class: [
+          "vxe-table--column vxe-body--column",
+          colid,
+          cellVerticalAlign ? `col--vertical-${cellVerticalAlign}` : "",
+          cellAlign ? `col--${cellAlign}` : "",
+          type ? `col--${type}` : "",
+          {
+            "col--last": isLastColumn,
+            "col--tree-node": treeNode,
+            "col--edit": isEdit,
+            "col--ellipsis": hasEllipsis,
+            "col--cs-height": isCsHeight,
+            "col--rs-height": isRsHeight,
+            "col--to-row": showAreaRowStatus,
+            "col--auto-height": isVNAutoHeight,
+            "col--max-height": maxHeight,
+            "fixed--width": !isAutoCellWidth,
+            "fixed--hidden": fixedHiddenColumn,
+            "is--pg-top": isCellPaddingTop,
+            "is--pg-bottom": isCellPaddingBottom,
+            "is--pg-left": isCellPaddingLeft,
+            "is--pg-right": isCellPaddingRight,
+            "is--progress": fixedHiddenColumn && isAllOverflow || isVNPreEmptyStatus,
+            "is--drag-cell": isRowDragCell && (isCrossDrag || isPeerDrag || !rowLevel),
+            "is--drag-disabled": isDisabledDrag,
+            "col--dirty": isDirty,
+            "col--active": editConfig && isEdit && (actived.row === row && (actived.column === column || editOpts.mode === "row")),
+            "col--valid-error": !!errorValidItem,
+            "show--valid-bg": errorValidItem && validOpts.showErrorBackground,
+            "col--current": currColFlag && currentCol === column
+          },
+          (0, import_dom.getPropClass)(compCellClassName, cellParams),
+          (0, import_dom.getPropClass)(className, cellParams),
+          (0, import_dom.getPropClass)(allCellClassName, cellParams)
+        ],
+        key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || rowOpts.useKey || columnOpts.drag ? colid : $columnIndex,
+        ...tdAttrs,
+        style: Object.assign({}, import_xe_utils.default.isFunction(compCellStyle) ? compCellStyle(cellParams) : compCellStyle, import_xe_utils.default.isFunction(cellStyle) ? cellStyle(cellParams) : cellStyle),
+        ...tdOns
+      }, isOptimizeMode && fixedHiddenColumn ? [] : tdVNs);
     };
     const renderRows = (fixedType, isOptimizeMode, tableData, tableColumn) => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const {
-        stripe,
-        rowKey,
-        highlightHoverRow,
-        rowClassName,
-        rowStyle,
-        editConfig,
-        treeConfig
-      } = tableProps;
-      const {
-        hasFixedColumn,
-        treeExpandedFlag,
-        scrollYLoad,
-        isAllOverflow,
-        rowExpandedFlag,
-        expandColumn,
-        selectRadioRow,
-        pendingRowFlag,
-        rowExpandHeightFlag,
-        isRowGroupStatus
-      } = tableReactData;
-      const {
-        fullAllDataRowIdData,
-        fullColumnIdData,
-        treeExpandedMaps,
-        pendingRowMaps,
-        rowExpandedMaps,
-        currentRow
-      } = tableInternalData;
+      const { stripe, rowKey, highlightHoverRow, rowClassName, rowStyle, editConfig, treeConfig } = tableProps;
+      const { hasFixedColumn, treeExpandedFlag, scrollYLoad, isAllOverflow, rowExpandedFlag, expandColumn, selectRadioRow, pendingRowFlag, rowExpandHeightFlag, isRowGroupStatus } = tableReactData;
+      const { fullAllDataRowIdData, fullColumnIdData, treeExpandedMaps, pendingRowMaps, rowExpandedMaps, currentRow } = tableInternalData;
       const checkboxOpts = computeCheckboxOpts.value;
       const radioOpts = computeRadioOpts.value;
       const treeOpts = computeTreeOpts.value;
       const editOpts = computeEditOpts.value;
       const rowOpts = computeRowOpts.value;
       const columnOpts = computeColumnOpts.value;
-      const {
-        transform,
-        seqMode
-      } = treeOpts;
+      const { transform, seqMode } = treeOpts;
       const childrenField = treeOpts.children || treeOpts.childrenField;
       const rows = [];
-      const {
-        handleGetRowId
-      } = (0, _util.createHandleGetRowId)($xeTable);
+      const { handleGetRowId } = (0, import_util.createHandleGetRowId)($xeTable);
       const isDeepRow = treeConfig || isRowGroupStatus;
       tableData.forEach((row, $rowIndex) => {
         const rowid = handleGetRowId(row);
@@ -623,16 +503,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         let _rowIndex = -1;
         const hasRowGroupAggregate = isRowGroupStatus && row.isAggregate;
         const trOn = {};
-        // 当前行事件
         if (rowOpts.isHover || highlightHoverRow) {
-          trOn.onMouseover = evnt => {
+          trOn.onMouseover = (evnt) => {
             if (isVMScrollProcess()) {
               return;
             }
-            $xeTable.triggerHoverEvent(evnt, {
-              row,
-              rowIndex
-            });
+            $xeTable.triggerHoverEvent(evnt, { row, rowIndex });
           };
           trOn.onMouseleave = () => {
             if (isVMScrollProcess()) {
@@ -646,9 +522,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           _rowIndex = rowRest._index;
           rowLevel = rowRest.level;
           seq = rowRest.seq;
-          if (hasRowGroupAggregate || treeConfig && transform && seqMode === 'increasing') {
+          if (hasRowGroupAggregate || treeConfig && transform && seqMode === "increasing") {
             seq = rowRest._index + 1;
-          } else if (treeConfig && seqMode === 'fixed') {
+          } else if (treeConfig && seqMode === "fixed") {
             seq = rowRest._tIndex + 1;
           }
         }
@@ -664,9 +540,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           $rowIndex,
           _rowIndex
         };
-        // 行是否被展开
         const isExpandRow = expandColumn && !!rowExpandedFlag && !!rowExpandedMaps[rowid];
-        // 树节点是否被展开
         let isExpandTree = false;
         let rowChildren = [];
         let isNewRow = false;
@@ -677,42 +551,44 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           rowChildren = row[childrenField];
           isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
         }
-        // 拖拽行事件
         if (rowOpts.drag && !isRowGroupStatus && (!treeConfig || transform)) {
           trOn.onDragstart = $xeTable.handleRowDragDragstartEvent;
           trOn.onDragend = $xeTable.handleRowDragDragendEvent;
           trOn.onDragover = $xeTable.handleRowDragDragoverEvent;
         }
-        const trClass = ['vxe-body--row', isDeepRow ? `row--level-${rowLevel}` : '', {
-          'row--stripe': stripe && (_rowIndex + 1) % 2 === 0,
-          'is--new': isNewRow,
-          'is--expand-row': isExpandRow,
-          'is--expand-tree': isExpandTree,
-          'row--new': isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
-          'row--radio': radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
-          'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
-          'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid],
-          'row--group': hasRowGroupAggregate,
-          'row--current': currentRow && rowid === (0, _util.getRowid)($xeTable, currentRow)
-        }, (0, _dom.getPropClass)(rowClassName, params)];
+        const trClass = [
+          "vxe-body--row",
+          isDeepRow ? `row--level-${rowLevel}` : "",
+          {
+            "row--stripe": stripe && (_rowIndex + 1) % 2 === 0,
+            "is--new": isNewRow,
+            "is--expand-row": isExpandRow,
+            "is--expand-tree": isExpandTree,
+            "row--new": isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
+            "row--radio": radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
+            "row--checked": checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
+            "row--pending": !!pendingRowFlag && !!pendingRowMaps[rowid],
+            "row--group": hasRowGroupAggregate,
+            "row--current": currentRow && rowid === (0, import_util.getRowid)($xeTable, currentRow)
+          },
+          (0, import_dom.getPropClass)(rowClassName, params)
+        ];
         const tdVNs = tableColumn.map((column, $columnIndex) => {
           return renderTdColumn(seq, rowid, fixedType, isOptimizeMode, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
         });
-        rows.push((0, _vue.h)('tr', Object.assign({
-          class: trClass,
-          rowid: rowid,
-          style: rowStyle ? _xeUtils.default.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
-          key: rowKey || rowOpts.useKey || rowOpts.drag || columnOpts.drag || isRowGroupStatus || treeConfig ? rowid : $rowIndex
-        }, trOn), tdVNs));
-        // 如果行被展开了
+        rows.push(
+          (0, import_vue.h)("tr", {
+            class: trClass,
+            rowid,
+            style: rowStyle ? import_xe_utils.default.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
+            key: rowKey || rowOpts.useKey || rowOpts.drag || columnOpts.drag || isRowGroupStatus || treeConfig ? rowid : $rowIndex,
+            ...trOn
+          }, tdVNs)
+        );
         if (isExpandRow) {
           const expandOpts = computeExpandOpts.value;
-          const {
-            height: expandHeight,
-            padding,
-            mode: expandMode
-          } = expandOpts;
-          if (expandMode === 'fixed') {
+          const { height: expandHeight, padding, mode: expandMode } = expandOpts;
+          if (expandMode === "fixed") {
             const currExpHeight = rowRest.expandHeight;
             let expHeight = 0;
             if (rowExpandHeightFlag) {
@@ -720,17 +596,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                 expHeight = (currExpHeight || expandHeight || 0) + 1;
               }
             }
-            rows.push((0, _vue.h)('tr', {
-              class: 'vxe-body--row-expanded-place',
-              key: `expand_${rowid}`,
-              rowid
-            }, [(0, _vue.h)('td', {
-              class: 'vxe-body--row-expanded-place-column',
-              colspan: tableColumn.length,
-              style: {
-                height: `${expHeight}px`
-              }
-            })]));
+            rows.push(
+              (0, import_vue.h)("tr", {
+                class: "vxe-body--row-expanded-place",
+                key: `expand_${rowid}`,
+                rowid
+              }, [
+                (0, import_vue.h)("td", {
+                  class: "vxe-body--row-expanded-place-column",
+                  colspan: tableColumn.length,
+                  style: {
+                    height: `${expHeight}px`
+                  }
+                })
+              ])
+            );
           } else {
             const cellStyle = {};
             if (expandHeight) {
@@ -739,12 +619,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             if (treeConfig) {
               cellStyle.paddingLeft = `${rowLevel * treeOpts.indent + 30}px`;
             }
-            const {
-              showOverflow
-            } = expandColumn || {};
+            const { showOverflow } = expandColumn || {};
             const colid = expandColumn.id;
             const colRest = fullColumnIdData[colid] || {};
-            const hasEllipsis = _xeUtils.default.eqNull(showOverflow) ? isAllOverflow : showOverflow;
+            const hasEllipsis = import_xe_utils.default.eqNull(showOverflow) ? isAllOverflow : showOverflow;
             let columnIndex = -1;
             let $columnIndex = -1;
             let _columnIndex = -1;
@@ -777,41 +655,44 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               data: [],
               items: []
             };
-            rows.push((0, _vue.h)('tr', {
-              class: ['vxe-body--expanded-row', {
-                'is--padding': padding
-              }],
-              key: `expand_${rowid}`
-            }, [(0, _vue.h)('td', {
-              class: ['vxe-body--expanded-column', {
-                'fixed--hidden': fixedType && !hasFixedColumn,
-                'col--ellipsis': hasEllipsis
-              }],
-              colspan: tableColumn.length
-            }, [(0, _vue.h)('div', {
-              class: ['vxe-body--expanded-cell', {
-                'is--ellipsis': expandHeight
-              }],
-              style: cellStyle
-            }, [expandColumn.renderData(expandParams)])])]));
+            rows.push(
+              (0, import_vue.h)("tr", {
+                class: ["vxe-body--expanded-row", {
+                  "is--padding": padding
+                }],
+                key: `expand_${rowid}`
+              }, [
+                (0, import_vue.h)("td", {
+                  class: ["vxe-body--expanded-column", {
+                    "fixed--hidden": fixedType && !hasFixedColumn,
+                    "col--ellipsis": hasEllipsis
+                  }],
+                  colspan: tableColumn.length
+                }, [
+                  (0, import_vue.h)("div", {
+                    class: ["vxe-body--expanded-cell", {
+                      "is--ellipsis": expandHeight
+                    }],
+                    style: cellStyle
+                  }, [
+                    expandColumn.renderData(expandParams)
+                  ])
+                ])
+              ])
+            );
           }
         }
-        // 如果是树形表格
         if (isExpandTree) {
           rows.push(...renderRows(fixedType, isOptimizeMode, rowChildren, tableColumn));
         }
       });
       return rows;
     };
-    (0, _vue.onMounted)(() => {
-      (0, _vue.nextTick)(() => {
-        const {
-          fixedType
-        } = props;
-        const {
-          elemStore
-        } = tableInternalData;
-        const prefix = `${fixedType || 'main'}-body-`;
+    (0, import_vue.onMounted)(() => {
+      (0, import_vue.nextTick)(() => {
+        const { fixedType } = props;
+        const { elemStore } = tableInternalData;
+        const prefix = `${fixedType || "main"}-body-`;
         elemStore[`${prefix}wrapper`] = refElem;
         elemStore[`${prefix}scroll`] = refBodyScroll;
         elemStore[`${prefix}table`] = refBodyTable;
@@ -822,14 +703,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         elemStore[`${prefix}emptyBlock`] = refBodyEmptyBlock;
       });
     });
-    (0, _vue.onUnmounted)(() => {
-      const {
-        fixedType
-      } = props;
-      const {
-        elemStore
-      } = tableInternalData;
-      const prefix = `${fixedType || 'main'}-body-`;
+    (0, import_vue.onUnmounted)(() => {
+      const { fixedType } = props;
+      const { elemStore } = tableInternalData;
+      const prefix = `${fixedType || "main"}-body-`;
       elemStore[`${prefix}wrapper`] = null;
       elemStore[`${prefix}scroll`] = null;
       elemStore[`${prefix}table`] = null;
@@ -840,34 +717,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       elemStore[`${prefix}emptyBlock`] = null;
     });
     const renderVN = () => {
-      const {
-        slots
-      } = tableContext;
+      const { slots } = tableContext;
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const {
-        fixedColumn,
-        fixedType,
-        tableColumn
-      } = props;
-      const {
-        mouseConfig
-      } = tableProps;
-      const {
-        isGroup,
-        tableData,
-        isColLoading,
-        overflowX,
-        scrollXLoad,
-        scrollYLoad,
-        dragRow,
-        dragCol
-      } = tableReactData;
-      const {
-        visibleColumn,
-        fullAllDataRowIdData,
-        fullColumnIdData
-      } = tableInternalData;
+      const { fixedColumn, fixedType, tableColumn } = props;
+      const { mouseConfig } = tableProps;
+      const { isGroup, tableData, isColLoading, overflowX, scrollXLoad, scrollYLoad, dragRow, dragCol } = tableReactData;
+      const { visibleColumn, fullAllDataRowIdData, fullColumnIdData } = tableInternalData;
       const emptyOpts = computeEmptyOpts.value;
       const mouseOpts = computeMouseOpts.value;
       const isBodyRenderOptimize = computeIsBodyRenderOptimize.value;
@@ -882,16 +738,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           renderColumnList = fixedColumn || [];
         }
       }
-      // 行拖拽
       if (scrollYLoad && dragRow) {
         if (renderDataList.length > 2) {
-          const dRowRest = fullAllDataRowIdData[(0, _util.getRowid)($xeTable, dragRow)];
+          const dRowRest = fullAllDataRowIdData[(0, import_util.getRowid)($xeTable, dragRow)];
           if (dRowRest) {
             const drIndex = dRowRest._index;
             const firstRow = renderDataList[0];
             const lastRow = renderDataList[renderDataList.length - 1];
-            const firstRowRest = fullAllDataRowIdData[(0, _util.getRowid)($xeTable, firstRow)];
-            const lastRowRest = fullAllDataRowIdData[(0, _util.getRowid)($xeTable, lastRow)];
+            const firstRowRest = fullAllDataRowIdData[(0, import_util.getRowid)($xeTable, firstRow)];
+            const lastRowRest = fullAllDataRowIdData[(0, import_util.getRowid)($xeTable, lastRow)];
             if (firstRowRest && lastRowRest) {
               const frIndex = firstRowRest._index;
               const lrIndex = lastRowRest._index;
@@ -905,7 +760,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
       if (!fixedType && !isGroup) {
-        // 列拖拽
         if (scrollXLoad && dragCol) {
           if (renderColumnList.length > 2) {
             const dCowRest = fullColumnIdData[dragCol.id];
@@ -930,11 +784,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       let emptyContent;
       const emptySlot = slots ? slots.empty : null;
-      const emptyParams = {
-        $table: $xeTable,
-        $grid: $xeGrid,
-        $gantt: $xeGantt
-      };
+      const emptyParams = { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt };
       if (emptySlot) {
         emptyContent = $xeTable.callSlot(emptySlot, emptyParams);
       } else {
@@ -942,90 +792,107 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const compConf = emptyOpts.name ? rendererOpts[emptyOpts.name] || renderer.get(emptyOpts.name) : null;
         const rtEmptyView = compConf ? compConf.renderTableEmpty || compConf.renderTableEmptyView || compConf.renderEmpty : null;
         if (rtEmptyView) {
-          emptyContent = (0, _vn.getSlotVNs)(rtEmptyView(emptyOpts, emptyParams));
+          emptyContent = (0, import_vn.getSlotVNs)(rtEmptyView(emptyOpts, emptyParams));
         } else {
-          emptyContent = tableProps.emptyText || getI18n('vxe.table.emptyText');
+          emptyContent = tableProps.emptyText || getI18n("vxe.table.emptyText");
         }
       }
-      return (0, _vue.h)('div', {
+      return (0, import_vue.h)("div", {
         ref: refElem,
-        class: ['vxe-table--body-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
+        class: ["vxe-table--body-wrapper", fixedType ? `fixed-${fixedType}--wrapper` : "body--wrapper"],
         xid: xID
-      }, [(0, _vue.h)('div', {
-        ref: refBodyScroll,
-        class: 'vxe-table--body-inner-wrapper',
-        onScroll(evnt) {
-          $xeTable.triggerBodyScrollEvent(evnt, fixedType);
-        }
-      }, [fixedType ? renderEmptyElement($xeTable) : (0, _vue.h)('div', {
-        ref: refBodyXSpace,
-        class: 'vxe-body--x-space'
-      }), (0, _vue.h)('div', {
-        ref: refBodyYSpace,
-        class: 'vxe-body--y-space'
-      }), (0, _vue.h)('table', {
-        ref: refBodyTable,
-        class: 'vxe-table--body',
-        xid: xID,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0,
-        xvm: isOptimizeMode ? '1' : null
       }, [
-      /**
-       * 列宽
-       */
-      (0, _vue.h)('colgroup', {
-        ref: refBodyColgroup
-      }, renderColumnList.map((column, $columnIndex) => {
-        return (0, _vue.h)('col', {
-          name: column.id,
-          key: $columnIndex,
-          style: {
-            width: `${column.renderWidth}px`
-          }
-        });
-      })),
-      /**
-       * 内容
-       */
-      (0, _vue.h)('tbody', {
-        ref: refBodyTBody
-      }, renderRows(fixedType, isOptimizeMode, renderDataList, renderColumnList))]), (0, _vue.h)('div', {
-        class: 'vxe-table--checkbox-range'
-      }), (0, _utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area ? (0, _vue.h)('div', {
-        class: 'vxe-table--cell-area',
-        xid: xID
-      }, [(0, _vue.h)('span', {
-        class: 'vxe-table--cell-main-area'
-      }, mouseOpts.extension ? [(0, _vue.h)('span', {
-        class: 'vxe-table--cell-main-area-btn',
-        onMousedown(evnt) {
-          if ($xeTable.triggerCellAreaExtendMousedownEvent) {
-            $xeTable.triggerCellAreaExtendMousedownEvent(evnt, {
-              $table: $xeTable,
-              fixed: fixedType,
-              type: renderType
-            });
+        (0, import_vue.h)("div", {
+          ref: refBodyScroll,
+          class: "vxe-table--body-inner-wrapper",
+          onScroll(evnt) {
+            $xeTable.triggerBodyScrollEvent(evnt, fixedType);
           }
-        }
-      })] : []), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-clip-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-extend-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-multi-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-active-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-row-status-area'
-      })]) : renderEmptyElement($xeTable), !fixedType ? (0, _vue.h)('div', {
-        class: 'vxe-table--empty-block',
-        ref: refBodyEmptyBlock
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-table--empty-content'
-      }, emptyContent)]) : renderEmptyElement($xeTable)])]);
+        }, [
+          fixedType ? renderEmptyElement($xeTable) : (0, import_vue.h)("div", {
+            ref: refBodyXSpace,
+            class: "vxe-body--x-space"
+          }),
+          (0, import_vue.h)("div", {
+            ref: refBodyYSpace,
+            class: "vxe-body--y-space"
+          }),
+          (0, import_vue.h)("table", {
+            ref: refBodyTable,
+            class: "vxe-table--body",
+            xid: xID,
+            cellspacing: 0,
+            cellpadding: 0,
+            border: 0,
+            xvm: isOptimizeMode ? "1" : null
+          }, [
+            /**
+             * 列宽
+             */
+            (0, import_vue.h)("colgroup", {
+              ref: refBodyColgroup
+            }, renderColumnList.map((column, $columnIndex) => {
+              return (0, import_vue.h)("col", {
+                name: column.id,
+                key: $columnIndex,
+                style: {
+                  width: `${column.renderWidth}px`
+                }
+              });
+            })),
+            /**
+             * 内容
+             */
+            (0, import_vue.h)("tbody", {
+              ref: refBodyTBody
+            }, renderRows(fixedType, isOptimizeMode, renderDataList, renderColumnList))
+          ]),
+          (0, import_vue.h)("div", {
+            class: "vxe-table--checkbox-range"
+          }),
+          (0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area ? (0, import_vue.h)("div", {
+            class: "vxe-table--cell-area",
+            xid: xID
+          }, [
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-main-area"
+            }, mouseOpts.extension ? [
+              (0, import_vue.h)("span", {
+                class: "vxe-table--cell-main-area-btn",
+                onMousedown(evnt) {
+                  if ($xeTable.triggerCellAreaExtendMousedownEvent) {
+                    $xeTable.triggerCellAreaExtendMousedownEvent(evnt, { $table: $xeTable, fixed: fixedType, type: renderType });
+                  }
+                }
+              })
+            ] : []),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-clip-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-extend-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-multi-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-active-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-row-status-area"
+            })
+          ]) : renderEmptyElement($xeTable),
+          !fixedType ? (0, import_vue.h)("div", {
+            class: "vxe-table--empty-block",
+            ref: refBodyEmptyBlock
+          }, [
+            (0, import_vue.h)("div", {
+              class: "vxe-table--empty-content"
+            }, emptyContent)
+          ]) : renderEmptyElement($xeTable)
+        ])
+      ]);
     };
     return renderVN;
   }
-});
+});