@opentinyvue/vue-grid 3.21.0 → 3.22.1

package/lib/index.js

@@ -1,37 +1,23 @@
 import { t } from '@opentinyvue/vue-locale';
 import '@opentinyvue/vue-theme/grid/index.css';
 import { Interceptor, StoreMap } from '@opentinyvue/vue-renderless/grid/core';
-import { extend, getObj } from '@opentinyvue/vue-renderless/common/object';
+import { addClass, isNull, debounce, PopupManager, PopperJS, extend, browserInfo, isObject, isEmptyObject, isServer, removeClass, getDataset, random, isDisplayNone, toDecimal, fastdom, logger, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, isNumber as isNumber$1, toBoolValue, toDate, getDateWithNewTimezone, isDate, formatDateByPattern, toDateStr, on, Validator as Validator$1, getObj, getStyle, preventDefault, off, throttle, callInterceptor, hasClass } from '@opentinyvue/utils';
 import { iconError, iconSortTriangleDescending, iconSortTriangleAscending, iconSortTriangle, iconUnfilter, iconEdit, iconConmentRefresh, iconMinscreen, iconFullscreen, iconSetting, iconRadio, iconRadioselected, iconSearch, iconCheckedSur, iconCheck, iconHalfselect, iconArrowBottom, IconEllipsis, iconClose, iconYes, iconExpand, iconPutAway, iconEllipsis, iconMarkOn, iconChevronRight, iconChevronDown } from '@opentinyvue/vue-icon';
 import { $prefix, defineComponent, h, hooks, $install, isVue2, isVnode, $props, mergeClass, resolveTheme, useInstanceSlots, useRelation, emitter, resolveMode, useBreakpoint, setup as setup$1 } from '@opentinyvue/vue-common';
 import { uniqueId, toNumber as toNumber$1, isBoolean, each, isObject as isObject$1, isFunction, isArray, findIndexOf, get, set, clear, destructuring, clone, mapTree, eachTree, findTree as findTree$1, has, isUndefined, find, isEqual, filterTree, arrayEach, isNumber, sum, template, assign, objectMap, sortBy, isString, remove, toStringJSON, toArray, arrayIndexOf } from '@opentinyvue/vue-renderless/grid/static/';
 import { emitEvent, getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, hasChildrenList, getListeners, setColumnFormat, updateCellTitle, getFilters, getColumnConfig, formatText, setCellValue, getColumnList, rowToVisible, colToVisible, getCell, assemColumn, getRowkey, GlobalEvent, getCellValue, getClass, isPx, getRowNodes, getCellNodeIndex } from '@opentinyvue/vue-renderless/grid/utils';
 import Tooltip$1 from '@opentinyvue/vue-tooltip';
-import { isNull, isObject, isEmptyObject, isNumber as isNumber$1, isDate } from '@opentinyvue/vue-renderless/common/type';
-import { addClass, removeClass, isDisplayNone, on, getStyle, preventDefault, off, hasClass } from '@opentinyvue/vue-renderless/common/deps/dom';
-import { random, toDecimal, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, toBoolValue } from '@opentinyvue/vue-renderless/common/string';
-import { createVNode, isVNode, mergeProps, createTextVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, normalizeStyle, createElementVNode, Fragment, renderList } from 'vue';
-import { toDate, getDateWithNewTimezone, format, toDateStr } from '@opentinyvue/vue-renderless/common/date';
-import { log } from '@opentinyvue/vue-renderless/common';
+import { createVNode, isVNode, mergeProps, createTextVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, normalizeStyle, Fragment, renderList } from 'vue';
 import { toNumber, findTree, find as find$1, isEqual as isEqual$1, arrayEach as arrayEach$1 } from '@opentinyvue/vue-renderless/grid/static';
 import { AutoTip } from '@opentinyvue/vue-directive';
 import Button from '@opentinyvue/vue-button';
-import PopperJS from '@opentinyvue/vue-renderless/common/deps/popper';
-import PopupManager from '@opentinyvue/vue-renderless/common/deps/popup-manager';
-import debounce from '@opentinyvue/vue-renderless/common/deps/debounce';
-import { getDataset } from '@opentinyvue/vue-renderless/common/dataset';
 import Loading$1 from '@opentinyvue/vue-loading';
-import { fastdom } from '@opentinyvue/vue-renderless/common/deps/fastdom';
 import Dropdown from '@opentinyvue/vue-dropdown';
 import DropdownMenu from '@opentinyvue/vue-dropdown-menu';
 import DropdownItem from '@opentinyvue/vue-dropdown-item';
-import browser, { isBrowser } from '@opentinyvue/vue-renderless/common/browser';
 import Exception from '@opentinyvue/vue-exception';
 import Tag from '@opentinyvue/vue-tag';
-import { callInterceptor } from '@opentinyvue/vue-renderless/common/function';
 import Methods$g from '@opentinyvue/vue-renderless/grid/plugins/export';
-import throttle from '@opentinyvue/vue-renderless/common/deps/throttle';
-import Validator$1 from '@opentinyvue/vue-renderless/common/validate';
 import Resize$1 from '@opentinyvue/vue-renderless/grid/plugins/resize';
 import Modal$1 from '@opentinyvue/vue-modal';
 import Pager$1 from '@opentinyvue/vue-pager';
@@ -382,7 +368,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t2 = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t2[n] = r[n];
   }
   return t2;
@@ -469,7 +455,7 @@ var GlobalConfig$1 = {
   menu: {},
   tooltip: {
     trigger: "hover",
-    theme: "dark"
+    effect: "light"
   },
   pager: {},
   toolbar: {
@@ -1354,7 +1340,29 @@ var documentOnmouseup = function documentOnmouseup2(_ref15) {
     _lastResizeTime: Date.now()
   });
   $table.analyColumnWidth();
-  $table.recalculate();
+  $table.recalculate().then(function() {
+    var _ref16 = $table.$refs || {}, tableBody = _ref16.tableBody, tableFooter = _ref16.tableFooter, tableHeader = _ref16.tableHeader;
+    var headerElm = tableHeader == null ? void 0 : tableHeader.$el;
+    var bodyElm = tableBody == null ? void 0 : tableBody.$el;
+    var footerElm = tableFooter == null ? void 0 : tableFooter.$el;
+    if (!headerElm) {
+      return;
+    }
+    var elemStore = $table.elemStore;
+    if (bodyElm) {
+      bodyElm.scrollLeft = headerElm.scrollLeft;
+    }
+    if (footerElm) {
+      footerElm.scrollLeft = headerElm.scrollLeft;
+    }
+    if (!elemStore["main-header-repair"]) {
+      return;
+    }
+    elemStore["main-body-xSpace"].style.width = elemStore["main-header-repair"].style.width;
+    if (elemStore["main-footer-xSpace"]) {
+      elemStore["main-footer-xSpace"].style.width = elemStore["main-header-repair"].style.width;
+    }
+  });
   updateResizableToolbar($table);
   emitEvent($table, "resizable-change", [params]);
 };
@@ -1456,20 +1464,20 @@ var Header = defineComponent({
       var $el = this.$el, $table = this.$parent, resizableConfig = this.resizableConfig;
       var dragClientX = event.clientX, dragBtnElem = event.target;
       var column = params.column;
-      var _ref16 = {}, _ref16$dragLeft = _ref16.dragLeft, dragLeft = _ref16$dragLeft === void 0 ? 0 : _ref16$dragLeft, _ref16$minInterval = _ref16.minInterval, minInterval = _ref16$minInterval === void 0 ? 36 : _ref16$minInterval, _ref16$fixedOffsetWid = _ref16.fixedOffsetWidth, fixedOffsetWidth = _ref16$fixedOffsetWid === void 0 ? 0 : _ref16$fixedOffsetWid;
+      var _ref17 = {}, _ref17$dragLeft = _ref17.dragLeft, dragLeft = _ref17$dragLeft === void 0 ? 0 : _ref17$dragLeft, _ref17$minInterval = _ref17.minInterval, minInterval = _ref17$minInterval === void 0 ? 36 : _ref17$minInterval, _ref17$fixedOffsetWid = _ref17.fixedOffsetWidth, fixedOffsetWidth = _ref17$fixedOffsetWid === void 0 ? 0 : _ref17$fixedOffsetWid;
       var _$table$$refs = $table.$refs, resizeBarElem = _$table$$refs.resizeBar, tableBody = _$table$$refs.tableBody;
-      var _ref17 = {}, _ref17$cell = _ref17.cell, cell = _ref17$cell === void 0 ? dragBtnElem.parentNode : _ref17$cell, _ref17$dragBtnWidth = _ref17.dragBtnWidth, dragBtnWidth = _ref17$dragBtnWidth === void 0 ? dragBtnElem.clientWidth : _ref17$dragBtnWidth;
+      var _ref18 = {}, _ref18$cell = _ref18.cell, cell = _ref18$cell === void 0 ? dragBtnElem.parentNode : _ref18$cell, _ref18$dragBtnWidth = _ref18.dragBtnWidth, dragBtnWidth = _ref18$dragBtnWidth === void 0 ? dragBtnElem.clientWidth : _ref18$dragBtnWidth;
       var startColumnLeft = cell.offsetLeft;
       var dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
       var tableBodyElem = tableBody.$el;
       var btnLeft = (dragBtnElem == null ? void 0 : dragBtnElem.getBoundingClientRect().left) - ($el == null ? void 0 : $el.getBoundingClientRect().left);
       var dragMinLeft = btnLeft - cell.clientWidth + dragBtnWidth + minInterval;
       var dragPosLeft = btnLeft + dragBtnOffsetWidth;
-      var _ref18 = {}, _ref18$oldMousemove = _ref18.oldMousemove, oldMousemove = _ref18$oldMousemove === void 0 ? document.onmousemove : _ref18$oldMousemove, _ref18$oldMouseup = _ref18.oldMouseup, oldMouseup = _ref18$oldMouseup === void 0 ? document.onmouseup : _ref18$oldMouseup;
+      var _ref19 = {}, _ref19$oldMousemove = _ref19.oldMousemove, oldMousemove = _ref19$oldMousemove === void 0 ? document.onmousemove : _ref19$oldMousemove, _ref19$oldMouseup = _ref19.oldMouseup, oldMouseup = _ref19$oldMouseup === void 0 ? document.onmouseup : _ref19$oldMouseup;
       var handleMousemoveEvent = function handleMousemoveEvent2(event2) {
         event2.stopPropagation();
         event2.preventDefault();
-        var _ref19 = {}, _ref19$offsetX = _ref19.offsetX, offsetX = _ref19$offsetX === void 0 ? event2.clientX - dragClientX : _ref19$offsetX, _ref19$left = _ref19.left, left = _ref19$left === void 0 ? offsetX + dragPosLeft : _ref19$left;
+        var _ref20 = {}, _ref20$offsetX = _ref20.offsetX, offsetX = _ref20$offsetX === void 0 ? event2.clientX - dragClientX : _ref20$offsetX, _ref20$left = _ref20.left, left = _ref20$left === void 0 ? offsetX + dragPosLeft : _ref20$left;
         var scrollLeft = tableBodyElem.scrollLeft;
         var args = {
           cell,
@@ -1526,12 +1534,12 @@ var classMap$1 = {
   colRadio: "col__radio",
   colSelection: "col__selection"
 };
-function doFooterSpan(_ref20) {
-  var attrs = _ref20.attrs, footerData = _ref20.footerData, footerSpanMethod = _ref20.footerSpanMethod, params = _ref20.params;
+function doFooterSpan(_ref21) {
+  var attrs = _ref21.attrs, footerData = _ref21.footerData, footerSpanMethod = _ref21.footerSpanMethod, params = _ref21.params;
   if (footerSpanMethod) {
-    var _ref21 = footerSpanMethod(_extends({
+    var _ref22 = footerSpanMethod(_extends({
       data: footerData
-    }, params)) || {}, _ref21$rowspan = _ref21.rowspan, rowspan = _ref21$rowspan === void 0 ? 1 : _ref21$rowspan, _ref21$colspan = _ref21.colspan, colspan = _ref21$colspan === void 0 ? 1 : _ref21$colspan;
+    }, params)) || {}, _ref22$rowspan = _ref22.rowspan, rowspan = _ref22$rowspan === void 0 ? 1 : _ref22$rowspan, _ref22$colspan = _ref22.colspan, colspan = _ref22$colspan === void 0 ? 1 : _ref22$colspan;
     if (!rowspan || !colspan) {
       return null;
     }
@@ -1539,8 +1547,8 @@ function doFooterSpan(_ref20) {
     attrs.colspan = colspan;
   }
 }
-function addListenerDblclick$1(_ref22) {
-  var $table = _ref22.$table, params = _ref22.params, tableListeners = _ref22.tableListeners, tfOns = _ref22.tfOns;
+function addListenerDblclick$1(_ref23) {
+  var $table = _ref23.$table, params = _ref23.params, tableListeners = _ref23.tableListeners, tfOns = _ref23.tfOns;
   if (tableListeners["footer-cell-dblclick"]) {
     tfOns.dblclick = function(event) {
       emitEvent($table, "footer-cell-dblclick", [_extends({
@@ -1549,8 +1557,8 @@ function addListenerDblclick$1(_ref22) {
     };
   }
 }
-function addListenerClick$1(_ref23) {
-  var $table = _ref23.$table, params = _ref23.params, tableListeners = _ref23.tableListeners, tfOns = _ref23.tfOns;
+function addListenerClick$1(_ref24) {
+  var $table = _ref24.$table, params = _ref24.params, tableListeners = _ref24.tableListeners, tfOns = _ref24.tfOns;
   if (tableListeners["footer-cell-click"]) {
     tfOns.click = function(event) {
       emitEvent($table, "footer-cell-click", [_extends({
@@ -1559,16 +1567,16 @@ function addListenerClick$1(_ref23) {
     };
   }
 }
-function addListenerMouseout(_ref24) {
-  var $table = _ref24.$table, showTooltip2 = _ref24.showTooltip, tfOns = _ref24.tfOns;
+function addListenerMouseout(_ref25) {
+  var $table = _ref25.$table, showTooltip2 = _ref25.showTooltip, tfOns = _ref25.tfOns;
   if (showTooltip2) {
     tfOns.mouseout = function() {
       $table.clostTooltip();
     };
   }
 }
-function addListenerMouseover(_ref25) {
-  var $table = _ref25.$table, params = _ref25.params, showTitle = _ref25.showTitle, showTooltip2 = _ref25.showTooltip, tfOns = _ref25.tfOns;
+function addListenerMouseover(_ref26) {
+  var $table = _ref26.$table, params = _ref26.params, showTitle = _ref26.showTitle, showTooltip2 = _ref26.showTooltip, tfOns = _ref26.tfOns;
   if (showTitle || showTooltip2) {
     tfOns.mouseover = function(event) {
       if (showTitle) {
@@ -1606,7 +1614,7 @@ var renderfoots = function renderfoots2(opt) {
         $rowIndex
       }) : footerRowClassName : ""]
     }, tableColumn3.map(function(column, $columnIndex) {
-      var _ref27, _ref28;
+      var _ref28, _ref29;
       var arg1 = {
         $columnIndex,
         $rowIndex,
@@ -1624,10 +1632,10 @@ var renderfoots = function renderfoots2(opt) {
       };
       var _buildParamFunc = buildParamFunc2(Object.assign(arg1, arg2)), attrs = _buildParamFunc.attrs, columnIndex = _buildParamFunc.columnIndex, fixedHiddenColumn = _buildParamFunc.fixedHiddenColumn, footAlign = _buildParamFunc.footAlign, footerClassName = _buildParamFunc.footerClassName, hasEllipsis = _buildParamFunc.hasEllipsis, params = _buildParamFunc.params, tfOns = _buildParamFunc.tfOns, isShowEllipsis = _buildParamFunc.isShowEllipsis, isShowTitle = _buildParamFunc.isShowTitle, showTooltip2 = _buildParamFunc.showTooltip;
       var leftList = columnStore.leftList, rightList = columnStore.rightList;
-      var _ref26 = column.style || {}, leftPosition = _ref26.left, right = _ref26.right;
+      var _ref27 = column.style || {}, leftPosition = _ref27.left, right = _ref27.right;
       var rightPosition = right >= 0 ? right + scrollbarWidth : "";
       return h("td", {
-        class: ["tiny-grid-footer__column", column.id, (_ref27 = {}, _ref27["col__" + footAlign] = footAlign, _ref27[classMap$1.fixedHidden] = fixedHiddenColumn, _ref27[classMap$1.colEllipsis] = hasEllipsis, _ref27[classMap$1.filterActive] = column.filter && column.filter.hasFilter, _ref27[classMap$1.fixedLeftLast] = column.fixed === "left" && leftList[leftList.length - 1] === column, _ref27[classMap$1.fixedRightFirst] = column.fixed === "right" && rightList[0] === column, _ref27[classMap$1.colRadio] = column.type === "radio", _ref27[classMap$1.colSelection] = column.type === "selection", _ref27), getClass(footerClassName, params), getClass(footerCellClassName, params)],
+        class: ["tiny-grid-footer__column", column.id, (_ref28 = {}, _ref28["col__" + footAlign] = footAlign, _ref28[classMap$1.fixedHidden] = fixedHiddenColumn, _ref28[classMap$1.colEllipsis] = hasEllipsis, _ref28[classMap$1.filterActive] = column.filter && column.filter.hasFilter, _ref28[classMap$1.fixedLeftLast] = column.fixed === "left" && leftList[leftList.length - 1] === column, _ref28[classMap$1.fixedRightFirst] = column.fixed === "right" && rightList[0] === column, _ref28[classMap$1.colRadio] = column.type === "radio", _ref28[classMap$1.colSelection] = column.type === "selection", _ref28), getClass(footerClassName, params), getClass(footerCellClassName, params)],
         style: fixedHiddenColumn ? {
           left: leftPosition + "px",
           right: rightPosition + "px"
@@ -1638,7 +1646,7 @@ var renderfoots = function renderfoots2(opt) {
       }, [h(
         "div",
         {
-          class: ["tiny-grid-cell", (_ref28 = {}, _ref28[classMap$1.cellSummary] = $table.summaryConfig, _ref28["tiny-grid-cell__title"] = isShowTitle, _ref28["tiny-grid-cell__tooltip"] = showTooltip2 || column.showTip, _ref28["tiny-grid-cell__ellipsis"] = isShowEllipsis, _ref28)]
+          class: ["tiny-grid-cell", (_ref29 = {}, _ref29[classMap$1.cellSummary] = $table.summaryConfig, _ref29["tiny-grid-cell__title"] = isShowTitle, _ref29["tiny-grid-cell__tooltip"] = showTooltip2 || column.showTip, _ref29["tiny-grid-cell__ellipsis"] = isShowEllipsis, _ref29)]
         },
         // 如果不是表格形态，就只保留表格结构（到tiny-grid-cell），不渲染具体的内容
         $table.isShapeTable ? formatText(list[$table.tableColumn.indexOf(column)], 1) : null
@@ -1841,18 +1849,16 @@ var outLog = function outLog2(type) {
     if (detail) {
       msg += ": " + detail;
     }
-    log(msg, type);
+    logger[type](msg);
     return msg;
   };
 };
 var warn = outLog("warn");
 var error = outLog("error");
 var DateFormat = {
-  FULLDATETIME: "yyyy-MM-dd hh:mm:ss.SSS",
   LONGDATETIME: "yyyy-MM-dd hh:mm:ss",
   DATETIME: "yyyy-MM-dd hh:mm",
   DATE: "yyyy-MM-dd",
-  FULLTIME: "hh:mm:ss.SSS",
   LONGTIME: "hh:mm:ss",
   TIME: "hh:mm",
   YEARMONTH: "yyyy-MM"
@@ -1881,7 +1887,7 @@ var dateFormat = function dateFormat2(value, formatString) {
     }
     var currentTimezone = 0 - (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60;
     var newDate = getDateWithNewTimezone(isDate(value) ? value : new Date(toDate(value)), currentTimezone, userFormat.timezone || 8);
-    return format(newDate, userFormat.dateFormat);
+    return formatDateByPattern(newDate, userFormat.dateFormat);
   }
   return toDateStr(value, userFormat.dateFormat, userFormat.timezone);
 };
@@ -2072,16 +2078,16 @@ var Formatter = {
     };
   }
 };
-function getRenderType(_ref29) {
-  var editor = _ref29.editor, formatConfig = _ref29.formatConfig, formatText2 = _ref29.formatText;
+function getRenderType(_ref30) {
+  var editor = _ref30.editor, formatConfig = _ref30.formatConfig, formatText2 = _ref30.formatText;
   var renderType = formatText2 || formatConfig.type;
   if (!renderType && editor && editor.component === "select") {
     renderType = "select";
   }
   return renderType;
 }
-function getFormatData(_ref30) {
-  var $table = _ref30.$table, cacheFormat = _ref30.cacheFormat, row2 = _ref30.row;
+function getFormatData(_ref31) {
+  var $table = _ref31.$table, cacheFormat = _ref31.cacheFormat, row2 = _ref31.row;
   var rest, formatData;
   if (cacheFormat) {
     rest = $table.fullAllDataRowMap.get(row2);
@@ -2095,12 +2101,12 @@ function getFormatData(_ref30) {
     formatData
   };
 }
-function hasCacheValue(_ref31) {
-  var async = _ref31.async, cellValue = _ref31.cellValue, colid = _ref31.colid, formatData = _ref31.formatData, rest = _ref31.rest;
+function hasCacheValue(_ref32) {
+  var async = _ref32.async, cellValue = _ref32.cellValue, colid = _ref32.colid, formatData = _ref32.formatData, rest = _ref32.rest;
   return rest && formatData[colid] && formatData[colid].value === cellValue && (!async || formatData[colid].label);
 }
-function notHasCacheVal(_ref32) {
-  var cellLabel = _ref32.cellLabel, cellValue = _ref32.cellValue, column = _ref32.column, formatText2 = _ref32.formatText, hasCacheVal = _ref32.hasCacheVal, params = _ref32.params, renderType = _ref32.renderType, row2 = _ref32.row;
+function notHasCacheVal(_ref33) {
+  var cellLabel = _ref33.cellLabel, cellValue = _ref33.cellValue, column = _ref33.column, formatText2 = _ref33.formatText, hasCacheVal = _ref33.hasCacheVal, params = _ref33.params, renderType = _ref33.renderType, row2 = _ref33.row;
   if (!hasCacheVal) {
     var cellText = row2[GlobalConfig$1.constant.insertedField + column.property];
     var formatParams = {
@@ -2113,8 +2119,8 @@ function notHasCacheVal(_ref32) {
   }
   return cellLabel;
 }
-function setFormatData(_ref33) {
-  var cellLabel = _ref33.cellLabel, cellValue = _ref33.cellValue, colid = _ref33.colid, formatData = _ref33.formatData;
+function setFormatData(_ref34) {
+  var cellLabel = _ref34.cellLabel, cellValue = _ref34.cellValue, colid = _ref34.colid, formatData = _ref34.formatData;
   if (formatData) {
     formatData[colid] = {
       value: cellValue,
@@ -2322,8 +2328,8 @@ var getTotalRows = function getTotalRows2(_vm) {
   }
   return totalRows;
 };
-var getTreeChildrenKey = function getTreeChildrenKey2(_ref34) {
-  var scrollYLoad = _ref34.scrollYLoad, treeConfig = _ref34.treeConfig;
+var getTreeChildrenKey = function getTreeChildrenKey2(_ref35) {
+  var scrollYLoad = _ref35.scrollYLoad, treeConfig = _ref35.treeConfig;
   if (!treeConfig) {
     return;
   }
@@ -2333,8 +2339,8 @@ var getTreeChildrenKey = function getTreeChildrenKey2(_ref34) {
   }
   return childrenKey;
 };
-var getTreeShowKey = function getTreeShowKey2(_ref35) {
-  var scrollYLoad = _ref35.scrollYLoad, treeConfig = _ref35.treeConfig;
+var getTreeShowKey = function getTreeShowKey2(_ref36) {
+  var scrollYLoad = _ref36.scrollYLoad, treeConfig = _ref36.treeConfig;
   if (!treeConfig) {
     return;
   }
@@ -2418,8 +2424,8 @@ var sliceColumnTree = function sliceColumnTree2(_vm) {
         var chartItem = [].concat(stack2, [column]);
         columnChart2.push(chartItem);
         if (chartItem.length > 1) {
-          chartItem.slice(1).forEach(function(_ref36) {
-            var fixed = _ref36.fixed;
+          chartItem.slice(1).forEach(function(_ref37) {
+            var fixed = _ref37.fixed;
             var rootColumn = chartItem[0];
             var cachedFixed = fixedMap.get(rootColumn);
             if (fixed) {
@@ -2544,7 +2550,7 @@ var orderingGroupBy = function orderingGroupBy2(arr, key, equals, active, rowKey
 };
 var buildRowGroupFullData = function buildRowGroupFullData2(fullData, _vm) {
   var treeConfig = _vm.treeConfig, rowGroup = _vm.rowGroup;
-  var _ref37 = rowGroup || {}, field = _ref37.field, equals = _ref37.equals, activeMethod = _ref37.activeMethod;
+  var _ref38 = rowGroup || {}, field = _ref38.field, equals = _ref38.equals, activeMethod = _ref38.activeMethod;
   _vm.hasVirtualRow = !treeConfig && rowGroup && field && fullData.length > 0;
   if (_vm.hasVirtualRow) {
     _vm.groupFullData = orderingGroupBy(fullData, field, equals || isEqual$1, activeMethod, getTableRowKey(_vm));
@@ -2567,8 +2573,8 @@ var handleRowGroupFold = function handleRowGroupFold2(row2, _vm) {
   _vm.groupFullData = copy;
   _vm.handleTableData().then(_vm.recalculate);
 };
-var generateFixedClassName = function generateFixedClassName2(_ref38) {
-  var $table = _ref38.$table, bodyElem = _ref38.bodyElem, leftList = _ref38.leftList, rightList = _ref38.rightList;
+var generateFixedClassName = function generateFixedClassName2(_ref39) {
+  var $table = _ref39.$table, bodyElem = _ref39.bodyElem, leftList = _ref39.leftList, rightList = _ref39.rightList;
   if (!$table || !bodyElem) {
     return;
   }
@@ -2592,6 +2598,7 @@ var generateFixedClassName = function generateFixedClassName2(_ref38) {
 var isOperateMouse = function isOperateMouse2($table) {
   return $table._isResize || $table.lastScrollTime && Date.now() < $table.lastScrollTime + $table.optimizeOpts.delayHover;
 };
+var renderRowFlag = false;
 var classMap = {
   colEdit: "col__edit",
   colIndex: "col__index",
@@ -2631,12 +2638,12 @@ var renderBorder = function renderBorder2(h2, type) {
   }, [vnTop, vnRight, vnBottom, vnLeft]);
 };
 function buildColumnProps(args) {
-  var _ref39, _column$style3, _column$style4;
+  var _ref40, _column$style3, _column$style4;
   var attrs = args.attrs, cellAlign = args.cellAlign, cellClassName = args.cellClassName, className = args.className, column = args.column, columnActived = args.columnActived, columnIndex = args.columnIndex, columnKey = args.columnKey, editor = args.editor;
   var fixedHiddenColumn = args.fixedHiddenColumn, hasEllipsis = args.hasEllipsis, isDirty = args.isDirty, params = args.params, tdOns = args.tdOns, validError = args.validError, validated = args.validated, columnStore = args.columnStore;
   var leftList = columnStore.leftList, rightList = columnStore.rightList;
   return {
-    class: ["tiny-grid-body__column", column.id, (_ref39 = {}, _ref39["col__" + cellAlign] = cellAlign, _ref39[classMap.colEdit] = editor, _ref39[classMap.colIndex] = column.type === "index", _ref39[classMap.colRadio] = column.type === "radio", _ref39[classMap.colSelection] = column.type === "selection", _ref39[classMap.colEllipsis] = hasEllipsis, _ref39[classMap.editVisible] = editor && editor.type === "visible", _ref39[classMap.fixedColumn] = fixedHiddenColumn, _ref39[classMap.colDirty] = isDirty, _ref39[classMap.colActived] = columnActived, _ref39["col__valid-error"] = validError && validated, _ref39["col__valid-success"] = columnActived ? !validError && !validated : isDirty && !validated, _ref39["col__treenode"] = column.treeNode, _ref39["fixed-left-last__column"] = column.fixed === "left" && leftList[leftList.length - 1] === column, _ref39["fixed-right-first__column"] = column.fixed === "right" && rightList[0] === column, _ref39), getClass(className, params), getClass(cellClassName, params)],
+    class: ["tiny-grid-body__column", column.id, (_ref40 = {}, _ref40["col__" + cellAlign] = cellAlign, _ref40[classMap.colEdit] = editor, _ref40[classMap.colIndex] = column.type === "index", _ref40[classMap.colRadio] = column.type === "radio", _ref40[classMap.colSelection] = column.type === "selection", _ref40[classMap.colEllipsis] = hasEllipsis, _ref40[classMap.editVisible] = editor && editor.type === "visible", _ref40[classMap.fixedColumn] = fixedHiddenColumn, _ref40[classMap.colDirty] = isDirty, _ref40[classMap.colActived] = columnActived, _ref40["col__valid-error"] = validError && validated, _ref40["col__valid-success"] = columnActived ? !validError && !validated : isDirty && !validated, _ref40["col__treenode"] = column.treeNode, _ref40["fixed-left-last__column"] = column.fixed === "left" && leftList[leftList.length - 1] === column, _ref40["fixed-right-first__column"] = column.fixed === "right" && rightList[0] === column, _ref40), getClass(className, params), getClass(cellClassName, params)],
     style: fixedHiddenColumn ? {
       left: ((_column$style3 = column.style) == null ? void 0 : _column$style3.left) + "px",
       right: ((_column$style4 = column.style) == null ? void 0 : _column$style4.right) + "px"
@@ -2691,22 +2698,22 @@ function buildColumnChildren(args) {
   ), validNode];
   return cellNode;
 }
-function modifyCellAlign(_ref40) {
-  var cellAlign = _ref40.cellAlign, column = _ref40.column;
+function modifyCellAlign(_ref41) {
+  var cellAlign = _ref41.cellAlign, column = _ref41.column;
   if (~["radio", "selection", "index"].indexOf(column.type)) {
     cellAlign = cellAlign || "center";
   }
   return cellAlign;
 }
-function modifyShowEllipsis(_ref41) {
-  var hasEllipsis = _ref41.hasEllipsis, scrollXLoad = _ref41.scrollXLoad, scrollYLoad = _ref41.scrollYLoad, showEllipsis = _ref41.showEllipsis;
+function modifyShowEllipsis(_ref42) {
+  var hasEllipsis = _ref42.hasEllipsis, scrollXLoad = _ref42.scrollXLoad, scrollYLoad = _ref42.scrollYLoad, showEllipsis = _ref42.showEllipsis;
   if ((scrollXLoad || scrollYLoad) && !hasEllipsis) {
     showEllipsis = true;
   }
   return showEllipsis;
 }
-function addListenerMouseenter(_ref42) {
-  var $table = _ref42.$table, evntParams = _ref42.evntParams, showTip = _ref42.showTip, showTitle = _ref42.showTitle, showTooltip2 = _ref42.showTooltip, tableListeners = _ref42.tableListeners, tdOns = _ref42.tdOns;
+function addListenerMouseenter(_ref43) {
+  var $table = _ref43.$table, evntParams = _ref43.evntParams, showTip = _ref43.showTip, showTitle = _ref43.showTitle, showTooltip2 = _ref43.showTooltip, tableListeners = _ref43.tableListeners, tdOns = _ref43.tdOns;
   if (showTip || showTitle || showTooltip2 || tableListeners["cell-mouseenter"]) {
     tdOns.mouseenter = function(event) {
       if (isOperateMouse($table)) {
@@ -2722,8 +2729,8 @@ function addListenerMouseenter(_ref42) {
     };
   }
 }
-function addListenerMouseleave(_ref43) {
-  var $table = _ref43.$table, evntParams = _ref43.evntParams, showTip = _ref43.showTip, showTooltip2 = _ref43.showTooltip, tableListeners = _ref43.tableListeners, tdOns = _ref43.tdOns;
+function addListenerMouseleave(_ref44) {
+  var $table = _ref44.$table, evntParams = _ref44.evntParams, showTip = _ref44.showTip, showTooltip2 = _ref44.showTooltip, tableListeners = _ref44.tableListeners, tdOns = _ref44.tdOns;
   if (showTip || showTooltip2 || tableListeners["cell-mouseleave"]) {
     tdOns.mouseleave = function(event) {
       if (isOperateMouse($table)) {
@@ -2737,8 +2744,8 @@ function addListenerMouseleave(_ref43) {
     };
   }
 }
-function addListenerMousedown(_ref44) {
-  var $table = _ref44.$table, evntParams = _ref44.evntParams, mouseConfig = _ref44.mouseConfig, tdOns = _ref44.tdOns;
+function addListenerMousedown(_ref45) {
+  var $table = _ref45.$table, evntParams = _ref45.evntParams, mouseConfig = _ref45.mouseConfig, tdOns = _ref45.tdOns;
   if (mouseConfig.checked || mouseConfig.selected) {
     tdOns.mousedown = function(event) {
       evntParams.cell = event.currentTarget;
@@ -2754,14 +2761,14 @@ function addListenerClick(args) {
   };
   if (highlightCurrentRow || tableListeners["cell-click"] || mouseConfig.checked || editor && editConfig || satisfy(function() {
     return true;
-  }, expandConfig.trigger) || satisfy(function(_ref45) {
-    var type = _ref45.type;
-    return type === "radio";
-  }, radioConfig.trigger) || satisfy(function(_ref46) {
+  }, expandConfig.trigger) || satisfy(function(_ref46) {
     var type = _ref46.type;
+    return type === "radio";
+  }, radioConfig.trigger) || satisfy(function(_ref47) {
+    var type = _ref47.type;
     return type === "selection";
-  }, selectConfig.trigger) || satisfy(function(_ref47) {
-    var treeNode = _ref47.treeNode;
+  }, selectConfig.trigger) || satisfy(function(_ref48) {
+    var treeNode = _ref48.treeNode;
     return treeNode;
   }, treeConfig.trigger)) {
     tdOns.click = function(event) {
@@ -2771,8 +2778,8 @@ function addListenerClick(args) {
   }
 }
 function getRowSpanMethod(rowSpan) {
-  return function(_ref48) {
-    var row2 = _ref48.row, $rowIndex = _ref48.$rowIndex, column = _ref48.column, data8 = _ref48.data;
+  return function(_ref49) {
+    var row2 = _ref49.row, $rowIndex = _ref49.$rowIndex, column = _ref49.column, data8 = _ref49.data;
     var fields = [];
     if (rowSpan) {
       rowSpan.forEach(function(item) {
@@ -2803,8 +2810,8 @@ function getRowSpanMethod(rowSpan) {
     }
   };
 }
-function addListenerDblclick(_ref49) {
-  var $table = _ref49.$table, evntParams = _ref49.evntParams, tableListeners = _ref49.tableListeners, tdOns = _ref49.tdOns, triggerDblclick = _ref49.triggerDblclick;
+function addListenerDblclick(_ref50) {
+  var $table = _ref50.$table, evntParams = _ref50.evntParams, tableListeners = _ref50.tableListeners, tdOns = _ref50.tdOns, triggerDblclick = _ref50.triggerDblclick;
   if (triggerDblclick || tableListeners["cell-dblclick"]) {
     tdOns.dblclick = function(event) {
       evntParams.cell = event.currentTarget;
@@ -2812,11 +2819,11 @@ function addListenerDblclick(_ref49) {
     };
   }
 }
-function doSpan(_ref50) {
-  var attrs = _ref50.attrs, params = _ref50.params, rowSpan = _ref50.rowSpan, spanMethod = _ref50.spanMethod;
+function doSpan(_ref51) {
+  var attrs = _ref51.attrs, params = _ref51.params, rowSpan = _ref51.rowSpan, spanMethod = _ref51.spanMethod;
   var rowSpanMethod = getRowSpanMethod(rowSpan);
   if (spanMethod || rowSpan) {
-    var _ref51 = (spanMethod ? spanMethod(params) : rowSpanMethod(params)) || {}, _ref51$rowspan = _ref51.rowspan, rowspan = _ref51$rowspan === void 0 ? 1 : _ref51$rowspan, _ref51$colspan = _ref51.colspan, colspan = _ref51$colspan === void 0 ? 1 : _ref51$colspan;
+    var _ref52 = (spanMethod ? spanMethod(params) : rowSpanMethod(params)) || {}, _ref52$rowspan = _ref52.rowspan, rowspan = _ref52$rowspan === void 0 ? 1 : _ref52$rowspan, _ref52$colspan = _ref52.colspan, colspan = _ref52$colspan === void 0 ? 1 : _ref52$colspan;
     if (!rowspan || !colspan) {
       return false;
     }
@@ -2825,9 +2832,9 @@ function doSpan(_ref50) {
   }
   return true;
 }
-function isCellDirty(_ref52) {
-  var $table = _ref52.$table, column = _ref52.column, editConfig = _ref52.editConfig, isDirty = _ref52.isDirty, row2 = _ref52.row;
-  var _ref53 = editConfig || {}, _ref53$showStatus = _ref53.showStatus, showStatus = _ref53$showStatus === void 0 ? false : _ref53$showStatus, _ref53$relationFields = _ref53.relationFields, relationFields = _ref53$relationFields === void 0 ? true : _ref53$relationFields;
+function isCellDirty(_ref53) {
+  var $table = _ref53.$table, column = _ref53.column, editConfig = _ref53.editConfig, isDirty = _ref53.isDirty, row2 = _ref53.row;
+  var _ref54 = editConfig || {}, _ref54$showStatus = _ref54.showStatus, showStatus = _ref54$showStatus === void 0 ? false : _ref54$showStatus, _ref54$relationFields = _ref54.relationFields, relationFields = _ref54$relationFields === void 0 ? true : _ref54$relationFields;
   var canChange = relationFields === true || Array.isArray(relationFields) && relationFields.includes(column.property);
   if (editConfig && showStatus && column.property && (column.editor || relationFields && canChange)) {
     isDirty = $table.hasRowChange(row2, column.property);
@@ -2940,9 +2947,9 @@ function renderColumn(args1) {
   var allAlign = $table.align, cellClassName = $table.cellClassName, columnKey = $table.columnKey, editConfig = $table.editConfig;
   var editRules = $table.editRules, editStore = $table.editStore, rowId = $table.rowId, rowSpan = $table.rowSpan, height2 = $table.height;
   var tableData = $table.tableData, validOpts2 = $table.validOpts, validStore = $table.validStore, validatedMap = $table.validatedMap, spanMethod = $table.spanMethod, columnStore = $table.columnStore, _$table$dropConfig = $table.dropConfig, dropConfig = _$table$dropConfig === void 0 ? {} : _$table$dropConfig;
-  var _ref54 = {}, isDirty = _ref54.isDirty, _ref54$attrs = _ref54.attrs, attrs = _ref54$attrs === void 0 ? {
+  var _ref55 = {}, isDirty = _ref55.isDirty, _ref55$attrs = _ref55.attrs, attrs = _ref55$attrs === void 0 ? {
     "data-colid": column.id
-  } : _ref54$attrs;
+  } : _ref55$attrs;
   var isMessageDefault = validOpts2.isMessageDefault, isMessageInline = validOpts2.isMessageInline;
   var actived = editStore.actived;
   var validated = validatedMap[column.id + "-" + row2[rowId]];
@@ -3019,7 +3026,7 @@ function renderColumn(args1) {
   return h2("td", colProps, colChildren);
 }
 function renderRowGroupTds(args) {
-  var $table = args.$table, closeable = args.closeable, currentIcon = args.currentIcon, render18 = args.render, renderGroupCell = args.renderGroupCell;
+  var $table = args.$table, closeable = args.closeable, currentIcon = args.currentIcon, render19 = args.render, renderGroupCell = args.renderGroupCell;
   var row2 = args.row, tableColumn3 = args.tableColumn, tds = args.tds, title = args.title;
   var targetColumn = $table._rowGroupTargetColumn;
   var value = row2.value || "";
@@ -3042,8 +3049,8 @@ function renderRowGroupTds(args) {
       }
       if (column === targetColumn) {
         var groupTitleVNode = void 0;
-        if (render18) {
-          groupTitleVNode = render18(h, params);
+        if (render19) {
+          groupTitleVNode = render19(h, params);
         } else {
           groupTitleVNode = [createVNode("span", {
             "class": "row-group-title"
@@ -3068,13 +3075,13 @@ function renderRowGroupTds(args) {
     }
   }
 }
-function renderRowGroupData(_ref55) {
-  var $table = _ref55.$table, virtualRow = _ref55.virtualRow, row2 = _ref55.row, rowGroup = _ref55.rowGroup, rowid2 = _ref55.rowid, rows = _ref55.rows, tableColumn3 = _ref55.tableColumn;
+function renderRowGroupData(_ref56) {
+  var $table = _ref56.$table, virtualRow = _ref56.virtualRow, row2 = _ref56.row, rowGroup = _ref56.rowGroup, rowid2 = _ref56.rowid, rows = _ref56.rows, tableColumn3 = _ref56.tableColumn;
   if (!virtualRow) {
     return;
   }
-  var title = rowGroup.title, _rowGroup$closeable2 = rowGroup.closeable, closeable = _rowGroup$closeable2 === void 0 ? true : _rowGroup$closeable2, render18 = rowGroup.render, renderGroupCell = rowGroup.renderGroupCell, className = rowGroup.className;
-  var _ref56 = {}, _ref56$tds = _ref56.tds, tds = _ref56$tds === void 0 ? [] : _ref56$tds, _ref56$ChevronRight = _ref56.ChevronRight, ChevronRight = _ref56$ChevronRight === void 0 ? iconChevronRight() : _ref56$ChevronRight, _ref56$ChevronDown = _ref56.ChevronDown, ChevronDown = _ref56$ChevronDown === void 0 ? iconChevronDown() : _ref56$ChevronDown;
+  var title = rowGroup.title, _rowGroup$closeable2 = rowGroup.closeable, closeable = _rowGroup$closeable2 === void 0 ? true : _rowGroup$closeable2, render19 = rowGroup.render, renderGroupCell = rowGroup.renderGroupCell, className = rowGroup.className;
+  var _ref57 = {}, _ref57$tds = _ref57.tds, tds = _ref57$tds === void 0 ? [] : _ref57$tds, _ref57$ChevronRight = _ref57.ChevronRight, ChevronRight = _ref57$ChevronRight === void 0 ? iconChevronRight() : _ref57$ChevronRight, _ref57$ChevronDown = _ref57.ChevronDown, ChevronDown = _ref57$ChevronDown === void 0 ? iconChevronDown() : _ref57$ChevronDown;
   var currentIcon = row2.fold ? createVNode(ChevronRight, {
     "class": "tiny-svg-size"
   }, null) : createVNode(ChevronDown, {
@@ -3084,7 +3091,7 @@ function renderRowGroupData(_ref55) {
     $table,
     closeable,
     currentIcon,
-    render: render18,
+    render: render19,
     renderGroupCell
   };
   Object.assign(args, {
@@ -3118,7 +3125,7 @@ function renderRowGroupData(_ref55) {
   }, [tds]));
 }
 function renderRow(args) {
-  var _ref57;
+  var _ref58;
   var $rowIndex = args.$rowIndex, $seq = args.$seq, $table = args.$table, _vm = args._vm, editStore = args.editStore;
   var h2 = args.h, row2 = args.row, rowActived = args.rowActived;
   var rowClassName = args.rowClassName, rowIndex = args.rowIndex, rowKey = args.rowKey, rowLevel = args.rowLevel, rowid2 = args.rowid, rows = args.rows;
@@ -3127,8 +3134,17 @@ function renderRow(args) {
   if (isNotRenderRow) {
     return;
   }
+  var key = rowid2;
+  if (row2._isDraging) {
+    _vm.$nextTick(function() {
+      delete row2._isDraging;
+    });
+    if (renderRowFlag) {
+      key = "" + rowid2 + rowKey;
+    }
+  }
   rows.push(h2("tr", {
-    class: ["tiny-grid-body__row", (_ref57 = {}, _ref57["row__level-" + rowLevel] = treeConfig, _ref57[classMap.rowNew] = editStore.insertList.includes(row2), _ref57[classMap.rowSelected] = selection.includes(row2), _ref57[classMap.rowRadio] = selectRow === row2, _ref57[classMap.rowActived] = rowActived, _ref57), rowClassName ? isFunction(rowClassName) ? rowClassName({
+    class: ["tiny-grid-body__row", (_ref58 = {}, _ref58["row__level-" + rowLevel] = treeConfig, _ref58[classMap.rowNew] = editStore.insertList.includes(row2), _ref58[classMap.rowSelected] = selection.includes(row2), _ref58[classMap.rowRadio] = selectRow === row2, _ref58[classMap.rowActived] = rowActived, _ref58), rowClassName ? isFunction(rowClassName) ? rowClassName({
       $table,
       $seq,
       seq,
@@ -3140,7 +3156,7 @@ function renderRow(args) {
     attrs: {
       "data-rowid": rowid2
     },
-    key: rowKey || treeConfig ? rowid2 : $rowIndex,
+    key,
     on: trOn
   }, tableColumn3.map(function(column, $columnIndex) {
     var columnIndex = $table.getColumnIndex(column);
@@ -3163,8 +3179,8 @@ function renderRow(args) {
     return renderColumn(args1);
   })));
 }
-function renderRowAfter(_ref58) {
-  var $table = _ref58.$table, h2 = _ref58.h, row2 = _ref58.row, rowIndex = _ref58.rowIndex, rows = _ref58.rows, tableData = _ref58.tableData;
+function renderRowAfter(_ref59) {
+  var $table = _ref59.$table, h2 = _ref59.h, row2 = _ref59.row, rowIndex = _ref59.rowIndex, rows = _ref59.rows, tableData = _ref59.tableData;
   typeof $table.renderRowAfter === "function" && $table.renderRowAfter({
     rows,
     row: row2,
@@ -3241,8 +3257,8 @@ function renderRowTree(args, renderRows2) {
   };
   rows.push.apply(rows, renderRows2(args1));
 }
-function renderRows(_ref59) {
-  var h2 = _ref59.h, _vm = _ref59._vm, $table = _ref59.$table, $seq = _ref59.$seq, rowLevel = _ref59.rowLevel, tableData = _ref59.tableData, tableColumn3 = _ref59.tableColumn, seqCount = _ref59.seqCount;
+function renderRows(_ref60) {
+  var h2 = _ref60.h, _vm = _ref60._vm, $table = _ref60.$table, $seq = _ref60.$seq, rowLevel = _ref60.rowLevel, tableData = _ref60.tableData, tableColumn3 = _ref60.tableColumn, seqCount = _ref60.seqCount;
   var rowKey = $table.rowKey, rowClassName = $table.rowClassName, treeConfig = $table.treeConfig, treeExpandeds = $table.treeExpandeds;
   $table.groupData; var scrollYLoad = $table.scrollYLoad, scrollYStore = $table.scrollYStore, editConfig = $table.editConfig, editStore = $table.editStore, _$table$expandConfig2 = $table.expandConfig, expandConfig = _$table$expandConfig2 === void 0 ? {} : _$table$expandConfig2;
   var expandeds = $table.expandeds, selection = $table.selection, rowGroup = $table.rowGroup, hasVirtualRow = $table.hasVirtualRow, afterFullData = $table.afterFullData, treeOrdered = $table.treeOrdered;
@@ -3257,7 +3273,7 @@ function renderRows(_ref59) {
     scrollYLoad,
     treeConfig
   });
-  var _ref60 = treeConfig || {}, hideMethod = _ref60.hideMethod;
+  var _ref61 = treeConfig || {}, hideMethod = _ref61.hideMethod;
   tableData.forEach(function(row2, $rowIndex) {
     var trOn = {};
     var rowIndex = $rowIndex;
@@ -3357,6 +3373,7 @@ function renderRows(_ref59) {
     });
     renderRowTree(args, renderRows);
   });
+  renderRowFlag = !renderRowFlag;
   return rows;
 }
 function renderDefEmpty(h2) {
@@ -3366,17 +3383,18 @@ function renderDefEmpty(h2) {
     class: "tiny-grid__empty-text"
   }, GlobalConfig$1.i18n("ui.grid.emptyText"))];
 }
-var syncHeaderAndFooterScroll = function syncHeaderAndFooterScroll2(_ref61) {
-  var bodyElem = _ref61.bodyElem, footerElem = _ref61.footerElem, headerElem = _ref61.headerElem, isX = _ref61.isX;
+var syncHeaderAndFooterScroll = function syncHeaderAndFooterScroll2(_ref62) {
+  var bodyElem = _ref62.bodyElem, footerElem = _ref62.footerElem, headerElem = _ref62.headerElem, isX = _ref62.isX;
+  var scrollLeft = bodyElem.scrollLeft;
   if (isX && headerElem) {
-    headerElem.scrollLeft = bodyElem.scrollLeft;
+    headerElem.scrollLeft = scrollLeft;
   }
   if (isX && footerElem) {
-    footerElem.scrollLeft = bodyElem.scrollLeft;
+    footerElem.scrollLeft = scrollLeft;
   }
 };
-function doScrollLoad(_ref62) {
-  var $table = _ref62.$table, _vm = _ref62._vm, bodyElem = _ref62.bodyElem, event = _ref62.event, headerElem = _ref62.headerElem, isX = _ref62.isX, isY = _ref62.isY, scrollLeft = _ref62.scrollLeft, scrollXLoad = _ref62.scrollXLoad, scrollYLoad = _ref62.scrollYLoad;
+function doScrollLoad(_ref63) {
+  var $table = _ref63.$table, _vm = _ref63._vm, bodyElem = _ref63.bodyElem, event = _ref63.event, headerElem = _ref63.headerElem, isX = _ref63.isX, isY = _ref63.isY, scrollLeft = _ref63.scrollLeft, scrollXLoad = _ref63.scrollXLoad, scrollYLoad = _ref63.scrollYLoad;
   var isScrollX = scrollXLoad && isX;
   if (isScrollX) {
     $table.triggerScrollXEvent(event);
@@ -3392,8 +3410,8 @@ function doScrollLoad(_ref62) {
     $table.triggerScrollYEvent(event);
   }
 }
-function renderEmptyBlock(_ref63) {
-  var $slots = _ref63.$slots, $table = _ref63.$table, _vm = _ref63._vm, isCenterCls = _ref63.isCenterCls, renderEmpty = _ref63.renderEmpty, tableData = _ref63.tableData;
+function renderEmptyBlock(_ref64) {
+  var $slots = _ref64.$slots, $table = _ref64.$table, _vm = _ref64._vm, isCenterCls = _ref64.isCenterCls, renderEmpty = _ref64.renderEmpty, tableData = _ref64.tableData;
   return h("div", {
     class: "tiny-grid__empty-block" + (tableData.length ? "" : " is__visible") + " " + isCenterCls,
     ref: "emptyBlock"
@@ -3401,8 +3419,8 @@ function renderEmptyBlock(_ref63) {
     $table
   }, h) : renderEmpty ? [renderEmpty(h, $table)] : renderDefEmpty(h));
 }
-function renderBorders(_ref64) {
-  var keyboardConfig = _ref64.keyboardConfig, mouseConfig = _ref64.mouseConfig;
+function renderBorders(_ref65) {
+  var keyboardConfig = _ref65.keyboardConfig, mouseConfig = _ref65.mouseConfig;
   var res = null;
   if (mouseConfig.checked || keyboardConfig.isCut) {
     res = h("div", {
@@ -3411,8 +3429,8 @@ function renderBorders(_ref64) {
   }
   return res;
 }
-function renderTable(_ref65) {
-  var $table = _ref65.$table, _vm = _ref65._vm, tableColumn3 = _ref65.tableColumn, tableData = _ref65.tableData, tableLayout = _ref65.tableLayout;
+function renderTable(_ref66) {
+  var $table = _ref66.$table, _vm = _ref66._vm, tableColumn3 = _ref66.tableColumn, tableData = _ref66.tableData, tableLayout = _ref66.tableLayout;
   return h("table", {
     class: "tiny-grid__body",
     style: {
@@ -3450,8 +3468,8 @@ function renderTable(_ref65) {
     }))
   ]);
 }
-function renderYSpace(_ref66) {
-  var scrollLoad = _ref66.scrollLoad;
+function renderYSpace(_ref67) {
+  var scrollLoad = _ref67.scrollLoad;
   return h("div", {
     class: "tiny-grid-body__y-space visual",
     ref: "ySpace"
@@ -3481,8 +3499,6 @@ var Body = /* @__PURE__ */ defineComponent({
     elemStore[keyPrefix + "xSpace"] = $refs.xSpace;
     elemStore[keyPrefix + "ySpace"] = $refs.ySpace;
     elemStore[keyPrefix + "emptyBlock"] = $refs.emptyBlock;
-    $el.onscroll = this.scrollEvent;
-    $el._onscroll = this.scrollEvent;
     if (dropConfig) {
       var plugin = dropConfig.plugin, _dropConfig$row = dropConfig.row, row2 = _dropConfig$row === void 0 ? true : _dropConfig$row;
       plugin && row2 && (this.rowSortable = $table.rowDrop(this.$el));
@@ -3495,8 +3511,8 @@ var Body = /* @__PURE__ */ defineComponent({
     var $table = this.$parent, fixedType = this.fixedType;
     !fixedType && $table.updateTableBodyHeight();
   },
-  setup: function setup3(props, _ref67) {
-    var slots = _ref67.slots;
+  setup: function setup3(props, _ref68) {
+    var slots = _ref68.slots;
     hooks.onBeforeUnmount(function() {
       var table = hooks.getCurrentInstance().proxy;
       table.$el._onscroll = null;
@@ -3507,7 +3523,7 @@ var Body = /* @__PURE__ */ defineComponent({
     };
   },
   render: function render3() {
-    var _ref68;
+    var _ref69;
     var $table = this.$parent;
     var $grid = $table.$grid, isCenterEmpty = $table.isCenterEmpty, _$table$keyboardConfi = $table.keyboardConfig, keyboardConfig = _$table$keyboardConfi === void 0 ? {} : _$table$keyboardConfi, _$table$mouseConfig3 = $table.mouseConfig, mouseConfig = _$table$mouseConfig3 === void 0 ? {} : _$table$mouseConfig3, renderEmpty = $table.renderEmpty;
     var scrollLoad = $table.scrollLoad, tableColumn3 = $table.tableColumn, tableData = $table.tableData, tableLayout = $table.tableLayout;
@@ -3515,7 +3531,10 @@ var Body = /* @__PURE__ */ defineComponent({
     var isCenterCls = isCenterEmpty ? "is__center" : "";
     return h("div", {
       ref: "body",
-      class: ["tiny-grid__body-wrapper", "body__wrapper", (_ref68 = {}, _ref68[classMap.isScrollload] = scrollLoad, _ref68)]
+      class: ["tiny-grid__body-wrapper", "body__wrapper", (_ref69 = {}, _ref69[classMap.isScrollload] = scrollLoad, _ref69)],
+      on: {
+        scroll: this.scrollEvent
+      }
     }, [
       // 表格主体内容x轴方向虚拟滚动条占位元素
       h("div", {
@@ -3624,14 +3643,14 @@ var Radio = defineComponent({
       return this.size || this.$parent.size || this.$parent.vSize;
     }
   },
-  setup: function setup4(props, _ref69) {
-    var slots = _ref69.slots;
+  setup: function setup4(props, _ref70) {
+    var slots = _ref70.slots;
     return {
       slots
     };
   },
   render: function render4() {
-    var _ref70, _this2 = this;
+    var _ref71, _this2 = this;
     var disabled = this.disabled, vSize4 = this.vSize, modelValue = this.modelValue, label = this.label, name = this.name;
     var $slots = this.slots;
     var disableClass = "disabled";
@@ -3648,7 +3667,7 @@ var Radio = defineComponent({
       return content;
     };
     return h("label", {
-      class: ["tiny-grid-radio", (_ref70 = {}, _ref70["size__" + vSize4] = vSize4, _ref70["is__" + disableClass] = disabled, _ref70)]
+      class: ["tiny-grid-radio", (_ref71 = {}, _ref71["size__" + vSize4] = vSize4, _ref71["is__" + disableClass] = disabled, _ref71)]
     }, [h("input", {
       attrs: {
         type: "radio",
@@ -3683,8 +3702,8 @@ $install(Radio);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var renderInputArgs = function renderInputArgs2(_ref71) {
-  var _vm = _ref71._vm, inputFilter = _ref71.inputFilter;
+var renderInputArgs = function renderInputArgs2(_ref72) {
+  var _vm = _ref72._vm, inputFilter = _ref72.inputFilter;
   var isAddbyProgram = false;
   if (typeof inputFilter.relations_addby !== "undefined") {
     isAddbyProgram = inputFilter.relations_addby === "program";
@@ -3712,9 +3731,9 @@ var renderInputArgs = function renderInputArgs2(_ref71) {
     inputRelations
   };
 };
-var renderInputProps = function renderInputProps2(_ref72) {
+var renderInputProps = function renderInputProps2(_ref73) {
   var _on3;
-  var InputComponent = _ref72.InputComponent, condition2 = _ref72.condition, event = _ref72.event, inputFilter = _ref72.inputFilter, isNativeInput = _ref72.isNativeInput, prop = _ref72.prop;
+  var InputComponent = _ref73.InputComponent, condition2 = _ref73.condition, event = _ref73.event, inputFilter = _ref73.inputFilter, isNativeInput = _ref73.isNativeInput, prop = _ref73.prop;
   var inputProps = {
     style: "width:100%",
     on: (_on3 = {}, _on3[event] = function(value) {
@@ -3760,8 +3779,8 @@ var iconRender = function iconRender2(checked, index2, halfChecked) {
     }), null) : createVNode(Check, props, null);
   }
 };
-var renderEnumableOptions = function renderEnumableOptions2(_ref73) {
-  var iconRender3 = _ref73.iconRender, _vm = _ref73._vm, filterStore = _ref73.filterStore, selectAll = _ref73.selectAll, searchable = _ref73.searchable;
+var renderEnumableOptions = function renderEnumableOptions2(_ref74) {
+  var iconRender3 = _ref74.iconRender, _vm = _ref74._vm, filterStore = _ref74.filterStore, selectAll = _ref74.selectAll, searchable = _ref74.searchable;
   var resultList = filterStore.options.filter(function(value) {
     var _value$label;
     return (_value$label = value.label) == null ? void 0 : _value$label.toString().includes(filterStore.searchValue);
@@ -3842,7 +3861,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
     };
   },
   render: function render5() {
-    var _this3 = this, _ref74;
+    var _this3 = this, _ref75;
     var filterStore = this.filterStore, $grid = this.$grid, $table = this.$parent, optimizeOpts2 = this.optimizeOpts, renderInput2 = this.renderInput, renderEnumable2 = this.renderEnumable, renderDefault2 = this.renderDefault, renderExtends2 = this.renderExtends, renderBase2 = this.renderBase, renderSimple2 = this.renderSimple;
     var args = filterStore.args, column = filterStore.column, options = filterStore.options, _filterStore$layout = filterStore.layout, layout = _filterStore$layout === void 0 ? "input,enum,default,extends,base" : _filterStore$layout;
     var layoutMap = {
@@ -3860,9 +3879,9 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
       filterActive: "filter__active"
     };
     return createVNode("div", {
-      "class": ["tiny-grid__wrapper", "tiny-grid__filter-wrapper", "filter__prevent-default", (_ref74 = {
+      "class": ["tiny-grid__wrapper", "tiny-grid__filter-wrapper", "filter__prevent-default", (_ref75 = {
         "tiny-grid__animat": optimizeOpts2.animat
-      }, _ref74[map.filterActive] = filterStore.visible, _ref74["tiny-grid__filter-simple"] = layout.includes("simple"), _ref74["filter-wrapper-saas"] = $table.isThemeSaas, _ref74)],
+      }, _ref75[map.filterActive] = filterStore.visible, _ref75["tiny-grid__filter-simple"] = layout.includes("simple"), _ref75["filter-wrapper-saas"] = $table.isThemeSaas, _ref75)],
       "style": filterStore.style
     }, [filterStore.visible ? createVNode("div", {
       "class": ["tiny-grid__filter-body", {
@@ -4015,8 +4034,8 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         "class": "tiny-grid__filter-panel"
       }, [isAddbyProgram ? null : createVNode("li", {
         "class": "tiny-grid__filter-option filter-option__radios"
-      }, [inputRelations.map(function(_ref75) {
-        var label = _ref75.label, value = _ref75.value, method = _ref75.method;
+      }, [inputRelations.map(function(_ref76) {
+        var label = _ref76.label, value = _ref76.value, method = _ref76.method;
         return createVNode(Radio, {
           "modelValue": condition2.relation,
           "label": value,
@@ -4099,7 +4118,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         var _simpleFilter$datetim, _simpleFilter$datetim2, _simpleFilter$datetim3, _simpleFilter$datetim4, _simpleFilter$datetim5, _simpleFilter$datetim6;
         var _slot6, _slot7;
         var DatePickComponents = simpleFilter != null && (_simpleFilter$datetim = simpleFilter.datetimeConfig) != null && _simpleFilter$datetim.component ? hooks.toRaw(simpleFilter.datetimeConfig.component) : null;
-        var _format = simpleFilter == null ? void 0 : (_simpleFilter$datetim2 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim2.format;
+        var format = simpleFilter == null ? void 0 : (_simpleFilter$datetim2 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim2.format;
         var valueFormat = simpleFilter == null ? void 0 : (_simpleFilter$datetim3 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim3.valueFormat;
         var type = simpleFilter == null ? void 0 : (_simpleFilter$datetim4 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim4.type;
         var max = simpleFilter == null ? void 0 : (_simpleFilter$datetim5 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim5.max;
@@ -4118,7 +4137,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         }, [createVNode("li", {
           "class": "tiny-grid__filter-date-item"
         }, [createVNode("span", null, [this.i18n("ui.grid.filter.startDate")]), createVNode(DatePickComponents, {
-          "format": _format,
+          "format": format,
           "type": type,
           "value-format": valueFormat,
           "picker-options": pickerOptions,
@@ -4135,7 +4154,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         }, null)]), createVNode("li", {
           "class": "tiny-grid__filter-date-item"
         }, [createVNode("span", null, [this.i18n("ui.grid.filter.endDate")]), createVNode(DatePickComponents, {
-          "format": _format,
+          "format": format,
           "type": type,
           "value-format": valueFormat,
           "picker-options": pickerOptions,
@@ -4364,8 +4383,8 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
     });
   }
 });
-function handleFilterConditionCustom(_ref76) {
-  var column = _ref76.column, condition2 = _ref76.condition, method = _ref76.method, property = _ref76.property, row2 = _ref76.row;
+function handleFilterConditionCustom(_ref77) {
+  var column = _ref77.column, condition2 = _ref77.condition, method = _ref77.method, property = _ref77.property, row2 = _ref77.row;
   var ret = {
     flag: false,
     result: null
@@ -4380,8 +4399,8 @@ function handleFilterConditionCustom(_ref76) {
   }
   return ret;
 }
-function handleFilterConditionExtend(_ref77) {
-  var column = _ref77.column, condition2 = _ref77.condition, property = _ref77.property, row2 = _ref77.row;
+function handleFilterConditionExtend(_ref78) {
+  var column = _ref78.column, condition2 = _ref78.condition, property = _ref78.property, row2 = _ref78.row;
   var ret = {
     flag: false,
     result: null
@@ -4414,8 +4433,8 @@ function findRelationMethod(relation, relations) {
     return method;
   }
 }
-function handleFilterRelations(_ref78) {
-  var inputFilter = _ref78.inputFilter;
+function handleFilterRelations(_ref79) {
+  var inputFilter = _ref79.inputFilter;
   var relations = [];
   if (typeof inputFilter === "object" && Array.isArray(inputFilter.relations)) {
     relations = inputFilter.relations;
@@ -4428,8 +4447,8 @@ function modifyValueCheckStr(value) {
   }
   return value;
 }
-function handleDefaultCheckStr(_ref79) {
-  var column = _ref79.column, input = _ref79.input, relation = _ref79.relation, relationMethod = _ref79.relationMethod, relations = _ref79.relations, result = _ref79.result, row2 = _ref79.row, value = _ref79.value;
+function handleDefaultCheckStr(_ref80) {
+  var column = _ref80.column, input = _ref80.input, relation = _ref80.relation, relationMethod = _ref80.relationMethod, relations = _ref80.relations, result = _ref80.result, row2 = _ref80.row, value = _ref80.value;
   if (typeof relationMethod !== "function") {
     relationMethod = findRelationMethod(relation, relations);
   }
@@ -4446,8 +4465,8 @@ function handleDefaultCheckStr(_ref79) {
     result
   };
 }
-function handleFilterCheckStr(_ref80) {
-  var column = _ref80.column, relationMethod = _ref80.relationMethod, relations = _ref80.relations, row2 = _ref80.row;
+function handleFilterCheckStr(_ref81) {
+  var column = _ref81.column, relationMethod = _ref81.relationMethod, relations = _ref81.relations, row2 = _ref81.row;
   return function(value, input, relation, dateList) {
     var result = false;
     value = modifyValueCheckStr(value);
@@ -4500,8 +4519,8 @@ function handleFilterCheckStr(_ref80) {
     return result;
   };
 }
-function handleFilterCheck(_ref81) {
-  var checkStr = _ref81.checkStr, empty = _ref81.empty, input = _ref81.input, property = _ref81.property, relation = _ref81.relation, row2 = _ref81.row, valueList = _ref81.valueList, dateList = _ref81.dateList;
+function handleFilterCheck(_ref82) {
+  var checkStr = _ref82.checkStr, empty = _ref82.empty, input = _ref82.input, property = _ref82.property, relation = _ref82.relation, row2 = _ref82.row, valueList = _ref82.valueList, dateList = _ref82.dateList;
   return function() {
     var value = get(row2, property);
     if (empty === true) {
@@ -4673,8 +4692,8 @@ var Methods$f = {
     });
     return check();
   },
-  getOptions: function getOptions(_ref82) {
-    var property = _ref82.property, filter2 = _ref82.filter;
+  getOptions: function getOptions(_ref83) {
+    var property = _ref83.property, filter2 = _ref83.filter;
     var values = filter2.values, _filter$value = filter2.value, value = _filter$value === void 0 ? "value" : _filter$value, _filter$label = filter2.label, label = _filter$label === void 0 ? "label" : _filter$label, dataset = filter2.dataset;
     if (typeof values === "function") {
       return values({
@@ -4746,8 +4765,8 @@ var Methods$f = {
           onResetInputFilter: filter2.onResetInputFilter,
           extends: filter2.extends,
           defaultFilter: isBoolean(filter2.defaultFilter) ? filter2.defaultFilter : true,
-          options: options.map(function(_ref83) {
-            var value = _ref83.value, label = _ref83.label;
+          options: options.map(function(_ref84) {
+            var value = _ref84.value, label = _ref84.label;
             return {
               value,
               label,
@@ -4925,8 +4944,8 @@ var Children = defineComponent({
     }
   }
 });
-var onMenuItem = function onMenuItem2(_ref84) {
-  var tableInstance = _ref84.tableInstance, item = _ref84.item, getEventTargetNode2 = _ref84.getEventTargetNode, toKebab2 = _ref84.toKebab;
+var onMenuItem = function onMenuItem2(_ref85) {
+  var tableInstance = _ref85.tableInstance, item = _ref85.item, getEventTargetNode2 = _ref85.getEventTargetNode, toKebab2 = _ref85.toKebab;
   return {
     click: function click(event) {
       tableInstance.ctxMenuLinkEvent(event, item);
@@ -4981,8 +5000,8 @@ function createMenuItem(args) {
   }
   return res;
 }
-function getMenuItemCreator(_ref85) {
-  var ctxMenuStore = _ref85.ctxMenuStore, getEventTargetNode2 = _ref85.getEventTargetNode, tableInstance = _ref85.tableInstance, toKebab2 = _ref85.toKebab;
+function getMenuItemCreator(_ref86) {
+  var ctxMenuStore = _ref86.ctxMenuStore, getEventTargetNode2 = _ref86.getEventTargetNode, tableInstance = _ref86.tableInstance, toKebab2 = _ref86.toKebab;
   return function(options, gIndex) {
     return h("ul", {
       class: "tiny-grid-menu__option-wrapper",
@@ -5051,9 +5070,9 @@ var Methods$e = {
     return this.$nextTick();
   },
   // 处理菜单的移动
-  moveCtxMenu: function moveCtxMenu(_ref86) {
+  moveCtxMenu: function moveCtxMenu(_ref87) {
     var _this9 = this;
-    var event = _ref86.event, keyCode = _ref86.keyCode, ctxMenuStore = _ref86.ctxMenuStore, property = _ref86.property, operKey = _ref86.operKey, operRest = _ref86.operRest, menuList = _ref86.menuList;
+    var event = _ref87.event, keyCode = _ref87.keyCode, ctxMenuStore = _ref87.ctxMenuStore, property = _ref87.property, operKey = _ref87.operKey, operRest = _ref87.operRest, menuList = _ref87.menuList;
     var selectIndex = findIndexOf(menuList, function(item) {
       return ctxMenuStore[property] === item;
     });
@@ -5297,16 +5316,16 @@ var Loading = defineComponent({
   }
 });
 $install(Loading);
-function handleActivedCheckCell(_ref87) {
-  var actived = _ref87.actived, column = _ref87.column, editConfig = _ref87.editConfig, row2 = _ref87.row;
+function handleActivedCheckCell(_ref88) {
+  var actived = _ref88.actived, column = _ref88.column, editConfig = _ref88.editConfig, row2 = _ref88.row;
   return actived.row !== row2 || (editConfig.mode === "cell" ? actived.column !== column : false);
 }
-function handleActivedCanActive(_ref88) {
-  var editConfig = _ref88.editConfig, params = _ref88.params;
+function handleActivedCanActive(_ref89) {
+  var editConfig = _ref89.editConfig, params = _ref89.params;
   return !(editConfig != null && editConfig.activeMethod) || editConfig.activeMethod(params);
 }
-function handleActivedDoActive(_ref89) {
-  var _vm = _ref89._vm, actived = _ref89.actived, canActive = _ref89.canActive, cell = _ref89.cell, column = _ref89.column, editConfig = _ref89.editConfig, event = _ref89.event, params = _ref89.params, row2 = _ref89.row, tableColumn3 = _ref89.tableColumn, type = _ref89.type;
+function handleActivedDoActive(_ref90) {
+  var _vm = _ref90._vm, actived = _ref90.actived, canActive = _ref90.canActive, cell = _ref90.cell, column = _ref90.column, editConfig = _ref90.editConfig, event = _ref90.event, params = _ref90.params, row2 = _ref90.row, tableColumn3 = _ref90.tableColumn, type = _ref90.type;
   if (canActive) {
     if (_vm.keyboardConfig || _vm.mouseConfig) {
       _vm.clearCopyed(event);
@@ -5333,14 +5352,14 @@ function handleActivedDoActive(_ref89) {
   }
   return type;
 }
-function handleActivedClearActive(_ref90) {
-  var _vm = _ref90._vm, canActive = _ref90.canActive, event = _ref90.event;
+function handleActivedClearActive(_ref91) {
+  var _vm = _ref91._vm, canActive = _ref91.canActive, event = _ref91.event;
   if (!canActive) {
     _vm.clearActived(event);
   }
 }
-function handleActivedTryActive(_ref91) {
-  var _vm = _ref91._vm, actived = _ref91.actived, cell = _ref91.cell, column = _ref91.column, editor = _ref91.editor, event = _ref91.event, isActiveCell = _ref91.isActiveCell, params = _ref91.params, row2 = _ref91.row;
+function handleActivedTryActive(_ref92) {
+  var _vm = _ref92._vm, actived = _ref92.actived, cell = _ref92.cell, column = _ref92.column, editor = _ref92.editor, event = _ref92.event, isActiveCell = _ref92.isActiveCell, params = _ref92.params, row2 = _ref92.row;
   if (editor && cell && !isActiveCell) {
     var oldColumn = actived.column;
     if (oldColumn !== column) {
@@ -5362,8 +5381,8 @@ var insertedField = GlobalConfig$1.constant.insertedField;
 var getCellRender = function getCellRender2(isTreeNode, treeCellRender, treeRender, context) {
   return context[isTreeNode ? treeCellRender : treeRender];
 };
-function processRenderer(_ref92) {
-  var h2 = _ref92.h, params = _ref92.params, renderer = _ref92.renderer, value = _ref92.value;
+function processRenderer(_ref93) {
+  var h2 = _ref93.h, params = _ref93.params, renderer = _ref93.renderer, value = _ref93.value;
   var result = {
     flag: false,
     vnodes: null
@@ -5387,13 +5406,13 @@ function processRenderer(_ref92) {
   }
   return result;
 }
-function processAsyncColumn(_ref93) {
-  var $table = _ref93.$table, column = _ref93.column, format2 = _ref93.format, h2 = _ref93.h, params = _ref93.params, row2 = _ref93.row;
+function processAsyncColumn(_ref94) {
+  var $table = _ref94.$table, column = _ref94.column, format = _ref94.format, h2 = _ref94.h, params = _ref94.params, row2 = _ref94.row;
   var result = {
     flag: false,
     vnodes: null
   };
-  var _ref94 = format2.async || {}, fetch = _ref94.fetch, loadingText = _ref94.loadingText;
+  var _ref95 = format.async || {}, fetch = _ref95.fetch, loadingText = _ref95.loadingText;
   if ($table.isAsyncColumn && row2[insertedField] !== true && typeof fetch === "function") {
     var cellText = row2[$table.getAsyncColumnName(column.property)];
     var loadingRender = loadingText || "loading ...";
@@ -5407,8 +5426,8 @@ function processAsyncColumn(_ref93) {
   }
   return result;
 }
-function getColumnRuleTypeIndex(_ref95) {
-  var _vm = _ref95._vm, isTreeNode = _ref95.isTreeNode, renMaps = _ref95.renMaps, type = _ref95.type;
+function getColumnRuleTypeIndex(_ref96) {
+  var _vm = _ref96._vm, isTreeNode = _ref96.isTreeNode, renMaps = _ref96.renMaps, type = _ref96.type;
   return {
     match: function match() {
       return type === "index";
@@ -5419,8 +5438,8 @@ function getColumnRuleTypeIndex(_ref95) {
     }
   };
 }
-function getColumnRuleTypeRadio(_ref96) {
-  var _vm = _ref96._vm, isTreeNode = _ref96.isTreeNode, renMaps = _ref96.renMaps, type = _ref96.type;
+function getColumnRuleTypeRadio(_ref97) {
+  var _vm = _ref97._vm, isTreeNode = _ref97.isTreeNode, renMaps = _ref97.renMaps, type = _ref97.type;
   return {
     match: function match() {
       return type === "radio";
@@ -5431,8 +5450,8 @@ function getColumnRuleTypeRadio(_ref96) {
     }
   };
 }
-function getColumnRuleTypeSelection(_ref97) {
-  var _vm = _ref97._vm, isTreeNode = _ref97.isTreeNode, renMaps = _ref97.renMaps, selectConfig = _ref97.selectConfig, type = _ref97.type;
+function getColumnRuleTypeSelection(_ref98) {
+  var _vm = _ref98._vm, isTreeNode = _ref98.isTreeNode, renMaps = _ref98.renMaps, selectConfig = _ref98.selectConfig, type = _ref98.type;
   return {
     match: function match() {
       return type === "selection";
@@ -5446,8 +5465,8 @@ function getColumnRuleTypeSelection(_ref97) {
     }
   };
 }
-function getColumnRuleTypeExpand(_ref98) {
-  var _vm = _ref98._vm, renMaps = _ref98.renMaps, type = _ref98.type;
+function getColumnRuleTypeExpand(_ref99) {
+  var _vm = _ref99._vm, renMaps = _ref99.renMaps, type = _ref99.type;
   return {
     match: function match() {
       return type === "expand";
@@ -5458,8 +5477,8 @@ function getColumnRuleTypeExpand(_ref98) {
     }
   };
 }
-function getColumnRuleTypeOperation(_ref99) {
-  var _vm = _ref99._vm, renMaps = _ref99.renMaps, type = _ref99.type;
+function getColumnRuleTypeOperation(_ref100) {
+  var _vm = _ref100._vm, renMaps = _ref100.renMaps, type = _ref100.type;
   return {
     match: function match() {
       return type === "operation";
@@ -5469,8 +5488,8 @@ function getColumnRuleTypeOperation(_ref99) {
     }
   };
 }
-function getColumnRuleTypeOther(_ref100) {
-  var $table = _ref100.$table, _vm = _ref100._vm, colProps = _ref100.colProps, editor = _ref100.editor, filter2 = _ref100.filter, isTreeNode = _ref100.isTreeNode, renMaps = _ref100.renMaps, type = _ref100.type;
+function getColumnRuleTypeOther(_ref101) {
+  var $table = _ref101.$table, _vm = _ref101._vm, colProps = _ref101.colProps, editor = _ref101.editor, filter2 = _ref101.filter, isTreeNode = _ref101.isTreeNode, renMaps = _ref101.renMaps, type = _ref101.type;
   return {
     match: function match() {
       return !~["index", "radio", "selection", "expand", "operation"].indexOf(type);
@@ -5502,19 +5521,19 @@ function getColumnRuleTypeOther(_ref100) {
 var isCheckStrictly = function isCheckStrictly2(selectConfig) {
   return selectConfig && selectConfig.checkStrictly && !selectConfig.showHeader || selectConfig && !selectConfig.checkStrictly && selectConfig.showHeader === false;
 };
-var runRender = function runRender2(render18) {
+var runRender = function runRender2(render19) {
   var vnode;
   try {
     for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       params[_key - 1] = arguments[_key];
     }
-    vnode = render18.apply(void 0, params);
+    vnode = render19.apply(void 0, params);
   } catch (e) {
     warn("ui.grid.error.renderParamError");
   } finally {
     if (!vnode || !isVnode(vnode)) {
       try {
-        vnode = hooks.h(render18);
+        vnode = hooks.h(render19);
       } catch (e) {
         vnode = null;
         warn("ui.grid.error.classComponentError");
@@ -5601,7 +5620,7 @@ var Cell = {
   renderCell: function renderCell(h2, params) {
     var $table = params.$table, row2 = params.row, column = params.column;
     var slots = column.slots, renderer = column.renderer;
-    var format2 = column.format || {};
+    var format = column.format || {};
     if (slots && slots.default) {
       return slots.default(params, h2);
     }
@@ -5618,7 +5637,7 @@ var Cell = {
     result = processAsyncColumn({
       $table,
       column,
-      format: format2,
+      format,
       h: h2,
       params,
       row: row2
@@ -5637,7 +5656,7 @@ var Cell = {
   },
   // 树节点
   renderTreeIcon: function renderTreeIcon(h2, params) {
-    var _ref102, _$table$$grid, _$table$$grid$designC, _$table$$grid$designC2, _ref103;
+    var _ref103, _$table$$grid, _$table$$grid$designC, _$table$$grid$designC2, _ref104;
     var $table = params.$table, level = params.level, row2 = params.row;
     var treeConfig = $table.treeConfig, treeExpandeds = $table.treeExpandeds;
     var children = treeConfig.children, indent = treeConfig.indent, renderIcon = treeConfig.renderIcon, trigger = treeConfig.trigger;
@@ -5650,13 +5669,13 @@ var Cell = {
       }
     };
     var icon = GlobalConfig$1.icon;
-    var defaultIcon = function defaultIcon2(h22, _ref101) {
-      var active = _ref101.active;
+    var defaultIcon = function defaultIcon2(h22, _ref102) {
+      var active = _ref102.active;
       var IconExpand = iconExpand();
       var IconPutAway = iconPutAway();
       return active ? h22(IconExpand) : h22(IconPutAway);
     };
-    var customExpandIcon = (_ref102 = renderIcon || ((_$table$$grid = $table.$grid) == null ? void 0 : (_$table$$grid$designC = _$table$$grid.designConfig) == null ? void 0 : (_$table$$grid$designC2 = _$table$$grid$designC.treeConfig) == null ? void 0 : _$table$$grid$designC2.renderIcon)) != null ? _ref102 : defaultIcon;
+    var customExpandIcon = (_ref103 = renderIcon || ((_$table$$grid = $table.$grid) == null ? void 0 : (_$table$$grid$designC = _$table$$grid.designConfig) == null ? void 0 : (_$table$$grid$designC2 = _$table$$grid$designC.treeConfig) == null ? void 0 : _$table$$grid$designC2.renderIcon)) != null ? _ref103 : defaultIcon;
     if (trigger && trigger !== "default") {
       listeners = {};
     }
@@ -5679,7 +5698,7 @@ var Cell = {
         width: level * (indent || 16) + "px"
       }
     }), h2("span", {
-      class: ["tiny-grid-tree-wrapper", (_ref103 = {}, _ref103[map.isActive] = isActive, _ref103)],
+      class: ["tiny-grid-tree-wrapper", (_ref104 = {}, _ref104[map.isActive] = isActive, _ref104)],
       on: listeners
     }, iconVNode)];
   },
@@ -5701,7 +5720,7 @@ var Cell = {
     var $table = params.$table, column = params.column, row2 = params.row, seq = params.seq, $seq = params.$seq, level = params.level;
     var startIndex = $table.startIndex, treeConfig = $table.treeConfig, scrollYLoad = $table.scrollYLoad, treeOrdered = $table.treeOrdered;
     var indexMethod = column.indexMethod, slots = column.slots;
-    var _ref104 = treeConfig || {}, _ref104$temporaryInde = _ref104.temporaryIndex, temporaryIndex = _ref104$temporaryInde === void 0 ? "_$index_" : _ref104$temporaryInde;
+    var _ref105 = treeConfig || {}, _ref105$temporaryInde = _ref105.temporaryIndex, temporaryIndex = _ref105$temporaryInde === void 0 ? "_$index_" : _ref105$temporaryInde;
     var isTreeOrderedFalse = treeConfig && !treeOrdered;
     var indexValue = startIndex + seq;
     if (isTreeOrderedFalse && level) {
@@ -5722,7 +5741,7 @@ var Cell = {
     return [formatText(value, 1)];
   },
   renderRadioCell: function renderRadioCell(h2, params) {
-    var _ref105;
+    var _ref106;
     var $table = params.$table, slots = params.column.slots, row2 = params.row;
     var _$table$radioConfig2 = $table.radioConfig, radioConfig = _$table$radioConfig2 === void 0 ? {} : _$table$radioConfig2, selectRow = $table.selectRow, vSize4 = $table.vSize;
     var labelField = radioConfig.labelField, checkMethod = radioConfig.checkMethod;
@@ -5747,7 +5766,7 @@ var Cell = {
       }
     };
     return [h2("label", {
-      class: ["tiny-grid-radio", (_ref105 = {}, _ref105["size__" + vSize4] = vSize4, _ref105["is__disabled"] = disabled, _ref105)]
+      class: ["tiny-grid-radio", (_ref106 = {}, _ref106["size__" + vSize4] = vSize4, _ref106["is__disabled"] = disabled, _ref106)]
     }, [h2("input", options), h2("span", {
       class: "tiny-grid-radio__icon"
     }, [h2(iconRadio(), {
@@ -5762,7 +5781,7 @@ var Cell = {
     return Cell.renderTreeIcon(h2, params).concat(Cell.renderRadioCell(h2, params));
   },
   renderSelectionHeader: function renderSelectionHeader(h2, params) {
-    var _ref106;
+    var _ref107;
     var $table = params.$table, column = params.column;
     var slots = column.slots, own = column.own;
     var headerCheckDisabled = $table.headerCheckDisabled, isAllSelected = $table.isAllSelected, isIndeterminate = $table.isIndeterminate, selectConfig = $table.selectConfig, vSize4 = $table.vSize;
@@ -5789,7 +5808,7 @@ var Cell = {
       }
     };
     var vnode = h2("label", {
-      class: ["tiny-grid-checkbox tiny-select-header", (_ref106 = {}, _ref106["size__" + vSize4] = vSize4, _ref106["is__disabled"] = headerCheckDisabled, _ref106["is__indeterminate"] = isIndeterminate, _ref106)],
+      class: ["tiny-grid-checkbox tiny-select-header", (_ref107 = {}, _ref107["size__" + vSize4] = vSize4, _ref107["is__disabled"] = headerCheckDisabled, _ref107["is__indeterminate"] = isIndeterminate, _ref107)],
       key: random()
     }, [h2("input", options), h2("span", {
       class: "tiny-grid-checkbox__icon"
@@ -5811,12 +5830,12 @@ var Cell = {
     return [vnode, dropdownVnode];
   },
   renderSelectionCell: function renderSelectionCell(h2, params) {
-    var _ref108;
+    var _ref109;
     var $table = params.$table, column = params.column, row2 = params.row;
     var slots = column.slots;
     var _$table$selectConfig2 = $table.selectConfig, selectConfig = _$table$selectConfig2 === void 0 ? {} : _$table$selectConfig2, treeConfig = $table.treeConfig, treeIndeterminates = $table.treeIndeterminates, vSize4 = $table.vSize;
     var labelField = selectConfig.labelField, checkMethod = selectConfig.checkMethod;
-    var _ref107 = {}, _ref107$indeterminate = _ref107.indeterminate, indeterminate = _ref107$indeterminate === void 0 ? false : _ref107$indeterminate, _ref107$isDisabled = _ref107.isDisabled, isDisabled = _ref107$isDisabled === void 0 ? !!checkMethod : _ref107$isDisabled;
+    var _ref108 = {}, _ref108$indeterminate = _ref108.indeterminate, indeterminate = _ref108$indeterminate === void 0 ? false : _ref108$indeterminate, _ref108$isDisabled = _ref108.isDisabled, isDisabled = _ref108$isDisabled === void 0 ? !!checkMethod : _ref108$isDisabled;
     var options = {
       attrs: {
         type: "checkbox"
@@ -5831,7 +5850,7 @@ var Cell = {
       checked: ~$table.selection.indexOf(row2)
     };
     var twcls = params.twcls;
-    var labelCls = ["tiny-grid-checkbox tiny-select-cell", (_ref108 = {}, _ref108["size__" + vSize4] = vSize4, _ref108["is__indeterminate"] = indeterminate, _ref108["is__disabled"] = isDisabled, _ref108)];
+    var labelCls = ["tiny-grid-checkbox tiny-select-cell", (_ref109 = {}, _ref109["size__" + vSize4] = vSize4, _ref109["is__indeterminate"] = indeterminate, _ref109["is__disabled"] = isDisabled, _ref109)];
     var inputCls = null;
     var spanCls = "tiny-grid-checkbox__icon";
     var svgCls = "tiny-svg-size icon-checked-sur";
@@ -5877,12 +5896,12 @@ var Cell = {
   },
   // TODO: 与renderSelectionCell代码方法高度相似，待提取公共逻辑。
   renderSelectionCellByProp: function renderSelectionCellByProp(h2, params) {
-    var _ref110;
+    var _ref111;
     var $table = params.$table, column = params.column, row2 = params.row;
     var slots = column.slots;
     var _$table$selectConfig3 = $table.selectConfig, selectConfig = _$table$selectConfig3 === void 0 ? {} : _$table$selectConfig3, treeConfig = $table.treeConfig, treeIndeterminates = $table.treeIndeterminates, vSize4 = $table.vSize;
     var property = selectConfig.checkField, checkMethod = selectConfig.checkMethod, labelField = selectConfig.labelField;
-    var _ref109 = {}, _ref109$indeterminate = _ref109.indeterminate, indeterminate = _ref109$indeterminate === void 0 ? false : _ref109$indeterminate, _ref109$isDisabled = _ref109.isDisabled, isDisabled = _ref109$isDisabled === void 0 ? !!checkMethod : _ref109$isDisabled;
+    var _ref110 = {}, _ref110$indeterminate = _ref110.indeterminate, indeterminate = _ref110$indeterminate === void 0 ? false : _ref110$indeterminate, _ref110$isDisabled = _ref110.isDisabled, isDisabled = _ref110$isDisabled === void 0 ? !!checkMethod : _ref110$isDisabled;
     var options = {
       attrs: {
         type: "checkbox"
@@ -5903,7 +5922,7 @@ var Cell = {
     };
     var vnode = h2("label", {
       key: random(),
-      class: ["tiny-grid-checkbox", (_ref110 = {}, _ref110["size__" + vSize4] = vSize4, _ref110["is__indeterminate"] = indeterminate, _ref110["is__disabled"] = isDisabled, _ref110)]
+      class: ["tiny-grid-checkbox", (_ref111 = {}, _ref111["size__" + vSize4] = vSize4, _ref111["is__indeterminate"] = indeterminate, _ref111["is__disabled"] = isDisabled, _ref111)]
     }, [h2("input", options), h2("span", {
       class: "tiny-grid-checkbox__icon"
     }, [h2(iconCheck(), {
@@ -5922,7 +5941,7 @@ var Cell = {
   },
   // 展开行
   renderExpandCell: function renderExpandCell(h2, params) {
-    var _ref111;
+    var _ref112;
     var $table = params.$table, row2 = params.row;
     var _$table$expandConfig3 = $table.expandConfig, expandConfig = _$table$expandConfig3 === void 0 ? {} : _$table$expandConfig3;
     var _expandConfig$showIco = expandConfig.showIcon, showIcon = _expandConfig$showIco === void 0 ? true : _expandConfig$showIco, expandMethod = expandConfig.activeMethod;
@@ -5933,7 +5952,7 @@ var Cell = {
       expandActive: "expand__active"
     };
     return [h2("span", {
-      class: ["tiny-grid__expanded", (_ref111 = {}, _ref111[map.expandActive] = expandActive, _ref111)],
+      class: ["tiny-grid__expanded", (_ref112 = {}, _ref112[map.expandActive] = expandActive, _ref112)],
       on: {
         click: function click(event) {
           if (!hideExpand) {
@@ -6005,7 +6024,7 @@ var Cell = {
     return Cell.renderHeader(h2, params).concat(Cell.renderFilterIcon(h2, params, suffixCls[1]));
   },
   renderFilterIcon: function renderFilterIcon(h2, params, cls) {
-    var _ref112, _ref113;
+    var _ref113, _ref114;
     if (cls === void 0) {
       cls = "";
     }
@@ -6017,9 +6036,9 @@ var Cell = {
       hasFilter: "has__Filter"
     };
     return [h2("span", {
-      class: ["tiny-grid-filter-wrapper " + cls, (_ref112 = {}, _ref112[map.isActive] = filterStore.visible && filterStore.column === column, _ref112)]
+      class: ["tiny-grid-filter-wrapper " + cls, (_ref113 = {}, _ref113[map.isActive] = filterStore.visible && filterStore.column === column, _ref113)]
     }, [h2(icon.filter, {
-      class: ["tiny-svg-size tiny-grid-filter__btn " + column.id, (_ref113 = {}, _ref113[map.hasFilter] = column.filter && column.filter.hasFilter, _ref113)],
+      class: ["tiny-svg-size tiny-grid-filter__btn " + column.id, (_ref114 = {}, _ref114[map.hasFilter] = column.filter && column.filter.hasFilter, _ref114)],
       on: {
         click: function click(event) {
           $table.triggerFilterEvent(event, params.column, params);
@@ -6127,10 +6146,10 @@ var Cell = {
     if (slots && slots.default) {
       return slots.default(params, h2);
     }
-    var _operationConfig$butt = operationConfig.buttons, buttons = _operationConfig$butt === void 0 ? [] : _operationConfig$butt, render18 = operationConfig.render, _operationConfig$max = operationConfig.max, max = _operationConfig$max === void 0 ? 3 : _operationConfig$max, _operationConfig$disa = operationConfig.disabledClass, disabledClass = _operationConfig$disa === void 0 ? "" : _operationConfig$disa;
+    var _operationConfig$butt = operationConfig.buttons, buttons = _operationConfig$butt === void 0 ? [] : _operationConfig$butt, render19 = operationConfig.render, _operationConfig$max = operationConfig.max, max = _operationConfig$max === void 0 ? 3 : _operationConfig$max, _operationConfig$disa = operationConfig.disabledClass, disabledClass = _operationConfig$disa === void 0 ? "" : _operationConfig$disa;
     var viewClass = $table.viewCls("operButton");
-    if (render18) {
-      return render18({
+    if (render19) {
+      return render19({
         h: h2,
         buttons,
         params
@@ -6176,8 +6195,8 @@ var Cell = {
     };
     var handleItemClick = function handleItemClick2(itemData) {
       var realName = (itemData == null ? void 0 : itemData.name) || itemData;
-      var buttonConfig = visibleButtons.find(function(_ref114) {
-        var buttonName = _ref114.name;
+      var buttonConfig = visibleButtons.find(function(_ref115) {
+        var buttonName = _ref115.name;
         return buttonName === realName;
       });
       buttonConfig.click(window.event || {}, _extends({
@@ -6239,8 +6258,8 @@ var Cell = {
     }, groupBig)];
   }
 };
-function setTableElemWidth(_ref115) {
-  var scrollbarWidth = _ref115.scrollbarWidth, tWidth = _ref115.tWidth, tableElem = _ref115.tableElem;
+function setTableElemWidth(_ref116) {
+  var scrollbarWidth = _ref116.scrollbarWidth, tWidth = _ref116.tWidth, tableElem = _ref116.tableElem;
   if (tableElem && tWidth === null) {
     tableElem.style.width = tWidth;
   }
@@ -6248,8 +6267,8 @@ function setTableElemWidth(_ref115) {
     tableElem.style.width = tWidth + scrollbarWidth + "px";
   }
 }
-function getTableWidth(_ref116) {
-  var scrollXLoad = _ref116.scrollXLoad, tWidth = _ref116.tWidth, tableColumn3 = _ref116.tableColumn;
+function getTableWidth(_ref117) {
+  var scrollXLoad = _ref117.scrollXLoad, tWidth = _ref117.tWidth, tableColumn3 = _ref117.tableColumn;
   if (scrollXLoad) {
     tWidth = tableColumn3.reduce(function(previous, column) {
       return previous + column.renderWidth;
@@ -6260,14 +6279,18 @@ function getTableWidth(_ref116) {
     tWidth
   };
 }
-function layoutFooter(_ref117) {
-  var customHeight = _ref117.customHeight, footerHeight = _ref117.footerHeight, headerHeight = _ref117.headerHeight, scrollXLoad = _ref117.scrollXLoad, scrollbarWidth = _ref117.scrollbarWidth, tableElem = _ref117.tableElem, scrollbarHeight = _ref117.scrollbarHeight, tableColumn3 = _ref117.tableColumn, tableHeight = _ref117.tableHeight, tableWidth = _ref117.tableWidth, wrapperElem = _ref117.wrapperElem, fixedWrapperElem = _ref117.fixedWrapperElem;
+function layoutFooter(_ref118) {
+  var elemStore = _ref118.elemStore, customHeight = _ref118.customHeight, footerHeight = _ref118.footerHeight, headerHeight = _ref118.headerHeight, scrollXLoad = _ref118.scrollXLoad, scrollbarWidth = _ref118.scrollbarWidth, tableElem = _ref118.tableElem, scrollbarHeight = _ref118.scrollbarHeight, tableColumn3 = _ref118.tableColumn, tableHeight = _ref118.tableHeight, tableWidth = _ref118.tableWidth, wrapperElem = _ref118.wrapperElem, fixedWrapperElem = _ref118.fixedWrapperElem;
   var tWidth = tableWidth;
   var ret = getTableWidth({
     scrollXLoad,
     tWidth,
     tableColumn: tableColumn3
   });
+  var spaceElem = elemStore["main-footer-x-space"];
+  if (spaceElem) {
+    spaceElem.style.width = tableWidth + "px";
+  }
   tableColumn3 = ret.tableColumn;
   tWidth = ret.tWidth;
   if (wrapperElem && fixedWrapperElem) {
@@ -6283,8 +6306,8 @@ function layoutFooter(_ref117) {
   });
   return tableColumn3;
 }
-function layoutColgroup(_ref118) {
-  var elemStore = _ref118.elemStore, fullColumnIdData = _ref118.fullColumnIdData, layout = _ref118.layout, scrollbarWidth = _ref118.scrollbarWidth;
+function layoutColgroup(_ref119) {
+  var elemStore = _ref119.elemStore, fullColumnIdData = _ref119.fullColumnIdData, layout = _ref119.layout, scrollbarWidth = _ref119.scrollbarWidth;
   var colgroupElem = elemStore["main-" + layout + "-colgroup"];
   var colElemHandler = function colElemHandler2(colElem) {
     var colid = colElem.getAttribute("name");
@@ -6300,8 +6323,8 @@ function layoutColgroup(_ref118) {
     arrayEach(colgroupElem.children, colElemHandler);
   }
 }
-function layoutHeader(_ref119) {
-  var elemStore = _ref119.elemStore, layout = _ref119.layout, scrollXLoad = _ref119.scrollXLoad, scrollbarWidth = _ref119.scrollbarWidth, tableColumn3 = _ref119.tableColumn, tableElem = _ref119.tableElem, tableWidth = _ref119.tableWidth;
+function layoutHeader(_ref120) {
+  var elemStore = _ref120.elemStore, layout = _ref120.layout, scrollXLoad = _ref120.scrollXLoad, scrollbarWidth = _ref120.scrollbarWidth, tableColumn3 = _ref120.tableColumn, tableElem = _ref120.tableElem, tableWidth = _ref120.tableWidth;
   var tWidth = tableWidth;
   var repairElem = elemStore["main-" + layout + "-repair"];
   if (scrollXLoad) {
@@ -6319,14 +6342,14 @@ function layoutHeader(_ref119) {
   }
   return tableColumn3;
 }
-function layoutTable(_ref120) {
-  var tWidth = _ref120.tWidth, tableElem = _ref120.tableElem;
+function layoutTable(_ref121) {
+  var tWidth = _ref121.tWidth, tableElem = _ref121.tableElem;
   if (tableElem) {
     tableElem.style.width = tWidth ? tWidth + "px" : tWidth;
   }
 }
-function layoutBodyWrapper(_ref121) {
-  var footerHeight = _ref121.footerHeight, customHeight = _ref121.customHeight, headerHeight = _ref121.headerHeight, maxHeight = _ref121.maxHeight, minHeight = _ref121.minHeight, parentHeight2 = _ref121.parentHeight, wrapperElem = _ref121.wrapperElem; _ref121.scrollbarWidth;
+function layoutBodyWrapper(_ref122) {
+  var footerHeight = _ref122.footerHeight, customHeight = _ref122.customHeight, headerHeight = _ref122.headerHeight, maxHeight = _ref122.maxHeight, minHeight = _ref122.minHeight, parentHeight2 = _ref122.parentHeight, wrapperElem = _ref122.wrapperElem; _ref122.scrollbarWidth;
   if (wrapperElem) {
     if (customHeight > 0) {
       var contentHeight = customHeight - headerHeight - footerHeight;
@@ -6347,8 +6370,8 @@ function layoutBodyWrapper(_ref121) {
     minHeight
   };
 }
-function layoutEmptyBlock(_ref122) {
-  var emptyBlockElem = _ref122.emptyBlockElem, tWidth = _ref122.tWidth;
+function layoutEmptyBlock(_ref123) {
+  var emptyBlockElem = _ref123.emptyBlockElem, tWidth = _ref123.tWidth;
   if (emptyBlockElem) {
     emptyBlockElem.style.width = tWidth ? tWidth + "px" : tWidth || "";
   }
@@ -6442,6 +6465,7 @@ function handleLayout(params) {
     tableColumn3 = ret.tableColumn;
   } else if (layout === "footer") {
     tableColumn3 = layoutFooter({
+      elemStore,
       customHeight,
       fixedWrapperElem,
       footerHeight,
@@ -6472,40 +6496,40 @@ function isTargetRadioOrCheckbox(event, column, colType, targetType) {
   var target = event.target;
   return target && column.type === colType && target.tagName.toLowerCase() === "input" && target.type === (targetType || colType);
 }
-function onClickExpandColumn(_ref123) {
-  var $el = _ref123.$el, _vm = _ref123._vm, column = _ref123.column, event = _ref123.event, expandConfig = _ref123.expandConfig, params = _ref123.params;
+function onClickExpandColumn(_ref124) {
+  var $el = _ref124.$el, _vm = _ref124._vm, column = _ref124.column, event = _ref124.event, expandConfig = _ref124.expandConfig, params = _ref124.params;
   if ((expandConfig.trigger === "row" || column.type === "expand" && expandConfig.trigger === "cell") && !_vm.getEventTargetNode(event, $el, "tiny-grid__expanded").flag) {
     _vm.triggerRowExpandEvent(event, params);
   }
 }
-function onClickTreeNodeColumn(_ref124) {
-  var _vm = _ref124._vm, column = _ref124.column, event = _ref124.event, params = _ref124.params, treeConfig = _ref124.treeConfig;
+function onClickTreeNodeColumn(_ref125) {
+  var _vm = _ref125._vm, column = _ref125.column, event = _ref125.event, params = _ref125.params, treeConfig = _ref125.treeConfig;
   if (treeConfig.trigger === "row" || column.treeNode && treeConfig.trigger === "cell") {
     _vm.triggerTreeExpandEvent(event, params);
   }
 }
-function onHighlightCurrentRow(_ref125) {
-  var $el = _ref125.$el, _vm = _ref125._vm, event = _ref125.event, highlightCurrentRow = _ref125.highlightCurrentRow, params = _ref125.params, radioConfig = _ref125.radioConfig;
+function onHighlightCurrentRow(_ref126) {
+  var $el = _ref126.$el, _vm = _ref126._vm, event = _ref126.event, highlightCurrentRow = _ref126.highlightCurrentRow, params = _ref126.params, radioConfig = _ref126.radioConfig;
   if (highlightCurrentRow) {
     if (radioConfig.trigger === "row" || !_vm.getEventTargetNode(event, $el, "tiny-grid-checkbox").flag && !_vm.getEventTargetNode(event, $el, "tiny-grid-radio").flag) {
       _vm.triggerCurrentRowEvent(event, params);
     }
   }
 }
-function onClickRadioColumn(_ref126) {
-  var $el = _ref126.$el, _vm = _ref126._vm, column = _ref126.column, event = _ref126.event, params = _ref126.params, radioConfig = _ref126.radioConfig;
+function onClickRadioColumn(_ref127) {
+  var $el = _ref127.$el, _vm = _ref127._vm, column = _ref127.column, event = _ref127.event, params = _ref127.params, radioConfig = _ref127.radioConfig;
   if ((radioConfig.trigger === "row" || column.type === "radio" && radioConfig.trigger === "cell") && !_vm.getEventTargetNode(event, $el, "tiny-grid-radio").flag) {
     _vm.triggerRadioRowEvent(event, params);
   }
 }
-function onClickSelectColumn(_ref127) {
-  var _vm = _ref127._vm, column = _ref127.column, event = _ref127.event, params = _ref127.params, selectConfig = _ref127.selectConfig;
+function onClickSelectColumn(_ref128) {
+  var _vm = _ref128._vm, column = _ref128.column, event = _ref128.event, params = _ref128.params, selectConfig = _ref128.selectConfig;
   if ((selectConfig.trigger === "row" || column.type === "selection" && selectConfig.trigger === "cell") && !_vm.getEventTargetNode(event, params.cell, "tiny-grid-checkbox").flag) {
     _vm.handleToggleCheckRowEvent(params, event);
   }
 }
-function onClickCellSelect(_ref128) {
-  var _vm = _ref128._vm, actived = _ref128.actived, cell = _ref128.cell, column = _ref128.column, editConfig = _ref128.editConfig, event = _ref128.event, mouseConfig = _ref128.mouseConfig, params = _ref128.params, row2 = _ref128.row;
+function onClickCellSelect(_ref129) {
+  var _vm = _ref129._vm, actived = _ref129.actived, cell = _ref129.cell, column = _ref129.column, editConfig = _ref129.editConfig, event = _ref129.event, mouseConfig = _ref129.mouseConfig, params = _ref129.params, row2 = _ref129.row;
   if (!mouseConfig.checked && editConfig) {
     if (editConfig.trigger === "manual") {
       if (actived.args && actived.row === row2 && column !== actived.column) {
@@ -6524,8 +6548,8 @@ function onClickCellSelect(_ref128) {
     }
   }
 }
-function onGroupHeader(_ref129) {
-  var _vm = _ref129._vm, isGroup2 = _ref129.isGroup, headerProps2 = _ref129.headerProps;
+function onGroupHeader(_ref130) {
+  var _vm = _ref130._vm, isGroup2 = _ref130.isGroup, headerProps2 = _ref130.headerProps;
   if (isGroup2) {
     eachTree(_vm.collectColumn, function(column) {
       if (column.children && column.children.length) {
@@ -6536,14 +6560,14 @@ function onGroupHeader(_ref129) {
     }, headerProps2);
   }
 }
-function reassignNotFixed(_ref130) {
-  var centerList = _ref130.centerList, column = _ref130.column;
+function reassignNotFixed(_ref131) {
+  var centerList = _ref131.centerList, column = _ref131.column;
   if (!column.fixed) {
     centerList.push(column);
   }
 }
-function reassignFixedRight(_ref131) {
-  var column = _ref131.column, columnIndex = _ref131.columnIndex, isColspan = _ref131.isColspan, rightEndIndex = _ref131.rightEndIndex, rightList = _ref131.rightList;
+function reassignFixedRight(_ref132) {
+  var column = _ref132.column, columnIndex = _ref132.columnIndex, isColspan = _ref132.isColspan, rightEndIndex = _ref132.rightEndIndex, rightList = _ref132.rightList;
   if (column.fixed === "right") {
     if (!isColspan) {
       if (rightEndIndex === null) {
@@ -6562,8 +6586,8 @@ function reassignFixedRight(_ref131) {
     rightEndIndex
   };
 }
-function reassignFixedLeft(_ref132) {
-  var column = _ref132.column, columnIndex = _ref132.columnIndex, isColspan = _ref132.isColspan, leftList = _ref132.leftList, leftStartIndex = _ref132.leftStartIndex, letIndex = _ref132.letIndex;
+function reassignFixedLeft(_ref133) {
+  var column = _ref133.column, columnIndex = _ref133.columnIndex, isColspan = _ref133.isColspan, leftList = _ref133.leftList, leftStartIndex = _ref133.leftStartIndex, letIndex = _ref133.letIndex;
   if (column.fixed === "left") {
     if (leftStartIndex === null) {
       leftStartIndex = letIndex;
@@ -6583,14 +6607,14 @@ function reassignFixedLeft(_ref132) {
     isColspan
   };
 }
-function showGroupFixedError(_ref133) {
-  var isColspan = _ref133.isColspan, isGroup2 = _ref133.isGroup, leftStartIndex = _ref133.leftStartIndex, rightEndIndex = _ref133.rightEndIndex, visibleColumn = _ref133.visibleColumn;
+function showGroupFixedError(_ref134) {
+  var isColspan = _ref134.isColspan, isGroup2 = _ref134.isGroup, leftStartIndex = _ref134.leftStartIndex, rightEndIndex = _ref134.rightEndIndex, visibleColumn = _ref134.visibleColumn;
   if (isGroup2 && (isColspan || leftStartIndex || rightEndIndex !== null && rightEndIndex !== visibleColumn.length)) {
     error("ui.grid.error.groupFixed");
   }
 }
-function onScrollXLoad(_ref134) {
-  var _vm = _ref134._vm, scrollX = _ref134.scrollX, scrollXLoad = _ref134.scrollXLoad, scrollXStore = _ref134.scrollXStore, tableColumn3 = _ref134.tableColumn, visibleColumn = _ref134.visibleColumn;
+function onScrollXLoad(_ref135) {
+  var _vm = _ref135._vm, scrollX = _ref135.scrollX, scrollXLoad = _ref135.scrollXLoad, scrollXStore = _ref135.scrollXStore, tableColumn3 = _ref135.tableColumn, visibleColumn = _ref135.visibleColumn;
   if (scrollXLoad) {
     if (_vm.resizable || visibleColumn.some(function(column) {
       return column.resizable;
@@ -6607,19 +6631,19 @@ function onScrollXLoad(_ref134) {
   }
   return tableColumn3;
 }
-function mapFetchColumnPromise(_ref135) {
-  var _vm = _ref135._vm, fetchColumns = _ref135.fetchColumns, tableColumn3 = _ref135.tableColumn;
-  return fetchColumns.map(function(_ref136) {
-    var format2 = _ref136.format, columnValues = _ref136.columnValues;
-    return format2.async.fetch({
+function mapFetchColumnPromise(_ref136) {
+  var _vm = _ref136._vm, fetchColumns = _ref136.fetchColumns, tableColumn3 = _ref136.tableColumn;
+  return fetchColumns.map(function(_ref137) {
+    var format = _ref137.format, columnValues = _ref137.columnValues;
+    return format.async.fetch({
       columns: tableColumn3,
       columnValues,
       $table: _vm
     });
   });
 }
-function preprocessDataObjectFormat(_ref137) {
-  var columnCount = _ref137.columnCount, columnValues = _ref137.columnValues, columnValuesMap = _ref137.columnValuesMap, fields = _ref137.fields;
+function preprocessDataObjectFormat(_ref138) {
+  var columnCount = _ref138.columnCount, columnValues = _ref138.columnValues, columnValuesMap = _ref138.columnValuesMap, fields = _ref138.fields;
   if (columnCount) {
     columnValues.forEach(function(col) {
       if (typeof col === "object") {
@@ -6631,8 +6655,8 @@ function preprocessDataObjectFormat(_ref137) {
     });
   }
 }
-function preventDupRender(_ref138) {
-  var asyncColumnName = _ref138.asyncColumnName, cellTexts = _ref138.cellTexts, cellValuesCount = _ref138.cellValuesCount, columnData = _ref138.columnData, columnValuesMap = _ref138.columnValuesMap, isRender = _ref138.isRender, property = _ref138.property, renderCount = _ref138.renderCount, row2 = _ref138.row, splitConfig = _ref138.splitConfig;
+function preventDupRender(_ref139) {
+  var asyncColumnName = _ref139.asyncColumnName, cellTexts = _ref139.cellTexts, cellValuesCount = _ref139.cellValuesCount, columnData = _ref139.columnData, columnValuesMap = _ref139.columnValuesMap, isRender = _ref139.isRender, property = _ref139.property, renderCount = _ref139.renderCount, row2 = _ref139.row, splitConfig = _ref139.splitConfig;
   var cellEachIndex = 0;
   if (!isRender && cellValuesCount) {
     var cellLabel;
@@ -6657,8 +6681,8 @@ function preventDupRender(_ref138) {
   }
   return renderCount;
 }
-function handleResolveColumnComplete(_ref139) {
-  var _vm = _ref139._vm, columnData = _ref139.columnData, complete = _ref139.complete;
+function handleResolveColumnComplete(_ref140) {
+  var _vm = _ref140._vm, columnData = _ref140.columnData, complete = _ref140.complete;
   if (typeof complete === "function") {
     complete({
       columnData,
@@ -6666,9 +6690,9 @@ function handleResolveColumnComplete(_ref139) {
     });
   }
 }
-var isWebkit = browser["-webkit"];
-function computeScrollYLoad(_ref140) {
-  var _vm = _ref140._vm, scrollLoad = _ref140.scrollLoad, scrollY = _ref140.scrollY, scrollYLoad = _ref140.scrollYLoad, scrollYStore = _ref140.scrollYStore, tableBodyElem = _ref140.tableBodyElem;
+var isWebkit = browserInfo["-webkit"];
+function computeScrollYLoad(_ref141) {
+  var _vm = _ref141._vm, scrollLoad = _ref141.scrollLoad, scrollY = _ref141.scrollY, scrollYLoad = _ref141.scrollYLoad, scrollYStore = _ref141.scrollYStore, tableBodyElem = _ref141.tableBodyElem;
   if (scrollYLoad || scrollLoad) {
     scrollYStore.rowHeight = _vm.getRowHeight();
   }
@@ -6688,8 +6712,8 @@ function computeScrollYLoad(_ref140) {
     _vm.updateScrollYSpace();
   }
 }
-function computeScrollXLoad(_ref141) {
-  var _vm = _ref141._vm, scrollX = _ref141.scrollX, scrollXLoad = _ref141.scrollXLoad, scrollXStore = _ref141.scrollXStore, tableBodyElem = _ref141.tableBodyElem, visibleColumn = _ref141.visibleColumn;
+function computeScrollXLoad(_ref142) {
+  var _vm = _ref142._vm, scrollX = _ref142.scrollX, scrollXLoad = _ref142.scrollXLoad, scrollXStore = _ref142.scrollXStore, tableBodyElem = _ref142.tableBodyElem, visibleColumn = _ref142.visibleColumn;
   if (scrollXLoad) {
     var clientWidth = tableBodyElem.clientWidth;
     var width = 0;
@@ -6720,8 +6744,8 @@ function computeScrollXLoad(_ref141) {
     _vm.updateScrollXSpace();
   }
 }
-var adaptive = function adaptive2(_ref142) {
-  var autoArr = _ref142.autoArr, meanWidth = _ref142.meanWidth, minCellWidth = _ref142.minCellWidth, tableWidth = _ref142.tableWidth, fit = _ref142.fit, bodyWidth = _ref142.bodyWidth;
+var adaptive = function adaptive2(_ref143) {
+  var autoArr = _ref143.autoArr, meanWidth = _ref143.meanWidth, minCellWidth = _ref143.minCellWidth, tableWidth = _ref143.tableWidth, fit = _ref143.fit, bodyWidth = _ref143.bodyWidth;
   autoArr.forEach(function(column, index2) {
     var width = Math.max(meanWidth, minCellWidth);
     column.renderWidth = width;
@@ -6736,8 +6760,8 @@ var adaptive = function adaptive2(_ref142) {
   });
   return tableWidth;
 };
-var initTableWidth = function initTableWidth2(_ref143) {
-  var remainWidth = _ref143.remainWidth, columnStore = _ref143.columnStore;
+var initTableWidth = function initTableWidth2(_ref144) {
+  var remainWidth = _ref144.remainWidth, columnStore = _ref144.columnStore;
   var tableWidth = 0;
   var resizeArr = columnStore.resizeList, pxMinArr = columnStore.pxMinList, pxArr = columnStore.pxList;
   var scaleArr = columnStore.scaleList, scaleMinArr = columnStore.scaleMinList;
@@ -6772,8 +6796,8 @@ var initTableWidth = function initTableWidth2(_ref143) {
     meanWidth
   };
 };
-var calcTableWidth = function calcTableWidth2(_ref144) {
-  var bodyWidth = _ref144.bodyWidth, columnStore = _ref144.columnStore, fit = _ref144.fit, minCellWidth = _ref144.minCellWidth, remainWidth = _ref144.remainWidth;
+var calcTableWidth = function calcTableWidth2(_ref145) {
+  var bodyWidth = _ref145.bodyWidth, columnStore = _ref145.columnStore, fit = _ref145.fit, minCellWidth = _ref145.minCellWidth, remainWidth = _ref145.remainWidth;
   var _initTableWidth = initTableWidth({
     remainWidth,
     columnStore
@@ -6808,8 +6832,8 @@ var calcTableWidth = function calcTableWidth2(_ref144) {
   }
   return tableWidth;
 };
-var setLeftOrRightPosition = function setLeftOrRightPosition2(_ref145) {
-  var columnList = _ref145.columnList, direction = _ref145.direction, headerEl = _ref145.headerEl, bodyEl = _ref145.bodyEl, scrollbarWidth = _ref145.scrollbarWidth;
+var setLeftOrRightPosition = function setLeftOrRightPosition2(_ref146) {
+  var columnList = _ref146.columnList, direction = _ref146.direction, headerEl = _ref146.headerEl, bodyEl = _ref146.bodyEl, scrollbarWidth = _ref146.scrollbarWidth;
   var colList = columnList.slice();
   if (direction === "right") {
     colList.reverse();
@@ -6831,8 +6855,8 @@ var setLeftOrRightPosition = function setLeftOrRightPosition2(_ref145) {
     return pos;
   }, 0);
 };
-var setGroupHeaderPosition = function setGroupHeaderPosition2(_ref146) {
-  var columnChart = _ref146.columnChart, direction = _ref146.direction;
+var setGroupHeaderPosition = function setGroupHeaderPosition2(_ref147) {
+  var columnChart = _ref147.columnChart, direction = _ref147.direction;
   var colChart = columnChart.slice();
   var finishColumns = /* @__PURE__ */ new Set();
   if (direction === "right") {
@@ -6860,8 +6884,8 @@ var setGroupHeaderPosition = function setGroupHeaderPosition2(_ref146) {
     }
   });
 };
-var setGroupHeaderLastOrFirst = function setGroupHeaderLastOrFirst2(_ref147) {
-  var columnChart = _ref147.columnChart, leftList = _ref147.leftList, rightList = _ref147.rightList;
+var setGroupHeaderLastOrFirst = function setGroupHeaderLastOrFirst2(_ref148) {
+  var columnChart = _ref148.columnChart, leftList = _ref148.leftList, rightList = _ref148.rightList;
   columnChart.forEach(function(columns2) {
     var len = columns2.length;
     var leafColumn = columns2[len - 1];
@@ -6873,8 +6897,8 @@ var setGroupHeaderLastOrFirst = function setGroupHeaderLastOrFirst2(_ref147) {
     });
   });
 };
-var calcFixedStickyPosition = function calcFixedStickyPosition2(_ref148) {
-  var headerEl = _ref148.headerEl, bodyEl = _ref148.bodyEl, columnStore = _ref148.columnStore, scrollbarWidth = _ref148.scrollbarWidth, columnChart = _ref148.columnChart, isGroup2 = _ref148.isGroup;
+var calcFixedStickyPosition = function calcFixedStickyPosition2(_ref149) {
+  var headerEl = _ref149.headerEl, bodyEl = _ref149.bodyEl, columnStore = _ref149.columnStore, scrollbarWidth = _ref149.scrollbarWidth, columnChart = _ref149.columnChart, isGroup2 = _ref149.isGroup;
   var leftList = columnStore.leftList, rightList = columnStore.rightList;
   setLeftOrRightPosition({
     columnList: leftList,
@@ -6922,8 +6946,8 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
         var renderCount = 0;
         var columnCount = 0;
         var columnData = [];
-        var _fetchColumns$i = fetchColumns[i], _fetchColumns$i$forma = _fetchColumns$i.format, format2 = _fetchColumns$i$forma === void 0 ? {} : _fetchColumns$i$forma, property = _fetchColumns$i.property;
-        var _ref149 = format2.async || {}, _ref149$splitConfig = _ref149.splitConfig, splitConfig = _ref149$splitConfig === void 0 ? {} : _ref149$splitConfig, _ref149$fields = _ref149.fields, fields = _ref149$fields === void 0 ? {} : _ref149$fields, complete = _ref149.complete;
+        var _fetchColumns$i = fetchColumns[i], _fetchColumns$i$forma = _fetchColumns$i.format, format = _fetchColumns$i$forma === void 0 ? {} : _fetchColumns$i$forma, property = _fetchColumns$i.property;
+        var _ref150 = format.async || {}, _ref150$splitConfig = _ref150.splitConfig, splitConfig = _ref150$splitConfig === void 0 ? {} : _ref150$splitConfig, _ref150$fields = _ref150.fields, fields = _ref150$fields === void 0 ? {} : _ref150$fields, complete = _ref150.complete;
         columnValues = isArray(item) ? item : get(item, fields.data || "values");
         columnCount = columnValues.length;
         preprocessDataObjectFormat({
@@ -6958,7 +6982,7 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
             break;
           }
         }
-        format2.data = columnData;
+        format.data = columnData;
         handleResolveColumnComplete({
           _vm: ctx,
           columnData,
@@ -6974,8 +6998,8 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
     }
   };
 };
-function handleGlobalMousedownOnFilterWrapper(_ref150) {
-  var $el = _ref150.$el, _vm = _ref150._vm, event = _ref150.event, filterStore = _ref150.filterStore, filterWrapper = _ref150.filterWrapper;
+function handleGlobalMousedownOnFilterWrapper(_ref151) {
+  var $el = _ref151.$el, _vm = _ref151._vm, event = _ref151.event, filterStore = _ref151.filterStore, filterWrapper = _ref151.filterWrapper;
   if (filterWrapper) {
     if (_vm.getEventTargetNode(event, $el, "tiny-grid-filter-wrapper").flag) ;
     else if (_vm.getEventTargetNode(event, filterWrapper.$el).flag) ;
@@ -6986,14 +7010,14 @@ function handleGlobalMousedownOnFilterWrapper(_ref150) {
     }
   }
 }
-function handleGlobalMousedownOnCtxMenu(_ref151) {
-  var _vm = _ref151._vm, ctxMenuStore = _ref151.ctxMenuStore, event = _ref151.event;
+function handleGlobalMousedownOnCtxMenu(_ref152) {
+  var _vm = _ref152._vm, ctxMenuStore = _ref152.ctxMenuStore, event = _ref152.event;
   if (ctxMenuStore.visible && _vm.$refs.ctxWrapper && !_vm.getEventTargetNode(event, _vm.$refs.ctxWrapper.$el).flag) {
     _vm.closeMenu();
   }
 }
-function handleGlobalBlurOutside(_ref152) {
-  var _vm = _ref152._vm, actived = _ref152.actived, event = _ref152.event;
+function handleGlobalBlurOutside(_ref153) {
+  var _vm = _ref153._vm, actived = _ref153.actived, event = _ref153.event;
   var custblur = _vm.blurOutside(actived, event);
   if (typeof custblur === "boolean") {
     custblur || setTimeout(function() {
@@ -7003,8 +7027,8 @@ function handleGlobalBlurOutside(_ref152) {
   }
   return false;
 }
-function handleGlobalIsClear(_ref153) {
-  var $el = _ref153.$el, _vm = _ref153._vm, actived = _ref153.actived, editConfig = _ref153.editConfig, event = _ref153.event, isClear = _ref153.isClear, isReadonlyCol = _ref153.isReadonlyCol;
+function handleGlobalIsClear(_ref154) {
+  var $el = _ref154.$el, _vm = _ref154._vm, actived = _ref154.actived, editConfig = _ref154.editConfig, event = _ref154.event, isClear = _ref154.isClear, isReadonlyCol = _ref154.isReadonlyCol;
   if (editConfig.mode === "row") {
     var rowNode = _vm.getEventTargetNode(event, $el, "tiny-grid-body__row");
     var isOtherRow = rowNode.flag ? rowNode.targetElem !== actived.args.cell.parentNode : 0;
@@ -7018,9 +7042,9 @@ function handleGlobalIsClear(_ref153) {
   }
   return isClear;
 }
-function handleGlobalClearActived(_ref154) {
+function handleGlobalClearActived(_ref155) {
   var _vm$$refs$tableBody;
-  var $el = _ref154.$el, _vm = _ref154._vm, event = _ref154.event, isClear = _ref154.isClear;
+  var $el = _ref155.$el, _vm = _ref155._vm, event = _ref155.event, isClear = _ref155.isClear;
   var tableContent = (_vm$$refs$tableBody = _vm.$refs.tableBody) == null ? void 0 : _vm$$refs$tableBody.$refs.table;
   if (isClear || !_vm.getEventTargetNode(event, $el).flag || _vm.$refs.tableHeader && _vm.$refs.tableHeader.$el.contains(event.target) || tableContent && !tableContent.contains(event.target)) {
     setTimeout(function() {
@@ -7031,8 +7055,8 @@ function handleGlobalClearActived(_ref154) {
 function checkOtherKey(keyCode) {
   return keyCode >= 48 && keyCode <= 57 || keyCode >= 65 && keyCode <= 90 || keyCode >= 96 && keyCode <= 111 || keyCode >= 186 && keyCode <= 192 || keyCode >= 219 && keyCode <= 222 || keyCode === 32;
 }
-function rule1(_ref155) {
-  var isKeyEsc = _ref155.isKeyEsc, _vm = _ref155._vm, event = _ref155.event, actived = _ref155.actived, mouseConfig = _ref155.mouseConfig;
+function rule1(_ref156) {
+  var isKeyEsc = _ref156.isKeyEsc, _vm = _ref156._vm, event = _ref156.event, actived = _ref156.actived, mouseConfig = _ref156.mouseConfig;
   return {
     match: function match() {
       return isKeyEsc;
@@ -7046,8 +7070,8 @@ function rule1(_ref155) {
     }
   };
 }
-function rule2(_ref156) {
-  var isKeySpacebar = _ref156.isKeySpacebar, keyboardConfig = _ref156.keyboardConfig, selected = _ref156.selected, _vm = _ref156._vm, event = _ref156.event;
+function rule2(_ref157) {
+  var isKeySpacebar = _ref157.isKeySpacebar, keyboardConfig = _ref157.keyboardConfig, selected = _ref157.selected, _vm = _ref157._vm, event = _ref157.event;
   return {
     match: function match() {
       return isKeySpacebar && (keyboardConfig.isArrow || keyboardConfig.isTab) && selected.row && selected.column && (selected.column.type === "selection" || selected.column.type === "radio");
@@ -7077,8 +7101,8 @@ function rule3(args) {
     }
   };
 }
-function rule4(_ref157) {
-  var isOperCtxMenu = _ref157.isOperCtxMenu, _vm = _ref157._vm, event = _ref157.event;
+function rule4(_ref158) {
+  var isOperCtxMenu = _ref158.isOperCtxMenu, _vm = _ref158._vm, event = _ref158.event;
   return {
     match: function match() {
       return isOperCtxMenu;
@@ -7090,8 +7114,8 @@ function rule4(_ref157) {
     }
   };
 }
-function rule5(_ref158) {
-  var isKeyF2 = _ref158.isKeyF2, _vm = _ref158._vm, event = _ref158.event, selected = _ref158.selected;
+function rule5(_ref159) {
+  var isKeyF2 = _ref159.isKeyF2, _vm = _ref159._vm, event = _ref159.event, selected = _ref159.selected;
   return {
     match: function match() {
       return isKeyF2;
@@ -7104,8 +7128,8 @@ function rule5(_ref158) {
     }
   };
 }
-function rule6(_ref159) {
-  var isOperArrowKeys = _ref159.isOperArrowKeys, keyboardConfig = _ref159.keyboardConfig, _vm = _ref159._vm, event = _ref159.event, selected = _ref159.selected;
+function rule6(_ref160) {
+  var isOperArrowKeys = _ref160.isOperArrowKeys, keyboardConfig = _ref160.keyboardConfig, _vm = _ref160._vm, event = _ref160.event, selected = _ref160.selected;
   return {
     match: function match() {
       return isOperArrowKeys && keyboardConfig.isArrow;
@@ -7118,8 +7142,8 @@ function rule6(_ref159) {
     }
   };
 }
-function rule7(_ref160) {
-  var isKeyTab = _ref160.isKeyTab, keyboardConfig = _ref160.keyboardConfig, _vm = _ref160._vm, event = _ref160.event, selected = _ref160.selected, actived = _ref160.actived;
+function rule7(_ref161) {
+  var isKeyTab = _ref161.isKeyTab, keyboardConfig = _ref161.keyboardConfig, _vm = _ref161._vm, event = _ref161.event, selected = _ref161.selected, actived = _ref161.actived;
   return {
     match: function match() {
       return isKeyTab && keyboardConfig.isTab;
@@ -7148,8 +7172,8 @@ function rule8(args) {
     }
   };
 }
-function rule9(_ref161) {
-  var keyboardConfig = _ref161.keyboardConfig, isKeyWithCtrl = _ref161.isKeyWithCtrl, isKeyA = _ref161.isKeyA, isKeyX = _ref161.isKeyX, isKeyC = _ref161.isKeyC, isKeyV = _ref161.isKeyV, _vm = _ref161._vm, event = _ref161.event;
+function rule9(_ref162) {
+  var keyboardConfig = _ref162.keyboardConfig, isKeyWithCtrl = _ref162.isKeyWithCtrl, isKeyA = _ref162.isKeyA, isKeyX = _ref162.isKeyX, isKeyC = _ref162.isKeyC, isKeyV = _ref162.isKeyV, _vm = _ref162._vm, event = _ref162.event;
   return {
     match: function match() {
       return keyboardConfig.isCut && isKeyWithCtrl && (isKeyA || isKeyX || isKeyC || isKeyV);
@@ -7161,8 +7185,8 @@ function rule9(_ref161) {
     }
   };
 }
-function rule10(_ref162) {
-  var keyboardConfig = _ref162.keyboardConfig, isKeyWithCtrl = _ref162.isKeyWithCtrl, _vm = _ref162._vm, event = _ref162.event, selected = _ref162.selected, actived = _ref162.actived;
+function rule10(_ref163) {
+  var keyboardConfig = _ref163.keyboardConfig, isKeyWithCtrl = _ref163.isKeyWithCtrl, _vm = _ref163._vm, event = _ref163.event, selected = _ref163.selected, actived = _ref163.actived;
   return {
     match: function match() {
       return keyboardConfig.isEdit && !isKeyWithCtrl && !(selected.row === actived.row && selected.column === actived.column);
@@ -7355,9 +7379,9 @@ function handleGlobalMousewheelEvent(event) {
   this.clostTooltip();
   this.closeMenu();
 }
-function handleEscKeyDown(_ref163) {
+function handleEscKeyDown(_ref164) {
   var _this12 = this;
-  var event = _ref163.event, actived = _ref163.actived, mouseConfig = _ref163.mouseConfig;
+  var event = _ref164.event, actived = _ref164.actived, mouseConfig = _ref164.mouseConfig;
   this.closeMenu();
   this.closeFilter();
   if (actived.row) {
@@ -7369,9 +7393,9 @@ function handleEscKeyDown(_ref163) {
     }
   }
 }
-function handleEnterKeyDown(_ref164) {
+function handleEnterKeyDown(_ref165) {
   var _this13 = this;
-  var event = _ref164.event, selected = _ref164.selected, actived = _ref164.actived;
+  var event = _ref165.event, selected = _ref165.selected, actived = _ref165.actived;
   var highlightCurrentRow = this.highlightCurrentRow, currentRow = this.currentRow, treeConfig = this.treeConfig;
   var isLeftArrow = event.keyCode === 37;
   var isUpArrow = event.keyCode === 38;
@@ -7401,8 +7425,8 @@ function handleEnterKeyDown(_ref164) {
     }
   }
 }
-function handleCtxMenu(_ref165) {
-  var event = _ref165.event;
+function handleCtxMenu(_ref166) {
+  var event = _ref166.event;
   var ctxMenuStore = this.ctxMenuStore;
   event.preventDefault();
   if (ctxMenuStore.showChild && hasChildrenList(ctxMenuStore.selected)) {
@@ -7427,8 +7451,8 @@ function handleCtxMenu(_ref165) {
     });
   }
 }
-function handleArrowKeyDown(_ref166) {
-  var event = _ref166.event, selected = _ref166.selected;
+function handleArrowKeyDown(_ref167) {
+  var event = _ref167.event, selected = _ref167.selected;
   var highlightCurrentRow = this.highlightCurrentRow, currentRow = this.currentRow;
   var isLeftArrow = event.keyCode === 37;
   var isUpArrow = event.keyCode === 38;
@@ -7447,9 +7471,9 @@ function handleArrowKeyDown(_ref166) {
     this.moveCurrentRow(isUpArrow, isDownArrow, event);
   }
 }
-function handleDelKeyDown(_ref167) {
+function handleDelKeyDown(_ref168) {
   var _this14 = this;
-  var event = _ref167.event, selected = _ref167.selected;
+  var event = _ref168.event, selected = _ref168.selected;
   var _this$keyboardConfig = this.keyboardConfig, keyboardConfig = _this$keyboardConfig === void 0 ? {} : _this$keyboardConfig, treeConfig = this.treeConfig, highlightCurrentRow = this.highlightCurrentRow, currentRow = this.currentRow;
   var isBack = event.keyCode === 8;
   if (keyboardConfig.isDel && (selected.row || selected.column)) {
@@ -7474,8 +7498,8 @@ function handleDelKeyDown(_ref167) {
     }
   }
 }
-function handleSpaceKeyDown(_ref168) {
-  var event = _ref168.event, selected = _ref168.selected;
+function handleSpaceKeyDown(_ref169) {
+  var event = _ref169.event, selected = _ref169.selected;
   event.preventDefault();
   if (selected.column.type === "selection") {
     this.handleToggleCheckRowEvent(selected.args, event);
@@ -7483,8 +7507,8 @@ function handleSpaceKeyDown(_ref168) {
     this.triggerRadioRowEvent(event, selected.args);
   }
 }
-function handleTabKeyDown(_ref169) {
-  var event = _ref169.event, selected = _ref169.selected, actived = _ref169.actived;
+function handleTabKeyDown(_ref170) {
+  var event = _ref170.event, selected = _ref170.selected, actived = _ref170.actived;
   var isShiftKey = event.shiftKey;
   var useTab = this.editConfig.useTab;
   if (selected.row || selected.column) {
@@ -7493,8 +7517,8 @@ function handleTabKeyDown(_ref169) {
     this.moveTabSelected(actived.args, isShiftKey, event, useTab);
   }
 }
-function handleCopyKeyDown(_ref170) {
-  var event = _ref170.event;
+function handleCopyKeyDown(_ref171) {
+  var event = _ref171.event;
   if (event.keyCode === 65) {
     this.handleAllChecked(event);
   } else if (event.keyCode === 88 || event.keyCode === 67) {
@@ -7503,15 +7527,15 @@ function handleCopyKeyDown(_ref170) {
     this.handlePaste(event);
   }
 }
-function handleF2KeyDown(_ref171) {
-  var event = _ref171.event, selected = _ref171.selected;
+function handleF2KeyDown(_ref172) {
+  var event = _ref172.event, selected = _ref172.selected;
   if (selected.row && selected.column) {
     event.preventDefault();
     this.handleActived(selected.args, event);
   }
 }
-function handleOtherKeyDown(_ref172) {
-  var event = _ref172.event, selected = _ref172.selected;
+function handleOtherKeyDown(_ref173) {
+  var event = _ref173.event, selected = _ref173.selected;
   var _this$keyboardConfig2 = this.keyboardConfig, keyboardConfig = _this$keyboardConfig2 === void 0 ? {} : _this$keyboardConfig2;
   var keyCode = event.keyCode;
   var isOtherKey = checkOtherKey(keyCode);
@@ -7571,10 +7595,10 @@ var sortMultiple = function sortMultiple2(rows, columns2, _vm) {
   }
   return rows;
 };
-var buildCache = function buildCache2(tableData, _ref173) {
-  var treeConfig = _ref173.treeConfig, treeOrdered = _ref173.treeOrdered;
+var buildCache = function buildCache2(tableData, _ref174) {
+  var treeConfig = _ref174.treeConfig, treeOrdered = _ref174.treeOrdered;
   var backupMap = /* @__PURE__ */ new WeakMap();
-  var _ref174 = treeConfig || {}, children = _ref174.children, _ref174$temporaryInde = _ref174.temporaryIndex, temporaryIndex = _ref174$temporaryInde === void 0 ? "_$index_" : _ref174$temporaryInde;
+  var _ref175 = treeConfig || {}, children = _ref175.children, _ref175$temporaryInde = _ref175.temporaryIndex, temporaryIndex = _ref175$temporaryInde === void 0 ? "_$index_" : _ref175$temporaryInde;
   var isTreeOrderedFalse = treeConfig && !treeOrdered;
   var _traverse = function traverse(arr, rowLevel, parentIndex) {
     var backup = [];
@@ -7898,8 +7922,8 @@ var Methods$d = {
     }
     var visibleColumn = this.visibleColumn;
     var rowKey = getTableRowKey(this);
-    visibleColumn.forEach(function(_ref175) {
-      var property = _ref175.property, editor = _ref175.editor;
+    visibleColumn.forEach(function(_ref176) {
+      var property = _ref176.property, editor = _ref176.editor;
       var propNotExist = property && !has(row2, property);
       var propDefaultValue = editor && !isUndefined(editor.defaultValue) ? editor.defaultValue : null;
       if (propNotExist) {
@@ -8064,7 +8088,7 @@ var Methods$d = {
     var _this$selectConfig = this.selectConfig, selectConfig = _this$selectConfig === void 0 ? {} : _this$selectConfig, selection = this.selection;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     var checkField = selectConfig.checkField;
-    var _ref176 = {}, _ref176$rowList = _ref176.rowList, rowList = _ref176$rowList === void 0 ? [] : _ref176$rowList;
+    var _ref177 = {}, _ref177$rowList = _ref177.rowList, rowList = _ref177$rowList === void 0 ? [] : _ref177$rowList;
     if (checkField && treeConfig) {
       rowList = filterTree(tableFullData, function(row2) {
         return get(row2, checkField);
@@ -8095,8 +8119,8 @@ var Methods$d = {
     var sortColumn = find(visibleColumn, function(column) {
       return column.order;
     });
-    var filterColumn = visibleColumn.filter(function(_ref177) {
-      var filter2 = _ref177.filter;
+    var filterColumn = visibleColumn.filter(function(_ref178) {
+      var filter2 = _ref178.filter;
       return !!filter2;
     });
     var doTableSort = function doTableSort2() {
@@ -8113,8 +8137,8 @@ var Methods$d = {
     var doColumnSort = function doColumnSort2() {
       var sortedFlag = false;
       if (sortOpts2.multipleColumnSort) {
-        var sortColumns = visibleColumn.filter(function(_ref178) {
-          var order = _ref178.order;
+        var sortColumns = visibleColumn.filter(function(_ref179) {
+          var order = _ref179.order;
           return !!order;
         });
         if (sortColumns.length > 1) {
@@ -8193,7 +8217,7 @@ var Methods$d = {
       });
     }
     if (hasCustomsOrColWidth && !isGroupOrNonSort) {
-      var _ref179 = {}, _ref179$collectColumn = _ref179.collectColumn, collectColumn2 = _ref179$collectColumn === void 0 ? [] : _ref179$collectColumn, _ref179$customMap = _ref179.customMap, customMap = _ref179$customMap === void 0 ? {} : _ref179$customMap, _ref179$orderColumn = _ref179.orderColumn, orderColumn = _ref179$orderColumn === void 0 ? [] : _ref179$orderColumn;
+      var _ref180 = {}, _ref180$collectColumn = _ref180.collectColumn, collectColumn2 = _ref180$collectColumn === void 0 ? [] : _ref180$collectColumn, _ref180$customMap = _ref180.customMap, customMap = _ref180$customMap === void 0 ? {} : _ref180$customMap, _ref180$orderColumn = _ref180.orderColumn, orderColumn = _ref180$orderColumn === void 0 ? [] : _ref180$orderColumn;
       mapTree(customColumns, function(customCol) {
         var targetCol = find(fullColumn, function(item) {
           return customCol.property && item.property === customCol.property;
@@ -8550,7 +8574,7 @@ var Methods$d = {
     var columnStore = this.columnStore, currentRow = this.currentRow, height2 = this.height, maxHeight = this.maxHeight, minHeight = this.minHeight, parentHeight2 = this.parentHeight, tableColumn3 = this.tableColumn, scrollbarWidth = this.scrollbarWidth;
     var scrollYLoad = this.scrollYLoad, scrollXLoad = this.scrollXLoad, scrollLoad = this.scrollLoad;
     var layoutList = ["header", "body", "footer"];
-    var _ref180 = {}, customHeight = _ref180.customHeight, scaleToPx = _ref180.scaleToPx;
+    var _ref181 = {}, customHeight = _ref181.customHeight, scaleToPx = _ref181.scaleToPx;
     var _this$$refs3 = this.$refs, tableBody = _this$$refs3.tableBody, tableHeader = _this$$refs3.tableHeader;
     var getElem = function getElem2(ref) {
       return ref ? ref.$el : null;
@@ -8606,8 +8630,8 @@ var Methods$d = {
     }
     end && end();
   },
-  blurOutside: function blurOutside(_ref181, event) {
-    var row2 = _ref181.row, args = _ref181.args, column = _ref181.column;
+  blurOutside: function blurOutside(_ref182, event) {
+    var row2 = _ref182.row, args = _ref182.args, column = _ref182.column;
     var editConfig = this.editConfig, getEventTargetNode2 = this.getEventTargetNode, $el = this.$el;
     if (column && row2) {
       var editor = column.editor;
@@ -8656,7 +8680,7 @@ var Methods$d = {
   // 处理单选框默认勾选
   handleRadioDefChecked: function handleRadioDefChecked() {
     var fullDataRowIdData = this.fullDataRowIdData;
-    var _ref182 = this.radioConfig || {}, checkRowKey = _ref182.checkRowKey;
+    var _ref183 = this.radioConfig || {}, checkRowKey = _ref183.checkRowKey;
     var rowid2 = checkRowKey && encodeURIComponent(checkRowKey);
     var rowCache = fullDataRowIdData[rowid2];
     if (rowid2 && rowCache) {
@@ -8666,7 +8690,7 @@ var Methods$d = {
   // 单选，行选中事件
   triggerRadioRowEvent: function triggerRadioRowEvent(event, params) {
     var selectRow = this.selectRow;
-    var _ref183 = this.radioConfig || {}, checkMethod = _ref183.checkMethod;
+    var _ref184 = this.radioConfig || {}, checkMethod = _ref184.checkMethod;
     if (checkMethod && !checkMethod(params)) {
       return;
     }
@@ -8918,8 +8942,8 @@ var Methods$d = {
     this.groupExpandeds.push(row2);
   },
   // 展开行事件
-  triggerRowExpandEvent: function triggerRowExpandEvent(event, _ref184) {
-    var row2 = _ref184.row;
+  triggerRowExpandEvent: function triggerRowExpandEvent(event, _ref185) {
+    var row2 = _ref185.row;
     var rest = this.toggleRowExpansion(row2);
     var eventParams = {
       $table: this,
@@ -8936,7 +8960,7 @@ var Methods$d = {
   // 处理默认展开行
   handleDefaultRowExpand: function handleDefaultRowExpand() {
     var fullDataRowIdData = this.fullDataRowIdData, tableFullData = this.tableFullData;
-    var _ref185 = this.expandConfig || {}, expandAll = _ref185.expandAll, expandRowKeys = _ref185.expandRowKeys;
+    var _ref186 = this.expandConfig || {}, expandAll = _ref186.expandAll, expandRowKeys = _ref186.expandRowKeys;
     if (expandAll) {
       this.expandeds = tableFullData.slice(0);
       return;
@@ -8957,7 +8981,7 @@ var Methods$d = {
   // 设置展开行，二个参数设置这一行展开与否；支持单行；支持多行
   setRowExpansion: function setRowExpansion(rows, expanded) {
     var expandeds = this.expandeds;
-    var _ref186 = this.expandConfig || {}, accordion = _ref186.accordion;
+    var _ref187 = this.expandConfig || {}, accordion = _ref187.accordion;
     var isToggle = arguments.length === 1;
     var isAccordionCloseAll = false;
     if (!rows) {
@@ -9033,7 +9057,7 @@ var Methods$d = {
     var scrollXStore = this.scrollXStore, visibleColumn = this.visibleColumn;
     var offsetSize = scrollXStore.offsetSize, renderSize = scrollXStore.renderSize, startIndex = scrollXStore.startIndex, visibleIndex = scrollXStore.visibleIndex, visibleSize = scrollXStore.visibleSize;
     var scrollLeft = this.$refs.tableBody.$el.scrollLeft;
-    var _ref187 = {}, _ref187$preload = _ref187.preload, preload = _ref187$preload === void 0 ? false : _ref187$preload, _ref187$toVisibleInde = _ref187.toVisibleIndex, toVisibleIndex = _ref187$toVisibleInde === void 0 ? 0 : _ref187$toVisibleInde, _ref187$width = _ref187.width, width = _ref187$width === void 0 ? 0 : _ref187$width;
+    var _ref188 = {}, _ref188$preload = _ref188.preload, preload = _ref188$preload === void 0 ? false : _ref188$preload, _ref188$toVisibleInde = _ref188.toVisibleIndex, toVisibleIndex = _ref188$toVisibleInde === void 0 ? 0 : _ref188$toVisibleInde, _ref188$width = _ref188.width, width = _ref188$width === void 0 ? 0 : _ref188$width;
     for (var i = 0; i < visibleColumn.length; i++) {
       width += visibleColumn[i].renderWidth;
       if (scrollLeft < width) {
@@ -9182,14 +9206,17 @@ var Methods$d = {
       scrollXStore.lastStartIndex = ret.lastStartIndex;
       _this43.tableColumn = ret.tableColumn;
       _this43.visibleColumnChanged = ret.visibleColumnChanged;
-      _this43.$nextTick(_this43.updateStyle);
+      _this43.$nextTick(function() {
+        _this43.updateFooter();
+        _this43.updateStyle();
+      });
     });
   },
   // 更新横向 X 可视渲染上下剩余空间大小
   updateScrollXSpace: function updateScrollXSpace() {
     var elemStore = this.elemStore, scrollXLoad = this.scrollXLoad, scrollXStore = this.scrollXStore, scrollbarWidth = this.scrollbarWidth, tableWidth = this.tableWidth, visibleColumn = this.visibleColumn;
     var startIndex = scrollXStore.startIndex;
-    var _ref188 = {}, bodyElem = _ref188.bodyElem, footerElem = _ref188.footerElem, headerElem = _ref188.headerElem, leftSpaceWidth = _ref188.leftSpaceWidth, marginLeft = _ref188.marginLeft;
+    var _ref189 = {}, bodyElem = _ref189.bodyElem, footerElem = _ref189.footerElem, headerElem = _ref189.headerElem, leftSpaceWidth = _ref189.leftSpaceWidth, marginLeft = _ref189.marginLeft;
     headerElem = elemStore["main-header-table"];
     bodyElem = elemStore["main-body-table"];
     footerElem = elemStore["main-footer-table"];
@@ -9239,7 +9266,7 @@ var Methods$d = {
     var bodyHeight = totalRows * rowHeight;
     var scrollHeight = $grid.pagerConfig ? $grid.pagerConfig.total * rowHeight : 0;
     var isVScrollOrLoad = scrollYLoad || scrollLoad;
-    var _ref189 = {}, marginTop = _ref189.marginTop, ySpaceHeight = _ref189.ySpaceHeight;
+    var _ref190 = {}, marginTop = _ref190.marginTop, ySpaceHeight = _ref190.ySpaceHeight;
     marginTop = isVScrollOrLoad && scrollYLoad ? Math.max(startIndex * rowHeight, 0) + "px" : "";
     ySpaceHeight = isVScrollOrLoad ? bodyHeight + "px" : "";
     scrollLoadStore.bodyHeight = bodyHeight;
@@ -9422,8 +9449,8 @@ var Methods$d = {
         return _this50.validCellRules(type, row2, column, cellValue).then(function() {
           customValue && validStore.visible && setCellValue(row2, column, cellValue);
           _this50.clearValidate();
-        }).catch(function(_ref190) {
-          var rule = _ref190.rule;
+        }).catch(function(_ref191) {
+          var rule = _ref191.rule;
           customValue && setCellValue(row2, column, cellValue);
           _this50.showValidTooltip({
             rule,
@@ -9470,8 +9497,8 @@ var Methods$d = {
       return fetchColumns;
     }
     tableColumn3.forEach(function(col) {
-      var _ref191 = col.format || {}, async = _ref191.async;
-      var _ref192 = async || {}, fetch = _ref192.fetch, _ref192$splitConfig = _ref192.splitConfig, splitConfig = _ref192$splitConfig === void 0 ? {} : _ref192$splitConfig;
+      var _ref192 = col.format || {}, async = _ref192.async;
+      var _ref193 = async || {}, fetch = _ref193.fetch, _ref193$splitConfig = _ref193.splitConfig, splitConfig = _ref193$splitConfig === void 0 ? {} : _ref193$splitConfig;
       if (typeof fetch === "function") {
         var columnValues = [];
         tableData.forEach(function(row2) {
@@ -9531,8 +9558,8 @@ var Methods$d = {
     }, this));
   },
   // Publish methods 与工具栏对接
-  connect: function connect(_ref193) {
-    var toolbar = _ref193.toolbar;
+  connect: function connect(_ref194) {
+    var toolbar = _ref194.toolbar;
     this.$toolbar = toolbar;
   },
   // 检查触发源是否属于目标节点
@@ -9574,9 +9601,9 @@ var Methods$d = {
       return _this54.data;
     }, function() {
       return _this54.data && _this54.data.length;
-    }], function(_ref194, _ref195) {
-      var newData = _ref194[0], newLength = _ref194[1];
-      var oldData = _ref195[0], oldLength = _ref195[1];
+    }], function(_ref195, _ref196) {
+      var newData = _ref195[0], newLength = _ref195[1];
+      var oldData = _ref196[0], oldLength = _ref196[1];
       if (Array.isArray(_this54.data) && newData === oldData && newLength !== oldLength) {
         _this54.handleDataChange();
       }
@@ -9615,7 +9642,7 @@ var Methods$d = {
   // 尝试恢复滚动位置，规范了最大滚动位置的取值
   attemptRestoreScoll: function attemptRestoreScoll(options) {
     var _this55 = this;
-    var _ref196 = options || this, lastScrollTop = _ref196.lastScrollTop, lastScrollLeft = _ref196.lastScrollLeft;
+    var _ref197 = options || this, lastScrollTop = _ref197.lastScrollTop, lastScrollLeft = _ref197.lastScrollLeft;
     var scrollXLoad = this.scrollXLoad, scrollYLoad = this.scrollYLoad, elemStore = this.elemStore;
     var tableBodyElem = elemStore["main-body-wrapper"];
     if ((lastScrollTop || lastScrollLeft) && tableBodyElem) {
@@ -9653,7 +9680,7 @@ var fnFields = function fnFields2(fields) {
 var fnFieldConfig = function fnFieldConfig2(field) {
   return Array.isArray(field) && field.length > 1 ? field[1] : {};
 };
-var _sfc_main$8 = defineComponent({
+var _sfc_main$9 = defineComponent({
   props: _extends({}, $props, {
     datas: Object,
     row: Object
@@ -9675,7 +9702,7 @@ var _sfc_main$8 = defineComponent({
     }, selectionColumn.renderCell(h, params));
   }
 });
-var _sfc_main$7 = defineComponent({
+var _sfc_main$8 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props, {
     datas: Object,
@@ -9832,7 +9859,7 @@ var _sfc_main$7 = defineComponent({
     }
   }
 });
-var _sfc_main$6 = defineComponent({
+var _sfc_main$7 = defineComponent({
   props: _extends({}, $props, {
     datas: Object,
     row: Object
@@ -9855,8 +9882,8 @@ var _sfc_main$6 = defineComponent({
         return typeof hidden === "boolean" && hidden || typeof hidden === "function" && hidden(row2);
       };
       var handleItemClick = function handleItemClick2(name) {
-        var buttonConfig = visibleButtons.find(function(_ref197) {
-          var buttonName = _ref197.name;
+        var buttonConfig = visibleButtons.find(function(_ref198) {
+          var buttonName = _ref198.name;
           return buttonName === name;
         });
         buttonConfig.click(window.event || {}, _extends({
@@ -9933,15 +9960,15 @@ var _sfc_main$6 = defineComponent({
     }, [vnode]);
   }
 });
-var _sfc_main$5 = defineComponent({
+var _sfc_main$6 = defineComponent({
   props: _extends({}, $props, {
     datas: Object,
     row: Object
   }),
   components: {
-    ColumnType: _sfc_main$8,
-    ColumnContent: _sfc_main$7,
-    ColumnLink: _sfc_main$6
+    ColumnType: _sfc_main$9,
+    ColumnContent: _sfc_main$8,
+    ColumnLink: _sfc_main$7
   },
   computed: {
     showLink: function showLink() {
@@ -9979,8 +10006,8 @@ function _sfc_render$2(_ctx, _cache, $props2, $setup, $data, $options) {
     /* CLASS */
   );
 }
-var ColumnLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$2]]);
-var _sfc_main$4 = defineComponent({
+var ColumnLayout = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
+var _sfc_main$5 = defineComponent({
   components: {
     ColumnLayout
   },
@@ -10036,8 +10063,8 @@ function _sfc_render$1(_ctx, _cache, $props2, $setup, $data, $options) {
     row: _ctx.row
   }, null, 8, ["datas", "row"])], 10, _hoisted_1);
 }
-var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1]]);
-var _sfc_main$3 = defineComponent({
+var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
+var _sfc_main$4 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props),
   render: function render12() {
@@ -10053,7 +10080,7 @@ var _sfc_main$3 = defineComponent({
     return typeof $mftable.slotList === "function" ? $mftable.slotList(params) : null;
   }
 });
-var _sfc_main$2 = defineComponent({
+var _sfc_main$3 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props),
   render: function render13() {
@@ -10069,7 +10096,7 @@ var _sfc_main$2 = defineComponent({
     return typeof $mftable.slotGantt === "function" ? $mftable.slotGantt(params) : null;
   }
 });
-var _sfc_main$1 = defineComponent({
+var _sfc_main$2 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props),
   render: function render14() {
@@ -10085,14 +10112,39 @@ var _sfc_main$1 = defineComponent({
     return typeof $mftable.slotCustom === "function" ? $mftable.slotCustom(params) : null;
   }
 });
+var _sfc_main$1 = defineComponent({
+  inject: ["$mftable"],
+  props: _extends({}, $props),
+  render: function render15() {
+    var $mftable = this.$mftable;
+    var slotEmpty = $mftable.slotEmpty;
+    var renderEmpty = $mftable.renderEmpty;
+    var $table = $mftable.config.tableVm;
+    var content = null;
+    if (typeof slotEmpty === "function") {
+      content = slotEmpty({
+        $table
+      });
+    } else if (typeof renderEmpty === "function") {
+      content = renderEmpty(h, $table);
+    }
+    return h("div", {
+      attrs: {
+        "data-tag": "tiny-grid-empty-wrapper"
+      },
+      class: "flex t-0 justify-center items-center w-full h-full bg-transparent sm:bg-color-bg-1 text-center"
+    }, [content]);
+  }
+});
 var _sfc_main = defineComponent({
   components: {
     TableRow,
     Tooltip: Tooltip$1,
     Exception,
-    ListView: _sfc_main$3,
-    GanttView: _sfc_main$2,
-    CustomView: _sfc_main$1
+    ListView: _sfc_main$4,
+    GanttView: _sfc_main$3,
+    CustomView: _sfc_main$2,
+    CustomEmpty: _sfc_main$1
   },
   provide: function provide() {
     return {
@@ -10201,12 +10253,9 @@ var _sfc_main = defineComponent({
       return "" + displayStyle + heightStyle + maxHeightStyle;
     },
     exceptionVisible: function exceptionVisible() {
-      var _config$tableVm9;
-      var config2 = this.config, tableData = this.tableData;
-      var _config$tableVm$$grid6 = config2 == null ? void 0 : (_config$tableVm9 = config2.tableVm) == null ? void 0 : _config$tableVm9.$grid, viewType2 = _config$tableVm$$grid6.viewType;
-      var _GlobalConfig$1$viewC2 = GlobalConfig$1.viewConfig, CARD = _GlobalConfig$1$viewC2.CARD, LIST = _GlobalConfig$1$viewC2.LIST, MF = _GlobalConfig$1$viewC2.MF;
+      var tableData = this.tableData;
       var isException = tableData.length === 0;
-      return isException && (viewType2 === CARD || viewType2 === LIST || viewType2 === MF);
+      return isException;
     }
   },
   watch: {
@@ -10247,10 +10296,10 @@ var _sfc_main = defineComponent({
   },
   methods: {
     mapColumns: function mapColumns() {
-      var _config$tableVm10, _config$tableVm11, _config$tableVm11$$gr, _config$tableVm11$$gr2, _config$tableVm12, _config$tableVm12$$gr, _config$tableVm12$$gr2, _config$tableVm13, _config$tableVm13$$gr, _config$tableVm13$$gr2, _config$tableVm14, _config$tableVm14$$gr, _config$tableVm14$$gr2;
+      var _config$tableVm9, _config$tableVm10, _config$tableVm10$$gr, _config$tableVm10$$gr2, _config$tableVm11, _config$tableVm11$$gr, _config$tableVm11$$gr2, _config$tableVm12, _config$tableVm12$$gr, _config$tableVm12$$gr2, _config$tableVm13, _config$tableVm13$$gr, _config$tableVm13$$gr2, _config$tableVm14, _config$tableVm14$$gr, _config$tableVm14$$gr2, _config$tableVm15, _config$tableVm15$$gr;
       var config2 = this.config, typeColumns2 = this.typeColumns, firstFewPropertyColumn2 = this.firstFewPropertyColumn;
       var _this$cardConfig = this.cardConfig, cardConfig = _this$cardConfig === void 0 ? {} : _this$cardConfig, _this$listConfig = this.listConfig, listConfig = _this$listConfig === void 0 ? {} : _this$listConfig, _this$ganttConfig = this.ganttConfig, ganttConfig = _this$ganttConfig === void 0 ? {} : _this$ganttConfig, _this$customConfig = this.customConfig, customConfig = _this$customConfig === void 0 ? {} : _this$customConfig;
-      var tableColumn3 = config2 == null ? void 0 : (_config$tableVm10 = config2.tableVm) == null ? void 0 : _config$tableVm10.tableColumn;
+      var tableColumn3 = config2 == null ? void 0 : (_config$tableVm9 = config2.tableVm) == null ? void 0 : _config$tableVm9.tableColumn;
       var primaryField = cardConfig.primaryField, contentFields = cardConfig.contentFields, selectable = cardConfig.selectable, renderLink = cardConfig.renderLink, operable = cardConfig.operable, _cardConfig$few = cardConfig.few, few = _cardConfig$few === void 0 ? 4 : _cardConfig$few;
       var renderList2 = listConfig.renderList;
       var renderGantt = ganttConfig.renderGantt;
@@ -10266,6 +10315,7 @@ var _sfc_main = defineComponent({
       var slotList;
       var slotGantt;
       var slotCustom;
+      var slotEmpty;
       if (primaryField) {
         fieldName = fnField(primaryField);
         primaryColumn = typeColumns2(tableColumn3, [fieldName]).find(function(column) {
@@ -10290,10 +10340,12 @@ var _sfc_main = defineComponent({
           return column.type === "selection";
         });
       }
-      slotLink = (config2 == null ? void 0 : (_config$tableVm11 = config2.tableVm) == null ? void 0 : (_config$tableVm11$$gr = _config$tableVm11.$grid) == null ? void 0 : (_config$tableVm11$$gr2 = _config$tableVm11$$gr.slots) == null ? void 0 : _config$tableVm11$$gr2.link) || renderLink;
-      slotList = (config2 == null ? void 0 : (_config$tableVm12 = config2.tableVm) == null ? void 0 : (_config$tableVm12$$gr = _config$tableVm12.$grid) == null ? void 0 : (_config$tableVm12$$gr2 = _config$tableVm12$$gr.slots) == null ? void 0 : _config$tableVm12$$gr2.list) || renderList2;
-      slotGantt = (config2 == null ? void 0 : (_config$tableVm13 = config2.tableVm) == null ? void 0 : (_config$tableVm13$$gr = _config$tableVm13.$grid) == null ? void 0 : (_config$tableVm13$$gr2 = _config$tableVm13$$gr.slots) == null ? void 0 : _config$tableVm13$$gr2.gantt) || renderGantt;
-      slotCustom = (config2 == null ? void 0 : (_config$tableVm14 = config2.tableVm) == null ? void 0 : (_config$tableVm14$$gr = _config$tableVm14.$grid) == null ? void 0 : (_config$tableVm14$$gr2 = _config$tableVm14$$gr.slots) == null ? void 0 : _config$tableVm14$$gr2.custom) || renderCustom;
+      slotLink = (config2 == null ? void 0 : (_config$tableVm10 = config2.tableVm) == null ? void 0 : (_config$tableVm10$$gr = _config$tableVm10.$grid) == null ? void 0 : (_config$tableVm10$$gr2 = _config$tableVm10$$gr.slots) == null ? void 0 : _config$tableVm10$$gr2.link) || renderLink;
+      slotList = (config2 == null ? void 0 : (_config$tableVm11 = config2.tableVm) == null ? void 0 : (_config$tableVm11$$gr = _config$tableVm11.$grid) == null ? void 0 : (_config$tableVm11$$gr2 = _config$tableVm11$$gr.slots) == null ? void 0 : _config$tableVm11$$gr2.list) || renderList2;
+      slotGantt = (config2 == null ? void 0 : (_config$tableVm12 = config2.tableVm) == null ? void 0 : (_config$tableVm12$$gr = _config$tableVm12.$grid) == null ? void 0 : (_config$tableVm12$$gr2 = _config$tableVm12$$gr.slots) == null ? void 0 : _config$tableVm12$$gr2.gantt) || renderGantt;
+      slotCustom = (config2 == null ? void 0 : (_config$tableVm13 = config2.tableVm) == null ? void 0 : (_config$tableVm13$$gr = _config$tableVm13.$grid) == null ? void 0 : (_config$tableVm13$$gr2 = _config$tableVm13$$gr.slots) == null ? void 0 : _config$tableVm13$$gr2.custom) || renderCustom;
+      slotEmpty = config2 == null ? void 0 : (_config$tableVm14 = config2.tableVm) == null ? void 0 : (_config$tableVm14$$gr = _config$tableVm14.$grid) == null ? void 0 : (_config$tableVm14$$gr2 = _config$tableVm14$$gr.slots) == null ? void 0 : _config$tableVm14$$gr2.empty;
+      var renderEmpty = config2 == null ? void 0 : (_config$tableVm15 = config2.tableVm) == null ? void 0 : (_config$tableVm15$$gr = _config$tableVm15.$grid) == null ? void 0 : _config$tableVm15$$gr.renderEmpty;
       Object.assign(this, {
         primaryColumn,
         contentColumns,
@@ -10304,7 +10356,9 @@ var _sfc_main = defineComponent({
         slotLink,
         slotList,
         slotGantt,
-        slotCustom
+        slotCustom,
+        slotEmpty,
+        renderEmpty
       });
     },
     typeColumns: function typeColumns(columns2, types, field) {
@@ -10357,12 +10411,12 @@ var _sfc_main = defineComponent({
     },
     handleCardClick: function handleCardClick(row2, e) {
       var config2 = this.config, emitEvent2 = this.emitEvent;
-      var _config$tableVm15 = config2 == null ? void 0 : config2.tableVm, highlightCurrentRow = _config$tableVm15.highlightCurrentRow;
+      var _config$tableVm16 = config2 == null ? void 0 : config2.tableVm, highlightCurrentRow = _config$tableVm16.highlightCurrentRow;
       if (highlightCurrentRow) {
-        var _config$tableVm16;
+        var _config$tableVm17;
         this.currentRow = row2;
         this.setCurrentRowId();
-        config2 == null ? void 0 : (_config$tableVm16 = config2.tableVm) == null ? void 0 : _config$tableVm16.triggerCurrentRowEvent(e, {
+        config2 == null ? void 0 : (_config$tableVm17 = config2.tableVm) == null ? void 0 : _config$tableVm17.triggerCurrentRowEvent(e, {
           $table: config2 == null ? void 0 : config2.tableVm,
           row: row2
         });
@@ -10403,11 +10457,11 @@ var _sfc_main = defineComponent({
       return res;
     },
     getWrapperHeight: function getWrapperHeight() {
-      var _config$tableVm17, _config$tableVm18;
+      var _config$tableVm18, _config$tableVm19;
       var config2 = this.config;
-      var $grid = config2 == null ? void 0 : (_config$tableVm17 = config2.tableVm) == null ? void 0 : _config$tableVm17.$grid;
+      var $grid = config2 == null ? void 0 : (_config$tableVm18 = config2.tableVm) == null ? void 0 : _config$tableVm18.$grid;
       var height2 = ($grid == null ? void 0 : $grid.height) === "auto" ? "100%" : $grid == null ? void 0 : $grid.height;
-      var parentHeight2 = config2 == null ? void 0 : (_config$tableVm18 = config2.tableVm) == null ? void 0 : _config$tableVm18.parentHeight;
+      var parentHeight2 = config2 == null ? void 0 : (_config$tableVm19 = config2.tableVm) == null ? void 0 : _config$tableVm19.parentHeight;
       this.wrapperHeight = isScale(height2) ? Math.floor(parseInt(height2) / 100 * parentHeight2) : toNumber(height2);
     },
     showTooltip: function showTooltip(e) {
@@ -10444,6 +10498,7 @@ var _sfc_main = defineComponent({
   }
 });
 function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
+  var _component_custom_empty = resolveComponent("custom-empty");
   var _component_exception = resolveComponent("exception");
   var _component_list_view = resolveComponent("list-view");
   var _component_gantt_view = resolveComponent("gantt-view");
@@ -10461,16 +10516,19 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
         return _ctx.scrollEvent && _ctx.scrollEvent.apply(_ctx, arguments);
       })
     },
-    [_ctx.exceptionVisible ? (openBlock(), createBlock(_component_exception, {
-      key: 0,
+    [_ctx.exceptionVisible && (_ctx.slotEmpty || _ctx.renderEmpty) ? (openBlock(), createBlock(_component_custom_empty, {
+      key: 0
+    })) : _ctx.exceptionVisible ? (openBlock(), createBlock(_component_exception, {
+      key: 1,
       tiny_mode: "mobile-first",
       tiny_mode_root: "",
       class: "min-h-[theme(spacing.72)]",
       "component-page": "",
       type: "nodata"
-    })) : createCommentVNode("v-if", true), createElementVNode(
+    })) : (openBlock(), createElementBlock(
       "div",
       {
+        key: 2,
         "data-tag": "tiny-table",
         class: normalizeClass([_ctx.tableClass, _ctx.cardClass]),
         ref: "table"
@@ -10499,7 +10557,7 @@ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
       ))],
       2
       /* CLASS */
-    ), createVNode(_component_tooltip, {
+    )), createVNode(_component_tooltip, {
       ref: "tooltip",
       modelValue: _ctx.tooltipVisible,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
@@ -10572,8 +10630,8 @@ var initDrag = function initDrag2(dndProxyElement, dndElements, config2) {
           }
         }
       });
-      elNodes.forEach(function(_ref198) {
-        _ref198.dndId; var dndPid = _ref198.dndPid, el = _ref198.el;
+      elNodes.forEach(function(_ref199) {
+        _ref199.dndId; var dndPid = _ref199.dndPid, el = _ref199.el;
         if (dndPid) {
           var parent = elNodes.find(function(elNode) {
             return elNode.dndId === dndPid;
@@ -10860,10 +10918,10 @@ var createTableColumnWatch = function createTableColumnWatch2($table, state, isC
     });
   });
 };
-var createUseDrag = function createUseDrag2(_ref199) {
-  var reactive = _ref199.reactive, watch = _ref199.watch, getCurrentInstance = _ref199.getCurrentInstance, onBeforeUnmount = _ref199.onBeforeUnmount;
-  return function(_ref200) {
-    var dropConfig = _ref200.dropConfig, collectColumn2 = _ref200.collectColumn, tableColumn3 = _ref200.tableColumn;
+var createUseDrag = function createUseDrag2(_ref200) {
+  var reactive = _ref200.reactive, watch = _ref200.watch, getCurrentInstance = _ref200.getCurrentInstance, onBeforeUnmount = _ref200.onBeforeUnmount;
+  return function(_ref201) {
+    var dropConfig = _ref201.dropConfig, collectColumn2 = _ref201.collectColumn, tableColumn3 = _ref201.tableColumn;
     var state = reactive({
       dropConfig,
       collectColumn: collectColumn2,
@@ -10899,10 +10957,10 @@ var createUseDrag = function createUseDrag2(_ref199) {
   };
 };
 var useDrag = createUseDrag(hooks);
-var createUseRowGroup = function createUseRowGroup2(_ref201) {
-  var reactive = _ref201.reactive, watch = _ref201.watch, getCurrentInstance = _ref201.getCurrentInstance, onBeforeUnmount = _ref201.onBeforeUnmount;
-  return function(_ref202) {
-    var rowGroup = _ref202.rowGroup, visibleColumn = _ref202.visibleColumn, tableFullColumn = _ref202.tableFullColumn, tableColumn3 = _ref202.tableColumn;
+var createUseRowGroup = function createUseRowGroup2(_ref202) {
+  var reactive = _ref202.reactive, watch = _ref202.watch, getCurrentInstance = _ref202.getCurrentInstance, onBeforeUnmount = _ref202.onBeforeUnmount;
+  return function(_ref203) {
+    var rowGroup = _ref203.rowGroup, visibleColumn = _ref203.visibleColumn, tableFullColumn = _ref203.tableFullColumn, tableColumn3 = _ref203.tableColumn;
     var state = reactive({
       rowGroup,
       visibleColumn,
@@ -10950,7 +11008,7 @@ var createUseRowGroup = function createUseRowGroup2(_ref201) {
 var useRowGroup = createUseRowGroup(hooks);
 var themes$1 = GlobalConfig$1.themes, viewConfig$1 = GlobalConfig$1.viewConfig, columnLevelKey$1 = GlobalConfig$1.columnLevelKey, defaultColumnName$1 = GlobalConfig$1.defaultColumnName;
 var T_TINY = themes$1.TINY, T_SAAS$1 = themes$1.SAAS;
-var V_DEFAULT$1 = viewConfig$1.DEFAULT, V_MF$1 = viewConfig$1.MF, V_CARD$1 = viewConfig$1.CARD, V_LIST = viewConfig$1.LIST;
+var V_DEFAULT$1 = viewConfig$1.DEFAULT, V_MF$1 = viewConfig$1.MF; viewConfig$1.CARD; viewConfig$1.LIST;
 var V_MF_LIST = viewConfig$1.MF_SHOW_LIST;
 var hiddenContainerClass = "tiny-grid-hidden-column";
 function verifyConfig(_vm) {
@@ -11004,15 +11062,14 @@ function mergeTreeConfig(_vm) {
   }
 }
 var renderEmptyPartFn = function renderEmptyPartFn2(opt) {
-  var _vm = opt._vm, tableData = opt.tableData;
-  var _vm$$grid = _vm.$grid, $grid = _vm$$grid === void 0 ? {} : _vm$$grid, renderEmpty = _vm.renderEmpty;
-  var slots = $grid.slots;
+  var _vm = opt._vm;
   return function() {
     var emptyPartVnode = null;
-    var computerTableBodyHeight2 = _vm.computerTableBodyHeight;
-    if (_vm.isCenterEmpty && !tableData.length) {
+    if (_vm.viewType === V_DEFAULT$1 && _vm.isCenterEmpty && !opt.tableData.length) {
+      var _vm$$grid = _vm.$grid, $grid = _vm$$grid === void 0 ? {} : _vm$$grid, renderEmpty = _vm.renderEmpty;
+      var slots = $grid.slots;
+      var computerTableBodyHeight2 = _vm.computerTableBodyHeight;
       var emptyVnodes;
-      var noEmptyClass = _vm.viewType === V_CARD$1 || _vm.viewType === V_LIST;
       if (slots.empty) {
         emptyVnodes = slots.empty.call(_vm, h);
       } else if (renderEmpty) {
@@ -11026,7 +11083,7 @@ var renderEmptyPartFn = function renderEmptyPartFn2(opt) {
       }
       emptyPartVnode = h("div", {
         class: [{
-          "empty-center-block": !noEmptyClass
+          "empty-center-block": true
         }, _vm.viewCls("emptyData")],
         style: {
           height: computerTableBodyHeight2
@@ -11997,7 +12054,7 @@ var Table = defineComponent({
       relationKey: columnLevelKey$1 + "-" + id3.value,
       childrenKey: "childColumns",
       relationContainer: function relationContainer() {
-        return isBrowser ? $table.$el.querySelector("." + hiddenContainerClass) : null;
+        return !isServer ? $table.$el.querySelector("." + hiddenContainerClass) : null;
       },
       onChange: function onChange() {
         var collectKey = $table.computeCollectKey();
@@ -12054,7 +12111,7 @@ var Table = defineComponent({
       tableColumn: tableColumn3
     };
   },
-  render: function render15() {
+  render: function render16() {
     this.border; var collectColumn2 = this.collectColumn, columnStore = this.columnStore; this.editConfig; this.highlightCell; this.highlightHoverColumn; var instanceSlots = this.instanceSlots;
     this.highlightHoverRow; var isGroup2 = this.isGroup, loading = this.loading, loadingComponent = this.loadingComponent; this.mouseConfig; var optimizeOpts2 = this.optimizeOpts;
     var overflowX = this.overflowX; this.overflowY; var showFooter = this.showFooter, showHeader = this.showHeader; this.showHeaderOverflow; this.showOverflow; this.dropConfig; this.isThemeSaas;
@@ -12297,8 +12354,8 @@ var Column = defineComponent({
       default: null
     }
   },
-  setup: function setup7(props, _ref203) {
-    var slots = _ref203.slots;
+  setup: function setup7(props, _ref204) {
+    var slots = _ref204.slots;
     var reactive = hooks.reactive, inject = hooks.inject, getCurrentInstance = hooks.getCurrentInstance, onUpdated = hooks.onUpdated, watch = hooks.watch, nextTick = hooks.nextTick;
     var currentInstance = getCurrentInstance();
     var instance = currentInstance.proxy;
@@ -12338,7 +12395,7 @@ var Column = defineComponent({
     });
     return state;
   },
-  render: function render16() {
+  render: function render17() {
     var $table = this.$table, firstRow = this.firstRow, columnConfig = this.columnConfig, instanceSlots = this.instanceSlots;
     var slotVnode;
     try {
@@ -12352,7 +12409,7 @@ var Column = defineComponent({
       warn("ui.grid.error.chainCallError");
     }
     var hasSubColumn = findTree(slotVnode, function(node) {
-      var _ref204 = node || {}, componentOptions = _ref204.componentOptions, type = _ref204.type;
+      var _ref205 = node || {}, componentOptions = _ref205.componentOptions, type = _ref205.type;
       var componentName = type && type.name || componentOptions && componentOptions.Ctor.extendOptions.name;
       return $table.isValidCustomColumn(componentName);
     }, null, null);
@@ -12591,8 +12648,8 @@ var Grid = defineComponent({
     var tinyTheme = hooks.ref(resolveTheme(props, context));
     var tinyMode = hooks.ref(resolveMode(props, context));
     var breakpoint = useBreakpoint();
-    var renderless = function renderless2(props2, hooks2, _ref205) {
-      var _ref205$designConfig = _ref205.designConfig, designConfig = _ref205$designConfig === void 0 ? null : _ref205$designConfig;
+    var renderless = function renderless2(props2, hooks2, _ref206) {
+      var _ref206$designConfig = _ref206.designConfig, designConfig = _ref206$designConfig === void 0 ? null : _ref206$designConfig;
       return {
         tableListeners,
         designConfig,
@@ -12613,7 +12670,7 @@ var Grid = defineComponent({
       api: ["designConfig", "tableListeners", "tinyTheme", "tinyMode", "currentBreakpoint"]
     });
   },
-  render: function render17() {
+  render: function render18() {
     var _this61 = this;
     var editConfig = this.editConfig, fetchOption = this.fetchOption, listeners = this.listeners, loading = this.loading, optimization = this.optimization, pager = this.pager, pagerConfig = this.pagerConfig, remoteFilter = this.remoteFilter, remoteSort = this.remoteSort, selectToolbar = this.selectToolbar;
     var seqIndex2 = this.seqIndex, $slots = this.slots, tableCustoms2 = this.tableCustoms, tableData = this.tableData, tableListeners = this.tableListeners, tableLoading = this.tableLoading, tableProps2 = this.tableProps, toolbar = this.toolbar, vSize4 = this.vSize, designConfig = this.designConfig, viewType2 = this.viewType;
@@ -12626,6 +12683,7 @@ var Grid = defineComponent({
       optimization: optimizOpt,
       startIndex: seqIndex2
     });
+    props.tooltipConfig = Object.assign({}, GlobalConfig$1.tooltip || {}, (designConfig == null ? void 0 : designConfig.tooltip) || {}, props.tooltipConfig || {});
     if ((designConfig == null ? void 0 : designConfig.stripe) !== void 0 && !props.stripe) {
       props.stripe = designConfig == null ? void 0 : designConfig.stripe;
     }
@@ -12703,8 +12761,8 @@ var Grid = defineComponent({
       this.tasks.updateParentHeight();
     },
     // 向缓存添加实例
-    connect: function connect2(_ref206) {
-      var name = _ref206.name, vm = _ref206.vm;
+    connect: function connect2(_ref207) {
+      var name = _ref207.name, vm = _ref207.vm;
       if (name && typeof name === "string" && vm) {
         this.vmStore[name] = vm;
       }
@@ -12801,8 +12859,8 @@ var Grid = defineComponent({
 Grid.install = function(Vue) {
   Vue.component(Grid.name, Grid);
 };
-function operArrs(_ref207) {
-  var _vm = _ref207._vm, editStore = _ref207.editStore, newRecords = _ref207.newRecords, newRecordsCopy = _ref207.newRecordsCopy, nowData = _ref207.nowData, row2 = _ref207.row, tableFullData = _ref207.tableFullData, tableSourceData = _ref207.tableSourceData;
+function operArrs(_ref208) {
+  var _vm = _ref208._vm, editStore = _ref208.editStore, newRecords = _ref208.newRecords, newRecordsCopy = _ref208.newRecordsCopy, nowData = _ref208.nowData, row2 = _ref208.row, tableFullData = _ref208.tableFullData, tableSourceData = _ref208.tableSourceData;
   if (row2 === -1) {
     Array.prototype.push.apply(nowData, newRecords);
     Array.prototype.push.apply(tableFullData, newRecords);
@@ -13194,7 +13252,7 @@ var Methods$c = {
       var _editor$attrs;
       this.updateFooter();
       var row22 = args.row, column2 = args.column;
-      var _ref208 = column2 || {}, editor = _ref208.editor;
+      var _ref209 = column2 || {}, editor = _ref209.editor;
       if ((editor == null ? void 0 : editor.component) === "input" && (editor == null ? void 0 : (_editor$attrs = editor.attrs) == null ? void 0 : _editor$attrs.type) === "number") {
         row22[column2.property] = +row22[column2.property];
       }
@@ -13237,7 +13295,7 @@ var Methods$c = {
       inputElem.selectionStart = inputElem.selectionEnd;
       inputElem.type = type;
       inputElem[autoselect ? "select" : "focus"]();
-      if (browser.name !== "ie") {
+      if (browserInfo.name !== "ie") {
         return;
       }
       var textRange = inputElem.createTextRange();
@@ -13315,7 +13373,7 @@ var Methods$c = {
     var _this73 = this;
     var editConfig = this.editConfig, editStore = this.editStore, elemStore = this.elemStore, _this$mouseConfig4 = this.mouseConfig, mouseConfig = _this$mouseConfig4 === void 0 ? {} : _this$mouseConfig4;
     var actived = editStore.actived, selected = editStore.selected;
-    var _ref209 = params || {}, cell = _ref209.cell, column = _ref209.column, row2 = _ref209.row;
+    var _ref210 = params || {}, cell = _ref210.cell, column = _ref210.column, row2 = _ref210.row;
     var selectMethod = function selectMethod2() {
       if (selected.row === row2 && selected.column === column || actived.row === row2 && (editConfig.mode !== "cell" || actived.column === column)) {
         return _this73.$nextTick();
@@ -13495,7 +13553,7 @@ function handleCellMousedownEvent(args1) {
   var $el = args1.$el, _vm = args1._vm, bodyList = args1.bodyList, cell = args1.cell, cellFirstElementChild = args1.cellFirstElementChild;
   var cellLastElementChild = args1.cellLastElementChild, headStart = args1.headStart, headerList = args1.headerList, isIndex = args1.isIndex, startCellNode = args1.startCellNode;
   var _vm$mouseConfig2 = _vm.mouseConfig, mouseConfig = _vm$mouseConfig2 === void 0 ? {} : _vm$mouseConfig2;
-  var _ref210 = mouseConfig || {}, _ref210$updateInterva = _ref210.updateInterval, updateInterval = _ref210$updateInterva === void 0 ? 10 : _ref210$updateInterva;
+  var _ref211 = mouseConfig || {}, _ref211$updateInterva = _ref211.updateInterval, updateInterval = _ref211$updateInterva === void 0 ? 10 : _ref211$updateInterva;
   var oldMousemove = document.onmousemove;
   var oldMouseup = document.onmouseup;
   var updateEvent = function updateEvent2(event) {
@@ -13534,8 +13592,8 @@ function onCellMousedownSelectEditable(args) {
     _vm.handleSelected(params, event);
   }
 }
-function onCellMousedownSelect(_ref211) {
-  var _vm = _ref211._vm, editConfig = _ref211.editConfig, event = _ref211.event, mouseConfig = _ref211.mouseConfig, params = _ref211.params;
+function onCellMousedownSelect(_ref212) {
+  var _vm = _ref212._vm, editConfig = _ref212.editConfig, event = _ref212.event, mouseConfig = _ref212.mouseConfig, params = _ref212.params;
   if (!editConfig && mouseConfig.selected) {
     _vm.handleSelected(params, event);
   }
@@ -13554,8 +13612,8 @@ function onCellMousedownIndexColumn(args) {
     _vm.handleIndexChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(cell)));
   }
 }
-function onCellMousedownNotIndexColumn(_ref212) {
-  var _vm = _ref212._vm, cell = _ref212.cell, column = _ref212.column, event = _ref212.event, headerList = _ref212.headerList, isIndex = _ref212.isIndex, params = _ref212.params;
+function onCellMousedownNotIndexColumn(_ref213) {
+  var _vm = _ref213._vm, cell = _ref213.cell, column = _ref213.column, event = _ref213.event, headerList = _ref213.headerList, isIndex = _ref213.isIndex, params = _ref213.params;
   if (!isIndex) {
     var firstCell = cell.parentNode.firstElementChild;
     _vm.handleSelected(params, event);
@@ -13563,8 +13621,8 @@ function onCellMousedownNotIndexColumn(_ref212) {
     _vm.handleIndexChecked([[firstCell]]);
   }
 }
-function handleHeaderCellMousedownEvent(_ref213) {
-  var $el = _ref213.$el, _vm = _ref213._vm, bodyList = _ref213.bodyList, cell = _ref213.cell, headerList = _ref213.headerList, startCell = _ref213.startCell;
+function handleHeaderCellMousedownEvent(_ref214) {
+  var $el = _ref214.$el, _vm = _ref214._vm, bodyList = _ref214.bodyList, cell = _ref214.cell, headerList = _ref214.headerList, startCell = _ref214.startCell;
   var oldMousemove = document.onmousemove;
   var oldMouseup = document.onmouseup;
   var updateEvent = function updateEvent2(event) {
@@ -13597,8 +13655,8 @@ var removeCellClass = function removeCellClass2(bodyRef, clazz) {
     return removeClass(elem, clazz);
   });
 };
-var getCellIndex = function getCellIndex2(_ref214) {
-  var cell = _ref214.cell, bodyList = _ref214.bodyList;
+var getCellIndex = function getCellIndex2(_ref215) {
+  var cell = _ref215.cell, bodyList = _ref215.bodyList;
   var trElem = cell.parentNode;
   var cIndex = arrayIndexOf(trElem.children, cell);
   var rIndex = arrayIndexOf(bodyList, trElem);
@@ -13607,8 +13665,8 @@ var getCellIndex = function getCellIndex2(_ref214) {
     cIndex
   };
 };
-var getModify = function getModify2(_ref215) {
-  var offsetTop = _ref215.offsetTop, offsetLeft = _ref215.offsetLeft, cWidth = _ref215.cWidth, cHeight = _ref215.cHeight;
+var getModify = function getModify2(_ref216) {
+  var offsetTop = _ref216.offsetTop, offsetLeft = _ref216.offsetLeft, cWidth = _ref216.cWidth, cHeight = _ref216.cHeight;
   var modifyDomStyle = function modifyDomStyle2(dom, styleOptions) {
     return dom && Object.assign(dom.style, styleOptions);
   };
@@ -13635,18 +13693,18 @@ var getModify = function getModify2(_ref215) {
     });
   };
 };
-var writeClipboardText = function writeClipboardText2(_ref216) {
-  var $table = _ref216.$table, columns2 = _ref216.columns, rows = _ref216.rows;
+var writeClipboardText = function writeClipboardText2(_ref217) {
+  var $table = _ref217.$table, columns2 = _ref217.columns, rows = _ref217.rows;
   var _$table$keyboardConfi2 = $table.keyboardConfig, keyboardConfig = _$table$keyboardConfi2 === void 0 ? {} : _$table$keyboardConfi2, isAsyncColumn = $table.isAsyncColumn;
   var _keyboardConfig$clipb = keyboardConfig.clipboard, clipboard = _keyboardConfig$clipb === void 0 ? {} : _keyboardConfig$clipb;
   var writeMethod = clipboard.writeMethod, _clipboard$cellSplit = clipboard.cellSplit, cellSplit = _clipboard$cellSplit === void 0 ? "," : _clipboard$cellSplit, _clipboard$rowSplit = clipboard.rowSplit, rowSplit = _clipboard$rowSplit === void 0 ? ";" : _clipboard$rowSplit;
   var getCellValue2 = function getCellValue22(column, row2) {
     var cellValue = "";
     if (isAsyncColumn) {
-      var _format2 = column.format || {};
-      if (_format2.async === true && _format2.type === "enum") {
+      var format = column.format || {};
+      if (format.async === true && format.type === "enum") {
         cellValue = Formatter.enum.call(column, row2[column.property]);
-      } else if (_format2.async && typeof _format2.async.fetch === "function") {
+      } else if (format.async && typeof format.async.fetch === "function") {
         cellValue = row2[$table.getAsyncColumnName(column.property)];
       } else {
         cellValue = row2[column.property];
@@ -13700,7 +13758,7 @@ var Methods$b = {
     var params = _extends({}, args);
     var columnIndex = visibleColumn.indexOf(params.column);
     var rowIndex = tableData.indexOf(params.row);
-    var _ref217 = {}, targetColumn = _ref217.targetColumn, targetColumnIndex = _ref217.targetColumnIndex, targetRow = _ref217.targetRow, targetRowIndex = _ref217.targetRowIndex;
+    var _ref218 = {}, targetColumn = _ref218.targetColumn, targetColumnIndex = _ref218.targetColumnIndex, targetRow = _ref218.targetRow, targetRowIndex = _ref218.targetRowIndex;
     event.preventDefault();
     var checkColumn = function checkColumn2(column) {
       return !hasIndexColumn2(column) && (edit ? column.editor : true);
@@ -13794,9 +13852,9 @@ var Methods$b = {
     }
   },
   // 可编辑方向键移动处理
-  moveSelected: function moveSelected(_ref218) {
+  moveSelected: function moveSelected(_ref219) {
     var _this75 = this;
-    var args = _ref218.args, isLeftArrow = _ref218.isLeftArrow, isUpArrow = _ref218.isUpArrow, isRightArrow = _ref218.isRightArrow, isDownArrow = _ref218.isDownArrow, event = _ref218.event;
+    var args = _ref219.args, isLeftArrow = _ref219.isLeftArrow, isUpArrow = _ref219.isUpArrow, isRightArrow = _ref219.isRightArrow, isDownArrow = _ref219.isDownArrow, event = _ref219.event;
     var hasIndexColumn2 = this.hasIndexColumn, visibleColumn = this.tableColumn, tableData = this.tableFullData;
     var params = _extends({}, args);
     var column = params.column;
@@ -14014,7 +14072,7 @@ var Methods$b = {
   _getMouseCheckeds: function _getMouseCheckeds() {
     var _this77 = this;
     var _this$editStore$check = this.editStore.checked.rowNodes, rowNodes = _this$editStore$check === void 0 ? [] : _this$editStore$check;
-    var _ref219 = {}, _ref219$rows = _ref219.rows, rows = _ref219$rows === void 0 ? [] : _ref219$rows, _ref219$columns = _ref219.columns, columns2 = _ref219$columns === void 0 ? [] : _ref219$columns;
+    var _ref220 = {}, _ref220$rows = _ref220.rows, rows = _ref220$rows === void 0 ? [] : _ref220$rows, _ref220$columns = _ref220.columns, columns2 = _ref220$columns === void 0 ? [] : _ref220$columns;
     var res = {
       rows,
       columns: columns2,
@@ -14043,7 +14101,7 @@ var Methods$b = {
     if (!mouseConfig || !mouseConfig.checked) {
       return;
     }
-    var _ref220 = {}, cHeight = _ref220.cHeight, cWidth = _ref220.cWidth, offsetLeft = _ref220.offsetLeft, offsetTop = _ref220.offsetTop;
+    var _ref221 = {}, cHeight = _ref221.cHeight, cWidth = _ref221.cWidth, offsetLeft = _ref221.offsetLeft, offsetTop = _ref221.offsetTop;
     cWidth = cHeight = -2;
     offsetTop = offsetLeft = 0;
     this.clearChecked();
@@ -14169,7 +14227,7 @@ var Methods$b = {
     var editStore = this.editStore, tableColumn3 = this.tableColumn, tableData = this.tableData;
     var copyed = editStore.copyed;
     var rowNodes = editStore.checked.rowNodes;
-    var _ref221 = {}, cHeight = _ref221.cHeight, cWidth = _ref221.cWidth, offsetLeft = _ref221.offsetLeft, offsetTop = _ref221.offsetTop, _ref221$rows = _ref221.rows, rows = _ref221$rows === void 0 ? [] : _ref221$rows, _ref221$columns = _ref221.columns, columns2 = _ref221$columns === void 0 ? [] : _ref221$columns;
+    var _ref222 = {}, cHeight = _ref222.cHeight, cWidth = _ref222.cWidth, offsetLeft = _ref222.offsetLeft, offsetTop = _ref222.offsetTop, _ref222$rows = _ref222.rows, rows = _ref222$rows === void 0 ? [] : _ref222$rows, _ref222$columns = _ref222.columns, columns2 = _ref222$columns === void 0 ? [] : _ref222$columns;
     cWidth = cHeight = -3;
     offsetTop = offsetLeft = 0;
     this.clearCopyed();
@@ -14241,7 +14299,6 @@ var Methods$b = {
     var bodyList = elemStore["main-body-list"].children;
     var _getCellIndex = getCellIndex({
       cell,
-      elemStore,
       bodyList
     }), rIndex = _getCellIndex.rIndex, cIndex = _getCellIndex.cIndex;
     var maxIndex = bodyList.length - 1;
@@ -14291,13 +14348,13 @@ function adjustParams(rows, cb, vaildDatas) {
     vaildDatas
   };
 }
-var columnHandler = function columnHandler2(_ref222) {
-  var _vm = _ref222._vm, colValidPromiseArr = _ref222.colValidPromiseArr, editRules = _ref222.editRules, isAll = _ref222.isAll, row2 = _ref222.row, validRest = _ref222.validRest;
+var columnHandler = function columnHandler2(_ref223) {
+  var _vm = _ref223._vm, colValidPromiseArr = _ref223.colValidPromiseArr, editRules = _ref223.editRules, isAll = _ref223.isAll, row2 = _ref223.row, validRest = _ref223.validRest;
   return function(column, columnIndex) {
     if (has(editRules, column.property)) {
       colValidPromiseArr.push(new Promise(function(resolve, reject) {
-        _vm.validCellRules("all", row2, column).then(resolve).catch(function(_ref223) {
-          var rule = _ref223.rule, rules = _ref223.rules;
+        _vm.validCellRules("all", row2, column).then(resolve).catch(function(_ref224) {
+          var rule = _ref224.rule, rules = _ref224.rules;
           var rowIndex = _vm.getRowIndex(row2);
           var rest = {
             rule,
@@ -14321,8 +14378,8 @@ var columnHandler = function columnHandler2(_ref222) {
     }
   };
 };
-function validTree(_ref224) {
-  var treeConfig = _ref224.treeConfig, handleVaild = _ref224.handleVaild, hasTreeExpand2 = _ref224.hasTreeExpand, vaildDatas = _ref224.vaildDatas, treeOpts = _ref224.treeOpts;
+function validTree(_ref225) {
+  var treeConfig = _ref225.treeConfig, handleVaild = _ref225.handleVaild, hasTreeExpand2 = _ref225.hasTreeExpand, vaildDatas = _ref225.vaildDatas, treeOpts = _ref225.treeOpts;
   if (treeConfig.validHidden === false) {
     var _recurValid = function recurValid(row2) {
       var children = row2[treeConfig.children || "children"];
@@ -14336,8 +14393,8 @@ function validTree(_ref224) {
     eachTree(vaildDatas, handleVaild, treeOpts);
   }
 }
-var realValid = function realValid2(_ref225) {
-  var _vm = _ref225._vm, editRules = _ref225.editRules, isAll = _ref225.isAll, validRest = _ref225.validRest, treeConfig = _ref225.treeConfig, hasTreeExpand2 = _ref225.hasTreeExpand, vaildDatas = _ref225.vaildDatas, treeOpts = _ref225.treeOpts;
+var realValid = function realValid2(_ref226) {
+  var _vm = _ref226._vm, editRules = _ref226.editRules, isAll = _ref226.isAll, validRest = _ref226.validRest, treeConfig = _ref226.treeConfig, hasTreeExpand2 = _ref226.hasTreeExpand, vaildDatas = _ref226.vaildDatas, treeOpts = _ref226.treeOpts;
   var rowValids = [];
   var columns2 = _vm.getColumns();
   var handleVaild = function handleVaild2(row2) {
@@ -14389,8 +14446,8 @@ var Rule = /* @__PURE__ */ function() {
 var onRejected = function onRejected2(opt, _this) {
   var isAll = opt.isAll, validRest = opt.validRest, cb = opt.cb, afterFullData = opt.afterFullData, treeConfig = opt.treeConfig;
   return function(params) {
-    var _ref226;
-    var args = isAll ? validRest : (_ref226 = {}, _ref226[params.column.property] = params, _ref226);
+    var _ref227;
+    var args = isAll ? validRest : (_ref227 = {}, _ref227[params.column.property] = params, _ref227);
     var funcFinish = function funcFinish2(args2, reject, resolve) {
       return function() {
         opt.status = false;
@@ -14460,10 +14517,10 @@ var Methods$a = {
   },
   validatePromise: function validatePromise(row2, column, columnIndex, isAll, validRest) {
     var _this80 = this;
-    function onrejected(_ref228) {
-      var _vm = _ref228._vm, reject = _ref228.reject, resolve = _ref228.resolve;
-      return function(_ref229) {
-        var rule = _ref229.rule, rules = _ref229.rules;
+    function onrejected(_ref229) {
+      var _vm = _ref229._vm, reject = _ref229.reject, resolve = _ref229.resolve;
+      return function(_ref230) {
+        var rule = _ref230.rule, rules = _ref230.rules;
         var rest = {
           $table: _vm,
           column,
@@ -14499,7 +14556,7 @@ var Methods$a = {
    */
   beginValidate: function beginValidate(rows, callback, isAll) {
     var afterFullData = this.afterFullData, editRules = this.editRules, hasTreeExpand2 = this.hasTreeExpand, treeConfig = this.treeConfig, treeOpts = this.treeOpts;
-    var _ref230 = {}, _ref230$status = _ref230.status, status = _ref230$status === void 0 ? true : _ref230$status, _ref230$validRest = _ref230.validRest, validRest = _ref230$validRest === void 0 ? {} : _ref230$validRest;
+    var _ref231 = {}, _ref231$status = _ref231.status, status = _ref231$status === void 0 ? true : _ref231$status, _ref231$validRest = _ref231.validRest, validRest = _ref231$validRest === void 0 ? {} : _ref231$validRest;
     var _adjustParams = adjustParams(rows, callback, afterFullData), vaildDatas = _adjustParams.vaildDatas, cb = _adjustParams.cb;
     var opt = {
       isAll,
@@ -14534,11 +14591,12 @@ var Methods$a = {
         return Promise.reject(validRest[ruleKeys[0]][0]);
       }
       cb && cb(opt.status);
+      return opt.status;
     };
     return Promise.all(rowValids).then(onFulfilled).catch(onRejected(opt, this));
   },
-  hasCellRules: function hasCellRules(type, row2, _ref231) {
-    var property = _ref231.property;
+  hasCellRules: function hasCellRules(type, row2, _ref232) {
+    var property = _ref232.property;
     if (!property || !this.editRules) {
       return false;
     }
@@ -14571,7 +14629,7 @@ var Methods$a = {
     var _this81 = this;
     var editRules = this.editRules, rowId = this.rowId;
     var property = column.property;
-    var _ref232 = {}, _ref232$descriptor = _ref232.descriptor, descriptor = _ref232$descriptor === void 0 ? {} : _ref232$descriptor, _ref232$model = _ref232.model, model = _ref232$model === void 0 ? {} : _ref232$model;
+    var _ref233 = {}, _ref233$descriptor = _ref233.descriptor, descriptor = _ref233$descriptor === void 0 ? {} : _ref233$descriptor, _ref233$model = _ref233.model, model = _ref233$model === void 0 ? {} : _ref233$model;
     if (property && editRules) {
       var rules = get(editRules, property);
       var cellValue = isUndefined(defaultValue) ? get(row2, property) : defaultValue;
@@ -14596,8 +14654,8 @@ var Methods$a = {
           column
         }
       };
-      var onRejected3 = function onRejected32(_ref233) {
-        var fields = _ref233.fields;
+      var onRejected3 = function onRejected32(_ref234) {
+        var fields = _ref234.fields;
         var cellErrors = Object.keys(fields).map(function(prop) {
           var rules2 = _descriptor[prop];
           _descriptor[prop] = !rules2.message ? Object.assign(rules2, {
@@ -14649,8 +14707,8 @@ var Methods$a = {
     var onfulfilled = function onfulfilled2() {
       editConfig.mode === "row" && validStore.visible && validStore.row === row2 && validStore.column === column && _this82.clearValidate();
     };
-    var onrejected = function onrejected2(_ref234) {
-      var rule = _ref234.rule;
+    var onrejected = function onrejected2(_ref235) {
+      var rule = _ref235.rule;
       if (rule.trigger && type !== rule.trigger) {
         return Promise.resolve();
       }
@@ -14747,7 +14805,7 @@ var Methods$8 = {
   initFetchOption: function initFetchOption() {
     var _this$fetchData = this.fetchData, fetchData = _this$fetchData === void 0 ? {} : _this$fetchData, _this$dataset = this.dataset, dataset = _this$dataset === void 0 ? {} : _this$dataset;
     if (fetchData.api || dataset.source || dataset.value || dataset.api) {
-      var _ref235 = fetchData || dataset.source || dataset.api || {}, loading = _ref235.loading, fields = _ref235.fields, api = _ref235.api, reloadConfig = _ref235.reloadConfig;
+      var _ref236 = fetchData || dataset.source || dataset.api || {}, loading = _ref236.loading, fields = _ref236.fields, api = _ref236.api, reloadConfig = _ref236.reloadConfig;
       var isReloadFilter = false;
       var isReloadScroll = false;
       if (reloadConfig) {
@@ -14780,7 +14838,7 @@ var Methods$8 = {
       error("ui.grid.error.notQuery");
       return this.$nextTick();
     }
-    var _ref236 = fetchData || dataset.source || dataset.api || {}, args = _ref236.args, loading = _ref236.loading;
+    var _ref237 = fetchData || dataset.source || dataset.api || {}, args = _ref237.args, loading = _ref237.loading;
     var field = sortData.field, order = sortData.order, prop = sortData.prop, property = sortData.property;
     var sortByData = {
       field,
@@ -14888,8 +14946,8 @@ var Methods$7 = {
     }
   },
   // 表格内置分页渲染器
-  renderPager: function renderPager(_ref237) {
-    var $slots = _ref237.$slots, _vm = _ref237._vm, loading = _ref237.loading, pager = _ref237.pager, pagerConfig = _ref237.pagerConfig, tableLoading = _ref237.tableLoading, vSize4 = _ref237.vSize;
+  renderPager: function renderPager(_ref238) {
+    var $slots = _ref238.$slots, _vm = _ref238._vm, loading = _ref238.loading, pager = _ref238.pager, pagerConfig = _ref238.pagerConfig, tableLoading = _ref238.tableLoading, vSize4 = _ref238.vSize;
     var res = null;
     var isThemeSaas3 = _vm.isThemeSaas, isModeMobileFirst2 = _vm.isModeMobileFirst, isViewGantt2 = _vm.isViewGantt, currentBreakpoint = _vm.currentBreakpoint, fetchData = _vm.fetchData, isViewCustom2 = _vm.isViewCustom;
     var style = {
@@ -14996,8 +15054,8 @@ var Pager = {
     Object.assign(host.methods, Methods$7);
   }
 };
-function setBodyRecords(_ref238) {
-  var body = _ref238.body, insertRecords = _ref238.insertRecords, pendingRecords = _ref238.pendingRecords;
+function setBodyRecords(_ref239) {
+  var body = _ref239.body, insertRecords = _ref239.insertRecords, pendingRecords = _ref239.pendingRecords;
   if (insertRecords.length) {
     body.pendingRecords = pendingRecords.filter(function(row2) {
       return !insertRecords.includes(row2);
@@ -15012,8 +15070,8 @@ function setBodyRecords(_ref238) {
 function canInvokeSaveDataApi(body, removeRecords, updateRecords) {
   return body.insertRecords.length || removeRecords.length || updateRecords.length || body.pendingRecords.length;
 }
-function doRemoveOrShowMsg(_ref239) {
-  var _vm = _ref239._vm, canInvoke = _ref239.canInvoke, code = _ref239.code, isMsg2 = _ref239.isMsg, pendingRecords = _ref239.pendingRecords, resolve = _ref239.resolve, valid = _ref239.valid;
+function doRemoveOrShowMsg(_ref240) {
+  var _vm = _ref240._vm, canInvoke = _ref240.canInvoke, code = _ref240.code, isMsg2 = _ref240.isMsg, pendingRecords = _ref240.pendingRecords, resolve = _ref240.resolve, valid = _ref240.valid;
   if (valid && !canInvoke) {
     if (isMsg2) {
       if (pendingRecords.length) {
@@ -15029,8 +15087,8 @@ function doRemoveOrShowMsg(_ref239) {
     resolve();
   }
 }
-function invokeSaveDataApi(_ref240) {
-  var _vm = _ref240._vm, args = _ref240.args, body = _ref240.body, code = _ref240.code, removeRecords = _ref240.removeRecords, resolve = _ref240.resolve, saveData = _ref240.saveData, updateRecords = _ref240.updateRecords, valid = _ref240.valid;
+function invokeSaveDataApi(_ref241) {
+  var _vm = _ref241._vm, args = _ref241.args, body = _ref241.body, code = _ref241.code, removeRecords = _ref241.removeRecords, resolve = _ref241.resolve, saveData = _ref241.saveData, updateRecords = _ref241.updateRecords, valid = _ref241.valid;
   var canInvoke = false;
   if (valid) {
     canInvoke = canInvokeSaveDataApi(body, removeRecords, updateRecords);
@@ -15057,8 +15115,8 @@ function invokeSaveDataApi(_ref240) {
 }
 var Methods$6 = {
   // 表格工具栏渲染器
-  getRenderedToolbar: function getRenderedToolbar(_ref241) {
-    var $slots = _ref241.$slots, _vm = _ref241._vm, loading = _ref241.loading, tableLoading = _ref241.tableLoading, toolbar = _ref241.toolbar;
+  getRenderedToolbar: function getRenderedToolbar(_ref242) {
+    var $slots = _ref242.$slots, _vm = _ref242._vm, loading = _ref242.loading, tableLoading = _ref242.tableLoading, toolbar = _ref242.toolbar;
     return _vm.renderedToolbar = function() {
       var res = null;
       if ($slots.toolbar) {
@@ -15160,9 +15218,9 @@ var Methods$6 = {
     };
     this.remove(selecteds).then(afterRemove);
   },
-  handleFullScreen: function handleFullScreen(_ref242) {
+  handleFullScreen: function handleFullScreen(_ref243) {
     var _this90 = this;
-    var show2 = _ref242[0];
+    var show2 = _ref243[0];
     this.fullScreenClass = show2 ? "tiny-fullscreen-full" : "";
     this.$nextTick(function() {
       _this90.recalculate(true);
@@ -15179,8 +15237,8 @@ var Methods$6 = {
     if (code === "insert") {
       this.insert();
     } else if (code === "insert_actived") {
-      this.insert().then(function(_ref243) {
-        var row2 = _ref243.row;
+      this.insert().then(function(_ref244) {
+        var row2 = _ref244.row;
         return _this91.setActiveRow(row2);
       });
     } else if (code === "mark_cancel") {
@@ -15267,7 +15325,7 @@ var Methods$6 = {
       });
     }
     if (selecteds.length) {
-      var _ref244 = {}, _ref244$plus = _ref244.plus, plus = _ref244$plus === void 0 ? [] : _ref244$plus, _ref244$minus = _ref244.minus, minus = _ref244$minus === void 0 ? [] : _ref244$minus, tmp = _ref244.tmp;
+      var _ref245 = {}, _ref245$plus = _ref245.plus, plus = _ref245$plus === void 0 ? [] : _ref245$plus, _ref245$minus = _ref245.minus, minus = _ref245$minus === void 0 ? [] : _ref245$minus, tmp = _ref245.tmp;
       selecteds.forEach(function(data8) {
         var selectedPending = pendings.includes(data8);
         tmp = selectedPending ? minus : plus;
@@ -15290,8 +15348,8 @@ var Toolbar = {
 };
 var Methods$5 = {
   renderColumnAnchor: function renderColumnAnchor(params, _vm) {
-    var _ref245 = params || {}, _ref245$anchors = _ref245.anchors, anchors = _ref245$anchors === void 0 ? [] : _ref245$anchors, _ref245$action = _ref245.action, action = _ref245$action === void 0 ? function() {
-    } : _ref245$action;
+    var _ref246 = params || {}, _ref246$anchors = _ref246.anchors, anchors = _ref246$anchors === void 0 ? [] : _ref246$anchors, _ref246$action = _ref246.action, action = _ref246$action === void 0 ? function() {
+    } : _ref246$action;
     var viewType2 = _vm.viewType;
     return h("div", {
       class: ["tiny-grid__column-anchor", _vm.viewCls("columnAnchor")],
@@ -15299,9 +15357,9 @@ var Methods$5 = {
       key: _vm.columnAnchorKey,
       ref: "tinyGridColumnAnchor"
     }, anchors.map(function(anchor) {
-      var _anchor$active = anchor.active, active = _anchor$active === void 0 ? false : _anchor$active, _anchor$label = anchor.label, label = _anchor$label === void 0 ? "" : _anchor$label, _anchor$field = anchor.field, field = _anchor$field === void 0 ? "" : _anchor$field, render18 = anchor.render;
-      if (typeof render18 === "function") {
-        return render18({
+      var _anchor$active = anchor.active, active = _anchor$active === void 0 ? false : _anchor$active, _anchor$label = anchor.label, label = _anchor$label === void 0 ? "" : _anchor$label, _anchor$field = anchor.field, field = _anchor$field === void 0 ? "" : _anchor$field, render19 = anchor.render;
+      if (typeof render19 === "function") {
+        return render19({
           h,
           anchor,
           action
@@ -15326,8 +15384,8 @@ var Methods$5 = {
       }, [iconVnode, spanVnode]);
     }));
   },
-  buildColumnAnchor: function buildColumnAnchor(_ref246) {
-    var property = _ref246.property, label = _ref246.label, anchors = _ref246.anchors, activeAnchor = _ref246.activeAnchor;
+  buildColumnAnchor: function buildColumnAnchor(_ref247) {
+    var property = _ref247.property, label = _ref247.label, anchors = _ref247.anchors, activeAnchor = _ref247.activeAnchor;
     var visibleColumn = this.getColumns();
     var column = visibleColumn.find(function(col) {
       return !col.type && col.property === property;
@@ -15415,8 +15473,8 @@ var Methods$5 = {
       });
     });
   },
-  anchorAction: function anchorAction(_ref247) {
-    var field = _ref247.field, anchors = _ref247.anchors, _vm = _ref247._vm;
+  anchorAction: function anchorAction(_ref248) {
+    var field = _ref248.field, anchors = _ref248.anchors, _vm = _ref248._vm;
     var fromAnchor = anchors.find(function(anchor) {
       return anchor.active;
     });
@@ -15462,23 +15520,6 @@ var ColumnAnchor = {
     Object.assign(host.methods, Methods$5);
   }
 };
-function handleIfScrollYLoadTruthy(_ref248) {
-  var isScrollYLoad = _ref248.isScrollYLoad, _vm = _ref248._vm, selfRow = _ref248.selfRow, prevTrElem = _ref248.prevTrElem, targetTrElem = _ref248.targetTrElem;
-  if (!isScrollYLoad) {
-    return;
-  }
-  var actIndex = _vm.tableFullData.indexOf(selfRow);
-  _vm.tableFullData.splice(actIndex, 1);
-  if (prevTrElem) {
-    var prevRow = _vm.getRowNode(prevTrElem).item;
-    var parentIdx = _vm.tableFullData.indexOf(prevRow);
-    var sleftIdx = _vm.tableFullData.indexOf(selfRow);
-    _vm.tableFullData.splice(parentIdx + (sleftIdx < parentIdx ? 1 : 0), 0, selfRow);
-  } else {
-    _vm.tableFullData.unshift(selfRow);
-  }
-  targetTrElem.remove();
-}
 var createHandlerOnEnd = function createHandlerOnEnd2(_ref249) {
   var _vm = _ref249._vm, refresh = _ref249.refresh;
   return function(event) {
@@ -15490,49 +15531,41 @@ var createHandlerOnEnd = function createHandlerOnEnd2(_ref249) {
       children: (_vm.treeConfig || {}).children || "children"
     };
     var targetTrElem = event.item;
-    var wrapperElem = targetTrElem.parentNode, prevTrElem = targetTrElem.previousElementSibling;
+    var wrapperElem = targetTrElem.parentNode, prevEl = targetTrElem.previousElementSibling, nextEl = targetTrElem.nextElementSibling;
+    var prevTrElem = prevEl && prevEl.classList.contains("tiny-grid-body__row") ? prevEl : prevEl && prevEl.previousElementSibling;
     var tableTreeData = _vm.data || _vm.tableData;
     var selfRow = _vm.getRowNode(targetTrElem).item;
     var selfNode = findTree$1(tableTreeData, function(row2) {
       return row2 === selfRow;
     }, options);
-    var isScrollYLoad = _vm.scrollYLoad;
-    if (!isScrollYLoad) {
-      if (prevTrElem) {
-        var prevRow = _vm.getRowNode(prevTrElem).item;
-        var prevNode = findTree$1(tableTreeData, function(row2) {
-          return row2 === prevRow;
-        }, options);
-        if (findTree$1(selfRow[options.children], function(row2) {
-          return prevRow === row2;
-        }, options)) {
-          var oldTrElem = wrapperElem.children[event.oldIndex];
-          wrapperElem.insertBefore(targetTrElem, oldTrElem);
-          return Modal$1.message({
-            message: GlobalConfig$1.i18n("ui.grid.error.notAllowDragSelf"),
-            status: "error"
-          });
-        }
-        var currRow = selfNode.items.splice(selfNode.index, 1)[0];
-        if (_vm.hasTreeExpand(prevRow)) {
-          prevRow[options.children].splice(0, 0, currRow);
-        } else {
-          prevNode.items.splice(prevNode.index + (selfNode.index < prevNode.index ? 0 : 1), 0, currRow);
-          prevNode.items = [].concat(prevNode.items);
-        }
+    selfRow._isDraging = true;
+    if (prevTrElem) {
+      var prevRow = _vm.getRowNode(prevTrElem).item;
+      var prevNode = findTree$1(tableTreeData, function(row2) {
+        return row2 === prevRow;
+      }, options);
+      if (findTree$1(selfRow[options.children], function(row2) {
+        return prevRow === row2;
+      }, options)) {
+        var oldTrElem = wrapperElem.children[event.oldIndex];
+        wrapperElem.insertBefore(targetTrElem, oldTrElem);
+        return Modal$1.message({
+          message: GlobalConfig$1.i18n("ui.grid.error.notAllowDragSelf"),
+          status: "error"
+        });
+      }
+      var currRow = selfNode.items.splice(selfNode.index, 1)[0];
+      if (_vm.hasTreeExpand(prevRow)) {
+        prevRow[options.children].splice(0, 0, currRow);
       } else {
-        var _currRow = selfNode.items.splice(selfNode.index, 1)[0];
-        tableTreeData.unshift(_currRow);
-        _vm.tableFullData = [].concat(tableTreeData);
+        prevNode.items.splice(prevNode.index + (selfNode.index < prevNode.index ? 0 : 1), 0, currRow);
+        prevNode.items = [].concat(prevNode.items);
       }
+    } else if (nextEl && nextEl.classList.contains("tiny-grid-body__row")) {
+      var _currRow = selfNode.items.splice(selfNode.index, 1)[0];
+      tableTreeData.unshift(_currRow);
+      _vm.tableFullData = [].concat(tableTreeData);
     }
-    handleIfScrollYLoadTruthy({
-      isScrollYLoad,
-      _vm,
-      selfRow,
-      prevTrElem,
-      targetTrElem
-    });
     _vm.$emit("row-drop-end", event, _vm, _vm.scrollYLoad ? tableTreeData : _vm.tableFullData);
     refresh && _vm.data && !isVue2 && _vm.refreshData(_vm.data);
   };
@@ -15721,7 +15754,7 @@ var Methods$2 = {
     }
     var tooltip = this.$refs.tooltip;
     var wrapperElem = cell;
-    var content = cell.innerText.trim() || cell.textContent.trim();
+    var content = cell.innerText.trim();
     var contentMethod = this.tooltipConfig.contentMethod;
     var range = createTooltipRange({
       _vm: this,
@@ -15731,7 +15764,10 @@ var Methods$2 = {
     });
     var rangeWidth = range.getBoundingClientRect().width;
     var padding = (parseInt(getStyle(cell, "paddingLeft"), 10) || 0) + (parseInt(getStyle(cell, "paddingRight"), 10) || 0);
-    var isOverflow = rangeWidth + padding > cell.offsetWidth || wrapperElem.scrollWidth > wrapperElem.clientWidth;
+    var isOverflow = (
+      // 浏览器缩放情况下，会存在细微的像素无法，因此设置0.1像素作为误差量
+      rangeWidth + padding > cell.getBoundingClientRect().width + 0.1 || wrapperElem.scrollWidth > wrapperElem.clientWidth
+    );
     if ((contentMethod || content) && (showTip || isOverflow)) {
       Object.assign(this.tooltipStore, {
         row: row2,
@@ -16130,10 +16166,8 @@ function hasNoCheckFieldNoStrictly(_ref267) {
       afterFullData,
       checkMethod,
       checkStrictly,
-      property,
       selectRows,
       selection,
-      treeConfig,
       value
     });
   }
@@ -16593,6 +16627,9 @@ var Methods = {
     return this.$nextTick().then(function() {
       return hasExpand ? _this98.recalculate() : 0;
     });
+  },
+  getTreeExpandeds: function getTreeExpandeds() {
+    return this.treeExpandeds;
   }
 };
 var Tree = {
@@ -16601,7 +16638,7 @@ var Tree = {
     Object.assign(host.methods, Methods);
   }
 };
-var version = "3.21.0";
+var version = "3.undefined";
 var plugins = [Panel, Edit, Export, Keyboard, Validator, Resize, Panel$1, FetchData, Pager, Toolbar, ColumnAnchor, Dragger, Sort, Tooltip, Checkbox, Tree];
 Grid$1.setup({
   i18n: t