vxe-table 4.1.20 → 4.2.0-beta.2

package/lib/index.umd.js

@@ -8435,6 +8435,9 @@ var GlobalConfig = {
     // emptyRender: {
     //   name: ''
     // },
+    // rowConfig: {
+    //   keyField: '_X_ID' // 行数据的唯一主键字段名
+    // },
     radioConfig: {
       // trigger: 'default'
       strict: true
@@ -8443,10 +8446,9 @@ var GlobalConfig = {
       // trigger: 'default',
       strict: true
     },
-    // tooltipConfig: {
-    //   theme: 'dark',
-    //   enterable: false
-    // },
+    tooltipConfig: {
+      enterable: true
+    },
     validConfig: {
       showMessage: true,
       message: 'default'
@@ -8458,7 +8460,6 @@ var GlobalConfig = {
     //  storage: false,
     //  checkMethod () {}
     // },
-    // rowId: '_X_ID', // 行数据的唯一主键字段名
     sortConfig: {
       // remote: false,
       // trigger: 'default',
@@ -8630,6 +8631,7 @@ var GlobalConfig = {
     // size: null,
     trigger: 'hover',
     theme: 'dark',
+    enterDelay: 500,
     leaveDelay: 300
   },
   pager: {// size: null,
@@ -8642,12 +8644,15 @@ var GlobalConfig = {
   },
   form: {
     // preventSubmit: false,
+    // size: null,
+    // colon: false,
     validConfig: {
       showMessage: true,
       autoPos: true
     },
-    // size: null,
-    // colon: false,
+    tooltipConfig: {
+      enterable: true
+    },
     titleAsterisk: true
   },
   input: {
@@ -8739,17 +8744,14 @@ var GlobalConfig = {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
 var es_array_join = __webpack_require__("a15b");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
-var es_function_name = __webpack_require__("b0c0");
-
-// CONCATENATED MODULE: ./packages/tools/utils.ts
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
+var es_array_concat = __webpack_require__("99af");
 
+// CONCATENATED MODULE: ./packages/tools/log.ts
 
 
-var zindexIndex = 0;
-var lastZindex = 1;
 function getLog(message, params) {
-  return "[vxe-table] ".concat(conf.i18n(message, params));
+  return "[vxe-table v".concat("4.2.0-beta.2", "] ").concat(conf.i18n(message, params));
 }
 
 function outLog(type) {
@@ -8760,47 +8762,8 @@ function outLog(type) {
   };
 }
 
-function isEnableConf(conf) {
-  return conf && conf.enabled !== false;
-}
-function isEmptyValue(cellValue) {
-  return cellValue === null || cellValue === undefined || cellValue === '';
-}
-function parseFile(file) {
-  var name = file.name;
-  var tIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.lastIndexOf(name, '.');
-  var type = name.substring(tIndex + 1, name.length);
-  var filename = name.substring(0, tIndex);
-  return {
-    filename: filename,
-    type: type
-  };
-}
-function nextZIndex() {
-  lastZindex = conf.zIndex + zindexIndex++;
-  return lastZindex;
-}
-function getLastZIndex() {
-  return lastZindex;
-}
 var warnLog = outLog('warn');
 var errLog = outLog('error');
-function hasChildrenList(item) {
-  return item && item.children && item.children.length > 0;
-}
-function getFuncText(content) {
-  return content ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toValueString(conf.translate ? conf.translate('' + content) : content) : '';
-}
-function formatText(value, placeholder) {
-  return '' + (isEmptyValue(value) ? placeholder ? conf.emptyCell : '' : value);
-}
-/**
- * 判断值为：'' | null | undefined 时都属于空值
- */
-
-function eqEmptyValue(cellValue) {
-  return cellValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eqNull(cellValue);
-}
 // CONCATENATED MODULE: ./packages/v-x-e-table/src/interceptor.ts
 
 
@@ -8935,6 +8898,9 @@ function _objectSpread2(target) {
 
   return target;
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
+var es_function_name = __webpack_require__("b0c0");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
 var es_regexp_exec = __webpack_require__("ac1f");
 
@@ -8944,9 +8910,6 @@ var es_string_replace = __webpack_require__("5319");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
 var es_object_assign = __webpack_require__("cca6");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
-var es_array_concat = __webpack_require__("99af");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
 var es_array_map = __webpack_require__("d81d");
 
@@ -8977,6 +8940,51 @@ var es_promise = __webpack_require__("e6cf");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
 var es_string_fixed = __webpack_require__("c7cd");
 
+// CONCATENATED MODULE: ./packages/tools/utils.ts
+
+
+
+var zindexIndex = 0;
+var lastZindex = 1;
+function isEnableConf(conf) {
+  return conf && conf.enabled !== false;
+}
+function isEmptyValue(cellValue) {
+  return cellValue === null || cellValue === undefined || cellValue === '';
+}
+function parseFile(file) {
+  var name = file.name;
+  var tIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.lastIndexOf(name, '.');
+  var type = name.substring(tIndex + 1, name.length);
+  var filename = name.substring(0, tIndex);
+  return {
+    filename: filename,
+    type: type
+  };
+}
+function nextZIndex() {
+  lastZindex = conf.zIndex + zindexIndex++;
+  return lastZindex;
+}
+function getLastZIndex() {
+  return lastZindex;
+}
+function hasChildrenList(item) {
+  return item && item.children && item.children.length > 0;
+}
+function getFuncText(content) {
+  return content ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toValueString(conf.translate ? conf.translate('' + content) : content) : '';
+}
+function formatText(value, placeholder) {
+  return '' + (isEmptyValue(value) ? placeholder ? conf.emptyCell : '' : value);
+}
+/**
+ * 判断值为：'' | null | undefined 时都属于空值
+ */
+
+function eqEmptyValue(cellValue) {
+  return cellValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eqNull(cellValue);
+}
 // CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
 
 
@@ -8989,6 +8997,7 @@ var es_string_fixed = __webpack_require__("c7cd");
 
 
 
+
 var columnInfo_ColumnInfo = /*#__PURE__*/function () {
   /* eslint-disable @typescript-eslint/no-use-before-define */
   function ColumnInfo($xetable, _vm) {
@@ -9097,6 +9106,7 @@ var columnInfo_ColumnInfo = /*#__PURE__*/function () {
       exportMethod: _vm.exportMethod,
       footerExportMethod: _vm.footerExportMethod,
       titleHelp: _vm.titleHelp,
+      titlePrefix: _vm.titlePrefix,
       // 自定义参数
       params: _vm.params,
       // 渲染属性
@@ -9159,10 +9169,11 @@ var columnInfo_ColumnInfo = /*#__PURE__*/function () {
       // 不支持双向的属性
       if (name !== 'filters') {
         if (name === 'field') {
+          // 兼容旧属性
           this.property = value;
-        } else {
-          this[name] = value;
         }
+
+        this[name] = value;
       }
     }
   }]);
@@ -9268,7 +9279,13 @@ function setScrollLeft(elem, scrollLeft) {
   if (elem) {
     elem.scrollLeft = scrollLeft;
   }
-}
+} // export function setScrollLeftAndTop (elem: HTMLElement | null, scrollLeft: number, scrollTop: number) {
+//   if (elem) {
+//     elem.scrollLeft = scrollLeft
+//     elem.scrollTop = scrollTop
+//   }
+// }
+
 function updateCellTitle(overflowElem, column) {
   var content = column.type === 'html' ? overflowElem.innerText : overflowElem.textContent;
 
@@ -9348,6 +9365,9 @@ function dom_triggerEvent(targetElem, type) {
     targetElem.dispatchEvent(new Event(type));
   }
 }
+function isNodeElement(elem) {
+  return elem && elem.nodeType === 1;
+}
 // CONCATENATED MODULE: ./packages/table/src/util.ts
 
 
@@ -9394,13 +9414,18 @@ function getRowUniqueId() {
 
 function getRowkey($xetable) {
   var props = $xetable.props;
+
+  var _$xetable$getComputeM = $xetable.getComputeMaps(),
+      computeRowOpts = _$xetable$getComputeM.computeRowOpts;
+
   var rowId = props.rowId;
-  return rowId || '_X_ID';
+  var rowOpts = computeRowOpts.value;
+  return rowId || rowOpts.keyField || '_X_ID';
 } // 行主键 value
 
 function util_getRowid($xetable, row) {
-  var rowId = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(row, getRowkey($xetable));
-  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eqNull(rowId) ? '' : encodeURIComponent(rowId);
+  var rowid = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.get(row, getRowkey($xetable));
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eqNull(rowid) ? '' : encodeURIComponent(rowid);
 }
 var util_handleFieldOrColumn = function handleFieldOrColumn($xetable, fieldOrColumn) {
   if (fieldOrColumn) {
@@ -9749,6 +9774,7 @@ function getOnName(type) {
 
 
 
+
 var componentDefaultModelProp = 'modelValue';
 var defaultCompProps = {
   transfer: true
@@ -10730,6 +10756,7 @@ var v_x_e_table_config = new v_x_e_table_VXETableConfig();
 var v = 'v4';
 var VXETable = {
   v: v,
+  version: "4.2.0-beta.2",
   setup: setup_setup,
   interceptor: interceptor,
   renderer: renderer,
@@ -11171,8 +11198,8 @@ var tableFilterHook = {
        */
       confirmFilterEvent: function confirmFilterEvent(evnt) {
         var filterStore = reactData.filterStore,
-            scrollXLoad = reactData.scrollXLoad,
-            scrollYLoad = reactData.scrollYLoad;
+            oldScrollXLoad = reactData.scrollXLoad,
+            oldScrollYLoad = reactData.scrollYLoad;
         var filterOpts = computeFilterOpts.value;
         var column = filterStore.column;
         var property = column.property;
@@ -11189,15 +11216,6 @@ var tableFilterHook = {
         if (!filterOpts.remote) {
           $xetable.handleTableData(true);
           $xetable.checkSelectionStatus();
-          $xetable.updateFooter();
-
-          if (scrollXLoad || scrollYLoad) {
-            $xetable.clearScroll();
-
-            if (scrollYLoad) {
-              $xetable.updateScrollYSpace();
-            }
-          }
         }
 
         $xetable.dispatchEvent('filter-change', {
@@ -11209,9 +11227,29 @@ var tableFilterHook = {
           filterList: filterList
         }, evnt);
         $xetable.closeFilter();
-        Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
-          $xetable.recalculate();
+        $xetable.updateFooter().then(function () {
+          var scrollXLoad = reactData.scrollXLoad,
+              scrollYLoad = reactData.scrollYLoad;
+
+          if (oldScrollXLoad || scrollXLoad || oldScrollYLoad || scrollYLoad) {
+            if (oldScrollXLoad || scrollXLoad) {
+              $xetable.updateScrollXSpace();
+            }
+
+            if (oldScrollYLoad || scrollYLoad) {
+              $xetable.updateScrollYSpace();
+            }
+
+            return $xetable.refreshScroll();
+          }
+        }).then(function () {
           $xetable.updateCellAreas();
+          return $xetable.recalculate(true);
+        }).then(function () {
+          // 存在滚动行为未结束情况
+          setTimeout(function () {
+            return $xetable.recalculate();
+          }, 50);
         });
       }
     };
@@ -11372,10 +11410,10 @@ var Filter = {
   Panel: panel,
   install: function install(app) {
     VXETable.hooks.add('$tableFilter', hook);
-    dynamicApp.component(panel.name, panel);
     app.component(panel.name, panel);
   }
 };
+dynamicApp.component(panel.name, panel);
 /* harmony default export */ var filter = (Filter);
 // CONCATENATED MODULE: ./packages/menu/src/panel.ts
 
@@ -11996,10 +12034,10 @@ var Menu = {
   Panel: src_panel,
   install: function install(app) {
     VXETable.hooks.add('$tableMenu', src_hooks);
-    dynamicApp.component(src_panel.name, src_panel);
     app.component(src_panel.name, src_panel);
   }
 };
+dynamicApp.component(src_panel.name, src_panel);
 /* harmony default export */ var packages_menu = (Menu);
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -12091,6 +12129,7 @@ function _toConsumableArray(arr) {
 
 
 
+
 var tableEditMethodKeys = ['insert', 'insertAt', 'remove', 'removeCheckboxRow', 'removeRadioRow', 'removeCurrentRow', 'getRecordset', 'getInsertRecords', 'getRemoveRecords', 'getUpdateRecords', 'getActiveRecord', 'getSelectedCell', 'clearActived', 'clearSelected', 'isActiveByRow', 'setActiveRow', 'setActiveCell', 'setSelectCell'];
 var editHook = {
   setupTable: function setupTable($xetable) {
@@ -13605,6 +13644,7 @@ function useSize(props) {
 
 
 
+
 
 
 var allActivedModals = [];
@@ -14802,40 +14842,19 @@ var msgQueue = [];
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.pad-start.js
 var es_string_pad_start = __webpack_require__("4d90");
 
-// CONCATENATED MODULE: ./packages/input/src/input.ts
-
-
-
-
-
-
+// CONCATENATED MODULE: ./packages/input/src/date.ts
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-var yearSize = 20;
-var monthSize = 20;
-var quarterSize = 8;
-
 function toStringTimeDate(str) {
   if (str) {
     var rest = new Date();
-    var _h = 0;
+    var h = 0;
     var m = 0;
     var s = 0;
 
     if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDate(str)) {
-      _h = str.getHours();
+      h = str.getHours();
       m = str.getMinutes();
       s = str.getSeconds();
     } else {
@@ -14843,13 +14862,13 @@ function toStringTimeDate(str) {
       var parses = str.match(/^(\d{1,2})(:(\d{1,2}))?(:(\d{1,2}))?/);
 
       if (parses) {
-        _h = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(parses[1]);
+        h = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(parses[1]);
         m = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(parses[3]);
         s = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(parses[5]);
       }
     }
 
-    rest.setHours(_h);
+    rest.setHours(h);
     rest.setMinutes(m);
     rest.setSeconds(s);
     return rest;
@@ -14857,7 +14876,58 @@ function toStringTimeDate(str) {
 
   return new Date('');
 }
+function getDateQuarter(date) {
+  var month = date.getMonth();
+
+  if (month < 3) {
+    return 1;
+  } else if (month < 6) {
+    return 2;
+  } else if (month < 9) {
+    return 3;
+  }
+
+  return 4;
+}
+// CONCATENATED MODULE: ./packages/input/src/number.ts
+
+
+
+
+function handleNumber(val) {
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(val) ? val.replace(/,/g, '') : val;
+}
+function toFloatValueFixed(inputValue, digitsValue) {
+  if (/^-/.test('' + inputValue)) {
+    return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toFixed(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.ceil(inputValue, digitsValue), digitsValue);
+  }
+
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toFixed(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.floor(inputValue, digitsValue), digitsValue);
+}
+// CONCATENATED MODULE: ./packages/input/src/input.ts
+
+
+
+
+
+
+
+
+
+
+
 
+
+
+
+
+
+
+
+
+var yearSize = 20;
+var monthSize = 20;
+var quarterSize = 8;
 /* harmony default export */ var input = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
   name: 'VxeInput',
   props: {
@@ -15259,21 +15329,6 @@ function toStringTimeDate(str) {
       var yearList = computeYearList.value;
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.chunk(yearList, 4);
     });
-
-    var getDateQuarter = function getDateQuarter(date) {
-      var month = date.getMonth();
-
-      if (month < 3) {
-        return 1;
-      } else if (month < 6) {
-        return 2;
-      } else if (month < 9) {
-        return 3;
-      }
-
-      return 4;
-    };
-
     var computeQuarterList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       var selectMonth = reactData.selectMonth,
           currentDate = reactData.currentDate;
@@ -15470,19 +15525,7 @@ function toStringTimeDate(str) {
       return immediate || !(type === 'text' || type === 'number' || type === 'integer' || type === 'float');
     });
 
-    var handleNumber = function handleNumber(val) {
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(val) ? val.replace(/,/g, '') : val;
-    };
-
-    function toFloatValueFixed(inputValue, digitsValue) {
-      if (/^-/.test('' + inputValue)) {
-        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toFixed(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.ceil(inputValue, digitsValue), digitsValue);
-      }
-
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toFixed(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.floor(inputValue, digitsValue), digitsValue);
-    }
-
-    function getNumberValue(val) {
+    var getNumberValue = function getNumberValue(val) {
       var type = props.type,
           exponential = props.exponential;
       var inpMaxlength = computeInpMaxlength.value;
@@ -15494,7 +15537,7 @@ function toStringTimeDate(str) {
       }
 
       return restVal.slice(0, inpMaxlength);
-    }
+    };
 
     var triggerEvent = function triggerEvent(evnt) {
       var inputValue = reactData.inputValue;
@@ -19171,6 +19214,7 @@ var web_url_search_params = __webpack_require__("9861");
 
 
 
+
  // 导入
 
 var fileForm;
@@ -19185,13 +19229,9 @@ function createFrame() {
   return frame;
 }
 function getExportBlobByContent(content, options) {
-  if (window.Blob) {
-    return new Blob([content], {
-      type: "text/".concat(options.type, ";charset=utf-8;")
-    });
-  }
-
-  return null;
+  return new Blob([content], {
+    type: "text/".concat(options.type, ";charset=utf-8;")
+  });
 }
 function createHtmlPage(opts, content) {
   var style = opts.style;
@@ -19404,6 +19444,7 @@ var util_saveLocalFile = function saveLocalFile(options) {
 
 
 
+
 
 
 var htmlCellElem;
@@ -21162,12 +21203,12 @@ var Export = {
       }
     });
     VXETable.hooks.add('$tableExport', export_src_hook);
-    dynamicApp.component(export_panel.name, export_panel);
-    dynamicApp.component(import_panel.name, import_panel);
     app.component(export_panel.name, export_panel);
     app.component(import_panel.name, import_panel);
   }
 };
+dynamicApp.component(export_panel.name, export_panel);
+dynamicApp.component(import_panel.name, import_panel);
 /* harmony default export */ var packages_export = (Export);
 // CONCATENATED MODULE: ./packages/keyboard/src/hook.ts
 
@@ -22584,7 +22625,7 @@ var renderType = 'header';
             rowspan: column.rowSpan > 1 ? column.rowSpan : null,
             style: headerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null
           }, thOns), {}, {
-            key: columnKey || isColGroup ? column.id : $columnIndex
+            key: columnKey || columnOpts.useKey || isColGroup ? column.id : $columnIndex
           }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
             class: ['vxe-cell', {
               'c--title': showTitle,
@@ -22626,10 +22667,10 @@ var renderType = 'header';
 
 var Header = Object.assign(header, {
   install: function install(app) {
-    dynamicApp.component(header.name, header);
     app.component(header.name, header);
   }
 });
+dynamicApp.component(header.name, header);
 /* harmony default export */ var packages_header = (Header);
 // CONCATENATED MODULE: ./packages/footer/src/footer.ts
 
@@ -22709,7 +22750,8 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
         refValidTooltip = _$xetable$getRefMaps.refValidTooltip;
 
     var _$xetable$getComputeM = $xetable.getComputeMaps(),
-        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts;
+        computeTooltipOpts = _$xetable$getComputeM.computeTooltipOpts,
+        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
 
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
     var refFooterTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
@@ -22806,7 +22848,8 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
           scrollbarWidth = tableReactData.scrollbarWidth,
           currentColumn = tableReactData.currentColumn,
           mergeFooterList = tableReactData.mergeFooterList;
-      var tooltipOpts = computeTooltipOpts.value; // 如果是使用优化模式
+      var tooltipOpts = computeTooltipOpts.value;
+      var columnOpts = computeColumnOpts.value; // 如果是使用优化模式
 
       if (fixedType) {
         if (scrollYLoad || allColumnFooterOverflow) {
@@ -22992,7 +23035,7 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
           }, attrs), {}, {
             style: footerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle : null
           }, tfOns), {}, {
-            key: columnKey ? column.id : $columnIndex
+            key: columnKey || columnOpts.useKey ? column.id : $columnIndex
           }), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
             class: ['vxe-cell', {
               'c--title': showTitle,
@@ -23016,10 +23059,10 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
 
 var Footer = Object.assign(footer, {
   install: function install(app) {
-    dynamicApp.component(footer.name, footer);
     app.component(footer.name, footer);
   }
 });
+dynamicApp.component(footer.name, footer);
 /* harmony default export */ var packages_footer = (Footer);
 // CONCATENATED MODULE: ./packages/table/src/cell.ts
 
@@ -23037,9 +23080,9 @@ var Footer = Object.assign(footer, {
 function renderHelpIcon(params) {
   var $table = params.$table,
       column = params.column;
-  var titleHelp = column.titleHelp;
-  return titleHelp ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
-    class: ['vxe-cell-help-icon', titleHelp.icon || conf.icon.TABLE_HELP],
+  var titlePrefix = column.titlePrefix || column.titleHelp;
+  return titlePrefix ? [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
+    class: ['vxe-cell-help-icon', titlePrefix.icon || conf.icon.TABLE_HELP],
     onMouseenter: function onMouseenter(evnt) {
       $table.triggerHeaderHelpEvent(evnt, params);
     },
@@ -24085,8 +24128,10 @@ var columnProps = {
   exportMethod: Function,
   // 表尾单元格数据导出方法
   footerExportMethod: Function,
-  // 标题帮助图标配置项
+  // 已废弃，被 titlePrefix 替换
   titleHelp: Object,
+  // 标题帮助图标配置项
+  titlePrefix: Object,
   // 单元格值类型
   cellType: String,
   // 单元格渲染配置项
@@ -24133,13 +24178,14 @@ var columnProps = {
 
 var Column = Object.assign(src_column, {
   install: function install(app) {
-    dynamicApp.component(src_column.name, src_column);
     app.component(src_column.name, src_column); // 兼容旧用法
 
-    dynamicApp.component('VxeTableColumn', src_column);
     app.component('VxeTableColumn', src_column);
   }
 });
+dynamicApp.component(src_column.name, src_column); // 兼容旧用法
+
+dynamicApp.component('VxeTableColumn', src_column);
 /* harmony default export */ var packages_column = (Column);
 // CONCATENATED MODULE: ./packages/table/src/group.ts
 
@@ -24192,13 +24238,14 @@ var Column = Object.assign(src_column, {
 
 var Colgroup = Object.assign(table_src_group, {
   install: function install(app) {
-    dynamicApp.component(table_src_group.name, table_src_group);
     app.component(table_src_group.name, table_src_group); // 兼容旧用法
 
-    dynamicApp.component('VxeTableColgroup', table_src_group);
     app.component('VxeTableColgroup', table_src_group);
   }
 });
+dynamicApp.component(table_src_group.name, table_src_group); // 兼容旧用法
+
+dynamicApp.component('VxeTableColgroup', table_src_group);
 /* harmony default export */ var packages_colgroup = (Colgroup);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__("4e82");
@@ -24215,7 +24262,7 @@ var es_array_sort = __webpack_require__("4e82");
   height: [Number, String],
   // 表格的最大高度
   maxHeight: [Number, String],
-  // 所有列是否允许拖动列宽调整大小
+  // （即将废弃）所有列是否允许拖动列宽调整大小
   resizable: {
     type: Boolean,
     default: function _default() {
@@ -24376,9 +24423,11 @@ var es_array_sort = __webpack_require__("4e82");
   },
 
   /** 高级属性 */
-  // 主键配置
+  // （即将废弃）columnKey 已废弃，被 column-config.useKey 替换
   columnKey: Boolean,
+  // （即将废弃）rowKey 已废弃，被 row-config.useKey 替换
   rowKey: Boolean,
+  // （即将废弃）rowId 已废弃，被 row-config.keyField 替换
   rowId: {
     type: String,
     default: function _default() {
@@ -24468,6 +24517,7 @@ var es_array_sort = __webpack_require__("4e82");
       return conf.table.animat;
     }
   },
+  // （可能会被废弃的参数，不要使用）
   delayHover: {
     type: Number,
     default: function _default() {
@@ -24478,7 +24528,7 @@ var es_array_sort = __webpack_require__("4e82");
   params: Object
 });
 // CONCATENATED MODULE: ./packages/table/src/emits.ts
-/* harmony default export */ var emits = (['update:data', 'keydown', 'paste', 'copy', 'cut', 'current-change', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'filter-change', 'filter-visible', 'clear-filter', 'resizable-change', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'edit-actived', 'edit-disabled', 'valid-error', 'scroll', 'custom', 'change-fnr', 'open-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-start', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-end', 'cell-area-arrows-start', 'cell-area-arrows-end']);
+/* harmony default export */ var emits = (['update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'current-change', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'filter-change', 'filter-visible', 'clear-filter', 'resizable-change', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'edit-actived', 'edit-disabled', 'valid-error', 'scroll', 'custom', 'change-fnr', 'open-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-start', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'active-cell-move-start', 'active-cell-move-end']);
 // CONCATENATED MODULE: ./packages/grid/src/grid.ts
 
 
@@ -24500,6 +24550,7 @@ var es_array_sort = __webpack_require__("4e82");
 
 
 
+
 
 
 var tableComponentPropKeys = Object.keys(src_props);
@@ -25909,10 +25960,10 @@ var gridComponentEmits = [].concat(_toConsumableArray(emits), ['page-change', 'f
 
 var Grid = Object.assign(grid, {
   install: function install(app) {
-    dynamicApp.component(grid.name, grid);
     app.component(grid.name, grid);
   }
 });
+dynamicApp.component(grid.name, grid);
 /* harmony default export */ var packages_grid = (Grid);
 // CONCATENATED MODULE: ./packages/toolbar/src/toolbar.ts
 
@@ -25931,6 +25982,7 @@ var Grid = Object.assign(grid, {
 
 
 
+
 /* harmony default export */ var toolbar = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
   name: 'VxeToolbar',
   props: {
@@ -26684,10 +26736,10 @@ var Grid = Object.assign(grid, {
 
 var Toolbar = Object.assign(toolbar, {
   install: function install(app) {
-    dynamicApp.component(toolbar.name, toolbar);
     app.component(toolbar.name, toolbar);
   }
 });
+dynamicApp.component(toolbar.name, toolbar);
 /* harmony default export */ var packages_toolbar = (Toolbar);
 // CONCATENATED MODULE: ./packages/pager/src/pager.ts
 
@@ -26806,6 +26858,9 @@ var Toolbar = Object.assign(toolbar, {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.uniqueId();
     var computeSize = useSize(props);
     var $xegrid = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xegrid', null);
+    var reactData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
+      inpCurrPage: props.currentPage
+    });
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
     var refMaps = {
       refElem: refElem
@@ -26933,6 +26988,11 @@ var Toolbar = Object.assign(toolbar, {
       });
     };
 
+    var jumpInputEvent = function jumpInputEvent(evnt) {
+      var inputElem = evnt.target;
+      reactData.inpCurrPage = inputElem.value;
+    };
+
     var jumpKeydownEvent = function jumpKeydownEvent(evnt) {
       if (hasEventKey(evnt, EVENT_KEYS.ENTER)) {
         triggerJumpEvent(evnt);
@@ -27098,9 +27158,10 @@ var Toolbar = Object.assign(toolbar, {
         class: 'vxe-pager--goto-text'
       }, conf.i18n('vxe.pager.goto')) : null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('input', {
         class: 'vxe-pager--goto',
-        value: props.currentPage,
+        value: reactData.inpCurrPage,
         type: 'text',
         autocomplete: 'off',
+        onInput: jumpInputEvent,
         onKeydown: jumpKeydownEvent,
         onBlur: triggerJumpEvent
       }), isFull ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
@@ -27161,6 +27222,11 @@ var Toolbar = Object.assign(toolbar, {
       handleNextJump: handleNextJump
     };
     Object.assign($xepager, pagerMethods, pagerPrivateMethods);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.currentPage;
+    }, function (value) {
+      reactData.inpCurrPage = value;
+    });
 
     var renderVN = function renderVN() {
       var _ref;
@@ -27266,10 +27332,10 @@ var Toolbar = Object.assign(toolbar, {
 
 var Pager = Object.assign(pager, {
   install: function install(app) {
-    dynamicApp.component(pager.name, pager);
     app.component(pager.name, pager);
   }
 });
+dynamicApp.component(pager.name, pager);
 /* harmony default export */ var packages_pager = (Pager);
 // CONCATENATED MODULE: ./packages/checkbox/index.ts
 
@@ -27278,10 +27344,10 @@ var Pager = Object.assign(pager, {
 
 var Checkbox = Object.assign(src_checkbox, {
   install: function install(app) {
-    dynamicApp.component(src_checkbox.name, src_checkbox);
     app.component(src_checkbox.name, src_checkbox);
   }
 });
+dynamicApp.component(src_checkbox.name, src_checkbox);
 /* harmony default export */ var packages_checkbox = (Checkbox);
 // CONCATENATED MODULE: ./packages/checkbox/src/group.ts
 
@@ -27362,10 +27428,10 @@ var Checkbox = Object.assign(src_checkbox, {
 
 var CheckboxGroup = Object.assign(checkbox_src_group, {
   install: function install(app) {
-    dynamicApp.component(checkbox_src_group.name, checkbox_src_group);
     app.component(checkbox_src_group.name, checkbox_src_group);
   }
 });
+dynamicApp.component(checkbox_src_group.name, checkbox_src_group);
 /* harmony default export */ var checkbox_group = (CheckboxGroup);
 // CONCATENATED MODULE: ./packages/radio/index.ts
 
@@ -27374,10 +27440,10 @@ var CheckboxGroup = Object.assign(checkbox_src_group, {
 
 var Radio = Object.assign(src_radio, {
   install: function install(app) {
-    dynamicApp.component(src_radio.name, src_radio);
     app.component(src_radio.name, src_radio);
   }
 });
+dynamicApp.component(src_radio.name, src_radio);
 /* harmony default export */ var packages_radio = (Radio);
 // CONCATENATED MODULE: ./packages/radio-group/index.ts
 
@@ -27386,10 +27452,10 @@ var Radio = Object.assign(src_radio, {
 
 var RadioGroup = Object.assign(src_group, {
   install: function install(app) {
-    dynamicApp.component(src_group.name, src_group);
     app.component(src_group.name, src_group);
   }
 });
+dynamicApp.component(src_group.name, src_group);
 /* harmony default export */ var radio_group = (RadioGroup);
 // CONCATENATED MODULE: ./packages/radio/src/button.ts
 
@@ -27531,10 +27597,10 @@ var RadioGroup = Object.assign(src_group, {
 
 var RadioButton = Object.assign(radio_src_button, {
   install: function install(app) {
-    dynamicApp.component(radio_src_button.name, radio_src_button);
     app.component(radio_src_button.name, radio_src_button);
   }
 });
+dynamicApp.component(radio_src_button.name, radio_src_button);
 /* harmony default export */ var radio_button = (RadioButton);
 // CONCATENATED MODULE: ./packages/input/index.ts
 
@@ -27543,10 +27609,10 @@ var RadioButton = Object.assign(radio_src_button, {
 
 var Input = Object.assign(input, {
   install: function install(app) {
-    dynamicApp.component(input.name, input);
     app.component(input.name, input);
   }
 });
+dynamicApp.component(input.name, input);
 /* harmony default export */ var packages_input = (Input);
 // CONCATENATED MODULE: ./packages/textarea/src/textarea.ts
 
@@ -27848,10 +27914,10 @@ var autoTxtElem;
 
 var Textarea = Object.assign(src_textarea, {
   install: function install(app) {
-    dynamicApp.component(src_textarea.name, src_textarea);
     app.component(src_textarea.name, src_textarea);
   }
 });
+dynamicApp.component(src_textarea.name, src_textarea);
 /* harmony default export */ var packages_textarea = (Textarea);
 // CONCATENATED MODULE: ./packages/button/index.ts
 
@@ -27860,10 +27926,10 @@ var Textarea = Object.assign(src_textarea, {
 
 var Button = Object.assign(src_button, {
   install: function install(app) {
-    dynamicApp.component(src_button.name, src_button);
     app.component(src_button.name, src_button);
   }
 });
+dynamicApp.component(src_button.name, src_button);
 /* harmony default export */ var packages_button = (Button);
 // CONCATENATED MODULE: ./packages/modal/index.ts
 
@@ -27986,11 +28052,11 @@ var ModalController = {
 var modal_modal = ModalController;
 var Modal = Object.assign(modal, {
   install: function install(app) {
-    dynamicApp.component(modal.name, modal);
     app.component(modal.name, modal);
     VXETable.modal = ModalController;
   }
 });
+dynamicApp.component(modal.name, modal);
 /* harmony default export */ var packages_modal = (Modal);
 // CONCATENATED MODULE: ./packages/tooltip/src/tooltip.ts
 
@@ -28026,20 +28092,29 @@ var Modal = Object.assign(modal, {
         return conf.tooltip.theme;
       }
     },
-    content: [String, Number],
+    content: {
+      type: [String, Number],
+      default: null
+    },
+    useHTML: Boolean,
     zIndex: [String, Number],
     isArrow: {
       type: Boolean,
       default: true
     },
     enterable: Boolean,
+    enterDelay: {
+      type: Number,
+      default: function _default() {
+        return conf.tooltip.enterDelay;
+      }
+    },
     leaveDelay: {
       type: Number,
       default: function _default() {
         return conf.tooltip.leaveDelay;
       }
-    },
-    leaveMethod: Function
+    }
   },
   emits: ['update:modelValue'],
   setup: function setup(props, context) {
@@ -28050,9 +28125,9 @@ var Modal = Object.assign(modal, {
     var reactData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       target: null,
       isUpdate: false,
-      isHover: false,
       visible: false,
-      message: '',
+      tipContent: '',
+      tipActive: false,
       tipTarget: null,
       tipZindex: 0,
       tipStore: {
@@ -28075,7 +28150,6 @@ var Modal = Object.assign(modal, {
       }
     };
     var tooltipMethods = {};
-    var targetActive;
 
     var updateTipStyle = function updateTipStyle() {
       var tipTarget = reactData.tipTarget,
@@ -28144,11 +28218,11 @@ var Modal = Object.assign(modal, {
       var trigger = props.trigger,
           enterable = props.enterable,
           leaveDelay = props.leaveDelay;
-      targetActive = false;
+      reactData.tipActive = false;
 
       if (enterable && trigger === 'hover') {
         setTimeout(function () {
-          if (!reactData.isHover) {
+          if (!reactData.tipActive) {
             tooltipMethods.close();
           }
         }, leaveDelay);
@@ -28158,29 +28232,59 @@ var Modal = Object.assign(modal, {
     };
 
     var wrapperMouseenterEvent = function wrapperMouseenterEvent() {
-      reactData.isHover = true;
+      reactData.tipActive = true;
     };
 
-    var wrapperMouseleaveEvent = function wrapperMouseleaveEvent(evnt) {
-      var leaveMethod = props.leaveMethod,
-          trigger = props.trigger,
+    var wrapperMouseleaveEvent = function wrapperMouseleaveEvent() {
+      var trigger = props.trigger,
           enterable = props.enterable,
           leaveDelay = props.leaveDelay;
-      reactData.isHover = false;
+      reactData.tipActive = false;
 
-      if (!leaveMethod || leaveMethod({
-        $event: evnt
-      }) !== false) {
-        if (enterable && trigger === 'hover') {
-          setTimeout(function () {
-            if (!targetActive) {
-              tooltipMethods.close();
-            }
-          }, leaveDelay);
+      if (enterable && trigger === 'hover') {
+        setTimeout(function () {
+          if (!reactData.tipActive) {
+            tooltipMethods.close();
+          }
+        }, leaveDelay);
+      }
+    };
+
+    var showTip = function showTip() {
+      var tipStore = reactData.tipStore;
+      var el = refElem.value;
+
+      if (el) {
+        var parentNode = el.parentNode;
+
+        if (!parentNode) {
+          document.body.appendChild(el);
         }
       }
+
+      updateValue(true);
+      updateZindex();
+      tipStore.placement = 'top';
+      tipStore.style = {
+        width: 'auto',
+        left: 0,
+        top: 0,
+        zIndex: props.zIndex || reactData.tipZindex
+      };
+      tipStore.arrowStyle = {
+        left: '50%'
+      };
+      return tooltipMethods.updatePlacement();
     };
 
+    var showDelayTip = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.debounce(function () {
+      if (reactData.tipActive) {
+        showTip();
+      }
+    }, props.enterDelay, {
+      leading: false,
+      trailing: true
+    });
     tooltipMethods = {
       dispatchEvent: function dispatchEvent(type, params, evnt) {
         emit(type, Object.assign({
@@ -28188,11 +28292,12 @@ var Modal = Object.assign(modal, {
           $event: evnt
         }, params));
       },
-      open: function open(target, message) {
-        return tooltipMethods.toVisible(target || reactData.target, message);
+      open: function open(target, content) {
+        return tooltipMethods.toVisible(target || reactData.target, content);
       },
       close: function close() {
         reactData.tipTarget = null;
+        reactData.tipActive = false;
         Object.assign(reactData.tipStore, {
           style: {},
           placement: '',
@@ -28201,36 +28306,22 @@ var Modal = Object.assign(modal, {
         updateValue(false);
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
       },
-      toVisible: function toVisible(target, message) {
-        targetActive = true;
-
+      toVisible: function toVisible(target, content) {
         if (target) {
-          var tipStore = reactData.tipStore;
-          var el = refElem.value;
-          var parentNode = el.parentNode;
+          var trigger = props.trigger,
+              enterDelay = props.enterDelay;
+          reactData.tipActive = true;
+          reactData.tipTarget = target;
 
-          if (!parentNode) {
-            document.body.appendChild(el);
+          if (content) {
+            reactData.tipContent = content;
           }
 
-          if (message) {
-            reactData.message = message;
+          if (enterDelay && trigger === 'hover') {
+            showDelayTip();
+          } else {
+            return showTip();
           }
-
-          reactData.tipTarget = target;
-          updateValue(true);
-          updateZindex();
-          tipStore.placement = 'top';
-          tipStore.style = {
-            width: 'auto',
-            left: 0,
-            top: 0,
-            zIndex: props.zIndex || reactData.tipZindex
-          };
-          tipStore.arrowStyle = {
-            left: '50%'
-          };
-          return tooltipMethods.updatePlacement();
         }
 
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
@@ -28245,13 +28336,19 @@ var Modal = Object.assign(modal, {
             return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])().then(updateTipStyle);
           }
         });
+      },
+      isActived: function isActived() {
+        return reactData.tipActive;
+      },
+      setActived: function setActived(actived) {
+        reactData.tipActive = !!actived;
       }
     };
     Object.assign($xetooltip, tooltipMethods);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.content;
     }, function () {
-      reactData.message = props.content;
+      reactData.tipContent = props.content;
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.modelValue;
@@ -28275,7 +28372,7 @@ var Modal = Object.assign(modal, {
         var parentNode = wrapperElem.parentNode;
 
         if (parentNode) {
-          reactData.message = content;
+          reactData.tipContent = content;
           reactData.tipZindex = nextZIndex();
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.arrayEach(wrapperElem.children, function (elem, index) {
             if (index > 1) {
@@ -28291,8 +28388,8 @@ var Modal = Object.assign(modal, {
 
           if (target) {
             if (trigger === 'hover') {
-              target.onmouseleave = targetMouseleaveEvent;
               target.onmouseenter = targetMouseenterEvent;
+              target.onmouseleave = targetMouseleaveEvent;
             } else if (trigger === 'click') {
               target.onclick = clickEvent;
             }
@@ -28327,16 +28424,40 @@ var Modal = Object.assign(modal, {
       }
     });
 
+    var renderContent = function renderContent() {
+      var useHTML = props.useHTML;
+      var tipContent = reactData.tipContent;
+
+      if (slots.content) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          key: 1,
+          class: 'vxe-table--tooltip-content'
+        }, slots.content({}));
+      }
+
+      if (useHTML) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+          key: 2,
+          class: 'vxe-table--tooltip-content',
+          innerHTML: tipContent
+        });
+      }
+
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+        key: 3,
+        class: 'vxe-table--tooltip-content'
+      }, formatText(tipContent));
+    };
+
     var renderVN = function renderVN() {
       var _ref;
 
       var theme = props.theme,
           isArrow = props.isArrow,
           enterable = props.enterable;
-      var isHover = reactData.isHover,
+      var tipActive = reactData.tipActive,
           visible = reactData.visible,
-          tipStore = reactData.tipStore,
-          message = reactData.message;
+          tipStore = reactData.tipStore;
       var vSize = computeSize.value;
       var ons;
 
@@ -28349,11 +28470,9 @@ var Modal = Object.assign(modal, {
 
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
         ref: refElem,
-        class: ['vxe-table--tooltip-wrapper', "theme--".concat(theme), (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, "placement--".concat(tipStore.placement), tipStore.placement), _defineProperty(_ref, 'is--enterable', enterable), _defineProperty(_ref, 'is--visible', visible), _defineProperty(_ref, 'is--arrow', isArrow), _defineProperty(_ref, 'is--hover', isHover), _ref)],
+        class: ['vxe-table--tooltip-wrapper', "theme--".concat(theme), (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, "placement--".concat(tipStore.placement), tipStore.placement), _defineProperty(_ref, 'is--enterable', enterable), _defineProperty(_ref, 'is--visible', visible), _defineProperty(_ref, 'is--arrow', isArrow), _defineProperty(_ref, 'is--actived', tipActive), _ref)],
         style: tipStore.style
-      }, ons), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
-        class: 'vxe-table--tooltip-content'
-      }, slots.content ? slots.content({}) : formatText(message)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+      }, ons), [renderContent(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         class: 'vxe-table--tooltip-arrow',
         style: tipStore.arrowStyle
       })].concat(slots.default ? slots.default({}) : []));
@@ -28375,10 +28494,10 @@ var Modal = Object.assign(modal, {
 var Tooltip = Object.assign(tooltip, {
   install: function install(app) {
     VXETable.tooltip = true;
-    dynamicApp.component(tooltip.name, tooltip);
     app.component(tooltip.name, tooltip);
   }
 });
+dynamicApp.component(tooltip.name, tooltip);
 /* harmony default export */ var packages_tooltip = (Tooltip);
 // CONCATENATED MODULE: ./packages/form/src/itemInfo.ts
 
@@ -28438,6 +28557,13 @@ function isFormItem(item) {
 function createItem($xeform, _vm) {
   return isFormItem(_vm) ? _vm : new itemInfo_ItemInfo($xeform, _vm);
 }
+var util_handleFieldOrItem = function handleFieldOrItem($xeform, fieldOrItem) {
+  if (fieldOrItem) {
+    return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(fieldOrItem) ? $xeform.getItemByField(fieldOrItem) : fieldOrItem;
+  }
+
+  return null;
+};
 function watchItem(props, formItem) {
   Object.keys(props).forEach(function (name) {
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
@@ -28479,6 +28605,7 @@ function destroyItem($xeform, formItem) {
 
 
 
+
 function renderPrefixIcon(titlePrefix) {
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
     class: 'vxe-form--item-title-prefix'
@@ -28497,11 +28624,16 @@ function render_renderSuffixIcon(titleSuffix) {
 
 function renderTitle($xeform, item) {
   var data = $xeform.props.data;
+
+  var _$xeform$getComputeMa = $xeform.getComputeMaps(),
+      computeTooltipOpts = _$xeform$getComputeMa.computeTooltipOpts;
+
   var slots = item.slots,
       field = item.field,
       itemRender = item.itemRender,
       titlePrefix = item.titlePrefix,
       titleSuffix = item.titleSuffix;
+  var tooltipOpts = computeTooltipOpts.value;
   var compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null;
   var params = {
     data: data,
@@ -28514,11 +28646,9 @@ function renderTitle($xeform, item) {
   var titVNs = [];
 
   if (titlePrefix) {
-    titVNs.push(titlePrefix.content || titlePrefix.message ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-tooltip'), {
-      content: getFuncText(titlePrefix.content || titlePrefix.message),
-      enterable: titlePrefix.enterable,
-      theme: titlePrefix.theme
-    }, {
+    titVNs.push(titlePrefix.content || titlePrefix.message ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-tooltip'), _objectSpread2(_objectSpread2(_objectSpread2({}, tooltipOpts), titlePrefix), {}, {
+      content: getFuncText(titlePrefix.content || titlePrefix.message)
+    }), {
       default: function _default() {
         return renderPrefixIcon(titlePrefix);
       }
@@ -28534,11 +28664,9 @@ function renderTitle($xeform, item) {
   var fixVNs = [];
 
   if (titleSuffix) {
-    fixVNs.push(titleSuffix.content || titleSuffix.message ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-tooltip'), {
-      content: getFuncText(titleSuffix.content || titleSuffix.message),
-      enterable: titleSuffix.enterable,
-      theme: titleSuffix.theme
-    }, {
+    fixVNs.push(titleSuffix.content || titleSuffix.message ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-tooltip'), _objectSpread2(_objectSpread2(_objectSpread2({}, tooltipOpts), titleSuffix), {}, {
+      content: getFuncText(titleSuffix.content || titleSuffix.message)
+    }), {
       default: function _default() {
         return render_renderSuffixIcon(titleSuffix);
       }
@@ -28579,7 +28707,6 @@ function renderTitle($xeform, item) {
 
 
 
-
 
 
 var form_Rule = /*#__PURE__*/function () {
@@ -28739,7 +28866,6 @@ function getResetValue(value, resetValue) {
     });
     var internalData = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       tooltipTimeout: null,
-      tooltipActive: false,
       tooltipStore: {
         item: null,
         visible: false
@@ -28751,28 +28877,8 @@ function getResetValue(value, resetValue) {
     var computeValidOpts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       return Object.assign({}, conf.form.validConfig, props.validConfig);
     });
-    var computeTooltipOpts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-
-    var handleTooltipLeaveMethod = function handleTooltipLeaveMethod() {
-      var tooltipOpts = computeTooltipOpts.value;
-      setTimeout(function () {
-        if (!internalData.tooltipActive) {
-          formMethods.closeTooltip();
-        }
-      }, tooltipOpts.leaveDelay);
-      return false;
-    };
-
-    computeTooltipOpts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      var opts = Object.assign({
-        leaveDelay: 300
-      }, conf.form.tooltipConfig, props.tooltipConfig);
-
-      if (opts.enterable) {
-        opts.leaveMethod = handleTooltipLeaveMethod;
-      }
-
-      return opts;
+    var computeTooltipOpts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return Object.assign({}, conf.tooltip, conf.form.tooltipConfig, props.tooltipConfig);
     });
     var refMaps = {
       refElem: refElem
@@ -28845,6 +28951,15 @@ function getResetValue(value, resetValue) {
       return itemList;
     };
 
+    var getItemByField = function getItemByField(field) {
+      var rest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(reactData.formItems, function (item) {
+        return item.field === field;
+      }, {
+        children: 'children'
+      });
+      return rest ? rest.item : null;
+    };
+
     var getCollapseStatus = function getCollapseStatus() {
       return reactData.collapseAll;
     };
@@ -28871,19 +28986,15 @@ function getResetValue(value, resetValue) {
       }, evnt);
     };
 
-    var clearValidate = function clearValidate(field) {
-      var itemList = getItems();
-
-      if (field) {
-        var item = itemList.find(function (item) {
-          return item.field === field;
-        });
+    var clearValidate = function clearValidate(fieldOrItem) {
+      if (fieldOrItem) {
+        var item = util_handleFieldOrItem($xeform, fieldOrItem);
 
         if (item) {
           item.showError = false;
         }
       } else {
-        itemList.forEach(function (item) {
+        getItems().forEach(function (item) {
           item.showError = false;
         });
       }
@@ -28931,12 +29042,9 @@ function getResetValue(value, resetValue) {
     };
 
     var handleFocus = function handleFocus(fields) {
-      var itemList = getItems();
       var el = refElem.value;
       fields.some(function (property, index) {
-        var item = itemList.find(function (item) {
-          return item.field === property;
-        });
+        var item = getItemByField(property);
 
         if (item && isEnableConf(item.itemRender)) {
           var itemRender = item.itemRender;
@@ -29135,10 +29243,9 @@ function getResetValue(value, resetValue) {
       return beginValidate(getItems(), '', callback);
     };
 
-    var validateField = function validateField(field, callback) {
-      return beginValidate(getItems().filter(function (item) {
-        return item.field === field;
-      }), '', callback);
+    var validateField = function validateField(fieldOrItem, callback) {
+      var item = util_handleFieldOrItem($xeform, fieldOrItem);
+      return beginValidate(item ? [item] : [], '', callback);
     };
 
     var submitEvent = function submitEvent(evnt) {
@@ -29177,7 +29284,7 @@ function getResetValue(value, resetValue) {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
     };
 
-    var triggerHeaderHelpEvent = function triggerHeaderHelpEvent(evnt, params) {
+    var triggerTitleTipEvent = function triggerTitleTipEvent(evnt, params) {
       var item = params.item;
       var tooltipStore = internalData.tooltipStore;
       var $tooltip = refTooltip.value;
@@ -29185,8 +29292,10 @@ function getResetValue(value, resetValue) {
       var content = (overflowElem.textContent || '').trim();
       var isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
       clearTimeout(internalData.tooltipTimeout);
-      internalData.tooltipActive = true;
-      closeTooltip();
+
+      if (tooltipStore.item !== item) {
+        closeTooltip();
+      }
 
       if (content && isCellOverflow) {
         Object.assign(tooltipStore, {
@@ -29200,15 +29309,19 @@ function getResetValue(value, resetValue) {
       }
     };
 
-    var handleTargetLeaveEvent = function handleTargetLeaveEvent() {
+    var handleTitleTipLeaveEvent = function handleTitleTipLeaveEvent() {
       var tooltipOpts = computeTooltipOpts.value;
-      internalData.tooltipActive = false;
+      var $tooltip = refTooltip.value;
+
+      if ($tooltip) {
+        $tooltip.setActived(false);
+      }
 
       if (tooltipOpts.enterable) {
         internalData.tooltipTimeout = setTimeout(function () {
-          var $tooltip = refTooltip.value;
+          $tooltip = refTooltip.value;
 
-          if ($tooltip && !$tooltip.reactData.isHover) {
+          if ($tooltip && !$tooltip.isActived()) {
             closeTooltip();
           }
         }, tooltipOpts.leaveDelay);
@@ -29231,10 +29344,7 @@ function getResetValue(value, resetValue) {
           clearValidate(property);
         }).catch(function (_ref2) {
           var rule = _ref2.rule;
-          var itemList = getItems();
-          var item = itemList.find(function (item) {
-            return item.field === property;
-          });
+          var item = getItemByField(property);
 
           if (item) {
             item.showError = true;
@@ -29250,7 +29360,7 @@ function getResetValue(value, resetValue) {
           allTitleOverflow = props.titleOverflow;
       var collapseAll = reactData.collapseAll;
       var validOpts = computeValidOpts.value;
-      return itemList.map(function (item, index) {
+      return itemList.map(function (item) {
         var slots = item.slots,
             title = item.title,
             visible = item.visible,
@@ -29347,9 +29457,9 @@ function getResetValue(value, resetValue) {
 
         var ons = showTooltip ? {
           onMouseenter: function onMouseenter(evnt) {
-            triggerHeaderHelpEvent(evnt, params);
+            triggerTitleTipEvent(evnt, params);
           },
-          onMouseleave: handleTargetLeaveEvent
+          onMouseleave: handleTitleTipLeaveEvent
         } : {};
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
           class: ['vxe-form--item', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(className) ? className(params) : className : '', {
@@ -29359,7 +29469,7 @@ function getResetValue(value, resetValue) {
             'is--active': !itemVisibleMethod || itemVisibleMethod(params),
             'is--error': showError
           }],
-          key: index
+          key: item.id
         }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
           class: 'vxe-form--item-inner'
         }, [title || titleSlot ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', _objectSpread2({
@@ -29390,13 +29500,14 @@ function getResetValue(value, resetValue) {
       updateStatus: updateStatus,
       toggleCollapse: toggleCollapse,
       getItems: getItems,
+      getItemByField: getItemByField,
       closeTooltip: closeTooltip
     };
     var formPrivateMethods = {
       callSlot: callSlot,
       toggleCollapseEvent: toggleCollapseEvent,
-      triggerHeaderHelpEvent: triggerHeaderHelpEvent,
-      handleTargetLeaveEvent: handleTargetLeaveEvent
+      triggerTitleTipEvent: triggerTitleTipEvent,
+      handleTitleTipLeaveEvent: handleTitleTipLeaveEvent
     };
     Object.assign($xeform, formMethods, formPrivateMethods);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
@@ -29483,10 +29594,10 @@ function getResetValue(value, resetValue) {
 
 var Form = Object.assign(src_form, {
   install: function install(app) {
-    dynamicApp.component(src_form.name, src_form);
     app.component(src_form.name, src_form);
   }
 });
+dynamicApp.component(src_form.name, src_form);
 /* harmony default export */ var packages_form = (Form);
 // CONCATENATED MODULE: ./packages/form/src/form-item.ts
 
@@ -29533,7 +29644,7 @@ var formItemProps = {
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
     var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', {});
     var formGather = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('xeformgather', null);
-    var formItem = createItem($xeform, props);
+    var formItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(createItem($xeform, props));
     formItem.slots = slots;
     watchItem(props, formItem);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
@@ -29634,9 +29745,9 @@ var formItemProps = {
 
       var ons = showTooltip ? {
         onMouseenter: function onMouseenter(evnt) {
-          $xeform.triggerHeaderHelpEvent(evnt, params);
+          $xeform.triggerTitleTipEvent(evnt, params);
         },
-        onMouseleave: $xeform.handleTargetLeaveEvent
+        onMouseleave: $xeform.handleTitleTipLeaveEvent
       } : {};
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         ref: refElem,
@@ -29679,10 +29790,10 @@ var formItemProps = {
 
 var FormItem = Object.assign(form_item, {
   install: function install(app) {
-    dynamicApp.component(form_item.name, form_item);
     app.component(form_item.name, form_item);
   }
 });
+dynamicApp.component(form_item.name, form_item);
 /* harmony default export */ var packages_form_item = (FormItem);
 // CONCATENATED MODULE: ./packages/form/src/form-gather.ts
 
@@ -29698,7 +29809,7 @@ var FormItem = Object.assign(form_item, {
     var $xeform = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('$xeform', {});
     var formGather = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('xeformgather', null);
     var defaultSlot = slots.default;
-    var formItem = createItem($xeform, props);
+    var formItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(createItem($xeform, props));
     var xeformitem = {
       formItem: formItem
     };
@@ -29736,10 +29847,10 @@ var FormItem = Object.assign(form_item, {
 
 var FormGather = Object.assign(form_gather, {
   install: function install(app) {
-    dynamicApp.component(form_gather.name, form_gather);
     app.component(form_gather.name, form_gather);
   }
 });
+dynamicApp.component(form_gather.name, form_gather);
 /* harmony default export */ var packages_form_gather = (FormGather);
 // CONCATENATED MODULE: ./packages/select/index.ts
 
@@ -29748,10 +29859,10 @@ var FormGather = Object.assign(form_gather, {
 
 var Select = Object.assign(src_select, {
   install: function install(app) {
-    dynamicApp.component(src_select.name, src_select);
     app.component(src_select.name, src_select);
   }
 });
+dynamicApp.component(src_select.name, src_select);
 /* harmony default export */ var packages_select = (Select);
 // CONCATENATED MODULE: ./packages/select/src/optionInfo.ts
 
@@ -29880,10 +29991,10 @@ function destroyOption($xeselect, option) {
 
 var Optgroup = Object.assign(src_optgroup, {
   install: function install(app) {
-    dynamicApp.component(src_optgroup.name, src_optgroup);
     app.component(src_optgroup.name, src_optgroup);
   }
 });
+dynamicApp.component(src_optgroup.name, src_optgroup);
 /* harmony default export */ var packages_optgroup = (Optgroup);
 // CONCATENATED MODULE: ./packages/select/src/option.ts
 
@@ -29932,10 +30043,10 @@ var Optgroup = Object.assign(src_optgroup, {
 
 var Option = Object.assign(src_option, {
   install: function install(app) {
-    dynamicApp.component(src_option.name, src_option);
     app.component(src_option.name, src_option);
   }
 });
+dynamicApp.component(src_option.name, src_option);
 /* harmony default export */ var packages_option = (Option);
 // CONCATENATED MODULE: ./packages/switch/src/switch.ts
 
@@ -30099,10 +30210,10 @@ var Option = Object.assign(src_option, {
 
 var Switch = Object.assign(src_switch, {
   install: function install(app) {
-    dynamicApp.component(src_switch.name, src_switch);
     app.component(src_switch.name, src_switch);
   }
 });
+dynamicApp.component(src_switch.name, src_switch);
 /* harmony default export */ var packages_switch = (Switch);
 // CONCATENATED MODULE: ./packages/tools/resize.ts
 
@@ -30637,10 +30748,10 @@ function createResizeEvent(callback) {
 
 var List = Object.assign(src_list, {
   install: function install(app) {
-    dynamicApp.component(src_list.name, src_list);
     app.component(src_list.name, src_list);
   }
 });
+dynamicApp.component(src_list.name, src_list);
 /* harmony default export */ var packages_list = (List);
 // CONCATENATED MODULE: ./packages/pulldown/src/pulldown.ts
 
@@ -30990,10 +31101,10 @@ var List = Object.assign(src_list, {
 
 var Pulldown = Object.assign(pulldown, {
   install: function install(app) {
-    dynamicApp.component(pulldown.name, pulldown);
     app.component(pulldown.name, pulldown);
   }
 });
+dynamicApp.component(pulldown.name, pulldown);
 /* harmony default export */ var packages_pulldown = (Pulldown);
 // CONCATENATED MODULE: ./packages/table/src/body.ts
 
@@ -31057,7 +31168,8 @@ var lineOffsetSizes = {
         computeTreeOpts = _$xetable$getComputeM.computeTreeOpts,
         computeCheckboxOpts = _$xetable$getComputeM.computeCheckboxOpts,
         computeValidOpts = _$xetable$getComputeM.computeValidOpts,
-        computeRowOpts = _$xetable$getComputeM.computeRowOpts;
+        computeRowOpts = _$xetable$getComputeM.computeRowOpts,
+        computeColumnOpts = _$xetable$getComputeM.computeColumnOpts;
 
     var refElem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
     var refBodyTable = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
@@ -31188,6 +31300,7 @@ var lineOffsetSizes = {
       var tooltipOpts = computeTooltipOpts.value;
       var rowOpts = computeRowOpts.value;
       var sYOpts = computeSYOpts.value;
+      var columnOpts = computeColumnOpts.value;
       var type = column.type,
           cellRender = column.cellRender,
           editRender = column.editRender,
@@ -31391,7 +31504,7 @@ var lineOffsetSizes = {
 
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', _objectSpread2(_objectSpread2({
         class: ['vxe-body--column', column.id, (_ref2 = {}, _defineProperty(_ref2, "col--".concat(cellAlign), cellAlign), _defineProperty(_ref2, "col--".concat(type), type), _defineProperty(_ref2, 'col--last', $columnIndex === columns.length - 1), _defineProperty(_ref2, 'col--tree-node', treeNode), _defineProperty(_ref2, 'col--edit', isEdit), _defineProperty(_ref2, 'col--ellipsis', hasEllipsis), _defineProperty(_ref2, 'fixed--hidden', fixedHiddenColumn), _defineProperty(_ref2, 'col--dirty', isDirty), _defineProperty(_ref2, 'col--actived', editConfig && isEdit && actived.row === row && (actived.column === column || editOpts.mode === 'row')), _defineProperty(_ref2, 'col--valid-error', hasValidError), _defineProperty(_ref2, 'col--current', currentColumn === column), _ref2), getPropClass(className, params), getPropClass(cellClassName, params)],
-        key: columnKey ? column.id : $columnIndex
+        key: columnKey || columnOpts.useKey ? column.id : $columnIndex
       }, attrs), {}, {
         style: Object.assign({
           height: hasEllipsis && (scrollYRHeight || rowHeight) ? "".concat(scrollYRHeight || rowHeight, "px") : ''
@@ -31491,7 +31604,7 @@ var lineOffsetSizes = {
           }, rowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowClassName) ? rowClassName(params) : rowClassName : ''],
           rowid: rowid,
           style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
-          key: rowKey || treeConfig ? rowid : $rowIndex
+          key: rowKey || rowOpts.useKey || treeConfig ? rowid : $rowIndex
         }, trOn), tableColumn.map(function (column, $columnIndex) {
           return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
         }))); // 如果行被展开了
@@ -31553,7 +31666,7 @@ var lineOffsetSizes = {
 
     var scrollProcessTimeout;
 
-    var syncBodyScroll = function syncBodyScroll(scrollTop, elem1, elem2) {
+    var syncBodyScroll = function syncBodyScroll(fixedType, scrollTop, elem1, elem2) {
       if (elem1 || elem2) {
         if (elem1) {
           removeScrollListener(elem1);
@@ -31567,8 +31680,27 @@ var lineOffsetSizes = {
 
         clearTimeout(scrollProcessTimeout);
         scrollProcessTimeout = setTimeout(function () {
+          // const tableBody = refTableBody.value
+          // const leftBody = refTableLeftBody.value
+          // const rightBody = refTableRightBody.value
+          // const bodyElem = tableBody.$el as XEBodyScrollElement
+          // const leftElem = leftBody ? leftBody.$el as XEBodyScrollElement : null
+          // const rightElem = rightBody ? rightBody.$el as XEBodyScrollElement : null
           restoreScrollListener(elem1);
-          restoreScrollListener(elem2);
+          restoreScrollListener(elem2); // 检查滚动条是的同步
+          // let targetTop = bodyElem.scrollTop
+          // if (fixedType === 'left') {
+          //   if (leftElem) {
+          //     targetTop = leftElem.scrollTop
+          //   }
+          // } else if (fixedType === 'right') {
+          //   if (rightElem) {
+          //     targetTop = rightElem.scrollTop
+          //   }
+          // }
+          // setScrollTop(bodyElem, targetTop)
+          // setScrollTop(leftElem, targetTop)
+          // setScrollTop(rightElem, targetTop)
         }, 300);
       }
     };
@@ -31618,10 +31750,10 @@ var lineOffsetSizes = {
 
       if (leftElem && fixedType === 'left') {
         scrollTop = leftElem.scrollTop;
-        syncBodyScroll(scrollTop, bodyElem, rightElem);
+        syncBodyScroll(fixedType, scrollTop, bodyElem, rightElem);
       } else if (rightElem && fixedType === 'right') {
         scrollTop = rightElem.scrollTop;
-        syncBodyScroll(scrollTop, bodyElem, leftElem);
+        syncBodyScroll(fixedType, scrollTop, bodyElem, leftElem);
       } else {
         if (isRollX) {
           if (headerElem) {
@@ -31637,7 +31769,7 @@ var lineOffsetSizes = {
           $xetable.checkScrolling();
 
           if (isRollY) {
-            syncBodyScroll(scrollTop, leftElem, rightElem);
+            syncBodyScroll(fixedType, scrollTop, leftElem, rightElem);
           }
         }
       }
@@ -31756,8 +31888,8 @@ var lineOffsetSizes = {
       var tableBody = refTableBody.value;
       var scrollBodyElem = refElem.value;
       var bodyElem = tableBody.$el;
-      var deltaTop = browse.firefox ? deltaY * 40 : deltaY;
-      var deltaLeft = browse.firefox ? deltaX * 40 : deltaX;
+      var deltaTop = deltaY;
+      var deltaLeft = deltaX;
       var isTopWheel = deltaTop < 0; // 如果滚动位置已经是顶部或底部，则不需要触发
 
       if (isTopWheel ? scrollBodyElem.scrollTop <= 0 : scrollBodyElem.scrollTop >= scrollBodyElem.scrollHeight - scrollBodyElem.clientHeight) {
@@ -31886,7 +32018,7 @@ var lineOffsetSizes = {
         ref: refElem,
         class: ['vxe-table--body-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
         xid: xID
-      }, scrollYLoad && sYOpts.mode === 'wheel' ? {
+      }, sYOpts.mode === 'wheel' ? {
         onWheel: wheelEvent
       } : {}), [fixedType ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])() : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         ref: refBodyXSpace,
@@ -31992,6 +32124,7 @@ var lineOffsetSizes = {
 
 
 
+
 
 
 var isWebkit = browse['-webkit'] && !browse.edge;
@@ -32134,6 +32267,14 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         insertList: [],
         removeList: []
       },
+      // 存放 tooltip 相关信息
+      tooltipStore: {
+        row: null,
+        column: null,
+        content: null,
+        visible: false,
+        currOpts: null
+      },
       // 存放数据校验相关信息
       validStore: {
         visible: false,
@@ -32205,8 +32346,6 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         startIndex: 0,
         endIndex: 0
       },
-      // 存放 tooltip 相关信息
-      tooltipStore: {},
       // 表格宽度
       tableWidth: 0,
       // 表格高度
@@ -32252,7 +32391,6 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       fullColumnIdData: {},
       fullColumnFieldData: {},
       inited: false,
-      tooltipActive: false,
       tooltipTimeout: null,
       initStatus: false,
       isActivated: false
@@ -32318,27 +32456,13 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       return Object.assign({}, conf.table.checkboxConfig, props.checkboxConfig);
     });
     var computeTooltipOpts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-
-    var handleTooltipLeaveMethod = function handleTooltipLeaveMethod() {
-      var tooltipOpts = computeTooltipOpts.value;
-      setTimeout(function () {
-        if (!internalData.tooltipActive) {
-          tableMethods.closeTooltip();
-        }
-      }, tooltipOpts.leaveDelay);
-      return false;
-    };
-
     computeTooltipOpts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      var opts = Object.assign({
-        leaveDelay: 300
-      }, conf.table.tooltipConfig, props.tooltipConfig);
-
-      if (opts.enterable) {
-        opts.leaveMethod = handleTooltipLeaveMethod;
-      }
-
-      return opts;
+      return Object.assign({}, conf.tooltip, conf.table.tooltipConfig, props.tooltipConfig);
+    });
+    var computeTipConfig = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var tooltipStore = reactData.tooltipStore;
+      var tooltipOpts = computeTooltipOpts.value;
+      return _objectSpread2(_objectSpread2({}, tooltipOpts), tooltipStore.currOpts);
     });
     var computeValidTipOpts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       var tooltipOpts = computeTooltipOpts.value;
@@ -33678,7 +33802,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           } else if (layout === 'body') {
             var emptyBlockElem = elemStore["".concat(name, "-").concat(layout, "-emptyBlock")];
 
-            if (wrapperElem) {
+            if (isNodeElement(wrapperElem)) {
               if (customMaxHeight) {
                 wrapperElem.style.maxHeight = "".concat(fixedType ? customMaxHeight - headerHeight - (showFooter ? 0 : scrollbarHeight) : customMaxHeight - headerHeight, "px");
               } else {
@@ -33692,7 +33816,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
 
 
             if (fixedWrapperElem) {
-              if (wrapperElem) {
+              if (isNodeElement(wrapperElem)) {
                 wrapperElem.style.top = "".concat(headerHeight, "px");
               }
 
@@ -33709,14 +33833,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
                 if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
                   tableColumn = fixedColumn;
                 } else {
-                  tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
-                  // if (mergeList.length && !isMergeLeftFixedExceeded && fixedType === 'left') {
-                  //   tableColumn = fixedColumn
-                  // } else if (mergeList.length && !isMergeRightFixedExceeded && fixedType === 'right') {
-                  //   tableColumn = fixedColumn
-                  // } else {
-                  //   tableColumn = visibleColumn
-                  // }
+                  tableColumn = visibleColumn;
                 }
               } else {
                 tableColumn = visibleColumn;
@@ -33744,14 +33861,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
                 if (!mergeFooterList.length || !footerSpanMethod) {
                   tableColumn = fixedColumn;
                 } else {
-                  tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
-                  // if (mergeFooterList.length && !isMergeFooterLeftFixedExceeded && fixedType === 'left') {
-                  //   tableColumn = fixedColumn
-                  // } else if (mergeFooterList.length && !isMergeFooterRightFixedExceeded && fixedType === 'right') {
-                  //   tableColumn = fixedColumn
-                  // } else {
-                  //   tableColumn = visibleColumn
-                  // }
+                  tableColumn = visibleColumn;
                 }
               } else {
                 tableColumn = visibleColumn;
@@ -33762,7 +33872,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
               return previous + column.renderWidth;
             }, 0);
 
-            if (wrapperElem) {
+            if (isNodeElement(wrapperElem)) {
               // 如果是固定列
               if (fixedWrapperElem) {
                 wrapperElem.style.top = "".concat(customHeight > 0 ? customHeight - footerHeight : tableHeight + headerHeight, "px");
@@ -34900,12 +35010,34 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       },
 
       /**
-       * 手动处理数据
+       * 手动处理数据，用于手动排序与筛选
        * 对于手动更改了排序、筛选...等条件后需要重新处理数据时可能会用到
        */
       updateData: function updateData() {
-        return tablePrivateMethods.handleTableData(true).then(tableMethods.updateFooter).then(function () {
-          return tableMethods.recalculate();
+        var scrollXLoad = reactData.scrollXLoad,
+            scrollYLoad = reactData.scrollYLoad;
+        return tablePrivateMethods.handleTableData(true).then(function () {
+          tableMethods.updateFooter();
+
+          if (scrollXLoad || scrollYLoad) {
+            if (scrollXLoad) {
+              tablePrivateMethods.updateScrollXSpace();
+            }
+
+            if (scrollYLoad) {
+              tablePrivateMethods.updateScrollYSpace();
+            }
+
+            return tableMethods.refreshScroll();
+          }
+        }).then(function () {
+          tablePrivateMethods.updateCellAreas();
+          return tableMethods.recalculate(true);
+        }).then(function () {
+          // 存在滚动行为未结束情况
+          setTimeout(function () {
+            return $xetable.recalculate();
+          }, 50);
         });
       },
 
@@ -35607,18 +35739,24 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         var tableBodyElem = tableBody ? tableBody.$el : null;
         var leftBodyElem = leftBody ? leftBody.$el : null;
         var rightBodyElem = rightBody ? rightBody.$el : null;
-        var tableFooterElem = tableFooter ? tableFooter.$el : null; // 还原滚动条位置
+        var tableFooterElem = tableFooter ? tableFooter.$el : null;
+        return new Promise(function (resolve) {
+          // 还原滚动条位置
+          if (lastScrollLeft || lastScrollTop) {
+            return restoreScrollLocation($xetable, lastScrollLeft, lastScrollTop).then(resolve).then(function () {
+              // 存在滚动行为未结束情况
+              setTimeout(resolve, 30);
+            });
+          } // 重置
 
-        if (lastScrollLeft || lastScrollTop) {
-          return restoreScrollLocation($xetable, lastScrollLeft, lastScrollTop);
-        } // 重置
 
+          setScrollTop(tableBodyElem, lastScrollTop);
+          setScrollTop(leftBodyElem, lastScrollTop);
+          setScrollTop(rightBodyElem, lastScrollTop);
+          setScrollLeft(tableFooterElem, lastScrollLeft); // 存在滚动行为未结束情况
 
-        setScrollTop(tableBodyElem, lastScrollTop);
-        setScrollTop(leftBodyElem, lastScrollTop);
-        setScrollTop(rightBodyElem, lastScrollTop);
-        setScrollLeft(tableFooterElem, lastScrollLeft);
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
+          setTimeout(resolve, 30);
+        });
       },
 
       /**
@@ -35661,7 +35799,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
        * 关闭 tooltip
        */
       closeTooltip: function closeTooltip() {
-        var tooltipStore = internalData.tooltipStore;
+        var tooltipStore = reactData.tooltipStore;
         var $tooltip = refTooltip.value;
         var $commTip = refCommTooltip.value;
 
@@ -37131,6 +37269,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
 
       if (isEsc) {
         tablePrivateMethods.preventEvent(evnt, 'event.keydown', null, function () {
+          tableMethods.dispatchEvent('keydown-start', {}, evnt);
+
           if (keyboardConfig && mouseConfig && mouseOpts.area && $xetable.handleKeyboardEvent) {
             $xetable.handleKeyboardEvent(evnt);
           } else if (actived.row || filterStore.visible || ctxMenuStore.visible) {
@@ -37158,6 +37298,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           }
 
           tableMethods.dispatchEvent('keydown', {}, evnt);
+          tableMethods.dispatchEvent('keydown-end', {}, evnt);
         });
       }
     };
@@ -37498,10 +37639,17 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       tableMethods.recalculate(true);
     };
 
-    var handleTargetEnterEvent = function handleTargetEnterEvent() {
+    var handleTargetEnterEvent = function handleTargetEnterEvent(isClear) {
+      var $tooltip = refTooltip.value;
       clearTimeout(internalData.tooltipTimeout);
-      internalData.tooltipActive = true;
-      tableMethods.closeTooltip();
+
+      if (isClear) {
+        tableMethods.closeTooltip();
+      } else {
+        if ($tooltip) {
+          $tooltip.setActived(true);
+        }
+      }
     };
     /**
      * 处理显示 tooltip
@@ -37513,13 +37661,12 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
 
     var handleTooltip = function handleTooltip(evnt, cell, overflowElem, tipElem, params) {
       params.cell = cell;
-      var tooltipStore = internalData.tooltipStore;
+      var tooltipStore = reactData.tooltipStore;
       var tooltipOpts = computeTooltipOpts.value;
       var column = params.column,
           row = params.row;
       var showAll = tooltipOpts.showAll,
           contentMethod = tooltipOpts.contentMethod;
-      var $tooltip = refTooltip.value;
       var customContent = contentMethod ? contentMethod(params) : null;
       var useCustom = contentMethod && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eqNull(customContent);
       var content = useCustom ? customContent : (column.type === 'html' ? overflowElem.innerText : overflowElem.textContent).trim();
@@ -37529,12 +37676,16 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         Object.assign(tooltipStore, {
           row: row,
           column: column,
-          visible: true
+          visible: true,
+          currOpts: null
         });
+        Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+          var $tooltip = refTooltip.value;
 
-        if ($tooltip) {
-          $tooltip.open(isCellOverflow ? overflowElem : tipElem || overflowElem, formatText(content));
-        }
+          if ($tooltip) {
+            $tooltip.open(isCellOverflow ? overflowElem : tipElem || overflowElem, formatText(content));
+          }
+        });
       }
 
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
@@ -38154,18 +38305,23 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       },
       triggerHeaderHelpEvent: function triggerHeaderHelpEvent(evnt, params) {
         var column = params.column;
-        var titleHelp = column.titleHelp;
+        var titlePrefix = column.titlePrefix || column.titleHelp;
 
-        if (titleHelp.content || titleHelp.message) {
-          var tooltipStore = internalData.tooltipStore;
-          var $tooltip = refTooltip.value;
-          var content = getFuncText(titleHelp.content || titleHelp.message);
-          handleTargetEnterEvent();
+        if (titlePrefix.content || titlePrefix.message) {
+          var tooltipStore = reactData.tooltipStore;
+          var content = getFuncText(titlePrefix.content || titlePrefix.message);
+          handleTargetEnterEvent(true);
           tooltipStore.visible = true;
+          tooltipStore.currOpts = _objectSpread2(_objectSpread2({}, titlePrefix), {}, {
+            content: null
+          });
+          Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+            var $tooltip = refTooltip.value;
 
-          if ($tooltip) {
-            $tooltip.open(evnt.currentTarget, content);
-          }
+            if ($tooltip) {
+              $tooltip.open(evnt.currentTarget, content);
+            }
+          });
         }
       },
 
@@ -38173,10 +38329,10 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
        * 触发表头 tooltip 事件
        */
       triggerHeaderTooltipEvent: function triggerHeaderTooltipEvent(evnt, params) {
-        var tooltipStore = internalData.tooltipStore;
+        var tooltipStore = reactData.tooltipStore;
         var column = params.column;
         var titleElem = evnt.currentTarget;
-        handleTargetEnterEvent();
+        handleTargetEnterEvent(true);
 
         if (tooltipStore.column !== column || !tooltipStore.visible) {
           handleTooltip(evnt, titleElem, titleElem, null, params);
@@ -38189,13 +38345,13 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       triggerBodyTooltipEvent: function triggerBodyTooltipEvent(evnt, params) {
         var editConfig = props.editConfig;
         var editStore = reactData.editStore;
-        var tooltipStore = internalData.tooltipStore;
+        var tooltipStore = reactData.tooltipStore;
         var editOpts = computeEditOpts.value;
         var actived = editStore.actived;
         var row = params.row,
             column = params.column;
         var cell = evnt.currentTarget;
-        handleTargetEnterEvent();
+        handleTargetEnterEvent(tooltipStore.column !== column || tooltipStore.row !== row);
 
         if (isEnableConf(editConfig)) {
           if (editOpts.mode === 'row' && actived.row === row || actived.row === row && actived.column === column) {
@@ -38226,9 +38382,9 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
        */
       triggerFooterTooltipEvent: function triggerFooterTooltipEvent(evnt, params) {
         var column = params.column;
-        var tooltipStore = internalData.tooltipStore;
+        var tooltipStore = reactData.tooltipStore;
         var cell = evnt.currentTarget;
-        handleTargetEnterEvent();
+        handleTargetEnterEvent(tooltipStore.column !== column || tooltipStore.row);
 
         if (tooltipStore.column !== column || !tooltipStore.visible) {
           handleTooltip(evnt, cell, cell.querySelector('.vxe-cell--item') || cell.children[0], null, params);
@@ -38236,13 +38392,17 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       },
       handleTargetLeaveEvent: function handleTargetLeaveEvent() {
         var tooltipOpts = computeTooltipOpts.value;
-        internalData.tooltipActive = false;
+        var $tooltip = refTooltip.value;
+
+        if ($tooltip) {
+          $tooltip.setActived(false);
+        }
 
         if (tooltipOpts.enterable) {
           internalData.tooltipTimeout = setTimeout(function () {
-            var $tooltip = refTooltip.value;
+            $tooltip = refTooltip.value;
 
-            if ($tooltip && !$tooltip.reactData.isHover) {
+            if ($tooltip && !$tooltip.isActived()) {
               tableMethods.closeTooltip();
             }
           }, tooltipOpts.leaveDelay);
@@ -39140,18 +39300,28 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         var radioOpts = computeRadioOpts.value;
         var checkboxOpts = computeCheckboxOpts.value;
         var expandOpts = computeExpandOpts.value;
+        var rowOpts = computeRowOpts.value;
 
         if (true) {
-          if (!props.rowId && (checkboxOpts.reserve || checkboxOpts.checkRowKeys || radioOpts.reserve || radioOpts.checkRowKey || expandOpts.expandRowKeys || treeOpts.expandRowKeys)) {
-            warnLog('vxe.error.reqProp', ['row-id']);
+          // if (props.rowId) {
+          //   warnLog('vxe.error.delProp', ['rowId', 'row-config.keyField'])
+          // }
+          // if (props.rowKey) {
+          //   warnLog('vxe.error.delProp', ['rowId', 'row-config.useKey'])
+          // }
+          // if (props.columnKey) {
+          //   warnLog('vxe.error.delProp', ['rowId', 'column-config.useKey'])
+          // }
+          if (!(props.rowId || rowOpts.keyField) && (checkboxOpts.reserve || checkboxOpts.checkRowKeys || radioOpts.reserve || radioOpts.checkRowKey || expandOpts.expandRowKeys || treeOpts.expandRowKeys)) {
+            warnLog('vxe.error.reqProp', ['row-config.keyField']);
           }
 
           if (props.editConfig && (editOpts.showStatus || editOpts.showUpdateStatus || editOpts.showInsertStatus) && !props.keepSource) {
             warnLog('vxe.error.reqProp', ['keep-source']);
           }
 
-          if (treeConfig && treeOpts.line && (!props.rowKey || !showOverflow)) {
-            warnLog('vxe.error.reqProp', ['row-key | show-overflow']);
+          if (treeConfig && treeOpts.line && (!(props.rowKey || rowOpts.useKey) || !showOverflow)) {
+            warnLog('vxe.error.reqProp', ['row-config.useKey | show-overflow']);
           }
 
           if (treeConfig && props.stripe) {
@@ -39184,7 +39354,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         if (true) {
           var customOpts = computeCustomOpts.value;
           var mouseOpts = computeMouseOpts.value;
-          var rowOpts = computeRowOpts.value;
+          var _rowOpts = computeRowOpts.value;
 
           if (!props.id && props.customConfig && (customOpts.storage === true || customOpts.storage && customOpts.storage.resizable || customOpts.storage && customOpts.storage.visible)) {
             errLog('vxe.error.reqProp', ['id']);
@@ -39194,7 +39364,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
             errLog('vxe.error.noTree', ['checkbox-config.range']);
           }
 
-          if (rowOpts.height && !props.showOverflow) {
+          if (_rowOpts.height && !props.showOverflow) {
             warnLog('vxe.error.notProp', ['table.show-overflow']);
           }
 
@@ -39361,7 +39531,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           filterStore = reactData.filterStore;
       var leftList = columnStore.leftList,
           rightList = columnStore.rightList;
-      var tooltipOpts = computeTooltipOpts.value;
+      var tipConfig = computeTipConfig.value;
       var treeOpts = computeTreeOpts.value;
       var rowOpts = computeRowOpts.value;
       var columnOpts = computeColumnOpts.value;
@@ -39503,7 +39673,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
        */
       hasUseTooltip ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])('vxe-tooltip'), _objectSpread2({
         ref: refTooltip
-      }, tooltipOpts)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])()]);
+      }, tipConfig)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])()]);
     };
 
     $xetable.renderVN = renderVN;
@@ -39522,10 +39692,10 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
 
 var Table = Object.assign(table, {
   install: function install(app) {
-    dynamicApp.component(table.name, table);
     app.component(table.name, table);
   }
 });
+dynamicApp.component(table.name, table);
 /* harmony default export */ var packages_table = (Table);
 // CONCATENATED MODULE: ./packages/locale/lang/zh-CN.ts
 /* harmony default export */ var zh_CN = ({
@@ -40097,5 +40267,4 @@ module.exports = global.Promise;
 /***/ })
 
 /******/ });
-});
-//# sourceMappingURL=index.umd.js.map
+});