vxe-table 3.9.0-rc.9 → 3.9.0

package/lib/table/src/body.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,36 +11,35 @@ var _util = require("./util");
 var _dom = require("../../ui/src/dom");
 var _vn = require("../../ui/src/vn");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var getI18n = _ui.VxeUI.getI18n,
-  renderer = _ui.VxeUI.renderer;
-var renderType = 'body';
+const {
+  getI18n,
+  renderer
+} = _ui.VxeUI;
+const renderType = 'body';
 // 滚动、拖动过程中不需要触发
 function isVMScrollProcess($xetable) {
   return $xetable._isResize || $xetable.lastScrollTime && Date.now() < $xetable.lastScrollTime + $xetable.delayHover;
 }
 function renderLine(h, _vm, $xetable, params) {
-  var row = params.row,
-    column = params.column;
-  var afterFullData = $xetable.afterFullData,
-    treeOpts = $xetable.treeOpts,
-    treeConfig = $xetable.treeConfig,
-    fullAllDataRowIdData = $xetable.fullAllDataRowIdData;
-  var slots = column.slots,
-    treeNode = column.treeNode;
-  var rowid = (0, _util.getRowid)($xetable, row);
-  var rest = fullAllDataRowIdData[rowid];
-  var rLevel = 0;
-  var rIndex = 0;
-  var items = [];
+  const {
+    row,
+    column
+  } = params;
+  const {
+    afterFullData,
+    treeOpts,
+    treeConfig,
+    fullAllDataRowIdData
+  } = $xetable;
+  const {
+    slots,
+    treeNode
+  } = column;
+  const rowid = (0, _util.getRowid)($xetable, row);
+  const rest = fullAllDataRowIdData[rowid];
+  let rLevel = 0;
+  let rIndex = 0;
+  let items = [];
   if (rest) {
     rLevel = rest.level;
     rIndex = rest._index;
@@ -50,15 +48,15 @@ function renderLine(h, _vm, $xetable, params) {
   if (slots && slots.line) {
     return $xetable.callSlot(slots.line, params, h);
   }
-  var isFirstRow = $xetable.eqRow(afterFullData[0], row);
+  const isFirstRow = $xetable.eqRow(afterFullData[0], row);
   if (treeConfig && treeNode && (treeOpts.showLine || treeOpts.line)) {
     return [h('div', {
       class: 'vxe-tree--line-wrapper'
     }, [h('div', {
       class: 'vxe-tree--line',
       style: {
-        height: "".concat(isFirstRow ? 1 : (0, _util.calcTreeLine)(params, items, rIndex), "px"),
-        left: "".concat(rLevel * treeOpts.indent + (rLevel ? 2 - (0, _util.getOffsetSize)($xetable) : 0) + 16, "px")
+        height: `${isFirstRow ? 1 : (0, _util.calcTreeLine)(params, items, rIndex)}px`,
+        left: `${rLevel * treeOpts.indent + (rLevel ? 2 - (0, _util.getOffsetSize)($xetable) : 0) + 16}px`
       }
     })])];
   }
@@ -68,97 +66,106 @@ function renderLine(h, _vm, $xetable, params) {
  * 渲染列
  */
 function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
-  var _ref2;
-  var tableListeners = $xetable.$listeners,
-    afterFullData = $xetable.afterFullData,
-    tableData = $xetable.tableData,
-    height = $xetable.height,
-    columnKey = $xetable.columnKey,
-    overflowX = $xetable.overflowX,
-    sYOpts = $xetable.sYOpts,
-    scrollXLoad = $xetable.scrollXLoad,
-    scrollYLoad = $xetable.scrollYLoad,
-    highlightCurrentRow = $xetable.highlightCurrentRow,
-    allColumnOverflow = $xetable.showOverflow,
-    isAllOverflow = $xetable.isAllOverflow,
-    allAlign = $xetable.align,
-    currentColumn = $xetable.currentColumn,
-    allCellClassName = $xetable.cellClassName,
-    cellStyle = $xetable.cellStyle,
-    mergeList = $xetable.mergeList,
-    spanMethod = $xetable.spanMethod,
-    radioOpts = $xetable.radioOpts,
-    checkboxOpts = $xetable.checkboxOpts,
-    expandOpts = $xetable.expandOpts,
-    treeOpts = $xetable.treeOpts,
-    tooltipOpts = $xetable.tooltipOpts,
-    mouseConfig = $xetable.mouseConfig,
-    editConfig = $xetable.editConfig,
-    editOpts = $xetable.editOpts,
-    editRules = $xetable.editRules,
-    validOpts = $xetable.validOpts,
-    editStore = $xetable.editStore,
-    tooltipConfig = $xetable.tooltipConfig,
-    rowOpts = $xetable.rowOpts,
-    columnOpts = $xetable.columnOpts,
-    validErrorMaps = $xetable.validErrorMaps;
-  var type = column.type,
-    cellRender = column.cellRender,
-    editRender = column.editRender,
-    align = column.align,
-    showOverflow = column.showOverflow,
-    className = column.className,
-    treeNode = column.treeNode,
-    slots = column.slots;
-  var actived = editStore.actived;
-  var scrollYRHeight = sYOpts.rHeight;
-  var rowHeight = rowOpts.height;
-  var renderOpts = editRender || cellRender;
-  var compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-  var compCellClassName = compConf ? compConf.tableCellClassName || compConf.cellClassName : '';
-  var compCellStyle = compConf ? compConf.tableCellStyle || compConf.cellStyle : '';
-  var showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
-  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;
-  var showEllipsis = cellOverflow === 'ellipsis';
-  var showTitle = cellOverflow === 'title';
-  var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
-  var hasEllipsis = showTitle || showTooltip || showEllipsis;
-  var isDirty;
-  var tdOns = {};
-  var cellAlign = align || allAlign;
-  var errorValidItem = validErrorMaps["".concat(rowid, ":").concat(column.id)];
-  var showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? height || tableData.length > 1 : validOpts.message === 'inline');
-  var attrs = {
+  const {
+    $listeners: tableListeners,
+    afterFullData,
+    tableData,
+    height,
+    columnKey,
+    overflowX,
+    sYOpts,
+    scrollXLoad,
+    scrollYLoad,
+    highlightCurrentRow,
+    showOverflow: allColumnOverflow,
+    isAllOverflow,
+    align: allAlign,
+    currentColumn,
+    cellClassName: allCellClassName,
+    cellStyle,
+    mergeList,
+    spanMethod,
+    radioOpts,
+    checkboxOpts,
+    expandOpts,
+    treeOpts,
+    tooltipOpts,
+    mouseConfig,
+    editConfig,
+    editOpts,
+    editRules,
+    validOpts,
+    editStore,
+    tooltipConfig,
+    rowOpts,
+    columnOpts,
+    validErrorMaps
+  } = $xetable;
+  const {
+    type,
+    cellRender,
+    editRender,
+    align,
+    showOverflow,
+    className,
+    treeNode,
+    slots
+  } = column;
+  const {
+    actived
+  } = editStore;
+  const {
+    rHeight: scrollYRHeight
+  } = sYOpts;
+  const {
+    height: rowHeight
+  } = rowOpts;
+  const renderOpts = editRender || cellRender;
+  const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+  const compCellClassName = compConf ? compConf.tableCellClassName || compConf.cellClassName : '';
+  const compCellStyle = compConf ? compConf.tableCellStyle || compConf.cellStyle : '';
+  const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
+  const columnIndex = $xetable.getColumnIndex(column);
+  const _columnIndex = $xetable.getVTColumnIndex(column);
+  const isEdit = (0, _utils.isEnableConf)(editRender);
+  let fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX;
+  const cellOverflow = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? allColumnOverflow : showOverflow;
+  let showEllipsis = cellOverflow === 'ellipsis';
+  const showTitle = cellOverflow === 'title';
+  const showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
+  let hasEllipsis = showTitle || showTooltip || showEllipsis;
+  let isDirty;
+  const tdOns = {};
+  const cellAlign = align || allAlign;
+  const errorValidItem = validErrorMaps[`${rowid}:${column.id}`];
+  const showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? height || tableData.length > 1 : validOpts.message === 'inline');
+  const attrs = {
     colid: column.id
   };
-  var bindMouseenter = tableListeners['cell-mouseenter'];
-  var bindMouseleave = tableListeners['cell-mouseleave'];
-  var triggerDblclick = editRender && editConfig && editOpts.trigger === 'dblclick';
-  var params = {
+  const bindMouseenter = tableListeners['cell-mouseenter'];
+  const bindMouseleave = tableListeners['cell-mouseleave'];
+  const triggerDblclick = editRender && editConfig && editOpts.trigger === 'dblclick';
+  const params = {
     $table: $xetable,
     $grid: $xetable.$xegrid,
     isEdit: false,
-    seq: seq,
-    rowid: rowid,
-    row: row,
-    rowIndex: rowIndex,
-    $rowIndex: $rowIndex,
-    _rowIndex: _rowIndex,
-    column: column,
-    columnIndex: columnIndex,
-    $columnIndex: $columnIndex,
-    _columnIndex: _columnIndex,
+    seq,
+    rowid,
+    row,
+    rowIndex,
+    $rowIndex,
+    _rowIndex,
+    column,
+    columnIndex,
+    $columnIndex,
+    _columnIndex,
     fixed: fixedType,
     type: renderType,
     isHidden: fixedHiddenColumn,
     level: rowLevel,
     visibleData: afterFullData,
     data: tableData,
-    items: items
+    items
   };
   // 虚拟滚动不支持动态高度
   if ((scrollXLoad || scrollYLoad) && !hasEllipsis) {
@@ -166,7 +173,7 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
   }
   // hover 进入事件
   if (showTitle || showTooltip || showAllTip || bindMouseenter || tooltipConfig) {
-    tdOns.mouseenter = function (evnt) {
+    tdOns.mouseenter = evnt => {
       if (isVMScrollProcess($xetable)) {
         return;
       }
@@ -185,7 +192,7 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
   }
   // hover 退出事件
   if (showTooltip || showAllTip || bindMouseleave || tooltipConfig) {
-    tdOns.mouseleave = function (evnt) {
+    tdOns.mouseleave = evnt => {
       if (isVMScrollProcess($xetable)) {
         return;
       }
@@ -201,28 +208,30 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
   }
   // 按下事件处理
   if (checkboxOpts.range || mouseConfig) {
-    tdOns.mousedown = function (evnt) {
+    tdOns.mousedown = evnt => {
       $xetable.triggerCellMousedownEvent(evnt, params);
     };
   }
   // 点击事件处理
   if (rowOpts.isCurrent || highlightCurrentRow || tableListeners['cell-click'] || editRender && editConfig || expandOpts.trigger === 'row' || expandOpts.trigger === 'cell' || radioOpts.trigger === 'row' || column.type === 'radio' && radioOpts.trigger === 'cell' || checkboxOpts.trigger === 'row' || column.type === 'checkbox' && checkboxOpts.trigger === 'cell' || treeOpts.trigger === 'row' || column.treeNode && treeOpts.trigger === 'cell') {
-    tdOns.click = function (evnt) {
+    tdOns.click = evnt => {
       $xetable.triggerCellClickEvent(evnt, params);
     };
   }
   // 双击事件处理
   if (triggerDblclick || tableListeners['cell-dblclick']) {
-    tdOns.dblclick = function (evnt) {
+    tdOns.dblclick = evnt => {
       $xetable.triggerCellDblclickEvent(evnt, params);
     };
   }
   // 合并行或列
   if (mergeList.length) {
-    var spanRest = (0, _util.mergeBodyMethod)(mergeList, _rowIndex, _columnIndex);
+    const spanRest = (0, _util.mergeBodyMethod)(mergeList, _rowIndex, _columnIndex);
     if (spanRest) {
-      var rowspan = spanRest.rowspan,
-        colspan = spanRest.colspan;
+      const {
+        rowspan,
+        colspan
+      } = spanRest;
       if (!rowspan || !colspan) {
         return null;
       }
@@ -235,19 +244,18 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
     }
   } else if (spanMethod) {
     // 自定义合并行或列的方法
-    var _ref = spanMethod(params) || {},
-      _ref$rowspan = _ref.rowspan,
-      _rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan,
-      _ref$colspan = _ref.colspan,
-      _colspan = _ref$colspan === void 0 ? 1 : _ref$colspan;
-    if (!_rowspan || !_colspan) {
+    const {
+      rowspan = 1,
+      colspan = 1
+    } = spanMethod(params) || {};
+    if (!rowspan || !colspan) {
       return null;
     }
-    if (_rowspan > 1) {
-      attrs.rowspan = _rowspan;
+    if (rowspan > 1) {
+      attrs.rowspan = rowspan;
     }
-    if (_colspan > 1) {
-      attrs.colspan = _colspan;
+    if (colspan > 1) {
+      attrs.colspan = colspan;
     }
   }
   // 如果被合并不可隐藏
@@ -260,7 +268,7 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
   if (!fixedHiddenColumn && editConfig && (editRender || cellRender) && (editOpts.showStatus || editOpts.showUpdateStatus)) {
     isDirty = $xetable.isUpdateByRow(row, column.field);
   }
-  var tdVNs = [];
+  const tdVNs = [];
   if (fixedHiddenColumn && (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
     tdVNs.push(h('div', {
       class: ['vxe-cell', {
@@ -269,32 +277,32 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
         'c--ellipsis': showEllipsis
       }],
       style: {
-        maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
+        maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? `${scrollYRHeight || rowHeight}px` : ''
       }
     }));
   } else {
     // 渲染单元格
-    tdVNs.push.apply(tdVNs, _toConsumableArray(renderLine(h, _vm, $xetable, params)).concat([h('div', {
+    tdVNs.push(...renderLine(h, _vm, $xetable, params), h('div', {
       class: ['vxe-cell', {
         'c--title': showTitle,
         'c--tooltip': showTooltip,
         'c--ellipsis': showEllipsis
       }],
       style: {
-        maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
+        maxHeight: hasEllipsis && (scrollYRHeight || rowHeight) ? `${scrollYRHeight || rowHeight}px` : ''
       },
       attrs: {
         title: showTitle ? $xetable.getCellLabel(row, column) : null
       }
-    }, column.renderCell(h, params))]));
+    }, column.renderCell(h, params)));
     if (showValidTip && errorValidItem) {
-      var errRule = errorValidItem.rule;
-      var validSlot = slots ? slots.valid : null;
-      var validParams = Object.assign(Object.assign({}, params), errorValidItem);
+      const errRule = errorValidItem.rule;
+      const validSlot = slots ? slots.valid : null;
+      const validParams = Object.assign(Object.assign({}, params), errorValidItem);
       tdVNs.push(h('div', {
         class: ['vxe-cell--valid-error-hint', (0, _utils.getClass)(validOpts.className, errorValidItem)],
         style: errRule && errRule.maxWidth ? {
-          width: "".concat(errRule.maxWidth, "px")
+          width: `${errRule.maxWidth}px`
         } : null
       }, validSlot ? $xetable.callSlot(validSlot, validParams, h) : [h('span', {
         class: 'vxe-cell--valid-error-msg'
@@ -302,86 +310,101 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
     }
   }
   return h('td', {
-    class: ['vxe-body--column', column.id, (_ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "col--".concat(cellAlign), cellAlign), "col--".concat(type), type), 'col--last', $columnIndex === columns.length - 1), 'col--tree-node', treeNode), 'col--edit', isEdit), 'col--ellipsis', hasEllipsis), 'fixed--hidden', fixedHiddenColumn), 'col--dirty', isDirty), 'col--active', editConfig && isEdit && actived.row === row && (actived.column === column || editOpts.mode === 'row')), 'col--valid-error', !!errorValidItem), _defineProperty(_ref2, 'col--current', currentColumn === column)), (0, _utils.getClass)(compCellClassName, params), (0, _utils.getClass)(className, params), (0, _utils.getClass)(allCellClassName, params)],
+    class: ['vxe-body--column', column.id, {
+      [`col--${cellAlign}`]: cellAlign,
+      [`col--${type}`]: type,
+      'col--last': $columnIndex === columns.length - 1,
+      'col--tree-node': treeNode,
+      'col--edit': isEdit,
+      'col--ellipsis': hasEllipsis,
+      'col--height': !!rowOpts.height,
+      'fixed--hidden': fixedHiddenColumn,
+      'col--dirty': isDirty,
+      'col--active': editConfig && isEdit && actived.row === row && (actived.column === column || editOpts.mode === 'row'),
+      'col--valid-error': !!errorValidItem,
+      'col--current': currentColumn === column
+    }, (0, _utils.getClass)(compCellClassName, params), (0, _utils.getClass)(className, params), (0, _utils.getClass)(allCellClassName, params)],
     key: columnKey || columnOpts.useKey ? column.id : $columnIndex,
-    attrs: attrs,
+    attrs,
     style: Object.assign({
-      height: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
+      height: hasEllipsis && (scrollYRHeight || rowHeight) ? `${scrollYRHeight || rowHeight}px` : ''
     }, _xeUtils.default.isFunction(compCellStyle) ? compCellStyle(params) : compCellStyle, _xeUtils.default.isFunction(cellStyle) ? cellStyle(params) : cellStyle),
     on: tdOns
   }, tdVNs);
 }
 function renderRows(h, _vm, $xetable, fixedType, tableData, tableColumn) {
-  var stripe = $xetable.stripe,
-    rowKey = $xetable.rowKey,
-    highlightHoverRow = $xetable.highlightHoverRow,
-    rowClassName = $xetable.rowClassName,
-    rowStyle = $xetable.rowStyle,
-    editConfig = $xetable.editConfig,
-    allColumnOverflow = $xetable.showOverflow,
-    treeConfig = $xetable.treeConfig,
-    treeOpts = $xetable.treeOpts,
-    expandOpts = $xetable.expandOpts,
-    editOpts = $xetable.editOpts,
-    treeExpandedMaps = $xetable.treeExpandedMaps,
-    scrollYLoad = $xetable.scrollYLoad,
-    rowExpandedMaps = $xetable.rowExpandedMaps,
-    radioOpts = $xetable.radioOpts,
-    checkboxOpts = $xetable.checkboxOpts,
-    expandColumn = $xetable.expandColumn,
-    hasFixedColumn = $xetable.hasFixedColumn,
-    fullAllDataRowIdData = $xetable.fullAllDataRowIdData,
-    rowOpts = $xetable.rowOpts,
-    pendingRowList = $xetable.pendingRowList,
-    pendingRowMaps = $xetable.pendingRowMaps;
-  var childrenField = treeOpts.children || treeOpts.childrenField;
-  var rows = [];
-  tableData.forEach(function (row, $rowIndex) {
-    var trOn = {};
-    var rowIndex = $rowIndex;
-    var _rowIndex = $xetable.getVTRowIndex(row);
+  const {
+    stripe,
+    rowKey,
+    highlightHoverRow,
+    rowClassName,
+    rowStyle,
+    editConfig,
+    showOverflow: allColumnOverflow,
+    treeConfig,
+    treeOpts,
+    expandOpts,
+    editOpts,
+    treeExpandedMaps,
+    scrollYLoad,
+    rowExpandedMaps,
+    radioOpts,
+    checkboxOpts,
+    expandColumn,
+    hasFixedColumn,
+    fullAllDataRowIdData,
+    rowOpts,
+    pendingRowList,
+    pendingRowMaps
+  } = $xetable;
+  const childrenField = treeOpts.children || treeOpts.childrenField;
+  const rows = [];
+  tableData.forEach((row, $rowIndex) => {
+    const trOn = {};
+    let rowIndex = $rowIndex;
+    const _rowIndex = $xetable.getVTRowIndex(row);
     // 确保任何情况下 rowIndex 都精准指向真实 data 索引
     rowIndex = $xetable.getRowIndex(row);
     // 事件绑定
     if (rowOpts.isHover || highlightHoverRow) {
-      trOn.mouseenter = function (evnt) {
+      trOn.mouseenter = evnt => {
         if (isVMScrollProcess($xetable)) {
           return;
         }
         $xetable.triggerHoverEvent(evnt, {
-          row: row,
-          rowIndex: rowIndex
+          row,
+          rowIndex
         });
       };
-      trOn.mouseleave = function () {
+      trOn.mouseleave = () => {
         if (isVMScrollProcess($xetable)) {
           return;
         }
         $xetable.clearHoverRow();
       };
     }
-    var rowid = (0, _util.getRowid)($xetable, row);
-    var rest = fullAllDataRowIdData[rowid];
-    var rowLevel = rest ? rest.level : 0;
-    var seq = rest ? rest.seq : -1;
-    var params = {
+    const rowid = (0, _util.getRowid)($xetable, row);
+    const rest = fullAllDataRowIdData[rowid];
+    const rowLevel = rest ? rest.level : 0;
+    const seq = rest ? rest.seq : -1;
+    const params = {
       $table: $xetable,
-      seq: seq,
-      rowid: rowid,
+      seq,
+      rowid,
       fixed: fixedType,
       type: renderType,
       level: rowLevel,
-      row: row,
-      rowIndex: rowIndex,
-      $rowIndex: $rowIndex
+      row,
+      rowIndex,
+      $rowIndex
     };
     // 行是否被展开
-    var isExpandRow = expandColumn && !!rowExpandedMaps[rowid];
+    const isExpandRow = expandColumn && !!rowExpandedMaps[rowid];
     // 树节点是否被展开
-    var isExpandTree = false;
-    var rowChildren = [];
+    let isExpandTree = false;
+    let rowChildren = [];
     // 是否新增行
-    var isNewRow = false;
+    let isNewRow = false;
     if (editConfig) {
       isNewRow = $xetable.isInsertByRow(row);
     }
@@ -390,7 +413,7 @@ function renderRows(h, _vm, $xetable, fixedType, tableData, tableColumn) {
       isExpandTree = rowChildren && rowChildren.length && !!treeExpandedMaps[rowid];
     }
     rows.push(h('tr', {
-      class: ['vxe-body--row', treeConfig ? "row--level-".concat(rowLevel) : '', {
+      class: ['vxe-body--row', treeConfig ? `row--level-${rowLevel}` : '', {
         'row--stripe': stripe && ($xetable.getVTRowIndex(row) + 1) % 2 === 0,
         'is--new': isNewRow,
         'is--expand-row': isExpandRow,
@@ -401,43 +424,47 @@ function renderRows(h, _vm, $xetable, fixedType, tableData, tableColumn) {
         'row--pending': pendingRowList.length && !!pendingRowMaps[rowid]
       }, rowClassName ? _xeUtils.default.isFunction(rowClassName) ? rowClassName(params) : rowClassName : ''],
       attrs: {
-        rowid: rowid
+        rowid
       },
       style: rowStyle ? _xeUtils.default.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
       key: rowKey || rowOpts.useKey || treeConfig ? rowid : $rowIndex,
       on: trOn
-    }, tableColumn.map(function (column, $columnIndex) {
+    }, tableColumn.map((column, $columnIndex) => {
       return renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
     })));
     // 如果行被展开了
     if (isExpandRow) {
-      var expandHeight = expandOpts.height,
-        padding = expandOpts.padding;
-      var cellStyle = {};
+      const {
+        height: expandHeight,
+        padding
+      } = expandOpts;
+      const cellStyle = {};
       if (expandHeight) {
-        cellStyle.height = "".concat(expandHeight, "px");
+        cellStyle.height = `${expandHeight}px`;
       }
       if (treeConfig) {
-        cellStyle.paddingLeft = "".concat(rowLevel * treeOpts.indent + 30, "px");
+        cellStyle.paddingLeft = `${rowLevel * treeOpts.indent + 30}px`;
       }
-      var showOverflow = expandColumn.showOverflow;
-      var hasEllipsis = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? allColumnOverflow : showOverflow;
-      var expandParams = {
+      const {
+        showOverflow
+      } = expandColumn;
+      const hasEllipsis = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? allColumnOverflow : showOverflow;
+      const expandParams = {
         $table: $xetable,
-        seq: seq,
+        seq,
         column: expandColumn,
         fixed: fixedType,
         type: renderType,
         level: rowLevel,
-        row: row,
-        rowIndex: rowIndex,
-        $rowIndex: $rowIndex
+        row,
+        rowIndex,
+        $rowIndex
       };
       rows.push(h('tr', {
         class: ['vxe-body--expanded-row', {
           'is--padding': padding
         }],
-        key: "expand_".concat(rowid),
+        key: `expand_${rowid}`,
         style: rowStyle ? _xeUtils.default.isFunction(rowStyle) ? rowStyle(expandParams) : rowStyle : null,
         on: trOn
       }, [h('td', {
@@ -459,7 +486,7 @@ function renderRows(h, _vm, $xetable, fixedType, tableData, tableColumn) {
     }
     // 如果是树形表格
     if (isExpandTree) {
-      rows.push.apply(rows, _toConsumableArray(renderRows(h, _vm, $xetable, fixedType, rowChildren, tableColumn)));
+      rows.push(...renderRows(h, _vm, $xetable, fixedType, rowChildren, tableColumn));
     }
   });
   return rows;
@@ -467,7 +494,7 @@ function renderRows(h, _vm, $xetable, fixedType, tableData, tableColumn) {
 /**
  * 同步滚动条
  */
-var scrollProcessTimeout;
+let scrollProcessTimeout;
 function syncBodyScroll(_vm, fixedType, scrollTop, elem1, elem2) {
   if (elem1 || elem2) {
     if (elem1) {
@@ -479,7 +506,7 @@ function syncBodyScroll(_vm, fixedType, scrollTop, elem1, elem2) {
       elem2.scrollTop = scrollTop;
     }
     clearTimeout(scrollProcessTimeout);
-    scrollProcessTimeout = setTimeout(function () {
+    scrollProcessTimeout = setTimeout(() => {
       // const { tableBody, leftBody, rightBody } = _vm.$refs
       // const bodyElem = tableBody.$el
       // const leftElem = leftBody ? leftBody.$el : null
@@ -512,7 +539,7 @@ var _default = exports.default = {
     size: String,
     fixedType: String
   },
-  data: function data() {
+  data() {
     return {
       wheelTime: null,
       wheelYSize: 0,
@@ -520,68 +547,80 @@ var _default = exports.default = {
       wheelYTotal: 0
     };
   },
-  mounted: function mounted() {
-    var $xetable = this.$parent,
-      $el = this.$el,
-      $refs = this.$refs,
-      fixedType = this.fixedType;
-    var elemStore = $xetable.elemStore;
-    var prefix = "".concat(fixedType || 'main', "-body-");
-    elemStore["".concat(prefix, "wrapper")] = $el;
-    elemStore["".concat(prefix, "table")] = $refs.table;
-    elemStore["".concat(prefix, "colgroup")] = $refs.colgroup;
-    elemStore["".concat(prefix, "list")] = $refs.tbody;
-    elemStore["".concat(prefix, "xSpace")] = $refs.xSpace;
-    elemStore["".concat(prefix, "ySpace")] = $refs.ySpace;
-    elemStore["".concat(prefix, "emptyBlock")] = $refs.emptyBlock;
+  mounted() {
+    const {
+      $parent: $xetable,
+      $el,
+      $refs,
+      fixedType
+    } = this;
+    const {
+      elemStore
+    } = $xetable;
+    const prefix = `${fixedType || 'main'}-body-`;
+    elemStore[`${prefix}wrapper`] = $el;
+    elemStore[`${prefix}table`] = $refs.table;
+    elemStore[`${prefix}colgroup`] = $refs.colgroup;
+    elemStore[`${prefix}list`] = $refs.tbody;
+    elemStore[`${prefix}xSpace`] = $refs.xSpace;
+    elemStore[`${prefix}ySpace`] = $refs.ySpace;
+    elemStore[`${prefix}emptyBlock`] = $refs.emptyBlock;
     if (this.$el) {
       this.$el.onscroll = this.scrollEvent;
       this.$el._onscroll = this.scrollEvent;
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeDestroy() {
     clearTimeout(this.wheelTime);
     if (this.$el) {
       this.$el._onscroll = null;
       this.$el.onscroll = null;
     }
   },
-  destroyed: function destroyed() {
-    var $xetable = this.$parent,
-      fixedType = this.fixedType;
-    var elemStore = $xetable.elemStore;
-    var prefix = "".concat(fixedType || 'main', "-body-");
-    elemStore["".concat(prefix, "wrapper")] = null;
-    elemStore["".concat(prefix, "table")] = null;
-    elemStore["".concat(prefix, "colgroup")] = null;
-    elemStore["".concat(prefix, "list")] = null;
-    elemStore["".concat(prefix, "xSpace")] = null;
-    elemStore["".concat(prefix, "ySpace")] = null;
-    elemStore["".concat(prefix, "emptyBlock")] = null;
+  destroyed() {
+    const {
+      $parent: $xetable,
+      fixedType
+    } = this;
+    const {
+      elemStore
+    } = $xetable;
+    const prefix = `${fixedType || 'main'}-body-`;
+    elemStore[`${prefix}wrapper`] = null;
+    elemStore[`${prefix}table`] = null;
+    elemStore[`${prefix}colgroup`] = null;
+    elemStore[`${prefix}list`] = null;
+    elemStore[`${prefix}xSpace`] = null;
+    elemStore[`${prefix}ySpace`] = null;
+    elemStore[`${prefix}emptyBlock`] = null;
   },
-  render: function render(h) {
-    var _e = this._e,
-      $xetable = this.$parent,
-      fixedColumn = this.fixedColumn,
-      fixedType = this.fixedType;
-    var $scopedSlots = $xetable.$scopedSlots,
-      tId = $xetable.tId,
-      tableData = $xetable.tableData,
-      tableColumn = $xetable.tableColumn,
-      visibleColumn = $xetable.visibleColumn,
-      expandColumn = $xetable.expandColumn,
-      allColumnOverflow = $xetable.showOverflow,
-      keyboardConfig = $xetable.keyboardConfig,
-      keyboardOpts = $xetable.keyboardOpts,
-      mergeList = $xetable.mergeList,
-      spanMethod = $xetable.spanMethod,
-      scrollXLoad = $xetable.scrollXLoad,
-      scrollYLoad = $xetable.scrollYLoad,
-      isAllOverflow = $xetable.isAllOverflow,
-      emptyOpts = $xetable.emptyOpts,
-      mouseConfig = $xetable.mouseConfig,
-      mouseOpts = $xetable.mouseOpts,
-      sYOpts = $xetable.sYOpts;
+  render(h) {
+    const {
+      _e,
+      $parent: $xetable,
+      fixedColumn,
+      fixedType
+    } = this;
+    let {
+      $scopedSlots,
+      tId,
+      tableData,
+      tableColumn,
+      visibleColumn,
+      expandColumn,
+      showOverflow: allColumnOverflow,
+      keyboardConfig,
+      keyboardOpts,
+      mergeList,
+      spanMethod,
+      scrollXLoad,
+      scrollYLoad,
+      isAllOverflow,
+      emptyOpts,
+      mouseConfig,
+      mouseOpts,
+      sYOpts
+    } = $xetable;
     // 如果是使用优化模式
     if (fixedType) {
       // 如果存在展开行使用全量渲染
@@ -603,14 +642,14 @@ var _default = exports.default = {
         tableColumn = visibleColumn;
       }
     }
-    var emptyContent;
+    let emptyContent;
     if ($scopedSlots.empty) {
       emptyContent = $scopedSlots.empty.call(this, {
         $table: $xetable
       }, h);
     } else {
-      var compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
-      var renderTableEmptyView = compConf ? compConf.renderTableEmptyView || compConf.renderEmpty : null;
+      const compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
+      const renderTableEmptyView = compConf ? compConf.renderTableEmptyView || compConf.renderEmpty : null;
       if (renderTableEmptyView) {
         emptyContent = (0, _vn.getSlotVNs)(renderTableEmptyView.call(this, h, emptyOpts, {
           $table: $xetable
@@ -620,7 +659,7 @@ var _default = exports.default = {
       }
     }
     return h('div', {
-      class: ['vxe-table--body-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+      class: ['vxe-table--body-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
       attrs: {
         xid: tId
       },
@@ -648,7 +687,7 @@ var _default = exports.default = {
      */
     h('colgroup', {
       ref: 'colgroup'
-    }, tableColumn.map(function (column, $columnIndex) {
+    }, tableColumn.map((column, $columnIndex) => {
       return h('col', {
         attrs: {
           name: column.id
@@ -670,7 +709,7 @@ var _default = exports.default = {
     }, mouseOpts.extension ? [h('span', {
       class: 'vxe-table--cell-main-area-btn',
       on: {
-        mousedown: function mousedown(evnt) {
+        mousedown(evnt) {
           $xetable.triggerCellExtendMousedownEvent(evnt, {
             $table: $xetable,
             fixed: fixedType,
@@ -699,37 +738,43 @@ var _default = exports.default = {
      * 如果存在列固定左侧，同步更新滚动状态
      * 如果存在列固定右侧，同步更新滚动状态
      */
-    scrollEvent: function scrollEvent(evnt) {
-      var scrollBodyElem = this.$el,
-        $xetable = this.$parent,
-        fixedType = this.fixedType;
-      var $refs = $xetable.$refs,
-        elemStore = $xetable.elemStore,
-        highlightHoverRow = $xetable.highlightHoverRow,
-        scrollXLoad = $xetable.scrollXLoad,
-        scrollYLoad = $xetable.scrollYLoad,
-        lastScrollTop = $xetable.lastScrollTop,
-        lastScrollLeft = $xetable.lastScrollLeft,
-        rowOpts = $xetable.rowOpts;
-      var tableHeader = $refs.tableHeader,
-        tableBody = $refs.tableBody,
-        leftBody = $refs.leftBody,
-        rightBody = $refs.rightBody,
-        tableFooter = $refs.tableFooter,
-        validTip = $refs.validTip;
-      var headerElem = tableHeader ? tableHeader.$el : null;
-      var footerElem = tableFooter ? tableFooter.$el : null;
-      var bodyElem = tableBody.$el;
-      var leftElem = leftBody ? leftBody.$el : null;
-      var rightElem = rightBody ? rightBody.$el : null;
-      var bodyYElem = elemStore['main-body-ySpace'];
-      var bodyXElem = elemStore['main-body-xSpace'];
-      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
-      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
-      var scrollTop = scrollBodyElem.scrollTop;
-      var scrollLeft = bodyElem.scrollLeft;
-      var isRollX = scrollLeft !== lastScrollLeft;
-      var isRollY = scrollTop !== lastScrollTop;
+    scrollEvent(evnt) {
+      const {
+        $el: scrollBodyElem,
+        $parent: $xetable,
+        fixedType
+      } = this;
+      const {
+        $refs,
+        elemStore,
+        highlightHoverRow,
+        scrollXLoad,
+        scrollYLoad,
+        lastScrollTop,
+        lastScrollLeft,
+        rowOpts
+      } = $xetable;
+      const {
+        tableHeader,
+        tableBody,
+        leftBody,
+        rightBody,
+        tableFooter,
+        validTip
+      } = $refs;
+      const headerElem = tableHeader ? tableHeader.$el : null;
+      const footerElem = tableFooter ? tableFooter.$el : null;
+      const bodyElem = tableBody.$el;
+      const leftElem = leftBody ? leftBody.$el : null;
+      const rightElem = rightBody ? rightBody.$el : null;
+      const bodyYElem = elemStore['main-body-ySpace'];
+      const bodyXElem = elemStore['main-body-xSpace'];
+      const bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
+      const bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
+      let scrollTop = scrollBodyElem.scrollTop;
+      const scrollLeft = bodyElem.scrollLeft;
+      const isRollX = scrollLeft !== lastScrollLeft;
+      const isRollY = scrollTop !== lastScrollTop;
       $xetable.lastScrollTop = scrollTop;
       $xetable.lastScrollLeft = scrollLeft;
       $xetable.lastScrollTime = Date.now();
@@ -770,54 +815,63 @@ var _default = exports.default = {
       $xetable.emitEvent('scroll', {
         type: renderType,
         fixed: fixedType,
-        scrollTop: scrollTop,
-        scrollLeft: scrollLeft,
+        scrollTop,
+        scrollLeft,
         scrollHeight: bodyElem.scrollHeight,
         scrollWidth: bodyElem.scrollWidth,
-        bodyHeight: bodyHeight,
-        bodyWidth: bodyWidth,
+        bodyHeight,
+        bodyWidth,
         isX: isRollX,
         isY: isRollY
       }, evnt);
     },
-    handleWheel: function handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY) {
-      var _this = this;
-      var $xetable = this.$parent;
-      var $refs = $xetable.$refs,
-        elemStore = $xetable.elemStore,
-        scrollYLoad = $xetable.scrollYLoad,
-        scrollXLoad = $xetable.scrollXLoad;
-      var tableBody = $refs.tableBody,
-        leftBody = $refs.leftBody,
-        rightBody = $refs.rightBody;
-      var bodyElem = tableBody.$el;
-      var leftElem = leftBody ? leftBody.$el : null;
-      var rightElem = rightBody ? rightBody.$el : null;
-      var remainSize = this.isPrevWheelTop === isTopWheel ? Math.max(0, this.wheelYSize - this.wheelYTotal) : 0;
-      var bodyYElem = elemStore['main-body-ySpace'];
-      var bodyXElem = elemStore['main-body-xSpace'];
-      var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
-      var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
+    handleWheel(evnt, isTopWheel, deltaTop, isRollX, isRollY) {
+      const {
+        $parent: $xetable
+      } = this;
+      const {
+        $refs,
+        elemStore,
+        scrollYLoad,
+        scrollXLoad
+      } = $xetable;
+      const {
+        tableBody,
+        leftBody,
+        rightBody
+      } = $refs;
+      const bodyElem = tableBody.$el;
+      const leftElem = leftBody ? leftBody.$el : null;
+      const rightElem = rightBody ? rightBody.$el : null;
+      const remainSize = this.isPrevWheelTop === isTopWheel ? Math.max(0, this.wheelYSize - this.wheelYTotal) : 0;
+      const bodyYElem = elemStore['main-body-ySpace'];
+      const bodyXElem = elemStore['main-body-xSpace'];
+      const bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
+      const bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
       this.isPrevWheelTop = isTopWheel;
       this.wheelYSize = Math.abs(isTopWheel ? deltaTop - remainSize : deltaTop + remainSize);
       this.wheelYInterval = 0;
       this.wheelYTotal = 0;
       clearTimeout(this.wheelTime);
-      var _handleSmooth = function handleSmooth() {
-        var fixedType = _this.fixedType,
-          wheelYTotal = _this.wheelYTotal,
-          wheelYSize = _this.wheelYSize,
-          wheelYInterval = _this.wheelYInterval;
+      const handleSmooth = () => {
+        let {
+          fixedType,
+          wheelYTotal,
+          wheelYSize,
+          wheelYInterval
+        } = this;
         if (wheelYTotal < wheelYSize) {
           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;
-          var targetTop = scrollTop + wheelYInterval * (isTopWheel ? -1 : 1);
+          const {
+            scrollTop,
+            clientHeight,
+            scrollHeight
+          } = bodyElem;
+          const targetTop = scrollTop + wheelYInterval * (isTopWheel ? -1 : 1);
           bodyElem.scrollTop = targetTop;
           if (leftElem) {
             leftElem.scrollTop = targetTop;
@@ -826,10 +880,10 @@ var _default = exports.default = {
             rightElem.scrollTop = targetTop;
           }
           if (isTopWheel ? targetTop < scrollHeight - clientHeight : targetTop >= 0) {
-            _this.wheelTime = setTimeout(_handleSmooth, 10);
+            this.wheelTime = setTimeout(handleSmooth, 10);
           }
-          _this.wheelYTotal = wheelYTotal;
-          _this.wheelYInterval = wheelYInterval;
+          this.wheelYTotal = wheelYTotal;
+          this.wheelYInterval = wheelYInterval;
           $xetable.emitEvent('scroll', {
             type: renderType,
             fixed: fixedType,
@@ -837,42 +891,50 @@ var _default = exports.default = {
             scrollLeft: bodyElem.scrollLeft,
             scrollHeight: bodyElem.scrollHeight,
             scrollWidth: bodyElem.scrollWidth,
-            bodyHeight: bodyHeight,
-            bodyWidth: bodyWidth,
+            bodyHeight,
+            bodyWidth,
             isX: isRollX,
             isY: isRollY
           }, evnt);
         }
       };
-      _handleSmooth();
+      handleSmooth();
     },
     /**
      * 滚轮处理
      */
-    wheelEvent: function wheelEvent(evnt) {
-      var deltaY = evnt.deltaY,
-        deltaX = evnt.deltaX;
-      var scrollBodyElem = this.$el,
-        $xetable = this.$parent;
-      var $refs = $xetable.$refs,
-        highlightHoverRow = $xetable.highlightHoverRow,
-        scrollYLoad = $xetable.scrollYLoad,
-        lastScrollTop = $xetable.lastScrollTop,
-        lastScrollLeft = $xetable.lastScrollLeft,
-        rowOpts = $xetable.rowOpts;
-      var tableBody = $refs.tableBody;
-      var bodyElem = tableBody.$el;
-      var deltaTop = deltaY;
-      var deltaLeft = deltaX;
-      var isTopWheel = deltaTop < 0;
+    wheelEvent(evnt) {
+      const {
+        deltaY,
+        deltaX
+      } = evnt;
+      const {
+        $el: scrollBodyElem,
+        $parent: $xetable
+      } = this;
+      const {
+        $refs,
+        highlightHoverRow,
+        scrollYLoad,
+        lastScrollTop,
+        lastScrollLeft,
+        rowOpts
+      } = $xetable;
+      const {
+        tableBody
+      } = $refs;
+      const bodyElem = tableBody.$el;
+      const deltaTop = deltaY;
+      const deltaLeft = deltaX;
+      const 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;
+      const scrollTop = scrollBodyElem.scrollTop + deltaTop;
+      const scrollLeft = bodyElem.scrollLeft + deltaLeft;
+      const isRollX = scrollLeft !== lastScrollLeft;
+      const isRollY = scrollTop !== lastScrollTop;
       // 用于鼠标纵向滚轮处理
       if (isRollY) {
         evnt.preventDefault();