@opentinyvue/vue-grid 2.21.0 → 3.21.0

package/lib/index.js

@@ -2,7 +2,7 @@ import { t } from '@opentinyvue/vue-locale';
 import '@opentinyvue/vue-theme/grid/index.css';
 import { Interceptor, StoreMap } from '@opentinyvue/vue-renderless/grid/core';
 import { extend, getObj } from '@opentinyvue/vue-renderless/common/object';
-import { iconError, iconSortTriangleDescending, iconSortTriangleAscending, iconSortTriangle, iconUnfilter, iconEdit, iconConmentRefresh, iconMinscreen, iconFullscreen, iconSetting, iconRadio, iconRadioselected, iconSearch, iconCheckedSur, iconCheck, iconHalfselect, iconArrowBottom, IconEllipsis, iconClose, iconYes, iconExpand, iconPutAway, iconEllipsis, iconChevronRight, iconChevronDown, iconMarkOn } from '@opentinyvue/vue-icon';
+import { iconError, iconSortTriangleDescending, iconSortTriangleAscending, iconSortTriangle, iconUnfilter, iconEdit, iconConmentRefresh, iconMinscreen, iconFullscreen, iconSetting, iconRadio, iconRadioselected, iconSearch, iconCheckedSur, iconCheck, iconHalfselect, iconArrowBottom, IconEllipsis, iconClose, iconYes, iconExpand, iconPutAway, iconEllipsis, iconMarkOn, iconChevronRight, iconChevronDown } from '@opentinyvue/vue-icon';
 import { $prefix, defineComponent, h, hooks, $install, isVue2, isVnode, $props, mergeClass, resolveTheme, useInstanceSlots, useRelation, emitter, resolveMode, useBreakpoint, setup as setup$1 } from '@opentinyvue/vue-common';
 import { uniqueId, toNumber as toNumber$1, isBoolean, each, isObject as isObject$1, isFunction, isArray, findIndexOf, get, set, clear, destructuring, clone, mapTree, eachTree, findTree as findTree$1, has, isUndefined, find, isEqual, filterTree, arrayEach, isNumber, sum, template, assign, objectMap, sortBy, isString, remove, toStringJSON, toArray, arrayIndexOf } from '@opentinyvue/vue-renderless/grid/static/';
 import { emitEvent, getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, hasChildrenList, getListeners, setColumnFormat, updateCellTitle, getFilters, getColumnConfig, formatText, setCellValue, getColumnList, rowToVisible, colToVisible, getCell, assemColumn, getRowkey, GlobalEvent, getCellValue, getClass, isPx, getRowNodes, getCellNodeIndex } from '@opentinyvue/vue-renderless/grid/utils';
@@ -10,6 +10,7 @@ import Tooltip$1 from '@opentinyvue/vue-tooltip';
 import { isNull, isObject, isEmptyObject, isNumber as isNumber$1, isDate } from '@opentinyvue/vue-renderless/common/type';
 import { addClass, removeClass, isDisplayNone, on, getStyle, preventDefault, off, hasClass } from '@opentinyvue/vue-renderless/common/deps/dom';
 import { random, toDecimal, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, toBoolValue } from '@opentinyvue/vue-renderless/common/string';
+import { createVNode, isVNode, mergeProps, createTextVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, normalizeStyle, createElementVNode, Fragment, renderList } from 'vue';
 import { toDate, getDateWithNewTimezone, format, toDateStr } from '@opentinyvue/vue-renderless/common/date';
 import { log } from '@opentinyvue/vue-renderless/common';
 import { toNumber, findTree, find as find$1, isEqual as isEqual$1, arrayEach as arrayEach$1 } from '@opentinyvue/vue-renderless/grid/static';
@@ -35,77 +36,38 @@ import Resize$1 from '@opentinyvue/vue-renderless/grid/plugins/resize';
 import Modal$1 from '@opentinyvue/vue-modal';
 import Pager$1 from '@opentinyvue/vue-pager';
 
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-
-var helper;
-var hasRequiredHelper;
-function requireHelper() {
-  if (hasRequiredHelper) return helper;
-  hasRequiredHelper = 1;
-  function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function(a) {
-      for (var b, c = 1; c < arguments.length; c++) for (var d in b = arguments[c], b) Object.prototype.hasOwnProperty.call(b, d) && (a[d] = b[d]);
-      return a;
-    }, _extends.apply(this, arguments);
-  }
-  var normalMerge = ["attrs", "props", "domProps"], toArrayMerge = ["class", "style", "directives"], functionalMerge = ["on", "nativeOn"], mergeJsxProps = function mergeJsxProps2(a) {
-    return a.reduce(function(c, a2) {
-      for (var b in a2) if (!c[b]) c[b] = a2[b];
-      else if (-1 !== normalMerge.indexOf(b)) c[b] = _extends({}, c[b], a2[b]);
-      else if (-1 !== toArrayMerge.indexOf(b)) {
-        var d = c[b] instanceof Array ? c[b] : [c[b]], e = a2[b] instanceof Array ? a2[b] : [a2[b]];
-        c[b] = [].concat(d, e);
-      } else if (-1 !== functionalMerge.indexOf(b)) {
-        for (var f in a2[b]) if (c[b][f]) {
-          var g = c[b][f] instanceof Array ? c[b][f] : [c[b][f]], h = a2[b][f] instanceof Array ? a2[b][f] : [a2[b][f]];
-          c[b][f] = [].concat(g, h);
-        } else c[b][f] = a2[b][f];
-      } else if ("hook" === b) for (var i in a2[b]) c[b][i] = c[b][i] ? mergeFn(c[b][i], a2[b][i]) : a2[b][i];
-      else c[b] = a2[b];
-      return c;
-    }, {});
-  }, mergeFn = function mergeFn2(a, b) {
+function _createForOfIteratorHelperLoose$1(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) {
+    t && (r = t);
+    var o = 0;
     return function() {
-      a && a.apply(this, arguments), b && b.apply(this, arguments);
+      return o >= r.length ? { done: true } : { done: false, value: r[o++] };
     };
-  };
-  helper = mergeJsxProps;
-  return helper;
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-var helperExports = requireHelper();
-var _mergeJSXProps5 = /* @__PURE__ */ getDefaultExportFromCjs(helperExports);
-
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
-  }
-  var hook;
-  if (injectStyles) {
-    hook = injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
+function _unsupportedIterableToArray$1(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray$1(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0;
   }
-  return {
-    exports: scriptExports,
-    options
-  };
 }
+function _arrayLikeToArray$1(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var _export_sfc = function _export_sfc2(sfc, props) {
+  var target = sfc.__vccOpts || sfc;
+  for (var _iterator = _createForOfIteratorHelperLoose$1(props), _step; !(_step = _iterator()).done; ) {
+    var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
+    target[key] = val;
+  }
+  return target;
+};
 
 var _excluded = ["input", "change"], _excluded2 = ["field"];
 function _defineProperties(e, r) {
@@ -3057,7 +3019,7 @@ function renderColumn(args1) {
   return h2("td", colProps, colChildren);
 }
 function renderRowGroupTds(args) {
-  var $table = args.$table, closeable = args.closeable, currentIcon = args.currentIcon, render20 = args.render, renderGroupCell = args.renderGroupCell;
+  var $table = args.$table, closeable = args.closeable, currentIcon = args.currentIcon, render18 = args.render, renderGroupCell = args.renderGroupCell;
   var row2 = args.row, tableColumn3 = args.tableColumn, tds = args.tds, title = args.title;
   var targetColumn = $table._rowGroupTargetColumn;
   var value = row2.value || "";
@@ -3080,30 +3042,26 @@ function renderRowGroupTds(args) {
       }
       if (column === targetColumn) {
         var groupTitleVNode = void 0;
-        if (render20) {
-          groupTitleVNode = render20(h, params);
+        if (render18) {
+          groupTitleVNode = render18(h, params);
         } else {
-          groupTitleVNode = [h("span", {
+          groupTitleVNode = [createVNode("span", {
             "class": "row-group-title"
-          }, [header]), ":" + value, h("span", {
+          }, [header]), ":" + value, createVNode("span", {
             "class": "tiny-badge"
           }, [row2.children.length])];
         }
-        tds.push(h("td", {
+        tds.push(createVNode("td", {
           "class": ["tiny-grid-body__column td-group", column.id],
-          "attrs": {
-            "colspan": column._rowGroupColspan
-          }
-        }, [h("div", {
+          "colspan": column._rowGroupColspan
+        }, [createVNode("div", {
           "class": "tiny-grid-cell-group"
         }, [[closeable ? currentIcon : null].concat(groupTitleVNode)])]));
       } else {
-        tds.push(h("td", {
+        tds.push(createVNode("td", {
           "class": ["tiny-grid-body__column td-placeholder", column.id],
-          "attrs": {
-            "colspan": column._rowGroupColspan
-          }
-        }, [h("div", {
+          "colspan": column._rowGroupColspan
+        }, [createVNode("div", {
           "class": "tiny-grid-cell-group"
         }, [renderGroupCell ? renderGroupCell(h, params) : null])]));
       }
@@ -3115,18 +3073,18 @@ function renderRowGroupData(_ref55) {
   if (!virtualRow) {
     return;
   }
-  var title = rowGroup.title, _rowGroup$closeable2 = rowGroup.closeable, closeable = _rowGroup$closeable2 === void 0 ? true : _rowGroup$closeable2, render20 = rowGroup.render, renderGroupCell = rowGroup.renderGroupCell, className = rowGroup.className;
+  var title = rowGroup.title, _rowGroup$closeable2 = rowGroup.closeable, closeable = _rowGroup$closeable2 === void 0 ? true : _rowGroup$closeable2, render18 = rowGroup.render, renderGroupCell = rowGroup.renderGroupCell, className = rowGroup.className;
   var _ref56 = {}, _ref56$tds = _ref56.tds, tds = _ref56$tds === void 0 ? [] : _ref56$tds, _ref56$ChevronRight = _ref56.ChevronRight, ChevronRight = _ref56$ChevronRight === void 0 ? iconChevronRight() : _ref56$ChevronRight, _ref56$ChevronDown = _ref56.ChevronDown, ChevronDown = _ref56$ChevronDown === void 0 ? iconChevronDown() : _ref56$ChevronDown;
-  var currentIcon = row2.fold ? h(ChevronRight, {
+  var currentIcon = row2.fold ? createVNode(ChevronRight, {
     "class": "tiny-svg-size"
-  }) : h(ChevronDown, {
+  }, null) : createVNode(ChevronDown, {
     "class": "tiny-svg-size"
-  });
+  }, null);
   var args = {
     $table,
     closeable,
     currentIcon,
-    render: render20,
+    render: render18,
     renderGroupCell
   };
   Object.assign(args, {
@@ -3145,22 +3103,18 @@ function renderRowGroupData(_ref55) {
       }, event]);
     }
   };
-  rows.push(h("tr", {
+  rows.push(createVNode("tr", {
     "class": ["tiny-grid-body__row", "group", className, {
       hover: row2.hover
     }],
-    "attrs": {
-      "data-rowid": rowid2
+    "data-rowid": rowid2,
+    "onMouseout": function onMouseout() {
+      return row2.hover = false;
     },
-    "on": {
-      "mouseout": function mouseout() {
-        return row2.hover = false;
-      },
-      "mouseover": function mouseover() {
-        return row2.hover = true;
-      },
-      "click": onClick
-    }
+    "onMouseover": function onMouseover() {
+      return row2.hover = true;
+    },
+    "onClick": onClick
   }, [tds]));
 }
 function renderRow(args) {
@@ -3505,7 +3459,7 @@ function renderYSpace(_ref66) {
     class: "tiny-grid-body__y-scrollbar"
   }) : [null]]);
 }
-var Body = defineComponent({
+var Body = /* @__PURE__ */ defineComponent({
   name: $prefix + "GridBody",
   props: {
     collectColumn: Array,
@@ -3726,6 +3680,9 @@ Radio.model = {
   event: "update:modelValue"
 };
 $install(Radio);
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var renderInputArgs = function renderInputArgs2(_ref71) {
   var _vm = _ref71._vm, inputFilter = _ref71.inputFilter;
   var isAddbyProgram = false;
@@ -3792,15 +3749,15 @@ var iconRender = function iconRender2(checked, index2, halfChecked) {
     tabindex: index2
   };
   if (typeof halfChecked === "undefined") {
-    return checked ? h(CheckedSur, _mergeJSXProps5([{}, props, {
+    return checked ? createVNode(CheckedSur, mergeProps(props, {
       "class": "is-checked"
-    }])) : h(Check, _mergeJSXProps5([{}, props]));
+    }), null) : createVNode(Check, props, null);
   } else {
-    return checked ? h(CheckedSur, _mergeJSXProps5([{}, props, {
+    return checked ? createVNode(CheckedSur, mergeProps(props, {
       "class": "is-checked"
-    }])) : halfChecked ? h(HalfCheck, _mergeJSXProps5([{}, props, {
+    }), null) : halfChecked ? createVNode(HalfCheck, mergeProps(props, {
       "class": "is-checked"
-    }])) : h(Check, _mergeJSXProps5([{}, props]));
+    }), null) : createVNode(Check, props, null);
   }
 };
 var renderEnumableOptions = function renderEnumableOptions2(_ref73) {
@@ -3811,60 +3768,52 @@ var renderEnumableOptions = function renderEnumableOptions2(_ref73) {
   });
   if (resultList.length) {
     var filterList = resultList.map(function(item, index2) {
-      return h("li", {
+      return createVNode("li", {
         "class": ["tiny-grid__filter-option", {
           selected: item.checked
         }],
-        "on": {
-          "click": function click() {
-            if (!filterStore.multi) {
-              filterStore.options.forEach(function(option) {
-                option.checked = option === item;
-              });
-              _vm.filterEnum();
-            } else {
-              item.checked = !item.checked;
-            }
+        "onClick": function onClick() {
+          if (!filterStore.multi) {
+            filterStore.options.forEach(function(option) {
+              option.checked = option === item;
+            });
+            _vm.filterEnum();
+          } else {
+            item.checked = !item.checked;
           }
         }
-      }, [filterStore.multi ? iconRender3(item.checked, index2 + 1) : null, h("a", {
-        "attrs": {
-          "title": item.label
-        }
-      }, [" ", item.label, " "])]);
+      }, [filterStore.multi ? iconRender3(item.checked, index2 + 1) : null, createVNode("a", {
+        "title": item.label
+      }, [createTextVNode(" "), item.label, createTextVNode(" ")])]);
     });
     var isShowAllSelect = selectAll && (!filterStore.multi || !searchable && filterStore.multi);
-    return isShowAllSelect ? [h("li", {
+    return isShowAllSelect ? [createVNode("li", {
       "class": "tiny-grid__filter-option",
-      "on": {
-        "click": function click() {
-          var isAllSelected = filterStore.options.every(function(item) {
-            return item.checked;
-          });
-          filterStore.options.forEach(function(option) {
-            option.checked = !isAllSelected;
-          });
-          if (!filterStore.multi) {
-            _vm.filterEnum();
-          }
+      "onClick": function onClick() {
+        var isAllSelected = filterStore.options.every(function(item) {
+          return item.checked;
+        });
+        filterStore.options.forEach(function(option) {
+          option.checked = !isAllSelected;
+        });
+        if (!filterStore.multi) {
+          _vm.filterEnum();
         }
       }
     }, [filterStore.multi ? iconRender3(filterStore.options.every(function(item) {
       return item.checked;
     }), 0, filterStore.options.some(function(item) {
       return item.checked;
-    })) : null, h("a", {
-      "attrs": {
-        "title": _vm.i18n("ui.grid.filter.allSelect")
-      }
-    }, [" ", _vm.i18n("ui.grid.filter.allSelect")])])].concat(filterList) : filterList;
+    })) : null, createVNode("a", {
+      "title": _vm.i18n("ui.grid.filter.allSelect")
+    }, [createTextVNode(" "), _vm.i18n("ui.grid.filter.allSelect")])])].concat(filterList) : filterList;
   } else {
-    return [h("li", {
+    return [createVNode("li", {
       "class": "tiny-grid__filter-empty"
     }, [_vm.i18n("ui.grid.emptyText")])];
   }
 };
-var Panel$1 = defineComponent({
+var Panel$1 = /* @__PURE__ */ defineComponent({
   name: $prefix + "GridFilter",
   props: {
     filterStore: Object,
@@ -3894,7 +3843,6 @@ var Panel$1 = defineComponent({
   },
   render: function render5() {
     var _this3 = this, _ref74;
-    var h2 = arguments[0];
     var filterStore = this.filterStore, $grid = this.$grid, $table = this.$parent, optimizeOpts2 = this.optimizeOpts, renderInput2 = this.renderInput, renderEnumable2 = this.renderEnumable, renderDefault2 = this.renderDefault, renderExtends2 = this.renderExtends, renderBase2 = this.renderBase, renderSimple2 = this.renderSimple;
     var args = filterStore.args, column = filterStore.column, options = filterStore.options, _filterStore$layout = filterStore.layout, layout = _filterStore$layout === void 0 ? "input,enum,default,extends,base" : _filterStore$layout;
     var layoutMap = {
@@ -3911,12 +3859,12 @@ var Panel$1 = defineComponent({
     var map = {
       filterActive: "filter__active"
     };
-    return h2("div", {
+    return createVNode("div", {
       "class": ["tiny-grid__wrapper", "tiny-grid__filter-wrapper", "filter__prevent-default", (_ref74 = {
         "tiny-grid__animat": optimizeOpts2.animat
       }, _ref74[map.filterActive] = filterStore.visible, _ref74["tiny-grid__filter-simple"] = layout.includes("simple"), _ref74["filter-wrapper-saas"] = $table.isThemeSaas, _ref74)],
       "style": filterStore.style
-    }, [filterStore.visible ? h2("div", {
+    }, [filterStore.visible ? createVNode("div", {
       "class": ["tiny-grid__filter-body", {
         "show-addvance": this.showAdvance
       }]
@@ -3974,85 +3922,72 @@ var Panel$1 = defineComponent({
     }),
     // 基础清除选项
     renderBase: function renderBase() {
-      var h2 = this.$createElement;
-      return h2("ul", {
+      return createVNode("ul", {
         "class": "tiny-grid__filter-panel filter-panel__clear"
-      }, [h2("li", {
+      }, [createVNode("li", {
         "class": "tiny-grid__filter-option",
-        "on": {
-          "click": this.resetFilter
-        }
-      }, [h2("a", {
+        "onClick": this.resetFilter
+      }, [createVNode("a", {
         "class": "item-content"
-      }, [this.i18n("ui.grid.filter.clear")])]), h2("li", {
+      }, [this.i18n("ui.grid.filter.clear")])]), createVNode("li", {
         "class": "tiny-grid__filter-option",
-        "on": {
-          "click": this.clearFilter
-        }
-      }, [h2("a", {
+        "onClick": this.clearFilter
+      }, [createVNode("a", {
         "class": "item-content"
       }, [this.i18n("ui.grid.filter.clearAll")])])]);
     },
     // 设置筛选条件为空和不为空
     renderDefault: function renderDefault() {
       var _this5 = this;
-      var h2 = this.$createElement;
       var condition2 = this.condition, filterStore = this.filterStore;
       if (!filterStore.defaultFilter) {
         return null;
       }
-      return h2("ul", {
+      return createVNode("ul", {
         "class": "tiny-grid__filter-panel filter-panel__default"
-      }, [h2("li", {
+      }, [createVNode("li", {
         "class": ["tiny-grid__filter-option", {
           active: condition2.empty === true
         }],
-        "on": {
-          "click": function click() {
-            _this5.filterNull(true);
-          }
+        "onClick": function onClick() {
+          _this5.filterNull(true);
         }
-      }, [h2("a", {
+      }, [createVNode("a", {
         "class": "item-content"
-      }, [this.i18n("ui.grid.filter.empty")])]), h2("li", {
+      }, [this.i18n("ui.grid.filter.empty")])]), createVNode("li", {
         "class": ["tiny-grid__filter-option", {
           active: condition2.empty === false
         }],
-        "on": {
-          "click": function click() {
-            _this5.filterNull(false);
-          }
+        "onClick": function onClick() {
+          _this5.filterNull(false);
         }
-      }, [h2("a", {
+      }, [createVNode("a", {
         "class": "item-content"
       }, [this.i18n("ui.grid.filter.unempty")])])]);
     },
     // 筛选扩展项
     renderExtends: function renderExtends() {
       var _this6 = this;
-      var h2 = this.$createElement;
       var filterStore = this.filterStore;
       if (!filterStore.extends) {
         return null;
       }
-      return h2("ul", {
+      return createVNode("ul", {
         "class": "tiny-grid__filter-panel filter-panel__clear"
       }, [filterStore.extends.map(function(item) {
-        return h2("li", {
+        return createVNode("li", {
           "class": "tiny-grid__filter-option",
-          "on": {
-            "click": function click() {
-              _this6.filterExtends(item);
-            }
+          "onClick": function onClick() {
+            _this6.filterExtends(item);
           }
-        }, [h2("a", {
+        }, [createVNode("a", {
           "class": "item-content"
         }, [item.label])]);
       })]);
     },
     // 输入筛选项
     renderInput: function renderInput() {
-      var h2 = this.$createElement;
+      var _slot, _slot2, _slot3;
       this.correctRelations();
       var condition2 = this.condition, filterStore = this.filterStore;
       var inputFilter = filterStore.inputFilter;
@@ -4076,81 +4011,85 @@ var Panel$1 = defineComponent({
       });
       var inputProps = ret.inputProps;
       InputComponent = ret.InputComponent;
-      return h2("ul", {
+      return createVNode("ul", {
         "class": "tiny-grid__filter-panel"
-      }, [isAddbyProgram ? null : h2("li", {
+      }, [isAddbyProgram ? null : createVNode("li", {
         "class": "tiny-grid__filter-option filter-option__radios"
       }, [inputRelations.map(function(_ref75) {
         var label = _ref75.label, value = _ref75.value, method = _ref75.method;
-        return h2(Radio, {
-          "attrs": {
-            "modelValue": condition2.relation,
-            "label": value
-          },
-          "on": {
-            "change": function change(value2) {
-              condition2.relation = value2;
-              condition2.method = method || function() {
-                return true;
-              };
-            }
+        return createVNode(Radio, {
+          "modelValue": condition2.relation,
+          "label": value,
+          "onChange": function onChange(value2) {
+            condition2.relation = value2;
+            condition2.method = method || function() {
+              return true;
+            };
+          }
+        }, _isSlot(label) ? label : {
+          default: function _default25() {
+            return [label];
           }
-        }, [label]);
-      })]), h2("li", {
+        });
+      })]), createVNode("li", {
         "class": "filter-option__input"
-      }, [h2(InputComponent, inputProps)]), h2("li", {
+      }, [h(InputComponent, inputProps)]), createVNode("li", {
         "class": "tiny-grid__filter-option filter-option__btns"
-      }, [h2(Button, {
-        "attrs": {
-          "type": "primary"
-        },
-        "on": {
-          "click": this.filterInput
+      }, [createVNode(Button, {
+        "type": "primary",
+        "onClick": this.filterInput
+      }, _isSlot(_slot = this.i18n("ui.base.confirm")) ? _slot : {
+        default: function _default25() {
+          return [_slot];
         }
-      }, [this.i18n("ui.base.confirm")]), h2(Button, {
-        "on": {
-          "click": this.resetInput
+      }), createVNode(Button, {
+        "onClick": this.resetInput
+      }, _isSlot(_slot2 = this.i18n("ui.base.reset")) ? _slot2 : {
+        default: function _default25() {
+          return [_slot2];
         }
-      }, [this.i18n("ui.base.reset")]), h2(Button, {
-        "on": {
-          "click": this.close
+      }), createVNode(Button, {
+        "onClick": this.close
+      }, _isSlot(_slot3 = this.i18n("ui.base.cancel")) ? _slot3 : {
+        default: function _default25() {
+          return [_slot3];
         }
-      }, [this.i18n("ui.base.cancel")])])]);
+      })])]);
     },
     // 选择筛选项
     renderEnumable: function renderEnumable() {
-      var h2 = this.$createElement;
+      var _slot4, _slot5;
       var filterStore = this.filterStore;
       if (!filterStore.enumable) return null;
-      return h2("div", {
+      return createVNode("div", {
         "class": "tiny-grid__filter-panel filter-panel__enum"
-      }, [h2("ul", {
+      }, [createVNode("ul", {
         "class": "tiny-grid__filter-options"
       }, [renderEnumableOptions({
         iconRender,
         _vm: this,
         filterStore
-      })]), filterStore.multi ? h2("div", {
+      })]), filterStore.multi ? createVNode("div", {
         "class": "tiny-grid__filter-option filter-option__btns"
-      }, [h2(Button, {
-        "attrs": {
-          "type": "primary"
-        },
-        "on": {
-          "click": this.filterEnum
+      }, [createVNode(Button, {
+        "type": "primary",
+        "onClick": this.filterEnum
+      }, _isSlot(_slot4 = this.i18n("ui.base.confirm")) ? _slot4 : {
+        default: function _default25() {
+          return [_slot4];
         }
-      }, [this.i18n("ui.base.confirm")]), h2(Button, {
-        "on": {
-          "click": function click() {
-            filterStore.visible = false;
-          }
+      }), createVNode(Button, {
+        "onClick": function onClick() {
+          filterStore.visible = false;
         }
-      }, [this.i18n("ui.base.cancel")])]) : null]);
+      }, _isSlot(_slot5 = this.i18n("ui.base.cancel")) ? _slot5 : {
+        default: function _default25() {
+          return [_slot5];
+        }
+      })]) : null]);
     },
     // 简化版筛选按钮对齐，对齐管理侧规范
     renderSimple: function renderSimple() {
-      var _this7 = this;
-      var h2 = this.$createElement;
       var filterStore = this.filterStore;
       var simpleFilter = filterStore.simpleFilter;
       if (!simpleFilter) {
@@ -4158,6 +4097,7 @@ var Panel$1 = defineComponent({
       }
       if (simpleFilter.isDatetime) {
         var _simpleFilter$datetim, _simpleFilter$datetim2, _simpleFilter$datetim3, _simpleFilter$datetim4, _simpleFilter$datetim5, _simpleFilter$datetim6;
+        var _slot6, _slot7;
         var DatePickComponents = simpleFilter != null && (_simpleFilter$datetim = simpleFilter.datetimeConfig) != null && _simpleFilter$datetim.component ? hooks.toRaw(simpleFilter.datetimeConfig.component) : null;
         var _format = simpleFilter == null ? void 0 : (_simpleFilter$datetim2 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim2.format;
         var valueFormat = simpleFilter == null ? void 0 : (_simpleFilter$datetim3 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim3.valueFormat;
@@ -4169,107 +4109,88 @@ var Panel$1 = defineComponent({
             return time2.getTime() < min || time2.getTime() > max;
           }
         };
-        return h2("div", {
+        return createVNode("div", {
           "class": "tiny-grid__filter-panel filter-panel__enum filter-panel__simple"
-        }, [h2("div", {
+        }, [createVNode("div", {
           "class": "tiny-grid__filter-date-title"
-        }, [this.i18n("ui.grid.filter.dateTips")]), h2("ul", {
+        }, [this.i18n("ui.grid.filter.dateTips")]), createVNode("ul", {
           "class": "tiny-grid__filter-date"
-        }, [h2("li", {
+        }, [createVNode("li", {
           "class": "tiny-grid__filter-date-item"
-        }, [h2("span", [this.i18n("ui.grid.filter.startDate")]), h2(DatePickComponents, {
-          "attrs": {
-            "format": _format,
-            "type": type,
-            "value-format": valueFormat,
-            "picker-options": pickerOptions
-          },
+        }, [createVNode("span", null, [this.i18n("ui.grid.filter.startDate")]), createVNode(DatePickComponents, {
+          "format": _format,
+          "type": type,
+          "value-format": valueFormat,
+          "picker-options": pickerOptions,
           "class": "tiny-grid__filter-date-pick",
-          "on": {
-            "change": function change(value) {
-              if (filterStore.datetimeConfig) {
-                filterStore.datetimeConfig.startDate = value;
-              }
+          "onChange": function onChange(value) {
+            if (filterStore.datetimeConfig) {
+              filterStore.datetimeConfig.startDate = value;
             }
           },
-          "model": {
-            value: filterStore.startDate,
-            callback: function callback($$v) {
-              _this7.$set(filterStore, "startDate", $$v);
-            }
+          "modelValue": filterStore.startDate,
+          "onUpdate:modelValue": function onUpdateModelValue($event) {
+            return filterStore.startDate = $event;
           }
-        })]), h2("li", {
+        }, null)]), createVNode("li", {
           "class": "tiny-grid__filter-date-item"
-        }, [h2("span", [this.i18n("ui.grid.filter.endDate")]), h2(DatePickComponents, {
-          "attrs": {
-            "format": _format,
-            "type": type,
-            "value-format": valueFormat,
-            "picker-options": pickerOptions
-          },
+        }, [createVNode("span", null, [this.i18n("ui.grid.filter.endDate")]), createVNode(DatePickComponents, {
+          "format": _format,
+          "type": type,
+          "value-format": valueFormat,
+          "picker-options": pickerOptions,
           "class": "tiny-grid__filter-date-pick",
-          "on": {
-            "change": function change(value) {
-              if (filterStore.datetimeConfig) {
-                filterStore.datetimeConfig.endDate = value;
-              }
-            }
+          "modelValue": filterStore.endDate,
+          "onUpdate:modelValue": function onUpdateModelValue($event) {
+            return filterStore.endDate = $event;
           },
-          "model": {
-            value: filterStore.endDate,
-            callback: function callback($$v) {
-              _this7.$set(filterStore, "endDate", $$v);
+          "onChange": function onChange(value) {
+            if (filterStore.datetimeConfig) {
+              filterStore.datetimeConfig.endDate = value;
             }
           }
-        })])]), h2("div", {
+        }, null)])]), createVNode("div", {
           "class": "tiny-grid__filter-option filter-option__btns filter-option__date-button"
-        }, [h2(Button, {
-          "attrs": {
-            "type": "primary"
-          },
-          "on": {
-            "click": this.filterDate
+        }, [createVNode(Button, {
+          "type": "primary",
+          "onClick": this.filterDate
+        }, _isSlot(_slot6 = this.i18n("ui.base.confirm")) ? _slot6 : {
+          default: function _default25() {
+            return [_slot6];
           }
-        }, [this.i18n("ui.base.confirm")]), h2(Button, {
-          "on": {
-            "click": function click() {
-              filterStore.visible = false;
-            }
+        }), createVNode(Button, {
+          "onClick": function onClick() {
+            filterStore.visible = false;
           }
-        }, [this.i18n("ui.base.cancel")])])]);
+        }, _isSlot(_slot7 = this.i18n("ui.base.cancel")) ? _slot7 : {
+          default: function _default25() {
+            return [_slot7];
+          }
+        })])]);
       } else {
         var _simpleFilter$searchC;
+        var _slot8, _slot9;
         var IconSearch = iconSearch();
         var InputComponents = simpleFilter != null && (_simpleFilter$searchC = simpleFilter.searchConfig) != null && _simpleFilter$searchC.component ? hooks.toRaw(simpleFilter.searchConfig.component) : null;
-        return h2("div", {
+        return createVNode("div", {
           "class": "tiny-grid__filter-panel filter-panel__enum filter-panel__simple"
-        }, [InputComponents ? h2(InputComponents, {
-          "on": {
-            "change": function change(value) {
-              if (filterStore.searchConfig) {
-                filterStore.searchConfig.searchValue = value;
-              }
+        }, [InputComponents ? createVNode(InputComponents, {
+          "modelValue": filterStore.searchValue,
+          "onUpdate:modelValue": function onUpdateModelValue($event) {
+            return filterStore.searchValue = $event;
+          },
+          "onChange": function onChange(value) {
+            if (filterStore.searchConfig) {
+              filterStore.searchConfig.searchValue = value;
             }
           },
           "class": "tiny-grid__filter-search",
-          "attrs": {
-            "clearable": true
-          },
-          "directives": [{
-            name: "slots",
-            value: {
-              suffix: function suffix() {
-                return h2(IconSearch);
-              }
-            }
-          }],
-          "model": {
-            value: filterStore.searchValue,
-            callback: function callback($$v) {
-              _this7.$set(filterStore, "searchValue", $$v);
-            }
+          "clearable": true
+        }, {
+          suffix: function suffix() {
+            return createVNode(IconSearch, null, null);
           }
-        }) : null, h2("ul", {
+        }) : null, createVNode("ul", {
           "class": "tiny-grid__filter-options"
         }, [renderEnumableOptions({
           iconRender,
@@ -4277,22 +4198,24 @@ var Panel$1 = defineComponent({
           filterStore,
           selectAll: simpleFilter.selectAll,
           searchable: Boolean(InputComponents)
-        })]), filterStore.multi ? h2("div", {
+        })]), filterStore.multi ? createVNode("div", {
           "class": "tiny-grid__filter-option filter-option__btns"
-        }, [h2(Button, {
-          "attrs": {
-            "type": "primary"
-          },
-          "on": {
-            "click": this.filterEnum
+        }, [createVNode(Button, {
+          "type": "primary",
+          "onClick": this.filterEnum
+        }, _isSlot(_slot8 = this.i18n("ui.base.confirm")) ? _slot8 : {
+          default: function _default25() {
+            return [_slot8];
           }
-        }, [this.i18n("ui.base.confirm")]), h2(Button, {
-          "on": {
-            "click": function click() {
-              filterStore.visible = false;
-            }
+        }), createVNode(Button, {
+          "onClick": function onClick() {
+            filterStore.visible = false;
           }
-        }, [this.i18n("ui.base.cancel")])]) : null]);
+        }, _isSlot(_slot9 = this.i18n("ui.base.cancel")) ? _slot9 : {
+          default: function _default25() {
+            return [_slot9];
+          }
+        })]) : null]);
       }
     },
     renderSlot: function renderSlot(h2) {
@@ -4849,7 +4772,7 @@ var Methods$f = {
   },
   // 确认筛选
   confirmFilterEvent: function confirmFilterEvent() {
-    var _this8 = this;
+    var _this7 = this;
     var visibleColumn = this.visibleColumn, filterStore = this.filterStore, scrollXLoad = this.scrollXLoad, scrollYLoad = this.scrollYLoad, remoteFilter = this.remoteFilter, lastScrollLeft = this.lastScrollLeft;
     filterStore.visible = false;
     if (!remoteFilter) {
@@ -4867,7 +4790,7 @@ var Methods$f = {
     }]);
     this.updateFooter();
     var restoreScrollLeft = function restoreScrollLeft2() {
-      return _this8.scrollTo(lastScrollLeft);
+      return _this7.scrollTo(lastScrollLeft);
     };
     if (scrollXLoad || scrollYLoad) {
       scrollXLoad && this.clearScroll();
@@ -4978,11 +4901,11 @@ var Children = defineComponent({
   },
   watch: {
     show: function show(value) {
-      var _this9 = this;
+      var _this8 = this;
       if (value) {
         this.$el.style.top = "0px";
         this.$nextTick(function() {
-          var tableInstance = _this9.tableInstance, $el = _this9.$el;
+          var tableInstance = _this8.tableInstance, $el = _this8.$el;
           var _$el$getBoundingClien = $el.getBoundingClientRect(), width = _$el$getBoundingClien.width, height2 = _$el$getBoundingClien.height, bottom = _$el$getBoundingClien.bottom;
           var _getDomNode = getDomNode(), visibleHeight = _getDomNode.visibleHeight, visibleWidth = _getDomNode.visibleWidth;
           var ctxElem = tableInstance.$refs.ctxWrapper.$el;
@@ -5129,7 +5052,7 @@ var Methods$e = {
   },
   // 处理菜单的移动
   moveCtxMenu: function moveCtxMenu(_ref86) {
-    var _this10 = this;
+    var _this9 = this;
     var event = _ref86.event, keyCode = _ref86.keyCode, ctxMenuStore = _ref86.ctxMenuStore, property = _ref86.property, operKey = _ref86.operKey, operRest = _ref86.operRest, menuList = _ref86.menuList;
     var selectIndex = findIndexOf(menuList, function(item) {
       return ctxMenuStore[property] === item;
@@ -5171,7 +5094,7 @@ var Methods$e = {
         return ctxMenuStore[property] && (keyCode === 13 || keyCode === 32);
       },
       action: function action() {
-        _this10.ctxMenuLinkEvent(event, ctxMenuStore[property]);
+        _this9.ctxMenuLinkEvent(event, ctxMenuStore[property]);
       }
     }];
     for (var i = 0; i < ruleChains.length; i++) {
@@ -5243,7 +5166,7 @@ var Methods$e = {
   },
   // 显示快捷菜单
   openContextMenu: function openContextMenu(event, type, params) {
-    var _this11 = this;
+    var _this10 = this;
     var ctxMenuOpts2 = this.ctxMenuOpts, ctxMenuStore = this.ctxMenuStore;
     var visibleMethod = ctxMenuOpts2.visibleMethod;
     var config2 = ctxMenuOpts2[type];
@@ -5264,7 +5187,7 @@ var Methods$e = {
     params.options = options;
     var end = function end2() {
       if (visibleMethod && !visibleMethod(params, event)) {
-        _this11.closeMenu();
+        _this10.closeMenu();
         return;
       }
       event.preventDefault();
@@ -5286,14 +5209,14 @@ var Methods$e = {
         visible: true
       });
       var next = function next2() {
-        var ctxElem = _this11.$refs.ctxWrapper.$el;
+        var ctxElem = _this10.$refs.ctxWrapper.$el;
         var clientWidth = ctxElem.clientWidth, clientHeight = ctxElem.clientHeight;
         var offsetLeft = clientX + clientWidth - visibleWidth;
         var offsetTop = clientY + clientHeight - visibleHeight;
         offsetLeft > -10 && (ctxMenuStore.style.left = left - clientWidth + "px");
         offsetTop > -10 && (ctxMenuStore.style.top = top - clientHeight + "px");
       };
-      _this11.$nextTick(next);
+      _this10.$nextTick(next);
     };
     this.preventEvent(event, "event.show_menu", params, null, end);
     this.closeFilter();
@@ -5579,19 +5502,19 @@ function getColumnRuleTypeOther(_ref100) {
 var isCheckStrictly = function isCheckStrictly2(selectConfig) {
   return selectConfig && selectConfig.checkStrictly && !selectConfig.showHeader || selectConfig && !selectConfig.checkStrictly && selectConfig.showHeader === false;
 };
-var runRender = function runRender2(render20) {
+var runRender = function runRender2(render18) {
   var vnode;
   try {
     for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       params[_key - 1] = arguments[_key];
     }
-    vnode = render20.apply(void 0, params);
+    vnode = render18.apply(void 0, params);
   } catch (e) {
     warn("ui.grid.error.renderParamError");
   } finally {
     if (!vnode || !isVnode(vnode)) {
       try {
-        vnode = hooks.h(render20);
+        vnode = hooks.h(render18);
       } catch (e) {
         vnode = null;
         warn("ui.grid.error.classComponentError");
@@ -6204,10 +6127,10 @@ var Cell = {
     if (slots && slots.default) {
       return slots.default(params, h2);
     }
-    var _operationConfig$butt = operationConfig.buttons, buttons = _operationConfig$butt === void 0 ? [] : _operationConfig$butt, render20 = operationConfig.render, _operationConfig$max = operationConfig.max, max = _operationConfig$max === void 0 ? 3 : _operationConfig$max, _operationConfig$disa = operationConfig.disabledClass, disabledClass = _operationConfig$disa === void 0 ? "" : _operationConfig$disa;
+    var _operationConfig$butt = operationConfig.buttons, buttons = _operationConfig$butt === void 0 ? [] : _operationConfig$butt, render18 = operationConfig.render, _operationConfig$max = operationConfig.max, max = _operationConfig$max === void 0 ? 3 : _operationConfig$max, _operationConfig$disa = operationConfig.disabledClass, disabledClass = _operationConfig$disa === void 0 ? "" : _operationConfig$disa;
     var viewClass = $table.viewCls("operButton");
-    if (render20) {
-      return render20({
+    if (render18) {
+      return render18({
         h: h2,
         buttons,
         params
@@ -7372,7 +7295,7 @@ function onGlobalKeydown(event, _vm) {
   }
 }
 function handleGlobalMousedownEvent(event) {
-  var _this12 = this;
+  var _this11 = this;
   var $el = this.$el, ctxMenuStore = this.ctxMenuStore, _this$editConfig = this.editConfig, editConfig = _this$editConfig === void 0 ? {} : _this$editConfig, filterStore = this.filterStore;
   var _this$$refs = this.$refs, filterWrapper = _this$$refs.filterWrapper, validTip = _this$$refs.validTip;
   var actived = this.editStore.actived;
@@ -7395,10 +7318,10 @@ function handleGlobalMousedownEvent(event) {
     else if (!this.lastCallTime || this.lastCallTime + 50 < Date.now()) {
       this.preventEvent(event, "event.clear_actived", actived.args, function() {
         var isClear;
-        var isReadonlyCol = !_this12.getEventTargetNode(event, $el, "col__edit").flag;
+        var isReadonlyCol = !_this11.getEventTargetNode(event, $el, "col__edit").flag;
         isClear = handleGlobalIsClear({
           $el,
-          _vm: _this12,
+          _vm: _this11,
           actived,
           editConfig,
           event,
@@ -7407,7 +7330,7 @@ function handleGlobalMousedownEvent(event) {
         });
         handleGlobalClearActived({
           $el,
-          _vm: _this12,
+          _vm: _this11,
           event,
           isClear
         });
@@ -7433,7 +7356,7 @@ function handleGlobalMousewheelEvent(event) {
   this.closeMenu();
 }
 function handleEscKeyDown(_ref163) {
-  var _this13 = this;
+  var _this12 = this;
   var event = _ref163.event, actived = _ref163.actived, mouseConfig = _ref163.mouseConfig;
   this.closeMenu();
   this.closeFilter();
@@ -7441,13 +7364,13 @@ function handleEscKeyDown(_ref163) {
     this.clearActived(event);
     if (mouseConfig.selected) {
       this.$nextTick(function() {
-        return _this13.handleSelected(actived.args, event);
+        return _this12.handleSelected(actived.args, event);
       });
     }
   }
 }
 function handleEnterKeyDown(_ref164) {
-  var _this14 = this;
+  var _this13 = this;
   var event = _ref164.event, selected = _ref164.selected, actived = _ref164.actived;
   var highlightCurrentRow = this.highlightCurrentRow, currentRow = this.currentRow, treeConfig = this.treeConfig;
   var isLeftArrow = event.keyCode === 37;
@@ -7468,10 +7391,10 @@ function handleEnterKeyDown(_ref164) {
       event.preventDefault();
       var targetRow = children[0];
       this.setTreeExpansion(currentRow, true).then(function() {
-        return _this14.scrollToRow(targetRow);
+        return _this13.scrollToRow(targetRow);
       }).then(function() {
-        return _this14.triggerCurrentRowEvent(event, {
-          $table: _this14,
+        return _this13.triggerCurrentRowEvent(event, {
+          $table: _this13,
           row: targetRow
         });
       });
@@ -7525,7 +7448,7 @@ function handleArrowKeyDown(_ref166) {
   }
 }
 function handleDelKeyDown(_ref167) {
-  var _this15 = this;
+  var _this14 = this;
   var event = _ref167.event, selected = _ref167.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;
@@ -7541,10 +7464,10 @@ function handleDelKeyDown(_ref167) {
     if (parentRow) {
       event.preventDefault();
       this.setTreeExpansion(parentRow, false).then(function() {
-        return _this15.scrollToRow(parentRow);
+        return _this14.scrollToRow(parentRow);
       }).then(function() {
-        return _this15.triggerCurrentRowEvent(event, {
-          $table: _this15,
+        return _this14.triggerCurrentRowEvent(event, {
+          $table: _this14,
           row: parentRow
         });
       });
@@ -7597,11 +7520,11 @@ function handleOtherKeyDown(_ref172) {
   }
 }
 function handleGlobalKeydownEvent(event) {
-  var _this16 = this;
+  var _this15 = this;
   this.preventEvent(event, "event.keydown", {
     $table: this
   }, function() {
-    onGlobalKeydown(event, _this16);
+    onGlobalKeydown(event, _this15);
   });
 }
 function handleGlobalResizeEvent() {
@@ -7711,10 +7634,10 @@ var Methods$d = {
     return this.clearActived();
   },
   refreshData: function refreshData(data8) {
-    var _this17 = this;
+    var _this16 = this;
     var next = function next2() {
-      _this17.tableData = [];
-      return _this17.loadTableData(data8 || _this17.tableFullData);
+      _this16.tableData = [];
+      return _this16.loadTableData(data8 || _this16.tableFullData);
     };
     return this.$nextTick().then(next);
   },
@@ -7733,11 +7656,11 @@ var Methods$d = {
     return this.$nextTick();
   },
   updateData: function updateData() {
-    var _this18 = this;
+    var _this17 = this;
     return this.handleTableData(true).then(function() {
-      return _this18.updateFooter();
+      return _this17.updateFooter();
     }).then(function() {
-      return _this18.recalculate();
+      return _this17.recalculate();
     });
   },
   // 处理表格数据（过滤，排序，虚拟滚动需要渲染数据的条数）
@@ -7749,7 +7672,7 @@ var Methods$d = {
   },
   // 全量加载表格数据
   loadTableData: function loadTableData(datas, notRefresh) {
-    var _this19 = this;
+    var _this18 = this;
     var $grid = this.$grid, $refs = this.$refs, editStore = this.editStore, height2 = this.height, maxHeight = this.maxHeight; this.treeConfig; var lastScrollLeft = this.lastScrollLeft, lastScrollTop = this.lastScrollTop, optimizeOpts2 = this.optimizeOpts;
     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;
@@ -7778,11 +7701,11 @@ var Methods$d = {
     this.handleTableData(true);
     run(["reserveCheckSelection", "checkSelectionStatus"], this);
     var first = function first2() {
-      return !notRefresh && _this19.recalculate();
+      return !notRefresh && _this18.recalculate();
     };
     var second = function second2() {
       if (lastScrollLeft || lastScrollTop) {
-        return _this19.attemptRestoreScoll({
+        return _this18.attemptRestoreScoll({
           lastScrollLeft,
           lastScrollTop
         });
@@ -7795,18 +7718,18 @@ var Methods$d = {
   },
   // 重新加载数据
   reloadData: function reloadData(datas) {
-    var _this20 = this;
+    var _this19 = this;
     return this.clearAll().then(function() {
-      return _this20.loadTableData(datas);
+      return _this19.loadTableData(datas);
     }).then(function() {
-      return _this20.handleDefault();
+      return _this19.handleDefault();
     });
   },
   // 加载全量数据
   loadData: function loadData(datas) {
-    var _this21 = this;
+    var _this20 = this;
     return new Promise(function(resolve) {
-      _this21.loadTableData(datas);
+      _this20.loadTableData(datas);
       resolve();
     });
   },
@@ -7833,29 +7756,29 @@ var Methods$d = {
   },
   // 从新加载列配置
   reloadColumn: function reloadColumn(columns2) {
-    var _this22 = this;
+    var _this21 = this;
     return this.clearAll().then(function() {
-      return _this22.loadColumn(columns2);
+      return _this21.loadColumn(columns2);
     });
   },
   loadColumn: function loadColumn(columns2) {
-    var _this23 = this;
+    var _this22 = this;
     return new Promise(function(resolve) {
-      _this23.collectColumn = mapTree(columns2, function(column) {
-        return Cell.createColumn(_this23, column);
+      _this22.collectColumn = mapTree(columns2, function(column) {
+        return Cell.createColumn(_this22, column);
       }, headerProps);
       resolve();
     }).then(function() {
-      return _this23.$nextTick();
+      return _this22.$nextTick();
     });
   },
   // 更新数据的 Map
   updateCache: function updateCache(source) {
-    var _this24 = this;
+    var _this23 = this;
     var fullAllDataRowIdData = this.fullAllDataRowIdData, fullAllDataRowMap = this.fullAllDataRowMap, fullDataRowIdData = this.fullDataRowIdData, fullDataRowMap = this.fullDataRowMap, tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     var rowKey = getTableRowKey(this);
     var buildRowCache = function buildRowCache2(row2, index2) {
-      var rowId = getRowid(_this24, row2);
+      var rowId = getRowid(_this23, row2);
       if (isNull(rowId) || rowId === "") {
         rowId = getRowUniqueId();
         set(row2, rowKey, rowId);
@@ -7874,11 +7797,11 @@ var Methods$d = {
     };
     var clearCache = function clearCache2() {
       fullAllDataRowIdData = {};
-      _this24.fullAllDataRowIdData = fullAllDataRowIdData;
+      _this23.fullAllDataRowIdData = fullAllDataRowIdData;
       fullAllDataRowMap.clear();
       if (source) {
         fullDataRowIdData = {};
-        _this24.fullDataRowIdData = fullDataRowIdData;
+        _this23.fullDataRowIdData = fullDataRowIdData;
         fullDataRowMap.clear();
       }
     };
@@ -7907,7 +7830,7 @@ var Methods$d = {
   },
   // 通过tr的dom元素获取行数据等相关信息
   getRowNode: function getRowNode(tr) {
-    var _this25 = this;
+    var _this24 = this;
     if (!tr) {
       return null;
     }
@@ -7915,7 +7838,7 @@ var Methods$d = {
     var dataRowid = tr.getAttribute("data-rowid");
     if (treeConfig) {
       var matches = findTree$1(tableFullData, function(row2) {
-        return getRowid(_this25, row2) === dataRowid;
+        return getRowid(_this24, row2) === dataRowid;
       }, treeConfig);
       if (matches) {
         return matches;
@@ -7990,20 +7913,20 @@ var Methods$d = {
     return row2;
   },
   isTemporaryRow: function isTemporaryRow(row2) {
-    var _this26 = this;
+    var _this25 = this;
     var rowid2 = getRowid(this, row2);
     return find(this.temporaryRows, function(r) {
-      return rowid2 === getRowid(_this26, r);
+      return rowid2 === getRowid(_this25, r);
     });
   },
   createData: function createData(records, copy) {
-    var _this27 = this;
+    var _this26 = this;
     var isArr = isArray(records);
     if (!isArr) {
       records = [records];
     }
     var tmp = records.map(function(record) {
-      return _this27.defineField(record, copy);
+      return _this26.defineField(record, copy);
     });
     return new Promise(function(resolve) {
       resolve(isArr ? tmp : tmp[0]);
@@ -8020,13 +7943,13 @@ var Methods$d = {
    * 如果还额外传了field，则清空指定单元格内容；
    */
   clearData: function clearData(rows, field) {
-    var _this28 = this;
+    var _this27 = this;
     rows = !arguments.length ? this.tableFullData : rows && !isArray(rows) ? [rows] : rows;
     rows.forEach(function(row2) {
       if (field) {
         set(row2, field, null);
       } else {
-        _this28.visibleColumn.forEach(function(column) {
+        _this27.visibleColumn.forEach(function(column) {
           column.property && setCellValue(row2, column, null);
         });
       }
@@ -8059,7 +7982,7 @@ var Methods$d = {
     return result;
   },
   hasRowChange: function hasRowChange(row2, field) {
-    var _editConfig$insertCha, _this29 = this;
+    var _editConfig$insertCha, _this28 = this;
     var tableSourceData = this.tableSourceData, treeConfig = this.treeConfig, visibleColumn = this.visibleColumn, backupMap = this.backupMap, editConfig = this.editConfig;
     var insertChanged = (_editConfig$insertCha = editConfig == null ? void 0 : editConfig.insertChanged) != null ? _editConfig$insertCha : false;
     var argsLength = arguments.length;
@@ -8079,7 +8002,7 @@ var Methods$d = {
       }
     } else {
       originRow = find(tableSourceData, function(item) {
-        return rowId === getRowid(_this29, item);
+        return rowId === getRowid(_this28, item);
       });
     }
     if (originRow) {
@@ -8166,7 +8089,7 @@ var Methods$d = {
   },
   // 对数据进行筛选和排序，获取处理后数据。服务端筛选和排序，在接口调用时已传入参数
   updateAfterFullData: function updateAfterFullData() {
-    var _this30 = this;
+    var _this29 = this;
     var remoteFilter = this.remoteFilter, remoteSort = this.remoteSort, tableFullData = this.tableFullData, visibleColumn = this.visibleColumn, sortOpts2 = this.sortOpts;
     var tableData = tableFullData;
     var sortColumn = find(visibleColumn, function(column) {
@@ -8179,13 +8102,13 @@ var Methods$d = {
     var doTableSort = function doTableSort2() {
       var order = sortColumn.order, property = sortColumn.property;
       var params = {
-        $table: _this30,
+        $table: _this29,
         column: sortColumn,
         data: tableData,
         order,
         property
       };
-      tableData = _this30.sortMethod(params) || tableData;
+      tableData = _this29.sortMethod(params) || tableData;
     };
     var doColumnSort = function doColumnSort2() {
       var sortedFlag = false;
@@ -8195,7 +8118,7 @@ var Methods$d = {
           return !!order;
         });
         if (sortColumns.length > 1) {
-          tableData = sortMultiple(tableData, sortColumns, _this30);
+          tableData = sortMultiple(tableData, sortColumns, _this29);
           sortedFlag = true;
         }
       }
@@ -8207,7 +8130,7 @@ var Methods$d = {
     };
     tableData = tableData.filter(function(row2) {
       return filterColumn.every(function(column) {
-        return remoteFilter ? true : _this30.handleLocalFilter(row2, column);
+        return remoteFilter ? true : _this29.handleLocalFilter(row2, column);
       });
     });
     if (sortColumn && sortColumn.order) {
@@ -8236,7 +8159,7 @@ var Methods$d = {
     };
   },
   handleDefault: function handleDefault() {
-    var _this31 = this;
+    var _this30 = this;
     this.handleAsyncColumn(this.tableData);
     this.selectConfig && this.handleSelectionDefChecked();
     this.radioConfig && this.handleRadioDefChecked();
@@ -8244,7 +8167,7 @@ var Methods$d = {
     this.treeConfig && this.handleDefaultTreeExpand();
     this.updateFooter();
     this.$nextTick(function() {
-      return setTimeout(_this31.recalculate);
+      return setTimeout(_this30.recalculate);
     });
   },
   // 动态列处理
@@ -8323,16 +8246,16 @@ var Methods$d = {
   },
   // 初始化加载动态列：customColumns 列信息，sort 是否按顺序加载
   reloadCustoms: function reloadCustoms(customColumns, sort2, colWidth) {
-    var _this32 = this;
+    var _this31 = this;
     var first = function first2() {
-      _this32.mergeCustomColumn(customColumns, sort2, colWidth);
+      _this31.mergeCustomColumn(customColumns, sort2, colWidth);
     };
     var second = function second2() {
-      _this32.handleTableData(true);
+      _this31.handleTableData(true);
     };
     var third = function third2() {
-      return _this32.refreshColumn().then(function() {
-        return _this32.tableFullColumn.slice(0);
+      return _this31.refreshColumn().then(function() {
+        return _this31.tableFullColumn.slice(0);
       });
     };
     return this.$nextTick().then(first).then(second).then(third);
@@ -8375,7 +8298,7 @@ var Methods$d = {
    * 如果使用了分组表头，固定列必须在左侧或者右侧
    */
   refreshColumn: function refreshColumn() {
-    var _this33 = this;
+    var _this32 = this;
     var leftList = [], centerList = [], rightList = [];
     var letIndex = 0, leftStartIndex = null, rightEndIndex = null, isColspan = void 0;
     var columnStore = this.columnStore, isGroup2 = this.isGroup;
@@ -8443,12 +8366,12 @@ var Methods$d = {
     this.visibleColumnChanged = true;
     this.columnAnchor && this.$grid.buildColumnAnchorParams();
     return this.$nextTick().then(function() {
-      _this33.updateFooter();
-      _this33.recalculate();
+      _this32.updateFooter();
+      _this32.recalculate();
     }).then(function() {
-      _this33.$emit("after-refresh-column");
-      if (_this33.isColumnReady) {
-        _this33.attemptRestoreScoll();
+      _this32.$emit("after-refresh-column");
+      if (_this32.isColumnReady) {
+        _this32.attemptRestoreScoll();
       }
     });
   },
@@ -8527,7 +8450,7 @@ var Methods$d = {
    * 支持（width=?、width=?px、width=?%、min-width=?、min-width=?px、min-width=?%）
    */
   recalculate: function recalculate() {
-    var _this34 = this;
+    var _this33 = this;
     var mainBody = this.elemStore["main-body-wrapper"];
     if (isDisplayNone(mainBody)) {
       return;
@@ -8546,7 +8469,7 @@ var Methods$d = {
     this.autoCellWidth(headerElem, bodyElem, footerElem);
     if (scrollXLoad || scrollYLoad || scrollLoad) {
       return this.computeScrollLoad().then(function() {
-        _this34.autoCellWidth(headerElem, bodyElem, footerElem);
+        _this33.autoCellWidth(headerElem, bodyElem, footerElem);
       });
     }
     return this.computeScrollLoad();
@@ -8623,7 +8546,7 @@ var Methods$d = {
     return this.recalculate();
   },
   updateStyle: function updateStyle() {
-    var _this35 = this;
+    var _this34 = this;
     var columnStore = this.columnStore, currentRow = this.currentRow, height2 = this.height, maxHeight = this.maxHeight, minHeight = this.minHeight, parentHeight2 = this.parentHeight, tableColumn3 = this.tableColumn, scrollbarWidth = this.scrollbarWidth;
     var scrollYLoad = this.scrollYLoad, scrollXLoad = this.scrollXLoad, scrollLoad = this.scrollLoad;
     var layoutList = ["header", "body", "footer"];
@@ -8642,7 +8565,7 @@ var Methods$d = {
     }
     layoutList.forEach(function(layout) {
       var args1 = {
-        _vm: _this35,
+        _vm: _this34,
         columnStore,
         customHeight
       };
@@ -8674,10 +8597,10 @@ var Methods$d = {
     });
   },
   preventEvent: function preventEvent(event, type, args, next, end) {
-    var _this36 = this;
+    var _this35 = this;
     var eventList = Interceptor.get(type);
     if (!eventList.some(function(listener) {
-      return listener(args, event, _this36) === false;
+      return listener(args, event, _this35) === false;
     })) {
       next && next();
     }
@@ -8842,12 +8765,12 @@ var Methods$d = {
   },
   // 当单元格发生改变时，如果存在规则，则校验
   handleChangeCell: function handleChangeCell(event, params) {
-    var _this37 = this;
+    var _this36 = this;
     this.triggerValidate("blur").catch(function(e) {
       return e;
     }).then(function() {
-      _this37.handleActived(params, event).then(function() {
-        return _this37.triggerValidate("change");
+      _this36.handleActived(params, event).then(function() {
+        return _this36.triggerValidate("change");
       }).catch(function(e) {
         return e;
       });
@@ -8918,7 +8841,7 @@ var Methods$d = {
   },
   // 列双击点击事件：如果是双击模式，则激活为编辑状态
   triggerCellDBLClickEvent: function triggerCellDBLClickEvent(event, params) {
-    var _this38 = this;
+    var _this37 = this;
     var editStore = this.editStore, editConfig = this.editConfig;
     var actived = editStore.actived;
     var isActiveNewCell = !actived.args || event.currentTarget !== actived.args.cell;
@@ -8927,8 +8850,8 @@ var Methods$d = {
       this.triggerValidate("blur").catch(function(e) {
         return e;
       }).then(function() {
-        _this38.handleActived(params, event).then(function() {
-          return _this38.triggerValidate("change");
+        _this37.handleActived(params, event).then(function() {
+          return _this37.triggerValidate("change");
         }).catch(function(e) {
           return e;
         });
@@ -8936,7 +8859,7 @@ var Methods$d = {
     }
     if (isDblclickNewCell && editConfig.mode === "cell") {
       this.handleActived(params, event).then(function() {
-        return _this38.triggerValidate("change");
+        return _this37.triggerValidate("change");
       }).catch(function(e) {
         return e;
       });
@@ -9066,11 +8989,11 @@ var Methods$d = {
     return ~this.expandeds.indexOf(row2);
   },
   clearRowExpand: function clearRowExpand() {
-    var _this39 = this;
+    var _this38 = this;
     var hasExpand = this.expandeds.length;
     this.expandeds = [];
     return this.$nextTick().then(function() {
-      return hasExpand ? _this39.recalculate() : 0;
+      return hasExpand ? _this38.recalculate() : 0;
     });
   },
   // 获取虚拟滚动状态
@@ -9089,13 +9012,13 @@ var Methods$d = {
     this.loadScrollXData(event);
   },
   debounceScrollX: function debounceScrollX(event) {
-    var _this40 = this;
+    var _this39 = this;
     if (!this.tasks.debounceScrollX) {
       this.tasks.debounceScrollXHandler = null;
       this.tasks.debounceScrollX = function() {
         return requestAnimationFrame(function() {
-          _this40.tasks.debounceScrollXHandler = null;
-          _this40.loadScrollXData(event);
+          _this39.tasks.debounceScrollXHandler = null;
+          _this39.loadScrollXData(event);
         });
       };
     }
@@ -9146,21 +9069,21 @@ var Methods$d = {
   },
   // 处理滚动分页相关逻辑
   debounceScrollLoad: function debounceScrollLoad(event) {
-    var _this41 = this;
+    var _this40 = this;
     if (!this.tasks.debounceScrollLoad) {
       this.tasks.debounceScrollLoad = debounce(debounceScrollLoadDuration, function() {
-        var _this41$scrollLoadSto = _this41.scrollLoadStore, scrollHeight = _this41$scrollLoadSto.scrollHeight, bodyHeight = _this41$scrollLoadSto.bodyHeight;
-        var _this41$$grid$tablePa = _this41.$grid.tablePage, currentPage = _this41$$grid$tablePa.currentPage, pageSize = _this41$$grid$tablePa.pageSize;
+        var _this40$scrollLoadSto = _this40.scrollLoadStore, scrollHeight = _this40$scrollLoadSto.scrollHeight, bodyHeight = _this40$scrollLoadSto.bodyHeight;
+        var _this40$$grid$tablePa = _this40.$grid.tablePage, currentPage = _this40$$grid$tablePa.currentPage, pageSize = _this40$$grid$tablePa.pageSize;
         var max = scrollHeight - bodyHeight;
         var scrollTop = event.target.scrollTop;
         if (scrollTop > max) {
           scrollTop = max;
         }
-        var rowHeight = _this41.scrollYStore.rowHeight;
+        var rowHeight = _this40.scrollYStore.rowHeight;
         var visibleIndex = Math.ceil(scrollTop / rowHeight);
         var page = Math.ceil(visibleIndex / pageSize) + 1;
         if (currentPage !== page) {
-          _this41.$grid.pageCurrentChange(page);
+          _this40.$grid.pageCurrentChange(page);
         }
       });
     }
@@ -9168,7 +9091,7 @@ var Methods$d = {
   },
   // 纵向 Y 可视渲染处理
   loadScrollYData: function loadScrollYData(event) {
-    var _this42 = this;
+    var _this41 = 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;
@@ -9194,7 +9117,7 @@ var Methods$d = {
     }
     scrollYStore.visibleIndex = toVisibleIndex;
     this.$nextTick(function() {
-      _this42.updateSelectedCls(true);
+      _this41.updateSelectedCls(true);
     });
   },
   getRowHeight: function getRowHeight() {
@@ -9218,16 +9141,16 @@ var Methods$d = {
   },
   // 计算可视渲染相关数据
   computeScrollLoad: function computeScrollLoad() {
-    var _this43 = this;
+    var _this42 = this;
     return this.$nextTick().then(function() {
-      var $refs = _this43.$refs, optimizeOpts2 = _this43.optimizeOpts, visibleColumn = _this43.visibleColumn;
-      var scrollLoad = _this43.scrollLoad, scrollXLoad = _this43.scrollXLoad, scrollXStore = _this43.scrollXStore, scrollYLoad = _this43.scrollYLoad, scrollYStore = _this43.scrollYStore;
+      var $refs = _this42.$refs, optimizeOpts2 = _this42.optimizeOpts, visibleColumn = _this42.visibleColumn;
+      var scrollLoad = _this42.scrollLoad, scrollXLoad = _this42.scrollXLoad, scrollXStore = _this42.scrollXStore, scrollYLoad = _this42.scrollYLoad, scrollYStore = _this42.scrollYStore;
       var scrollX = optimizeOpts2.scrollX, scrollY = optimizeOpts2.scrollY;
       var tableBody = $refs.tableBody;
       var bodyElem = tableBody ? tableBody.$el : null;
       if (bodyElem) {
         computeScrollXLoad({
-          _vm: _this43,
+          _vm: _this42,
           scrollX,
           scrollXLoad,
           scrollXStore,
@@ -9235,7 +9158,7 @@ var Methods$d = {
           visibleColumn
         });
         computeScrollYLoad({
-          _vm: _this43,
+          _vm: _this42,
           scrollLoad,
           scrollY,
           scrollYLoad,
@@ -9243,12 +9166,12 @@ var Methods$d = {
           tableBodyElem: bodyElem
         });
       }
-      _this43.$nextTick(_this43.updateStyle);
+      _this42.$nextTick(_this42.updateStyle);
     });
   },
   // 处理x轴方向虚拟滚动列数据加载
   updateScrollXData: function updateScrollXData() {
-    var _this44 = this;
+    var _this43 = this;
     var scrollXStore = this.scrollXStore;
     var ret = sliceVisibleColumn(this);
     if (ret.sliced) {
@@ -9257,9 +9180,9 @@ var Methods$d = {
     }
     this.debounceRaf("updateScrollXDataHandler", function() {
       scrollXStore.lastStartIndex = ret.lastStartIndex;
-      _this44.tableColumn = ret.tableColumn;
-      _this44.visibleColumnChanged = ret.visibleColumnChanged;
-      _this44.$nextTick(_this44.updateStyle);
+      _this43.tableColumn = ret.tableColumn;
+      _this43.visibleColumnChanged = ret.visibleColumnChanged;
+      _this43.$nextTick(_this43.updateStyle);
     });
   },
   // 更新横向 X 可视渲染上下剩余空间大小
@@ -9289,22 +9212,22 @@ var Methods$d = {
     this.$nextTick(this.updateStyle);
   },
   debounceRaf: function debounceRaf(handlerKey, callback) {
-    var _this45 = this;
+    var _this44 = this;
     if (this[handlerKey]) {
       cancelAnimationFrame(this[handlerKey]);
     }
     this[handlerKey] = requestAnimationFrame(function() {
-      _this45[handlerKey] = null;
+      _this44[handlerKey] = null;
       callback();
     });
   },
   // 处理虚拟滚动加载数据，并更新YSpace位置
   updateScrollYData: function updateScrollYData() {
-    var _this46 = this;
+    var _this45 = this;
     this.updateScrollYSpace();
     this.debounceRaf("updateScrollYDataHandler", function() {
-      _this46.handleTableData().then(function() {
-        return _this46.$nextTick(_this46.updateStyle);
+      _this45.handleTableData().then(function() {
+        return _this45.$nextTick(_this45.updateStyle);
       });
     });
   },
@@ -9371,7 +9294,7 @@ var Methods$d = {
     return this.scrollToColumn(column, isDelayArg, move);
   },
   scrollToTreeRow: function scrollToTreeRow(row2) {
-    var _this47 = this;
+    var _this46 = this;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig, treeOpts = this.treeOpts;
     if (!treeConfig) {
       return this.$nextTick();
@@ -9384,20 +9307,20 @@ var Methods$d = {
     }
     var nodes = matchObj.nodes;
     nodes.forEach(function(row22, index2) {
-      if (index2 === nodes.length - 1 || _this47.hasTreeExpand(row22)) {
+      if (index2 === nodes.length - 1 || _this46.hasTreeExpand(row22)) {
         return;
       }
-      _this47.setTreeExpansion(row22, true);
+      _this46.setTreeExpansion(row22, true);
     });
     return this.$nextTick();
   },
   scrollToColumn: function scrollToColumn(column, isDelay, move) {
-    var _this48 = this;
+    var _this47 = 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(_this48.$nextTick());
+        return resolve(_this47.$nextTick());
       }, 50);
     }) : this.$nextTick();
   },
@@ -9405,7 +9328,7 @@ var Methods$d = {
     this.lastScrollTop = 0;
   },
   clearScroll: function clearScroll() {
-    var _this49 = this;
+    var _this48 = this;
     var scrollXStore = this.scrollXStore, scrollYStore = this.scrollYStore, elemStore = this.elemStore;
     Object.assign(this, {
       lastScrollLeft: 0,
@@ -9423,7 +9346,7 @@ var Methods$d = {
       var tableBodyElem = elemStore["main-body-wrapper"];
       var tableHeaderElem = elemStore["main-header-wrapper"];
       var tableFooterElem = elemStore["main-footer-wrapper"];
-      if (_this49.afterMounted) {
+      if (_this48.afterMounted) {
         tableBodyElem && Object.assign(tableBodyElem, {
           scrollLeft: 0,
           scrollTop: 0
@@ -9440,7 +9363,7 @@ var Methods$d = {
   },
   // 更新表尾合计
   updateFooter: function updateFooter() {
-    var _this50 = this;
+    var _this49 = this;
     var afterFullData = this.afterFullData, footerMethod = this.footerMethod, showFooter = this.showFooter, summaryConfig = this.summaryConfig, tableColumn3 = this.tableColumn;
     if (footerMethod && showFooter) {
       var data8 = footerMethod({
@@ -9461,7 +9384,7 @@ var Methods$d = {
           return text || "";
         }
         if (~fields.indexOf(column.property)) {
-          return toDecimal(sum(_this50.afterFullData, column.property), fraction, _truncate);
+          return toDecimal(sum(_this49.afterFullData, column.property), fraction, _truncate);
         }
         return null;
       });
@@ -9471,10 +9394,10 @@ var Methods$d = {
   },
   // 更新列状态：如果组件值v-model发生change，调用该函数更新列的编辑状态。如果单元格配置了校验规则，则进行校验
   updateStatus: function updateStatus(scope, cellValue, renderOpts) {
-    var _this51 = this;
+    var _this50 = this;
     var customValue = !isUndefined(cellValue);
     return this.$nextTick().then(function() {
-      var $refs = _this51.$refs, editRules = _this51.editRules, tableData = _this51.tableData, validStore = _this51.validStore;
+      var $refs = _this50.$refs, editRules = _this50.editRules, tableData = _this50.tableData, validStore = _this50.validStore;
       var tableBody = $refs.tableBody;
       if (!scope || !tableBody || !editRules) {
         return;
@@ -9484,11 +9407,11 @@ var Methods$d = {
       }
       var column = scope.column, row2 = scope.row;
       var type = "change";
-      if (!_this51.hasCellRules(type, row2, column)) {
+      if (!_this50.hasCellRules(type, row2, column)) {
         return;
       }
       var rowIndex = tableData.indexOf(row2);
-      getCell(_this51, {
+      getCell(_this50, {
         row: row2,
         rowIndex,
         column
@@ -9496,13 +9419,13 @@ var Methods$d = {
         if (!cell) {
           return;
         }
-        return _this51.validCellRules(type, row2, column, cellValue).then(function() {
+        return _this50.validCellRules(type, row2, column, cellValue).then(function() {
           customValue && validStore.visible && setCellValue(row2, column, cellValue);
-          _this51.clearValidate();
+          _this50.clearValidate();
         }).catch(function(_ref190) {
           var rule = _ref190.rule;
           customValue && setCellValue(row2, column, cellValue);
-          _this51.showValidTooltip({
+          _this50.showValidTooltip({
             rule,
             row: row2,
             column,
@@ -9514,15 +9437,15 @@ var Methods$d = {
   },
   /* X/Y 方向滚动 */
   updateScrollStatus: function updateScrollStatus() {
-    var _this52 = this;
+    var _this51 = this;
     if (!this.tasks.updateScrollStatus) {
       this.tasks.updateScrollStatus = debounce(AsyncCollectTimeout, function() {
-        var scrollXLoad = _this52.scrollXLoad, scrollYLoad = _this52.scrollYLoad, isAsyncColumn = _this52.isAsyncColumn;
+        var scrollXLoad = _this51.scrollXLoad, scrollYLoad = _this51.scrollYLoad, isAsyncColumn = _this51.isAsyncColumn;
         if (isAsyncColumn && (scrollXLoad || scrollYLoad)) {
-          var tableData = _this52.tableData, scrollXStore = _this52.scrollXStore, scrollYStore = _this52.scrollYStore, tableFullData = _this52.tableFullData, _this52$scrollDirecti = _this52.scrollDirection, scrollDirection = _this52$scrollDirecti === void 0 ? "N" : _this52$scrollDirecti;
+          var tableData = _this51.tableData, scrollXStore = _this51.scrollXStore, scrollYStore = _this51.scrollYStore, tableFullData = _this51.tableFullData, _this51$scrollDirecti = _this51.scrollDirection, scrollDirection = _this51$scrollDirecti === void 0 ? "N" : _this51$scrollDirecti;
           var isInit = scrollXLoad && scrollXStore.visibleIndex === 0 || scrollYLoad && scrollYStore.visibleIndex === 0;
           if (isInit || scrollDirection !== "N") {
-            _this52.handleResolveColumn(tableFullData, _this52.collectAsyncColumn(tableData));
+            _this51.handleResolveColumn(tableFullData, _this51.collectAsyncColumn(tableData));
           }
         }
       });
@@ -9539,7 +9462,7 @@ var Methods$d = {
   },
   // 收集异步列
   collectAsyncColumn: function collectAsyncColumn(tableData) {
-    var _this53 = this;
+    var _this52 = this;
     var fetchColumns = [];
     var rowId = this.rowId, asyncRenderMap = this.asyncRenderMap, tableColumn3 = this.tableColumn;
     if (!rowId) {
@@ -9558,7 +9481,7 @@ var Methods$d = {
           }
           var cellValuesCount = 1;
           var cellValues = [cellValue];
-          var uniqueKey = _this53.getAsyncColumnUniqueKey(col.property, row2);
+          var uniqueKey = _this52.getAsyncColumnUniqueKey(col.property, row2);
           if (splitConfig.enabled === true) {
             cellValues = cellValue.split(splitConfig.valueSplit || ",");
             cellValuesCount = cellValues.length;
@@ -9629,12 +9552,12 @@ var Methods$d = {
   },
   // 更新表体高度
   updateTableBodyHeight: function updateTableBodyHeight() {
-    var _this54 = this;
+    var _this53 = this;
     if (!this.tasks.updateTableBodyHeight) {
       this.tasks.updateTableBodyHeight = function() {
         fastdom.measure(function() {
-          var tableBodyElem = _this54.elemStore["main-body-wrapper"];
-          _this54.tableBodyHeight = tableBodyElem ? tableBodyElem.clientHeight : 0;
+          var tableBodyElem = _this53.elemStore["main-body-wrapper"];
+          _this53.tableBodyHeight = tableBodyElem ? tableBodyElem.clientHeight : 0;
         });
       };
     }
@@ -9645,17 +9568,17 @@ var Methods$d = {
     return column.order ? column.order === "asc" ? "desc" : null : "asc";
   },
   watchDataForVue3: function watchDataForVue3() {
-    var _this55 = this;
+    var _this54 = this;
     if (isVue2) return;
     var stopWatch = hooks.watch([function() {
-      return _this55.data;
+      return _this54.data;
     }, function() {
-      return _this55.data && _this55.data.length;
+      return _this54.data && _this54.data.length;
     }], function(_ref194, _ref195) {
       var newData = _ref194[0], newLength = _ref194[1];
       var oldData = _ref195[0], oldLength = _ref195[1];
-      if (Array.isArray(_this55.data) && newData === oldData && newLength !== oldLength) {
-        _this55.handleDataChange();
+      if (Array.isArray(_this54.data) && newData === oldData && newLength !== oldLength) {
+        _this54.handleDataChange();
       }
     });
     hooks.onBeforeUnmount(function() {
@@ -9691,7 +9614,7 @@ var Methods$d = {
   },
   // 尝试恢复滚动位置，规范了最大滚动位置的取值
   attemptRestoreScoll: function attemptRestoreScoll(options) {
-    var _this56 = this;
+    var _this55 = this;
     var _ref196 = options || this, lastScrollTop = _ref196.lastScrollTop, lastScrollLeft = _ref196.lastScrollLeft;
     var scrollXLoad = this.scrollXLoad, scrollYLoad = this.scrollYLoad, elemStore = this.elemStore;
     var tableBodyElem = elemStore["main-body-wrapper"];
@@ -9702,10 +9625,10 @@ var Methods$d = {
         lastScrollTop = Math.min(lastScrollTop, maxScrollTop);
         lastScrollLeft = Math.min(lastScrollLeft, maxScrollLeft);
         fastdom.mutate(function() {
-          _this56.restoreScollFlag = true;
-          _this56.scrollTo(lastScrollLeft, lastScrollTop);
-          scrollXLoad && _this56.triggerScrollXEvent();
-          scrollYLoad && _this56.triggerScrollYEvent({
+          _this55.restoreScollFlag = true;
+          _this55.scrollTo(lastScrollLeft, lastScrollTop);
+          scrollXLoad && _this55.triggerScrollXEvent();
+          scrollYLoad && _this55.triggerScrollYEvent({
             target: {
               scrollTop: lastScrollTop
             }
@@ -9730,7 +9653,7 @@ var fnFields = function fnFields2(fields) {
 var fnFieldConfig = function fnFieldConfig2(field) {
   return Array.isArray(field) && field.length > 1 ? field[1] : {};
 };
-var __vue2_script$8 = defineComponent({
+var _sfc_main$8 = defineComponent({
   props: _extends({}, $props, {
     datas: Object,
     row: Object
@@ -9752,25 +9675,14 @@ var __vue2_script$8 = defineComponent({
     }, selectionColumn.renderCell(h, params));
   }
 });
-var __vue2_render$5, __vue2_staticRenderFns$5;
-var __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, __vue2_render$5, __vue2_staticRenderFns$5, false, __vue2_injectStyles$8);
-function __vue2_injectStyles$8(context) {
-  for (var o in __cssModules$8) {
-    this[o] = __cssModules$8[o];
-  }
-}
-var ColumnType = /* @__PURE__ */ function() {
-  return __component__$8.exports;
-}();
-var __vue2_script$7 = defineComponent({
+var _sfc_main$7 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props, {
     datas: Object,
     row: Object
   }),
   render: function render10() {
-    var _this57 = this;
+    var _this56 = 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;
@@ -9782,8 +9694,8 @@ var __vue2_script$7 = defineComponent({
     };
     var ons = function ons2() {
       return {
-        mouseenter: _this57.handleMouseenter,
-        mouseleave: _this57.handleMouseleave
+        mouseenter: _this56.handleMouseenter,
+        mouseleave: _this56.handleMouseleave
       };
     };
     if (!primaryColumn || !primaryColumn.renderCell) {
@@ -9920,18 +9832,7 @@ var __vue2_script$7 = defineComponent({
     }
   }
 });
-var __vue2_render$4, __vue2_staticRenderFns$4;
-var __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, __vue2_render$4, __vue2_staticRenderFns$4, false, __vue2_injectStyles$7);
-function __vue2_injectStyles$7(context) {
-  for (var o in __cssModules$7) {
-    this[o] = __cssModules$7[o];
-  }
-}
-var ColumnContent = /* @__PURE__ */ function() {
-  return __component__$7.exports;
-}();
-var __vue2_script$6 = defineComponent({
+var _sfc_main$6 = defineComponent({
   props: _extends({}, $props, {
     datas: Object,
     row: Object
@@ -10032,26 +9933,15 @@ var __vue2_script$6 = defineComponent({
     }, [vnode]);
   }
 });
-var __vue2_render$3, __vue2_staticRenderFns$3;
-var __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, __vue2_render$3, __vue2_staticRenderFns$3, false, __vue2_injectStyles$6);
-function __vue2_injectStyles$6(context) {
-  for (var o in __cssModules$6) {
-    this[o] = __cssModules$6[o];
-  }
-}
-var ColumnLink = /* @__PURE__ */ function() {
-  return __component__$6.exports;
-}();
-var __vue2_script$5 = defineComponent({
+var _sfc_main$5 = defineComponent({
   props: _extends({}, $props, {
     datas: Object,
     row: Object
   }),
   components: {
-    ColumnType,
-    ColumnContent,
-    ColumnLink
+    ColumnType: _sfc_main$8,
+    ColumnContent: _sfc_main$7,
+    ColumnLink: _sfc_main$6
   },
   computed: {
     showLink: function showLink() {
@@ -10060,48 +9950,37 @@ var __vue2_script$5 = defineComponent({
     }
   }
 });
-var render$2 = function render$22() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    ref: "layout",
-    staticClass: "grid",
-    class: [_vm.datas.hasType && _vm.showLink ? "grid-cols-[theme(spacing.7)_auto_theme(spacing.7)]" : "", _vm.datas.hasType && !_vm.showLink ? "grid-cols-[theme(spacing.7)_auto]" : "", !_vm.datas.hasType && _vm.showLink ? "grid-cols-[auto_theme(spacing.7)]" : "", !_vm.datas.hasType && !_vm.showLink ? "grid-cols-[auto]" : ""],
-    attrs: {
-      "data-tag": "tiny-table-column-layout"
-    }
-  }, [_vm.datas.hasType ? _c("column-type", {
-    ref: "type",
-    attrs: {
-      "datas": _vm.datas,
-      "row": _vm.row
-    }
-  }) : _vm._e(), _c("column-content", {
-    attrs: {
-      "datas": _vm.datas,
-      "row": _vm.row
-    }
-  }), _vm.showLink ? _c("column-link", {
-    ref: "link",
-    attrs: {
-      "datas": _vm.datas,
-      "row": _vm.row
-    }
-  }) : _vm._e()], 1);
-};
-var staticRenderFns$2 = [];
-var __cssModules$5 = {};
-var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$2, staticRenderFns$2, false, __vue2_injectStyles$5);
-function __vue2_injectStyles$5(context) {
-  for (var o in __cssModules$5) {
-    this[o] = __cssModules$5[o];
-  }
+function _sfc_render$2(_ctx, _cache, $props2, $setup, $data, $options) {
+  var _component_column_type = resolveComponent("column-type");
+  var _component_column_content = resolveComponent("column-content");
+  var _component_column_link = resolveComponent("column-link");
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      ref: "layout",
+      "data-tag": "tiny-table-column-layout",
+      class: normalizeClass(["grid", [_ctx.datas.hasType && _ctx.showLink ? "grid-cols-[theme(spacing.7)_auto_theme(spacing.7)]" : "", _ctx.datas.hasType && !_ctx.showLink ? "grid-cols-[theme(spacing.7)_auto]" : "", !_ctx.datas.hasType && _ctx.showLink ? "grid-cols-[auto_theme(spacing.7)]" : "", !_ctx.datas.hasType && !_ctx.showLink ? "grid-cols-[auto]" : ""]])
+    },
+    [_ctx.datas.hasType ? (openBlock(), createBlock(_component_column_type, {
+      key: 0,
+      ref: "type",
+      datas: _ctx.datas,
+      row: _ctx.row
+    }, null, 8, ["datas", "row"])) : createCommentVNode("v-if", true), createVNode(_component_column_content, {
+      datas: _ctx.datas,
+      row: _ctx.row
+    }, null, 8, ["datas", "row"]), _ctx.showLink ? (openBlock(), createBlock(_component_column_link, {
+      key: 1,
+      ref: "link",
+      datas: _ctx.datas,
+      row: _ctx.row
+    }, null, 8, ["datas", "row"])) : createCommentVNode("v-if", true)],
+    2
+    /* CLASS */
+  );
 }
-var ColumnLayout = /* @__PURE__ */ function() {
-  return __component__$5.exports;
-}();
-var __vue2_script$4 = defineComponent({
+var ColumnLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$2]]);
+var _sfc_main$4 = defineComponent({
   components: {
     ColumnLayout
   },
@@ -10142,38 +10021,23 @@ var __vue2_script$4 = defineComponent({
     }
   }
 });
-var render$1 = function render$12() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    class: _vm.mergeClass(_vm.datas.rowClass, _vm.currentRowId === _vm.rowid && _vm.isCardType ? "border sm:border-2 sm:border-color-brand" : ""),
-    attrs: {
-      "data-tag": "tiny-table-row",
-      "data-rowid": _vm.rowid
-    },
-    on: {
-      "click": _vm.handleClick
-    }
-  }, [_c("column-layout", {
-    attrs: {
-      "datas": _vm.datas,
-      "row": _vm.row
-    }
-  })], 1);
-};
-var staticRenderFns$1 = [];
-var __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$1, staticRenderFns$1, false, __vue2_injectStyles$4);
-function __vue2_injectStyles$4(context) {
-  for (var o in __cssModules$4) {
-    this[o] = __cssModules$4[o];
-  }
+var _hoisted_1 = ["data-rowid"];
+function _sfc_render$1(_ctx, _cache, $props2, $setup, $data, $options) {
+  var _component_column_layout = resolveComponent("column-layout");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.mergeClass(_ctx.datas.rowClass, _ctx.currentRowId === _ctx.rowid && _ctx.isCardType ? "border sm:border-2 sm:border-color-brand" : "")),
+    "data-tag": "tiny-table-row",
+    "data-rowid": _ctx.rowid,
+    onClick: _cache[0] || (_cache[0] = function() {
+      return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
+    })
+  }, [createVNode(_component_column_layout, {
+    datas: _ctx.datas,
+    row: _ctx.row
+  }, null, 8, ["datas", "row"])], 10, _hoisted_1);
 }
-var TableRow = /* @__PURE__ */ function() {
-  return __component__$4.exports;
-}();
-var __vue2_script$3 = defineComponent({
+var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1]]);
+var _sfc_main$3 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props),
   render: function render12() {
@@ -10189,18 +10053,7 @@ var __vue2_script$3 = defineComponent({
     return typeof $mftable.slotList === "function" ? $mftable.slotList(params) : null;
   }
 });
-var __vue2_render$2, __vue2_staticRenderFns$2;
-var __cssModules$3 = {};
-var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, __vue2_render$2, __vue2_staticRenderFns$2, false, __vue2_injectStyles$3);
-function __vue2_injectStyles$3(context) {
-  for (var o in __cssModules$3) {
-    this[o] = __cssModules$3[o];
-  }
-}
-var ListView = /* @__PURE__ */ function() {
-  return __component__$3.exports;
-}();
-var __vue2_script$2 = defineComponent({
+var _sfc_main$2 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props),
   render: function render13() {
@@ -10216,18 +10069,7 @@ var __vue2_script$2 = defineComponent({
     return typeof $mftable.slotGantt === "function" ? $mftable.slotGantt(params) : null;
   }
 });
-var __vue2_render$1, __vue2_staticRenderFns$1;
-var __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, __vue2_render$1, __vue2_staticRenderFns$1, false, __vue2_injectStyles$2);
-function __vue2_injectStyles$2(context) {
-  for (var o in __cssModules$2) {
-    this[o] = __cssModules$2[o];
-  }
-}
-var GanttView = /* @__PURE__ */ function() {
-  return __component__$2.exports;
-}();
-var __vue2_script$1 = defineComponent({
+var _sfc_main$1 = defineComponent({
   inject: ["$mftable"],
   props: _extends({}, $props),
   render: function render14() {
@@ -10243,25 +10085,14 @@ var __vue2_script$1 = defineComponent({
     return typeof $mftable.slotCustom === "function" ? $mftable.slotCustom(params) : null;
   }
 });
-var __vue2_render, __vue2_staticRenderFns;
-var __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles$1);
-function __vue2_injectStyles$1(context) {
-  for (var o in __cssModules$1) {
-    this[o] = __cssModules$1[o];
-  }
-}
-var CustomView = /* @__PURE__ */ function() {
-  return __component__$1.exports;
-}();
-var __vue2_script = defineComponent({
+var _sfc_main = defineComponent({
   components: {
     TableRow,
     Tooltip: Tooltip$1,
     Exception,
-    ListView,
-    GanttView,
-    CustomView
+    ListView: _sfc_main$3,
+    GanttView: _sfc_main$2,
+    CustomView: _sfc_main$1
   },
   provide: function provide() {
     return {
@@ -10421,7 +10252,7 @@ var __vue2_script = defineComponent({
       var _this$cardConfig = this.cardConfig, cardConfig = _this$cardConfig === void 0 ? {} : _this$cardConfig, _this$listConfig = this.listConfig, listConfig = _this$listConfig === void 0 ? {} : _this$listConfig, _this$ganttConfig = this.ganttConfig, ganttConfig = _this$ganttConfig === void 0 ? {} : _this$ganttConfig, _this$customConfig = this.customConfig, customConfig = _this$customConfig === void 0 ? {} : _this$customConfig;
       var tableColumn3 = config2 == null ? void 0 : (_config$tableVm10 = config2.tableVm) == null ? void 0 : _config$tableVm10.tableColumn;
       var primaryField = cardConfig.primaryField, contentFields = cardConfig.contentFields, selectable = cardConfig.selectable, renderLink = cardConfig.renderLink, operable = cardConfig.operable, _cardConfig$few = cardConfig.few, few = _cardConfig$few === void 0 ? 4 : _cardConfig$few;
-      var renderList = listConfig.renderList;
+      var renderList2 = listConfig.renderList;
       var renderGantt = ganttConfig.renderGantt;
       var renderCustom = customConfig.renderCustom;
       var fieldName = "";
@@ -10460,7 +10291,7 @@ var __vue2_script = defineComponent({
         });
       }
       slotLink = (config2 == null ? void 0 : (_config$tableVm11 = config2.tableVm) == null ? void 0 : (_config$tableVm11$$gr = _config$tableVm11.$grid) == null ? void 0 : (_config$tableVm11$$gr2 = _config$tableVm11$$gr.slots) == null ? void 0 : _config$tableVm11$$gr2.link) || renderLink;
-      slotList = (config2 == null ? void 0 : (_config$tableVm12 = config2.tableVm) == null ? void 0 : (_config$tableVm12$$gr = _config$tableVm12.$grid) == null ? void 0 : (_config$tableVm12$$gr2 = _config$tableVm12$$gr.slots) == null ? void 0 : _config$tableVm12$$gr2.list) || renderList;
+      slotList = (config2 == null ? void 0 : (_config$tableVm12 = config2.tableVm) == null ? void 0 : (_config$tableVm12$$gr = _config$tableVm12.$grid) == null ? void 0 : (_config$tableVm12$$gr2 = _config$tableVm12$$gr.slots) == null ? void 0 : _config$tableVm12$$gr2.list) || renderList2;
       slotGantt = (config2 == null ? void 0 : (_config$tableVm13 = config2.tableVm) == null ? void 0 : (_config$tableVm13$$gr = _config$tableVm13.$grid) == null ? void 0 : (_config$tableVm13$$gr2 = _config$tableVm13$$gr.slots) == null ? void 0 : _config$tableVm13$$gr2.gantt) || renderGantt;
       slotCustom = (config2 == null ? void 0 : (_config$tableVm14 = config2.tableVm) == null ? void 0 : (_config$tableVm14$$gr = _config$tableVm14.$grid) == null ? void 0 : (_config$tableVm14$$gr2 = _config$tableVm14$$gr.slots) == null ? void 0 : _config$tableVm14$$gr2.custom) || renderCustom;
       Object.assign(this, {
@@ -10612,72 +10443,76 @@ var __vue2_script = defineComponent({
     }
   }
 });
-var render15 = function render16() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    ref: "warpperElem",
-    staticClass: "scrollbar-size-0",
-    class: _vm.wrapperClass,
-    style: _vm.wrapperStyle,
-    attrs: {
-      "data-tag": "tiny-table-wrapper"
+function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
+  var _component_exception = resolveComponent("exception");
+  var _component_list_view = resolveComponent("list-view");
+  var _component_gantt_view = resolveComponent("gantt-view");
+  var _component_custom_view = resolveComponent("custom-view");
+  var _component_table_row = resolveComponent("table-row");
+  var _component_tooltip = resolveComponent("tooltip");
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      ref: "warpperElem",
+      "data-tag": "tiny-table-wrapper",
+      class: normalizeClass(["scrollbar-size-0", _ctx.wrapperClass]),
+      style: normalizeStyle(_ctx.wrapperStyle),
+      onScroll: _cache[1] || (_cache[1] = function() {
+        return _ctx.scrollEvent && _ctx.scrollEvent.apply(_ctx, arguments);
+      })
     },
-    on: {
-      "scroll": _vm.scrollEvent
-    }
-  }, [_vm.exceptionVisible ? _c("exception", {
-    staticClass: "min-h-[theme(spacing.72)]",
-    attrs: {
-      "tiny_mode": "mobile-first",
-      "tiny_mode_root": "",
+    [_ctx.exceptionVisible ? (openBlock(), createBlock(_component_exception, {
+      key: 0,
+      tiny_mode: "mobile-first",
+      tiny_mode_root: "",
+      class: "min-h-[theme(spacing.72)]",
       "component-page": "",
-      "type": "nodata"
-    }
-  }) : _vm._e(), _c("div", {
-    ref: "table",
-    class: [_vm.tableClass, _vm.cardClass],
-    attrs: {
-      "data-tag": "tiny-table"
-    }
-  }, [_vm.listView ? [_c("list-view")] : _vm.ganttView ? [_c("gantt-view")] : _vm.customView ? [_c("custom-view")] : _vm._l(_vm.tableData, function(row2, i) {
-    return _c("table-row", {
-      key: "" + _vm.rowKey + i,
-      attrs: {
-        "datas": _vm.cfg(row2),
-        "current-row-id": _vm.currentRowId
-      },
-      on: {
-        "card-click": _vm.handleCardClick
-      }
-    });
-  })], 2), _c("tooltip", {
-    ref: "tooltip",
-    attrs: {
-      "content": _vm.tooltipContent,
-      "manual": ""
-    },
-    model: {
-      value: _vm.tooltipVisible,
-      callback: function callback($$v) {
-        _vm.tooltipVisible = $$v;
+      type: "nodata"
+    })) : createCommentVNode("v-if", true), createElementVNode(
+      "div",
+      {
+        "data-tag": "tiny-table",
+        class: normalizeClass([_ctx.tableClass, _ctx.cardClass]),
+        ref: "table"
       },
-      expression: "tooltipVisible"
-    }
-  })], 1);
-};
-var staticRenderFns = [];
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render15, staticRenderFns, false, __vue2_injectStyles);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+      [_ctx.listView ? (openBlock(), createBlock(_component_list_view, {
+        key: 0
+      })) : _ctx.ganttView ? (openBlock(), createBlock(_component_gantt_view, {
+        key: 1
+      })) : _ctx.customView ? (openBlock(), createBlock(_component_custom_view, {
+        key: 2
+      })) : (openBlock(true), createElementBlock(
+        Fragment,
+        {
+          key: 3
+        },
+        renderList(_ctx.tableData, function(row2, i) {
+          return openBlock(), createBlock(_component_table_row, {
+            key: "" + _ctx.rowKey + i,
+            datas: _ctx.cfg(row2),
+            "current-row-id": _ctx.currentRowId,
+            onCardClick: _ctx.handleCardClick
+          }, null, 8, ["datas", "current-row-id", "onCardClick"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))],
+      2
+      /* CLASS */
+    ), createVNode(_component_tooltip, {
+      ref: "tooltip",
+      modelValue: _ctx.tooltipVisible,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
+        return _ctx.tooltipVisible = $event;
+      }),
+      content: _ctx.tooltipContent,
+      manual: ""
+    }, null, 8, ["modelValue", "content"])],
+    38
+    /* CLASS, STYLE, NEED_HYDRATION */
+  );
 }
-var MfTable = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var MfTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 var initDrag = function initDrag2(dndProxyElement, dndElements, config2) {
   if (config2 === void 0) {
     config2 = {};
@@ -12119,20 +11954,20 @@ var Table = defineComponent({
     });
   },
   mounted: function mounted5() {
-    var _this58 = this;
+    var _this57 = this;
     if (this.$refs.tableWrapper) {
       document.body.appendChild(this.$refs.tableWrapper);
     }
     this.$nextTick().then(function() {
-      _this58.afterMounted = true;
-      if (_this58.autoResize && Grid$1._resize) {
-        _this58.bindResize();
+      _this57.afterMounted = true;
+      if (_this57.autoResize && Grid$1._resize) {
+        _this57.bindResize();
       }
     });
     setTimeout(function() {
-      var tableFooter = _this58.$refs.tableFooter;
-      _this58.showFooterBorder = !!tableFooter;
-      _this58.footerBorderBottom = tableFooter ? tableFooter.$el.getBoundingClientRect().height : 0;
+      var tableFooter = _this57.$refs.tableFooter;
+      _this57.showFooterBorder = !!tableFooter;
+      _this57.footerBorderBottom = tableFooter ? tableFooter.$el.getBoundingClientRect().height : 0;
     });
   },
   activated: function activated() {
@@ -12219,7 +12054,7 @@ var Table = defineComponent({
       tableColumn: tableColumn3
     };
   },
-  render: function render17() {
+  render: function render15() {
     this.border; var collectColumn2 = this.collectColumn, columnStore = this.columnStore; this.editConfig; this.highlightCell; this.highlightHoverColumn; var instanceSlots = this.instanceSlots;
     this.highlightHoverRow; var isGroup2 = this.isGroup, loading = this.loading, loadingComponent = this.loadingComponent; this.mouseConfig; var optimizeOpts2 = this.optimizeOpts;
     var overflowX = this.overflowX; this.overflowY; var showFooter = this.showFooter, showHeader = this.showHeader; this.showHeaderOverflow; this.showOverflow; this.dropConfig; this.isThemeSaas;
@@ -12503,7 +12338,7 @@ var Column = defineComponent({
     });
     return state;
   },
-  render: function render18() {
+  render: function render16() {
     var $table = this.$table, firstRow = this.firstRow, columnConfig = this.columnConfig, instanceSlots = this.instanceSlots;
     var slotVnode;
     try {
@@ -12635,10 +12470,10 @@ var Grid = defineComponent({
       return this.proxyOpts.message !== false;
     },
     tableProps: function tableProps() {
-      var _this59 = this;
+      var _this58 = this;
       var rest = {};
       propKeys.forEach(function(key) {
-        return rest[key] = _this59[key];
+        return rest[key] = _this58[key];
       });
       return rest;
     },
@@ -12679,16 +12514,16 @@ var Grid = defineComponent({
       this.toolbar && this.$refs.toolbar && this.$refs.toolbar.loadStorage();
     },
     columnAnchorParams: function columnAnchorParams() {
-      var _this60 = this;
+      var _this59 = this;
       setTimeout(function() {
-        return _this60.emitter.emit("active-anchor");
+        return _this59.emitter.emit("active-anchor");
       }, this.columnAnchorParams.activeAnchor.delay);
     },
     viewType: function viewType(value) {
-      var _this61 = this;
+      var _this60 = this;
       if (value === V_MF && this.fullScreenClass) {
         this.$nextTick(function() {
-          return _this61.recalculate(true);
+          return _this60.recalculate(true);
         });
       }
     }
@@ -12778,8 +12613,8 @@ var Grid = defineComponent({
       api: ["designConfig", "tableListeners", "tinyTheme", "tinyMode", "currentBreakpoint"]
     });
   },
-  render: function render19() {
-    var _this62 = this;
+  render: function render17() {
+    var _this61 = this;
     var editConfig = this.editConfig, fetchOption = this.fetchOption, listeners = this.listeners, loading = this.loading, optimization = this.optimization, pager = this.pager, pagerConfig = this.pagerConfig, remoteFilter = this.remoteFilter, remoteSort = this.remoteSort, selectToolbar = this.selectToolbar;
     var seqIndex2 = this.seqIndex, $slots = this.slots, tableCustoms2 = this.tableCustoms, tableData = this.tableData, tableListeners = this.tableListeners, tableLoading = this.tableLoading, tableProps2 = this.tableProps, toolbar = this.toolbar, vSize4 = this.vSize, designConfig = this.designConfig, viewType2 = this.viewType;
     var columnAnchor = this.columnAnchor, columnAnchorParams2 = this.columnAnchorParams, fullScreenClass = this.fullScreenClass;
@@ -12807,7 +12642,7 @@ var Grid = defineComponent({
     }
     toolbar && !(toolbar.setting && toolbar.setting.storage) && (props.customs = tableCustoms2);
     toolbar && (tableOns["update:customs"] = function(value) {
-      return _this62.tableCustoms = value;
+      return _this61.tableCustoms = value;
     });
     tableOns["column-init-ready"] = this.handleColumnInitReady;
     if (editConfig) {
@@ -12849,12 +12684,12 @@ var Grid = defineComponent({
   methods: {
     // 配置高度减去（表格锚点+工具栏+分页）计算得出表格高度
     updateParentHeight: function updateParentHeight2() {
-      var _this63 = this;
+      var _this62 = this;
       if (!this.tasks.updateParentHeight) {
         this.tasks.updateParentHeight = debounce(10, function() {
-          var $el = _this63.$el, $refs = _this63.$refs;
+          var $el = _this62.$el, $refs = _this62.$refs;
           var tinyTable = $refs.tinyTable, tinyGridColumnAnchor = $refs.tinyGridColumnAnchor;
-          var toolbarVm = _this63.getVm("toolbar");
+          var toolbarVm = _this62.getVm("toolbar");
           if (tinyTable) {
             var columnAnchorHeight = 0;
             if (tinyGridColumnAnchor) {
@@ -12927,7 +12762,7 @@ var Grid = defineComponent({
     },
     // 监听某个元素是否出现在视口中
     addIntersectionObserver: function addIntersectionObserver() {
-      var _this64 = this;
+      var _this63 = this;
       if (this.intersectionOption && this.intersectionOption.disabled || typeof IntersectionObserver === "undefined") return;
       this.intersectionObserver = new IntersectionObserver(function(entries) {
         var entry = entries[0];
@@ -12939,7 +12774,7 @@ var Grid = defineComponent({
             entry = intersectingEntry;
           }
         }
-        _this64.handleVisibilityChange(entry.isIntersecting, entry);
+        _this63.handleVisibilityChange(entry.isIntersecting, entry);
       }, this.intersectionOption);
       this.intersectionObserver.observe(this.$el);
     },
@@ -12992,38 +12827,38 @@ function operArrs(_ref207) {
   Array.prototype.push.apply(_vm.temporaryRows, newRecordsCopy);
 }
 var _setActiveCell = function _setActiveCell2(row2, field) {
-  var _this65 = this;
+  var _this64 = this;
   var next1 = function next12() {
     if (!row2 || !field) {
-      return _this65.$nextTick();
+      return _this64.$nextTick();
     }
-    var column = find(_this65.visibleColumn, function(column2) {
+    var column = find(_this64.visibleColumn, function(column2) {
       return column2.property === field;
     });
     if (!column || !column.editor) {
-      return _this65.$nextTick();
+      return _this64.$nextTick();
     }
     var next2 = function next22(cell) {
       if (!cell) {
         return;
       }
-      var rowIndex = _this65.getRowIndex(row2);
-      var columnIndex = _this65.getColumnIndex(column);
-      _this65.handleActived({
+      var rowIndex = _this64.getRowIndex(row2);
+      var columnIndex = _this64.getColumnIndex(column);
+      _this64.handleActived({
         row: row2,
         rowIndex,
         column,
         columnIndex,
         cell,
-        $table: _this65
+        $table: _this64
       });
-      _this65.lastCallTime = Date.now();
+      _this64.lastCallTime = Date.now();
     };
-    getCell(_this65, {
+    getCell(_this64, {
       row: row2,
       column
     }).then(next2);
-    return _this65.$nextTick();
+    return _this64.$nextTick();
   };
   return this.scrollToRow(row2, true).then(next1);
 };
@@ -13033,7 +12868,7 @@ var Methods$c = {
   },
   // 根据位置从指定行添加数据
   _insertAt: function _insertAt(records, row2) {
-    var _this66 = this;
+    var _this65 = 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"));
@@ -13051,7 +12886,7 @@ var Methods$c = {
     }
     var nowData = afterFullData;
     var newRecords = records.map(function(record) {
-      return hooks.reactive(_this66.defineField(_extends({}, record)));
+      return hooks.reactive(_this65.defineField(_extends({}, record)));
     });
     var newRecordsCopy = clone(newRecords, true);
     operArrs({
@@ -13076,7 +12911,7 @@ var Methods$c = {
       rows: newRecords
     };
     return this.$nextTick().then(function() {
-      _this66.recalculate();
+      _this65.recalculate();
       return res;
     });
   },
@@ -13086,7 +12921,7 @@ var Methods$c = {
    * 如果传 rows 则删除多行
    */
   _remove: function _remove(rows) {
-    var _this67 = this;
+    var _this66 = 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;
@@ -13130,9 +12965,9 @@ var Methods$c = {
     }
     remove(tableSourceData, function(row3) {
       return find(insertList, function(r) {
-        return getRowid(_this67, r) === getRowid(_this67, row3);
+        return getRowid(_this66, r) === getRowid(_this66, row3);
       }) && find(rows, function(r) {
-        return getRowid(_this67, r) === getRowid(_this67, row3);
+        return getRowid(_this66, r) === getRowid(_this66, row3);
       });
     });
     remove(insertList, function(row3) {
@@ -13150,7 +12985,7 @@ var Methods$c = {
       rows: rest
     };
     return this.$nextTick().then(function() {
-      _this67.recalculate();
+      _this66.recalculate();
       return res;
     });
   },
@@ -13158,10 +12993,10 @@ var Methods$c = {
    * 删除选中数据
    */
   _removeSelecteds: function _removeSelecteds() {
-    var _this68 = this;
+    var _this67 = this;
     var selectRecords = this.getSelectRecords(true);
     var callback = function callback2(params) {
-      _this68.clearSelection();
+      _this67.clearSelection();
       return params;
     };
     return this.remove(selectRecords).then(callback);
@@ -13178,7 +13013,7 @@ var Methods$c = {
    * 如果还额外传了field则还原指定单元格。
    */
   _revertData: function _revertData(rows, field) {
-    var _this69 = this;
+    var _this68 = this;
     var tableSourceData = this.tableSourceData, tableSynchData = this.tableSynchData;
     if (arguments.length && rows && !isArray(rows)) {
       rows = [rows];
@@ -13189,7 +13024,7 @@ var Methods$c = {
     var _loop2 = function _loop22() {
       var row2 = rows[i];
       var oRow = find(tableSourceData, function(item) {
-        return getRowid(_this69, row2) === getRowid(_this69, item);
+        return getRowid(_this68, row2) === getRowid(_this68, item);
       });
       if (oRow && row2) {
         if (field) {
@@ -13234,10 +13069,10 @@ var Methods$c = {
    * 只精准匹配row的更改。如果是树表格，子节点更改状态不会影响父节点的更新状态
    */
   _getUpdateRecords: function _getUpdateRecords() {
-    var _this70 = this;
+    var _this69 = this;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     var handler6 = function handler7(row2) {
-      return !_this70.isTemporaryRow(row2) && _this70.hasRowChange(row2);
+      return !_this69.isTemporaryRow(row2) && _this69.hasRowChange(row2);
     };
     var updateRecords = treeConfig ? filterTree(tableFullData, handler6, treeConfig) : tableFullData.filter(handler6);
     return updateRecords;
@@ -13246,13 +13081,13 @@ var Methods$c = {
    * 处理激活编辑
    */
   handleActived: function handleActived(params, event) {
-    var _this71 = this;
+    var _this70 = this;
     return _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee() {
       var editConfig, editStore, tableColumn3, cell, column, row2, editor, actived, isActiveCell, type, canActive, args;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            editConfig = _this71.editConfig, editStore = _this71.editStore, tableColumn3 = _this71.tableColumn;
+            editConfig = _this70.editConfig, editStore = _this70.editStore, tableColumn3 = _this70.tableColumn;
             cell = params.cell, column = params.column, row2 = params.row;
             editor = column.editor;
             actived = editStore.actived;
@@ -13275,7 +13110,7 @@ var Methods$c = {
           case 9:
             canActive = _context.sent;
             args = {
-              _vm: _this71,
+              _vm: _this70,
               actived,
               canActive,
               cell,
@@ -13291,14 +13126,14 @@ var Methods$c = {
             });
             type = handleActivedDoActive(args);
             handleActivedClearActive({
-              _vm: _this71,
+              _vm: _this70,
               canActive,
               event
             });
-            emitEvent(_this71, type, [params, event]);
+            emitEvent(_this70, type, [params, event]);
           case 15:
             handleActivedTryActive({
-              _vm: _this71,
+              _vm: _this70,
               actived,
               cell,
               column,
@@ -13308,7 +13143,7 @@ var Methods$c = {
               params,
               row: row2
             });
-            return _context.abrupt("return", _this71.$nextTick());
+            return _context.abrupt("return", _this70.$nextTick());
           case 17:
           case "end":
             return _context.stop();
@@ -13342,14 +13177,14 @@ var Methods$c = {
    * 清除已激活的编辑
    */
   _clearActived: function _clearActived(event) {
-    var _this72 = this;
+    var _this71 = this;
     var _this$editConfig2 = this.editConfig, editConfig = _this$editConfig2 === void 0 ? {} : _this$editConfig2, editStore = this.editStore, tableColumn3 = 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") {
       tableColumn3.forEach(function(column22) {
-        return _this72._setColumnModel(row2, column22);
+        return _this71._setColumnModel(row2, column22);
       });
     }
     if (isActived && editConfig.mode !== "row") {
@@ -13428,7 +13263,7 @@ var Methods$c = {
    * 只对trigger为dblclick有效，选中单元格
    */
   _setSelectCell: function _setSelectCell(row2, field) {
-    var _this73 = this;
+    var _this72 = this;
     var editConfig = this.editConfig, tableData = this.tableData, visibleColumn = this.visibleColumn;
     if (!row2 || !field || editConfig.trigger === "manual") {
       return this.$nextTick();
@@ -13449,7 +13284,7 @@ var Methods$c = {
         columnIndex,
         cell
       };
-      _this73.handleSelected(params, {});
+      _this72.handleSelected(params, {});
     };
     getCell(this, {
       row: row2,
@@ -13477,36 +13312,36 @@ var Methods$c = {
    * 处理选中源
    */
   handleSelected: function handleSelected(params, event) {
-    var _this74 = this;
+    var _this73 = this;
     var editConfig = this.editConfig, editStore = this.editStore, elemStore = this.elemStore, _this$mouseConfig4 = this.mouseConfig, mouseConfig = _this$mouseConfig4 === void 0 ? {} : _this$mouseConfig4;
     var actived = editStore.actived, selected = editStore.selected;
     var _ref209 = params || {}, cell = _ref209.cell, column = _ref209.column, row2 = _ref209.row;
     var selectMethod = function selectMethod2() {
       if (selected.row === row2 && selected.column === column || actived.row === row2 && (editConfig.mode !== "cell" || actived.column === column)) {
-        return _this74.$nextTick();
+        return _this73.$nextTick();
       }
-      if (_this74.keyboardConfig || _this74.mouseConfig) {
-        _this74.clearChecked(event);
-        _this74.clearIndexChecked();
-        _this74.clearHeaderChecked();
-        _this74.clearSelected(event);
+      if (_this73.keyboardConfig || _this73.mouseConfig) {
+        _this73.clearChecked(event);
+        _this73.clearIndexChecked();
+        _this73.clearHeaderChecked();
+        _this73.clearSelected(event);
       }
-      _this74.clearActived(event);
+      _this73.clearActived(event);
       selected.args = params;
       selected.row = row2;
       selected.column = column;
-      _this74.updateSelectedCls();
+      _this73.updateSelectedCls();
       if (!mouseConfig.checked) {
-        return _this74.$nextTick();
+        return _this73.$nextTick();
       }
       var headerElem = elemStore["main-header-list"];
-      _this74.handleChecked([[cell]]);
+      _this73.handleChecked([[cell]]);
       if (!headerElem) {
-        return _this74.$nextTick();
+        return _this73.$nextTick();
       }
-      _this74.handleHeaderChecked([[headerElem.querySelector("." + (column && column.id))]]);
-      _this74.handleIndexChecked([[cell && cell.parentNode && cell.parentNode.querySelector(".col__index")]]);
-      return _this74.$nextTick();
+      _this73.handleHeaderChecked([[headerElem.querySelector("." + (column && column.id))]]);
+      _this73.handleIndexChecked([[cell && cell.parentNode && cell.parentNode.querySelector(".col__index")]]);
+      return _this73.$nextTick();
     };
     selectMethod = debounce(20, selectMethod);
     return selectMethod();
@@ -13928,7 +13763,7 @@ var Methods$b = {
   },
   // 当前行方向键移动处理
   moveCurrentRow: function moveCurrentRow(isUpArrow, isDwArrow, event) {
-    var _this75 = this;
+    var _this74 = this;
     var afterFullData = this.afterFullData, currentRow = this.currentRow, treeConfig = this.treeConfig;
     var targetRow;
     event.preventDefault();
@@ -13951,8 +13786,8 @@ var Methods$b = {
     }
     if (targetRow) {
       this.scrollToRow(targetRow).then(function() {
-        return _this75.triggerCurrentRowEvent(event, {
-          $table: _this75,
+        return _this74.triggerCurrentRowEvent(event, {
+          $table: _this74,
           row: targetRow
         });
       });
@@ -13960,7 +13795,7 @@ var Methods$b = {
   },
   // 可编辑方向键移动处理
   moveSelected: function moveSelected(_ref218) {
-    var _this76 = this;
+    var _this75 = this;
     var args = _ref218.args, isLeftArrow = _ref218.isLeftArrow, isUpArrow = _ref218.isUpArrow, isRightArrow = _ref218.isRightArrow, isDownArrow = _ref218.isDownArrow, event = _ref218.event;
     var hasIndexColumn2 = this.hasIndexColumn, visibleColumn = this.tableColumn, tableData = this.tableFullData;
     var params = _extends({}, args);
@@ -13990,8 +13825,8 @@ var Methods$b = {
     }
     getCell(this, params).then(function(resCell) {
       params.cell = resCell;
-      _this76.handleSelected(params, event);
-      _this76.scrollToRow(params.row, params.column, false, {
+      _this75.handleSelected(params, event);
+      _this75.scrollToRow(params.row, params.column, false, {
         isLeftArrow,
         isRightArrow,
         from: column
@@ -14000,7 +13835,7 @@ var Methods$b = {
   },
   // 表头按下事件
   triggerHeaderCellMousedownEvent: function triggerHeaderCellMousedownEvent(event, params) {
-    var _this77 = this;
+    var _this76 = this;
     var $el = this.$el, elemStore = this.elemStore, _this$mouseConfig5 = this.mouseConfig, mouseConfig = _this$mouseConfig5 === void 0 ? {} : _this$mouseConfig5, tableData = this.tableData;
     var headerList = elemStore["main-header-list"].children;
     var bodyList = elemStore["main-body-list"].children;
@@ -14044,10 +13879,10 @@ var Methods$b = {
     params.row = tableData[0];
     getCell(this, params).then(function(cellRes) {
       params.cell = cellRes;
-      _this77.handleSelected(params, event);
+      _this76.handleSelected(params, event);
       var rowNodes = getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(lastTr.querySelector(".col__index")));
-      _this77.handleIndexChecked(rowNodes);
-      _this77.handleChecked(getRowNodes(bodyList, getCellNodeIndex(startCell), getCellNodeIndex(lastCell)));
+      _this76.handleIndexChecked(rowNodes);
+      _this76.handleChecked(getRowNodes(bodyList, getCellNodeIndex(startCell), getCellNodeIndex(lastCell)));
     });
     this.closeMenu();
   },
@@ -14177,7 +14012,7 @@ var Methods$b = {
     return this.$nextTick();
   },
   _getMouseCheckeds: function _getMouseCheckeds() {
-    var _this78 = this;
+    var _this77 = this;
     var _this$editStore$check = this.editStore.checked.rowNodes, rowNodes = _this$editStore$check === void 0 ? [] : _this$editStore$check;
     var _ref219 = {}, _ref219$rows = _ref219.rows, rows = _ref219$rows === void 0 ? [] : _ref219$rows, _ref219$columns = _ref219.columns, columns2 = _ref219$columns === void 0 ? [] : _ref219$columns;
     var res = {
@@ -14187,10 +14022,10 @@ var Methods$b = {
     };
     if (rowNodes && rowNodes.length) {
       res.rows = rowNodes.map(function(arr) {
-        return _this78.getRowNode(arr[0].parentNode).item;
+        return _this77.getRowNode(arr[0].parentNode).item;
       });
       res.columns = rowNodes[0].map(function(col) {
-        return _this78.getColumnNode(col).item;
+        return _this77.getColumnNode(col).item;
       });
     }
     return res;
@@ -14243,7 +14078,7 @@ var Methods$b = {
     this.editStore.checked.rowNodes = rowNodes;
   },
   handleAllChecked: function handleAllChecked(event) {
-    var _this79 = this;
+    var _this78 = this;
     var elemStore = this.elemStore, _this$mouseConfig7 = this.mouseConfig, mouseConfig = _this$mouseConfig7 === void 0 ? {} : _this$mouseConfig7, tableData = this.tableData, visibleColumn = this.visibleColumn;
     if (!mouseConfig.checked) {
       return;
@@ -14271,10 +14106,10 @@ var Methods$b = {
     params.columnIndex = this.getColumnIndex(params.column);
     getCell(this, params).then(function(resCell) {
       params.cell = resCell;
-      _this79.handleSelected(params, event);
-      _this79.handleHeaderChecked(getRowNodes(headerList, getCellNodeIndex(cell.nextElementSibling), getCellNodeIndex(cell.parentNode.lastElementChild)));
-      _this79.handleIndexChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(lastTrElem.querySelector(selectorColumnId))));
-      _this79.handleChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell.nextElementSibling), getCellNodeIndex(lastTrElem.lastElementChild)));
+      _this78.handleSelected(params, event);
+      _this78.handleHeaderChecked(getRowNodes(headerList, getCellNodeIndex(cell.nextElementSibling), getCellNodeIndex(cell.parentNode.lastElementChild)));
+      _this78.handleIndexChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(lastTrElem.querySelector(selectorColumnId))));
+      _this78.handleChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell.nextElementSibling), getCellNodeIndex(lastTrElem.lastElementChild)));
     });
   },
   handleIndexChecked: function handleIndexChecked(rowNodes) {
@@ -14614,17 +14449,17 @@ var Methods$a = {
   },
   // 聚焦到校验通过的单元格并弹出校验错误提示
   handleValidError: function handleValidError(params) {
-    var _this80 = this;
+    var _this79 = this;
     var event = {
       type: "valid-error",
       trigger: "call"
     };
     this.handleActived(params, event).then(function() {
-      return _this80.showValidTooltip(params);
+      return _this79.showValidTooltip(params);
     });
   },
   validatePromise: function validatePromise(row2, column, columnIndex, isAll, validRest) {
-    var _this81 = this;
+    var _this80 = this;
     function onrejected(_ref228) {
       var _vm = _ref228._vm, reject = _ref228.reject, resolve = _ref228.resolve;
       return function(_ref229) {
@@ -14647,8 +14482,8 @@ var Methods$a = {
       };
     }
     return new Promise(function(resolve, reject) {
-      _this81.validCellRules("all", row2, column).then(resolve).catch(onrejected({
-        _vm: _this81,
+      _this80.validCellRules("all", row2, column).then(resolve).catch(onrejected({
+        _vm: _this80,
         reject,
         resolve
       }));
@@ -14733,7 +14568,7 @@ var Methods$a = {
    *  @param { any }  defaultValue 需要校验的默认值
    */
   validCellRules: function validCellRules(type, row2, column, defaultValue) {
-    var _this82 = this;
+    var _this81 = this;
     var editRules = this.editRules, rowId = this.rowId;
     var property = column.property;
     var _ref232 = {}, _ref232$descriptor = _ref232.descriptor, descriptor = _ref232$descriptor === void 0 ? {} : _ref232$descriptor, _ref232$model = _ref232.model, model = _ref232$model === void 0 ? {} : _ref232$model;
@@ -14778,11 +14613,11 @@ var Methods$a = {
       validator.validate(model, validArgs).then(resolve).catch(onRejected3);
     };
     var onFulfilled = function onFulfilled2() {
-      _this82.validatedMap[column.id + "-" + row2[rowId]] = false;
+      _this81.validatedMap[column.id + "-" + row2[rowId]] = false;
       return Promise.resolve();
     };
     var onRejected22 = function onRejected23(errors) {
-      _this82.validatedMap[column.id + "-" + row2[rowId]] = true;
+      _this81.validatedMap[column.id + "-" + row2[rowId]] = true;
       return Promise.reject(errors);
     };
     return new Promise(executor).then(onFulfilled).catch(onRejected22);
@@ -14801,7 +14636,7 @@ var Methods$a = {
   },
   // 触发校验
   triggerValidate: function triggerValidate(type) {
-    var _this83 = this;
+    var _this82 = this;
     var editConfig = this.editConfig, editRules = this.editRules, editStore = this.editStore, validStore = this.validStore;
     var actived = editStore.actived;
     if (!actived.row || !editRules) {
@@ -14812,7 +14647,7 @@ var Methods$a = {
       return Promise.resolve();
     }
     var onfulfilled = function onfulfilled2() {
-      editConfig.mode === "row" && validStore.visible && validStore.row === row2 && validStore.column === column && _this83.clearValidate();
+      editConfig.mode === "row" && validStore.visible && validStore.row === row2 && validStore.column === column && _this82.clearValidate();
     };
     var onrejected = function onrejected2(_ref234) {
       var rule = _ref234.rule;
@@ -14825,14 +14660,14 @@ var Methods$a = {
         row: row2,
         rule
       };
-      _this83.showValidTooltip(rest);
+      _this82.showValidTooltip(rest);
       return Promise.reject(rest);
     };
     return this.validCellRules(type, row2, column).then(onfulfilled).catch(onrejected);
   },
   // 弹出校验错误提示
   showValidTooltip: function showValidTooltip(params) {
-    var _this84 = this;
+    var _this83 = 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;
@@ -14840,7 +14675,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(_this84.validStore, {
+      Object.assign(_this83.validStore, {
         row: row2,
         column,
         rule,
@@ -14848,19 +14683,19 @@ var Methods$a = {
         visible: true
       });
       if (validTip && showMsg) {
-        _this84.clostValidTooltip();
-        _this84.validTipContent = content;
+        _this83.clostValidTooltip();
+        _this83.validTipContent = content;
         validTip.state.referenceElm = cell;
         validTip.$refs.popper && (validTip.$refs.popper.style.display = "none");
         validTip.doDestroy();
         validTip.setExpectedState(true);
-        _this84.activateTooltipValid(validTip);
+        _this83.activateTooltipValid(validTip);
       } else if (isMessageInline) {
-        _this84.$nextTick(function() {
-          return _this84.recalculate();
+        _this83.$nextTick(function() {
+          return _this83.recalculate();
         });
       }
-      emitEvent(_this84, "valid-error", [params]);
+      emitEvent(_this83, "valid-error", [params]);
     });
   },
   // 关闭 validTip
@@ -14881,11 +14716,11 @@ var Validator = {
 };
 var Methods$9 = {
   bindResize: function bindResize() {
-    var _this85 = this;
+    var _this84 = this;
     var resizeObserver = new Resize$1(function() {
-      _this85.updateParentHeight();
-      _this85.updateTableBodyHeight();
-      _this85.recalculate();
+      _this84.updateParentHeight();
+      _this84.updateTableBodyHeight();
+      _this84.recalculate();
     }, GlobalConfig$1.resizeInterval);
     var parentElem = this.getParentElem();
     parentElem && resizeObserver.observe(parentElem);
@@ -14930,7 +14765,7 @@ var Methods$8 = {
     }
   },
   handleFetch: function handleFetch(code, sortArg) {
-    var _this86 = this;
+    var _this85 = this;
     var pager = this.pager, sortData = this.sortData, filterData = this.filterData, pagerConfig = this.pagerConfig, fetchOption = this.fetchOption, fetchData = this.fetchData, dataset = this.dataset;
     if (this.isInitialLoading) {
       this.isInitialLoading = false;
@@ -14989,7 +14824,7 @@ var Methods$8 = {
       }, params);
     }
     return search.then(this.loadFetchData).catch(function(error2) {
-      _this86.tableLoading = false;
+      _this85.tableLoading = false;
       throw error2;
     });
   },
@@ -15094,19 +14929,19 @@ var Methods$7 = {
     return res;
   },
   pageChangeEvent: function pageChangeEvent(params) {
-    var _this87 = this;
+    var _this86 = this;
     this.tablePageLoading = true;
     if (!this.tasks.updatePage) {
       this.tasks.updatePage = debounce(200, function() {
         var eventParams = _extends({
-          $grid: _this87
+          $grid: _this86
         }, params);
-        var toolbarVm = _this87.getVm("toolbar");
-        emitEvent(_this87, "page-change", eventParams);
-        _this87.emitter.emit("page-change", eventParams);
-        _this87.handleFetch("query").then(function() {
-          _this87.realTimeTablePage = _extends({}, _this87.tablePage);
-          _this87.tablePageLoading = false;
+        var toolbarVm = _this86.getVm("toolbar");
+        emitEvent(_this86, "page-change", eventParams);
+        _this86.emitter.emit("page-change", eventParams);
+        _this86.handleFetch("query").then(function() {
+          _this86.realTimeTablePage = _extends({}, _this86.tablePage);
+          _this86.tablePageLoading = false;
         });
         if (toolbarVm) {
           toolbarVm.orderSetting();
@@ -15128,7 +14963,7 @@ var Methods$7 = {
     }
   },
   beforePageChangeHandler: function beforePageChangeHandler(params) {
-    var _this88 = this;
+    var _this87 = this;
     if (!this.showSaveMsg) {
       var eventParams = extend(false, {
         $grid: this
@@ -15143,8 +14978,8 @@ var Methods$7 = {
       var next = function next2(res) {
         if (res === "confirm") {
           rollback && rollback();
-          emitEvent(_this88, "cancel-page-change", _this88);
-          _this88.emitter.emit("cancel-page-change", _this88);
+          emitEvent(_this87, "cancel-page-change", _this87);
+          _this87.emitter.emit("cancel-page-change", _this87);
         } else {
           callback && callback();
         }
@@ -15242,7 +15077,7 @@ var Methods$6 = {
     }();
   },
   handleSave: function handleSave(code, args) {
-    var _this89 = this;
+    var _this88 = this;
     var saveData = this.saveData, isMsg2 = this.isMsg;
     if (!saveData) {
       error("ui.grid.error.notSave");
@@ -15260,7 +15095,7 @@ var Methods$6 = {
           return;
         }
         var canInvoke = invokeSaveDataApi({
-          _vm: _this89,
+          _vm: _this88,
           args,
           body,
           code,
@@ -15271,7 +15106,7 @@ var Methods$6 = {
           valid
         });
         doRemoveOrShowMsg({
-          _vm: _this89,
+          _vm: _this88,
           canInvoke,
           code,
           isMsg: isMsg2,
@@ -15287,11 +15122,11 @@ var Methods$6 = {
       pendingRecords
     });
     return new Promise(function(resolve) {
-      _this89.validate(validRows, getCallback(resolve));
+      _this88.validate(validRows, getCallback(resolve));
     });
   },
   handleDelete: function handleDelete(code, args) {
-    var _this90 = this;
+    var _this89 = this;
     var deleteData = this.deleteData, isMsg2 = this.isMsg;
     if (!deleteData) {
       error("ui.grid.error.notDelete");
@@ -15299,7 +15134,7 @@ var Methods$6 = {
     }
     var selecteds = this.getSelectRecords(true);
     var afterRemove = function afterRemove2() {
-      var removeds = _this90.getRemoveRecords();
+      var removeds = _this89.getRemoveRecords();
       if (!removeds.length && isMsg2 && !selecteds.length) {
         Modal$1.message({
           id: code,
@@ -15309,34 +15144,34 @@ var Methods$6 = {
       }
       if (removeds.length) {
         var apiArgs = [{
-          $grid: _this90,
+          $grid: _this89,
           changeRecords: {
             removeRecords: removeds
           }
         }].concat(args);
         var stopLoading = function stopLoading2() {
-          _this90.tableLoading = false;
+          _this89.tableLoading = false;
         };
-        _this90.tableLoading = true;
-        return deleteData.api.apply(_this90, apiArgs).then(stopLoading).catch(stopLoading).then(function() {
-          return _this90.commitProxy("reload");
+        _this89.tableLoading = true;
+        return deleteData.api.apply(_this89, apiArgs).then(stopLoading).catch(stopLoading).then(function() {
+          return _this89.commitProxy("reload");
         });
       }
     };
     this.remove(selecteds).then(afterRemove);
   },
   handleFullScreen: function handleFullScreen(_ref242) {
-    var _this91 = this;
+    var _this90 = this;
     var show2 = _ref242[0];
     this.fullScreenClass = show2 ? "tiny-fullscreen-full" : "";
     this.$nextTick(function() {
-      _this91.recalculate(true);
-      emitEvent(_this91, "fullscreen", show2);
-      _this91.emitter.emit("fullscreen", show2);
+      _this90.recalculate(true);
+      emitEvent(_this90, "fullscreen", show2);
+      _this90.emitter.emit("fullscreen", show2);
     });
   },
   commitProxy: function commitProxy(code) {
-    var _this92 = this;
+    var _this91 = this;
     for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       args[_key2 - 1] = arguments[_key2];
     }
@@ -15346,17 +15181,17 @@ var Methods$6 = {
     } else if (code === "insert_actived") {
       this.insert().then(function(_ref243) {
         var row2 = _ref243.row;
-        return _this92.setActiveRow(row2);
+        return _this91.setActiveRow(row2);
       });
     } else if (code === "mark_cancel") {
       this.triggerPendingEvent(code);
     } else if (code === "delete_selection") {
       this.handleDeleteRow(code, "ui.grid.deleteSelectRecord", function() {
-        return _this92.commitProxy(["delete"].concat(args));
+        return _this91.commitProxy(["delete"].concat(args));
       });
     } else if (code === "remove_selection") {
       this.handleDeleteRow(code, "ui.grid.removeSelectRecord", function() {
-        return _this92.removeSelecteds();
+        return _this91.removeSelecteds();
       });
     } else if (code === "export") {
       this.exportCsv();
@@ -15464,9 +15299,9 @@ var Methods$5 = {
       key: _vm.columnAnchorKey,
       ref: "tinyGridColumnAnchor"
     }, anchors.map(function(anchor) {
-      var _anchor$active = anchor.active, active = _anchor$active === void 0 ? false : _anchor$active, _anchor$label = anchor.label, label = _anchor$label === void 0 ? "" : _anchor$label, _anchor$field = anchor.field, field = _anchor$field === void 0 ? "" : _anchor$field, render20 = anchor.render;
-      if (typeof render20 === "function") {
-        return render20({
+      var _anchor$active = anchor.active, active = _anchor$active === void 0 ? false : _anchor$active, _anchor$label = anchor.label, label = _anchor$label === void 0 ? "" : _anchor$label, _anchor$field = anchor.field, field = _anchor$field === void 0 ? "" : _anchor$field, render18 = anchor.render;
+      if (typeof render18 === "function") {
+        return render18({
           h,
           anchor,
           action
@@ -15526,7 +15361,7 @@ var Methods$5 = {
     }
   },
   buildColumnAnchorParams: function buildColumnAnchorParams() {
-    var _this93 = this;
+    var _this92 = this;
     var columnAnchor = this.columnAnchor;
     var anchors = [];
     var activeAnchor = {
@@ -15536,19 +15371,19 @@ var Methods$5 = {
     if (Array.isArray(columnAnchor) && columnAnchor.length) {
       columnAnchor.forEach(function(item) {
         if (typeof item === "string") {
-          _this93.buildColumnAnchor({
+          _this92.buildColumnAnchor({
             property: item,
             anchors
           });
         } else if (Array.isArray(item)) {
-          if (item.length > 1) _this93.buildColumnAnchor({
+          if (item.length > 1) _this92.buildColumnAnchor({
             property: item[0],
             label: item[1],
             anchors
           });
         } else if (item && typeof item === "object") {
           var field = item.field, other = _objectWithoutPropertiesLoose(item, _excluded2);
-          _this93.buildColumnAnchor({
+          _this92.buildColumnAnchor({
             property: field,
             label: other,
             anchors,
@@ -15564,19 +15399,19 @@ var Methods$5 = {
       anchors,
       activeAnchor,
       action: function action(field, e) {
-        return _this93.anchorAction({
+        return _this92.anchorAction({
           field,
           anchors,
-          _vm: _this93,
+          _vm: _this92,
           e
         });
       }
     };
     this.emitter.once("active-anchor", function() {
-      return _this93.anchorAction({
+      return _this92.anchorAction({
         field: activeAnchor.field,
         anchors,
-        _vm: _this93
+        _vm: _this92
       });
     });
   },
@@ -15721,7 +15556,7 @@ var getSortColumns = function getSortColumns2(columns2) {
 var Methods$4 = {
   // 处理列拖拽
   columnDrop: function columnDrop(headerEl) {
-    var _this94 = this;
+    var _this93 = this;
     var _ref250 = this.dropConfig || {}, plugin = _ref250.plugin, onBeforeMove = _ref250.onBeforeMove, filter2 = _ref250.filter;
     var columnDropContainer = headerEl.querySelector(".tiny-grid__header .tiny-grid-header__row");
     var columnDropOptions = {
@@ -15729,7 +15564,7 @@ var Methods$4 = {
       filter: filter2,
       onEnd: function onEnd(event) {
         var item = event.item, newIndex = event.newIndex, oldIndex = event.oldIndex;
-        var _this94$getTableColum = _this94.getTableColumn(), fullColumn = _this94$getTableColum.fullColumn, tableColumn3 = _this94$getTableColum.tableColumn;
+        var _this93$getTableColum = _this93.getTableColumn(), fullColumn = _this93$getTableColum.fullColumn, tableColumn3 = _this93$getTableColum.tableColumn;
         var sortVisibleCols = getSortColumns(tableColumn3);
         var targetThElem = item;
         var wrapperElem = targetThElem.parentNode;
@@ -15750,21 +15585,21 @@ var Methods$4 = {
             status: "error"
           });
         }
-        var oldColumnIndex = _this94.getColumnIndex(sortVisibleCols[oldIndex]);
-        var newColumnIndex = _this94.getColumnIndex(sortVisibleCols[newIndex]);
+        var oldColumnIndex = _this93.getColumnIndex(sortVisibleCols[oldIndex]);
+        var newColumnIndex = _this93.getColumnIndex(sortVisibleCols[newIndex]);
         var currCol = fullColumn.splice(oldColumnIndex, 1)[0];
         fullColumn.splice(newColumnIndex, 0, currCol);
-        _this94.loadColumn(fullColumn);
-        _this94.$emit("column-drop-end", event, _this94);
-        var toolbarVm = _this94.getVm("toolbar");
-        _this94.isDragHeaderSorting && toolbarVm && toolbarVm.updateSetting();
+        _this93.loadColumn(fullColumn);
+        _this93.$emit("column-drop-end", event, _this93);
+        var toolbarVm = _this93.getVm("toolbar");
+        _this93.isDragHeaderSorting && toolbarVm && toolbarVm.updateSetting();
       },
       onStart: function onStart(event) {
-        _this94.$emit("column-drop-start", event, _this94);
+        _this93.$emit("column-drop-start", event, _this93);
       },
       onMove: function onMove(event) {
-        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("column", null, event, _this94) : true;
-        _this94.$emit("column-drop-move", event, _this94);
+        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("column", null, event, _this93) : true;
+        _this93.$emit("column-drop-move", event, _this93);
         return cancel === void 0 || cancel;
       }
     };
@@ -15772,7 +15607,7 @@ var Methods$4 = {
   },
   // 处理行拖拽
   rowDrop: function rowDrop(bodyEl) {
-    var _this95 = this;
+    var _this94 = this;
     var _this$dropConfig2 = this.dropConfig, plugin = _this$dropConfig2.plugin, onBeforeMove = _this$dropConfig2.onBeforeMove, filter2 = _this$dropConfig2.filter, _this$dropConfig2$ref = _this$dropConfig2.refresh, refresh = _this$dropConfig2$ref === void 0 ? true : _this$dropConfig2$ref, rowHandle = _this$dropConfig2.rowHandle, trigger = _this$dropConfig2.trigger;
     var rowDropContainer = bodyEl.querySelector(".tiny-grid__body tbody");
     var handle = trigger || ".tiny-grid-body__row";
@@ -15787,15 +15622,15 @@ var Methods$4 = {
         refresh
       }),
       onStart: function onStart(event) {
-        _this95.$emit("row-drop-start", event, _this95);
+        _this94.$emit("row-drop-start", event, _this94);
       },
       onMove: function onMove(event) {
-        var insertRecords = _this95.getInsertRecords();
+        var insertRecords = _this94.getInsertRecords();
         if (insertRecords.length) return false;
         var dragged = event.dragged;
-        var selfRow = _this95.getRowNode(dragged).item;
-        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("row", selfRow, event, _this95) : true;
-        _this95.$emit("row-drop-move", event, _this95);
+        var selfRow = _this94.getRowNode(dragged).item;
+        var cancel = typeof onBeforeMove === "function" ? onBeforeMove("row", selfRow, event, _this94) : true;
+        _this94.$emit("row-drop-move", event, _this94);
         return cancel === void 0 || cancel;
       }
     };
@@ -16345,13 +16180,13 @@ var Methods$1 = {
     }
   },
   setSelection: function setSelection(rows, value) {
-    var _this96 = this;
+    var _this95 = this;
     if (rows) {
       if (!isArray(rows)) {
         rows = [rows];
       }
       rows.forEach(function(row2) {
-        return _this96.handleSelectRow({
+        return _this95.handleSelectRow({
           row: row2
         }, !!value);
       });
@@ -16634,7 +16469,7 @@ var Checkbox = {
 var Methods = {
   // 展开树节点事件
   triggerTreeExpandEvent: function triggerTreeExpandEvent(event, _ref276) {
-    var _this97 = this;
+    var _this96 = this;
     var row2 = _ref276.row;
     var currentColumn = this.currentColumn, currentRow = this.currentRow;
     var rest = this.toggleTreeExpansion(row2);
@@ -16646,9 +16481,9 @@ var Methods = {
     emitEvent(this, "toggle-tree-change", [eventParams, event]);
     this.$nextTick(function() {
       if (currentRow) {
-        _this97.setCurrentRow(currentRow);
+        _this96.setCurrentRow(currentRow);
       } else if (currentColumn) {
-        _this97.setCurrentColumn(currentColumn);
+        _this96.setCurrentColumn(currentColumn);
       }
     });
     return rest;
@@ -16659,7 +16494,7 @@ var Methods = {
   },
   // 处理默认展开树节点
   handleDefaultTreeExpand: function handleDefaultTreeExpand() {
-    var _this98 = this;
+    var _this97 = this;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     if (!treeConfig) {
       return;
@@ -16674,7 +16509,7 @@ var Methods = {
       filterTree(tableFullData, function(row2) {
         return isNonEmptyArr(row2[children]) && treeExpandeds.push(row2);
       }, treeConfig);
-      _this98.treeExpandeds = treeExpandeds;
+      _this97.treeExpandeds = treeExpandeds;
     };
     var doExpandRows = function doExpandRows2() {
       rowids.forEach(function(rowid2) {
@@ -16683,7 +16518,7 @@ var Methods = {
         }, treeConfig);
         matchObj && isNonEmptyArr(matchObj.item[children]) && treeExpandeds.push(matchObj.item);
       });
-      _this98.treeExpandeds = treeExpandeds;
+      _this97.treeExpandeds = treeExpandeds;
     };
     if (expandAll) {
       doExpandAll();
@@ -16751,12 +16586,12 @@ var Methods = {
     return ~this.treeExpandeds.indexOf(row2);
   },
   clearTreeExpand: function clearTreeExpand() {
-    var _this99 = this;
+    var _this98 = this;
     var hasExpand = this.treeExpandeds.length;
     this.treeExpandeds = [];
     setTreeScrollYCache(this);
     return this.$nextTick().then(function() {
-      return hasExpand ? _this99.recalculate() : 0;
+      return hasExpand ? _this98.recalculate() : 0;
     });
   }
 };
@@ -16766,7 +16601,7 @@ var Tree = {
     Object.assign(host.methods, Methods);
   }
 };
-var version = "2.21.0";
+var version = "3.21.0";
 var plugins = [Panel, Edit, Export, Keyboard, Validator, Resize, Panel$1, FetchData, Pager, Toolbar, ColumnAnchor, Dragger, Sort, Tooltip, Checkbox, Tree];
 Grid$1.setup({
   i18n: t