@opentinyvue/vue-grid 2.21.0 → 2.22.0

package/lib/index.js

@@ -1,36 +1,22 @@
 import { t } from '@opentinyvue/vue-locale';
 import '@opentinyvue/vue-theme/grid/index.css';
 import { Interceptor, StoreMap } from '@opentinyvue/vue-renderless/grid/core';
-import { extend, getObj } from '@opentinyvue/vue-renderless/common/object';
+import { addClass, isNull, debounce, PopupManager, PopperJS, extend, browserInfo, isObject, isEmptyObject, isServer, removeClass, getDataset, random, isDisplayNone, toDecimal, fastdom, logger, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, isNumber as isNumber$1, toBoolValue, toDate, getDateWithNewTimezone, isDate, formatDateByPattern, toDateStr, on, Validator as Validator$1, getObj, getStyle, preventDefault, off, throttle, callInterceptor, hasClass } from '@opentinyvue/utils';
 import { iconError, iconSortTriangleDescending, iconSortTriangleAscending, iconSortTriangle, iconUnfilter, iconEdit, iconConmentRefresh, iconMinscreen, iconFullscreen, iconSetting, iconRadio, iconRadioselected, iconSearch, iconCheckedSur, iconCheck, iconHalfselect, iconArrowBottom, IconEllipsis, iconClose, iconYes, iconExpand, iconPutAway, iconEllipsis, iconChevronRight, iconChevronDown, iconMarkOn } from '@opentinyvue/vue-icon';
 import { $prefix, defineComponent, h, hooks, $install, isVue2, isVnode, $props, mergeClass, resolveTheme, useInstanceSlots, useRelation, emitter, resolveMode, useBreakpoint, setup as setup$1 } from '@opentinyvue/vue-common';
 import { uniqueId, toNumber as toNumber$1, isBoolean, each, isObject as isObject$1, isFunction, isArray, findIndexOf, get, set, clear, destructuring, clone, mapTree, eachTree, findTree as findTree$1, has, isUndefined, find, isEqual, filterTree, arrayEach, isNumber, sum, template, assign, objectMap, sortBy, isString, remove, toStringJSON, toArray, arrayIndexOf } from '@opentinyvue/vue-renderless/grid/static/';
 import { emitEvent, getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, hasChildrenList, getListeners, setColumnFormat, updateCellTitle, getFilters, getColumnConfig, formatText, setCellValue, getColumnList, rowToVisible, colToVisible, getCell, assemColumn, getRowkey, GlobalEvent, getCellValue, getClass, isPx, getRowNodes, getCellNodeIndex } from '@opentinyvue/vue-renderless/grid/utils';
 import Tooltip$1 from '@opentinyvue/vue-tooltip';
-import { isNull, isObject, isEmptyObject, isNumber as isNumber$1, isDate } from '@opentinyvue/vue-renderless/common/type';
-import { addClass, removeClass, isDisplayNone, on, getStyle, preventDefault, off, hasClass } from '@opentinyvue/vue-renderless/common/deps/dom';
-import { random, toDecimal, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, toBoolValue } from '@opentinyvue/vue-renderless/common/string';
-import { 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';
 import { AutoTip } from '@opentinyvue/vue-directive';
 import Button from '@opentinyvue/vue-button';
-import PopperJS from '@opentinyvue/vue-renderless/common/deps/popper';
-import PopupManager from '@opentinyvue/vue-renderless/common/deps/popup-manager';
-import debounce from '@opentinyvue/vue-renderless/common/deps/debounce';
-import { getDataset } from '@opentinyvue/vue-renderless/common/dataset';
 import Loading$1 from '@opentinyvue/vue-loading';
-import { fastdom } from '@opentinyvue/vue-renderless/common/deps/fastdom';
 import Dropdown from '@opentinyvue/vue-dropdown';
 import DropdownMenu from '@opentinyvue/vue-dropdown-menu';
 import DropdownItem from '@opentinyvue/vue-dropdown-item';
-import browser, { isBrowser } from '@opentinyvue/vue-renderless/common/browser';
 import Exception from '@opentinyvue/vue-exception';
 import Tag from '@opentinyvue/vue-tag';
-import { callInterceptor } from '@opentinyvue/vue-renderless/common/function';
 import Methods$g from '@opentinyvue/vue-renderless/grid/plugins/export';
-import throttle from '@opentinyvue/vue-renderless/common/deps/throttle';
-import Validator$1 from '@opentinyvue/vue-renderless/common/validate';
 import Resize$1 from '@opentinyvue/vue-renderless/grid/plugins/resize';
 import Modal$1 from '@opentinyvue/vue-modal';
 import Pager$1 from '@opentinyvue/vue-pager';
@@ -420,7 +406,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t2 = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t2[n] = r[n];
   }
   return t2;
@@ -507,7 +493,7 @@ var GlobalConfig$1 = {
   menu: {},
   tooltip: {
     trigger: "hover",
-    theme: "dark"
+    effect: "light"
   },
   pager: {},
   toolbar: {
@@ -1879,18 +1865,16 @@ var outLog = function outLog2(type) {
     if (detail) {
       msg += ": " + detail;
     }
-    log(msg, type);
+    logger[type](msg);
     return msg;
   };
 };
 var warn = outLog("warn");
 var error = outLog("error");
 var DateFormat = {
-  FULLDATETIME: "yyyy-MM-dd hh:mm:ss.SSS",
   LONGDATETIME: "yyyy-MM-dd hh:mm:ss",
   DATETIME: "yyyy-MM-dd hh:mm",
   DATE: "yyyy-MM-dd",
-  FULLTIME: "hh:mm:ss.SSS",
   LONGTIME: "hh:mm:ss",
   TIME: "hh:mm",
   YEARMONTH: "yyyy-MM"
@@ -1919,7 +1903,7 @@ var dateFormat = function dateFormat2(value, formatString) {
     }
     var currentTimezone = 0 - (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60;
     var newDate = getDateWithNewTimezone(isDate(value) ? value : new Date(toDate(value)), currentTimezone, userFormat.timezone || 8);
-    return format(newDate, userFormat.dateFormat);
+    return formatDateByPattern(newDate, userFormat.dateFormat);
   }
   return toDateStr(value, userFormat.dateFormat, userFormat.timezone);
 };
@@ -2630,6 +2614,7 @@ var generateFixedClassName = function generateFixedClassName2(_ref38) {
 var isOperateMouse = function isOperateMouse2($table) {
   return $table._isResize || $table.lastScrollTime && Date.now() < $table.lastScrollTime + $table.optimizeOpts.delayHover;
 };
+var renderRowFlag = false;
 var classMap = {
   colEdit: "col__edit",
   colIndex: "col__index",
@@ -3173,6 +3158,15 @@ function renderRow(args) {
   if (isNotRenderRow) {
     return;
   }
+  var key = rowid2;
+  if (row2._isDraging) {
+    _vm.$nextTick(function() {
+      delete row2._isDraging;
+    });
+    if (renderRowFlag) {
+      key = "" + rowid2 + rowKey;
+    }
+  }
   rows.push(h2("tr", {
     class: ["tiny-grid-body__row", (_ref57 = {}, _ref57["row__level-" + rowLevel] = treeConfig, _ref57[classMap.rowNew] = editStore.insertList.includes(row2), _ref57[classMap.rowSelected] = selection.includes(row2), _ref57[classMap.rowRadio] = selectRow === row2, _ref57[classMap.rowActived] = rowActived, _ref57), rowClassName ? isFunction(rowClassName) ? rowClassName({
       $table,
@@ -3186,7 +3180,7 @@ function renderRow(args) {
     attrs: {
       "data-rowid": rowid2
     },
-    key: rowKey || treeConfig ? rowid2 : $rowIndex,
+    key,
     on: trOn
   }, tableColumn3.map(function(column, $columnIndex) {
     var columnIndex = $table.getColumnIndex(column);
@@ -3403,6 +3397,7 @@ function renderRows(_ref59) {
     });
     renderRowTree(args, renderRows);
   });
+  renderRowFlag = !renderRowFlag;
   return rows;
 }
 function renderDefEmpty(h2) {
@@ -3414,11 +3409,12 @@ function renderDefEmpty(h2) {
 }
 var syncHeaderAndFooterScroll = function syncHeaderAndFooterScroll2(_ref61) {
   var bodyElem = _ref61.bodyElem, footerElem = _ref61.footerElem, headerElem = _ref61.headerElem, isX = _ref61.isX;
+  var scrollLeft = bodyElem.scrollLeft;
   if (isX && headerElem) {
-    headerElem.scrollLeft = bodyElem.scrollLeft;
+    headerElem.scrollLeft = scrollLeft;
   }
   if (isX && footerElem) {
-    footerElem.scrollLeft = bodyElem.scrollLeft;
+    footerElem.scrollLeft = scrollLeft;
   }
 };
 function doScrollLoad(_ref62) {
@@ -3527,8 +3523,6 @@ var Body = defineComponent({
     elemStore[keyPrefix + "xSpace"] = $refs.xSpace;
     elemStore[keyPrefix + "ySpace"] = $refs.ySpace;
     elemStore[keyPrefix + "emptyBlock"] = $refs.emptyBlock;
-    $el.onscroll = this.scrollEvent;
-    $el._onscroll = this.scrollEvent;
     if (dropConfig) {
       var plugin = dropConfig.plugin, _dropConfig$row = dropConfig.row, row2 = _dropConfig$row === void 0 ? true : _dropConfig$row;
       plugin && row2 && (this.rowSortable = $table.rowDrop(this.$el));
@@ -3561,7 +3555,10 @@ var Body = defineComponent({
     var isCenterCls = isCenterEmpty ? "is__center" : "";
     return h("div", {
       ref: "body",
-      class: ["tiny-grid__body-wrapper", "body__wrapper", (_ref68 = {}, _ref68[classMap.isScrollload] = scrollLoad, _ref68)]
+      class: ["tiny-grid__body-wrapper", "body__wrapper", (_ref68 = {}, _ref68[classMap.isScrollload] = scrollLoad, _ref68)],
+      on: {
+        scroll: this.scrollEvent
+      }
     }, [
       // 表格主体内容x轴方向虚拟滚动条占位元素
       h("div", {
@@ -4159,7 +4156,7 @@ var Panel$1 = defineComponent({
       if (simpleFilter.isDatetime) {
         var _simpleFilter$datetim, _simpleFilter$datetim2, _simpleFilter$datetim3, _simpleFilter$datetim4, _simpleFilter$datetim5, _simpleFilter$datetim6;
         var DatePickComponents = simpleFilter != null && (_simpleFilter$datetim = simpleFilter.datetimeConfig) != null && _simpleFilter$datetim.component ? hooks.toRaw(simpleFilter.datetimeConfig.component) : null;
-        var _format = simpleFilter == null ? void 0 : (_simpleFilter$datetim2 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim2.format;
+        var format = simpleFilter == null ? void 0 : (_simpleFilter$datetim2 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim2.format;
         var valueFormat = simpleFilter == null ? void 0 : (_simpleFilter$datetim3 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim3.valueFormat;
         var type = simpleFilter == null ? void 0 : (_simpleFilter$datetim4 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim4.type;
         var max = simpleFilter == null ? void 0 : (_simpleFilter$datetim5 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim5.max;
@@ -4179,7 +4176,7 @@ var Panel$1 = defineComponent({
           "class": "tiny-grid__filter-date-item"
         }, [h2("span", [this.i18n("ui.grid.filter.startDate")]), h2(DatePickComponents, {
           "attrs": {
-            "format": _format,
+            "format": format,
             "type": type,
             "value-format": valueFormat,
             "picker-options": pickerOptions
@@ -4202,7 +4199,7 @@ var Panel$1 = defineComponent({
           "class": "tiny-grid__filter-date-item"
         }, [h2("span", [this.i18n("ui.grid.filter.endDate")]), h2(DatePickComponents, {
           "attrs": {
-            "format": _format,
+            "format": format,
             "type": type,
             "value-format": valueFormat,
             "picker-options": pickerOptions
@@ -5465,12 +5462,12 @@ function processRenderer(_ref92) {
   return result;
 }
 function processAsyncColumn(_ref93) {
-  var $table = _ref93.$table, column = _ref93.column, format2 = _ref93.format, h2 = _ref93.h, params = _ref93.params, row2 = _ref93.row;
+  var $table = _ref93.$table, column = _ref93.column, format = _ref93.format, h2 = _ref93.h, params = _ref93.params, row2 = _ref93.row;
   var result = {
     flag: false,
     vnodes: null
   };
-  var _ref94 = format2.async || {}, fetch = _ref94.fetch, loadingText = _ref94.loadingText;
+  var _ref94 = format.async || {}, fetch = _ref94.fetch, loadingText = _ref94.loadingText;
   if ($table.isAsyncColumn && row2[insertedField] !== true && typeof fetch === "function") {
     var cellText = row2[$table.getAsyncColumnName(column.property)];
     var loadingRender = loadingText || "loading ...";
@@ -5678,7 +5675,7 @@ var Cell = {
   renderCell: function renderCell(h2, params) {
     var $table = params.$table, row2 = params.row, column = params.column;
     var slots = column.slots, renderer = column.renderer;
-    var format2 = column.format || {};
+    var format = column.format || {};
     if (slots && slots.default) {
       return slots.default(params, h2);
     }
@@ -5695,7 +5692,7 @@ var Cell = {
     result = processAsyncColumn({
       $table,
       column,
-      format: format2,
+      format,
       h: h2,
       params,
       row: row2
@@ -6338,13 +6335,17 @@ function getTableWidth(_ref116) {
   };
 }
 function layoutFooter(_ref117) {
-  var customHeight = _ref117.customHeight, footerHeight = _ref117.footerHeight, headerHeight = _ref117.headerHeight, scrollXLoad = _ref117.scrollXLoad, scrollbarWidth = _ref117.scrollbarWidth, tableElem = _ref117.tableElem, scrollbarHeight = _ref117.scrollbarHeight, tableColumn3 = _ref117.tableColumn, tableHeight = _ref117.tableHeight, tableWidth = _ref117.tableWidth, wrapperElem = _ref117.wrapperElem, fixedWrapperElem = _ref117.fixedWrapperElem;
+  var elemStore = _ref117.elemStore, customHeight = _ref117.customHeight, footerHeight = _ref117.footerHeight, headerHeight = _ref117.headerHeight, scrollXLoad = _ref117.scrollXLoad, scrollbarWidth = _ref117.scrollbarWidth, tableElem = _ref117.tableElem, scrollbarHeight = _ref117.scrollbarHeight, tableColumn3 = _ref117.tableColumn, tableHeight = _ref117.tableHeight, tableWidth = _ref117.tableWidth, wrapperElem = _ref117.wrapperElem, fixedWrapperElem = _ref117.fixedWrapperElem;
   var tWidth = tableWidth;
   var ret = getTableWidth({
     scrollXLoad,
     tWidth,
     tableColumn: tableColumn3
   });
+  var spaceElem = elemStore["main-footer-x-space"];
+  if (spaceElem) {
+    spaceElem.style.width = tableWidth + "px";
+  }
   tableColumn3 = ret.tableColumn;
   tWidth = ret.tWidth;
   if (wrapperElem && fixedWrapperElem) {
@@ -6519,6 +6520,7 @@ function handleLayout(params) {
     tableColumn3 = ret.tableColumn;
   } else if (layout === "footer") {
     tableColumn3 = layoutFooter({
+      elemStore,
       customHeight,
       fixedWrapperElem,
       footerHeight,
@@ -6687,8 +6689,8 @@ function onScrollXLoad(_ref134) {
 function mapFetchColumnPromise(_ref135) {
   var _vm = _ref135._vm, fetchColumns = _ref135.fetchColumns, tableColumn3 = _ref135.tableColumn;
   return fetchColumns.map(function(_ref136) {
-    var format2 = _ref136.format, columnValues = _ref136.columnValues;
-    return format2.async.fetch({
+    var format = _ref136.format, columnValues = _ref136.columnValues;
+    return format.async.fetch({
       columns: tableColumn3,
       columnValues,
       $table: _vm
@@ -6743,7 +6745,7 @@ function handleResolveColumnComplete(_ref139) {
     });
   }
 }
-var isWebkit = browser["-webkit"];
+var isWebkit = browserInfo["-webkit"];
 function computeScrollYLoad(_ref140) {
   var _vm = _ref140._vm, scrollLoad = _ref140.scrollLoad, scrollY = _ref140.scrollY, scrollYLoad = _ref140.scrollYLoad, scrollYStore = _ref140.scrollYStore, tableBodyElem = _ref140.tableBodyElem;
   if (scrollYLoad || scrollLoad) {
@@ -6999,8 +7001,8 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
         var renderCount = 0;
         var columnCount = 0;
         var columnData = [];
-        var _fetchColumns$i = fetchColumns[i], _fetchColumns$i$forma = _fetchColumns$i.format, format2 = _fetchColumns$i$forma === void 0 ? {} : _fetchColumns$i$forma, property = _fetchColumns$i.property;
-        var _ref149 = format2.async || {}, _ref149$splitConfig = _ref149.splitConfig, splitConfig = _ref149$splitConfig === void 0 ? {} : _ref149$splitConfig, _ref149$fields = _ref149.fields, fields = _ref149$fields === void 0 ? {} : _ref149$fields, complete = _ref149.complete;
+        var _fetchColumns$i = fetchColumns[i], _fetchColumns$i$forma = _fetchColumns$i.format, format = _fetchColumns$i$forma === void 0 ? {} : _fetchColumns$i$forma, property = _fetchColumns$i.property;
+        var _ref149 = format.async || {}, _ref149$splitConfig = _ref149.splitConfig, splitConfig = _ref149$splitConfig === void 0 ? {} : _ref149$splitConfig, _ref149$fields = _ref149.fields, fields = _ref149$fields === void 0 ? {} : _ref149$fields, complete = _ref149.complete;
         columnValues = isArray(item) ? item : get(item, fields.data || "values");
         columnCount = columnValues.length;
         preprocessDataObjectFormat({
@@ -7035,7 +7037,7 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
             break;
           }
         }
-        format2.data = columnData;
+        format.data = columnData;
         handleResolveColumnComplete({
           _vm: ctx,
           columnData,
@@ -9259,7 +9261,10 @@ var Methods$d = {
       scrollXStore.lastStartIndex = ret.lastStartIndex;
       _this44.tableColumn = ret.tableColumn;
       _this44.visibleColumnChanged = ret.visibleColumnChanged;
-      _this44.$nextTick(_this44.updateStyle);
+      _this44.$nextTick(function() {
+        _this44.updateFooter();
+        _this44.updateStyle();
+      });
     });
   },
   // 更新横向 X 可视渲染上下剩余空间大小
@@ -12162,7 +12167,7 @@ var Table = defineComponent({
       relationKey: columnLevelKey$1 + "-" + id3.value,
       childrenKey: "childColumns",
       relationContainer: function relationContainer() {
-        return isBrowser ? $table.$el.querySelector("." + hiddenContainerClass) : null;
+        return !isServer ? $table.$el.querySelector("." + hiddenContainerClass) : null;
       },
       onChange: function onChange() {
         var collectKey = $table.computeCollectKey();
@@ -12791,6 +12796,7 @@ var Grid = defineComponent({
       optimization: optimizOpt,
       startIndex: seqIndex2
     });
+    props.tooltipConfig = Object.assign({}, GlobalConfig$1.tooltip || {}, (designConfig == null ? void 0 : designConfig.tooltip) || {}, props.tooltipConfig || {});
     if ((designConfig == null ? void 0 : designConfig.stripe) !== void 0 && !props.stripe) {
       props.stripe = designConfig == null ? void 0 : designConfig.stripe;
     }
@@ -13402,7 +13408,7 @@ var Methods$c = {
       inputElem.selectionStart = inputElem.selectionEnd;
       inputElem.type = type;
       inputElem[autoselect ? "select" : "focus"]();
-      if (browser.name !== "ie") {
+      if (browserInfo.name !== "ie") {
         return;
       }
       var textRange = inputElem.createTextRange();
@@ -13808,10 +13814,10 @@ var writeClipboardText = function writeClipboardText2(_ref216) {
   var getCellValue2 = function getCellValue22(column, row2) {
     var cellValue = "";
     if (isAsyncColumn) {
-      var _format2 = column.format || {};
-      if (_format2.async === true && _format2.type === "enum") {
+      var format = column.format || {};
+      if (format.async === true && format.type === "enum") {
         cellValue = Formatter.enum.call(column, row2[column.property]);
-      } else if (_format2.async && typeof _format2.async.fetch === "function") {
+      } else if (format.async && typeof format.async.fetch === "function") {
         cellValue = row2[$table.getAsyncColumnName(column.property)];
       } else {
         cellValue = row2[column.property];
@@ -14406,7 +14412,6 @@ var Methods$b = {
     var bodyList = elemStore["main-body-list"].children;
     var _getCellIndex = getCellIndex({
       cell,
-      elemStore,
       bodyList
     }), rIndex = _getCellIndex.rIndex, cIndex = _getCellIndex.cIndex;
     var maxIndex = bodyList.length - 1;
@@ -14699,6 +14704,7 @@ var Methods$a = {
         return Promise.reject(validRest[ruleKeys[0]][0]);
       }
       cb && cb(opt.status);
+      return opt.status;
     };
     return Promise.all(rowValids).then(onFulfilled).catch(onRejected(opt, this));
   },
@@ -15655,12 +15661,14 @@ var createHandlerOnEnd = function createHandlerOnEnd2(_ref249) {
       children: (_vm.treeConfig || {}).children || "children"
     };
     var targetTrElem = event.item;
-    var wrapperElem = targetTrElem.parentNode, prevTrElem = targetTrElem.previousElementSibling;
+    var wrapperElem = targetTrElem.parentNode, prevEl = targetTrElem.previousElementSibling, nextEl = targetTrElem.nextElementSibling;
+    var prevTrElem = prevEl && prevEl.classList.contains("tiny-grid-body__row") ? prevEl : prevEl && prevEl.previousElementSibling;
     var tableTreeData = _vm.data || _vm.tableData;
     var selfRow = _vm.getRowNode(targetTrElem).item;
     var selfNode = findTree$1(tableTreeData, function(row2) {
       return row2 === selfRow;
     }, options);
+    selfRow._isDraging = true;
     var isScrollYLoad = _vm.scrollYLoad;
     if (!isScrollYLoad) {
       if (prevTrElem) {
@@ -15685,7 +15693,7 @@ var createHandlerOnEnd = function createHandlerOnEnd2(_ref249) {
           prevNode.items.splice(prevNode.index + (selfNode.index < prevNode.index ? 0 : 1), 0, currRow);
           prevNode.items = [].concat(prevNode.items);
         }
-      } else {
+      } else if (nextEl && nextEl.classList.contains("tiny-grid-body__row")) {
         var _currRow = selfNode.items.splice(selfNode.index, 1)[0];
         tableTreeData.unshift(_currRow);
         _vm.tableFullData = [].concat(tableTreeData);
@@ -15886,7 +15894,7 @@ var Methods$2 = {
     }
     var tooltip = this.$refs.tooltip;
     var wrapperElem = cell;
-    var content = cell.innerText.trim() || cell.textContent.trim();
+    var content = cell.innerText.trim();
     var contentMethod = this.tooltipConfig.contentMethod;
     var range = createTooltipRange({
       _vm: this,
@@ -15896,7 +15904,10 @@ var Methods$2 = {
     });
     var rangeWidth = range.getBoundingClientRect().width;
     var padding = (parseInt(getStyle(cell, "paddingLeft"), 10) || 0) + (parseInt(getStyle(cell, "paddingRight"), 10) || 0);
-    var isOverflow = rangeWidth + padding > cell.offsetWidth || wrapperElem.scrollWidth > wrapperElem.clientWidth;
+    var isOverflow = (
+      // 浏览器缩放情况下，会存在细微的像素无法，因此设置0.1像素作为误差量
+      rangeWidth + padding > cell.getBoundingClientRect().width + 0.1 || wrapperElem.scrollWidth > wrapperElem.clientWidth
+    );
     if ((contentMethod || content) && (showTip || isOverflow)) {
       Object.assign(this.tooltipStore, {
         row: row2,
@@ -16295,10 +16306,8 @@ function hasNoCheckFieldNoStrictly(_ref267) {
       afterFullData,
       checkMethod,
       checkStrictly,
-      property,
       selectRows,
       selection,
-      treeConfig,
       value
     });
   }
@@ -16766,7 +16775,7 @@ var Tree = {
     Object.assign(host.methods, Methods);
   }
 };
-var version = "2.21.0";
+var version = "2.22.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

package/package.json

@@ -1,28 +1,29 @@
 {
   "name": "@opentinyvue/vue-grid",
   "type": "module",
-  "version": "2.21.0",
+  "version": "2.22.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-common": "~2.21.0",
-    "@opentinyvue/vue-directive": "~2.21.0",
-    "@opentinyvue/vue-dropdown": "~2.21.0",
-    "@opentinyvue/vue-dropdown-item": "~2.21.0",
-    "@opentinyvue/vue-dropdown-menu": "~2.21.0",
-    "@opentinyvue/vue-exception": "~2.21.0",
-    "@opentinyvue/vue-icon": "~2.21.0",
-    "@opentinyvue/vue-loading": "~2.21.0",
-    "@opentinyvue/vue-locale": "~2.21.0",
-    "@opentinyvue/vue-modal": "~2.21.0",
-    "@opentinyvue/vue-pager": "~2.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-tag": "~2.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0",
-    "@opentinyvue/vue-tooltip": "~2.21.0"
+    "@opentinyvue/vue-common": "~2.22.0",
+    "@opentinyvue/vue-directive": "~2.22.0",
+    "@opentinyvue/vue-dropdown": "~2.22.0",
+    "@opentinyvue/vue-dropdown-item": "~2.22.0",
+    "@opentinyvue/vue-dropdown-menu": "~2.22.0",
+    "@opentinyvue/vue-exception": "~2.22.0",
+    "@opentinyvue/vue-icon": "~2.22.0",
+    "@opentinyvue/vue-loading": "~2.22.0",
+    "@opentinyvue/vue-locale": "~2.22.0",
+    "@opentinyvue/vue-modal": "~2.22.0",
+    "@opentinyvue/vue-pager": "~2.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-tag": "~2.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0",
+    "@opentinyvue/vue-tooltip": "~2.22.0",
+    "@opentinyvue/utils": "~2.22.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/config.d.ts

@@ -62,7 +62,7 @@ declare const GlobalConfig: {
     menu: {};
     tooltip: {
         trigger: string;
-        theme: string;
+        effect: string;
     };
     pager: {};
     toolbar: {