@opentinyvue/vue-grid 3.25.0 → 3.27.0

package/lib/index.js

@@ -1,7 +1,7 @@
 import { t } from '@opentinyvue/vue-locale';
 import '@opentinyvue/vue-theme/grid/index.css';
 import { Interceptor, StoreMap } from '@opentinyvue/vue-renderless/grid/core';
-import { debounce, PopupManager, PopperJS, extend, browserInfo, isObject, isEmptyObject, isServer, throttle, addClass, removeClass, getDataset, random, isNull, fastdom, toDecimal, 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, callInterceptor, hasClass } from '@opentinyvue/utils';
+import { debounce, PopupManager, PopperJS, extend, browserInfo, isObject, isEmptyObject, isServer, throttle, addClass, removeClass, getDataset, random, isNull, getActualTarget, fastdom, toDecimal, 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, callInterceptor, hasClass } from '@opentinyvue/utils';
 import { iconError, iconSortTriangleDescending, iconSortTriangleAscending, iconSortTriangle, iconUnfilter, iconEdit, iconConmentRefresh, iconMinscreen, iconFullscreen, iconSetting, iconChevronRight, iconChevronDown, iconGridNoData, iconRadio, iconRadioselected, iconSearch, iconCheckedSur, iconCheck, iconHalfselect, iconArrowBottom, IconEllipsis, iconClose, iconYes, iconExpand, iconPutAway, iconEllipsis, iconMarkOn } from '@opentinyvue/vue-icon';
 import { $prefix, hooks, defineComponent, h, $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, clone, clear, destructuring, mapTree, has, isUndefined, find as find$1, isEqual, filterTree, arrayEach, isNumber, findTree as findTree$1, sum, template, assign, objectMap, eachTree, sortBy, isString, remove, toStringJSON, toArray, arrayIndexOf } from '@opentinyvue/vue-renderless/grid/static/';
@@ -84,7 +84,7 @@ function _regenerator() {
   var e, t2, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag";
   function i(r2, n2, o2, i2) {
     var c2 = n2 && n2.prototype instanceof Generator ? n2 : Generator, u2 = Object.create(c2.prototype);
-    return _regeneratorDefine2(u2, "_invoke", function(r3, n3, o3) {
+    return _regeneratorDefine2(u2, "_invoke", (function(r3, n3, o3) {
       var i3, c3, u3, f2 = 0, p = o3 || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d2(t3, r4) {
         return i3 = t3, c3 = 0, u3 = e, G.n = r4, a;
       } };
@@ -117,7 +117,7 @@ function _regenerator() {
         }
         return { value: t2, done: y };
       };
-    }(r2, o2, i2), true), u2;
+    })(r2, o2, i2), true), u2;
   }
   var a = {};
   function Generator() {
@@ -149,15 +149,12 @@ function _regeneratorDefine2(e, r, n, t2) {
     i = 0;
   }
   _regeneratorDefine2 = function _regeneratorDefine(e2, r2, n2, t3) {
-    if (r2) i ? i(e2, r2, { value: n2, enumerable: !t3, configurable: !t3, writable: !t3 }) : e2[r2] = n2;
-    else {
-      var o = function o2(r3, n3) {
-        _regeneratorDefine2(e2, r3, function(e3) {
-          return this._invoke(r3, n3, e3);
-        });
-      };
-      o("next", 0), o("throw", 1), o("return", 2);
+    function o(r3, n3) {
+      _regeneratorDefine2(e2, r3, function(e3) {
+        return this._invoke(r3, n3, e3);
+      });
     }
+    r2 ? i ? i(e2, r2, { value: n2, enumerable: !t3, configurable: !t3, writable: !t3 }) : e2[r2] = n2 : (o("next", 0), o("throw", 1), o("return", 2));
   }, _regeneratorDefine2(e, r, n, t2);
 }
 function asyncGeneratorStep(n, t2, e, r, o, a, c) {
@@ -228,12 +225,14 @@ function _extends() {
 var GlobalConfig$1 = {
   validConfig: {
     message: "tooltip",
+    highlightError: false,
     icon: iconError()
   },
   editConfig: {
     trigger: "click",
     mode: "cell",
-    showStatus: true
+    showStatus: true,
+    validateOnActive: true
   },
   // 默认开启点击头部单元格触发排序
   sortConfig: {
@@ -645,8 +644,8 @@ function defaultFilterRender(h2, renderOpts, params, context) {
 function defaultFilterMethod(_ref2) {
   var option = _ref2.option, row2 = _ref2.row, column = _ref2.column;
   var cellValue = get(row2, column.property);
-  var data6 = option.data;
-  return cellValue == data6;
+  var data7 = option.data;
+  return cellValue == data7;
 }
 function renderSelectEdit(h2, renderOpts, params, context) {
   var column = params.column, $table = params.$table, row2 = params.row;
@@ -856,10 +855,10 @@ var Formatter = {
       label: "label",
       value: "value"
     }, this.own.formatConfig);
-    var data6 = Array.isArray(format2.data) && find$1(format2.data, function(item) {
+    var data7 = Array.isArray(format2.data) && find$1(format2.data, function(item) {
       return item[format2.value] === value;
     });
-    return data6 ? data6[format2.label] : "";
+    return data7 ? data7[format2.label] : "";
   },
   select: function select(cellValue) {
     var _this$editor = this.editor, options = _this$editor.options, optionGroups = _this$editor.optionGroups, _this$editor$optionPr = _this$editor.optionProps, optionProps = _this$editor$optionPr === void 0 ? {} : _this$editor$optionPr, _this$editor$optionGr = _this$editor.optionGroupProps, optionGroupProps = _this$editor$optionGr === void 0 ? {} : _this$editor$optionGr;
@@ -1781,9 +1780,9 @@ var _getTreeLength = function getTreeLength(tree, childrenKey) {
   return length;
 };
 var getTiledLength = function getTiledLength2(props) {
-  var data6 = props.data || [];
+  var data7 = props.data || [];
   var _ref14 = props.treeConfig || {}, childrenKey = _ref14.children;
-  return props.treeConfig ? _getTreeLength(data6, childrenKey) : data6.length;
+  return props.treeConfig ? _getTreeLength(data7, childrenKey) : data7.length;
 };
 var useData = function useData2(props) {
   var _hooks$getCurrentInst3;
@@ -1999,6 +1998,38 @@ var getEventParams = function getEventParams2(_ref17, $table) {
 var isOperateMouse = function isOperateMouse2($table) {
   return $table._isResize || $table.lastScrollTime && Date.now() < $table.lastScrollTime + $table.optimizeOpts.delayHover;
 };
+var hideAlignLines = function hideAlignLines2($table, cell) {
+  var _$table$mouseConfig;
+  if (!((_$table$mouseConfig = $table.mouseConfig) != null && _$table$mouseConfig.hover) || cell) {
+    return;
+  }
+  var xBar = $table.elemStore["main-body-alignXBar"];
+  var yBar = $table.elemStore["main-body-alignYBar"];
+  if (xBar) {
+    xBar.style.display = "none";
+  }
+  if (yBar) {
+    yBar.style.display = "none";
+  }
+};
+var showAlignLines = function showAlignLines2($table, cell) {
+  var _$table$mouseConfig2;
+  if (!((_$table$mouseConfig2 = $table.mouseConfig) != null && _$table$mouseConfig2.hover)) {
+    return;
+  }
+  var xBar = $table.elemStore["main-body-alignXBar"];
+  var yBar = $table.elemStore["main-body-alignYBar"];
+  if (xBar) {
+    xBar.style.display = "block";
+    xBar.style.top = cell.offsetTop - 1 + "px";
+    xBar.style.setProperty("--after-top-offset", cell.offsetHeight + "px");
+  }
+  if (yBar) {
+    yBar.style.display = "block";
+    yBar.style.left = cell.offsetLeft - 1 + "px";
+    yBar.style.setProperty("--after-left-offset", cell.offsetWidth + "px");
+  }
+};
 var useCellEvent = function useCellEvent2(_ref21) {
   var table = _ref21.table, $table = _ref21.$table;
   var isBound = false;
@@ -2046,7 +2077,7 @@ var useCellEvent = function useCellEvent2(_ref21) {
     var source = getEventSource(e, $table);
     if (source) {
       var params = getEventParams(source, $table);
-      var _$table$mouseConfig = $table.mouseConfig, mouseConfig = _$table$mouseConfig === void 0 ? {} : _$table$mouseConfig;
+      var _$table$mouseConfig3 = $table.mouseConfig, mouseConfig = _$table$mouseConfig3 === void 0 ? {} : _$table$mouseConfig3;
       if (source.part === "header" && mouseConfig.checked) {
         $table.triggerHeaderCellMousedownEvent(e, params);
       }
@@ -2064,7 +2095,7 @@ var useCellEvent = function useCellEvent2(_ref21) {
       var satisfy = function satisfy2(equal, trigger2) {
         return trigger2 === "row" || equal(column) && trigger2 === "cell";
       };
-      var editConfig = $table.editConfig, _$table$expandConfig = $table.expandConfig, expandConfig = _$table$expandConfig === void 0 ? {} : _$table$expandConfig, highlightCurrentColumn = $table.highlightCurrentColumn, highlightCurrentRow = $table.highlightCurrentRow, _$table$mouseConfig2 = $table.mouseConfig, mouseConfig = _$table$mouseConfig2 === void 0 ? {} : _$table$mouseConfig2, _$table$radioConfig = $table.radioConfig, radioConfig = _$table$radioConfig === void 0 ? {} : _$table$radioConfig, _$table$selectConfig = $table.selectConfig, selectConfig = _$table$selectConfig === void 0 ? {} : _$table$selectConfig, sortOpts2 = $table.sortOpts, tableListeners = $table.tableListeners, _$table$treeConfig = $table.treeConfig, treeConfig = _$table$treeConfig === void 0 ? {} : _$table$treeConfig;
+      var editConfig = $table.editConfig, _$table$expandConfig = $table.expandConfig, expandConfig = _$table$expandConfig === void 0 ? {} : _$table$expandConfig, highlightCurrentColumn = $table.highlightCurrentColumn, highlightCurrentRow = $table.highlightCurrentRow, _$table$mouseConfig4 = $table.mouseConfig, mouseConfig = _$table$mouseConfig4 === void 0 ? {} : _$table$mouseConfig4, _$table$radioConfig = $table.radioConfig, radioConfig = _$table$radioConfig === void 0 ? {} : _$table$radioConfig, _$table$selectConfig = $table.selectConfig, selectConfig = _$table$selectConfig === void 0 ? {} : _$table$selectConfig, sortOpts2 = $table.sortOpts, tableListeners = $table.tableListeners, _$table$treeConfig = $table.treeConfig, treeConfig = _$table$treeConfig === void 0 ? {} : _$table$treeConfig;
       if (source.part === "header" && (highlightCurrentColumn || tableListeners["header-cell-click"] || mouseConfig.checked || sortOpts2.trigger === "cell")) {
         $table.triggerHeaderCellClickEvent(e, params);
       }
@@ -2196,6 +2227,7 @@ var useCellEvent = function useCellEvent2(_ref21) {
         if (tableListeners["cell-mouseleave"]) {
           emitEvent($table, "cell-mouseleave", [params, e]);
         }
+        hideAlignLines($table, curCell);
       }
     }
     if (curCell) {
@@ -2205,6 +2237,7 @@ var useCellEvent = function useCellEvent2(_ref21) {
         if (tableListeners["cell-mouseenter"]) {
           emitEvent($table, "cell-mouseenter", [_params, _e]);
         }
+        showAlignLines($table, curCell);
       }
     }
   });
@@ -2401,7 +2434,7 @@ var doSpan = function doSpan2(_ref31) {
   attrs.visible = rowspan > 0 && colspan > 0;
 };
 var rowSpanMethod = function rowSpanMethod2(rowSpan, _ref33) {
-  var row2 = _ref33.row, $rowIndex = _ref33.$rowIndex, column = _ref33.column, data6 = _ref33.data;
+  var row2 = _ref33.row, $rowIndex = _ref33.$rowIndex, column = _ref33.column, data7 = _ref33.data;
   var fields = [];
   if (column.visible && rowSpan) {
     rowSpan.forEach(function(item) {
@@ -2409,8 +2442,8 @@ var rowSpanMethod = function rowSpanMethod2(rowSpan, _ref33) {
     });
     var cellVal = row2[column.property];
     if (cellVal && fields.includes(column.property)) {
-      var prevSiblingRow = data6[$rowIndex - 1];
-      var nextSiblingRow = data6[$rowIndex + 1];
+      var prevSiblingRow = data7[$rowIndex - 1];
+      var nextSiblingRow = data7[$rowIndex + 1];
       if ((prevSiblingRow == null ? void 0 : prevSiblingRow[column.property]) === cellVal) {
         return {
           rowspan: 0,
@@ -2420,7 +2453,7 @@ var rowSpanMethod = function rowSpanMethod2(rowSpan, _ref33) {
         var rowspanCount = 1;
         while (((_nextSiblingRow = nextSiblingRow) == null ? void 0 : _nextSiblingRow[column.property]) === cellVal) {
           var _nextSiblingRow;
-          nextSiblingRow = data6[++rowspanCount + $rowIndex];
+          nextSiblingRow = data7[++rowspanCount + $rowIndex];
         }
         if (rowspanCount > 1) {
           return {
@@ -2745,7 +2778,7 @@ function renderColumn(_ref39) {
     row: row2,
     column
   } : _ref40$params;
-  var isMessageDefault = validOpts2.isMessageDefault, isMessageInline = validOpts2.isMessageInline;
+  var isMessageDefault = validOpts2.isMessageDefault, isMessageInline = validOpts2.isMessageInline, highlightError = validOpts2.highlightError;
   var actived = editStore.actived;
   var validated = validatedMap[column.id + "-" + row2[rowId]];
   var validError = validStore.row === row2 && validStore.column === column;
@@ -2772,7 +2805,7 @@ function renderColumn(_ref39) {
     "data-colindex": $columnIndex,
     "rowspan": attrs.rowspan > 1 ? attrs.rowspan : void 0,
     "colspan": attrs.colspan > 1 ? attrs.colspan : void 0,
-    "class": ["tiny-grid-body__column", column.id, (_ref41 = {}, _ref41["col__" + cellAlign] = cellAlign, _ref41["col__edit"] = editor, _ref41["col__index"] = column.type === "index", _ref41["col__radio"] = column.type === "radio", _ref41["col__selection"] = column.type === "selection", _ref41["col__ellipsis"] = cellOverflowHint, _ref41["edit__visible"] = editor && editor.type === "visible", _ref41["col__dirty"] = isDirty, _ref41["col__actived"] = columnActived, _ref41["col__valid-error"] = validError && validated, _ref41["col__valid-success"] = columnActived ? !validError && !validated : isDirty && !validated, _ref41["col__treenode"] = column.treeNode, _ref41), getClass(className, params), getClass(cellClassName, params), getFixedClass(column, $table), attrs._stickyClass || ""]
+    "class": ["tiny-grid-body__column", column.id, (_ref41 = {}, _ref41["col__" + cellAlign] = cellAlign, _ref41["col__edit"] = editor, _ref41["col__index"] = column.type === "index", _ref41["col__radio"] = column.type === "radio", _ref41["col__selection"] = column.type === "selection", _ref41["col__ellipsis"] = cellOverflowHint, _ref41["edit__visible"] = editor && editor.type === "visible", _ref41["col__dirty"] = isDirty, _ref41["col__actived"] = columnActived, _ref41["col__highlight-error"] = highlightError && validated, _ref41["col__valid-error"] = validError && validated, _ref41["col__valid-success"] = columnActived ? !validError && !validated : isDirty && !validated, _ref41["col__treenode"] = column.treeNode, _ref41), getClass(className, params), getClass(cellClassName, params), getFixedClass(column, $table), attrs._stickyClass || ""]
   }, [[
     // 行拖拽手柄
     dropConfig.rowHandle === "index" && column.type === "index" ? createVNode("div", {
@@ -2805,7 +2838,7 @@ function renderHeaderRows(_vm) {
   var $table = _vm.$parent, headerTable = _vm.headerTable;
   var headerCellClassName = $table.headerCellClassName, headerRowClassName = $table.headerRowClassName, headerSuffixIconAbsolute = $table.headerSuffixIconAbsolute;
   var allAlign = $table.align, border = $table.border, allHeaderAlign = $table.headerAlign, resizable = $table.resizable;
-  var editConfig = $table.editConfig, operationColumnResizable = $table.operationColumnResizable, _$table$mouseConfig3 = $table.mouseConfig, mouseConfig = _$table$mouseConfig3 === void 0 ? {} : _$table$mouseConfig3, _$table$dropConfig2 = $table.dropConfig, dropConfig = _$table$dropConfig2 === void 0 ? {} : _$table$dropConfig2;
+  var editConfig = $table.editConfig, operationColumnResizable = $table.operationColumnResizable, _$table$mouseConfig5 = $table.mouseConfig, mouseConfig = _$table$mouseConfig5 === void 0 ? {} : _$table$mouseConfig5, _$table$dropConfig2 = $table.dropConfig, dropConfig = _$table$dropConfig2 === void 0 ? {} : _$table$dropConfig2;
   return headerTable.map(function(cols, $rowIndex) {
     return createVNode("tr", {
       "data-rowindex": $rowIndex,
@@ -2946,8 +2979,12 @@ function renderRows(_vm) {
     value: 0
   };
   var $seq = "";
-  rowPool.forEach(function(_ref48, $rowIndex) {
-    var id3 = _ref48.id, _ref48$item = _ref48.item, row2 = _ref48$item.payload, rowLevel = _ref48$item.level, used = _ref48.used;
+  var lastVisibleIndex = rowPool.findLastIndex(function(_ref48) {
+    var used = _ref48.used;
+    return Boolean(used);
+  });
+  rowPool.forEach(function(_ref49, $rowIndex) {
+    var id3 = _ref49.id, _ref49$item = _ref49.item, row2 = _ref49$item.payload, rowLevel = _ref49$item.level, used = _ref49.used;
     var rowActived = editConfig && actived.row === row2;
     var virtualRow = isVirtualRow(row2);
     var isSkipRowRender = hideMethod && hideMethod(row2, rowLevel) || virtualRow;
@@ -2984,7 +3021,8 @@ function renderRows(_vm) {
       isSkipRowRender,
       row: row2,
       rowActived,
-      rowClassName
+      rowClassName,
+      lastVisibleIndex
     };
     Object.assign(args, {
       rowIndex,
@@ -3066,8 +3104,8 @@ function renderRowExpanded(args) {
     }
   }
 }
-function renderRowAfter(_ref49) {
-  var $table = _ref49.$table, _vm = _ref49._vm, row2 = _ref49.row, rowIndex = _ref49.rowIndex, rows = _ref49.rows, id3 = _ref49.id, used = _ref49.used;
+function renderRowAfter(_ref50) {
+  var $table = _ref50.$table, _vm = _ref50._vm, row2 = _ref50.row, rowIndex = _ref50.rowIndex, rows = _ref50.rows, id3 = _ref50.id, used = _ref50.used;
   typeof $table.renderRowAfter === "function" && $table.renderRowAfter({
     rows,
     row: row2,
@@ -3079,9 +3117,9 @@ function renderRowAfter(_ref49) {
   }, h);
 }
 function renderRow(args) {
-  var _ref50;
+  var _ref51;
   var $rowIndex = args.$rowIndex, $seq = args.$seq, $table = args.$table, _vm = args._vm, editStore = args.editStore, id3 = args.id, isSkipRowRender = args.isSkipRowRender, row2 = args.row, rowActived = args.rowActived, rowClassName = args.rowClassName;
-  var rowIndex = args.rowIndex, rowLevel = args.rowLevel, rowid2 = args.rowid, rows = args.rows, selection = args.selection, selectRow = args.selectRow, seq = args.seq, treeConfig = args.treeConfig, used = args.used;
+  var rowIndex = args.rowIndex, rowLevel = args.rowLevel, rowid2 = args.rowid, rows = args.rows, selection = args.selection, selectRow = args.selectRow, seq = args.seq, treeConfig = args.treeConfig, used = args.used, lastVisibleIndex = args.lastVisibleIndex;
   if (isSkipRowRender) {
     return;
   }
@@ -3103,7 +3141,7 @@ function renderRow(args) {
     "style": {
       display: used ? void 0 : "none"
     },
-    "class": ["tiny-grid-body__row", (_ref50 = {}, _ref50["row__level-" + rowLevel] = treeConfig, _ref50["row__new"] = editStore.insertList.includes(row2), _ref50["row__selected"] = selection.includes(row2), _ref50["row__radio"] = selectRow === row2, _ref50["row__actived"] = rowActived, _ref50), rowClassName ? isFunction(rowClassName) ? rowClassName({
+    "class": ["tiny-grid-body__row", (_ref51 = {}, _ref51["row__level-" + rowLevel] = treeConfig, _ref51["row__new"] = editStore.insertList.includes(row2), _ref51["row__selected"] = selection.includes(row2), _ref51["row__radio"] = selectRow === row2, _ref51["row__actived"] = rowActived, _ref51["row__last-visible"] = lastVisibleIndex === $rowIndex, _ref51), rowClassName ? isFunction(rowClassName) ? rowClassName({
       $table,
       $seq,
       seq,
@@ -3113,8 +3151,8 @@ function renderRow(args) {
       rowIndex,
       $rowIndex
     }) : rowClassName : ""]
-  }, [columnPool.map(function(_ref51, $columnIndex) {
-    var id4 = _ref51.id, column = _ref51.item, used2 = _ref51.used;
+  }, [columnPool.map(function(_ref52, $columnIndex) {
+    var id4 = _ref52.id, column = _ref52.item, used2 = _ref52.used;
     return renderColumn({
       $columnIndex,
       $table,
@@ -3128,8 +3166,8 @@ function renderRow(args) {
     });
   })]));
 }
-function renderRowGroupTds(_ref52) {
-  var $table = _ref52.$table, closeable = _ref52.closeable, render17 = _ref52.render, renderGroupCell = _ref52.renderGroupCell, row2 = _ref52.row, tds = _ref52.tds, title = _ref52.title, _vm = _ref52._vm;
+function renderRowGroupTds(_ref53) {
+  var $table = _ref53.$table, closeable = _ref53.closeable, render17 = _ref53.render, renderGroupCell = _ref53.renderGroupCell, row2 = _ref53.row, tds = _ref53.tds, title = _ref53.title, _vm = _ref53._vm;
   var targetColumn = $table._rowGroupTargetColumn;
   var value = row2.value || "";
   var columnPool = _vm.columnPool;
@@ -3168,8 +3206,8 @@ function renderRowGroupTds(_ref52) {
     }, [row2.children.length])]) : renderGroupCell ? renderGroupCell(h, params) : null])]));
   }
 }
-function renderRowGroupData(_ref53) {
-  var $table = _ref53.$table, _vm = _ref53._vm, id3 = _ref53.id, row2 = _ref53.row, rowGroup = _ref53.rowGroup, rowid2 = _ref53.rowid, rows = _ref53.rows, used = _ref53.used, virtualRow = _ref53.virtualRow;
+function renderRowGroupData(_ref54) {
+  var $table = _ref54.$table, _vm = _ref54._vm, id3 = _ref54.id, row2 = _ref54.row, rowGroup = _ref54.rowGroup, rowid2 = _ref54.rowid, rows = _ref54.rows, used = _ref54.used, virtualRow = _ref54.virtualRow;
   if (!virtualRow) return;
   var title = rowGroup.title, _rowGroup$closeable2 = rowGroup.closeable, closeable = _rowGroup$closeable2 === void 0 ? true : _rowGroup$closeable2, render17 = rowGroup.render, renderGroupCell = rowGroup.renderGroupCell, className = rowGroup.className;
   var tds = [];
@@ -3210,8 +3248,8 @@ function renderRowGroupData(_ref53) {
     "onClick": onClick
   }, [tds]));
 }
-function renderTable(_ref54) {
-  var $table = _ref54.$table, _vm = _ref54._vm;
+function renderTable(_ref55) {
+  var $table = _ref55.$table, _vm = _ref55._vm;
   var tableLayout = $table.tableLayout, scrollXLoad = $table.scrollXLoad, scrollYLoad = $table.scrollYLoad, bodyTableWidth = $table.bodyTableWidth, isColumnWidthAssigned = $table.isColumnWidthAssigned;
   var columnPool = _vm.columnPool, isNoData = _vm.isNoData;
   if (!isColumnWidthAssigned) {
@@ -3232,8 +3270,8 @@ function renderTable(_ref54) {
     // 列分组（用于指定列宽）
     createVNode("colgroup", {
       "ref": "colgroup"
-    }, [columnPool.map(function(_ref55) {
-      var id3 = _ref55.id, column = _ref55.item, used = _ref55.used;
+    }, [columnPool.map(function(_ref56) {
+      var id3 = _ref56.id, column = _ref56.item, used = _ref56.used;
       return createVNode("col", {
         "key": id3,
         "name": column.id,
@@ -3331,9 +3369,9 @@ var Body = /* @__PURE__ */ defineComponent({
     tableData: Array,
     footerData: Array
   },
-  setup: function setup3(props, _ref56) {
+  setup: function setup3(props, _ref57) {
     var _hooks$getCurrentInst4;
-    var slots = _ref56.slots;
+    var slots = _ref57.slots;
     var vm = (_hooks$getCurrentInst4 = hooks.getCurrentInstance()) == null ? void 0 : _hooks$getCurrentInst4.proxy;
     var $table = vm == null ? void 0 : vm.$parent;
     var rowHeight = hooks.computed(function() {
@@ -3354,6 +3392,8 @@ var Body = /* @__PURE__ */ defineComponent({
     var thead = hooks.ref();
     var tbody = hooks.ref();
     var ySpace = hooks.ref();
+    var alignXBar = hooks.ref();
+    var alignYBar = hooks.ref();
     hooks.watch(wrapperScrollLeft, function(wrapperScrollLeft2) {
       var el = stickyWrapper.value;
       if (!el) return;
@@ -3379,13 +3419,15 @@ var Body = /* @__PURE__ */ defineComponent({
       $table
     });
     var _useCellSpan = useCellSpan(vm, props), normalRows = _useCellSpan.normalRows, footerRows = _useCellSpan.footerRows;
-    hooks.watch([body, table, thead, tbody, ySpace], function() {
+    hooks.watch([body, table, thead, tbody, ySpace, alignXBar, alignYBar], function() {
       var elemStore = $table.elemStore;
       elemStore["main-body-wrapper"] = body.value;
       elemStore["main-body-table"] = table.value;
       elemStore["main-body-headerList"] = thead.value;
       elemStore["main-body-list"] = tbody.value;
       elemStore["main-body-ySpace"] = ySpace.value;
+      elemStore["main-body-alignXBar"] = alignXBar.value;
+      elemStore["main-body-alignYBar"] = alignYBar.value;
     });
     var bodyClientWidth = hooks.ref(0);
     var resizeObserver = new ResizeObserver(function(entries) {
@@ -3460,6 +3502,8 @@ var Body = /* @__PURE__ */ defineComponent({
       thead,
       tbody,
       ySpace,
+      alignXBar,
+      alignYBar,
       normalRows,
       footerRows,
       resetStickyWrapperScrollPos
@@ -3480,11 +3524,26 @@ var Body = /* @__PURE__ */ defineComponent({
         "no-data": isNoData && $table.isShapeTable
       },
       "style": {
+        "--body-container-scroll-height": containerScrollHeight + "px",
+        "--body-container-scroll-width": containerScrollWidth + "px",
         height: bodyWrapperHeight ? bodyWrapperHeight + "px" : void 0,
         minHeight: bodyWrapperMinHeight ? bodyWrapperMinHeight + "px" : void 0,
         maxHeight: bodyWrapperMaxHeight ? bodyWrapperMaxHeight + "px" : void 0
       }
     }, [[
+      mouseConfig != null && mouseConfig.hover ? [createVNode("div", {
+        "ref": "alignYBar",
+        "class": "tiny-grid-body__hover-align-y-bar",
+        "style": {
+          height: containerScrollHeight + "px"
+        }
+      }, null), createVNode("div", {
+        "ref": "alignXBar",
+        "class": "tiny-grid-body__hover-align-x-bar",
+        "style": {
+          width: containerScrollWidth + "px"
+        }
+      }, null)] : null,
       createVNode("div", {
         "class": "tiny-grid-body__x-space",
         "style": {
@@ -3570,18 +3629,18 @@ var Body = /* @__PURE__ */ defineComponent({
       var $el = this.$el, $table = this.$parent;
       var dragClientX = event.clientX, dragBtnElem = event.target;
       var column = params.column;
-      var _ref57 = {}, _ref57$dragLeft = _ref57.dragLeft, dragLeft = _ref57$dragLeft === void 0 ? 0 : _ref57$dragLeft, _ref57$minInterval = _ref57.minInterval, minInterval = _ref57$minInterval === void 0 ? 40 : _ref57$minInterval;
+      var _ref58 = {}, _ref58$dragLeft = _ref58.dragLeft, dragLeft = _ref58$dragLeft === void 0 ? 0 : _ref58$dragLeft, _ref58$minInterval = _ref58.minInterval, minInterval = _ref58$minInterval === void 0 ? 40 : _ref58$minInterval;
       var _$table$$refs = $table.$refs, resizeBarElem = _$table$$refs.resizeBar, tableBody = _$table$$refs.tableBody;
-      var _ref58 = {}, _ref58$cell = _ref58.cell, cell = _ref58$cell === void 0 ? dragBtnElem.parentNode : _ref58$cell, _ref58$dragBtnWidth = _ref58.dragBtnWidth, dragBtnWidth = _ref58$dragBtnWidth === void 0 ? dragBtnElem.clientWidth : _ref58$dragBtnWidth;
-      var _ref59 = {}, _ref59$pos = _ref59.pos, pos = _ref59$pos === void 0 ? getOffsetPos(dragBtnElem, $el) : _ref59$pos, _ref59$tableBodyElem = _ref59.tableBodyElem, tableBodyElem = _ref59$tableBodyElem === void 0 ? tableBody.$el : _ref59$tableBodyElem;
+      var _ref59 = {}, _ref59$cell = _ref59.cell, cell = _ref59$cell === void 0 ? dragBtnElem.parentNode : _ref59$cell, _ref59$dragBtnWidth = _ref59.dragBtnWidth, dragBtnWidth = _ref59$dragBtnWidth === void 0 ? dragBtnElem.clientWidth : _ref59$dragBtnWidth;
+      var _ref60 = {}, _ref60$pos = _ref60.pos, pos = _ref60$pos === void 0 ? getOffsetPos(dragBtnElem, $el) : _ref60$pos, _ref60$tableBodyElem = _ref60.tableBodyElem, tableBodyElem = _ref60$tableBodyElem === void 0 ? tableBody.$el : _ref60$tableBodyElem;
       var dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
       var dragPosLeft = pos.left + Math.floor(dragBtnWidth);
-      var _ref60 = {}, _ref60$oldMousemove = _ref60.oldMousemove, oldMousemove = _ref60$oldMousemove === void 0 ? document.onmousemove : _ref60$oldMousemove, _ref60$oldMouseup = _ref60.oldMouseup, oldMouseup = _ref60$oldMouseup === void 0 ? document.onmouseup : _ref60$oldMouseup;
+      var _ref61 = {}, _ref61$oldMousemove = _ref61.oldMousemove, oldMousemove = _ref61$oldMousemove === void 0 ? document.onmousemove : _ref61$oldMousemove, _ref61$oldMouseup = _ref61.oldMouseup, oldMouseup = _ref61$oldMouseup === void 0 ? document.onmouseup : _ref61$oldMouseup;
       var handleMousemoveEvent = function handleMousemoveEvent2(event2) {
         var _$table$resizableConf;
         event2.stopPropagation();
         event2.preventDefault();
-        var _ref61 = {}, _ref61$offsetX = _ref61.offsetX, offsetX = _ref61$offsetX === void 0 ? event2.clientX - dragClientX : _ref61$offsetX, _ref61$left = _ref61.left, left = _ref61$left === void 0 ? offsetX + dragPosLeft : _ref61$left;
+        var _ref62 = {}, _ref62$offsetX = _ref62.offsetX, offsetX = _ref62$offsetX === void 0 ? event2.clientX - dragClientX : _ref62$offsetX, _ref62$left = _ref62.left, left = _ref62$left === void 0 ? offsetX + dragPosLeft : _ref62$left;
         var scrollLeft = tableBodyElem.scrollLeft;
         dragLeft = Math.max(left, dragMinLeft);
         if ((_$table$resizableConf = $table.resizableConfig) != null && _$table$resizableConf.limit) {
@@ -3656,14 +3715,14 @@ var Radio = defineComponent({
       return this.size || this.$parent.size || this.$parent.vSize;
     }
   },
-  setup: function setup4(props, _ref62) {
-    var slots = _ref62.slots;
+  setup: function setup4(props, _ref63) {
+    var slots = _ref63.slots;
     return {
       slots
     };
   },
   render: function render2() {
-    var _ref63, _this2 = this;
+    var _ref64, _this2 = this;
     var disabled = this.disabled, vSize3 = this.vSize, modelValue = this.modelValue, label = this.label, name = this.name;
     var $slots = this.slots;
     var disableClass = "disabled";
@@ -3680,7 +3739,7 @@ var Radio = defineComponent({
       return content;
     };
     return h("label", {
-      class: ["tiny-grid-radio", (_ref63 = {}, _ref63["size__" + vSize3] = vSize3, _ref63["is__" + disableClass] = disabled, _ref63)]
+      class: ["tiny-grid-radio", (_ref64 = {}, _ref64["size__" + vSize3] = vSize3, _ref64["is__" + disableClass] = disabled, _ref64)]
     }, [h("input", {
       attrs: {
         type: "radio",
@@ -3715,8 +3774,8 @@ $install(Radio);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var renderInputArgs = function renderInputArgs2(_ref64) {
-  var _vm = _ref64._vm, inputFilter = _ref64.inputFilter;
+var renderInputArgs = function renderInputArgs2(_ref65) {
+  var _vm = _ref65._vm, inputFilter = _ref65.inputFilter;
   var isAddbyProgram = false;
   if (typeof inputFilter.relations_addby !== "undefined") {
     isAddbyProgram = inputFilter.relations_addby === "program";
@@ -3744,9 +3803,9 @@ var renderInputArgs = function renderInputArgs2(_ref64) {
     inputRelations
   };
 };
-var renderInputProps = function renderInputProps2(_ref65) {
+var renderInputProps = function renderInputProps2(_ref66) {
   var _on3;
-  var InputComponent = _ref65.InputComponent, condition2 = _ref65.condition, event = _ref65.event, inputFilter = _ref65.inputFilter, isNativeInput = _ref65.isNativeInput, prop = _ref65.prop;
+  var InputComponent = _ref66.InputComponent, condition2 = _ref66.condition, event = _ref66.event, inputFilter = _ref66.inputFilter, isNativeInput = _ref66.isNativeInput, prop = _ref66.prop;
   var inputProps = {
     style: "width:100%",
     on: (_on3 = {}, _on3[event] = function(value) {
@@ -3792,8 +3851,8 @@ var iconRender = function iconRender2(checked, index2, halfChecked) {
     }), null) : createVNode(Check, props, null);
   }
 };
-var renderEnumableOptions = function renderEnumableOptions2(_ref66) {
-  var iconRender3 = _ref66.iconRender, _vm = _ref66._vm, filterStore = _ref66.filterStore, selectAll = _ref66.selectAll, searchable = _ref66.searchable;
+var renderEnumableOptions = function renderEnumableOptions2(_ref67) {
+  var iconRender3 = _ref67.iconRender, _vm = _ref67._vm, filterStore = _ref67.filterStore, selectAll = _ref67.selectAll, searchable = _ref67.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);
@@ -3874,7 +3933,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
     };
   },
   render: function render3() {
-    var _this3 = this, _ref67;
+    var _this3 = this, _ref68;
     var filterStore = this.filterStore, $grid = this.$grid, $table = this.$parent, optimizeOpts = 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, layout2 = _filterStore$layout === void 0 ? "input,enum,default,extends,base" : _filterStore$layout;
     var layoutMap = {
@@ -3895,9 +3954,9 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
       attrs: filterStore.attrs
     } : filterStore.attrs;
     return createVNode("div", mergeProps(wrapperAttrs, {
-      "class": ["tiny-grid__wrapper", "tiny-grid__filter-wrapper", "filter__prevent-default", (_ref67 = {
+      "class": ["tiny-grid__wrapper", "tiny-grid__filter-wrapper", "filter__prevent-default", (_ref68 = {
         "tiny-grid__animat": optimizeOpts.animat
-      }, _ref67[map.filterActive] = filterStore.visible, _ref67["tiny-grid__filter-simple"] = layout2.includes("simple"), _ref67["filter-wrapper-saas"] = $table.isThemeSaas, _ref67)],
+      }, _ref68[map.filterActive] = filterStore.visible, _ref68["tiny-grid__filter-simple"] = layout2.includes("simple"), _ref68["filter-wrapper-saas"] = $table.isThemeSaas, _ref68)],
       "style": filterStore.style
     }), [filterStore.visible ? createVNode("div", {
       "class": ["tiny-grid__filter-body", {
@@ -4003,7 +4062,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
     // 筛选扩展项
     renderExtends: function renderExtends() {
       var _this6 = this;
-      var filterStore = this.filterStore;
+      var filterStore = this.filterStore, condition2 = this.condition;
       if (!filterStore.extends) {
         return null;
       }
@@ -4011,7 +4070,9 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         "class": "tiny-grid__filter-panel filter-panel__clear"
       }, [filterStore.extends.map(function(item) {
         return createVNode("li", {
-          "class": "tiny-grid__filter-option",
+          "class": ["tiny-grid__filter-option", {
+            active: condition2.value === (item.value || item.label)
+          }],
           "onClick": function onClick() {
             _this6.filterExtends(item);
           }
@@ -4050,8 +4111,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(_ref68) {
-        var label = _ref68.label, value = _ref68.value, method = _ref68.method;
+      }, [inputRelations.map(function(_ref69) {
+        var label = _ref69.label, value = _ref69.value, method = _ref69.method;
         return createVNode(Radio, {
           "modelValue": condition2.relation,
           "label": value,
@@ -4405,8 +4466,8 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
     });
   }
 });
-function handleFilterConditionCustom(_ref69) {
-  var column = _ref69.column, condition2 = _ref69.condition, method = _ref69.method, property = _ref69.property, row2 = _ref69.row;
+function handleFilterConditionCustom(_ref70) {
+  var column = _ref70.column, condition2 = _ref70.condition, method = _ref70.method, property = _ref70.property, row2 = _ref70.row;
   var ret = {
     flag: false,
     result: null
@@ -4421,8 +4482,8 @@ function handleFilterConditionCustom(_ref69) {
   }
   return ret;
 }
-function handleFilterConditionExtend(_ref70) {
-  var column = _ref70.column, condition2 = _ref70.condition, property = _ref70.property, row2 = _ref70.row;
+function handleFilterConditionExtend(_ref71) {
+  var column = _ref71.column, condition2 = _ref71.condition, property = _ref71.property, row2 = _ref71.row;
   var ret = {
     flag: false,
     result: null
@@ -4455,8 +4516,8 @@ function findRelationMethod(relation, relations) {
     return method;
   }
 }
-function handleFilterRelations(_ref71) {
-  var inputFilter = _ref71.inputFilter;
+function handleFilterRelations(_ref72) {
+  var inputFilter = _ref72.inputFilter;
   var relations = [];
   if (typeof inputFilter === "object" && Array.isArray(inputFilter.relations)) {
     relations = inputFilter.relations;
@@ -4469,8 +4530,8 @@ function modifyValueCheckStr(value) {
   }
   return value;
 }
-function handleDefaultCheckStr(_ref72) {
-  var column = _ref72.column, input = _ref72.input, relation = _ref72.relation, relationMethod = _ref72.relationMethod, relations = _ref72.relations, result = _ref72.result, row2 = _ref72.row, value = _ref72.value;
+function handleDefaultCheckStr(_ref73) {
+  var column = _ref73.column, input = _ref73.input, relation = _ref73.relation, relationMethod = _ref73.relationMethod, relations = _ref73.relations, result = _ref73.result, row2 = _ref73.row, value = _ref73.value;
   if (typeof relationMethod !== "function") {
     relationMethod = findRelationMethod(relation, relations);
   }
@@ -4487,8 +4548,8 @@ function handleDefaultCheckStr(_ref72) {
     result
   };
 }
-function handleFilterCheckStr(_ref73) {
-  var column = _ref73.column, relationMethod = _ref73.relationMethod, relations = _ref73.relations, row2 = _ref73.row;
+function handleFilterCheckStr(_ref74) {
+  var column = _ref74.column, relationMethod = _ref74.relationMethod, relations = _ref74.relations, row2 = _ref74.row;
   return function(value, input, relation, dateList) {
     var result = false;
     value = modifyValueCheckStr(value);
@@ -4541,8 +4602,8 @@ function handleFilterCheckStr(_ref73) {
     return result;
   };
 }
-function handleFilterCheck(_ref74) {
-  var checkStr = _ref74.checkStr, empty = _ref74.empty, input = _ref74.input, property = _ref74.property, relation = _ref74.relation, row2 = _ref74.row, valueList = _ref74.valueList, dateList = _ref74.dateList;
+function handleFilterCheck(_ref75) {
+  var checkStr = _ref75.checkStr, empty = _ref75.empty, input = _ref75.input, property = _ref75.property, relation = _ref75.relation, row2 = _ref75.row, valueList = _ref75.valueList, dateList = _ref75.dateList;
   return function() {
     var value = get(row2, property);
     if (empty === true) {
@@ -4714,8 +4775,8 @@ var Methods$f = {
     });
     return check();
   },
-  getOptions: function getOptions(_ref75) {
-    var property = _ref75.property, filter2 = _ref75.filter;
+  getOptions: function getOptions(_ref76) {
+    var property = _ref76.property, filter2 = _ref76.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({
@@ -4781,8 +4842,8 @@ var Methods$f = {
           args: params
         }, filter2, {
           defaultFilter: isBoolean(filter2.defaultFilter) ? filter2.defaultFilter : true,
-          options: options.map(function(_ref76) {
-            var value = _ref76.value, label = _ref76.label;
+          options: options.map(function(_ref77) {
+            var value = _ref77.value, label = _ref77.label;
             return {
               value,
               label,
@@ -4960,8 +5021,8 @@ var Children = defineComponent({
     }
   }
 });
-var onMenuItem = function onMenuItem2(_ref77) {
-  var tableInstance = _ref77.tableInstance, item = _ref77.item, getEventTargetNode2 = _ref77.getEventTargetNode, toKebab2 = _ref77.toKebab;
+var onMenuItem = function onMenuItem2(_ref78) {
+  var tableInstance = _ref78.tableInstance, item = _ref78.item, getEventTargetNode2 = _ref78.getEventTargetNode, toKebab2 = _ref78.toKebab;
   return {
     click: function click(event) {
       tableInstance.ctxMenuLinkEvent(event, item);
@@ -5016,8 +5077,8 @@ function createMenuItem(args) {
   }
   return res;
 }
-function getMenuItemCreator(_ref78) {
-  var ctxMenuStore = _ref78.ctxMenuStore, getEventTargetNode2 = _ref78.getEventTargetNode, tableInstance = _ref78.tableInstance, toKebab2 = _ref78.toKebab;
+function getMenuItemCreator(_ref79) {
+  var ctxMenuStore = _ref79.ctxMenuStore, getEventTargetNode2 = _ref79.getEventTargetNode, tableInstance = _ref79.tableInstance, toKebab2 = _ref79.toKebab;
   return function(options, gIndex) {
     return h("ul", {
       class: "tiny-grid-menu__option-wrapper",
@@ -5086,9 +5147,9 @@ var Methods$e = {
     return this.$nextTick();
   },
   // 处理菜单的移动
-  moveCtxMenu: function moveCtxMenu(_ref79) {
+  moveCtxMenu: function moveCtxMenu(_ref80) {
     var _this9 = this;
-    var event = _ref79.event, keyCode = _ref79.keyCode, ctxMenuStore = _ref79.ctxMenuStore, property = _ref79.property, operKey = _ref79.operKey, operRest = _ref79.operRest, menuList = _ref79.menuList;
+    var event = _ref80.event, keyCode = _ref80.keyCode, ctxMenuStore = _ref80.ctxMenuStore, property = _ref80.property, operKey = _ref80.operKey, operRest = _ref80.operRest, menuList = _ref80.menuList;
     var selectIndex = findIndexOf(menuList, function(item) {
       return ctxMenuStore[property] === item;
     });
@@ -5329,16 +5390,16 @@ var Loading = defineComponent({
   }
 });
 $install(Loading);
-function handleActivedCheckCell(_ref80) {
-  var actived = _ref80.actived, column = _ref80.column, editConfig = _ref80.editConfig, row2 = _ref80.row;
+function handleActivedCheckCell(_ref81) {
+  var actived = _ref81.actived, column = _ref81.column, editConfig = _ref81.editConfig, row2 = _ref81.row;
   return actived.row !== row2 || (editConfig.mode === "cell" ? actived.column !== column : false);
 }
-function handleActivedCanActive(_ref81) {
-  var editConfig = _ref81.editConfig, params = _ref81.params;
+function handleActivedCanActive(_ref82) {
+  var editConfig = _ref82.editConfig, params = _ref82.params;
   return !(editConfig != null && editConfig.activeMethod) || editConfig.activeMethod(params);
 }
-function handleActivedDoActive(_ref82) {
-  var _vm = _ref82._vm, actived = _ref82.actived, canActive = _ref82.canActive, cell = _ref82.cell, column = _ref82.column, editConfig = _ref82.editConfig, event = _ref82.event, params = _ref82.params, row2 = _ref82.row, tableColumn2 = _ref82.tableColumn, type = _ref82.type;
+function handleActivedDoActive(_ref83) {
+  var _vm = _ref83._vm, actived = _ref83.actived, canActive = _ref83.canActive, cell = _ref83.cell, column = _ref83.column, editConfig = _ref83.editConfig, event = _ref83.event, params = _ref83.params, row2 = _ref83.row, tableColumn2 = _ref83.tableColumn, type = _ref83.type;
   if (canActive) {
     if (_vm.keyboardConfig || _vm.mouseConfig) {
       _vm.clearCopyed(event);
@@ -5365,14 +5426,14 @@ function handleActivedDoActive(_ref82) {
   }
   return type;
 }
-function handleActivedClearActive(_ref83) {
-  var _vm = _ref83._vm, canActive = _ref83.canActive, event = _ref83.event;
+function handleActivedClearActive(_ref84) {
+  var _vm = _ref84._vm, canActive = _ref84.canActive, event = _ref84.event;
   if (!canActive) {
     _vm.clearActived(event);
   }
 }
-function handleActivedTryActive(_ref84) {
-  var _vm = _ref84._vm, actived = _ref84.actived, cell = _ref84.cell, column = _ref84.column, editor = _ref84.editor, event = _ref84.event, isActiveCell = _ref84.isActiveCell, params = _ref84.params, row2 = _ref84.row;
+function handleActivedTryActive(_ref85) {
+  var _vm = _ref85._vm, actived = _ref85.actived, cell = _ref85.cell, column = _ref85.column, editor = _ref85.editor, event = _ref85.event, isActiveCell = _ref85.isActiveCell, params = _ref85.params, row2 = _ref85.row;
   if (editor && cell && !isActiveCell) {
     var oldColumn = actived.column;
     if (oldColumn !== column) {
@@ -5394,8 +5455,8 @@ var insertedField = GlobalConfig$1.constant.insertedField;
 var getCellRender = function getCellRender2(isTreeNode, treeCellRender, treeRender, context) {
   return context[isTreeNode ? treeCellRender : treeRender];
 };
-function processRenderer(_ref85) {
-  var h2 = _ref85.h, params = _ref85.params, renderer = _ref85.renderer, value = _ref85.value;
+function processRenderer(_ref86) {
+  var h2 = _ref86.h, params = _ref86.params, renderer = _ref86.renderer, value = _ref86.value;
   var result = {
     flag: false,
     vnodes: null
@@ -5420,13 +5481,13 @@ function processRenderer(_ref85) {
   }
   return result;
 }
-function processAsyncColumn(_ref86) {
-  var $table = _ref86.$table, column = _ref86.column, format = _ref86.format, h2 = _ref86.h, params = _ref86.params, row2 = _ref86.row;
+function processAsyncColumn(_ref87) {
+  var $table = _ref87.$table, column = _ref87.column, format = _ref87.format, h2 = _ref87.h, params = _ref87.params, row2 = _ref87.row;
   var result = {
     flag: false,
     vnodes: null
   };
-  var _ref87 = format.async || {}, fetch = _ref87.fetch, loadingText = _ref87.loadingText;
+  var _ref88 = format.async || {}, fetch = _ref88.fetch, loadingText = _ref88.loadingText;
   if ($table.isAsyncColumn && row2[insertedField] !== true && typeof fetch === "function") {
     var cellText = row2[$table.getAsyncColumnName(column.property)];
     var loadingRender = loadingText || "loading ...";
@@ -5440,8 +5501,8 @@ function processAsyncColumn(_ref86) {
   }
   return result;
 }
-function getColumnRuleTypeIndex(_ref88) {
-  var _vm = _ref88._vm, isTreeNode = _ref88.isTreeNode, renMaps = _ref88.renMaps, type = _ref88.type;
+function getColumnRuleTypeIndex(_ref89) {
+  var _vm = _ref89._vm, isTreeNode = _ref89.isTreeNode, renMaps = _ref89.renMaps, type = _ref89.type;
   return {
     match: function match() {
       return type === "index";
@@ -5452,8 +5513,8 @@ function getColumnRuleTypeIndex(_ref88) {
     }
   };
 }
-function getColumnRuleTypeRadio(_ref89) {
-  var _vm = _ref89._vm, isTreeNode = _ref89.isTreeNode, renMaps = _ref89.renMaps, type = _ref89.type;
+function getColumnRuleTypeRadio(_ref90) {
+  var _vm = _ref90._vm, isTreeNode = _ref90.isTreeNode, renMaps = _ref90.renMaps, type = _ref90.type;
   return {
     match: function match() {
       return type === "radio";
@@ -5464,8 +5525,8 @@ function getColumnRuleTypeRadio(_ref89) {
     }
   };
 }
-function getColumnRuleTypeSelection(_ref90) {
-  var _vm = _ref90._vm, isTreeNode = _ref90.isTreeNode, renMaps = _ref90.renMaps, selectConfig = _ref90.selectConfig, type = _ref90.type;
+function getColumnRuleTypeSelection(_ref91) {
+  var _vm = _ref91._vm, isTreeNode = _ref91.isTreeNode, renMaps = _ref91.renMaps, selectConfig = _ref91.selectConfig, type = _ref91.type;
   return {
     match: function match() {
       return type === "selection";
@@ -5479,8 +5540,8 @@ function getColumnRuleTypeSelection(_ref90) {
     }
   };
 }
-function getColumnRuleTypeExpand(_ref91) {
-  var _vm = _ref91._vm, renMaps = _ref91.renMaps, type = _ref91.type;
+function getColumnRuleTypeExpand(_ref92) {
+  var _vm = _ref92._vm, renMaps = _ref92.renMaps, type = _ref92.type;
   return {
     match: function match() {
       return type === "expand";
@@ -5491,8 +5552,8 @@ function getColumnRuleTypeExpand(_ref91) {
     }
   };
 }
-function getColumnRuleTypeOperation(_ref92) {
-  var _vm = _ref92._vm, renMaps = _ref92.renMaps, type = _ref92.type;
+function getColumnRuleTypeOperation(_ref93) {
+  var _vm = _ref93._vm, renMaps = _ref93.renMaps, type = _ref93.type;
   return {
     match: function match() {
       return type === "operation";
@@ -5502,8 +5563,8 @@ function getColumnRuleTypeOperation(_ref92) {
     }
   };
 }
-function getColumnRuleTypeOther(_ref93) {
-  var $table = _ref93.$table, _vm = _ref93._vm, colProps = _ref93.colProps, editor = _ref93.editor, filter2 = _ref93.filter, isTreeNode = _ref93.isTreeNode, renMaps = _ref93.renMaps, type = _ref93.type;
+function getColumnRuleTypeOther(_ref94) {
+  var $table = _ref94.$table, _vm = _ref94._vm, colProps = _ref94.colProps, editor = _ref94.editor, filter2 = _ref94.filter, isTreeNode = _ref94.isTreeNode, renMaps = _ref94.renMaps, type = _ref94.type;
   return {
     match: function match() {
       return !~["index", "radio", "selection", "expand", "operation"].indexOf(type);
@@ -5622,7 +5683,9 @@ var Cell = {
       }
     }
     if (typeof title === "function") {
-      return [title(h2, params)];
+      return [h2("div", {
+        class: "tiny-grid-cell-text"
+      }, [title(h2, params)])];
     }
     if (type === "card") {
       return [formatText(getFuncText(own.title), 1)];
@@ -5670,7 +5733,7 @@ var Cell = {
   },
   // 树节点
   renderTreeIcon: function renderTreeIcon(h2, params) {
-    var _ref95, _$table$$grid, _$table$$grid$designC, _$table$$grid$designC2, _ref96;
+    var _ref96, _$table$$grid, _$table$$grid$designC, _$table$$grid$designC2, _ref97;
     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, bubbling = treeConfig.bubbling;
@@ -5685,13 +5748,13 @@ var Cell = {
       }
     };
     var icon = GlobalConfig$1.icon;
-    var defaultIcon = function defaultIcon2(h22, _ref94) {
-      var active = _ref94.active;
+    var defaultIcon = function defaultIcon2(h22, _ref95) {
+      var active = _ref95.active;
       var IconExpand = iconExpand();
       var IconPutAway = iconPutAway();
       return active ? h22(IconExpand) : h22(IconPutAway);
     };
-    var customExpandIcon = (_ref95 = 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 ? _ref95 : defaultIcon;
+    var customExpandIcon = (_ref96 = 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 ? _ref96 : defaultIcon;
     if (trigger && trigger !== "default") {
       listeners = {};
     }
@@ -5714,7 +5777,7 @@ var Cell = {
         width: level * (indent || 16) + "px"
       }
     }), h2("span", {
-      class: ["tiny-grid-tree-wrapper", (_ref96 = {}, _ref96[map.isActive] = isActive, _ref96)],
+      class: ["tiny-grid-tree-wrapper", (_ref97 = {}, _ref97[map.isActive] = isActive, _ref97)],
       on: listeners
     }, iconVNode)];
   },
@@ -5736,7 +5799,7 @@ var Cell = {
     var $table = params.$table, column = params.column, row2 = params.row, seq = params.seq; params.level;
     var startIndex = $table.startIndex, treeConfig = $table.treeConfig, treeOrdered = $table.treeOrdered;
     var indexMethod = column.indexMethod, slots = column.slots;
-    var _ref97 = treeConfig || {}, _ref97$temporaryIndex = _ref97.temporaryIndex, temporaryIndex = _ref97$temporaryIndex === void 0 ? "_$index_" : _ref97$temporaryIndex;
+    var _ref98 = treeConfig || {}, _ref98$temporaryIndex = _ref98.temporaryIndex, temporaryIndex = _ref98$temporaryIndex === void 0 ? "_$index_" : _ref98$temporaryIndex;
     var isTreeOrderedFalse = treeConfig && !treeOrdered;
     var indexValue = startIndex + seq;
     if (isTreeOrderedFalse) {
@@ -5757,7 +5820,7 @@ var Cell = {
     return [formatText(value, 1)];
   },
   renderRadioCell: function renderRadioCell(h2, params) {
-    var _ref98;
+    var _ref99;
     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, vSize3 = $table.vSize;
     var labelField = radioConfig.labelField, checkMethod = radioConfig.checkMethod;
@@ -5782,7 +5845,7 @@ var Cell = {
       }
     };
     return [h2("label", {
-      class: ["tiny-grid-radio", (_ref98 = {}, _ref98["size__" + vSize3] = vSize3, _ref98["is__disabled"] = disabled, _ref98)]
+      class: ["tiny-grid-radio", (_ref99 = {}, _ref99["size__" + vSize3] = vSize3, _ref99["is__disabled"] = disabled, _ref99)]
     }, [h2("input", options), h2("span", {
       class: "tiny-grid-radio__icon"
     }, [h2(iconRadio(), {
@@ -5797,7 +5860,7 @@ var Cell = {
     return Cell.renderTreeIcon(h2, params).concat(Cell.renderRadioCell(h2, params));
   },
   renderSelectionHeader: function renderSelectionHeader(h2, params) {
-    var _ref99;
+    var _ref100;
     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, vSize3 = $table.vSize;
@@ -5824,7 +5887,7 @@ var Cell = {
       }
     };
     var vnode = h2("label", {
-      class: ["tiny-grid-checkbox tiny-select-header", (_ref99 = {}, _ref99["size__" + vSize3] = vSize3, _ref99["is__disabled"] = headerCheckDisabled, _ref99["is__indeterminate"] = isIndeterminate, _ref99)],
+      class: ["tiny-grid-checkbox tiny-select-header", (_ref100 = {}, _ref100["size__" + vSize3] = vSize3, _ref100["is__disabled"] = headerCheckDisabled, _ref100["is__indeterminate"] = isIndeterminate, _ref100)],
       key: random()
     }, [h2("input", options), h2("span", {
       class: "tiny-grid-checkbox__icon"
@@ -5846,12 +5909,12 @@ var Cell = {
     return [vnode, dropdownVnode];
   },
   renderSelectionCell: function renderSelectionCell(h2, params) {
-    var _ref101;
+    var _ref102;
     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, vSize3 = $table.vSize;
     var labelField = selectConfig.labelField, checkMethod = selectConfig.checkMethod;
-    var _ref100 = {}, _ref100$indeterminate = _ref100.indeterminate, indeterminate = _ref100$indeterminate === void 0 ? false : _ref100$indeterminate, _ref100$isDisabled = _ref100.isDisabled, isDisabled = _ref100$isDisabled === void 0 ? !!checkMethod : _ref100$isDisabled;
+    var _ref101 = {}, _ref101$indeterminate = _ref101.indeterminate, indeterminate = _ref101$indeterminate === void 0 ? false : _ref101$indeterminate, _ref101$isDisabled = _ref101.isDisabled, isDisabled = _ref101$isDisabled === void 0 ? !!checkMethod : _ref101$isDisabled;
     var options = {
       attrs: {
         type: "checkbox"
@@ -5866,7 +5929,7 @@ var Cell = {
       checked: ~$table.selection.indexOf(row2)
     };
     var twcls = params.twcls;
-    var labelCls = ["tiny-grid-checkbox tiny-select-cell", (_ref101 = {}, _ref101["size__" + vSize3] = vSize3, _ref101["is__indeterminate"] = indeterminate, _ref101["is__disabled"] = isDisabled, _ref101)];
+    var labelCls = ["tiny-grid-checkbox tiny-select-cell", (_ref102 = {}, _ref102["size__" + vSize3] = vSize3, _ref102["is__indeterminate"] = indeterminate, _ref102["is__disabled"] = isDisabled, _ref102)];
     var inputCls = null;
     var spanCls = "tiny-grid-checkbox__icon";
     var svgCls = "tiny-svg-size icon-checked-sur";
@@ -5912,12 +5975,12 @@ var Cell = {
   },
   // TODO: 与renderSelectionCell代码方法高度相似，待提取公共逻辑。
   renderSelectionCellByProp: function renderSelectionCellByProp(h2, params) {
-    var _ref103;
+    var _ref104;
     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, vSize3 = $table.vSize;
     var property = selectConfig.checkField, checkMethod = selectConfig.checkMethod, labelField = selectConfig.labelField;
-    var _ref102 = {}, _ref102$indeterminate = _ref102.indeterminate, indeterminate = _ref102$indeterminate === void 0 ? false : _ref102$indeterminate, _ref102$isDisabled = _ref102.isDisabled, isDisabled = _ref102$isDisabled === void 0 ? !!checkMethod : _ref102$isDisabled;
+    var _ref103 = {}, _ref103$indeterminate = _ref103.indeterminate, indeterminate = _ref103$indeterminate === void 0 ? false : _ref103$indeterminate, _ref103$isDisabled = _ref103.isDisabled, isDisabled = _ref103$isDisabled === void 0 ? !!checkMethod : _ref103$isDisabled;
     var options = {
       attrs: {
         type: "checkbox"
@@ -5938,7 +6001,7 @@ var Cell = {
     };
     var vnode = h2("label", {
       key: random(),
-      class: ["tiny-grid-checkbox", (_ref103 = {}, _ref103["size__" + vSize3] = vSize3, _ref103["is__indeterminate"] = indeterminate, _ref103["is__disabled"] = isDisabled, _ref103)]
+      class: ["tiny-grid-checkbox", (_ref104 = {}, _ref104["size__" + vSize3] = vSize3, _ref104["is__indeterminate"] = indeterminate, _ref104["is__disabled"] = isDisabled, _ref104)]
     }, [h2("input", options), h2("span", {
       class: "tiny-grid-checkbox__icon"
     }, [h2(iconCheck(), {
@@ -5957,7 +6020,7 @@ var Cell = {
   },
   // 展开行
   renderExpandCell: function renderExpandCell(h2, params) {
-    var _column$slots, _ref104;
+    var _column$slots, _ref105;
     var $table = params.$table, row2 = params.row, column = params.column;
     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;
@@ -5972,7 +6035,7 @@ var Cell = {
       expandActive: "expand__active"
     };
     return [h2("span", {
-      class: ["tiny-grid__expanded", (_ref104 = {}, _ref104[map.expandActive] = expandActive, _ref104)],
+      class: ["tiny-grid__expanded", (_ref105 = {}, _ref105[map.expandActive] = expandActive, _ref105)],
       on: {
         click: function click(event) {
           if (!hideExpand) {
@@ -6042,7 +6105,7 @@ var Cell = {
     return Cell.renderHeader(h2, params).concat(Cell.renderFilterIcon(h2, params, suffixCls[1]));
   },
   renderFilterIcon: function renderFilterIcon(h2, params, cls) {
-    var _ref105, _ref106;
+    var _ref106, _ref107;
     if (cls === void 0) {
       cls = "";
     }
@@ -6054,9 +6117,9 @@ var Cell = {
       hasFilter: "has__Filter"
     };
     return [h2("span", {
-      class: ["tiny-grid-filter-wrapper " + cls, (_ref105 = {}, _ref105[map.isActive] = filterStore.visible && filterStore.column === column, _ref105)]
+      class: ["tiny-grid-filter-wrapper " + cls, (_ref106 = {}, _ref106[map.isActive] = filterStore.visible && filterStore.column === column, _ref106)]
     }, [h2(icon.filter, {
-      class: ["tiny-svg-size tiny-grid-filter__btn " + column.id, (_ref106 = {}, _ref106[map.hasFilter] = column.filter && column.filter.hasFilter, _ref106)],
+      class: ["tiny-svg-size tiny-grid-filter__btn " + column.id, (_ref107 = {}, _ref107[map.hasFilter] = column.filter && column.filter.hasFilter, _ref107)],
       on: {
         click: function click(event) {
           $table.triggerFilterEvent(event, params.column, params);
@@ -6213,8 +6276,8 @@ var Cell = {
     };
     var handleItemClick = function handleItemClick2(itemData) {
       var realName = (itemData == null ? void 0 : itemData.name) || itemData;
-      var buttonConfig = visibleButtons.find(function(_ref107) {
-        var buttonName = _ref107.name;
+      var buttonConfig = visibleButtons.find(function(_ref108) {
+        var buttonName = _ref108.name;
         return buttonName === realName;
       });
       buttonConfig.click(window.event || {}, _extends({
@@ -6268,8 +6331,10 @@ var Cell = {
         return renderBig(buttonConfig, viewClass);
       });
     }
+    var rowKey = row2[getRowkey($table)];
     return [h2("span", {
       class: "tiny-grid__oper-col-wrapper",
+      key: rowKey,
       attrs: {
         "data-tag": "operation-cell-buttons"
       }
@@ -6316,40 +6381,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(_ref108) {
-  var $el = _ref108.$el, _vm = _ref108._vm, column = _ref108.column, event = _ref108.event, expandConfig = _ref108.expandConfig, params = _ref108.params;
+function onClickExpandColumn(_ref109) {
+  var $el = _ref109.$el, _vm = _ref109._vm, column = _ref109.column, event = _ref109.event, expandConfig = _ref109.expandConfig, params = _ref109.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(_ref109) {
-  var _vm = _ref109._vm, column = _ref109.column, event = _ref109.event, params = _ref109.params, treeConfig = _ref109.treeConfig;
+function onClickTreeNodeColumn(_ref110) {
+  var _vm = _ref110._vm, column = _ref110.column, event = _ref110.event, params = _ref110.params, treeConfig = _ref110.treeConfig;
   if (treeConfig.trigger === "row" || column.treeNode && treeConfig.trigger === "cell") {
     _vm.triggerTreeExpandEvent(event, params);
   }
 }
-function onHighlightCurrentRow(_ref110) {
-  var $el = _ref110.$el, _vm = _ref110._vm, event = _ref110.event, highlightCurrentRow = _ref110.highlightCurrentRow, params = _ref110.params, radioConfig = _ref110.radioConfig;
+function onHighlightCurrentRow(_ref111) {
+  var $el = _ref111.$el, _vm = _ref111._vm, event = _ref111.event, highlightCurrentRow = _ref111.highlightCurrentRow, params = _ref111.params, radioConfig = _ref111.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(_ref111) {
-  var $el = _ref111.$el, _vm = _ref111._vm, column = _ref111.column, event = _ref111.event, params = _ref111.params, radioConfig = _ref111.radioConfig;
+function onClickRadioColumn(_ref112) {
+  var $el = _ref112.$el, _vm = _ref112._vm, column = _ref112.column, event = _ref112.event, params = _ref112.params, radioConfig = _ref112.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(_ref112) {
-  var _vm = _ref112._vm, column = _ref112.column, event = _ref112.event, params = _ref112.params, selectConfig = _ref112.selectConfig;
+function onClickSelectColumn(_ref113) {
+  var _vm = _ref113._vm, column = _ref113.column, event = _ref113.event, params = _ref113.params, selectConfig = _ref113.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(_ref113) {
-  var _vm = _ref113._vm, actived = _ref113.actived, cell = _ref113.cell, column = _ref113.column, editConfig = _ref113.editConfig, event = _ref113.event, mouseConfig = _ref113.mouseConfig, params = _ref113.params, row2 = _ref113.row;
+function onClickCellSelect(_ref114) {
+  var _vm = _ref114._vm, actived = _ref114.actived, cell = _ref114.cell, column = _ref114.column, editConfig = _ref114.editConfig, event = _ref114.event, mouseConfig = _ref114.mouseConfig, params = _ref114.params, row2 = _ref114.row;
   if (!mouseConfig.checked && editConfig) {
     if (editConfig.trigger === "manual") {
       if (actived.args && actived.row === row2 && column !== actived.column) {
@@ -6368,8 +6433,8 @@ function onClickCellSelect(_ref113) {
     }
   }
 }
-function onGroupHeader(_ref114) {
-  var _vm = _ref114._vm, isGroup2 = _ref114.isGroup, headerProps2 = _ref114.headerProps;
+function onGroupHeader(_ref115) {
+  var _vm = _ref115._vm, isGroup2 = _ref115.isGroup, headerProps2 = _ref115.headerProps;
   if (isGroup2) {
     eachTree(_vm.collectColumn, function(column) {
       if (column.children && column.children.length) {
@@ -6380,14 +6445,14 @@ function onGroupHeader(_ref114) {
     }, headerProps2);
   }
 }
-function reassignNotFixed(_ref115) {
-  var centerList = _ref115.centerList, column = _ref115.column;
+function reassignNotFixed(_ref116) {
+  var centerList = _ref116.centerList, column = _ref116.column;
   if (!column.fixed) {
     centerList.push(column);
   }
 }
-function reassignFixedRight(_ref116) {
-  var column = _ref116.column, columnIndex = _ref116.columnIndex, isColspan = _ref116.isColspan, rightEndIndex = _ref116.rightEndIndex, rightList = _ref116.rightList;
+function reassignFixedRight(_ref117) {
+  var column = _ref117.column, columnIndex = _ref117.columnIndex, isColspan = _ref117.isColspan, rightEndIndex = _ref117.rightEndIndex, rightList = _ref117.rightList;
   if (column.fixed === "right") {
     if (!isColspan) {
       if (rightEndIndex === null) {
@@ -6406,8 +6471,8 @@ function reassignFixedRight(_ref116) {
     rightEndIndex
   };
 }
-function reassignFixedLeft(_ref117) {
-  var column = _ref117.column, columnIndex = _ref117.columnIndex, isColspan = _ref117.isColspan, leftList = _ref117.leftList, leftStartIndex = _ref117.leftStartIndex, letIndex = _ref117.letIndex;
+function reassignFixedLeft(_ref118) {
+  var column = _ref118.column, columnIndex = _ref118.columnIndex, isColspan = _ref118.isColspan, leftList = _ref118.leftList, leftStartIndex = _ref118.leftStartIndex, letIndex = _ref118.letIndex;
   if (column.fixed === "left") {
     if (leftStartIndex === null) {
       leftStartIndex = letIndex;
@@ -6427,14 +6492,14 @@ function reassignFixedLeft(_ref117) {
     isColspan
   };
 }
-function showGroupFixedError(_ref118) {
-  var isColspan = _ref118.isColspan, isGroup2 = _ref118.isGroup, leftStartIndex = _ref118.leftStartIndex, rightEndIndex = _ref118.rightEndIndex, visibleColumn = _ref118.visibleColumn;
+function showGroupFixedError(_ref119) {
+  var isColspan = _ref119.isColspan, isGroup2 = _ref119.isGroup, leftStartIndex = _ref119.leftStartIndex, rightEndIndex = _ref119.rightEndIndex, visibleColumn = _ref119.visibleColumn;
   if (isGroup2 && (isColspan || leftStartIndex || rightEndIndex !== null && rightEndIndex !== visibleColumn.length)) {
     error("ui.grid.error.groupFixed");
   }
 }
-function onScrollXLoad(_ref119) {
-  var _vm = _ref119._vm, scrollX = _ref119.scrollX, scrollXLoad = _ref119.scrollXLoad, scrollXStore = _ref119.scrollXStore, tableColumn2 = _ref119.tableColumn, visibleColumn = _ref119.visibleColumn;
+function onScrollXLoad(_ref120) {
+  var _vm = _ref120._vm, scrollX = _ref120.scrollX, scrollXLoad = _ref120.scrollXLoad, scrollXStore = _ref120.scrollXStore, tableColumn2 = _ref120.tableColumn, visibleColumn = _ref120.visibleColumn;
   if (scrollXLoad) {
     if (_vm.resizable || visibleColumn.some(function(column) {
       return column.resizable;
@@ -6453,10 +6518,10 @@ function onScrollXLoad(_ref119) {
   }
   return tableColumn2;
 }
-function mapFetchColumnPromise(_ref120) {
-  var _vm = _ref120._vm, fetchColumns = _ref120.fetchColumns, tableColumn2 = _ref120.tableColumn;
-  return fetchColumns.map(function(_ref121) {
-    var format = _ref121.format, columnValues = _ref121.columnValues;
+function mapFetchColumnPromise(_ref121) {
+  var _vm = _ref121._vm, fetchColumns = _ref121.fetchColumns, tableColumn2 = _ref121.tableColumn;
+  return fetchColumns.map(function(_ref122) {
+    var format = _ref122.format, columnValues = _ref122.columnValues;
     return format.async.fetch({
       columns: tableColumn2,
       columnValues,
@@ -6464,8 +6529,8 @@ function mapFetchColumnPromise(_ref120) {
     });
   });
 }
-function preprocessDataObjectFormat(_ref122) {
-  var columnCount = _ref122.columnCount, columnValues = _ref122.columnValues, columnValuesMap = _ref122.columnValuesMap, fields = _ref122.fields;
+function preprocessDataObjectFormat(_ref123) {
+  var columnCount = _ref123.columnCount, columnValues = _ref123.columnValues, columnValuesMap = _ref123.columnValuesMap, fields = _ref123.fields;
   if (columnCount) {
     columnValues.forEach(function(col) {
       if (typeof col === "object") {
@@ -6477,8 +6542,8 @@ function preprocessDataObjectFormat(_ref122) {
     });
   }
 }
-function preventDupRender(_ref123) {
-  var asyncColumnName = _ref123.asyncColumnName, cellTexts = _ref123.cellTexts, cellValuesCount = _ref123.cellValuesCount, columnData = _ref123.columnData, columnValuesMap = _ref123.columnValuesMap, isRender = _ref123.isRender, property = _ref123.property, renderCount = _ref123.renderCount, row2 = _ref123.row, splitConfig = _ref123.splitConfig;
+function preventDupRender(_ref124) {
+  var asyncColumnName = _ref124.asyncColumnName, cellTexts = _ref124.cellTexts, cellValuesCount = _ref124.cellValuesCount, columnData = _ref124.columnData, columnValuesMap = _ref124.columnValuesMap, isRender = _ref124.isRender, property = _ref124.property, renderCount = _ref124.renderCount, row2 = _ref124.row, splitConfig = _ref124.splitConfig;
   var cellEachIndex = 0;
   if (!isRender && cellValuesCount) {
     var cellLabel;
@@ -6503,8 +6568,8 @@ function preventDupRender(_ref123) {
   }
   return renderCount;
 }
-function handleResolveColumnComplete(_ref124) {
-  var _vm = _ref124._vm, columnData = _ref124.columnData, complete = _ref124.complete;
+function handleResolveColumnComplete(_ref125) {
+  var _vm = _ref125._vm, columnData = _ref125.columnData, complete = _ref125.complete;
   if (typeof complete === "function") {
     complete({
       columnData,
@@ -6513,8 +6578,8 @@ function handleResolveColumnComplete(_ref124) {
   }
 }
 var isWebkit = browserInfo["-webkit"];
-function computeScrollYLoad(_ref125) {
-  var _vm = _ref125._vm, scrollLoad = _ref125.scrollLoad, scrollY = _ref125.scrollY, scrollYLoad = _ref125.scrollYLoad, scrollYStore = _ref125.scrollYStore, tableBodyElem = _ref125.tableBodyElem;
+function computeScrollYLoad(_ref126) {
+  var _vm = _ref126._vm, scrollLoad = _ref126.scrollLoad, scrollY = _ref126.scrollY, scrollYLoad = _ref126.scrollYLoad, scrollYStore = _ref126.scrollYStore, tableBodyElem = _ref126.tableBodyElem;
   if (scrollYLoad || scrollLoad) {
     scrollYStore.rowHeight = _vm.rowHeight;
   }
@@ -6534,8 +6599,8 @@ function computeScrollYLoad(_ref125) {
     _vm.updateScrollYSpace();
   }
 }
-function computeScrollXLoad(_ref126) {
-  var _vm = _ref126._vm, scrollX = _ref126.scrollX, scrollXLoad = _ref126.scrollXLoad, scrollXStore = _ref126.scrollXStore, tableBodyElem = _ref126.tableBodyElem, visibleColumn = _ref126.visibleColumn;
+function computeScrollXLoad(_ref127) {
+  var _vm = _ref127._vm, scrollX = _ref127.scrollX, scrollXLoad = _ref127.scrollXLoad, scrollXStore = _ref127.scrollXStore, tableBodyElem = _ref127.tableBodyElem, visibleColumn = _ref127.visibleColumn;
   if (scrollXLoad) {
     var clientWidth = tableBodyElem.clientWidth;
     var width = 0;
@@ -6575,16 +6640,17 @@ var calcTableWidth = function calcTableWidth2($table) {
   var pxArr = columnStore.pxList, scaleArr = columnStore.scaleList, pxMinArr = columnStore.pxMinList, scaleMinArr = columnStore.scaleMinList, autoArr = columnStore.autoList, resizeArr = columnStore.resizeList;
   var remainWidth = clientWidth;
   var totalWidth = 0;
-  pxMinArr.forEach(function(column) {
+  var minArr = new Array(pxMinArr.length + scaleMinArr.length);
+  pxMinArr.forEach(function(column, index2) {
     var width = parseInt(column.minWidth);
     totalWidth += width;
-    column.renderWidth = width;
+    minArr[index2 + scaleMinArr.length] = width;
   });
   var meanWidth = remainWidth / 100;
-  scaleMinArr.forEach(function(column) {
+  scaleMinArr.forEach(function(column, index2) {
     var width = Math.floor(parseInt(column.minWidth) * meanWidth);
     totalWidth += width;
-    column.renderWidth = width;
+    minArr[index2] = width;
   });
   scaleArr.forEach(function(column) {
     var width = Math.floor(parseInt(column.width) * meanWidth);
@@ -6605,9 +6671,9 @@ var calcTableWidth = function calcTableWidth2($table) {
   meanWidth = remainWidth > 0 ? Math.floor(remainWidth / (scaleMinArr.length + pxMinArr.length + autoArr.length)) : 0;
   if (fit) {
     if (remainWidth > 0) {
-      scaleMinArr.concat(pxMinArr).forEach(function(column) {
+      scaleMinArr.concat(pxMinArr).forEach(function(column, index2) {
         totalWidth += meanWidth;
-        column.renderWidth += meanWidth;
+        minArr[index2] += meanWidth;
       });
     }
   } else {
@@ -6615,23 +6681,27 @@ var calcTableWidth = function calcTableWidth2($table) {
   }
   autoArr.forEach(function(column, index2) {
     var width = Math.max(meanWidth, minCellWidth);
-    column.renderWidth = width;
+    var renderWidth = width;
     totalWidth += width;
     if (fit && index2 === autoArr.length - 1) {
       var odiffer = clientWidth - totalWidth;
       if (odiffer > 0) {
-        column.renderWidth += odiffer;
+        renderWidth += odiffer;
         totalWidth = clientWidth;
       }
     }
+    column.renderWidth = renderWidth;
   });
   var remainingSpace = bodyWidth - totalWidth;
   if (fit && remainingSpace > 0) {
-    scaleMinArr.concat(pxMinArr).slice(0, remainingSpace).forEach(function(column) {
+    scaleMinArr.concat(pxMinArr).slice(0, remainingSpace).forEach(function(column, index2) {
       totalWidth += 1;
-      column.renderWidth += 1;
+      minArr[index2] += 1;
     });
   }
+  scaleMinArr.concat(pxMinArr).forEach(function(column, index2) {
+    column.renderWidth = minArr[index2];
+  });
   return {
     totalWidth,
     offsetWidth,
@@ -6641,8 +6711,8 @@ var calcTableWidth = function calcTableWidth2($table) {
 function calcFixedDetails(_vm) {
   var collectColumn2 = _vm.collectColumn, visibleColumn = _vm.visibleColumn, columnStore = _vm.columnStore, isGroup2 = _vm.isGroup;
   var leftList = columnStore.leftList, rightList = columnStore.rightList;
-  visibleColumn.forEach(function(_ref127) {
-    var fixedDetails = _ref127.fixedDetails;
+  visibleColumn.forEach(function(_ref128) {
+    var fixedDetails = _ref128.fixedDetails;
     if (fixedDetails) {
       fixedDetails.isLeftLast = false;
       fixedDetails.isRightFirst = false;
@@ -6653,8 +6723,8 @@ function calcFixedDetails(_vm) {
   var length = leftList.length;
   var value = 0;
   if (Array.isArray(leftList) && length > 0) {
-    leftList.forEach(function(_ref128, i) {
-      var fixedDetails = _ref128.fixedDetails, renderWidth = _ref128.renderWidth;
+    leftList.forEach(function(_ref129, i) {
+      var fixedDetails = _ref129.fixedDetails, renderWidth = _ref129.renderWidth;
       fixedDetails.isLeftLast = i === length - 1;
       fixedDetails.left = value;
       value += renderWidth;
@@ -6664,8 +6734,8 @@ function calcFixedDetails(_vm) {
   value = 0;
   if (Array.isArray(rightList) && length > 0) {
     var reversed = [].concat(rightList).reverse();
-    reversed.forEach(function(_ref129, i) {
-      var fixedDetails = _ref129.fixedDetails, renderWidth = _ref129.renderWidth;
+    reversed.forEach(function(_ref130, i) {
+      var fixedDetails = _ref130.fixedDetails, renderWidth = _ref130.renderWidth;
       fixedDetails.isRightFirst = i === length - 1;
       fixedDetails.right = value;
       value += renderWidth;
@@ -6737,10 +6807,10 @@ var headerProps = {
 };
 var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
   var startIndex = opt.startIndex, fetchColumns = opt.fetchColumns, tableData = opt.tableData, asyncRenderMap = opt.asyncRenderMap, isScrollLoad = opt.isScrollLoad;
-  return function(data6) {
-    if (data6.length) {
+  return function(data7) {
+    if (data7.length) {
       ctx._isUpdateData = true;
-      data6.forEach(function(item, i) {
+      data7.forEach(function(item, i) {
         var columnValues = [];
         var columnValuesMap = {};
         var k = startIndex;
@@ -6748,7 +6818,7 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
         var columnCount = 0;
         var columnData = [];
         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 _ref130 = format.async || {}, _ref130$splitConfig = _ref130.splitConfig, splitConfig = _ref130$splitConfig === void 0 ? {} : _ref130$splitConfig, _ref130$fields = _ref130.fields, fields = _ref130$fields === void 0 ? {} : _ref130$fields, complete = _ref130.complete;
+        var _ref131 = format.async || {}, _ref131$splitConfig = _ref131.splitConfig, splitConfig = _ref131$splitConfig === void 0 ? {} : _ref131$splitConfig, _ref131$fields = _ref131.fields, fields = _ref131$fields === void 0 ? {} : _ref131$fields, complete = _ref131.complete;
         columnValues = isArray(item) ? item : get(item, fields.data || "values");
         columnCount = columnValues.length;
         preprocessDataObjectFormat({
@@ -6799,8 +6869,8 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
     }
   };
 };
-function handleGlobalMousedownOnFilterWrapper(_ref131) {
-  var $el = _ref131.$el, _vm = _ref131._vm, event = _ref131.event, filterStore = _ref131.filterStore, filterWrapper = _ref131.filterWrapper;
+function handleGlobalMousedownOnFilterWrapper(_ref132) {
+  var $el = _ref132.$el, _vm = _ref132._vm, event = _ref132.event, filterStore = _ref132.filterStore, filterWrapper = _ref132.filterWrapper;
   if (filterWrapper) {
     if (_vm.getEventTargetNode(event, $el, "tiny-grid-filter-wrapper").flag) ;
     else if (_vm.getEventTargetNode(event, filterWrapper.$el).flag) ;
@@ -6811,14 +6881,14 @@ function handleGlobalMousedownOnFilterWrapper(_ref131) {
     }
   }
 }
-function handleGlobalMousedownOnCtxMenu(_ref132) {
-  var _vm = _ref132._vm, ctxMenuStore = _ref132.ctxMenuStore, event = _ref132.event;
+function handleGlobalMousedownOnCtxMenu(_ref133) {
+  var _vm = _ref133._vm, ctxMenuStore = _ref133.ctxMenuStore, event = _ref133.event;
   if (ctxMenuStore.visible && _vm.$refs.ctxWrapper && !_vm.getEventTargetNode(event, _vm.$refs.ctxWrapper.$el).flag) {
     _vm.closeMenu();
   }
 }
-function handleGlobalBlurOutside(_ref133) {
-  var _vm = _ref133._vm, actived = _ref133.actived, event = _ref133.event;
+function handleGlobalBlurOutside(_ref134) {
+  var _vm = _ref134._vm, actived = _ref134.actived, event = _ref134.event;
   var custblur = _vm.blurOutside(actived, event);
   if (typeof custblur === "boolean") {
     custblur || setTimeout(function() {
@@ -6828,8 +6898,8 @@ function handleGlobalBlurOutside(_ref133) {
   }
   return false;
 }
-function handleGlobalIsClear(_ref134) {
-  var $el = _ref134.$el, _vm = _ref134._vm, actived = _ref134.actived, editConfig = _ref134.editConfig, event = _ref134.event, isClear = _ref134.isClear, isReadonlyCol = _ref134.isReadonlyCol;
+function handleGlobalIsClear(_ref135) {
+  var $el = _ref135.$el, _vm = _ref135._vm, actived = _ref135.actived, editConfig = _ref135.editConfig, event = _ref135.event, isClear = _ref135.isClear, isReadonlyCol = _ref135.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;
@@ -6843,11 +6913,12 @@ function handleGlobalIsClear(_ref134) {
   }
   return isClear;
 }
-function handleGlobalClearActived(_ref135) {
+function handleGlobalClearActived(_ref136) {
   var _vm$$refs$tableBody;
-  var $el = _ref135.$el, _vm = _ref135._vm, event = _ref135.event, isClear = _ref135.isClear;
+  var $el = _ref136.$el, _vm = _ref136._vm, event = _ref136.event, isClear = _ref136.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)) {
+  var actualTarget = getActualTarget(event);
+  if (isClear || !_vm.getEventTargetNode(event, $el).flag || _vm.$refs.tableHeader && _vm.$refs.tableHeader.$el.contains(actualTarget) || tableContent && !tableContent.contains(actualTarget)) {
     setTimeout(function() {
       return _vm.clearActived(event);
     });
@@ -6856,8 +6927,8 @@ function handleGlobalClearActived(_ref135) {
 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(_ref136) {
-  var isKeyEsc = _ref136.isKeyEsc, _vm = _ref136._vm, event = _ref136.event, actived = _ref136.actived, mouseConfig = _ref136.mouseConfig;
+function rule1(_ref137) {
+  var isKeyEsc = _ref137.isKeyEsc, _vm = _ref137._vm, event = _ref137.event, actived = _ref137.actived, mouseConfig = _ref137.mouseConfig;
   return {
     match: function match() {
       return isKeyEsc;
@@ -6871,8 +6942,8 @@ function rule1(_ref136) {
     }
   };
 }
-function rule2(_ref137) {
-  var isKeySpacebar = _ref137.isKeySpacebar, keyboardConfig = _ref137.keyboardConfig, selected = _ref137.selected, _vm = _ref137._vm, event = _ref137.event;
+function rule2(_ref138) {
+  var isKeySpacebar = _ref138.isKeySpacebar, keyboardConfig = _ref138.keyboardConfig, selected = _ref138.selected, _vm = _ref138._vm, event = _ref138.event;
   return {
     match: function match() {
       return isKeySpacebar && (keyboardConfig.isArrow || keyboardConfig.isTab) && selected.row && selected.column && (selected.column.type === "selection" || selected.column.type === "radio");
@@ -6902,8 +6973,8 @@ function rule3(args) {
     }
   };
 }
-function rule4(_ref138) {
-  var isOperCtxMenu = _ref138.isOperCtxMenu, _vm = _ref138._vm, event = _ref138.event;
+function rule4(_ref139) {
+  var isOperCtxMenu = _ref139.isOperCtxMenu, _vm = _ref139._vm, event = _ref139.event;
   return {
     match: function match() {
       return isOperCtxMenu;
@@ -6915,8 +6986,8 @@ function rule4(_ref138) {
     }
   };
 }
-function rule5(_ref139) {
-  var isKeyF2 = _ref139.isKeyF2, _vm = _ref139._vm, event = _ref139.event, selected = _ref139.selected;
+function rule5(_ref140) {
+  var isKeyF2 = _ref140.isKeyF2, _vm = _ref140._vm, event = _ref140.event, selected = _ref140.selected;
   return {
     match: function match() {
       return isKeyF2;
@@ -6929,8 +7000,8 @@ function rule5(_ref139) {
     }
   };
 }
-function rule6(_ref140) {
-  var isOperArrowKeys = _ref140.isOperArrowKeys, keyboardConfig = _ref140.keyboardConfig, _vm = _ref140._vm, event = _ref140.event, selected = _ref140.selected;
+function rule6(_ref141) {
+  var isOperArrowKeys = _ref141.isOperArrowKeys, keyboardConfig = _ref141.keyboardConfig, _vm = _ref141._vm, event = _ref141.event, selected = _ref141.selected;
   return {
     match: function match() {
       return isOperArrowKeys && keyboardConfig.isArrow;
@@ -6943,8 +7014,8 @@ function rule6(_ref140) {
     }
   };
 }
-function rule7(_ref141) {
-  var isKeyTab = _ref141.isKeyTab, keyboardConfig = _ref141.keyboardConfig, _vm = _ref141._vm, event = _ref141.event, selected = _ref141.selected, actived = _ref141.actived;
+function rule7(_ref142) {
+  var isKeyTab = _ref142.isKeyTab, keyboardConfig = _ref142.keyboardConfig, _vm = _ref142._vm, event = _ref142.event, selected = _ref142.selected, actived = _ref142.actived;
   return {
     match: function match() {
       return isKeyTab && keyboardConfig.isTab;
@@ -6973,8 +7044,8 @@ function rule8(args) {
     }
   };
 }
-function rule9(_ref142) {
-  var keyboardConfig = _ref142.keyboardConfig, isKeyWithCtrl = _ref142.isKeyWithCtrl, isKeyA = _ref142.isKeyA, isKeyX = _ref142.isKeyX, isKeyC = _ref142.isKeyC, isKeyV = _ref142.isKeyV, _vm = _ref142._vm, event = _ref142.event;
+function rule9(_ref143) {
+  var keyboardConfig = _ref143.keyboardConfig, isKeyWithCtrl = _ref143.isKeyWithCtrl, isKeyA = _ref143.isKeyA, isKeyX = _ref143.isKeyX, isKeyC = _ref143.isKeyC, isKeyV = _ref143.isKeyV, _vm = _ref143._vm, event = _ref143.event;
   return {
     match: function match() {
       return keyboardConfig.isCut && isKeyWithCtrl && (isKeyA || isKeyX || isKeyC || isKeyV);
@@ -6986,8 +7057,8 @@ function rule9(_ref142) {
     }
   };
 }
-function rule10(_ref143) {
-  var keyboardConfig = _ref143.keyboardConfig, isKeyWithCtrl = _ref143.isKeyWithCtrl, _vm = _ref143._vm, event = _ref143.event, selected = _ref143.selected, actived = _ref143.actived;
+function rule10(_ref144) {
+  var keyboardConfig = _ref144.keyboardConfig, isKeyWithCtrl = _ref144.isKeyWithCtrl, _vm = _ref144._vm, event = _ref144.event, selected = _ref144.selected, actived = _ref144.actived;
   return {
     match: function match() {
       return keyboardConfig.isEdit && !isKeyWithCtrl && !(selected.row === actived.row && selected.column === actived.column);
@@ -7180,9 +7251,9 @@ function handleGlobalMousewheelEvent(event) {
   this.clostTooltip();
   this.closeMenu();
 }
-function handleEscKeyDown(_ref144) {
+function handleEscKeyDown(_ref145) {
   var _this10 = this;
-  var event = _ref144.event, actived = _ref144.actived, mouseConfig = _ref144.mouseConfig;
+  var event = _ref145.event, actived = _ref145.actived, mouseConfig = _ref145.mouseConfig;
   this.closeMenu();
   this.closeFilter();
   if (actived.row) {
@@ -7194,9 +7265,9 @@ function handleEscKeyDown(_ref144) {
     }
   }
 }
-function handleEnterKeyDown(_ref145) {
+function handleEnterKeyDown(_ref146) {
   var _this11 = this;
-  var event = _ref145.event, selected = _ref145.selected, actived = _ref145.actived;
+  var event = _ref146.event, selected = _ref146.selected, actived = _ref146.actived;
   var highlightCurrentRow = this.highlightCurrentRow, currentRow = this.currentRow, treeConfig = this.treeConfig;
   var isLeftArrow = event.keyCode === 37;
   var isUpArrow = event.keyCode === 38;
@@ -7226,8 +7297,8 @@ function handleEnterKeyDown(_ref145) {
     }
   }
 }
-function handleCtxMenu(_ref146) {
-  var event = _ref146.event;
+function handleCtxMenu(_ref147) {
+  var event = _ref147.event;
   var ctxMenuStore = this.ctxMenuStore;
   event.preventDefault();
   if (ctxMenuStore.showChild && hasChildrenList(ctxMenuStore.selected)) {
@@ -7252,8 +7323,8 @@ function handleCtxMenu(_ref146) {
     });
   }
 }
-function handleArrowKeyDown(_ref147) {
-  var event = _ref147.event, selected = _ref147.selected;
+function handleArrowKeyDown(_ref148) {
+  var event = _ref148.event, selected = _ref148.selected;
   var highlightCurrentRow = this.highlightCurrentRow, currentRow = this.currentRow;
   var isLeftArrow = event.keyCode === 37;
   var isUpArrow = event.keyCode === 38;
@@ -7272,9 +7343,9 @@ function handleArrowKeyDown(_ref147) {
     this.moveCurrentRow(isUpArrow, isDownArrow, event);
   }
 }
-function handleDelKeyDown(_ref148) {
+function handleDelKeyDown(_ref149) {
   var _this12 = this;
-  var event = _ref148.event, selected = _ref148.selected;
+  var event = _ref149.event, selected = _ref149.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)) {
@@ -7299,8 +7370,8 @@ function handleDelKeyDown(_ref148) {
     }
   }
 }
-function handleSpaceKeyDown(_ref149) {
-  var event = _ref149.event, selected = _ref149.selected;
+function handleSpaceKeyDown(_ref150) {
+  var event = _ref150.event, selected = _ref150.selected;
   event.preventDefault();
   if (selected.column.type === "selection") {
     this.handleToggleCheckRowEvent(selected.args, event);
@@ -7308,8 +7379,8 @@ function handleSpaceKeyDown(_ref149) {
     this.triggerRadioRowEvent(event, selected.args);
   }
 }
-function handleTabKeyDown(_ref150) {
-  var event = _ref150.event, selected = _ref150.selected, actived = _ref150.actived;
+function handleTabKeyDown(_ref151) {
+  var event = _ref151.event, selected = _ref151.selected, actived = _ref151.actived;
   var isShiftKey = event.shiftKey;
   var useTab = this.editConfig.useTab;
   if (selected.row || selected.column) {
@@ -7318,8 +7389,8 @@ function handleTabKeyDown(_ref150) {
     this.moveTabSelected(actived.args, isShiftKey, event, useTab);
   }
 }
-function handleCopyKeyDown(_ref151) {
-  var event = _ref151.event;
+function handleCopyKeyDown(_ref152) {
+  var event = _ref152.event;
   if (event.keyCode === 65) {
     this.handleAllChecked(event);
   } else if (event.keyCode === 88 || event.keyCode === 67) {
@@ -7328,15 +7399,15 @@ function handleCopyKeyDown(_ref151) {
     this.handlePaste(event);
   }
 }
-function handleF2KeyDown(_ref152) {
-  var event = _ref152.event, selected = _ref152.selected;
+function handleF2KeyDown(_ref153) {
+  var event = _ref153.event, selected = _ref153.selected;
   if (selected.row && selected.column) {
     event.preventDefault();
     this.handleActived(selected.args, event);
   }
 }
-function handleOtherKeyDown(_ref153) {
-  var event = _ref153.event, selected = _ref153.selected;
+function handleOtherKeyDown(_ref154) {
+  var event = _ref154.event, selected = _ref154.selected;
   var _this$keyboardConfig2 = this.keyboardConfig, keyboardConfig = _this$keyboardConfig2 === void 0 ? {} : _this$keyboardConfig2;
   var keyCode = event.keyCode;
   var isOtherKey = checkOtherKey(keyCode);
@@ -7441,28 +7512,36 @@ var Methods$d = {
   clearAll: function clearAll(silent) {
     var _this$$grid$fetchOpti = this.$grid.fetchOption, fetchOption = _this$$grid$fetchOpti === void 0 ? {} : _this$$grid$fetchOpti;
     var isReloadFilter = fetchOption.isReloadFilter, _fetchOption$isReload = fetchOption.isReloadScroll, isReloadScroll = _fetchOption$isReload === void 0 ? false : _fetchOption$isReload;
-    var functionNames = ["clearScroll", "clearSort", "clearCurrentRow", "clearCurrentColumn", "clearSelection", "clearRowExpand", "clearTreeExpand"];
-    if (isReloadScroll) {
-      functionNames = functionNames.filter(function(i) {
-        return i !== "clearScroll";
-      });
+    this.clearSort();
+    this.clearCurrentRow();
+    this.clearCurrentColumn();
+    this.clearSelection();
+    this.clearRowExpand();
+    this.clearTreeExpand();
+    this.clearValidateMap();
+    if (!isReloadScroll) {
+      this.clearScroll();
     }
-    run(functionNames, this);
     this.cellStatus.clear();
     if (typeof isReloadFilter === "undefined" ? Grid$1._filter : !isReloadFilter) {
       this.clearFilter(silent);
     }
     if (this.keyboardConfig || this.mouseConfig) {
-      run(["clearIndexChecked", "clearHeaderChecked", "clearChecked", "clearSelected", "clearCopyed"], this);
+      this.clearIndexChecked();
+      this.clearHeaderChecked();
+      this.clearChecked();
+      this.clearSelected();
+      this.clearCopyed();
     }
     return this.clearActived();
   },
-  refreshData: function refreshData(data6) {
+  refreshData: function refreshData(data7) {
     var _this15 = this;
     var next = function next2() {
       _this15.tableData = [];
       _this15.cellStatus.clear();
-      return _this15.loadTableData(data6 || _this15.tableFullData);
+      _this15.clearValidateMap();
+      return _this15.loadTableData(data7 || _this15.tableFullData);
     };
     return this.$nextTick().then(next);
   },
@@ -7491,7 +7570,7 @@ var Methods$d = {
   // 处理表格数据（过滤，排序，虚拟滚动需要渲染数据的条数）
   handleTableData: function handleTableData(force) {
     var _this$tableFullColumn, _this$tableFullColumn2;
-    if (force && ((_this$tableFullColumn = this.tableFullColumn) == null ? void 0 : _this$tableFullColumn.length) > 0) {
+    if (force && (((_this$tableFullColumn = this.tableFullColumn) == null ? void 0 : _this$tableFullColumn.length) > 0 || this.viewType !== GlobalConfig$1.viewConfig.DEFAULT)) {
       this.updateAfterFullData();
       this.updateSelectionStatus();
       this.handleSelectionHeader();
@@ -7570,7 +7649,7 @@ var Methods$d = {
   },
   reloadRow: function reloadRow(row2, record, field) {
     var tableData = this.tableData, treeConfig = this.treeConfig, treeOrdered = this.treeOrdered;
-    var _ref154 = treeConfig || {}, childrenKey = _ref154.children, _ref154$temporaryInde = _ref154.temporaryIndex, temporaryIndex = _ref154$temporaryInde === void 0 ? "_$index_" : _ref154$temporaryInde;
+    var _ref155 = treeConfig || {}, childrenKey = _ref155.children, _ref155$temporaryInde = _ref155.temporaryIndex, temporaryIndex = _ref155$temporaryInde === void 0 ? "_$index_" : _ref155$temporaryInde;
     var rowKey = getRowkey(this);
     var originRow = this.getOriginRow(row2);
     var hasSrc = originRow && row2;
@@ -7579,7 +7658,7 @@ var Methods$d = {
       set(originRow, field, get(record || row2, field));
     }
     if (hasSrcNoField && record) {
-      var _extends4, _ref155;
+      var _extends4, _ref156;
       var backupRow = this.defineField(_extends({}, record, (_extends4 = {}, _extends4[rowKey] = originRow[rowKey], _extends4)));
       var rowChildren, clonedRow;
       if (treeConfig) {
@@ -7595,7 +7674,7 @@ var Methods$d = {
       }
       this.setOriginRow(row2, backupRow);
       clear(row2, void 0);
-      Object.assign(row2, clonedRow, treeConfig ? (_ref155 = {}, _ref155[childrenKey] = rowChildren, _ref155) : null);
+      Object.assign(row2, clonedRow, treeConfig ? (_ref156 = {}, _ref156[childrenKey] = rowChildren, _ref156) : null);
       this.updateCache();
     }
     if (hasSrcNoField && !record) {
@@ -7641,7 +7720,7 @@ var Methods$d = {
     }
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig, treeOrdered = this.treeOrdered;
     var rowKey = getRowkey(this);
-    var _ref156 = treeConfig || {}, childrenKey = _ref156.children, _ref156$temporaryInde = _ref156.temporaryIndex, temporaryIndex = _ref156$temporaryInde === void 0 ? "_$index_" : _ref156$temporaryInde;
+    var _ref157 = treeConfig || {}, childrenKey = _ref157.children, _ref157$temporaryInde = _ref157.temporaryIndex, temporaryIndex = _ref157$temporaryInde === void 0 ? "_$index_" : _ref157$temporaryInde;
     var isTreeOrderedFalse = treeConfig && !treeOrdered;
     var backupMap = /* @__PURE__ */ new WeakMap();
     this.fullDataRowIdData = {};
@@ -7660,7 +7739,7 @@ var Methods$d = {
       _this22.fullDataRowIdData[rowId] = rowCache;
       _this22.fullDataRowMap.set(hooks.toRaw(row2), rowCache);
       if (backup) {
-        var _ref157;
+        var _ref158;
         if (isTreeOrderedFalse) {
           var parentIndex;
           if (parent) {
@@ -7668,7 +7747,7 @@ var Methods$d = {
           }
           set(row2, temporaryIndex, (parentIndex ? parentIndex + "." : "") + (index2 + 1));
         }
-        var childrenField = treeConfig ? (_ref157 = {}, _ref157[childrenKey] = void 0, _ref157) : {};
+        var childrenField = treeConfig ? (_ref158 = {}, _ref158[childrenKey] = void 0, _ref158) : {};
         var backupRow = deepCopy ? clone(_extends({}, row2, childrenField), true) : _extends({}, row2, childrenField);
         backupMap.set(row2, backupRow);
         return backupRow;
@@ -7744,8 +7823,8 @@ var Methods$d = {
       row2 = clone(row2, true);
     }
     var rowKey = getRowkey(this);
-    this.visibleColumn.forEach(function(_ref158) {
-      var property = _ref158.property, editor = _ref158.editor;
+    this.visibleColumn.forEach(function(_ref159) {
+      var property = _ref159.property, editor = _ref159.editor;
       var propNotExist = property && !has(row2, property);
       var propDefaultValue = editor && !isUndefined(editor.defaultValue) ? editor.defaultValue : null;
       if (propNotExist) {
@@ -7809,7 +7888,7 @@ var Methods$d = {
     var value = get(row2, field);
     var originalValue = get(originalRow, field);
     var column = this.getColumnByField(field);
-    var equals = column.equals || this.equals;
+    var equals = (column == null ? void 0 : column.equals) || this.equals;
     var result;
     if (equals) {
       result = equals({
@@ -7903,7 +7982,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 _ref159 = {}, _ref159$rowList = _ref159.rowList, rowList = _ref159$rowList === void 0 ? [] : _ref159$rowList;
+    var _ref160 = {}, _ref160$rowList = _ref160.rowList, rowList = _ref160$rowList === void 0 ? [] : _ref160$rowList;
     if (checkField && treeConfig) {
       rowList = filterTree(tableFullData, function(row2) {
         return get(row2, checkField);
@@ -7932,8 +8011,8 @@ var Methods$d = {
     var tableData = this.tableFullData;
     var updateFilter = function updateFilter2(tableData2) {
       var remoteFilter = _this26.remoteFilter, visibleColumn = _this26.visibleColumn;
-      var filterColumn = visibleColumn.filter(function(_ref160) {
-        var filter2 = _ref160.filter;
+      var filterColumn = visibleColumn.filter(function(_ref161) {
+        var filter2 = _ref161.filter;
         return !!filter2;
       });
       return tableData2.filter(function(row2) {
@@ -7962,8 +8041,8 @@ var Methods$d = {
         } else {
           var sortedFlag = false;
           if (sortOpts2.multipleColumnSort) {
-            var sortColumns = visibleColumn.filter(function(_ref161) {
-              var order2 = _ref161.order;
+            var sortColumns = visibleColumn.filter(function(_ref162) {
+              var order2 = _ref162.order;
               return !!order2;
             });
             if (sortColumns.length > 1) {
@@ -8040,16 +8119,13 @@ var Methods$d = {
     };
   },
   handleDefault: function handleDefault() {
-    var _this28 = this;
     this.handleAsyncColumn(this.tableData);
     this.isCheckable && this.selectConfig && this.handleSelectionDefChecked();
     this.radioConfig && this.handleRadioDefChecked();
     this.expandConfig && this.handleDefaultRowExpand();
     this.treeConfig && this.handleDefaultTreeExpand();
     this.updateFooter();
-    this.$nextTick(function() {
-      return setTimeout(_this28.recalculate);
-    });
+    this.$nextTick(this.recalculate);
   },
   // 动态列处理
   mergeCustomColumn: function mergeCustomColumn(customColumns, sort2, colWidth) {
@@ -8074,7 +8150,7 @@ var Methods$d = {
       });
     }
     if (hasCustomsOrColWidth && !isGroupOrNonSort) {
-      var _ref162 = {}, _ref162$collectColumn = _ref162.collectColumn, collectColumn2 = _ref162$collectColumn === void 0 ? [] : _ref162$collectColumn, _ref162$customMap = _ref162.customMap, customMap = _ref162$customMap === void 0 ? {} : _ref162$customMap, _ref162$orderColumn = _ref162.orderColumn, orderColumn = _ref162$orderColumn === void 0 ? [] : _ref162$orderColumn;
+      var _ref163 = {}, _ref163$collectColumn = _ref163.collectColumn, collectColumn2 = _ref163$collectColumn === void 0 ? [] : _ref163$collectColumn, _ref163$customMap = _ref163.customMap, customMap = _ref163$customMap === void 0 ? {} : _ref163$customMap, _ref163$orderColumn = _ref163.orderColumn, orderColumn = _ref163$orderColumn === void 0 ? [] : _ref163$orderColumn;
       mapTree(customColumns, function(customCol) {
         var targetCol = find$1(fullColumn, function(item) {
           return customCol.property && item.property === customCol.property;
@@ -8127,11 +8203,11 @@ var Methods$d = {
   },
   // 初始化加载动态列：customColumns 列信息，sort 是否按顺序加载
   reloadCustoms: function reloadCustoms(customColumns, sort2, colWidth) {
-    var _this29 = this;
+    var _this28 = this;
     this.mergeCustomColumn(customColumns, sort2, colWidth);
     this.handleTableData(true);
     return this.refreshColumn().then(function() {
-      return _this29.tableFullColumn.slice(0);
+      return _this28.tableFullColumn.slice(0);
     });
   },
   watchColumn: function watchColumn(value) {
@@ -8178,7 +8254,7 @@ var Methods$d = {
    * 如果使用了分组表头，固定列必须在左侧或者右侧
    */
   refreshColumn: function refreshColumn() {
-    var _this30 = this;
+    var _this29 = this;
     var leftList = [], centerList = [], rightList = [];
     var letIndex = 0, leftStartIndex = null, rightEndIndex = null, isColspan = void 0;
     var columnStore = this.columnStore, isGroup2 = this.isGroup;
@@ -8250,9 +8326,9 @@ var Methods$d = {
     this.updateFooter();
     this.recalculate();
     return this.$nextTick().then(function() {
-      _this30.$emit("after-refresh-column");
-      if (_this30.isColumnReady) {
-        _this30.attemptRestoreScroll();
+      _this29.$emit("after-refresh-column");
+      if (_this29.isColumnReady) {
+        _this29.attemptRestoreScroll();
       }
     });
   },
@@ -8332,7 +8408,7 @@ var Methods$d = {
    * 支持（width=?、width=?px、width=?%、min-width=?、min-width=?px、min-width=?%）
    */
   recalculate: function recalculate() {
-    var _this31 = this;
+    var _this30 = this;
     var elemStore = this.elemStore, scrollXLoad = this.scrollXLoad, scrollYLoad = this.scrollYLoad, scrollLoad = this.scrollLoad, _tableVisible = this._tableVisible;
     var bodyWrapper = elemStore["main-body-wrapper"];
     if (!_tableVisible) {
@@ -8344,7 +8420,7 @@ var Methods$d = {
     this.autoCellWidth();
     if (scrollXLoad || scrollYLoad || scrollLoad) {
       return this.computeScrollLoad().then(function() {
-        _this31.autoCellWidth();
+        _this30.autoCellWidth();
       });
     }
     return this.computeScrollLoad();
@@ -8402,17 +8478,17 @@ var Methods$d = {
     this.currentRow && this.setCurrentRow(this.currentRow);
   },
   preventEvent: function preventEvent(event, type, args, next, end) {
-    var _this32 = this;
+    var _this31 = this;
     var eventList = Interceptor.get(type);
     if (!eventList.some(function(listener) {
-      return listener(args, event, _this32) === false;
+      return listener(args, event, _this31) === false;
     })) {
       next && next();
     }
     end && end();
   },
-  blurOutside: function blurOutside(_ref163, event) {
-    var row2 = _ref163.row, args = _ref163.args, column = _ref163.column;
+  blurOutside: function blurOutside(_ref164, event) {
+    var row2 = _ref164.row, args = _ref164.args, column = _ref164.column;
     var editConfig = this.editConfig, getEventTargetNode2 = this.getEventTargetNode, $el = this.$el;
     if (column && row2) {
       var editor = column.editor;
@@ -8441,7 +8517,7 @@ var Methods$d = {
         } else if (isArray(blurClassConfig)) {
           blurClass = blurClassConfig.slice(0);
         }
-        if (args != null && args.cell.contains(event.target)) {
+        if (args != null && args.cell.contains(getActualTarget(event))) {
           return true;
         }
         if (editConfig.mode === "row" && getEventTargetNode2(event, $el, "tiny-grid-body__column").flag) {
@@ -8472,7 +8548,7 @@ var Methods$d = {
   // 处理单选框默认勾选
   handleRadioDefChecked: function handleRadioDefChecked() {
     var fullDataRowIdData = this.fullDataRowIdData;
-    var _ref164 = this.radioConfig || {}, checkRowKey = _ref164.checkRowKey;
+    var _ref165 = this.radioConfig || {}, checkRowKey = _ref165.checkRowKey;
     var rowid2 = checkRowKey && encodeURIComponent(checkRowKey);
     var rowCache = fullDataRowIdData[rowid2];
     if (rowid2 && rowCache) {
@@ -8482,7 +8558,7 @@ var Methods$d = {
   // 单选，行选中事件
   triggerRadioRowEvent: function triggerRadioRowEvent(event, params) {
     var selectRow = this.selectRow;
-    var _ref165 = this.radioConfig || {}, checkMethod = _ref165.checkMethod;
+    var _ref166 = this.radioConfig || {}, checkMethod = _ref166.checkMethod;
     if (checkMethod && !checkMethod(params)) {
       return;
     }
@@ -8581,12 +8657,15 @@ var Methods$d = {
   },
   // 当单元格发生改变时，如果存在规则，则校验
   handleChangeCell: function handleChangeCell(event, params) {
-    var _this33 = this;
+    var _this32 = this;
     this.triggerValidate("blur").catch(function(e) {
       return e;
     }).then(function() {
-      _this33.handleActived(params, event).then(function() {
-        return _this33.triggerValidate("change");
+      _this32.handleActived(params, event).then(function() {
+        var _this32$editConfig;
+        if ((_this32$editConfig = _this32.editConfig) != null && _this32$editConfig.validateOnActive) {
+          return _this32.triggerValidate("change");
+        }
       }).catch(function(e) {
         return e;
       });
@@ -8657,7 +8736,7 @@ var Methods$d = {
   },
   // 列双击点击事件：如果是双击模式，则激活为编辑状态
   triggerCellDBLClickEvent: function triggerCellDBLClickEvent(event, params) {
-    var _this34 = this;
+    var _this33 = this;
     var editStore = this.editStore, editConfig = this.editConfig;
     var actived = editStore.actived;
     var isActiveNewCell = !actived.args || event.currentTarget !== actived.args.cell;
@@ -8666,8 +8745,8 @@ var Methods$d = {
       this.triggerValidate("blur").catch(function(e) {
         return e;
       }).then(function() {
-        _this34.handleActived(params, event).then(function() {
-          return _this34.triggerValidate("change");
+        _this33.handleActived(params, event).then(function() {
+          return _this33.triggerValidate("change");
         }).catch(function(e) {
           return e;
         });
@@ -8675,7 +8754,7 @@ var Methods$d = {
     }
     if (isDblclickNewCell && editConfig.mode === "cell") {
       this.handleActived(params, event).then(function() {
-        return _this34.triggerValidate("change");
+        return _this33.triggerValidate("change");
       }).catch(function(e) {
         return e;
       });
@@ -8734,8 +8813,8 @@ var Methods$d = {
     this.groupExpandeds.push(row2);
   },
   // 展开行事件
-  triggerRowExpandEvent: function triggerRowExpandEvent(event, _ref166) {
-    var row2 = _ref166.row;
+  triggerRowExpandEvent: function triggerRowExpandEvent(event, _ref167) {
+    var row2 = _ref167.row;
     var rest = this.toggleRowExpansion(row2);
     var eventParams = {
       $table: this,
@@ -8752,7 +8831,7 @@ var Methods$d = {
   // 处理默认展开行
   handleDefaultRowExpand: function handleDefaultRowExpand() {
     var fullDataRowIdData = this.fullDataRowIdData, tableFullData = this.tableFullData;
-    var _ref167 = this.expandConfig || {}, expandAll = _ref167.expandAll, expandRowKeys = _ref167.expandRowKeys;
+    var _ref168 = this.expandConfig || {}, expandAll = _ref168.expandAll, expandRowKeys = _ref168.expandRowKeys;
     if (expandAll) {
       this.expandeds = tableFullData.slice(0);
       return;
@@ -8773,7 +8852,7 @@ var Methods$d = {
   // 设置展开行，二个参数设置这一行展开与否；支持单行；支持多行
   setRowExpansion: function setRowExpansion(rows, expanded) {
     var expandeds = this.expandeds;
-    var _ref168 = this.expandConfig || {}, accordion = _ref168.accordion;
+    var _ref169 = this.expandConfig || {}, accordion = _ref169.accordion;
     var isToggle = arguments.length === 1;
     var isAccordionCloseAll = false;
     if (!rows) {
@@ -8805,11 +8884,11 @@ var Methods$d = {
     return ~this.expandeds.indexOf(row2);
   },
   clearRowExpand: function clearRowExpand() {
-    var _this35 = this;
+    var _this34 = this;
     var hasExpand = this.expandeds.length;
     this.expandeds = [];
     return this.$nextTick().then(function() {
-      return hasExpand ? _this35.recalculate() : 0;
+      return hasExpand ? _this34.recalculate() : 0;
     });
   },
   // 获取虚拟滚动状态
@@ -8828,13 +8907,13 @@ var Methods$d = {
     this.loadScrollXData(event);
   },
   debounceScrollX: function debounceScrollX(event) {
-    var _this36 = this;
+    var _this35 = this;
     if (!this.tasks.debounceScrollX) {
       this.tasks.debounceScrollXHandler = null;
       this.tasks.debounceScrollX = function() {
         return requestAnimationFrame(function() {
-          _this36.tasks.debounceScrollXHandler = null;
-          _this36.loadScrollXData(event);
+          _this35.tasks.debounceScrollXHandler = null;
+          _this35.loadScrollXData(event);
         });
       };
     }
@@ -8849,7 +8928,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 _ref169 = {}, _ref169$preload = _ref169.preload, preload = _ref169$preload === void 0 ? false : _ref169$preload, _ref169$toVisibleInde = _ref169.toVisibleIndex, toVisibleIndex = _ref169$toVisibleInde === void 0 ? 0 : _ref169$toVisibleInde, _ref169$width = _ref169.width, width = _ref169$width === void 0 ? 0 : _ref169$width;
+    var _ref170 = {}, _ref170$preload = _ref170.preload, preload = _ref170$preload === void 0 ? false : _ref170$preload, _ref170$toVisibleInde = _ref170.toVisibleIndex, toVisibleIndex = _ref170$toVisibleInde === void 0 ? 0 : _ref170$toVisibleInde, _ref170$width = _ref170.width, width = _ref170$width === void 0 ? 0 : _ref170$width;
     for (var i = 0; i < visibleColumn.length; i++) {
       width += visibleColumn[i].renderWidth;
       if (scrollLeft < width) {
@@ -8885,21 +8964,21 @@ var Methods$d = {
   },
   // 处理滚动分页相关逻辑
   debounceScrollLoad: function debounceScrollLoad(event) {
-    var _this37 = this;
+    var _this36 = this;
     if (!this.tasks.debounceScrollLoad) {
       this.tasks.debounceScrollLoad = debounce(debounceScrollLoadDuration, function() {
-        var _this37$scrollLoadSto = _this37.scrollLoadStore, scrollHeight = _this37$scrollLoadSto.scrollHeight, bodyHeight = _this37$scrollLoadSto.bodyHeight;
-        var _this37$$grid$tablePa = _this37.$grid.tablePage, currentPage = _this37$$grid$tablePa.currentPage, pageSize = _this37$$grid$tablePa.pageSize;
+        var _this36$scrollLoadSto = _this36.scrollLoadStore, scrollHeight = _this36$scrollLoadSto.scrollHeight, bodyHeight = _this36$scrollLoadSto.bodyHeight;
+        var _this36$$grid$tablePa = _this36.$grid.tablePage, currentPage = _this36$$grid$tablePa.currentPage, pageSize = _this36$$grid$tablePa.pageSize;
         var max = scrollHeight - bodyHeight;
-        var scrollTop = event.target.scrollTop;
+        var scrollTop = getActualTarget(event).scrollTop;
         if (scrollTop > max) {
           scrollTop = max;
         }
-        var rowHeight = _this37.scrollYStore.rowHeight;
+        var rowHeight = _this36.scrollYStore.rowHeight;
         var visibleIndex = Math.ceil(scrollTop / rowHeight);
         var page = Math.ceil(visibleIndex / pageSize) + 1;
         if (currentPage !== page) {
-          _this37.$grid.pageCurrentChange(page);
+          _this36.$grid.pageCurrentChange(page);
         }
       });
     }
@@ -8907,10 +8986,10 @@ var Methods$d = {
   },
   // 纵向 Y 可视渲染处理
   loadScrollYData: function loadScrollYData(event) {
-    var _this38 = this;
+    var _this37 = this;
     var scrollYStore = this.scrollYStore;
     var startIndex = scrollYStore.startIndex, renderSize = scrollYStore.renderSize, offsetSize = scrollYStore.offsetSize, visibleIndex = scrollYStore.visibleIndex, visibleSize = scrollYStore.visibleSize, rowHeight = scrollYStore.rowHeight;
-    var scrollTop = event.target.scrollTop;
+    var _getActualTarget = getActualTarget(event), scrollTop = _getActualTarget.scrollTop;
     var toVisibleIndex = Math.ceil(scrollTop / rowHeight);
     var preload = false;
     if (visibleIndex === toVisibleIndex) {
@@ -8933,7 +9012,7 @@ var Methods$d = {
     }
     scrollYStore.visibleIndex = toVisibleIndex;
     this.$nextTick(function() {
-      _this38.updateSelectedCls(true);
+      _this37.updateSelectedCls(true);
     });
   },
   getRowHeight: function getRowHeight() {
@@ -8941,16 +9020,16 @@ var Methods$d = {
   },
   // 计算可视渲染相关数据
   computeScrollLoad: function computeScrollLoad() {
-    var _this39 = this;
+    var _this38 = this;
     return this.$nextTick().then(function() {
-      var $refs = _this39.$refs, optimizeOpts = _this39.optimizeOpts, visibleColumn = _this39.visibleColumn;
-      var scrollLoad = _this39.scrollLoad, scrollXLoad = _this39.scrollXLoad, scrollXStore = _this39.scrollXStore, scrollYLoad = _this39.scrollYLoad, scrollYStore = _this39.scrollYStore;
+      var $refs = _this38.$refs, optimizeOpts = _this38.optimizeOpts, visibleColumn = _this38.visibleColumn;
+      var scrollLoad = _this38.scrollLoad, scrollXLoad = _this38.scrollXLoad, scrollXStore = _this38.scrollXStore, scrollYLoad = _this38.scrollYLoad, scrollYStore = _this38.scrollYStore;
       var scrollX = optimizeOpts.scrollX, scrollY = optimizeOpts.scrollY;
       var tableBody = $refs.tableBody;
       var bodyElem = tableBody ? tableBody.$el : null;
       if (bodyElem) {
         computeScrollXLoad({
-          _vm: _this39,
+          _vm: _this38,
           scrollX,
           scrollXLoad,
           scrollXStore,
@@ -8958,7 +9037,7 @@ var Methods$d = {
           visibleColumn
         });
         computeScrollYLoad({
-          _vm: _this39,
+          _vm: _this38,
           scrollLoad,
           scrollY,
           scrollYLoad,
@@ -8966,7 +9045,7 @@ var Methods$d = {
           tableBodyElem: bodyElem
         });
       }
-      _this39.$nextTick(_this39.updateStyle);
+      _this38.$nextTick(_this38.updateStyle);
     });
   },
   updateScrollXData: function updateScrollXData() {
@@ -8996,10 +9075,10 @@ var Methods$d = {
     }
   },
   updateScrollYData: function updateScrollYData() {
-    var _this40 = this;
+    var _this39 = this;
     this.updateScrollYSpace();
     this.handleTableData().then(function() {
-      return _this40.updateStyle();
+      return _this39.updateStyle();
     });
   },
   // 更新纵向 Y 可视渲染上下剩余空间大小
@@ -9016,7 +9095,7 @@ var Methods$d = {
   },
   updateScrollLoadBar: function updateScrollLoadBar(event) {
     var $el = this.$el, elemStore = this.elemStore, scrollLoad = this.scrollLoad, scrollLoadStore = this.scrollLoadStore;
-    if (scrollLoad && $el.contains(event.target)) {
+    if (scrollLoad && $el.contains(getActualTarget(event))) {
       var wheelDelta = event.wheelDelta ? event.wheelDelta : -event.detail * 40;
       var scrollElm = elemStore["main-body-ySpace"];
       var scrollHeight = scrollLoadStore.scrollHeight, bodyHeight = scrollLoadStore.bodyHeight;
@@ -9045,7 +9124,7 @@ var Methods$d = {
     return this.scrollToColumn(column, isDelayArg, move);
   },
   scrollToTreeRow: function scrollToTreeRow(row2) {
-    var _this41 = this;
+    var _this40 = this;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     if (!treeConfig) {
       return this.$nextTick();
@@ -9058,20 +9137,20 @@ var Methods$d = {
     }
     var nodes = matchObj.nodes;
     nodes.forEach(function(row22, index2) {
-      if (index2 === nodes.length - 1 || _this41.hasTreeExpand(row22)) {
+      if (index2 === nodes.length - 1 || _this40.hasTreeExpand(row22)) {
         return;
       }
-      _this41.setTreeExpansion(row22, true);
+      _this40.setTreeExpansion(row22, true);
     });
     return this.$nextTick();
   },
   scrollToColumn: function scrollToColumn(column, isDelay, move) {
-    var _this42 = this;
+    var _this41 = this;
     var hasColCache = this.fullColumnMap.has(column);
     column && hasColCache && colToVisible(this, column, move);
     return isDelay && (this.scrollXLoad || this.scrollYLoad) ? new Promise(function(resolve) {
       return setTimeout(function() {
-        return resolve(_this42.$nextTick());
+        return resolve(_this41.$nextTick());
       }, 50);
     }) : this.$nextTick();
   },
@@ -9079,7 +9158,7 @@ var Methods$d = {
     this.lastScrollTop = 0;
   },
   clearScroll: function clearScroll() {
-    var _this43 = this;
+    var _this42 = this;
     var $grid = this.$grid, scrollXStore = this.scrollXStore, scrollYStore = this.scrollYStore, elemStore = this.elemStore;
     var _$grid$fetchOption = $grid.fetchOption, fetchOption = _$grid$fetchOption === void 0 ? {} : _$grid$fetchOption;
     var _fetchOption$isReload2 = fetchOption.isReloadScroll, isReloadScroll = _fetchOption$isReload2 === void 0 ? false : _fetchOption$isReload2;
@@ -9100,7 +9179,7 @@ var Methods$d = {
     });
     return this.$nextTick(function() {
       var tableBodyElem = elemStore["main-body-wrapper"];
-      if (_this43.afterMounted) {
+      if (_this42.afterMounted) {
         fastdom.mutate(function() {
           tableBodyElem && Object.assign(tableBodyElem, {
             scrollLeft: 0,
@@ -9117,16 +9196,16 @@ var Methods$d = {
       return;
     }
     if (footerMethod && showFooter) {
-      var data6 = footerMethod({
+      var data7 = footerMethod({
         columns: tableColumn2,
         data: afterFullData
       });
-      if (data6.length && data6.some(function(value) {
+      if (data7.length && data7.some(function(value) {
         return !isArray(value);
       })) {
-        data6 = [data6];
+        data7 = [data7];
       }
-      this.footerData = tableColumn2.length ? data6 : [];
+      this.footerData = tableColumn2.length ? data7 : [];
     }
     if (summaryConfig) {
       var fields = summaryConfig.fields, fraction = summaryConfig.fraction, text = summaryConfig.text, _truncate = summaryConfig.truncate;
@@ -9146,7 +9225,7 @@ var Methods$d = {
   },
   // 更新列状态：如果组件值v-model发生change，调用该函数更新列的编辑状态。如果单元格配置了校验规则，则进行校验
   updateStatus: function updateStatus(scope, cellValue, renderOpts) {
-    var _this44 = this;
+    var _this43 = this;
     var $refs = this.$refs, editRules = this.editRules, tableData = this.tableData, validStore = this.validStore;
     var tableBody = $refs.tableBody;
     if (!scope || !tableBody) {
@@ -9156,9 +9235,9 @@ var Methods$d = {
     var type = "change";
     var refreshStatus = function refreshStatus2() {
       if (!isUndefined(cellValue)) {
-        var _this44$$refs$tableBo;
-        _this44.updateRowStatus(row2);
-        (_this44$$refs$tableBo = _this44.$refs.tableBody) == null ? void 0 : _this44$$refs$tableBo.$forceUpdate();
+        var _this43$$refs$tableBo;
+        _this43.updateRowStatus(row2);
+        (_this43$$refs$tableBo = _this43.$refs.tableBody) == null ? void 0 : _this43$$refs$tableBo.$forceUpdate();
       }
     };
     if (!editRules || !this.hasCellRules(type, row2, column)) {
@@ -9177,13 +9256,13 @@ var Methods$d = {
       if (!cell) {
         return;
       }
-      return _this44.validCellRules(type, row2, column, cellValue).then(function() {
+      return _this43.validCellRules(type, row2, column, cellValue).then(function() {
         refreshStatus();
-        _this44.clearValidate();
-      }).catch(function(_ref170) {
-        var rule = _ref170.rule;
+        _this43.clearValidate();
+      }).catch(function(_ref171) {
+        var rule = _ref171.rule;
         refreshStatus();
-        _this44.showValidTooltip({
+        _this43.showValidTooltip({
           rule,
           row: row2,
           column,
@@ -9195,15 +9274,15 @@ var Methods$d = {
   },
   /* X/Y 方向滚动 */
   updateScrollStatus: function updateScrollStatus() {
-    var _this45 = this;
+    var _this44 = this;
     if (!this.tasks.updateScrollStatus) {
       this.tasks.updateScrollStatus = debounce(AsyncCollectTimeout, function() {
-        var scrollXLoad = _this45.scrollXLoad, scrollYLoad = _this45.scrollYLoad, isAsyncColumn = _this45.isAsyncColumn;
+        var scrollXLoad = _this44.scrollXLoad, scrollYLoad = _this44.scrollYLoad, isAsyncColumn = _this44.isAsyncColumn;
         if (isAsyncColumn && (scrollXLoad || scrollYLoad)) {
-          var tableData = _this45.tableData, scrollXStore = _this45.scrollXStore, scrollYStore = _this45.scrollYStore, tableFullData = _this45.tableFullData, _this45$scrollDirecti = _this45.scrollDirection, scrollDirection = _this45$scrollDirecti === void 0 ? "N" : _this45$scrollDirecti;
+          var tableData = _this44.tableData, scrollXStore = _this44.scrollXStore, scrollYStore = _this44.scrollYStore, tableFullData = _this44.tableFullData, _this44$scrollDirecti = _this44.scrollDirection, scrollDirection = _this44$scrollDirecti === void 0 ? "N" : _this44$scrollDirecti;
           var isInit = scrollXLoad && scrollXStore.visibleIndex === 0 || scrollYLoad && scrollYStore.visibleIndex === 0;
           if (isInit || scrollDirection !== "N") {
-            _this45.handleResolveColumn(tableFullData, _this45.collectAsyncColumn(tableData));
+            _this44.handleResolveColumn(tableFullData, _this44.collectAsyncColumn(tableData));
           }
         }
       });
@@ -9220,7 +9299,7 @@ var Methods$d = {
   },
   // 收集异步列
   collectAsyncColumn: function collectAsyncColumn(tableData) {
-    var _this46 = this;
+    var _this45 = this;
     var fetchColumns = [];
     var rowId = this.rowId, asyncRenderMap = this.asyncRenderMap, tableColumn2 = this.tableColumn;
     if (!rowId) {
@@ -9228,8 +9307,8 @@ var Methods$d = {
       return fetchColumns;
     }
     tableColumn2.forEach(function(col) {
-      var _ref171 = col.format || {}, async = _ref171.async;
-      var _ref172 = async || {}, fetch = _ref172.fetch, _ref172$splitConfig = _ref172.splitConfig, splitConfig = _ref172$splitConfig === void 0 ? {} : _ref172$splitConfig;
+      var _ref172 = col.format || {}, async = _ref172.async;
+      var _ref173 = async || {}, fetch = _ref173.fetch, _ref173$splitConfig = _ref173.splitConfig, splitConfig = _ref173$splitConfig === void 0 ? {} : _ref173$splitConfig;
       if (typeof fetch === "function") {
         var columnValues = [];
         tableData.forEach(function(row2) {
@@ -9239,7 +9318,7 @@ var Methods$d = {
           }
           var cellValuesCount = 1;
           var cellValues = [cellValue];
-          var uniqueKey = _this46.getAsyncColumnUniqueKey(col.property, row2);
+          var uniqueKey = _this45.getAsyncColumnUniqueKey(col.property, row2);
           if (splitConfig.enabled === true) {
             cellValues = cellValue.split(splitConfig.valueSplit || ",");
             cellValuesCount = cellValues.length;
@@ -9289,8 +9368,8 @@ var Methods$d = {
     }, this));
   },
   // Publish methods 与工具栏对接
-  connect: function connect(_ref173) {
-    var toolbar = _ref173.toolbar;
+  connect: function connect(_ref174) {
+    var toolbar = _ref174.toolbar;
     this.$toolbar = toolbar;
   },
   // 检查触发源是否属于目标节点
@@ -9316,7 +9395,7 @@ var Methods$d = {
   },
   handleDataChange: function handleDataChange() {
     if (Array.isArray(this.data)) {
-      !this._isUpdateData && this.loadTableData(this.data, true);
+      !this._isUpdateData && this.loadTableData(this.data);
       this._isUpdateData = false;
     }
   },
@@ -9349,8 +9428,8 @@ var Methods$d = {
   },
   // 尝试恢复滚动位置，规范了最大滚动位置的取值
   attemptRestoreScroll: function attemptRestoreScroll(options) {
-    var _this47 = this;
-    var _ref174 = options || this, lastScrollTop = _ref174.lastScrollTop, lastScrollLeft = _ref174.lastScrollLeft;
+    var _this46 = this;
+    var _ref175 = options || this, lastScrollTop = _ref175.lastScrollTop, lastScrollLeft = _ref175.lastScrollLeft;
     var scrollXLoad = this.scrollXLoad, scrollYLoad = this.scrollYLoad, elemStore = this.elemStore;
     var tableBodyElem = elemStore["main-body-wrapper"];
     if ((lastScrollTop || lastScrollLeft) && tableBodyElem) {
@@ -9360,14 +9439,14 @@ var Methods$d = {
         lastScrollTop = Math.min(lastScrollTop, maxScrollTop);
         lastScrollLeft = Math.min(lastScrollLeft, maxScrollLeft);
         fastdom.mutate(function() {
-          _this47.restoreScollFlag = true;
-          _this47.scrollTo(lastScrollLeft, lastScrollTop);
+          _this46.restoreScollFlag = true;
+          _this46.scrollTo(lastScrollLeft, lastScrollTop);
           requestAnimationFrame(function() {
-            var _this47$$refs$tableBo;
-            return (_this47$$refs$tableBo = _this47.$refs.tableBody) == null ? void 0 : _this47$$refs$tableBo.resetStickyWrapperScrollPos();
+            var _this46$$refs$tableBo;
+            return (_this46$$refs$tableBo = _this46.$refs.tableBody) == null ? void 0 : _this46$$refs$tableBo.resetStickyWrapperScrollPos();
           });
-          scrollXLoad && _this47.triggerScrollXEvent();
-          scrollYLoad && _this47.triggerScrollYEvent({
+          scrollXLoad && _this46.triggerScrollXEvent();
+          scrollYLoad && _this46.triggerScrollYEvent({
             target: {
               scrollTop: lastScrollTop
             }
@@ -9427,7 +9506,7 @@ var _sfc_main$8 = defineComponent({
     row: Object
   }),
   render: function render8() {
-    var _this48 = this;
+    var _this47 = this;
     var datas = this.datas, row2 = this.row;
     var primaryColumn = datas.primaryColumn, contentColumns = datas.contentColumns, genParams2 = datas.genParams, config2 = datas.config, cardView2 = datas.cardView;
     var _config$cardConfig = config2.cardConfig, cardConfig = _config$cardConfig === void 0 ? {} : _config$cardConfig;
@@ -9439,8 +9518,8 @@ var _sfc_main$8 = defineComponent({
     };
     var ons = function ons2() {
       return {
-        mouseenter: _this48.handleMouseenter,
-        mouseleave: _this48.handleMouseleave
+        mouseenter: _this47.handleMouseenter,
+        mouseleave: _this47.handleMouseleave
       };
     };
     if (!primaryColumn || !primaryColumn.renderCell) {
@@ -9600,8 +9679,8 @@ var _sfc_main$7 = defineComponent({
         return typeof hidden === "boolean" && hidden || typeof hidden === "function" && hidden(row2);
       };
       var handleItemClick = function handleItemClick2(name) {
-        var buttonConfig = visibleButtons.find(function(_ref175) {
-          var buttonName = _ref175.name;
+        var buttonConfig = visibleButtons.find(function(_ref176) {
+          var buttonName = _ref176.name;
           return buttonName === name;
         });
         buttonConfig.click(window.event || {}, _extends({
@@ -10340,9 +10419,9 @@ function mergeScrollDirStore(scrollDir, scrollDirStore) {
     });
   }
 }
-function loadStatic(data6, _vm) {
-  if (data6 && data6.length > 0) {
-    _vm.loadTableData(data6, true);
+function loadStatic(data7, _vm) {
+  if (data7 && data7.length > 0) {
+    _vm.loadTableData(data7, true);
     _vm.updateStyle();
   }
 }
@@ -10768,7 +10847,8 @@ var Table = defineComponent({
         id: "",
         multi: false,
         options: [],
-        visible: false
+        visible: false,
+        searchValue: ""
       },
       // 所有列已禁用
       headerCheckDisabled: false,
@@ -10954,7 +11034,15 @@ var Table = defineComponent({
       this.handleSelectionHeader();
     },
     parentHeight: function parentHeight() {
-      this.$nextTick(this.recalculate);
+      this.recalculate();
+    },
+    // 选项式监控在vue2可以检测到顶层数组splice项替换/$set项替换
+    // array.splice(index, 1, newItem)
+    // this.$set(array, index, newItem)
+    data: function data5(array1, array2) {
+      if (isVue2 && array1 === array2 && array1.length === array2.length) {
+        this.handleDataChange();
+      }
     }
   },
   created: function created() {
@@ -11011,13 +11099,13 @@ var Table = defineComponent({
       cellStatus: /* @__PURE__ */ new Map(),
       // 是否具有type selection列
       isCheckable: false
-    }), scrollXStore = _Object$assign.scrollXStore, scrollYStore = _Object$assign.scrollYStore, optimizeOpts = _Object$assign.optimizeOpts, data6 = _Object$assign.data;
+    }), scrollXStore = _Object$assign.scrollXStore, scrollYStore = _Object$assign.scrollYStore, optimizeOpts = _Object$assign.optimizeOpts, data7 = _Object$assign.data;
     var scrollX = optimizeOpts.scrollX, scrollY = optimizeOpts.scrollY;
     verifyConfig(this);
     mergeScrollDirStore(scrollX, scrollXStore);
     mergeScrollDirStore(scrollY, scrollYStore);
     mergeTreeConfig(this);
-    loadStatic(data6, this);
+    loadStatic(data7, this);
     bindEvent(this);
     this.$grid.connect({
       name: "table",
@@ -11042,6 +11130,8 @@ var Table = defineComponent({
     var bodyWrapperHeight = hooks.ref();
     var bodyWrapperMinHeight = hooks.ref();
     var bodyWrapperMaxHeight = hooks.ref();
+    var containerScrollWidth = hooks.ref(0);
+    var containerScrollHeight = hooks.ref(0);
     var bodyTableWidth = hooks.ref();
     var scrollLoadScrollHeight = hooks.ref();
     var columnStore = hooks.ref({
@@ -11092,8 +11182,8 @@ var Table = defineComponent({
       return extend(true, {}, GlobalConfig$1.optimization, props.optimization);
     });
     var rowHeight = hooks.computed(function() {
-      var _optimizeOpts$value, _GlobalConfig$1$rowHe;
-      return ((_optimizeOpts$value = optimizeOpts.value) == null ? void 0 : _optimizeOpts$value.scrollY.rHeight) || ((_GlobalConfig$1$rowHe = GlobalConfig$1.rowHeight[tinyTheme.value]) == null ? void 0 : _GlobalConfig$1$rowHe[vSize3.value || "default"]) || 40;
+      var _optimizeOpts$value, _optimizeOpts$value$s, _GlobalConfig$1$rowHe;
+      return ((_optimizeOpts$value = optimizeOpts.value) == null ? void 0 : (_optimizeOpts$value$s = _optimizeOpts$value.scrollY) == null ? void 0 : _optimizeOpts$value$s.rHeight) || ((_GlobalConfig$1$rowHe = GlobalConfig$1.rowHeight[tinyTheme.value]) == null ? void 0 : _GlobalConfig$1$rowHe[vSize3.value || "default"]) || 40;
     });
     var headerRowHeight = hooks.computed(function() {
       var _GlobalConfig$1$heade;
@@ -11202,6 +11292,8 @@ var Table = defineComponent({
       bodyWrapperHeight,
       bodyWrapperMinHeight,
       bodyWrapperMaxHeight,
+      containerScrollWidth,
+      containerScrollHeight,
       bodyTableWidth,
       scrollLoadScrollHeight,
       columnStore,
@@ -11223,7 +11315,7 @@ var Table = defineComponent({
     return h("div", {
       class: (_class4 = {
         "tiny-grid h-full sm:h-auto !bg-transparent sm:!bg-color-bg-1 after:border-none sm:after:border-solid": true
-      }, _class4["row__valid-" + validOpts2.message] = true, _class4["size__" + vSize3] = vSize3, _class4["tiny-grid-editable"] = editConfig, _class4["show__head"] = showHeader, _class4["show__foot"] = showFooter, _class4["scroll__y"] = overflowY, _class4["scroll__x"] = overflowX, _class4["all-overflow"] = showOverflow, _class4["all-head-overflow"] = showHeaderOverflow, _class4["tiny-grid-cell__highlight"] = highlightCell, _class4["tiny-grid__animat"] = optimizeOpts.animat, _class4["tiny-grid__stripe"] = !isThemeSaas3 && stripe, _class4["tiny-grid__stripe-saas"] = isThemeSaas3 && stripeSaas, _class4["tiny-grid__border"] = border || isGroup2, _class4["tiny-grid__border-saas"] = isThemeSaas3 && borderSaas, _class4["tiny-grid__group-saas"] = isThemeSaas3 && isGroup2, _class4["tiny-grid__border-vertical"] = borderVertical, _class4["tiny-grid__checked"] = mouseConfig.checked, _class4["mark-insert"] = editConfig && editConfig.markInsert, _class4["edit__no-border"] = editConfig && editConfig.showBorder === false, _class4["is__loading"] = loading, _class4["row__highlight"] = highlightHoverRow, _class4["column__highlight"] = highlightHoverColumn, _class4["is__row-span"] = rowSpan && rowSpan.length > 0 || typeof spanMethod === "function", _class4["row__drop-handle--index"] = dropConfig.rowHandle === "index", _class4["fixed__sticky"] = horizonScroll.fixed, _class4["tiny-grid-fixed__left"] = !horizonScroll.isLeft, _class4["tiny-grid-fixed__right"] = !horizonScroll.isRight, _class4)
+      }, _class4["row__valid-" + validOpts2.message] = true, _class4["size__" + vSize3] = vSize3, _class4["tiny-grid-editable"] = editConfig, _class4["show__head"] = showHeader, _class4["show__foot"] = showFooter, _class4["scroll__y"] = overflowY, _class4["scroll__x"] = overflowX, _class4["all-overflow"] = showOverflow, _class4["all-head-overflow"] = showHeaderOverflow, _class4["tiny-grid-cell__highlight"] = highlightCell, _class4["tiny-grid__animat"] = optimizeOpts.animat, _class4["tiny-grid__stripe"] = !isThemeSaas3 && stripe, _class4["tiny-grid__stripe-saas"] = isThemeSaas3 && stripeSaas, _class4["tiny-grid__border"] = border || isGroup2, _class4["tiny-grid__border-saas"] = isThemeSaas3 && borderSaas, _class4["tiny-grid__group-saas"] = isThemeSaas3 && isGroup2, _class4["tiny-grid__border-vertical"] = borderVertical, _class4["tiny-grid__checked"] = mouseConfig.checked, _class4["tiny-grid__hover-align"] = mouseConfig.hover, _class4["mark-insert"] = editConfig && editConfig.markInsert, _class4["edit__no-border"] = editConfig && editConfig.showBorder === false, _class4["is__loading"] = loading, _class4["row__highlight"] = highlightHoverRow, _class4["column__highlight"] = highlightHoverColumn, _class4["is__row-span"] = rowSpan && rowSpan.length > 0 || typeof spanMethod === "function", _class4["row__drop-handle--index"] = dropConfig.rowHandle === "index", _class4["fixed__sticky"] = horizonScroll.fixed, _class4["tiny-grid-fixed__left"] = !horizonScroll.isLeft, _class4["tiny-grid-fixed__right"] = !horizonScroll.isRight, _class4)
     }, [
       // 隐藏列
       h("div", {
@@ -11251,9 +11343,10 @@ var Table = defineComponent({
         key: "tinyGridResizeBar"
       }) : null,
       // 加载中
-      h(loadingComponent || Loading, {
+      h(Loading, {
         props: {
-          visible: loading
+          visible: loading,
+          loadingComponent
         },
         class: this.viewCls("gridLoading")
       }),
@@ -11453,8 +11546,8 @@ var Column = defineComponent({
       default: null
     }
   },
-  setup: function setup7(props, _ref176) {
-    var slots = _ref176.slots;
+  setup: function setup7(props, _ref177) {
+    var slots = _ref177.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;
@@ -11508,7 +11601,7 @@ var Column = defineComponent({
       warn("ui.grid.error.chainCallError");
     }
     var hasSubColumn = findTree(slotVnode, function(node) {
-      var _ref177 = node || {}, componentOptions = _ref177.componentOptions, type = _ref177.type;
+      var _ref178 = node || {}, componentOptions = _ref178.componentOptions, type = _ref178.type;
       var componentName = type && type.name || componentOptions && componentOptions.Ctor.extendOptions.name;
       return $table.isValidCustomColumn(componentName);
     }, null, null);
@@ -11588,7 +11681,7 @@ var Grid = defineComponent({
     isMultipleHistory: Boolean,
     selectToolbar: [Boolean, Object]
   }),
-  data: function data5() {
+  data: function data6() {
     return {
       emitter: emitter(),
       fetchOption: null,
@@ -11627,10 +11720,10 @@ var Grid = defineComponent({
       return this.proxyOpts.message !== false;
     },
     tableProps: function tableProps() {
-      var _this49 = this;
+      var _this48 = this;
       var rest = {};
       propKeys.forEach(function(key) {
-        return rest[key] = _this49[key];
+        return rest[key] = _this48[key];
       });
       return rest;
     },
@@ -11683,10 +11776,10 @@ var Grid = defineComponent({
       this.toolbar && this.$refs.toolbar && this.$refs.toolbar.loadStorage();
     },
     viewType: function viewType(value) {
-      var _this50 = this;
+      var _this49 = this;
       if (value === V_MF) {
         this.$nextTick(function() {
-          return _this50.recalculate();
+          return _this49.recalculate();
         });
       }
     }
@@ -11756,8 +11849,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, _ref178) {
-      var _ref178$designConfig = _ref178.designConfig, designConfig = _ref178$designConfig === void 0 ? null : _ref178$designConfig;
+    var renderless = function renderless2(props2, hooks2, _ref179) {
+      var _ref179$designConfig = _ref179.designConfig, designConfig = _ref179$designConfig === void 0 ? null : _ref179$designConfig;
       return {
         tableListeners,
         designConfig,
@@ -11781,7 +11874,7 @@ var Grid = defineComponent({
     });
   },
   render: function render16() {
-    var _this51 = this;
+    var _this50 = this;
     var fetchOption = this.fetchOption, listeners = this.listeners, loading = this.loading, optimizOpt2 = this.optimizOpt, editConfigOpt2 = this.editConfigOpt, tooltipOpt2 = this.tooltipOpt, 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, vSize3 = this.vSize, designConfig = this.designConfig, viewType2 = this.viewType;
     var columnAnchor = this.columnAnchor, columnAnchorParams = this.columnAnchorParams, fullScreenClass = this.fullScreenClass;
@@ -11810,13 +11903,13 @@ var Grid = defineComponent({
     }
     toolbar && !(toolbar.setting && toolbar.setting.storage) && (props.customs = tableCustoms2);
     toolbar && (tableOns["update:customs"] = function(value) {
-      return _this51.tableCustoms = value;
+      return _this50.tableCustoms = value;
     });
     tableOns["column-init-ready"] = this.handleColumnInitReady;
     var renderedToolbar = function renderedToolbar2() {
-      return _this51.getRenderedToolbar({
+      return _this50.getRenderedToolbar({
         $slots,
-        _vm: _this51,
+        _vm: _this50,
         loading,
         tableLoading,
         toolbar
@@ -11845,12 +11938,12 @@ var Grid = defineComponent({
   methods: {
     // 配置高度减去（表格锚点+工具栏+分页）计算得出表格高度
     updateParentHeight: function updateParentHeight2() {
-      var _this52 = this;
+      var _this51 = this;
       if (!this.tasks.updateParentHeight) {
         this.tasks.updateParentHeight = debounce(10, function() {
-          var $el = _this52.$el, $refs = _this52.$refs;
+          var $el = _this51.$el, $refs = _this51.$refs;
           var tinyTable = $refs.tinyTable, tinyGridColumnAnchor = $refs.tinyGridColumnAnchor;
-          var toolbarVm = _this52.getVm("toolbar");
+          var toolbarVm = _this51.getVm("toolbar");
           if (tinyTable) {
             var columnAnchorHeight = 0;
             if (tinyGridColumnAnchor) {
@@ -11864,8 +11957,8 @@ var Grid = defineComponent({
       this.tasks.updateParentHeight();
     },
     // 向缓存添加实例
-    connect: function connect2(_ref179) {
-      var name = _ref179.name, vm = _ref179.vm;
+    connect: function connect2(_ref180) {
+      var name = _ref180.name, vm = _ref180.vm;
       if (name && typeof name === "string" && vm) {
         this.vmStore[name] = vm;
       }
@@ -11937,8 +12030,8 @@ var Grid = defineComponent({
 Grid.install = function(Vue) {
   Vue.component(Grid.name, Grid);
 };
-function operArrs(_ref180) {
-  var _vm = _ref180._vm, editStore = _ref180.editStore, newRecords = _ref180.newRecords, newRecordsCopy = _ref180.newRecordsCopy, nowData = _ref180.nowData, row2 = _ref180.row, tableFullData = _ref180.tableFullData, tableSourceData = _ref180.tableSourceData;
+function operArrs(_ref181) {
+  var _vm = _ref181._vm, editStore = _ref181.editStore, newRecords = _ref181.newRecords, newRecordsCopy = _ref181.newRecordsCopy, nowData = _ref181.nowData, row2 = _ref181.row, tableFullData = _ref181.tableFullData, tableSourceData = _ref181.tableSourceData;
   if (row2 === -1) {
     Array.prototype.push.apply(nowData, newRecords);
     Array.prototype.push.apply(tableFullData, newRecords);
@@ -11963,38 +12056,38 @@ function operArrs(_ref180) {
   Array.prototype.push.apply(_vm.temporaryRows, newRecordsCopy);
 }
 var _setActiveCell = function _setActiveCell2(row2, field) {
-  var _this53 = this;
+  var _this52 = this;
   var next1 = function next12() {
     if (!row2 || !field) {
-      return _this53.$nextTick();
+      return _this52.$nextTick();
     }
-    var column = find$1(_this53.visibleColumn, function(column2) {
+    var column = find$1(_this52.visibleColumn, function(column2) {
       return column2.property === field;
     });
     if (!column || !column.editor) {
-      return _this53.$nextTick();
+      return _this52.$nextTick();
     }
     var next2 = function next22(cell) {
       if (!cell) {
         return;
       }
-      var rowIndex = _this53.getRowIndex(row2);
-      var columnIndex = _this53.getColumnIndex(column);
-      _this53.handleActived({
+      var rowIndex = _this52.getRowIndex(row2);
+      var columnIndex = _this52.getColumnIndex(column);
+      _this52.handleActived({
         row: row2,
         rowIndex,
         column,
         columnIndex,
         cell,
-        $table: _this53
+        $table: _this52
       });
-      _this53.lastCallTime = Date.now();
+      _this52.lastCallTime = Date.now();
     };
-    getCell(_this53, {
+    getCell(_this52, {
       row: row2,
       column
     }).then(next2);
-    return _this53.$nextTick();
+    return _this52.$nextTick();
   };
   return this.scrollToRow(row2, true).then(next1);
 };
@@ -12004,7 +12097,7 @@ var Methods$c = {
   },
   // 根据位置从指定行添加数据
   _insertAt: function _insertAt(records, row2) {
-    var _this54 = this;
+    var _this53 = this;
     var afterFullData = this.afterFullData, editStore = this.editStore, isAsyncColumn = this.isAsyncColumn, scrollYLoad = this.scrollYLoad, tableFullData = this.tableFullData, _this$tableSourceData = this.tableSourceData, tableSourceData = _this$tableSourceData === void 0 ? [] : _this$tableSourceData, treeConfig = this.treeConfig;
     if (treeConfig) {
       throw new Error(error("ui.grid.error.treeInsert"));
@@ -12022,7 +12115,7 @@ var Methods$c = {
     }
     var nowData = afterFullData;
     var newRecords = records.map(function(record) {
-      return hooks.reactive(_this54.defineField(_extends({}, record)));
+      return hooks.reactive(_this53.defineField(_extends({}, record)));
     });
     var newRecordsCopy = clone(newRecords, true);
     operArrs({
@@ -12047,7 +12140,7 @@ var Methods$c = {
       rows: newRecords
     };
     return this.$nextTick().then(function() {
-      _this54.recalculate();
+      _this53.recalculate();
       return res;
     });
   },
@@ -12057,7 +12150,7 @@ var Methods$c = {
    * 如果传 rows 则删除多行
    */
   _remove: function _remove(rows) {
-    var _this55 = this;
+    var _this54 = this;
     var afterFullData = this.afterFullData, scrollYLoad = this.scrollYLoad, _this$selectConfig3 = this.selectConfig, selectConfig = _this$selectConfig3 === void 0 ? {} : _this$selectConfig3;
     var selection = this.selection, tableFullData = this.tableFullData, treeConfig = this.treeConfig, _this$tableSourceData2 = this.tableSourceData, tableSourceData = _this$tableSourceData2 === void 0 ? [] : _this$tableSourceData2;
     var _this$editStore = this.editStore, insertList = _this$editStore.insertList, removeList = _this$editStore.removeList;
@@ -12101,9 +12194,9 @@ var Methods$c = {
     }
     remove(tableSourceData, function(row3) {
       return find$1(insertList, function(r) {
-        return getRowid(_this55, r) === getRowid(_this55, row3);
+        return getRowid(_this54, r) === getRowid(_this54, row3);
       }) && find$1(rows, function(r) {
-        return getRowid(_this55, r) === getRowid(_this55, row3);
+        return getRowid(_this54, r) === getRowid(_this54, row3);
       });
     });
     remove(insertList, function(row3) {
@@ -12121,7 +12214,7 @@ var Methods$c = {
       rows: rest
     };
     return this.$nextTick().then(function() {
-      _this55.recalculate();
+      _this54.recalculate();
       return res;
     });
   },
@@ -12129,10 +12222,10 @@ var Methods$c = {
    * 删除选中数据
    */
   _removeSelecteds: function _removeSelecteds() {
-    var _this56 = this;
+    var _this55 = this;
     var selectRecords = this.getSelectRecords(true);
     var callback = function callback2(params) {
-      _this56.clearSelection();
+      _this55.clearSelection();
       return params;
     };
     return this.remove(selectRecords).then(callback);
@@ -12200,10 +12293,10 @@ var Methods$c = {
    * 只精准匹配row的更改。如果是树表格，子节点更改状态不会影响父节点的更新状态
    */
   _getUpdateRecords: function _getUpdateRecords() {
-    var _this57 = this;
+    var _this56 = this;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     var handler6 = function handler7(row2) {
-      return !_this57.isTemporaryRow(row2) && _this57.hasRowChange(row2);
+      return !_this56.isTemporaryRow(row2) && _this56.hasRowChange(row2);
     };
     var updateRecords = treeConfig ? filterTree(tableFullData, handler6, treeConfig) : tableFullData.filter(handler6);
     return updateRecords;
@@ -12212,13 +12305,13 @@ var Methods$c = {
    * 处理激活编辑
    */
   handleActived: function handleActived(params, event) {
-    var _this58 = this;
+    var _this57 = this;
     return _asyncToGenerator(/* @__PURE__ */ _regenerator().m(function _callee() {
       var editConfig, editStore, tableColumn2, cell, column, row2, editor, actived, isActiveCell, type, canActive, args;
       return _regenerator().w(function(_context) {
         while (1) switch (_context.n) {
           case 0:
-            editConfig = _this58.editConfig, editStore = _this58.editStore, tableColumn2 = _this58.tableColumn;
+            editConfig = _this57.editConfig, editStore = _this57.editStore, tableColumn2 = _this57.tableColumn;
             cell = params.cell, column = params.column, row2 = params.row;
             editor = column.editor;
             actived = editStore.actived;
@@ -12241,7 +12334,7 @@ var Methods$c = {
           case 1:
             canActive = _context.v;
             args = {
-              _vm: _this58,
+              _vm: _this57,
               actived,
               canActive,
               cell,
@@ -12257,14 +12350,14 @@ var Methods$c = {
             });
             type = handleActivedDoActive(args);
             handleActivedClearActive({
-              _vm: _this58,
+              _vm: _this57,
               canActive,
               event
             });
-            emitEvent(_this58, type, [params, event]);
+            emitEvent(_this57, type, [params, event]);
           case 2:
             handleActivedTryActive({
-              _vm: _this58,
+              _vm: _this57,
               actived,
               cell,
               column,
@@ -12274,7 +12367,7 @@ var Methods$c = {
               params,
               row: row2
             });
-            return _context.a(2, _this58.$nextTick());
+            return _context.a(2, _this57.$nextTick());
         }
       }, _callee);
     }))();
@@ -12305,14 +12398,14 @@ var Methods$c = {
    * 清除已激活的编辑
    */
   _clearActived: function _clearActived(event) {
-    var _this59 = this;
+    var _this58 = this;
     var _this$editConfig2 = this.editConfig, editConfig = _this$editConfig2 === void 0 ? {} : _this$editConfig2, editStore = this.editStore, tableColumn2 = this.tableColumn;
     var actived = editStore.actived;
     var args = actived.args, column = actived.column, row2 = actived.row;
     var isActived = row2 || column;
     if (isActived && editConfig.mode === "row") {
       tableColumn2.forEach(function(column22) {
-        return _this59._setColumnModel(row2, column22);
+        return _this58._setColumnModel(row2, column22);
       });
     }
     if (isActived && editConfig.mode !== "row") {
@@ -12323,7 +12416,7 @@ var Methods$c = {
       this.updateRowStatus(actived.row);
       this.updateFooter();
       var row22 = args.row, column2 = args.column;
-      var _ref181 = column2 || {}, editor = _ref181.editor;
+      var _ref182 = column2 || {}, editor = _ref182.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];
       }
@@ -12392,7 +12485,7 @@ var Methods$c = {
    * 只对trigger为dblclick有效，选中单元格
    */
   _setSelectCell: function _setSelectCell(row2, field) {
-    var _this60 = this;
+    var _this59 = this;
     var editConfig = this.editConfig, tableData = this.tableData, visibleColumn = this.visibleColumn;
     if (!row2 || !field || editConfig.trigger === "manual") {
       return this.$nextTick();
@@ -12413,7 +12506,7 @@ var Methods$c = {
         columnIndex,
         cell
       };
-      _this60.handleSelected(params, {});
+      _this59.handleSelected(params, {});
     };
     getCell(this, {
       row: row2,
@@ -12441,37 +12534,37 @@ var Methods$c = {
    * 处理选中源
    */
   handleSelected: function handleSelected(params, event, noDebounce) {
-    var _this61 = this;
+    var _this60 = this;
     var editConfig = this.editConfig, editStore = this.editStore, elemStore = this.elemStore, _this$mouseConfig3 = this.mouseConfig, mouseConfig = _this$mouseConfig3 === void 0 ? {} : _this$mouseConfig3;
     var actived = editStore.actived, selected = editStore.selected;
-    var _ref182 = params || {}, cell = _ref182.cell, column = _ref182.column, row2 = _ref182.row;
+    var _ref183 = params || {}, cell = _ref183.cell, column = _ref183.column, row2 = _ref183.row;
     var selectMethod = function selectMethod2() {
       var _cell$parentNode;
       if (selected.row === row2 && selected.column === column || actived.row === row2 && (editConfig.mode !== "cell" || actived.column === column)) {
-        return _this61.$nextTick();
+        return _this60.$nextTick();
       }
-      if (_this61.keyboardConfig || _this61.mouseConfig) {
-        _this61.clearChecked(event);
-        _this61.clearIndexChecked();
-        _this61.clearHeaderChecked();
-        _this61.clearSelected(event);
+      if (_this60.keyboardConfig || _this60.mouseConfig) {
+        _this60.clearChecked(event);
+        _this60.clearIndexChecked();
+        _this60.clearHeaderChecked();
+        _this60.clearSelected(event);
       }
-      _this61.clearActived(event);
+      _this60.clearActived(event);
       selected.args = params;
       selected.row = row2;
       selected.column = column;
-      _this61.updateSelectedCls();
+      _this60.updateSelectedCls();
       if (!mouseConfig.checked) {
-        return _this61.$nextTick();
+        return _this60.$nextTick();
       }
       var headerElem = elemStore["main-body-headerList"];
-      _this61.handleChecked([[cell]]);
+      _this60.handleChecked([[cell]]);
       if (!headerElem) {
-        return _this61.$nextTick();
+        return _this60.$nextTick();
       }
-      _this61.handleHeaderChecked([[headerElem == null ? void 0 : headerElem.querySelector("." + (column == null ? void 0 : column.id))]]);
-      _this61.handleIndexChecked([[cell == null ? void 0 : (_cell$parentNode = cell.parentNode) == null ? void 0 : _cell$parentNode.querySelector(".col__index")]]);
-      return _this61.$nextTick();
+      _this60.handleHeaderChecked([[headerElem == null ? void 0 : headerElem.querySelector("." + (column == null ? void 0 : column.id))]]);
+      _this60.handleIndexChecked([[cell == null ? void 0 : (_cell$parentNode = cell.parentNode) == null ? void 0 : _cell$parentNode.querySelector(".col__index")]]);
+      return _this60.$nextTick();
     };
     selectMethod = noDebounce ? selectMethod : debounce(20, selectMethod);
     return selectMethod();
@@ -12625,7 +12718,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 _ref183 = mouseConfig || {}, _ref183$updateInterva = _ref183.updateInterval, updateInterval = _ref183$updateInterva === void 0 ? 10 : _ref183$updateInterva;
+  var _ref184 = mouseConfig || {}, _ref184$updateInterva = _ref184.updateInterval, updateInterval = _ref184$updateInterva === void 0 ? 10 : _ref184$updateInterva;
   var oldMousemove = document.onmousemove;
   var oldMouseup = document.onmouseup;
   var updateEvent = function updateEvent2(event) {
@@ -12664,8 +12757,8 @@ function onCellMousedownSelectEditable(args) {
     _vm.handleSelected(params, event);
   }
 }
-function onCellMousedownSelect(_ref184) {
-  var _vm = _ref184._vm, editConfig = _ref184.editConfig, event = _ref184.event, mouseConfig = _ref184.mouseConfig, params = _ref184.params;
+function onCellMousedownSelect(_ref185) {
+  var _vm = _ref185._vm, editConfig = _ref185.editConfig, event = _ref185.event, mouseConfig = _ref185.mouseConfig, params = _ref185.params;
   if (!editConfig && mouseConfig.selected) {
     _vm.handleSelected(params, event);
   }
@@ -12684,8 +12777,8 @@ function onCellMousedownIndexColumn(args) {
     _vm.handleIndexChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(cell)));
   }
 }
-function onCellMousedownNotIndexColumn(_ref185) {
-  var _vm = _ref185._vm, cell = _ref185.cell, column = _ref185.column, event = _ref185.event, headerList = _ref185.headerList, isIndex = _ref185.isIndex, params = _ref185.params;
+function onCellMousedownNotIndexColumn(_ref186) {
+  var _vm = _ref186._vm, cell = _ref186.cell, column = _ref186.column, event = _ref186.event, headerList = _ref186.headerList, isIndex = _ref186.isIndex, params = _ref186.params;
   if (!isIndex) {
     var firstCell = cell.parentNode.firstElementChild;
     _vm.handleSelected(params, event);
@@ -12693,8 +12786,8 @@ function onCellMousedownNotIndexColumn(_ref185) {
     _vm.handleIndexChecked([[firstCell]]);
   }
 }
-function handleHeaderCellMousedownEvent(_ref186) {
-  var $el = _ref186.$el, _vm = _ref186._vm, bodyList = _ref186.bodyList, cell = _ref186.cell, headerList = _ref186.headerList, startCell = _ref186.startCell;
+function handleHeaderCellMousedownEvent(_ref187) {
+  var $el = _ref187.$el, _vm = _ref187._vm, bodyList = _ref187.bodyList, cell = _ref187.cell, headerList = _ref187.headerList, startCell = _ref187.startCell;
   var oldMousemove = document.onmousemove;
   var oldMouseup = document.onmouseup;
   var updateEvent = function updateEvent2(event) {
@@ -12727,8 +12820,8 @@ var removeCellClass = function removeCellClass2(bodyRef, clazz) {
     return removeClass(elem, clazz);
   });
 };
-var getCellIndex = function getCellIndex2(_ref187) {
-  var cell = _ref187.cell, bodyList = _ref187.bodyList;
+var getCellIndex = function getCellIndex2(_ref188) {
+  var cell = _ref188.cell, bodyList = _ref188.bodyList;
   var trElem = cell.parentNode;
   var cIndex = arrayIndexOf(trElem.children, cell);
   var rIndex = arrayIndexOf(bodyList, trElem);
@@ -12737,8 +12830,8 @@ var getCellIndex = function getCellIndex2(_ref187) {
     cIndex
   };
 };
-var getModify = function getModify2(_ref188) {
-  var offsetTop = _ref188.offsetTop, offsetLeft = _ref188.offsetLeft, cWidth = _ref188.cWidth, cHeight = _ref188.cHeight;
+var getModify = function getModify2(_ref189) {
+  var offsetTop = _ref189.offsetTop, offsetLeft = _ref189.offsetLeft, cWidth = _ref189.cWidth, cHeight = _ref189.cHeight;
   var modifyDomStyle = function modifyDomStyle2(dom, styleOptions) {
     return dom && Object.assign(dom.style, styleOptions);
   };
@@ -12765,8 +12858,8 @@ var getModify = function getModify2(_ref188) {
     });
   };
 };
-var writeClipboardText = function writeClipboardText2(_ref189) {
-  var $table = _ref189.$table, columns2 = _ref189.columns, rows = _ref189.rows, rowNodes = _ref189.rowNodes;
+var writeClipboardText = function writeClipboardText2(_ref190) {
+  var $table = _ref190.$table, columns2 = _ref190.columns, rows = _ref190.rows, rowNodes = _ref190.rowNodes;
   var _$table$keyboardConfi = $table.keyboardConfig, keyboardConfig = _$table$keyboardConfi === void 0 ? {} : _$table$keyboardConfi;
   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;
@@ -12813,7 +12906,7 @@ var Methods$b = {
     var params = _extends({}, args);
     var columnIndex = visibleColumn.indexOf(params.column);
     var rowIndex = tableData.indexOf(params.row);
-    var _ref190 = {}, targetColumn = _ref190.targetColumn, targetColumnIndex = _ref190.targetColumnIndex, targetRow = _ref190.targetRow, targetRowIndex = _ref190.targetRowIndex;
+    var _ref191 = {}, targetColumn = _ref191.targetColumn, targetColumnIndex = _ref191.targetColumnIndex, targetRow = _ref191.targetRow, targetRowIndex = _ref191.targetRowIndex;
     event.preventDefault();
     var checkColumn = function checkColumn2(column) {
       return !hasIndexColumn2(column) && (edit ? column.editor : true);
@@ -12876,7 +12969,7 @@ var Methods$b = {
   },
   // 当前行方向键移动处理
   moveCurrentRow: function moveCurrentRow(isUpArrow, isDwArrow, event) {
-    var _this62 = this;
+    var _this61 = this;
     var afterFullData = this.afterFullData, currentRow = this.currentRow, treeConfig = this.treeConfig;
     var targetRow;
     event.preventDefault();
@@ -12899,17 +12992,17 @@ var Methods$b = {
     }
     if (targetRow) {
       this.scrollToRow(targetRow).then(function() {
-        return _this62.triggerCurrentRowEvent(event, {
-          $table: _this62,
+        return _this61.triggerCurrentRowEvent(event, {
+          $table: _this61,
           row: targetRow
         });
       });
     }
   },
   // 可编辑方向键移动处理
-  moveSelected: function moveSelected(_ref191) {
-    var _this63 = this;
-    var args = _ref191.args, isLeftArrow = _ref191.isLeftArrow, isUpArrow = _ref191.isUpArrow, isRightArrow = _ref191.isRightArrow, isDownArrow = _ref191.isDownArrow, event = _ref191.event;
+  moveSelected: function moveSelected(_ref192) {
+    var _this62 = this;
+    var args = _ref192.args, isLeftArrow = _ref192.isLeftArrow, isUpArrow = _ref192.isUpArrow, isRightArrow = _ref192.isRightArrow, isDownArrow = _ref192.isDownArrow, event = _ref192.event;
     var hasIndexColumn2 = this.hasIndexColumn, visibleColumn = this.tableColumn, tableData = this.tableFullData;
     var params = _extends({}, args);
     var column = params.column;
@@ -12938,8 +13031,8 @@ var Methods$b = {
     }
     getCell(this, params).then(function(resCell) {
       params.cell = resCell;
-      _this63.handleSelected(params, event, true);
-      _this63.scrollToRow(params.row, params.column, false, {
+      _this62.handleSelected(params, event, true);
+      _this62.scrollToRow(params.row, params.column, false, {
         isLeftArrow,
         isRightArrow,
         from: column
@@ -12948,7 +13041,7 @@ var Methods$b = {
   },
   // 表头按下事件
   triggerHeaderCellMousedownEvent: function triggerHeaderCellMousedownEvent(event, params) {
-    var _this64 = this;
+    var _this63 = this;
     var $el = this.$el, elemStore = this.elemStore, _this$mouseConfig4 = this.mouseConfig, mouseConfig = _this$mouseConfig4 === void 0 ? {} : _this$mouseConfig4, tableData = this.tableData;
     var headerList = elemStore["main-body-headerList"].children;
     var bodyList = elemStore["main-body-list"].children;
@@ -12992,10 +13085,10 @@ var Methods$b = {
     params.row = tableData[0];
     getCell(this, params).then(function(cellRes) {
       params.cell = cellRes;
-      _this64.handleSelected(params, event);
+      _this63.handleSelected(params, event);
       var rowNodes = getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(lastTr.querySelector(".col__index")));
-      _this64.handleIndexChecked(rowNodes);
-      _this64.handleChecked(getRowNodes(bodyList, getCellNodeIndex(startCell), getCellNodeIndex(lastCell)));
+      _this63.handleIndexChecked(rowNodes);
+      _this63.handleChecked(getRowNodes(bodyList, getCellNodeIndex(startCell), getCellNodeIndex(lastCell)));
     });
     this.closeMenu();
   },
@@ -13129,9 +13222,9 @@ var Methods$b = {
     return this.$nextTick();
   },
   _getMouseCheckeds: function _getMouseCheckeds() {
-    var _this65 = this;
+    var _this64 = this;
     var _this$editStore$check = this.editStore.checked.rowNodes, rowNodes = _this$editStore$check === void 0 ? [] : _this$editStore$check;
-    var _ref192 = {}, _ref192$rows = _ref192.rows, rows = _ref192$rows === void 0 ? [] : _ref192$rows, _ref192$columns = _ref192.columns, columns2 = _ref192$columns === void 0 ? [] : _ref192$columns;
+    var _ref193 = {}, _ref193$rows = _ref193.rows, rows = _ref193$rows === void 0 ? [] : _ref193$rows, _ref193$columns = _ref193.columns, columns2 = _ref193$columns === void 0 ? [] : _ref193$columns;
     var res = {
       rows,
       columns: columns2,
@@ -13139,10 +13232,10 @@ var Methods$b = {
     };
     if (rowNodes && rowNodes.length) {
       res.rows = rowNodes.map(function(arr) {
-        return _this65.getRowNode(arr[0].parentNode).item;
+        return _this64.getRowNode(arr[0].parentNode).item;
       });
       res.columns = rowNodes[0].map(function(col) {
-        return _this65.getColumnNode(col).item;
+        return _this64.getColumnNode(col).item;
       });
     }
     return res;
@@ -13160,7 +13253,7 @@ var Methods$b = {
     if (!mouseConfig || !mouseConfig.checked) {
       return;
     }
-    var _ref193 = {}, cHeight = _ref193.cHeight, cWidth = _ref193.cWidth, offsetLeft = _ref193.offsetLeft, offsetTop = _ref193.offsetTop;
+    var _ref194 = {}, cHeight = _ref194.cHeight, cWidth = _ref194.cWidth, offsetLeft = _ref194.offsetLeft, offsetTop = _ref194.offsetTop;
     cWidth = cHeight = -2;
     offsetTop = offsetLeft = 0;
     this.clearChecked();
@@ -13195,7 +13288,7 @@ var Methods$b = {
     this.editStore.checked.rowNodes = rowNodes;
   },
   handleAllChecked: function handleAllChecked(event) {
-    var _this66 = this;
+    var _this65 = this;
     var elemStore = this.elemStore, _this$mouseConfig6 = this.mouseConfig, mouseConfig = _this$mouseConfig6 === void 0 ? {} : _this$mouseConfig6, tableData = this.tableData, visibleColumn = this.visibleColumn;
     if (!mouseConfig.checked) {
       return;
@@ -13223,10 +13316,10 @@ var Methods$b = {
     params.columnIndex = this.getColumnIndex(params.column);
     getCell(this, params).then(function(resCell) {
       params.cell = resCell;
-      _this66.handleSelected(params, event, true);
-      _this66.handleHeaderChecked(getRowNodes(headerList, getCellNodeIndex(cell.nextElementSibling), getCellNodeIndex(cell.parentNode.lastElementChild)));
-      _this66.handleIndexChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(lastTrElem.querySelector(selectorColumnId))));
-      _this66.handleChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell.nextElementSibling), getCellNodeIndex(lastTrElem.lastElementChild)));
+      _this65.handleSelected(params, event, true);
+      _this65.handleHeaderChecked(getRowNodes(headerList, getCellNodeIndex(cell.nextElementSibling), getCellNodeIndex(cell.parentNode.lastElementChild)));
+      _this65.handleIndexChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(lastTrElem.querySelector(selectorColumnId))));
+      _this65.handleChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell.nextElementSibling), getCellNodeIndex(lastTrElem.lastElementChild)));
     });
   },
   handleIndexChecked: function handleIndexChecked(rowNodes) {
@@ -13289,7 +13382,7 @@ var Methods$b = {
     var editStore = this.editStore, tableColumn2 = this.tableColumn, tableData = this.tableData;
     var copyed = editStore.copyed;
     var rowNodes = editStore.checked.rowNodes;
-    var _ref194 = {}, cHeight = _ref194.cHeight, cWidth = _ref194.cWidth, offsetLeft = _ref194.offsetLeft, offsetTop = _ref194.offsetTop, _ref194$rows = _ref194.rows, rows = _ref194$rows === void 0 ? [] : _ref194$rows, _ref194$columns = _ref194.columns, columns2 = _ref194$columns === void 0 ? [] : _ref194$columns;
+    var _ref195 = {}, cHeight = _ref195.cHeight, cWidth = _ref195.cWidth, offsetLeft = _ref195.offsetLeft, offsetTop = _ref195.offsetTop, _ref195$rows = _ref195.rows, rows = _ref195$rows === void 0 ? [] : _ref195$rows, _ref195$columns = _ref195.columns, columns2 = _ref195$columns === void 0 ? [] : _ref195$columns;
     cWidth = cHeight = -3;
     offsetTop = offsetLeft = 0;
     this.clearCopyed();
@@ -13381,7 +13474,8 @@ var Methods$b = {
     var equalOrContain = function equalOrContain2(elm, target) {
       return elm && (elm === target || elm.contains(target));
     };
-    if (!equalOrContain($grid.$el, event.target) && !equalOrContain(tableWrapper, event.target) && !equalOrContain(tooltip && tooltip.state.popperElm, event.target) && !equalOrContain(validTip && validTip.state.popperElm, event.target)) {
+    var actualTarget = getActualTarget(event);
+    if (!equalOrContain($grid.$el, actualTarget) && !equalOrContain(tableWrapper, actualTarget) && !equalOrContain(tooltip && tooltip.state.popperElm, actualTarget) && !equalOrContain(validTip && validTip.state.popperElm, actualTarget)) {
       if (autoClearMouseChecked) {
         this.clearChecked();
         this.clearSelected();
@@ -13411,13 +13505,13 @@ function adjustParams(rows, cb, vaildDatas) {
     vaildDatas
   };
 }
-var columnHandler = function columnHandler2(_ref195) {
-  var _vm = _ref195._vm, colValidPromiseArr = _ref195.colValidPromiseArr, editRules = _ref195.editRules, isAll = _ref195.isAll, row2 = _ref195.row, validRest = _ref195.validRest;
+var columnHandler = function columnHandler2(_ref196) {
+  var _vm = _ref196._vm, colValidPromiseArr = _ref196.colValidPromiseArr, editRules = _ref196.editRules, isAll = _ref196.isAll, row2 = _ref196.row, validRest = _ref196.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(_ref196) {
-          var rule = _ref196.rule, rules = _ref196.rules;
+        _vm.validCellRules("all", row2, column).then(resolve).catch(function(_ref197) {
+          var rule = _ref197.rule, rules = _ref197.rules;
           var rowIndex = _vm.getRowIndex(row2);
           var rest = {
             rule,
@@ -13441,8 +13535,8 @@ var columnHandler = function columnHandler2(_ref195) {
     }
   };
 };
-function validTree(_ref197) {
-  var treeConfig = _ref197.treeConfig, handleVaild = _ref197.handleVaild, hasTreeExpand2 = _ref197.hasTreeExpand, vaildDatas = _ref197.vaildDatas, treeOpts = _ref197.treeOpts;
+function validTree(_ref198) {
+  var treeConfig = _ref198.treeConfig, handleVaild = _ref198.handleVaild, hasTreeExpand2 = _ref198.hasTreeExpand, vaildDatas = _ref198.vaildDatas, treeOpts = _ref198.treeOpts;
   if (treeConfig.validHidden === false) {
     var _recurValid = function recurValid(row2) {
       var children = row2[treeConfig.children || "children"];
@@ -13456,8 +13550,8 @@ function validTree(_ref197) {
     eachTree(vaildDatas, handleVaild, treeOpts);
   }
 }
-var realValid = function realValid2(_ref198) {
-  var _vm = _ref198._vm, editRules = _ref198.editRules, isAll = _ref198.isAll, validRest = _ref198.validRest, treeConfig = _ref198.treeConfig, hasTreeExpand2 = _ref198.hasTreeExpand, vaildDatas = _ref198.vaildDatas, treeOpts = _ref198.treeOpts;
+var realValid = function realValid2(_ref199) {
+  var _vm = _ref199._vm, editRules = _ref199.editRules, isAll = _ref199.isAll, validRest = _ref199.validRest, treeConfig = _ref199.treeConfig, hasTreeExpand2 = _ref199.hasTreeExpand, vaildDatas = _ref199.vaildDatas, treeOpts = _ref199.treeOpts;
   var rowValids = [];
   var columns2 = _vm.getColumns();
   var handleVaild = function handleVaild2(row2) {
@@ -13485,7 +13579,7 @@ var realValid = function realValid2(_ref198) {
   }
   return rowValids;
 };
-var Rule = /* @__PURE__ */ function() {
+var Rule = /* @__PURE__ */ (function() {
   function Rule2(rule) {
     Object.assign(this, {
       $options: rule,
@@ -13505,12 +13599,12 @@ var Rule = /* @__PURE__ */ function() {
       return getFuncText(this.$options.message);
     }
   }]);
-}();
+})();
 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 _ref199;
-    var args = isAll ? validRest : (_ref199 = {}, _ref199[params.column.property] = params, _ref199);
+    var _ref200;
+    var args = isAll ? validRest : (_ref200 = {}, _ref200[params.column.property] = params, _ref200);
     var funcFinish = function funcFinish2(args2, reject, resolve) {
       return function() {
         opt.status = false;
@@ -13566,21 +13660,21 @@ var Methods$a = {
   },
   // 聚焦到校验通过的单元格并弹出校验错误提示
   handleValidError: function handleValidError(params) {
-    var _this67 = this;
+    var _this66 = this;
     var event = {
       type: "valid-error",
       trigger: "call"
     };
     this.handleActived(params, event).then(function() {
-      return _this67.showValidTooltip(params);
+      return _this66.showValidTooltip(params);
     });
   },
   validatePromise: function validatePromise(row2, column, columnIndex, isAll, validRest) {
-    var _this68 = this;
-    function onrejected(_ref201) {
-      var _vm = _ref201._vm, reject = _ref201.reject, resolve = _ref201.resolve;
-      return function(_ref202) {
-        var rule = _ref202.rule, rules = _ref202.rules;
+    var _this67 = this;
+    function onrejected(_ref202) {
+      var _vm = _ref202._vm, reject = _ref202.reject, resolve = _ref202.resolve;
+      return function(_ref203) {
+        var rule = _ref203.rule, rules = _ref203.rules;
         var rest = {
           $table: _vm,
           column,
@@ -13599,8 +13693,8 @@ var Methods$a = {
       };
     }
     return new Promise(function(resolve, reject) {
-      _this68.validCellRules("all", row2, column).then(resolve).catch(onrejected({
-        _vm: _this68,
+      _this67.validCellRules("all", row2, column).then(resolve).catch(onrejected({
+        _vm: _this67,
         reject,
         resolve
       }));
@@ -13616,7 +13710,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 _ref203 = {}, _ref203$status = _ref203.status, status = _ref203$status === void 0 ? true : _ref203$status, _ref203$validRest = _ref203.validRest, validRest = _ref203$validRest === void 0 ? {} : _ref203$validRest;
+    var _ref204 = {}, _ref204$status = _ref204.status, status = _ref204$status === void 0 ? true : _ref204$status, _ref204$validRest = _ref204.validRest, validRest = _ref204$validRest === void 0 ? {} : _ref204$validRest;
     var _adjustParams = adjustParams(rows, callback, afterFullData), vaildDatas = _adjustParams.vaildDatas, cb = _adjustParams.cb;
     var opt = {
       isAll,
@@ -13651,12 +13745,11 @@ 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, _ref204) {
-    var property = _ref204.property;
+  hasCellRules: function hasCellRules(type, row2, _ref205) {
+    var property = _ref205.property;
     if (!property || !this.editRules) {
       return false;
     }
@@ -13686,10 +13779,10 @@ var Methods$a = {
    *  @param { any }  defaultValue 需要校验的默认值
    */
   validCellRules: function validCellRules(type, row2, column, defaultValue) {
-    var _this69 = this;
+    var _this68 = this;
     var editRules = this.editRules, rowId = this.rowId;
     var property = column.property;
-    var _ref205 = {}, _ref205$descriptor = _ref205.descriptor, descriptor = _ref205$descriptor === void 0 ? {} : _ref205$descriptor, _ref205$model = _ref205.model, model = _ref205$model === void 0 ? {} : _ref205$model;
+    var _ref206 = {}, _ref206$descriptor = _ref206.descriptor, descriptor = _ref206$descriptor === void 0 ? {} : _ref206$descriptor, _ref206$model = _ref206.model, model = _ref206$model === void 0 ? {} : _ref206$model;
     if (property && editRules) {
       var rules = get(editRules, property);
       var cellValue = isUndefined(defaultValue) ? get(row2, property) : defaultValue;
@@ -13714,8 +13807,8 @@ var Methods$a = {
           column
         }
       };
-      var onRejected3 = function onRejected32(_ref206) {
-        var fields = _ref206.fields;
+      var onRejected3 = function onRejected32(_ref207) {
+        var fields = _ref207.fields;
         var cellErrors = Object.keys(fields).map(function(prop) {
           var rules2 = _descriptor[prop];
           _descriptor[prop] = !rules2.message ? Object.assign(rules2, {
@@ -13731,11 +13824,11 @@ var Methods$a = {
       validator.validate(model, validArgs).then(resolve).catch(onRejected3);
     };
     var onFulfilled = function onFulfilled2() {
-      _this69.validatedMap[column.id + "-" + row2[rowId]] = false;
+      _this68.validatedMap[column.id + "-" + row2[rowId]] = false;
       return Promise.resolve();
     };
     var onRejected22 = function onRejected23(errors) {
-      _this69.validatedMap[column.id + "-" + row2[rowId]] = true;
+      _this68.validatedMap[column.id + "-" + row2[rowId]] = true;
       return Promise.reject(errors);
     };
     return new Promise(executor).then(onFulfilled).catch(onRejected22);
@@ -13752,9 +13845,16 @@ var Methods$a = {
     this.clostValidTooltip(void 0);
     return this.$nextTick();
   },
+  clearValidateMap: function clearValidateMap() {
+    if (this.validatedMap) {
+      for (var key in this.validatedMap) {
+        this.validatedMap[key] = false;
+      }
+    }
+  },
   // 触发校验
   triggerValidate: function triggerValidate(type) {
-    var _this70 = this;
+    var _this69 = this;
     var editConfig = this.editConfig, editRules = this.editRules, editStore = this.editStore, validStore = this.validStore;
     var actived = editStore.actived;
     if (!actived.row || !editRules) {
@@ -13765,10 +13865,10 @@ var Methods$a = {
       return Promise.resolve();
     }
     var onfulfilled = function onfulfilled2() {
-      editConfig.mode === "row" && validStore.visible && validStore.row === row2 && validStore.column === column && _this70.clearValidate();
+      editConfig.mode === "row" && validStore.visible && validStore.row === row2 && validStore.column === column && _this69.clearValidate();
     };
-    var onrejected = function onrejected2(_ref207) {
-      var rule = _ref207.rule;
+    var onrejected = function onrejected2(_ref208) {
+      var rule = _ref208.rule;
       if (rule.trigger && type !== rule.trigger) {
         return Promise.resolve();
       }
@@ -13778,14 +13878,14 @@ var Methods$a = {
         row: row2,
         rule
       };
-      _this70.showValidTooltip(rest);
+      _this69.showValidTooltip(rest);
       return Promise.reject(rest);
     };
     return this.validCellRules(type, row2, column).then(onfulfilled).catch(onrejected);
   },
   // 弹出校验错误提示
   showValidTooltip: function showValidTooltip(params) {
-    var _this71 = this;
+    var _this70 = this;
     var $refs = this.$refs, height2 = this.height, tableData = this.tableData, validOpts2 = this.validOpts;
     var cell = params.cell, column = params.column, row2 = params.row, rule = params.rule;
     var content = rule.message;
@@ -13793,7 +13893,7 @@ var Methods$a = {
     var isMessageTooltip = validOpts2.isMessageTooltip, isMessageDefault = validOpts2.isMessageDefault, isMessageInline = validOpts2.isMessageInline;
     var showMsg = isMessageTooltip || isMessageDefault && !height2 && tableData.length < 2;
     this.$nextTick(function() {
-      Object.assign(_this71.validStore, {
+      Object.assign(_this70.validStore, {
         row: row2,
         column,
         rule,
@@ -13801,19 +13901,19 @@ var Methods$a = {
         visible: true
       });
       if (validTip && showMsg) {
-        _this71.clostValidTooltip();
-        _this71.validTipContent = content;
+        _this70.clostValidTooltip();
+        _this70.validTipContent = content;
         validTip.state.referenceElm = cell;
         validTip.$refs.popper && (validTip.$refs.popper.style.display = "none");
         validTip.doDestroy();
         validTip.setExpectedState(true);
-        _this71.activateTooltipValid(validTip);
+        _this70.activateTooltipValid(validTip);
       } else if (isMessageInline) {
-        _this71.$nextTick(function() {
-          return _this71.recalculate();
+        _this70.$nextTick(function() {
+          return _this70.recalculate();
         });
       }
-      emitEvent(_this71, "valid-error", [params]);
+      emitEvent(_this70, "valid-error", [params]);
     });
   },
   // 关闭 validTip
@@ -13834,12 +13934,12 @@ var Validator = {
 };
 var Methods$9 = {
   bindResize: function bindResize() {
-    var _this72 = this;
+    var _this71 = this;
     var parentElem = this.getParentElem();
     if ((parentElem == null ? void 0 : parentElem.nodeType) === Node.ELEMENT_NODE) {
       (this.$resize = new Resize$1(function() {
-        _this72.updateParentHeight();
-        _this72.recalculate();
+        _this71.updateParentHeight();
+        _this71.recalculate();
       }, GlobalConfig$1.resizeInterval)).observe(parentElem);
     }
   },
@@ -13862,7 +13962,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 _ref208 = fetchData || dataset.source || dataset.api || {}, loading = _ref208.loading, fields = _ref208.fields, api = _ref208.api, reloadConfig = _ref208.reloadConfig;
+      var _ref209 = fetchData || dataset.source || dataset.api || {}, loading = _ref209.loading, fields = _ref209.fields, api = _ref209.api, reloadConfig = _ref209.reloadConfig;
       var isReloadFilter = false;
       var isReloadScroll = false;
       if (reloadConfig) {
@@ -13883,7 +13983,7 @@ var Methods$8 = {
      但为避免破坏性变更，暂保留
   */
   handleFetch: function handleFetch(code, sortArg) {
-    var _this73 = this;
+    var _this72 = this;
     var pager = this.pager, sortData = this.sortData, filterData = this.filterData, pagerConfig = this.pagerConfig, fetchOption = this.fetchOption, fetchData = this.fetchData, dataset = this.dataset;
     var _fetchData$reloadConf = fetchData.reloadConfig, reloadConfig = _fetchData$reloadConf === void 0 ? {} : _fetchData$reloadConf;
     var _reloadConfig$scroll = reloadConfig.scroll, scroll = _reloadConfig$scroll === void 0 ? false : _reloadConfig$scroll;
@@ -13900,7 +14000,7 @@ var Methods$8 = {
       error("ui.grid.error.notQuery");
       return this.$nextTick();
     }
-    var _ref209 = fetchData || dataset.source || dataset.api || {}, args = _ref209.args, loading = _ref209.loading;
+    var _ref210 = fetchData || dataset.source || dataset.api || {}, args = _ref210.args, loading = _ref210.loading;
     var field = sortData.field, order = sortData.order, prop = sortData.prop, property = sortData.property;
     var sortByData = {
       field,
@@ -13944,7 +14044,7 @@ var Methods$8 = {
       }, params);
     }
     return search.then(this.loadFetchData).catch(function(error2) {
-      _this73.tableLoading = false;
+      _this72.tableLoading = false;
       throw error2;
     });
   },
@@ -13966,8 +14066,8 @@ var Methods$8 = {
     if (pagerConfig && !Array.isArray(rest)) {
       var _rest$result;
       var total = getObj(rest, fields.total || "page.total") || (rest == null ? void 0 : (_rest$result = rest.result) == null ? void 0 : _rest$result.length) || 0;
-      var data6 = getObj(rest, fields.result || fields.data || "result") || [];
-      this.tableData = data6;
+      var data7 = getObj(rest, fields.result || fields.data || "result") || [];
+      this.tableData = data7;
       pagerConfig.total = total;
       var setTotal = pagerSlot && pagerSlot.componentInstance.setTotal;
       setTotal && setTotal(total);
@@ -14008,8 +14108,8 @@ var Methods$7 = {
     }
   },
   // 表格内置分页渲染器
-  renderPager: function renderPager(_ref210) {
-    var $slots = _ref210.$slots, _vm = _ref210._vm, loading = _ref210.loading, pager = _ref210.pager, pagerConfig = _ref210.pagerConfig, tableLoading = _ref210.tableLoading, vSize3 = _ref210.vSize;
+  renderPager: function renderPager(_ref211) {
+    var $slots = _ref211.$slots, _vm = _ref211._vm, loading = _ref211.loading, pager = _ref211.pager, pagerConfig = _ref211.pagerConfig, tableLoading = _ref211.tableLoading, vSize3 = _ref211.vSize;
     var res = null;
     var fetchData = _vm.fetchData;
     if ($slots.pager) {
@@ -14036,19 +14136,19 @@ var Methods$7 = {
     return res;
   },
   pageChangeEvent: function pageChangeEvent(params) {
-    var _this74 = this;
+    var _this73 = this;
     this.tablePageLoading = true;
     if (!this.tasks.updatePage) {
       this.tasks.updatePage = debounce(200, function() {
         var eventParams = _extends({
-          $grid: _this74
+          $grid: _this73
         }, params);
-        var toolbarVm = _this74.getVm("toolbar");
-        emitEvent(_this74, "page-change", eventParams);
-        _this74.emitter.emit("page-change", eventParams);
-        _this74.handleFetch("query").then(function() {
-          _this74.realTimeTablePage = _extends({}, _this74.tablePage);
-          _this74.tablePageLoading = false;
+        var toolbarVm = _this73.getVm("toolbar");
+        emitEvent(_this73, "page-change", eventParams);
+        _this73.emitter.emit("page-change", eventParams);
+        _this73.handleFetch("query").then(function() {
+          _this73.realTimeTablePage = _extends({}, _this73.tablePage);
+          _this73.tablePageLoading = false;
         });
         if (toolbarVm) {
           toolbarVm.orderSetting();
@@ -14070,7 +14170,7 @@ var Methods$7 = {
     }
   },
   beforePageChangeHandler: function beforePageChangeHandler(params) {
-    var _this75 = this;
+    var _this74 = this;
     if (!this.showSaveMsg) {
       var eventParams = extend(false, {
         $grid: this
@@ -14085,8 +14185,8 @@ var Methods$7 = {
       var next = function next2(res) {
         if (res === "confirm") {
           rollback && rollback();
-          emitEvent(_this75, "cancel-page-change", _this75);
-          _this75.emitter.emit("cancel-page-change", _this75);
+          emitEvent(_this74, "cancel-page-change", _this74);
+          _this74.emitter.emit("cancel-page-change", _this74);
         } else {
           callback && callback();
         }
@@ -14103,8 +14203,8 @@ var Pager = {
     Object.assign(host.methods, Methods$7);
   }
 };
-function setBodyRecords(_ref211) {
-  var body = _ref211.body, insertRecords = _ref211.insertRecords, pendingRecords = _ref211.pendingRecords;
+function setBodyRecords(_ref212) {
+  var body = _ref212.body, insertRecords = _ref212.insertRecords, pendingRecords = _ref212.pendingRecords;
   if (insertRecords.length) {
     body.pendingRecords = pendingRecords.filter(function(row2) {
       return !insertRecords.includes(row2);
@@ -14119,8 +14219,8 @@ function setBodyRecords(_ref211) {
 function canInvokeSaveDataApi(body, removeRecords, updateRecords) {
   return body.insertRecords.length || removeRecords.length || updateRecords.length || body.pendingRecords.length;
 }
-function doRemoveOrShowMsg(_ref212) {
-  var _vm = _ref212._vm, canInvoke = _ref212.canInvoke, code = _ref212.code, isMsg2 = _ref212.isMsg, pendingRecords = _ref212.pendingRecords, resolve = _ref212.resolve, valid = _ref212.valid;
+function doRemoveOrShowMsg(_ref213) {
+  var _vm = _ref213._vm, canInvoke = _ref213.canInvoke, code = _ref213.code, isMsg2 = _ref213.isMsg, pendingRecords = _ref213.pendingRecords, resolve = _ref213.resolve, valid = _ref213.valid;
   if (valid && !canInvoke) {
     if (isMsg2) {
       if (pendingRecords.length) {
@@ -14136,8 +14236,8 @@ function doRemoveOrShowMsg(_ref212) {
     resolve();
   }
 }
-function invokeSaveDataApi(_ref213) {
-  var _vm = _ref213._vm, args = _ref213.args, body = _ref213.body, code = _ref213.code, removeRecords = _ref213.removeRecords, resolve = _ref213.resolve, saveData = _ref213.saveData, updateRecords = _ref213.updateRecords, valid = _ref213.valid;
+function invokeSaveDataApi(_ref214) {
+  var _vm = _ref214._vm, args = _ref214.args, body = _ref214.body, code = _ref214.code, removeRecords = _ref214.removeRecords, resolve = _ref214.resolve, saveData = _ref214.saveData, updateRecords = _ref214.updateRecords, valid = _ref214.valid;
   var canInvoke = false;
   if (valid) {
     canInvoke = canInvokeSaveDataApi(body, removeRecords, updateRecords);
@@ -14164,9 +14264,9 @@ function invokeSaveDataApi(_ref213) {
 }
 var Methods$6 = {
   // 表格工具栏渲染器
-  getRenderedToolbar: function getRenderedToolbar(_ref214) {
-    var $slots = _ref214.$slots, _vm = _ref214._vm, loading = _ref214.loading, tableLoading = _ref214.tableLoading, toolbar = _ref214.toolbar;
-    return _vm.renderedToolbar = function() {
+  getRenderedToolbar: function getRenderedToolbar(_ref215) {
+    var $slots = _ref215.$slots, _vm = _ref215._vm, loading = _ref215.loading, tableLoading = _ref215.tableLoading, toolbar = _ref215.toolbar;
+    return _vm.renderedToolbar = (function() {
       var res = null;
       if ($slots.toolbar) {
         res = $slots.toolbar();
@@ -14181,10 +14281,10 @@ var Methods$6 = {
         });
       }
       return res;
-    }();
+    })();
   },
   handleSave: function handleSave(code, args) {
-    var _this76 = this;
+    var _this75 = this;
     var saveData = this.saveData, isMsg2 = this.isMsg;
     if (!saveData) {
       error("ui.grid.error.notSave");
@@ -14202,7 +14302,7 @@ var Methods$6 = {
           return;
         }
         var canInvoke = invokeSaveDataApi({
-          _vm: _this76,
+          _vm: _this75,
           args,
           body,
           code,
@@ -14213,7 +14313,7 @@ var Methods$6 = {
           valid
         });
         doRemoveOrShowMsg({
-          _vm: _this76,
+          _vm: _this75,
           canInvoke,
           code,
           isMsg: isMsg2,
@@ -14229,11 +14329,11 @@ var Methods$6 = {
       pendingRecords
     });
     return new Promise(function(resolve) {
-      _this76.validate(validRows, getCallback(resolve));
+      _this75.validate(validRows, getCallback(resolve));
     });
   },
   handleDelete: function handleDelete(code, args) {
-    var _this77 = this;
+    var _this76 = this;
     var deleteData = this.deleteData, isMsg2 = this.isMsg;
     if (!deleteData) {
       error("ui.grid.error.notDelete");
@@ -14241,7 +14341,7 @@ var Methods$6 = {
     }
     var selecteds = this.getSelectRecords(true);
     var afterRemove = function afterRemove2() {
-      var removeds = _this77.getRemoveRecords();
+      var removeds = _this76.getRemoveRecords();
       if (!removeds.length && isMsg2 && !selecteds.length) {
         Modal.message({
           id: code,
@@ -14251,34 +14351,34 @@ var Methods$6 = {
       }
       if (removeds.length) {
         var apiArgs = [{
-          $grid: _this77,
+          $grid: _this76,
           changeRecords: {
             removeRecords: removeds
           }
         }].concat(args);
         var stopLoading = function stopLoading2() {
-          _this77.tableLoading = false;
+          _this76.tableLoading = false;
         };
-        _this77.tableLoading = true;
-        return deleteData.api.apply(_this77, apiArgs).then(stopLoading).catch(stopLoading).then(function() {
-          return _this77.commitProxy("reload");
+        _this76.tableLoading = true;
+        return deleteData.api.apply(_this76, apiArgs).then(stopLoading).catch(stopLoading).then(function() {
+          return _this76.commitProxy("reload");
         });
       }
     };
     this.remove(selecteds).then(afterRemove);
   },
-  handleFullScreen: function handleFullScreen(_ref215) {
-    var _this78 = this;
-    var show2 = _ref215[0];
+  handleFullScreen: function handleFullScreen(_ref216) {
+    var _this77 = this;
+    var show2 = _ref216[0];
     this.fullScreenClass = show2 ? "tiny-fullscreen-full" : "";
     this.$nextTick(function() {
-      _this78.recalculate();
-      emitEvent(_this78, "fullscreen", show2);
-      _this78.emitter.emit("fullscreen", show2);
+      _this77.recalculate();
+      emitEvent(_this77, "fullscreen", show2);
+      _this77.emitter.emit("fullscreen", show2);
     });
   },
   commitProxy: function commitProxy(code) {
-    var _this79 = this;
+    var _this78 = this;
     for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       args[_key2 - 1] = arguments[_key2];
     }
@@ -14286,19 +14386,19 @@ var Methods$6 = {
     if (code === "insert") {
       this.insert();
     } else if (code === "insert_actived") {
-      this.insert().then(function(_ref216) {
-        var row2 = _ref216.row;
-        return _this79.setActiveRow(row2);
+      this.insert().then(function(_ref217) {
+        var row2 = _ref217.row;
+        return _this78.setActiveRow(row2);
       });
     } else if (code === "mark_cancel") {
       this.triggerPendingEvent(code);
     } else if (code === "delete_selection") {
       this.handleDeleteRow(code, "ui.grid.deleteSelectRecord", function() {
-        return _this79.commitProxy(["delete"].concat(args));
+        return _this78.commitProxy(["delete"].concat(args));
       });
     } else if (code === "remove_selection") {
       this.handleDeleteRow(code, "ui.grid.removeSelectRecord", function() {
-        return _this79.removeSelecteds();
+        return _this78.removeSelecteds();
       });
     } else if (code === "export") {
       this.exportCsv();
@@ -14374,11 +14474,11 @@ var Methods$6 = {
       });
     }
     if (selecteds.length) {
-      var _ref217 = {}, _ref217$plus = _ref217.plus, plus = _ref217$plus === void 0 ? [] : _ref217$plus, _ref217$minus = _ref217.minus, minus = _ref217$minus === void 0 ? [] : _ref217$minus, tmp = _ref217.tmp;
-      selecteds.forEach(function(data6) {
-        var selectedPending = pendings.includes(data6);
+      var _ref218 = {}, _ref218$plus = _ref218.plus, plus = _ref218$plus === void 0 ? [] : _ref218$plus, _ref218$minus = _ref218.minus, minus = _ref218$minus === void 0 ? [] : _ref218$minus, tmp = _ref218.tmp;
+      selecteds.forEach(function(data7) {
+        var selectedPending = pendings.includes(data7);
         tmp = selectedPending ? minus : plus;
-        tmp.push(data6);
+        tmp.push(data7);
       });
       tmp = minus.length ? pendings.filter(function(item) {
         return !~minus.indexOf(item);
@@ -14397,8 +14497,8 @@ var Toolbar = {
 };
 var Methods$5 = {
   renderColumnAnchor: function renderColumnAnchor(params, _vm) {
-    var _ref218 = params || {}, _ref218$anchors = _ref218.anchors, anchors = _ref218$anchors === void 0 ? [] : _ref218$anchors, _ref218$action = _ref218.action, action = _ref218$action === void 0 ? function() {
-    } : _ref218$action;
+    var _ref219 = params || {}, _ref219$anchors = _ref219.anchors, anchors = _ref219$anchors === void 0 ? [] : _ref219$anchors, _ref219$action = _ref219.action, action = _ref219$action === void 0 ? function() {
+    } : _ref219$action;
     var viewType2 = _vm.viewType;
     return h("div", {
       class: ["tiny-grid__column-anchor", _vm.viewCls("columnAnchor")],
@@ -14433,8 +14533,8 @@ var Methods$5 = {
       }, [iconVnode, spanVnode]);
     }));
   },
-  buildColumnAnchor: function buildColumnAnchor(_ref219) {
-    var property = _ref219.property, label = _ref219.label, anchors = _ref219.anchors, activeAnchor = _ref219.activeAnchor;
+  buildColumnAnchor: function buildColumnAnchor(_ref220) {
+    var property = _ref220.property, label = _ref220.label, anchors = _ref220.anchors, activeAnchor = _ref220.activeAnchor;
     var visibleColumn = this.getColumns();
     var column = visibleColumn.find(function(col) {
       return !col.type && col.property === property;
@@ -14468,7 +14568,7 @@ var Methods$5 = {
     }
   },
   buildColumnAnchorParams: function buildColumnAnchorParams() {
-    var _this80 = this;
+    var _this79 = this;
     var columnAnchor = this.columnAnchor;
     var anchors = [];
     var activeAnchor = {
@@ -14478,19 +14578,19 @@ var Methods$5 = {
     if (Array.isArray(columnAnchor) && columnAnchor.length) {
       columnAnchor.forEach(function(item) {
         if (typeof item === "string") {
-          _this80.buildColumnAnchor({
+          _this79.buildColumnAnchor({
             property: item,
             anchors
           });
         } else if (Array.isArray(item)) {
-          if (item.length > 1) _this80.buildColumnAnchor({
+          if (item.length > 1) _this79.buildColumnAnchor({
             property: item[0],
             label: item[1],
             anchors
           });
         } else if (item && typeof item === "object") {
           var field = item.field, other = _objectWithoutPropertiesLoose(item, _excluded2);
-          _this80.buildColumnAnchor({
+          _this79.buildColumnAnchor({
             property: field,
             label: other,
             anchors,
@@ -14506,27 +14606,27 @@ var Methods$5 = {
       anchors,
       activeAnchor,
       action: function action(field, e) {
-        return _this80.anchorAction({
+        return _this79.anchorAction({
           field,
           anchors,
-          _vm: _this80,
+          _vm: _this79,
           e
         });
       }
     };
     this._delayActivateAnchor = function() {
-      _this80._delayActivateAnchor = void 0;
+      _this79._delayActivateAnchor = void 0;
       setTimeout(function() {
-        return _this80.anchorAction({
+        return _this79.anchorAction({
           field: activeAnchor.field,
           anchors,
-          _vm: _this80
+          _vm: _this79
         });
       }, activeAnchor.delay);
     };
   },
-  anchorAction: function anchorAction(_ref220) {
-    var field = _ref220.field, anchors = _ref220.anchors, _vm = _ref220._vm;
+  anchorAction: function anchorAction(_ref221) {
+    var field = _ref221.field, anchors = _ref221.anchors, _vm = _ref221._vm;
     var fromAnchor = anchors.find(function(anchor) {
       return anchor.active;
     });
@@ -14572,8 +14672,8 @@ var ColumnAnchor = {
     Object.assign(host.methods, Methods$5);
   }
 };
-var createHandlerOnEnd = function createHandlerOnEnd2(_ref221) {
-  var _vm = _ref221._vm, refresh = _ref221.refresh;
+var createHandlerOnEnd = function createHandlerOnEnd2(_ref222) {
+  var _vm = _ref222._vm, refresh = _ref222.refresh;
   return function(event) {
     var insertRecords = _vm.getInsertRecords();
     if (insertRecords.length) {
@@ -14619,7 +14719,7 @@ var createHandlerOnEnd = function createHandlerOnEnd2(_ref221) {
       _vm.tableFullData = [].concat(tableTreeData);
     }
     _vm.$emit("row-drop-end", event, _vm, _vm.scrollYLoad ? tableTreeData : _vm.tableFullData);
-    refresh && _vm.data && !isVue2 && _vm.refreshData(_vm.data);
+    refresh && _vm.data && _vm.refreshData(_vm.data);
   };
 };
 var getSortColumns = function getSortColumns2(columns2) {
@@ -14641,15 +14741,15 @@ var getSortColumns = function getSortColumns2(columns2) {
 var Methods$4 = {
   // 处理列拖拽
   columnDrop: function columnDrop(headerEl) {
-    var _this81 = this;
-    var _ref222 = this.dropConfig || {}, plugin = _ref222.plugin, onBeforeMove = _ref222.onBeforeMove, filter2 = _ref222.filter;
+    var _this80 = this;
+    var _ref223 = this.dropConfig || {}, plugin = _ref223.plugin, onBeforeMove = _ref223.onBeforeMove, filter2 = _ref223.filter;
     var columnDropContainer = headerEl.querySelector(".tiny-grid-header__row");
     var columnDropOptions = _extends({}, this.dropConfig, {
       handle: ".tiny-grid-header__column:not(.col__fixed)",
       filter: filter2,
       onEnd: function onEnd(event) {
         var item = event.item, newIndex = event.newIndex, oldIndex = event.oldIndex;
-        var _this81$getTableColum = _this81.getTableColumn(), fullColumn = _this81$getTableColum.fullColumn, tableColumn2 = _this81$getTableColum.tableColumn;
+        var _this80$getTableColum = _this80.getTableColumn(), fullColumn = _this80$getTableColum.fullColumn, tableColumn2 = _this80$getTableColum.tableColumn;
         var sortVisibleCols = getSortColumns(tableColumn2);
         var targetThElem = item;
         var wrapperElem = targetThElem.parentNode;
@@ -14670,21 +14770,21 @@ var Methods$4 = {
             status: "error"
           });
         }
-        var oldColumnIndex = _this81.getColumnIndex(sortVisibleCols[oldIndex]);
-        var newColumnIndex = _this81.getColumnIndex(sortVisibleCols[newIndex]);
+        var oldColumnIndex = _this80.getColumnIndex(sortVisibleCols[oldIndex]);
+        var newColumnIndex = _this80.getColumnIndex(sortVisibleCols[newIndex]);
         var currCol = fullColumn.splice(oldColumnIndex, 1)[0];
         fullColumn.splice(newColumnIndex, 0, currCol);
-        _this81.loadColumn(fullColumn);
-        _this81.$emit("column-drop-end", event, _this81);
-        var toolbarVm = _this81.getVm("toolbar");
-        _this81.isDragHeaderSorting && toolbarVm && toolbarVm.updateSetting();
+        _this80.loadColumn(fullColumn);
+        _this80.$emit("column-drop-end", event, _this80);
+        var toolbarVm = _this80.getVm("toolbar");
+        _this80.isDragHeaderSorting && toolbarVm && toolbarVm.updateSetting();
       },
       onStart: function onStart(event) {
-        _this81.$emit("column-drop-start", event, _this81);
+        _this80.$emit("column-drop-start", event, _this80);
       },
       onMove: function onMove(event) {
-        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("column", null, event, _this81) : true;
-        _this81.$emit("column-drop-move", event, _this81);
+        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("column", null, event, _this80) : true;
+        _this80.$emit("column-drop-move", event, _this80);
         return cancel === void 0 || cancel;
       }
     });
@@ -14692,7 +14792,7 @@ var Methods$4 = {
   },
   // 处理行拖拽
   rowDrop: function rowDrop(bodyEl) {
-    var _this82 = this;
+    var _this81 = this;
     var _this$dropConfig = this.dropConfig, plugin = _this$dropConfig.plugin, onBeforeMove = _this$dropConfig.onBeforeMove, filter2 = _this$dropConfig.filter, _this$dropConfig$refr = _this$dropConfig.refresh, refresh = _this$dropConfig$refr === void 0 ? true : _this$dropConfig$refr, rowHandle = _this$dropConfig.rowHandle, trigger = _this$dropConfig.trigger;
     var rowDropContainer = bodyEl.querySelector(".tiny-grid__body tbody");
     var handle = trigger || ".tiny-grid-body__row";
@@ -14707,15 +14807,15 @@ var Methods$4 = {
         refresh
       }),
       onStart: function onStart(event) {
-        _this82.$emit("row-drop-start", event, _this82);
+        _this81.$emit("row-drop-start", event, _this81);
       },
       onMove: function onMove(event) {
-        var insertRecords = _this82.getInsertRecords();
+        var insertRecords = _this81.getInsertRecords();
         if (insertRecords.length) return false;
         var dragged = event.dragged;
-        var selfRow = _this82.getRowNode(dragged).item;
-        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("row", selfRow, event, _this82) : true;
-        _this82.$emit("row-drop-move", event, _this82);
+        var selfRow = _this81.getRowNode(dragged).item;
+        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("row", selfRow, event, _this81) : true;
+        _this81.$emit("row-drop-move", event, _this81);
         return cancel === void 0 || cancel;
       }
     });
@@ -14735,8 +14835,8 @@ var Sort = {
     Object.assign(host.methods, Methods$3);
   }
 };
-function createTooltipRange(_ref223) {
-  var _vm = _ref223._vm, cell = _ref223.cell, column = _ref223.column, isHeader = _ref223.isHeader;
+function createTooltipRange(_ref224) {
+  var _vm = _ref224._vm, cell = _ref224.cell, column = _ref224.column, isHeader = _ref224.isHeader;
   var range = document.createRange();
   var rangeEnd;
   range.setStart(cell, 0);
@@ -14754,8 +14854,8 @@ function createTooltipRange(_ref223) {
   range.setEnd(cell, rangeEnd);
   return range;
 }
-function processContentMethod(_ref224) {
-  var _vm = _ref224._vm, column = _ref224.column, content = _ref224.content, contentMethod = _ref224.contentMethod, event = _ref224.event, isHeader = _ref224.isHeader, row2 = _ref224.row, showTip = _ref224.showTip;
+function processContentMethod(_ref225) {
+  var _vm = _ref225._vm, column = _ref225.column, content = _ref225.content, contentMethod = _ref225.contentMethod, event = _ref225.event, isHeader = _ref225.isHeader, row2 = _ref225.row, showTip = _ref225.showTip;
   if (contentMethod) {
     _vm.tooltipContent = contentMethod({
       event,
@@ -14907,15 +15007,15 @@ var Tooltip = {
     Object.assign(host.methods, Methods$2);
   }
 };
-function onHalfSelectionProperty(_ref225) {
-  var checkStrictly = _ref225.checkStrictly, property = _ref225.property, row2 = _ref225.row, treeConfig = _ref225.treeConfig, treeIndeterminates = _ref225.treeIndeterminates, value = _ref225.value;
+function onHalfSelectionProperty(_ref226) {
+  var checkStrictly = _ref226.checkStrictly, property = _ref226.property, row2 = _ref226.row, treeConfig = _ref226.treeConfig, treeIndeterminates = _ref226.treeIndeterminates, value = _ref226.value;
   if (property && treeConfig && !checkStrictly && value === -1) {
     treeIndeterminates.push(row2);
     set(row2, property, false);
   }
 }
-function onFullSelectionProperty(_ref226) {
-  var checkMethod = _ref226.checkMethod, checkStrictly = _ref226.checkStrictly, property = _ref226.property, row2 = _ref226.row, treeConfig = _ref226.treeConfig, treeIndeterminates = _ref226.treeIndeterminates, value = _ref226.value;
+function onFullSelectionProperty(_ref227) {
+  var checkMethod = _ref227.checkMethod, checkStrictly = _ref227.checkStrictly, property = _ref227.property, row2 = _ref227.row, treeConfig = _ref227.treeConfig, treeIndeterminates = _ref227.treeIndeterminates, value = _ref227.value;
   if (property && treeConfig && !checkStrictly && value !== -1) {
     eachTree([row2], function(item, $rowIndex) {
       if (row2 === item || !checkMethod || checkMethod({
@@ -14930,8 +15030,8 @@ function onFullSelectionProperty(_ref226) {
     }, treeConfig);
   }
 }
-function getVItemsOnParentSlctProp(_ref227) {
-  var checkMethod = _ref227.checkMethod, matchObj = _ref227.matchObj;
+function getVItemsOnParentSlctProp(_ref228) {
+  var checkMethod = _ref228.checkMethod, matchObj = _ref228.matchObj;
   var tinyItems;
   if (checkMethod) {
     tinyItems = matchObj.items.filter(function(item, $rowIndex) {
@@ -14945,8 +15045,8 @@ function getVItemsOnParentSlctProp(_ref227) {
   }
   return tinyItems;
 }
-function getParentStatusOnParentSlctProp(_ref228) {
-  var indeterminatesItem = _ref228.indeterminatesItem, matchObj = _ref228.matchObj, property = _ref228.property, vItems = _ref228.vItems, value = _ref228.value;
+function getParentStatusOnParentSlctProp(_ref229) {
+  var indeterminatesItem = _ref229.indeterminatesItem, matchObj = _ref229.matchObj, property = _ref229.property, vItems = _ref229.vItems, value = _ref229.value;
   var parentStatus;
   if (indeterminatesItem) {
     parentStatus = -1;
@@ -14961,8 +15061,8 @@ function getParentStatusOnParentSlctProp(_ref228) {
   }
   return parentStatus;
 }
-function onHalfSelection(_ref229) {
-  var checkStrictly = _ref229.checkStrictly, property = _ref229.property, row2 = _ref229.row, selection = _ref229.selection, treeConfig = _ref229.treeConfig, treeIndeterminates = _ref229.treeIndeterminates, value = _ref229.value;
+function onHalfSelection(_ref230) {
+  var checkStrictly = _ref230.checkStrictly, property = _ref230.property, row2 = _ref230.row, selection = _ref230.selection, treeConfig = _ref230.treeConfig, treeIndeterminates = _ref230.treeIndeterminates, value = _ref230.value;
   if (!property && treeConfig && !checkStrictly && value === -1) {
     treeIndeterminates.push(row2);
     remove(selection, function(item) {
@@ -14973,8 +15073,8 @@ function onHalfSelection(_ref229) {
 var addSelection = function addSelection2(selection, item) {
   return !selection.includes(item) && selection.push(item);
 };
-function onFullSelection(_ref230) {
-  var checkMethod = _ref230.checkMethod, checkStrictly = _ref230.checkStrictly, property = _ref230.property, row2 = _ref230.row, selection = _ref230.selection, treeConfig = _ref230.treeConfig, treeIndeterminates = _ref230.treeIndeterminates, value = _ref230.value;
+function onFullSelection(_ref231) {
+  var checkMethod = _ref231.checkMethod, checkStrictly = _ref231.checkStrictly, property = _ref231.property, row2 = _ref231.row, selection = _ref231.selection, treeConfig = _ref231.treeConfig, treeIndeterminates = _ref231.treeIndeterminates, value = _ref231.value;
   if (!property && treeConfig && !checkStrictly && value !== -1) {
     eachTree([row2], function(item, $rowIndex) {
       if (row2 === item || !checkMethod || checkMethod({
@@ -14995,8 +15095,8 @@ function onFullSelection(_ref230) {
     }, treeConfig);
   }
 }
-function getParentStatusOnParentSelection(_ref231) {
-  var indeterminatesItem = _ref231.indeterminatesItem, matchObj = _ref231.matchObj, selection = _ref231.selection, vItems = _ref231.vItems, value = _ref231.value;
+function getParentStatusOnParentSelection(_ref232) {
+  var indeterminatesItem = _ref232.indeterminatesItem, matchObj = _ref232.matchObj, selection = _ref232.selection, vItems = _ref232.vItems, value = _ref232.value;
   var parentStatus;
   if (indeterminatesItem) {
     parentStatus = -1;
@@ -15009,8 +15109,8 @@ function getParentStatusOnParentSelection(_ref231) {
   }
   return parentStatus;
 }
-function hasCheckField(_ref232, value, _vm) {
-  var row2 = _ref232.row;
+function hasCheckField(_ref233, value, _vm) {
+  var row2 = _ref233.row;
   var tableFullData = _vm.tableFullData, _vm$selectConfig = _vm.selectConfig, selectConfig = _vm$selectConfig === void 0 ? {} : _vm$selectConfig, treeConfig = _vm.treeConfig, treeIndeterminates = _vm.treeIndeterminates;
   var property = selectConfig.checkField, checkStrictly = selectConfig.checkStrictly, checkMethod = selectConfig.checkMethod;
   onHalfSelectionProperty({
@@ -15058,8 +15158,8 @@ function hasCheckField(_ref232, value, _vm) {
     set(row2, property, value);
   }
 }
-function onSelectTreeCheckStrictly(_ref233, value, _vm) {
-  var row2 = _ref233.row;
+function onSelectTreeCheckStrictly(_ref234, value, _vm) {
+  var row2 = _ref234.row;
   var selection = _vm.selection, tableFullData = _vm.tableFullData, _vm$selectConfig2 = _vm.selectConfig, selectConfig = _vm$selectConfig2 === void 0 ? {} : _vm$selectConfig2, treeConfig = _vm.treeConfig, treeIndeterminates = _vm.treeIndeterminates;
   var property = selectConfig.checkField, checkStrictly = selectConfig.checkStrictly, checkMethod = selectConfig.checkMethod;
   onHalfSelection({
@@ -15103,8 +15203,8 @@ function onSelectTreeCheckStrictly(_ref233, value, _vm) {
     }
   }
 }
-function onSelectOther(_ref234, value, _vm) {
-  var row2 = _ref234.row;
+function onSelectOther(_ref235, value, _vm) {
+  var row2 = _ref235.row;
   var selection = _vm.selection, _vm$selectConfig3 = _vm.selectConfig, selectConfig = _vm$selectConfig3 === void 0 ? {} : _vm$selectConfig3, treeConfig = _vm.treeConfig;
   var property = selectConfig.checkField, checkStrictly = selectConfig.checkStrictly;
   if (!property && !(treeConfig && !checkStrictly)) {
@@ -15117,8 +15217,8 @@ function onSelectOther(_ref234, value, _vm) {
     }
   }
 }
-function hasNoCheckField(_ref235, value, _vm) {
-  var row2 = _ref235.row;
+function hasNoCheckField(_ref236, value, _vm) {
+  var row2 = _ref236.row;
   onSelectTreeCheckStrictly({
     row: row2
   }, value, _vm);
@@ -15126,8 +15226,8 @@ function hasNoCheckField(_ref235, value, _vm) {
     row: row2
   }, value, _vm);
 }
-function pushSelectRow(_ref236) {
-  var afterFullData = _ref236.afterFullData, checkMethod = _ref236.checkMethod, checkStrictly = _ref236.checkStrictly; _ref236.property; var selectRows = _ref236.selectRows, selection = _ref236.selection, treeConfig = _ref236.treeConfig, value = _ref236.value;
+function pushSelectRow(_ref237) {
+  var afterFullData = _ref237.afterFullData, checkMethod = _ref237.checkMethod, checkStrictly = _ref237.checkStrictly; _ref237.property; var selectRows = _ref237.selectRows, selection = _ref237.selection, treeConfig = _ref237.treeConfig, value = _ref237.value;
   if (!checkStrictly && value) {
     eachTree(afterFullData, function(row2, $rowIndex) {
       if (!checkMethod || checkMethod({
@@ -15149,8 +15249,8 @@ function pushSelectRow(_ref236) {
     }, treeConfig);
   }
 }
-function hasCheckFieldNoStrictly(_ref237) {
-  var afterFullData = _ref237.afterFullData, checkMethod = _ref237.checkMethod, checkStrictly = _ref237.checkStrictly, property = _ref237.property, selection = _ref237.selection, treeConfig = _ref237.treeConfig, value = _ref237.value;
+function hasCheckFieldNoStrictly(_ref238) {
+  var afterFullData = _ref238.afterFullData, checkMethod = _ref238.checkMethod, checkStrictly = _ref238.checkStrictly, property = _ref238.property, selection = _ref238.selection, treeConfig = _ref238.treeConfig, value = _ref238.value;
   if (!checkStrictly && property) {
     var indexKey = (treeConfig ? "$" : "") + "rowIndex";
     var setValFn = function setValFn2(row2, rowIndex) {
@@ -15176,8 +15276,8 @@ function hasCheckFieldNoStrictly(_ref237) {
     }
   }
 }
-function filterSelectRow(_ref238) {
-  var afterFullData = _ref238.afterFullData, checkMethod = _ref238.checkMethod, checkStrictly = _ref238.checkStrictly, selectRows = _ref238.selectRows, selection = _ref238.selection, value = _ref238.value;
+function filterSelectRow(_ref239) {
+  var afterFullData = _ref239.afterFullData, checkMethod = _ref239.checkMethod, checkStrictly = _ref239.checkStrictly, selectRows = _ref239.selectRows, selection = _ref239.selection, value = _ref239.value;
   if (!checkStrictly && value && checkMethod) {
     selectRows = afterFullData.filter(function(row2, rowIndex) {
       return selection.includes(row2) || checkMethod({
@@ -15199,8 +15299,8 @@ function filterSelectRow(_ref238) {
   }
   return selectRows;
 }
-function hasNoCheckFieldNoStrictly(_ref239) {
-  var afterFullData = _ref239.afterFullData, checkMethod = _ref239.checkMethod, checkStrictly = _ref239.checkStrictly, property = _ref239.property, selection = _ref239.selection, treeConfig = _ref239.treeConfig, value = _ref239.value;
+function hasNoCheckFieldNoStrictly(_ref240) {
+  var afterFullData = _ref240.afterFullData, checkMethod = _ref240.checkMethod, checkStrictly = _ref240.checkStrictly, property = _ref240.property, selection = _ref240.selection, treeConfig = _ref240.treeConfig, value = _ref240.value;
   var selectRows = [];
   if (treeConfig) {
     pushSelectRow({
@@ -15225,8 +15325,8 @@ function hasNoCheckFieldNoStrictly(_ref239) {
   }
   return selectRows;
 }
-function setSelectionNoStrictly(_ref240) {
-  var _vm = _ref240._vm, checkStrictly = _ref240.checkStrictly, reserve = _ref240.reserve, selectRows = _ref240.selectRows, selection = _ref240.selection, value = _ref240.value, afterFullData = _ref240.afterFullData;
+function setSelectionNoStrictly(_ref241) {
+  var _vm = _ref241._vm, checkStrictly = _ref241.checkStrictly, reserve = _ref241.reserve, selectRows = _ref241.selectRows, selection = _ref241.selection, value = _ref241.value, afterFullData = _ref241.afterFullData;
   if (!checkStrictly) {
     if (reserve) {
       var unCheckedRows = afterFullData.filter(function(row2) {
@@ -15246,7 +15346,7 @@ var Methods$1 = {
   // 处理默认勾选
   handleSelectionDefChecked: function handleSelectionDefChecked() {
     var fullDataRowIdData = this.fullDataRowIdData;
-    var _ref241 = this.selectConfig || {}, checkAll = _ref241.checkAll, checkRowKeys = _ref241.checkRowKeys;
+    var _ref242 = this.selectConfig || {}, checkAll = _ref242.checkAll, checkRowKeys = _ref242.checkRowKeys;
     if (checkAll) {
       this.setAllSelection(true);
       return;
@@ -15266,13 +15366,13 @@ var Methods$1 = {
     }
   },
   setSelection: function setSelection(rows, value) {
-    var _this83 = this;
+    var _this82 = this;
     if (rows) {
       if (!isArray(rows)) {
         rows = [rows];
       }
       rows.forEach(function(row2) {
-        return _this83.handleSelectRow({
+        return _this82.handleSelectRow({
           row: row2
         }, !!value);
       });
@@ -15280,8 +15380,8 @@ var Methods$1 = {
     return this.$nextTick();
   },
   // 多选，行选中事件。value：选中true、不选false、不确定-1
-  handleSelectRow: function handleSelectRow(_ref242, value) {
-    var row2 = _ref242.row;
+  handleSelectRow: function handleSelectRow(_ref243, value) {
+    var row2 = _ref243.row;
     hasCheckField({
       row: row2
     }, value, this);
@@ -15292,7 +15392,7 @@ var Methods$1 = {
   },
   handleToggleCheckRowEvent: function handleToggleCheckRowEvent(params, event) {
     var selection = this.selection;
-    var _ref243 = this.selectConfig || {}, checkField = _ref243.checkField;
+    var _ref244 = this.selectConfig || {}, checkField = _ref244.checkField;
     var row2 = params.row;
     var value = checkField ? !get(row2, checkField) : !~selection.indexOf(row2);
     if (event) {
@@ -15360,8 +15460,8 @@ var Methods$1 = {
   // 根据表格选中状态，给头部复现框赋值状态（全选，半选，未选）
   checkSelectionStatus: function checkSelectionStatus() {
     var afterFullData = this.afterFullData, selection = this.selection, treeIndeterminates = this.treeIndeterminates;
-    var _ref244 = this.selectConfig || {}, checkField = _ref244.checkField, checkMethod = _ref244.checkMethod;
-    var _ref245 = {}, everyHandler = _ref245.everyHandler, someHandler = _ref245.someHandler;
+    var _ref245 = this.selectConfig || {}, checkField = _ref245.checkField, checkMethod = _ref245.checkMethod;
+    var _ref246 = {}, everyHandler = _ref246.everyHandler, someHandler = _ref246.someHandler;
     if (checkField) {
       everyHandler = checkMethod ? function(row2, rowIndex) {
         return !checkMethod({
@@ -15410,7 +15510,7 @@ var Methods$1 = {
   // 保留选中状态
   reserveCheckSelection: function reserveCheckSelection() {
     var fullDataRowIdData = this.fullDataRowIdData, selection = this.selection;
-    var _ref246 = this.selectConfig || {}, reserve = _ref246.reserve;
+    var _ref247 = this.selectConfig || {}, reserve = _ref247.reserve;
     var rowkey = getRowkey(this);
     if (reserve && selection.length) {
       this.selection = selection.map(function(row2) {
@@ -15438,7 +15538,7 @@ var Methods$1 = {
   },
   clearSelection: function clearSelection() {
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
-    var _ref247 = this.selectConfig || {}, checkField = _ref247.checkField;
+    var _ref248 = this.selectConfig || {}, checkField = _ref248.checkField;
     if (checkField) {
       treeConfig ? eachTree(tableFullData, function(item) {
         return set(item, checkField, false);
@@ -15564,9 +15664,9 @@ var Checkbox = {
 };
 var Methods = {
   // 展开树节点事件
-  triggerTreeExpandEvent: function triggerTreeExpandEvent(event, _ref248) {
-    var _this84 = this;
-    var row2 = _ref248.row;
+  triggerTreeExpandEvent: function triggerTreeExpandEvent(event, _ref249) {
+    var _this83 = this;
+    var row2 = _ref249.row;
     var currentColumn = this.currentColumn, currentRow = this.currentRow;
     var rest = this.toggleTreeExpansion(row2);
     var eventParams = {
@@ -15577,9 +15677,9 @@ var Methods = {
     emitEvent(this, "toggle-tree-change", [eventParams, event]);
     this.$nextTick(function() {
       if (currentRow) {
-        _this84.setCurrentRow(currentRow);
+        _this83.setCurrentRow(currentRow);
       } else if (currentColumn) {
-        _this84.setCurrentColumn(currentColumn);
+        _this83.setCurrentColumn(currentColumn);
       }
     });
     return rest;
@@ -15590,7 +15690,7 @@ var Methods = {
   },
   // 处理默认展开树节点
   handleDefaultTreeExpand: function handleDefaultTreeExpand() {
-    var _this85 = this;
+    var _this84 = this;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     if (!treeConfig) return;
     var children = treeConfig.children, expandAll = treeConfig.expandAll, rowids = treeConfig.expandRowKeys;
@@ -15603,7 +15703,7 @@ var Methods = {
       filterTree(tableFullData, function(row2) {
         return isNonEmptyArr(row2[children]) && treeExpandeds.push(row2);
       }, treeConfig);
-      _this85.treeExpandeds = treeExpandeds;
+      _this84.treeExpandeds = treeExpandeds;
     };
     var doExpandRows = function doExpandRows2() {
       rowids.forEach(function(rowid2) {
@@ -15612,7 +15712,7 @@ var Methods = {
         }, treeConfig);
         matchObj && isNonEmptyArr(matchObj.item[children]) && treeExpandeds.push(matchObj.item);
       });
-      _this85.treeExpandeds = treeExpandeds;
+      _this84.treeExpandeds = treeExpandeds;
     };
     expandAll ? doExpandAll() : rowids ? doExpandRows() : "";
     graphFullData(this);
@@ -15677,12 +15777,12 @@ var Methods = {
     return ~this.treeExpandeds.indexOf(row2);
   },
   clearTreeExpand: function clearTreeExpand() {
-    var _this86 = this;
+    var _this85 = this;
     var hasExpand = this.treeExpandeds.length;
     this.treeExpandeds = [];
     graphFullData(this);
     return this.handleTableData().then(function() {
-      return hasExpand ? _this86.recalculate() : 0;
+      return hasExpand ? _this85.recalculate() : 0;
     });
   },
   getTreeExpandeds: function getTreeExpandeds() {