vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/table/src/body.js

@@ -4,41 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _vXETable = require("../../v-x-e-table");
-
 var _util = require("./util");
-
 var _dom = require("../../tools/dom");
-
 var _utils = require("../../tools/utils");
-
 var _vn = require("../../tools/vn");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -48,14 +32,12 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 var renderType = 'body';
 var lineOffsetSizes = {
   mini: 3,
   small: 2,
   medium: 1
 };
-
 var _default = (0, _vue.defineComponent)({
   name: 'VxeTableBody',
   props: {
@@ -67,38 +49,35 @@ var _default = (0, _vue.defineComponent)({
       default: null
     }
   },
-  setup: function setup(props) {
+  setup: function (props) {
     var $xetable = (0, _vue.inject)('$xetable', {});
     var xesize = (0, _vue.inject)('xesize', null);
     var xID = $xetable.xID,
-        tableProps = $xetable.props,
-        tableContext = $xetable.context,
-        tableReactData = $xetable.reactData,
-        tableInternalData = $xetable.internalData;
-
+      tableProps = $xetable.props,
+      tableContext = $xetable.context,
+      tableReactData = $xetable.reactData,
+      tableInternalData = $xetable.internalData;
     var _a = $xetable.getRefMaps(),
-        refTableHeader = _a.refTableHeader,
-        refTableBody = _a.refTableBody,
-        refTableFooter = _a.refTableFooter,
-        refTableLeftBody = _a.refTableLeftBody,
-        refTableRightBody = _a.refTableRightBody,
-        refValidTooltip = _a.refValidTooltip;
-
+      refTableHeader = _a.refTableHeader,
+      refTableBody = _a.refTableBody,
+      refTableFooter = _a.refTableFooter,
+      refTableLeftBody = _a.refTableLeftBody,
+      refTableRightBody = _a.refTableRightBody,
+      refValidTooltip = _a.refValidTooltip;
     var _b = $xetable.getComputeMaps(),
-        computeEditOpts = _b.computeEditOpts,
-        computeMouseOpts = _b.computeMouseOpts,
-        computeSYOpts = _b.computeSYOpts,
-        computeEmptyOpts = _b.computeEmptyOpts,
-        computeKeyboardOpts = _b.computeKeyboardOpts,
-        computeTooltipOpts = _b.computeTooltipOpts,
-        computeRadioOpts = _b.computeRadioOpts,
-        computeExpandOpts = _b.computeExpandOpts,
-        computeTreeOpts = _b.computeTreeOpts,
-        computeCheckboxOpts = _b.computeCheckboxOpts,
-        computeValidOpts = _b.computeValidOpts,
-        computeRowOpts = _b.computeRowOpts,
-        computeColumnOpts = _b.computeColumnOpts;
-
+      computeEditOpts = _b.computeEditOpts,
+      computeMouseOpts = _b.computeMouseOpts,
+      computeSYOpts = _b.computeSYOpts,
+      computeEmptyOpts = _b.computeEmptyOpts,
+      computeKeyboardOpts = _b.computeKeyboardOpts,
+      computeTooltipOpts = _b.computeTooltipOpts,
+      computeRadioOpts = _b.computeRadioOpts,
+      computeExpandOpts = _b.computeExpandOpts,
+      computeTreeOpts = _b.computeTreeOpts,
+      computeCheckboxOpts = _b.computeCheckboxOpts,
+      computeValidOpts = _b.computeValidOpts,
+      computeRowOpts = _b.computeRowOpts,
+      computeColumnOpts = _b.computeColumnOpts;
     var refElem = (0, _vue.ref)();
     var refBodyTable = (0, _vue.ref)();
     var refBodyColgroup = (0, _vue.ref)();
@@ -106,80 +85,64 @@ var _default = (0, _vue.defineComponent)({
     var refBodyXSpace = (0, _vue.ref)();
     var refBodyYSpace = (0, _vue.ref)();
     var refBodyEmptyBlock = (0, _vue.ref)();
-
-    var getOffsetSize = function getOffsetSize() {
+    var getOffsetSize = function () {
       if (xesize) {
         var vSize = xesize.value;
-
         if (vSize) {
           return lineOffsetSizes[vSize] || 0;
         }
       }
-
       return 0;
     };
-
-    var countTreeExpand = function countTreeExpand(prevRow, params) {
+    var countTreeExpand = function (prevRow, params) {
       var count = 1;
-
       if (!prevRow) {
         return count;
       }
-
       var treeOpts = computeTreeOpts.value;
       var rowChildren = prevRow[treeOpts.children];
-
       if ($xetable.isTreeExpandByRow(prevRow)) {
         for (var index = 0; index < rowChildren.length; index++) {
           count += countTreeExpand(rowChildren[index], params);
         }
       }
-
       return count;
     };
-
-    var calcTreeLine = function calcTreeLine(params, items, rIndex) {
+    var calcTreeLine = function (params, items, rIndex) {
       var expandSize = 1;
-
       if (rIndex) {
         expandSize = countTreeExpand(items[rIndex - 1], params);
       }
-
       return tableReactData.rowHeight * expandSize - (rIndex ? 1 : 12 - getOffsetSize());
-    }; // 滚动、拖动过程中不需要触发
-
-
-    var isOperateMouse = function isOperateMouse() {
+    };
+    // 滚动、拖动过程中不需要触发
+    var isOperateMouse = function () {
       var delayHover = tableProps.delayHover;
       var lastScrollTime = tableInternalData.lastScrollTime,
-          _isResize = tableInternalData._isResize;
+        _isResize = tableInternalData._isResize;
       return _isResize || lastScrollTime && Date.now() < lastScrollTime + delayHover;
     };
-
-    var renderLine = function renderLine(params) {
+    var renderLine = function (params) {
       var row = params.row,
-          column = params.column;
+        column = params.column;
       var treeConfig = tableProps.treeConfig;
       var treeOpts = computeTreeOpts.value;
       var slots = column.slots,
-          treeNode = column.treeNode;
+        treeNode = column.treeNode;
       var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData;
       var rowid = (0, _util.getRowid)($xetable, row);
       var rest = fullAllDataRowIdData[rowid];
       var rLevel = 0;
       var rIndex = 0;
       var items = [];
-
       if (rest) {
         rLevel = rest.level;
         rIndex = rest._index;
         items = rest.items;
       }
-
       if (slots && slots.line) {
         return $xetable.callSlot(slots.line, params);
       }
-
       if (treeConfig && treeNode && treeOpts.line) {
         return [(0, _vue.h)('div', {
           class: 'vxe-tree--line-wrapper'
@@ -191,36 +154,32 @@ var _default = (0, _vue.defineComponent)({
           }
         })])];
       }
-
       return [];
     };
     /**
      * 渲染列
      */
-
-
-    var renderColumn = function renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
+    var renderColumn = function (seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
       var _a;
-
       var columnKey = tableProps.columnKey,
-          height = tableProps.height,
-          allColumnOverflow = tableProps.showOverflow,
-          allCellClassName = tableProps.cellClassName,
-          cellStyle = tableProps.cellStyle,
-          allAlign = tableProps.align,
-          spanMethod = tableProps.spanMethod,
-          mouseConfig = tableProps.mouseConfig,
-          editConfig = tableProps.editConfig,
-          editRules = tableProps.editRules,
-          tooltipConfig = tableProps.tooltipConfig;
+        height = tableProps.height,
+        allColumnOverflow = tableProps.showOverflow,
+        allCellClassName = tableProps.cellClassName,
+        cellStyle = tableProps.cellStyle,
+        allAlign = tableProps.align,
+        spanMethod = tableProps.spanMethod,
+        mouseConfig = tableProps.mouseConfig,
+        editConfig = tableProps.editConfig,
+        editRules = tableProps.editRules,
+        tooltipConfig = tableProps.tooltipConfig;
       var tableData = tableReactData.tableData,
-          overflowX = tableReactData.overflowX,
-          scrollYLoad = tableReactData.scrollYLoad,
-          currentColumn = tableReactData.currentColumn,
-          mergeList = tableReactData.mergeList,
-          editStore = tableReactData.editStore,
-          validStore = tableReactData.validStore,
-          isAllOverflow = tableReactData.isAllOverflow;
+        overflowX = tableReactData.overflowX,
+        scrollYLoad = tableReactData.scrollYLoad,
+        currentColumn = tableReactData.currentColumn,
+        mergeList = tableReactData.mergeList,
+        editStore = tableReactData.editStore,
+        validStore = tableReactData.validStore,
+        isAllOverflow = tableReactData.isAllOverflow;
       var afterFullData = tableInternalData.afterFullData;
       var validOpts = computeValidOpts.value;
       var checkboxOpts = computeCheckboxOpts.value;
@@ -230,12 +189,12 @@ var _default = (0, _vue.defineComponent)({
       var sYOpts = computeSYOpts.value;
       var columnOpts = computeColumnOpts.value;
       var type = column.type,
-          cellRender = column.cellRender,
-          editRender = column.editRender,
-          align = column.align,
-          showOverflow = column.showOverflow,
-          className = column.className,
-          treeNode = column.treeNode;
+        cellRender = column.cellRender,
+        editRender = column.editRender,
+        align = column.align,
+        showOverflow = column.showOverflow,
+        className = column.className,
+        treeNode = column.treeNode;
       var actived = editStore.actived;
       var scrollYRHeight = sYOpts.rHeight;
       var rowHeight = rowOpts.height;
@@ -244,9 +203,7 @@ var _default = (0, _vue.defineComponent)({
       var cellClassName = compConf ? compConf.cellClassName : '';
       var showAllTip = tooltipOpts.showAll;
       var columnIndex = $xetable.getColumnIndex(column);
-
       var _columnIndex = $xetable.getVTColumnIndex(column);
-
       var isEdit = (0, _utils.isEnableConf)(editRender);
       var fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX;
       var cellOverflow = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? allColumnOverflow : showOverflow;
@@ -281,82 +238,68 @@ var _default = (0, _vue.defineComponent)({
         visibleData: afterFullData,
         data: tableData,
         items: items
-      }; // 虚拟滚动不支持动态高度
-
+      };
+      // 虚拟滚动不支持动态高度
       if (scrollYLoad && !hasEllipsis) {
         showEllipsis = hasEllipsis = true;
-      } // hover 进入事件
-
-
+      }
+      // hover 进入事件
       if (showTitle || showTooltip || showAllTip || tooltipConfig) {
         tdOns.onMouseenter = function (evnt) {
           if (isOperateMouse()) {
             return;
           }
-
           if (showTitle) {
             (0, _dom.updateCellTitle)(evnt.currentTarget, column);
           } else if (showTooltip || showAllTip) {
             // 如果配置了显示 tooltip
             $xetable.triggerBodyTooltipEvent(evnt, params);
           }
-
           $xetable.dispatchEvent('cell-mouseenter', Object.assign({
             cell: evnt.currentTarget
           }, params), evnt);
         };
-      } // hover 退出事件
-
-
+      }
+      // hover 退出事件
       if (showTooltip || showAllTip || tooltipConfig) {
         tdOns.onMouseleave = function (evnt) {
           if (isOperateMouse()) {
             return;
           }
-
           if (showTooltip || showAllTip) {
             $xetable.handleTargetLeaveEvent(evnt);
           }
-
           $xetable.dispatchEvent('cell-mouseleave', Object.assign({
             cell: evnt.currentTarget
           }, params), evnt);
         };
-      } // 按下事件处理
-
-
+      }
+      // 按下事件处理
       if (checkboxOpts.range || mouseConfig) {
         tdOns.onMousedown = function (evnt) {
           $xetable.triggerCellMousedownEvent(evnt, params);
         };
-      } // 点击事件处理
-
-
+      }
+      // 点击事件处理
       tdOns.onClick = function (evnt) {
         $xetable.triggerCellClickEvent(evnt, params);
-      }; // 双击事件处理
-
-
+      };
+      // 双击事件处理
       tdOns.onDblclick = function (evnt) {
         $xetable.triggerCellDblclickEvent(evnt, params);
-      }; // 合并行或列
-
-
+      };
+      // 合并行或列
       if (mergeList.length) {
         var spanRest = (0, _util.mergeBodyMethod)(mergeList, _rowIndex, _columnIndex);
-
         if (spanRest) {
           var rowspan = spanRest.rowspan,
-              colspan = spanRest.colspan;
-
+            colspan = spanRest.colspan;
           if (!rowspan || !colspan) {
             return null;
           }
-
           if (rowspan > 1) {
             attrs.rowspan = rowspan;
           }
-
           if (colspan > 1) {
             attrs.colspan = colspan;
           }
@@ -364,38 +307,31 @@ var _default = (0, _vue.defineComponent)({
       } else if (spanMethod) {
         // 自定义合并行或列的方法
         var _b = spanMethod(params) || {},
-            _c = _b.rowspan,
-            rowspan = _c === void 0 ? 1 : _c,
-            _d = _b.colspan,
-            colspan = _d === void 0 ? 1 : _d;
-
+          _c = _b.rowspan,
+          rowspan = _c === void 0 ? 1 : _c,
+          _d = _b.colspan,
+          colspan = _d === void 0 ? 1 : _d;
         if (!rowspan || !colspan) {
           return null;
         }
-
         if (rowspan > 1) {
           attrs.rowspan = rowspan;
         }
-
         if (colspan > 1) {
           attrs.colspan = colspan;
         }
-      } // 如果被合并不可隐藏
-
-
+      }
+      // 如果被合并不可隐藏
       if (fixedHiddenColumn && mergeList) {
         if (attrs.colspan > 1 || attrs.rowspan > 1) {
           fixedHiddenColumn = false;
         }
-      } // 如果编辑列开启显示状态
-
-
+      }
+      // 如果编辑列开启显示状态
       if (!fixedHiddenColumn && editConfig && (editRender || cellRender) && (editOpts.showStatus || editOpts.showUpdateStatus)) {
         isDirty = $xetable.isUpdateByRow(row, column.field);
       }
-
       var tdVNs = [];
-
       if (fixedHiddenColumn && (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
         tdVNs.push((0, _vue.h)('div', {
           class: ['vxe-cell', {
@@ -420,7 +356,6 @@ var _default = (0, _vue.defineComponent)({
           },
           title: showTitle ? $xetable.getCellLabel(row, column) : null
         }, column.renderCell(params))], false));
-
         if (showValidTip && hasValidError) {
           tdVNs.push((0, _vue.h)('div', {
             class: 'vxe-cell--valid',
@@ -432,7 +367,6 @@ var _default = (0, _vue.defineComponent)({
           }, validStore.content)]));
         }
       }
-
       return (0, _vue.h)('td', __assign(__assign(__assign({
         class: ['vxe-body--column', column.id, (_a = {}, _a["col--".concat(cellAlign)] = cellAlign, _a["col--".concat(type)] = type, _a['col--last'] = $columnIndex === columns.length - 1, _a['col--tree-node'] = treeNode, _a['col--edit'] = isEdit, _a['col--ellipsis'] = hasEllipsis, _a['fixed--hidden'] = fixedHiddenColumn, _a['col--dirty'] = isDirty, _a['col--actived'] = editConfig && isEdit && actived.row === row && (actived.column === column || editOpts.mode === 'row'), _a['col--valid-error'] = hasValidError, _a['col--current'] = currentColumn === column, _a), (0, _dom.getPropClass)(cellClassName, params), (0, _dom.getPropClass)(className, params), (0, _dom.getPropClass)(allCellClassName, params)],
         key: columnKey || columnOpts.useKey ? column.id : $columnIndex
@@ -442,23 +376,22 @@ var _default = (0, _vue.defineComponent)({
         }, cellStyle ? _xeUtils.default.isFunction(cellStyle) ? cellStyle(params) : cellStyle : null)
       }), tdOns), tdVNs);
     };
-
-    var renderRows = function renderRows(fixedType, tableData, tableColumn) {
+    var renderRows = function (fixedType, tableData, tableColumn) {
       var stripe = tableProps.stripe,
-          rowKey = tableProps.rowKey,
-          highlightHoverRow = tableProps.highlightHoverRow,
-          rowClassName = tableProps.rowClassName,
-          rowStyle = tableProps.rowStyle,
-          allColumnOverflow = tableProps.showOverflow,
-          editConfig = tableProps.editConfig,
-          treeConfig = tableProps.treeConfig;
+        rowKey = tableProps.rowKey,
+        highlightHoverRow = tableProps.highlightHoverRow,
+        rowClassName = tableProps.rowClassName,
+        rowStyle = tableProps.rowStyle,
+        allColumnOverflow = tableProps.showOverflow,
+        editConfig = tableProps.editConfig,
+        treeConfig = tableProps.treeConfig;
       var hasFixedColumn = tableReactData.hasFixedColumn,
-          treeExpandeds = tableReactData.treeExpandeds,
-          scrollYLoad = tableReactData.scrollYLoad,
-          editStore = tableReactData.editStore,
-          rowExpandeds = tableReactData.rowExpandeds,
-          expandColumn = tableReactData.expandColumn,
-          selectRow = tableReactData.selectRow;
+        treeExpandeds = tableReactData.treeExpandeds,
+        scrollYLoad = tableReactData.scrollYLoad,
+        editStore = tableReactData.editStore,
+        rowExpandeds = tableReactData.rowExpandeds,
+        expandColumn = tableReactData.expandColumn,
+        selectRow = tableReactData.selectRow;
       var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData;
       var checkboxOpts = computeCheckboxOpts.value;
       var radioOpts = computeRadioOpts.value;
@@ -469,43 +402,37 @@ var _default = (0, _vue.defineComponent)({
       var rows = [];
       tableData.forEach(function (row, $rowIndex) {
         var trOn = {};
-        var rowIndex = $rowIndex; // 确保任何情况下 rowIndex 都精准指向真实 data 索引
-
-        rowIndex = $xetable.getRowIndex(row); // 事件绑定
-
+        var rowIndex = $rowIndex;
+        // 确保任何情况下 rowIndex 都精准指向真实 data 索引
+        rowIndex = $xetable.getRowIndex(row);
+        // 事件绑定
         if (rowOpts.isHover || highlightHoverRow) {
           trOn.onMouseenter = function (evnt) {
             if (isOperateMouse()) {
               return;
             }
-
             $xetable.triggerHoverEvent(evnt, {
               row: row,
               rowIndex: rowIndex
             });
           };
-
           trOn.onMouseleave = function () {
             if (isOperateMouse()) {
               return;
             }
-
             $xetable.clearHoverRow();
           };
         }
-
         var rowid = (0, _util.getRowid)($xetable, row);
         var rest = fullAllDataRowIdData[rowid];
         var rowLevel = 0;
         var seq = -1;
         var _rowIndex = 0;
-
         if (rest) {
           rowLevel = rest.level;
           seq = rest.seq;
           _rowIndex = rest._index;
         }
-
         var params = {
           $table: $xetable,
           seq: seq,
@@ -517,24 +444,21 @@ var _default = (0, _vue.defineComponent)({
           rowIndex: rowIndex,
           $rowIndex: $rowIndex,
           _rowIndex: _rowIndex
-        }; // 行是否被展开
-
-        var isExpandRow = expandColumn && rowExpandeds.length && $xetable.findRowIndexOf(rowExpandeds, row) > -1; // 树节点是否被展开
-
+        };
+        // 行是否被展开
+        var isExpandRow = expandColumn && rowExpandeds.length && $xetable.findRowIndexOf(rowExpandeds, row) > -1;
+        // 树节点是否被展开
         var isExpandTree = false;
-        var rowChildren = []; // 处理新增状态
-
+        var rowChildren = [];
+        // 处理新增状态
         var isNewRow = false;
-
         if (editConfig) {
           isNewRow = $xetable.findRowIndexOf(editStore.insertList, row) > -1;
         }
-
         if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
           rowChildren = row[treeOpts.children];
           isExpandTree = rowChildren && rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1;
         }
-
         rows.push((0, _vue.h)('tr', __assign({
           class: ['vxe-body--row', treeConfig ? "row--level-".concat(rowLevel) : '', {
             'row--stripe': stripe && ($xetable.getVTRowIndex(row) + 1) % 2 === 0,
@@ -550,21 +474,18 @@ var _default = (0, _vue.defineComponent)({
           key: rowKey || rowOpts.useKey || treeConfig ? rowid : $rowIndex
         }, trOn), tableColumn.map(function (column, $columnIndex) {
           return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
-        }))); // 如果行被展开了
-
+        })));
+        // 如果行被展开了
         if (isExpandRow) {
           var expandOpts = computeExpandOpts.value;
           var expandHeight = expandOpts.height;
           var cellStyle = {};
-
           if (expandHeight) {
             cellStyle.height = "".concat(expandHeight, "px");
           }
-
           if (treeConfig) {
             cellStyle.paddingLeft = "".concat(rowLevel * treeOpts.indent + 30, "px");
           }
-
           var showOverflow = expandColumn.showOverflow;
           var hasEllipsis = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? allColumnOverflow : showOverflow;
           var expandParams = {
@@ -597,12 +518,10 @@ var _default = (0, _vue.defineComponent)({
             },
             style: cellStyle
           }, [expandColumn.renderData(expandParams)])])]));
-        } // 如果是树形表格
-
-
+        }
+        // 如果是树形表格
         if (treeConfig && !scrollYLoad && !transform && treeExpandeds.length) {
           var rowChildren_1 = row[treeOpts.children];
-
           if (rowChildren_1 && rowChildren_1.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
             rows.push.apply(rows, renderRows(fixedType, rowChildren_1, tableColumn));
           }
@@ -613,22 +532,17 @@ var _default = (0, _vue.defineComponent)({
     /**
      * 同步滚动条
      */
-
-
     var scrollProcessTimeout;
-
-    var syncBodyScroll = function syncBodyScroll(fixedType, scrollTop, elem1, elem2) {
+    var syncBodyScroll = function (fixedType, scrollTop, elem1, elem2) {
       if (elem1 || elem2) {
         if (elem1) {
           (0, _util.removeScrollListener)(elem1);
           elem1.scrollTop = scrollTop;
         }
-
         if (elem2) {
           (0, _util.removeScrollListener)(elem2);
           elem2.scrollTop = scrollTop;
         }
-
         clearTimeout(scrollProcessTimeout);
         scrollProcessTimeout = setTimeout(function () {
           // const tableBody = refTableBody.value
@@ -638,7 +552,8 @@ var _default = (0, _vue.defineComponent)({
           // const leftElem = leftBody ? leftBody.$el as XEBodyScrollElement : null
           // const rightElem = rightBody ? rightBody.$el as XEBodyScrollElement : null
           (0, _util.restoreScrollListener)(elem1);
-          (0, _util.restoreScrollListener)(elem2); // 检查滚动条是的同步
+          (0, _util.restoreScrollListener)(elem2);
+          // 检查滚动条是的同步
           // let targetTop = bodyElem.scrollTop
           // if (fixedType === 'left') {
           //   if (leftElem) {
@@ -660,16 +575,14 @@ var _default = (0, _vue.defineComponent)({
      * 如果存在列固定左侧，同步更新滚动状态
      * 如果存在列固定右侧，同步更新滚动状态
      */
-
-
-    var scrollEvent = function scrollEvent(evnt) {
+    var scrollEvent = function (evnt) {
       var fixedType = props.fixedType;
       var highlightHoverRow = tableProps.highlightHoverRow;
       var scrollXLoad = tableReactData.scrollXLoad,
-          scrollYLoad = tableReactData.scrollYLoad;
+        scrollYLoad = tableReactData.scrollYLoad;
       var elemStore = tableInternalData.elemStore,
-          lastScrollTop = tableInternalData.lastScrollTop,
-          lastScrollLeft = tableInternalData.lastScrollLeft;
+        lastScrollTop = tableInternalData.lastScrollTop,
+        lastScrollLeft = tableInternalData.lastScrollLeft;
       var rowOpts = computeRowOpts.value;
       var tableHeader = refTableHeader.value;
       var tableBody = refTableBody.value;
@@ -696,11 +609,9 @@ var _default = (0, _vue.defineComponent)({
       tableInternalData.lastScrollTop = scrollTop;
       tableInternalData.lastScrollLeft = scrollLeft;
       tableInternalData.lastScrollTime = Date.now();
-
       if (rowOpts.isHover || highlightHoverRow) {
         $xetable.clearHoverRow();
       }
-
       if (leftElem && fixedType === 'left') {
         scrollTop = leftElem.scrollTop;
         syncBodyScroll(fixedType, scrollTop, bodyElem, rightElem);
@@ -712,33 +623,26 @@ var _default = (0, _vue.defineComponent)({
           if (headerElem) {
             headerElem.scrollLeft = bodyElem.scrollLeft;
           }
-
           if (footerElem) {
             footerElem.scrollLeft = bodyElem.scrollLeft;
           }
         }
-
         if (leftElem || rightElem) {
           $xetable.checkScrolling();
-
           if (isRollY) {
             syncBodyScroll(fixedType, scrollTop, leftElem, rightElem);
           }
         }
       }
-
       if (scrollXLoad && isRollX) {
         $xetable.triggerScrollXEvent(evnt);
       }
-
       if (scrollYLoad && isRollY) {
         $xetable.triggerScrollYEvent(evnt);
       }
-
       if (isRollX && validTip && validTip.reactData.visible) {
         validTip.updatePlacement();
       }
-
       $xetable.dispatchEvent('scroll', {
         type: renderType,
         fixed: fixedType,
@@ -752,17 +656,15 @@ var _default = (0, _vue.defineComponent)({
         isY: isRollY
       }, evnt);
     };
-
     var wheelTime;
     var wheelYSize = 0;
     var wheelYInterval = 0;
     var wheelYTotal = 0;
     var isPrevWheelTop = false;
-
-    var handleWheel = function handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY) {
+    var handleWheel = function (evnt, isTopWheel, deltaTop, isRollX, isRollY) {
       var elemStore = tableInternalData.elemStore;
       var scrollXLoad = tableReactData.scrollXLoad,
-          scrollYLoad = tableReactData.scrollYLoad;
+        scrollYLoad = tableReactData.scrollYLoad;
       var tableBody = refTableBody.value;
       var leftBody = refTableLeftBody.value;
       var rightBody = refTableRightBody.value;
@@ -781,35 +683,28 @@ var _default = (0, _vue.defineComponent)({
       wheelYInterval = 0;
       wheelYTotal = 0;
       clearTimeout(wheelTime);
-
-      var handleSmooth = function handleSmooth() {
+      var handleSmooth = function () {
         if (wheelYTotal < wheelYSize) {
           var fixedType = props.fixedType;
           wheelYInterval = Math.max(5, Math.floor(wheelYInterval * 1.5));
           wheelYTotal = wheelYTotal + wheelYInterval;
-
           if (wheelYTotal > wheelYSize) {
             wheelYInterval = wheelYInterval - (wheelYTotal - wheelYSize);
           }
-
           var scrollTop = bodyElem.scrollTop,
-              clientHeight = bodyElem.clientHeight,
-              scrollHeight = bodyElem.scrollHeight;
+            clientHeight = bodyElem.clientHeight,
+            scrollHeight = bodyElem.scrollHeight;
           var targerTop = scrollTop + wheelYInterval * (isTopWheel ? -1 : 1);
           bodyElem.scrollTop = targerTop;
-
           if (leftElem) {
             leftElem.scrollTop = targerTop;
           }
-
           if (rightElem) {
             rightElem.scrollTop = targerTop;
           }
-
           if (isTopWheel ? targerTop < scrollHeight - clientHeight : targerTop >= 0) {
             wheelTime = setTimeout(handleSmooth, 10);
           }
-
           $xetable.dispatchEvent('scroll', {
             type: renderType,
             fixed: fixedType,
@@ -824,56 +719,48 @@ var _default = (0, _vue.defineComponent)({
           }, evnt);
         }
       };
-
       handleSmooth();
     };
     /**
      * 滚轮处理
      */
-
-
-    var wheelEvent = function wheelEvent(evnt) {
+    var wheelEvent = function (evnt) {
       var deltaY = evnt.deltaY,
-          deltaX = evnt.deltaX;
+        deltaX = evnt.deltaX;
       var highlightHoverRow = tableProps.highlightHoverRow;
       var scrollYLoad = tableReactData.scrollYLoad;
       var lastScrollTop = tableInternalData.lastScrollTop,
-          lastScrollLeft = tableInternalData.lastScrollLeft;
+        lastScrollLeft = tableInternalData.lastScrollLeft;
       var rowOpts = computeRowOpts.value;
       var tableBody = refTableBody.value;
       var scrollBodyElem = refElem.value;
       var bodyElem = tableBody.$el;
       var deltaTop = deltaY;
       var deltaLeft = deltaX;
-      var isTopWheel = deltaTop < 0; // 如果滚动位置已经是顶部或底部，则不需要触发
-
+      var isTopWheel = deltaTop < 0;
+      // 如果滚动位置已经是顶部或底部，则不需要触发
       if (isTopWheel ? scrollBodyElem.scrollTop <= 0 : scrollBodyElem.scrollTop >= scrollBodyElem.scrollHeight - scrollBodyElem.clientHeight) {
         return;
       }
-
       var scrollTop = scrollBodyElem.scrollTop + deltaTop;
       var scrollLeft = bodyElem.scrollLeft + deltaLeft;
       var isRollX = scrollLeft !== lastScrollLeft;
-      var isRollY = scrollTop !== lastScrollTop; // 用于鼠标纵向滚轮处理
-
+      var isRollY = scrollTop !== lastScrollTop;
+      // 用于鼠标纵向滚轮处理
       if (isRollY) {
         evnt.preventDefault();
         tableInternalData.lastScrollTop = scrollTop;
         tableInternalData.lastScrollLeft = scrollLeft;
         tableInternalData.lastScrollTime = Date.now();
-
         if (rowOpts.isHover || highlightHoverRow) {
           $xetable.clearHoverRow();
         }
-
         handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY);
-
         if (scrollYLoad) {
           $xetable.triggerScrollYEvent(evnt);
         }
       }
     };
-
     (0, _vue.onMounted)(function () {
       (0, _vue.nextTick)(function () {
         var fixedType = props.fixedType;
@@ -909,34 +796,34 @@ var _default = (0, _vue.defineComponent)({
       elemStore["".concat(prefix, "ySpace")] = null;
       elemStore["".concat(prefix, "emptyBlock")] = null;
     });
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var fixedColumn = props.fixedColumn,
-          fixedType = props.fixedType,
-          tableColumn = props.tableColumn;
+        fixedType = props.fixedType,
+        tableColumn = props.tableColumn;
       var keyboardConfig = tableProps.keyboardConfig,
-          allColumnOverflow = tableProps.showOverflow,
-          spanMethod = tableProps.spanMethod,
-          mouseConfig = tableProps.mouseConfig;
+        allColumnOverflow = tableProps.showOverflow,
+        spanMethod = tableProps.spanMethod,
+        mouseConfig = tableProps.mouseConfig;
       var tableData = tableReactData.tableData,
-          mergeList = tableReactData.mergeList,
-          scrollYLoad = tableReactData.scrollYLoad,
-          isAllOverflow = tableReactData.isAllOverflow;
+        mergeList = tableReactData.mergeList,
+        scrollYLoad = tableReactData.scrollYLoad,
+        isAllOverflow = tableReactData.isAllOverflow;
       var visibleColumn = tableInternalData.visibleColumn;
       var slots = tableContext.slots;
       var sYOpts = computeSYOpts.value;
       var emptyOpts = computeEmptyOpts.value;
       var keyboardOpts = computeKeyboardOpts.value;
-      var mouseOpts = computeMouseOpts.value; // const isMergeLeftFixedExceeded = computeIsMergeLeftFixedExceeded.value
+      var mouseOpts = computeMouseOpts.value;
+      // const isMergeLeftFixedExceeded = computeIsMergeLeftFixedExceeded.value
       // const isMergeRightFixedExceeded = computeIsMergeRightFixedExceeded.value
       // 如果是使用优化模式
-
       if (fixedType) {
         if (scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
           if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
             tableColumn = fixedColumn;
           } else {
-            tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
+            tableColumn = visibleColumn;
+            // 检查固定列是否被合并，合并范围是否超出固定列
             // if (mergeList.length && !isMergeLeftFixedExceeded && fixedType === 'left') {
             //   tableColumn = fixedColumn
             // } else if (mergeList.length && !isMergeRightFixedExceeded && fixedType === 'right') {
@@ -949,9 +836,7 @@ var _default = (0, _vue.defineComponent)({
           tableColumn = visibleColumn;
         }
       }
-
       var emptyContent;
-
       if (slots.empty) {
         emptyContent = $xetable.callSlot(slots.empty, {
           $table: $xetable
@@ -959,7 +844,6 @@ var _default = (0, _vue.defineComponent)({
       } else {
         var compConf = emptyOpts.name ? _vXETable.VXETable.renderer.get(emptyOpts.name) : null;
         var renderEmpty = compConf ? compConf.renderEmpty : null;
-
         if (renderEmpty) {
           emptyContent = (0, _vn.getSlotVNs)(renderEmpty(emptyOpts, {
             $table: $xetable
@@ -968,7 +852,6 @@ var _default = (0, _vue.defineComponent)({
           emptyContent = tableProps.emptyText || _conf.default.i18n('vxe.table.emptyText');
         }
       }
-
       return (0, _vue.h)('div', __assign({
         ref: refElem,
         class: ['vxe-table--body-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
@@ -1013,7 +896,7 @@ var _default = (0, _vue.defineComponent)({
         class: 'vxe-table--cell-main-area'
       }, mouseOpts.extension ? [(0, _vue.h)('span', {
         class: 'vxe-table--cell-main-area-btn',
-        onMousedown: function onMousedown(evnt) {
+        onMousedown: function (evnt) {
           $xetable.triggerCellExtendMousedownEvent(evnt, {
             $table: $xetable,
             fixed: fixedType,
@@ -1035,9 +918,7 @@ var _default = (0, _vue.defineComponent)({
         class: 'vxe-table--empty-content'
       }, emptyContent)]) : null]);
     };
-
     return renderVN;
   }
 });
-
 exports.default = _default;