@opentinyvue/vue-grid 3.21.0 → 3.22.0

package/lib/index.js

@@ -1,37 +1,23 @@
 import { t } from '@opentinyvue/vue-locale';
 import '@opentinyvue/vue-theme/grid/index.css';
 import { Interceptor, StoreMap } from '@opentinyvue/vue-renderless/grid/core';
-import { extend, getObj } from '@opentinyvue/vue-renderless/common/object';
+import { addClass, isNull, debounce, PopupManager, PopperJS, extend, browserInfo, isObject, isEmptyObject, isServer, removeClass, getDataset, random, isDisplayNone, toDecimal, fastdom, logger, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, isNumber as isNumber$1, toBoolValue, toDate, getDateWithNewTimezone, isDate, formatDateByPattern, toDateStr, on, Validator as Validator$1, getObj, getStyle, preventDefault, off, throttle, callInterceptor, hasClass } from '@opentinyvue/utils';
 import { iconError, iconSortTriangleDescending, iconSortTriangleAscending, iconSortTriangle, iconUnfilter, iconEdit, iconConmentRefresh, iconMinscreen, iconFullscreen, iconSetting, iconRadio, iconRadioselected, iconSearch, iconCheckedSur, iconCheck, iconHalfselect, iconArrowBottom, IconEllipsis, iconClose, iconYes, iconExpand, iconPutAway, iconEllipsis, iconMarkOn, iconChevronRight, iconChevronDown } from '@opentinyvue/vue-icon';
 import { $prefix, defineComponent, h, hooks, $install, isVue2, isVnode, $props, mergeClass, resolveTheme, useInstanceSlots, useRelation, emitter, resolveMode, useBreakpoint, setup as setup$1 } from '@opentinyvue/vue-common';
 import { uniqueId, toNumber as toNumber$1, isBoolean, each, isObject as isObject$1, isFunction, isArray, findIndexOf, get, set, clear, destructuring, clone, mapTree, eachTree, findTree as findTree$1, has, isUndefined, find, isEqual, filterTree, arrayEach, isNumber, sum, template, assign, objectMap, sortBy, isString, remove, toStringJSON, toArray, arrayIndexOf } from '@opentinyvue/vue-renderless/grid/static/';
 import { emitEvent, getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, hasChildrenList, getListeners, setColumnFormat, updateCellTitle, getFilters, getColumnConfig, formatText, setCellValue, getColumnList, rowToVisible, colToVisible, getCell, assemColumn, getRowkey, GlobalEvent, getCellValue, getClass, isPx, getRowNodes, getCellNodeIndex } from '@opentinyvue/vue-renderless/grid/utils';
 import Tooltip$1 from '@opentinyvue/vue-tooltip';
-import { isNull, isObject, isEmptyObject, isNumber as isNumber$1, isDate } from '@opentinyvue/vue-renderless/common/type';
-import { addClass, removeClass, isDisplayNone, on, getStyle, preventDefault, off, hasClass } from '@opentinyvue/vue-renderless/common/deps/dom';
-import { random, toDecimal, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, toBoolValue } from '@opentinyvue/vue-renderless/common/string';
 import { createVNode, isVNode, mergeProps, createTextVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, normalizeStyle, createElementVNode, Fragment, renderList } from 'vue';
-import { toDate, getDateWithNewTimezone, format, toDateStr } from '@opentinyvue/vue-renderless/common/date';
-import { log } from '@opentinyvue/vue-renderless/common';
 import { toNumber, findTree, find as find$1, isEqual as isEqual$1, arrayEach as arrayEach$1 } from '@opentinyvue/vue-renderless/grid/static';
 import { AutoTip } from '@opentinyvue/vue-directive';
 import Button from '@opentinyvue/vue-button';
-import PopperJS from '@opentinyvue/vue-renderless/common/deps/popper';
-import PopupManager from '@opentinyvue/vue-renderless/common/deps/popup-manager';
-import debounce from '@opentinyvue/vue-renderless/common/deps/debounce';
-import { getDataset } from '@opentinyvue/vue-renderless/common/dataset';
 import Loading$1 from '@opentinyvue/vue-loading';
-import { fastdom } from '@opentinyvue/vue-renderless/common/deps/fastdom';
 import Dropdown from '@opentinyvue/vue-dropdown';
 import DropdownMenu from '@opentinyvue/vue-dropdown-menu';
 import DropdownItem from '@opentinyvue/vue-dropdown-item';
-import browser, { isBrowser } from '@opentinyvue/vue-renderless/common/browser';
 import Exception from '@opentinyvue/vue-exception';
 import Tag from '@opentinyvue/vue-tag';
-import { callInterceptor } from '@opentinyvue/vue-renderless/common/function';
 import Methods$g from '@opentinyvue/vue-renderless/grid/plugins/export';
-import throttle from '@opentinyvue/vue-renderless/common/deps/throttle';
-import Validator$1 from '@opentinyvue/vue-renderless/common/validate';
 import Resize$1 from '@opentinyvue/vue-renderless/grid/plugins/resize';
 import Modal$1 from '@opentinyvue/vue-modal';
 import Pager$1 from '@opentinyvue/vue-pager';
@@ -382,7 +368,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t2 = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t2[n] = r[n];
   }
   return t2;
@@ -469,7 +455,7 @@ var GlobalConfig$1 = {
   menu: {},
   tooltip: {
     trigger: "hover",
-    theme: "dark"
+    effect: "light"
   },
   pager: {},
   toolbar: {
@@ -1841,18 +1827,16 @@ var outLog = function outLog2(type) {
     if (detail) {
       msg += ": " + detail;
     }
-    log(msg, type);
+    logger[type](msg);
     return msg;
   };
 };
 var warn = outLog("warn");
 var error = outLog("error");
 var DateFormat = {
-  FULLDATETIME: "yyyy-MM-dd hh:mm:ss.SSS",
   LONGDATETIME: "yyyy-MM-dd hh:mm:ss",
   DATETIME: "yyyy-MM-dd hh:mm",
   DATE: "yyyy-MM-dd",
-  FULLTIME: "hh:mm:ss.SSS",
   LONGTIME: "hh:mm:ss",
   TIME: "hh:mm",
   YEARMONTH: "yyyy-MM"
@@ -1881,7 +1865,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);
 };
@@ -2592,6 +2576,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",
@@ -3127,6 +3112,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,
@@ -3140,7 +3134,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);
@@ -3357,6 +3351,7 @@ function renderRows(_ref59) {
     });
     renderRowTree(args, renderRows);
   });
+  renderRowFlag = !renderRowFlag;
   return rows;
 }
 function renderDefEmpty(h2) {
@@ -3368,11 +3363,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) {
@@ -3481,8 +3477,6 @@ var Body = /* @__PURE__ */ defineComponent({
     elemStore[keyPrefix + "xSpace"] = $refs.xSpace;
     elemStore[keyPrefix + "ySpace"] = $refs.ySpace;
     elemStore[keyPrefix + "emptyBlock"] = $refs.emptyBlock;
-    $el.onscroll = this.scrollEvent;
-    $el._onscroll = this.scrollEvent;
     if (dropConfig) {
       var plugin = dropConfig.plugin, _dropConfig$row = dropConfig.row, row2 = _dropConfig$row === void 0 ? true : _dropConfig$row;
       plugin && row2 && (this.rowSortable = $table.rowDrop(this.$el));
@@ -3515,7 +3509,10 @@ var Body = /* @__PURE__ */ defineComponent({
     var isCenterCls = isCenterEmpty ? "is__center" : "";
     return h("div", {
       ref: "body",
-      class: ["tiny-grid__body-wrapper", "body__wrapper", (_ref68 = {}, _ref68[classMap.isScrollload] = scrollLoad, _ref68)]
+      class: ["tiny-grid__body-wrapper", "body__wrapper", (_ref68 = {}, _ref68[classMap.isScrollload] = scrollLoad, _ref68)],
+      on: {
+        scroll: this.scrollEvent
+      }
     }, [
       // 表格主体内容x轴方向虚拟滚动条占位元素
       h("div", {
@@ -4099,7 +4096,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         var _simpleFilter$datetim, _simpleFilter$datetim2, _simpleFilter$datetim3, _simpleFilter$datetim4, _simpleFilter$datetim5, _simpleFilter$datetim6;
         var _slot6, _slot7;
         var DatePickComponents = simpleFilter != null && (_simpleFilter$datetim = simpleFilter.datetimeConfig) != null && _simpleFilter$datetim.component ? hooks.toRaw(simpleFilter.datetimeConfig.component) : null;
-        var _format = simpleFilter == null ? void 0 : (_simpleFilter$datetim2 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim2.format;
+        var format = simpleFilter == null ? void 0 : (_simpleFilter$datetim2 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim2.format;
         var valueFormat = simpleFilter == null ? void 0 : (_simpleFilter$datetim3 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim3.valueFormat;
         var type = simpleFilter == null ? void 0 : (_simpleFilter$datetim4 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim4.type;
         var max = simpleFilter == null ? void 0 : (_simpleFilter$datetim5 = simpleFilter.datetimeConfig) == null ? void 0 : _simpleFilter$datetim5.max;
@@ -4118,7 +4115,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         }, [createVNode("li", {
           "class": "tiny-grid__filter-date-item"
         }, [createVNode("span", null, [this.i18n("ui.grid.filter.startDate")]), createVNode(DatePickComponents, {
-          "format": _format,
+          "format": format,
           "type": type,
           "value-format": valueFormat,
           "picker-options": pickerOptions,
@@ -4135,7 +4132,7 @@ var Panel$1 = /* @__PURE__ */ defineComponent({
         }, null)]), createVNode("li", {
           "class": "tiny-grid__filter-date-item"
         }, [createVNode("span", null, [this.i18n("ui.grid.filter.endDate")]), createVNode(DatePickComponents, {
-          "format": _format,
+          "format": format,
           "type": type,
           "value-format": valueFormat,
           "picker-options": pickerOptions,
@@ -5388,12 +5385,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 ...";
@@ -5601,7 +5598,7 @@ var Cell = {
   renderCell: function renderCell(h2, params) {
     var $table = params.$table, row2 = params.row, column = params.column;
     var slots = column.slots, renderer = column.renderer;
-    var format2 = column.format || {};
+    var format = column.format || {};
     if (slots && slots.default) {
       return slots.default(params, h2);
     }
@@ -5618,7 +5615,7 @@ var Cell = {
     result = processAsyncColumn({
       $table,
       column,
-      format: format2,
+      format,
       h: h2,
       params,
       row: row2
@@ -6261,13 +6258,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) {
@@ -6442,6 +6443,7 @@ function handleLayout(params) {
     tableColumn3 = ret.tableColumn;
   } else if (layout === "footer") {
     tableColumn3 = layoutFooter({
+      elemStore,
       customHeight,
       fixedWrapperElem,
       footerHeight,
@@ -6610,8 +6612,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
@@ -6666,7 +6668,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) {
@@ -6922,8 +6924,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({
@@ -6958,7 +6960,7 @@ var handleAllColumnPromises = function handleAllColumnPromises2(opt, ctx) {
             break;
           }
         }
-        format2.data = columnData;
+        format.data = columnData;
         handleResolveColumnComplete({
           _vm: ctx,
           columnData,
@@ -9182,7 +9184,10 @@ var Methods$d = {
       scrollXStore.lastStartIndex = ret.lastStartIndex;
       _this43.tableColumn = ret.tableColumn;
       _this43.visibleColumnChanged = ret.visibleColumnChanged;
-      _this43.$nextTick(_this43.updateStyle);
+      _this43.$nextTick(function() {
+        _this43.updateFooter();
+        _this43.updateStyle();
+      });
     });
   },
   // 更新横向 X 可视渲染上下剩余空间大小
@@ -11997,7 +12002,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();
@@ -12626,6 +12631,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;
     }
@@ -13237,7 +13243,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();
@@ -13643,10 +13649,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];
@@ -14241,7 +14247,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;
@@ -14534,6 +14539,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));
   },
@@ -15490,12 +15496,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) {
@@ -15520,7 +15528,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);
@@ -15721,7 +15729,7 @@ var Methods$2 = {
     }
     var tooltip = this.$refs.tooltip;
     var wrapperElem = cell;
-    var content = cell.innerText.trim() || cell.textContent.trim();
+    var content = cell.innerText.trim();
     var contentMethod = this.tooltipConfig.contentMethod;
     var range = createTooltipRange({
       _vm: this,
@@ -15731,7 +15739,10 @@ var Methods$2 = {
     });
     var rangeWidth = range.getBoundingClientRect().width;
     var padding = (parseInt(getStyle(cell, "paddingLeft"), 10) || 0) + (parseInt(getStyle(cell, "paddingRight"), 10) || 0);
-    var isOverflow = rangeWidth + padding > cell.offsetWidth || wrapperElem.scrollWidth > wrapperElem.clientWidth;
+    var isOverflow = (
+      // 浏览器缩放情况下，会存在细微的像素无法，因此设置0.1像素作为误差量
+      rangeWidth + padding > cell.getBoundingClientRect().width + 0.1 || wrapperElem.scrollWidth > wrapperElem.clientWidth
+    );
     if ((contentMethod || content) && (showTip || isOverflow)) {
       Object.assign(this.tooltipStore, {
         row: row2,
@@ -16130,10 +16141,8 @@ function hasNoCheckFieldNoStrictly(_ref267) {
       afterFullData,
       checkMethod,
       checkStrictly,
-      property,
       selectRows,
       selection,
-      treeConfig,
       value
     });
   }
@@ -16601,7 +16610,7 @@ var Tree = {
     Object.assign(host.methods, Methods);
   }
 };
-var version = "3.21.0";
+var version = "3.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": "3.21.0",
+  "version": "3.22.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-common": "~3.21.0",
-    "@opentinyvue/vue-directive": "~3.21.0",
-    "@opentinyvue/vue-dropdown": "~3.21.0",
-    "@opentinyvue/vue-dropdown-item": "~3.21.0",
-    "@opentinyvue/vue-dropdown-menu": "~3.21.0",
-    "@opentinyvue/vue-exception": "~3.21.0",
-    "@opentinyvue/vue-icon": "~3.21.0",
-    "@opentinyvue/vue-loading": "~3.21.0",
-    "@opentinyvue/vue-locale": "~3.21.0",
-    "@opentinyvue/vue-modal": "~3.21.0",
-    "@opentinyvue/vue-pager": "~3.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-tag": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0",
-    "@opentinyvue/vue-tooltip": "~3.21.0"
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-directive": "~3.22.0",
+    "@opentinyvue/vue-dropdown": "~3.22.0",
+    "@opentinyvue/vue-dropdown-item": "~3.22.0",
+    "@opentinyvue/vue-dropdown-menu": "~3.22.0",
+    "@opentinyvue/vue-exception": "~3.22.0",
+    "@opentinyvue/vue-icon": "~3.22.0",
+    "@opentinyvue/vue-loading": "~3.22.0",
+    "@opentinyvue/vue-locale": "~3.22.0",
+    "@opentinyvue/vue-modal": "~3.22.0",
+    "@opentinyvue/vue-pager": "~3.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-tag": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0",
+    "@opentinyvue/vue-tooltip": "~3.22.0",
+    "@opentinyvue/utils": "~3.22.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/column/src/column.d.ts

@@ -212,9 +212,9 @@ declare const _default: hooks.DefineComponent<{
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
+    required: boolean;
     tiny_mode_root: boolean;
     showIcon: boolean;
-    required: boolean;
     group: boolean;
     showTip: boolean;
     formatConfig: Record<string, any>;

package/src/config.d.ts

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

package/src/loading/src/loading.d.ts

@@ -29,7 +29,7 @@ declare const _default: hooks.DefineComponent<{
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
-    tiny_mode_root: boolean;
     visible: boolean;
+    tiny_mode_root: boolean;
 }, {}>;
 export default _default;

package/src/table/src/table.d.ts

@@ -581,8 +581,8 @@ declare const _default: hooks.DefineComponent<{
     };
 }>>, {
     size: string;
-    border: boolean;
     loading: boolean;
+    border: boolean;
     showHeader: boolean;
     showFooter: boolean;
     startIndex: number;