vxe-table 3.4.15 → 3.5.0-beta.2

package/packages/table/src/column.js

@@ -1,5 +1,5 @@
 import Cell from '../../table/src/cell'
-import { UtilTools } from '../../tools'
+import UtilTools from '../../tools/utils'
 
 const props = {
   // 列唯一主键
@@ -68,8 +68,10 @@ const props = {
   exportMethod: Function,
   // 表尾单元格数据导出方法
   footerExportMethod: Function,
-  // 标题帮助图标配置项
+  // 已废弃，被 titlePrefix 替换
   titleHelp: Object,
+  // 标题帮助图标配置项
+  titlePrefix: Object,
   // 单元格值类型
   cellType: String,
   // 单元格渲染配置项

package/packages/table/src/columnInfo.js

@@ -0,0 +1,149 @@
+import XEUtils from 'xe-utils'
+import GlobalConfig from '../../v-x-e-table/src/conf'
+import { formats } from '../../v-x-e-table/src/formats'
+import { toFilters } from './util'
+import { getFuncText } from '../../tools/utils'
+import { warnLog, errLog } from '../../tools/log'
+
+export class ColumnInfo {
+  /* eslint-disable @typescript-eslint/no-use-before-define */
+  constructor ($xetable, _vm, { renderHeader, renderCell, renderFooter, renderData } = {}) {
+    const $xegrid = $xetable.$xegrid
+    const proxyOpts = $xegrid ? $xegrid.proxyOpts : null
+    const formatter = _vm.formatter
+    const visible = XEUtils.isBoolean(_vm.visible) ? _vm.visible : true
+
+    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+      const types = ['seq', 'checkbox', 'radio', 'expand', 'html']
+      if (_vm.type && types.indexOf(_vm.type) === -1) {
+        warnLog('vxe.error.errProp', [`type=${_vm.type}`, types.join(', ')])
+      }
+      if (XEUtils.isBoolean(_vm.cellRender) || (_vm.cellRender && !XEUtils.isObject(_vm.cellRender))) {
+        warnLog('vxe.error.errProp', [`column.cell-render=${_vm.cellRender}`, 'column.cell-render={}'])
+      }
+      if (XEUtils.isBoolean(_vm.editRender) || (_vm.editRender && !XEUtils.isObject(_vm.editRender))) {
+        warnLog('vxe.error.errProp', [`column.edit-render=${_vm.editRender}`, 'column.edit-render={}'])
+      }
+      if (_vm.cellRender && _vm.editRender) {
+        warnLog('vxe.error.errConflicts', ['column.cell-render', 'column.edit-render'])
+      }
+      if (_vm.type === 'expand') {
+        if ($xetable.treeConfig && $xetable.treeOpts.line) {
+          errLog('vxe.error.errConflicts', ['tree-config.line', 'column.type=expand'])
+        }
+      }
+      if (_vm.remoteSort) {
+        warnLog('vxe.error.delProp', ['column.remote-sort', 'sort-config.remote'])
+      }
+      if (_vm.sortMethod) {
+        warnLog('vxe.error.delProp', ['column.sort-method', 'sort-config.sortMethod'])
+      }
+      if (formatter) {
+        if (XEUtils.isString(formatter)) {
+          const globalFunc = formats.get(formatter) || XEUtils[formatter]
+          if (!XEUtils.isFunction(globalFunc)) {
+            errLog('vxe.error.notFunc', [formatter])
+          }
+        } else if (XEUtils.isArray(formatter)) {
+          const globalFunc = formats.get(formatter[0]) || XEUtils[formatter[0]]
+          if (!XEUtils.isFunction(globalFunc)) {
+            errLog('vxe.error.notFunc', [formatter[0]])
+          }
+        }
+      }
+    }
+
+    Object.assign(this, {
+      // 基本属性
+      type: _vm.type,
+      property: _vm.field,
+      field: _vm.field,
+      title: _vm.title,
+      width: _vm.width,
+      minWidth: _vm.minWidth,
+      resizable: _vm.resizable,
+      fixed: _vm.fixed,
+      align: _vm.align,
+      headerAlign: _vm.headerAlign,
+      footerAlign: _vm.footerAlign,
+      showOverflow: _vm.showOverflow,
+      showHeaderOverflow: _vm.showHeaderOverflow,
+      showFooterOverflow: _vm.showFooterOverflow,
+      className: _vm.className,
+      headerClassName: _vm.headerClassName,
+      footerClassName: _vm.footerClassName,
+      formatter: formatter,
+      sortable: _vm.sortable,
+      sortBy: _vm.sortBy,
+      sortType: _vm.sortType,
+      sortMethod: _vm.sortMethod,
+      remoteSort: _vm.remoteSort,
+      filters: toFilters(_vm.filters),
+      filterMultiple: XEUtils.isBoolean(_vm.filterMultiple) ? _vm.filterMultiple : true,
+      filterMethod: _vm.filterMethod,
+      filterResetMethod: _vm.filterResetMethod,
+      filterRecoverMethod: _vm.filterRecoverMethod,
+      filterRender: _vm.filterRender,
+      treeNode: _vm.treeNode,
+      cellType: _vm.cellType,
+      cellRender: _vm.cellRender,
+      editRender: _vm.editRender,
+      contentRender: _vm.contentRender,
+      exportMethod: _vm.exportMethod,
+      footerExportMethod: _vm.footerExportMethod,
+      titleHelp: _vm.titleHelp,
+      titlePrefix: _vm.titlePrefix,
+      // 自定义参数
+      params: _vm.params,
+      // 渲染属性
+      id: _vm.colId || XEUtils.uniqueId('col_'),
+      parentId: null,
+      visible,
+      // 内部属性（一旦被使用，将导致不可升级版本）
+      halfVisible: false,
+      defaultVisible: visible,
+      checked: false,
+      halfChecked: false,
+      disabled: false,
+      level: 1,
+      rowSpan: 1,
+      colSpan: 1,
+      order: null,
+      sortTime: 0,
+      renderWidth: 0,
+      renderHeight: 0,
+      resizeWidth: 0,
+      renderLeft: 0,
+      renderArgs: [], // 渲染参数可用于扩展
+      model: {},
+      renderHeader: renderHeader || _vm.renderHeader,
+      renderCell: renderCell || _vm.renderCell,
+      renderFooter: renderFooter || _vm.renderFooter,
+      renderData: renderData,
+      // 单元格插槽，只对 grid 有效
+      slots: _vm.slots
+    })
+    if (proxyOpts && proxyOpts.beforeColumn) {
+      proxyOpts.beforeColumn({ $grid: $xegrid, column: this })
+    }
+  }
+
+  getTitle () {
+    return getFuncText(this.title || (this.type === 'seq' ? GlobalConfig.i18n('vxe.table.seqTitle') : ''))
+  }
+
+  getKey () {
+    return this.property || (this.type ? `type=${this.type}` : null)
+  }
+
+  update (name, value) {
+    // 不支持双向的属性
+    if (name !== 'filters') {
+      if (name === 'field') {
+        // 兼容旧属性
+        this.property = value
+      }
+      this[name] = value
+    }
+  }
+}

package/packages/table/src/methods.js

@@ -2,13 +2,13 @@ import XEUtils from 'xe-utils'
 import GlobalConfig from '../../v-x-e-table/src/conf'
 import Cell from './cell'
 import VXETable from '../../v-x-e-table'
-import { UtilTools, DomTools } from '../../tools'
-import { clearTableAllStatus, handleFieldOrColumn, restoreScrollLocation, restoreScrollListener, toTreePathSeq } from './util'
-import { eqEmptyValue, isEnableConf } from '../../tools/src/utils'
-import { browse, getPaddingTopBottomSize, setScrollTop, setScrollLeft } from '../../tools/src/dom'
+import { getRowid, getRowkey, clearTableAllStatus, handleFieldOrColumn, restoreScrollLocation, restoreScrollListener, toTreePathSeq } from './util'
+import UtilTools, { eqEmptyValue, isEnableConf, getFuncText } from '../../tools/utils'
+import DomTools, { browse, getPaddingTopBottomSize, setScrollTop, setScrollLeft } from '../../tools/dom'
 import { formats } from '../../v-x-e-table/src/formats'
+import { warnLog, errLog } from '../../tools/log'
 
-const { getRowid, getRowkey, setCellValue, hasChildrenList, getColumnList } = UtilTools
+const { setCellValue, hasChildrenList, getColumnList } = UtilTools
 const { calcHeight, hasClass, addClass, removeClass, getEventTargetNode, isNodeElement } = DomTools
 
 const isWebkit = browse['-webkit'] && !browse.edge
@@ -360,23 +360,23 @@ const Methods = {
       if (treeOpts.transform) {
         if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
           if (!treeOpts.rowField) {
-            UtilTools.error('vxe.error.reqProp', ['table.tree-config.rowField'])
+            errLog('vxe.error.reqProp', ['table.tree-config.rowField'])
           }
           if (!treeOpts.parentField) {
-            UtilTools.error('vxe.error.reqProp', ['table.tree-config.parentField'])
+            errLog('vxe.error.reqProp', ['table.tree-config.parentField'])
           }
           if (!treeOpts.children) {
-            UtilTools.error('vxe.error.reqProp', ['tree-config.children'])
+            errLog('vxe.error.reqProp', ['tree-config.children'])
           }
           if (!treeOpts.mapChildren) {
-            UtilTools.error('vxe.error.reqProp', ['tree-config.mapChildren'])
+            errLog('vxe.error.reqProp', ['tree-config.mapChildren'])
           }
           if (treeOpts.children === treeOpts.mapChildren) {
-            UtilTools.error('vxe.error.errConflicts', ['tree-config.children', 'tree-config.mapChildren'])
+            errLog('vxe.error.errConflicts', ['tree-config.children', 'tree-config.mapChildren'])
           }
           fullData.forEach(row => {
             if (row[treeOpts.children] && row[treeOpts.children].length) {
-              UtilTools.warn('vxe.error.errConflicts', ['tree-config.transform', `row.${treeOpts.children}`])
+              warnLog('vxe.error.errConflicts', ['tree-config.transform', `row.${treeOpts.children}`])
             }
           })
         }
@@ -413,13 +413,13 @@ const Methods = {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
       if (sYLoad) {
         if (!(this.height || this.maxHeight)) {
-          UtilTools.error('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}'])
+          errLog('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}'])
         }
         if (!this.showOverflow) {
-          UtilTools.warn('vxe.error.reqProp', ['table.show-overflow'])
+          warnLog('vxe.error.reqProp', ['table.show-overflow'])
         }
         if (this.spanMethod) {
-          UtilTools.warn('vxe.error.scrollErrProp', ['table.span-method'])
+          warnLog('vxe.error.scrollErrProp', ['table.span-method'])
         }
       }
     }
@@ -520,7 +520,7 @@ const Methods = {
       this.tableData = tableData.slice(0)
     } else {
       if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-        UtilTools.warn('vxe.error.reqProp', ['keep-source'])
+        warnLog('vxe.error.reqProp', ['keep-source'])
       }
     }
     return this.$nextTick()
@@ -560,7 +560,7 @@ const Methods = {
     this.handleTableData(true)
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
       if ((this.scrollXLoad || this.scrollYLoad) && this.expandColumn) {
-        UtilTools.warn('vxe.error.scrollErrProp', ['column.type=expand'])
+        warnLog('vxe.error.scrollErrProp', ['column.type=expand'])
       }
     }
     return this.$nextTick().then(() => {
@@ -660,7 +660,7 @@ const Methods = {
       if (property) {
         if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
           if (fullColumnFieldData[property]) {
-            UtilTools.warn('vxe.error.colRepet', ['field', property])
+            warnLog('vxe.error.colRepet', ['field', property])
           }
         }
         fullColumnFieldData[property] = rest
@@ -671,7 +671,7 @@ const Methods = {
       if (treeNode) {
         if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
           if (treeNodeColumn) {
-            UtilTools.warn('vxe.error.colRepet', ['tree-node', treeNode])
+            warnLog('vxe.error.colRepet', ['tree-node', treeNode])
           }
         }
         if (!treeNodeColumn) {
@@ -680,7 +680,7 @@ const Methods = {
       } else if (type === 'expand') {
         if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
           if (expandColumn) {
-            UtilTools.warn('vxe.error.colRepet', ['type', type])
+            warnLog('vxe.error.colRepet', ['type', type])
           }
         }
         if (!expandColumn) {
@@ -690,14 +690,14 @@ const Methods = {
       if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
         if (type === 'checkbox') {
           if (checkboxColumn) {
-            UtilTools.warn('vxe.error.colRepet', ['type', type])
+            warnLog('vxe.error.colRepet', ['type', type])
           }
           if (!checkboxColumn) {
             checkboxColumn = column
           }
         } else if (type === 'radio') {
           if (radioColumn) {
-            UtilTools.warn('vxe.error.colRepet', ['type', type])
+            warnLog('vxe.error.colRepet', ['type', type])
           }
           if (!radioColumn) {
             radioColumn = column
@@ -706,20 +706,20 @@ const Methods = {
       }
       if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
         if (this.showOverflow && column.showOverflow === false) {
-          UtilTools.warn('vxe.error.errConflicts', [`table.show-overflow=${this.showOverflow}`, `column.show-overflow=${column.showOverflow}`])
+          warnLog('vxe.error.errConflicts', [`table.show-overflow=${this.showOverflow}`, `column.show-overflow=${column.showOverflow}`])
         }
         if (this.showHeaderOverflow && column.showHeaderOverflow === false) {
-          UtilTools.warn('vxe.error.errConflicts', [`table.show-header-overflow=${this.showHeaderOverflow}`, `column.show-header-overflow=${column.showHeaderOverflow}`])
+          warnLog('vxe.error.errConflicts', [`table.show-header-overflow=${this.showHeaderOverflow}`, `column.show-header-overflow=${column.showHeaderOverflow}`])
         }
         if (this.showFooterOverflow && column.showFooterOverflow === false) {
-          UtilTools.warn('vxe.error.errConflicts', [`table.show-footer-overflow=${this.showFooterOverflow}`, `column.show-footer-overflow=${column.showFooterOverflow}`])
+          warnLog('vxe.error.errConflicts', [`table.show-footer-overflow=${this.showFooterOverflow}`, `column.show-footer-overflow=${column.showFooterOverflow}`])
         }
       }
       if (isAllOverflow && column.showOverflow === false) {
         isAllOverflow = false
       }
       if (fullColumnIdData[colid]) {
-        UtilTools.error('vxe.error.colRepet', ['colId', colid])
+        errLog('vxe.error.colRepet', ['colId', colid])
       }
       fullColumnIdData[colid] = rest
       fullColumnMap.set(column, rest)
@@ -736,7 +736,7 @@ const Methods = {
 
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
       if (expandColumn && this.mouseOpts.area) {
-        UtilTools.error('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand'])
+        errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand'])
       }
     }
 
@@ -807,7 +807,7 @@ const Methods = {
   // 在 v3 中废弃
   _getRowIndex (row) {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      UtilTools.warn('vxe.error.delFunc', ['_getRowIndex', 'getVTRowIndex'])
+      warnLog('vxe.error.delFunc', ['_getRowIndex', 'getVTRowIndex'])
     }
     return this.getVTRowIndex(row)
   },
@@ -821,7 +821,7 @@ const Methods = {
   // 在 v3 中废弃
   $getRowIndex (row) {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      UtilTools.warn('vxe.error.delFunc', ['$getRowIndex', 'getVMRowIndex'])
+      warnLog('vxe.error.delFunc', ['$getRowIndex', 'getVMRowIndex'])
     }
     return this.getVMRowIndex(row)
   },
@@ -842,7 +842,7 @@ const Methods = {
   // 在 v3 中废弃
   _getColumnIndex (column) {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      UtilTools.warn('vxe.error.delFunc', ['_getColumnIndex', 'getVTColumnIndex'])
+      warnLog('vxe.error.delFunc', ['_getColumnIndex', 'getVTColumnIndex'])
     }
     return this.getVTColumnIndex(column)
   },
@@ -856,7 +856,7 @@ const Methods = {
   // 在 v3 中废弃
   $getColumnIndex (column) {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      UtilTools.warn('vxe.error.delFunc', ['$getColumnIndex', 'getVMColumnIndex'])
+      warnLog('vxe.error.delFunc', ['$getColumnIndex', 'getVMColumnIndex'])
     }
     return this.getVMColumnIndex(column)
   },
@@ -938,7 +938,7 @@ const Methods = {
     const { keepSource, tableSourceData, treeConfig } = this
     if (!keepSource) {
       if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-        UtilTools.warn('vxe.error.reqProp', ['keep-source'])
+        warnLog('vxe.error.reqProp', ['keep-source'])
       }
       return this.$nextTick()
     }
@@ -1430,7 +1430,7 @@ const Methods = {
     if (customConfig && (isResizable || isVisible)) {
       const customMap = {}
       if (!id) {
-        UtilTools.error('vxe.error.reqProp', ['id'])
+        errLog('vxe.error.reqProp', ['id'])
         return
       }
       if (isResizable) {
@@ -1493,7 +1493,7 @@ const Methods = {
       const colHides = []
       const colShows = []
       if (!id) {
-        UtilTools.error('vxe.error.reqProp', ['id'])
+        errLog('vxe.error.reqProp', ['id'])
         return
       }
       XEUtils.eachTree(collectColumn, column => {
@@ -1524,7 +1524,7 @@ const Methods = {
       const columnWidthStorageMap = getCustomStorageMap(resizableStorageKey)
       let columnWidthStorage
       if (!id) {
-        UtilTools.error('vxe.error.reqProp', ['id'])
+        errLog('vxe.error.reqProp', ['id'])
         return
       }
       if (!isReset) {
@@ -1573,7 +1573,7 @@ const Methods = {
           column.fixed = parent.fixed
         }
         if (parent && column.fixed !== parent.fixed) {
-          UtilTools.error('vxe.error.groupFixed')
+          errLog('vxe.error.groupFixed')
         }
         if (isColGroup) {
           column.visible = !!XEUtils.findTree(column.children, subColumn => hasChildrenList(subColumn) ? null : subColumn.visible)
@@ -1620,22 +1620,22 @@ const Methods = {
     if (scrollXLoad && isGroup) {
       scrollXLoad = false
       if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-        UtilTools.warn('vxe.error.scrollXNotGroup')
+        warnLog('vxe.error.scrollXNotGroup')
       }
     }
     if (scrollXLoad) {
       if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
         if (this.showHeader && !this.showHeaderOverflow) {
-          UtilTools.warn('vxe.error.reqProp', ['show-header-overflow'])
+          warnLog('vxe.error.reqProp', ['show-header-overflow'])
         }
         if (this.showFooter && !this.showFooterOverflow) {
-          UtilTools.warn('vxe.error.reqProp', ['show-footer-overflow'])
+          warnLog('vxe.error.reqProp', ['show-footer-overflow'])
         }
         if (this.spanMethod) {
-          UtilTools.warn('vxe.error.scrollErrProp', ['span-method'])
+          warnLog('vxe.error.scrollErrProp', ['span-method'])
         }
         if (this.footerSpanMethod) {
-          UtilTools.warn('vxe.error.scrollErrProp', ['footer-span-method'])
+          warnLog('vxe.error.scrollErrProp', ['footer-span-method'])
         }
       }
       const { visibleSize } = computeVirtualX(this)
@@ -1902,10 +1902,6 @@ const Methods = {
       footerSpanMethod,
       isAllOverflow,
       visibleColumn
-      // isMergeLeftFixedExceeded,
-      // isMergeRightFixedExceeded,
-      // isMergeFooterLeftFixedExceeded,
-      // isMergeFooterRightFixedExceeded
     } = this
     const containerList = ['main', 'left', 'right']
     const emptyPlaceholderElem = $refs.emptyPlaceholder
@@ -2023,14 +2019,6 @@ const Methods = {
                 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
-                // }
               }
             } else {
               tableColumn = visibleColumn
@@ -2056,14 +2044,6 @@ const Methods = {
                 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
-                // }
               }
             } else {
               tableColumn = visibleColumn
@@ -2284,6 +2264,7 @@ const Methods = {
     const isEsc = keyCode === 27
     if (isEsc) {
       this.preventEvent(evnt, 'event.keydown', null, () => {
+        this.emitEvent('keydown-start', {}, evnt)
         if (keyboardConfig && mouseConfig && mouseOpts.area && this.handleKeyboardEvent) {
           this.handleKeyboardEvent(evnt)
         } else if (actived.row || filterStore.visible || ctxMenuStore.visible) {
@@ -2304,6 +2285,7 @@ const Methods = {
           }
         }
         this.emitEvent('keydown', {}, evnt)
+        this.emitEvent('keydown-end', {}, evnt)
       })
     }
   },
@@ -2549,19 +2531,9 @@ const Methods = {
     this.updateCellAreas()
     this.recalculate(true)
   },
-  handleTooltipLeaveMethod () {
-    const tooltipOpts = this.tooltipOpts
-    setTimeout(() => {
-      if (!this.tooltipActive) {
-        this.closeTooltip()
-      }
-    }, tooltipOpts.leaveDelay)
-    return false
-  },
   handleTargetEnterEvent (isClear) {
     const $tooltip = this.$refs.tooltip
     clearTimeout(this.tooltipTimeout)
-    this.tooltipActive = true
     if (isClear) {
       this.closeTooltip()
     } else {
@@ -2573,7 +2545,6 @@ const Methods = {
   handleTargetLeaveEvent () {
     const tooltipOpts = this.tooltipOpts
     let $tooltip = this.$refs.tooltip
-    this.tooltipActive = false
     if ($tooltip) {
       $tooltip.setActived(false)
     }
@@ -2590,16 +2561,19 @@ const Methods = {
   },
   triggerHeaderHelpEvent (evnt, params) {
     const { column } = params
-    const { titleHelp } = column
-    if (titleHelp.content || titleHelp.message) {
+    const titlePrefix = column.titlePrefix || column.titleHelp
+    if (titlePrefix.content || titlePrefix.message) {
       const { $refs, tooltipStore } = this
-      const $tooltip = $refs.tooltip
-      const content = UtilTools.getFuncText(titleHelp.content || titleHelp.message)
+      const content = getFuncText(titlePrefix.content || titlePrefix.message)
       this.handleTargetEnterEvent(true)
       tooltipStore.visible = true
-      if ($tooltip) {
-        $tooltip.open(evnt.currentTarget, content)
-      }
+      tooltipStore.currOpts = { ...titlePrefix, content: null }
+      this.$nextTick(() => {
+        const $tooltip = $refs.tooltip
+        if ($tooltip) {
+          $tooltip.open(evnt.currentTarget, content)
+        }
+      })
     }
   },
   /**
@@ -2665,7 +2639,6 @@ const Methods = {
     const { $refs, tooltipOpts, tooltipStore } = this
     const { column, row } = params
     const { showAll, enabled, contentMethod } = tooltipOpts
-    const tooltip = $refs.tooltip
     const customContent = contentMethod ? contentMethod(params) : null
     const useCustom = contentMethod && !XEUtils.eqNull(customContent)
     const content = useCustom ? customContent : (column.type === 'html' ? overflowElem.innerText : overflowElem.textContent).trim()
@@ -2674,11 +2647,15 @@ const Methods = {
       Object.assign(tooltipStore, {
         row,
         column,
-        visible: true
+        visible: true,
+        currOpts: null
+      })
+      this.$nextTick(() => {
+        const $tooltip = $refs.tooltip
+        if ($tooltip) {
+          $tooltip.open(isCellOverflow ? overflowElem : (tipElem || overflowElem), UtilTools.formatText(content))
+        }
       })
-      if (tooltip) {
-        tooltip.open(isCellOverflow ? overflowElem : (tipElem || overflowElem), UtilTools.formatText(content))
-      }
     }
     return this.$nextTick()
   },
@@ -2702,7 +2679,8 @@ const Methods = {
         row: null,
         column: null,
         content: null,
-        visible: false
+        visible: false,
+        currOpts: null
       })
       if (tooltip) {
         tooltip.close()
@@ -2726,7 +2704,7 @@ const Methods = {
     return !this.isAllSelected && this.isIndeterminate
   },
   isCheckboxIndeterminate () {
-    UtilTools.warn('vxe.error.delFunc', ['isCheckboxIndeterminate', 'isAllCheckboxIndeterminate'])
+    warnLog('vxe.error.delFunc', ['isCheckboxIndeterminate', 'isAllCheckboxIndeterminate'])
     return this.isAllCheckboxIndeterminate()
   },
   /**
@@ -3634,7 +3612,7 @@ const Methods = {
   // 在 v3 中废弃
   getSortColumn () {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      UtilTools.warn('vxe.error.delFunc', ['getSortColumn', 'getSortColumns'])
+      warnLog('vxe.error.delFunc', ['getSortColumn', 'getSortColumns'])
     }
     return XEUtils.find(this.tableFullColumn, column => (column.sortable || column.remoteSort) && column.order)
   },
@@ -3717,7 +3695,7 @@ const Methods = {
   },
   reloadExpandContent (row) {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      UtilTools.warn('vxe.error.delFunc', ['reloadExpandContent', 'reloadRowExpand'])
+      warnLog('vxe.error.delFunc', ['reloadExpandContent', 'reloadRowExpand'])
     }
     // 即将废弃
     return this.reloadRowExpand(row)
@@ -3928,7 +3906,7 @@ const Methods = {
   },
   reloadTreeChilds (row) {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      UtilTools.warn('vxe.error.delFunc', ['reloadTreeChilds', 'reloadTreeExpand'])
+      warnLog('vxe.error.delFunc', ['reloadTreeChilds', 'reloadTreeExpand'])
     }
     // 即将废弃
     return this.reloadTreeExpand(row)
@@ -4489,7 +4467,7 @@ const Methods = {
    */
   setMergeCells (merges) {
     if (this.spanMethod) {
-      UtilTools.error('vxe.error.errConflicts', ['merge-cells', 'span-method'])
+      errLog('vxe.error.errConflicts', ['merge-cells', 'span-method'])
     }
     setMerges(this, merges, this.mergeList, this.afterFullData)
     return this.$nextTick().then(() => this.updateCellAreas())
@@ -4500,7 +4478,7 @@ const Methods = {
    */
   removeMergeCells (merges) {
     if (this.spanMethod) {
-      UtilTools.error('vxe.error.errConflicts', ['merge-cells', 'span-method'])
+      errLog('vxe.error.errConflicts', ['merge-cells', 'span-method'])
     }
     const rest = removeMerges(this, merges, this.mergeList, this.afterFullData)
     return this.$nextTick().then(() => {
@@ -4526,14 +4504,14 @@ const Methods = {
   },
   setMergeFooterItems (merges) {
     if (this.footerSpanMethod) {
-      UtilTools.error('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method'])
+      errLog('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method'])
     }
     setMerges(this, merges, this.mergeFooterList, null)
     return this.$nextTick().then(() => this.updateCellAreas())
   },
   removeMergeFooterItems (merges) {
     if (this.footerSpanMethod) {
-      UtilTools.error('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method'])
+      errLog('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method'])
     }
     const rest = removeMerges(this, merges, this.mergeFooterList, null)
     return this.$nextTick().then(() => {
@@ -4583,7 +4561,7 @@ const Methods = {
       $toolbar.syncUpdate({ collectColumn: this.collectColumn, $table: this })
       this.$toolbar = $toolbar
     } else {
-      UtilTools.error('vxe.error.barUnableLink')
+      errLog('vxe.error.barUnableLink')
     }
     return this.$nextTick()
   },
@@ -4654,9 +4632,9 @@ funcs.forEach(name => {
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
       if (!this[`_${name}`]) {
         if ('openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').includes(name)) {
-          UtilTools.error('vxe.error.reqModule', ['Export'])
+          errLog('vxe.error.reqModule', ['Export'])
         } else if ('clearValidate,fullValidate,validate'.split(',').includes(name)) {
-          UtilTools.error('vxe.error.reqModule', ['Validator'])
+          errLog('vxe.error.reqModule', ['Validator'])
         }
       }
     }