vxe-table 3.18.2 → 3.18.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "3.18.2",
+  "version": "3.18.4",
   "description": "A PC-end table component based on Vxe UI, supporting copy-paste, data pivot table, and high-performance virtual list table solution.",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/grid/src/grid.ts

@@ -487,12 +487,16 @@ export default /* define-vxe-component start */ defineVxeComponent({
           if (field) {
             let itemValue: any = null
             if (itemRender) {
-              const { defaultValue } = itemRender
+              const { startField, endField, defaultValue } = itemRender
               if (XEUtils.isFunction(defaultValue)) {
                 itemValue = defaultValue({ item })
               } else if (!XEUtils.isUndefined(defaultValue)) {
                 itemValue = defaultValue
               }
+              if (startField && endField) {
+                XEUtils.set(fData, startField, null)
+                XEUtils.set(fData, endField, null)
+              }
             }
             fData[field] = itemValue
           }

package/packages/table/module/menu/mixin.ts

@@ -4,7 +4,7 @@ import { getDomNode, getAbsolutePos, getEventTargetNode } from '../../../ui/src/
 import { isEnableConf, hasChildrenList } from '../../../ui/src/utils'
 import { warnLog } from '../../../ui/src/log'
 
-import type { VxeTableConstructor, VxeTablePrivateMethods, TableInternalData } from '../../../../types'
+import type { VxeTableConstructor, VxeTablePrivateMethods, TableInternalData, TableReactData } from '../../../../types'
 
 const { menus, globalEvents, GLOBAL_EVENT_KEYS } = VxeUI
 
@@ -14,17 +14,20 @@ export default {
      * 关闭快捷菜单
      */
     _closeMenu () {
-      Object.assign(this.ctxMenuStore, {
+      const $xeTable = this as unknown as VxeTableConstructor & VxeTablePrivateMethods
+      const reactData = $xeTable as unknown as TableReactData
+
+      Object.assign(reactData.ctxMenuStore, {
         visible: false,
         selected: null,
         selectChild: null,
         showChild: false
       })
-      return this.$nextTick()
+      return $xeTable.$nextTick()
     },
     // 处理菜单的移动
     moveCtxMenu (evnt: KeyboardEvent, ctxMenuStore: any, property: 'selectChild' | 'selected', hasOper: boolean, operRest: any, menuList: any[]) {
-      const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
+      const $xeTable = this as unknown as VxeTableConstructor & VxeTablePrivateMethods
 
       let selectItem
       const selectIndex = XEUtils.findIndexOf(menuList, item => ctxMenuStore[property] === item)
@@ -59,30 +62,40 @@ export default {
      * 快捷菜单事件处理
      */
     handleGlobalContextmenuEvent (evnt: any) {
-      const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
+      const $xeTable = this as unknown as VxeTableConstructor & VxeTablePrivateMethods
       const $xeGrid = $xeTable.$xeGrid
       const $xeGantt = $xeTable.$xeGantt
+      const props = $xeTable
+      const reactData = $xeTable as unknown as TableReactData
       const internalData = $xeTable as unknown as TableInternalData
 
-      const { $refs, tId, editStore, menuConfig, contextMenu, ctxMenuStore, ctxMenuOpts, mouseConfig, mouseOpts } = this
-      const { selected } = editStore
+      const { xID } = $xeTable
+
+      const { mouseConfig, menuConfig } = props
+      const { editStore, ctxMenuStore } = reactData
+      const { visibleColumn } = internalData
       const tableFilter = $xeTable.$refs.refTableFilter
+      const tableMenu = $xeTable.$refs.refTableMenu
+      const mouseOpts = $xeTable.computeMouseOpts
+      const menuOpts = $xeTable.computeMenuOpts
+      const el = $xeTable.$refs.refElem as HTMLDivElement
+      const { selected } = editStore
       const layoutList = ['header', 'body', 'footer']
-      if (isEnableConf(menuConfig) || contextMenu) {
-        if (ctxMenuStore.visible && $refs.refTableMenu && getEventTargetNode(evnt, $refs.refTableMenu.$el).flag) {
+      if (isEnableConf(menuConfig)) {
+        if (ctxMenuStore.visible && tableMenu && getEventTargetNode(evnt, (tableMenu as any).$el).flag) {
           evnt.preventDefault()
           return
         }
         if (internalData._keyCtx) {
           const type = 'body'
-          const params: any = { type, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, keyboard: true, columns: this.visibleColumn.slice(0), $event: evnt }
+          const params: any = { type, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, keyboard: true, columns: visibleColumn.slice(0), $event: evnt }
           // 如果开启单元格区域
           if (mouseConfig && mouseOpts.area) {
-            const activeArea = this.getActiveCellArea()
+            const activeArea = $xeTable.getActiveCellArea()
             if (activeArea && activeArea.row && activeArea.column) {
               params.row = activeArea.row
               params.column = activeArea.column
-              this.handleOpenMenuEvent(evnt, type, params)
+              $xeTable.handleOpenMenuEvent(evnt, type, params)
               return
             }
           } else if (mouseConfig && mouseOpts.selected) {
@@ -90,19 +103,19 @@ export default {
             if (selected.row && selected.column) {
               params.row = selected.row
               params.column = selected.column
-              this.handleOpenMenuEvent(evnt, type, params)
+              $xeTable.handleOpenMenuEvent(evnt, type, params)
               return
             }
           }
         }
         // 分别匹配表尾、内容、表尾的快捷菜单
         for (let index = 0; index < layoutList.length; index++) {
-          const layout = layoutList[index]
-          const columnTargetNode = getEventTargetNode(evnt, this.$el, `vxe-${layout}--column`, (target: any) => {
+          const layout = layoutList[index] as 'header' | 'body' | 'footer'
+          const columnTargetNode = getEventTargetNode(evnt, el, `vxe-${layout}--column`, (target: any) => {
             // target=td|th，直接向上找 table 去匹配即可
-            return target.parentNode.parentNode.parentNode.getAttribute('xid') === tId
+            return target.parentNode.parentNode.parentNode.getAttribute('xid') === xID
           })
-          const params: any = { type: layout, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, columns: this.visibleColumn.slice(0), $event: evnt }
+          const params: any = { type: layout, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, columns: visibleColumn.slice(0), $event: evnt }
           if (columnTargetNode.flag) {
             const cell = columnTargetNode.targetElem
             const columnNodeRest = $xeTable.getColumnNode(cell)
@@ -121,66 +134,73 @@ export default {
               }
             }
             const eventType = `${typePrefix}cell-menu` as 'cell-menu' | 'header-cell-menu' | 'footer-cell-menu'
-            this.handleOpenMenuEvent(evnt, layout, params)
+            $xeTable.handleOpenMenuEvent(evnt, layout, params)
             // 在 v4 中废弃事件 cell-context-menu、header-cell-context-menu、footer-cell-context-menu
-            if (this.$listeners[`${typePrefix}cell-context-menu`]) {
+            if ($xeTable.$listeners[`${typePrefix}cell-context-menu`]) {
               warnLog('vxe.error.delEvent', [`${typePrefix}cell-context-menu`, `${typePrefix}cell-menu`])
               $xeTable.dispatchEvent(`${typePrefix}cell-context-menu` as any, params, evnt)
             } else {
               $xeTable.dispatchEvent(eventType, params, evnt)
             }
             return
-          } else if (getEventTargetNode(evnt, this.$el, `vxe-table--${layout}-wrapper`, target => target.getAttribute('xid') === tId).flag) {
-            if (ctxMenuOpts.trigger === 'cell') {
+          } else if (getEventTargetNode(evnt, $xeTable.$el, `vxe-table--${layout}-wrapper`, target => target.getAttribute('xid') === xID).flag) {
+            if (menuOpts.trigger === 'cell') {
               evnt.preventDefault()
             } else {
-              this.handleOpenMenuEvent(evnt, layout, params)
+              $xeTable.handleOpenMenuEvent(evnt, layout, params)
             }
             return
           }
         }
       }
       if (tableFilter && !getEventTargetNode(evnt, (tableFilter as any).$el).flag) {
-        this.closeFilter()
+        $xeTable.closeFilter()
       }
-      this.closeMenu()
+      $xeTable.closeMenu()
     },
     /**
      * 显示快捷菜单
      */
-    handleOpenMenuEvent (evnt: any, type: any, params: any) {
-      const { isCtxMenu, ctxMenuStore, ctxMenuOpts } = this
-      const config = ctxMenuOpts[type]
-      const visibleMethod = ctxMenuOpts.visibleMethod
+    handleOpenMenuEvent (evnt: any, type: 'header' | 'body' | 'footer', params: any) {
+      const $xeTable = this as unknown as VxeTableConstructor & VxeTablePrivateMethods
+      const reactData = $xeTable as unknown as TableReactData
+      const internalData = $xeTable as unknown as TableInternalData
+
+      const { ctxMenuStore } = reactData
+      const isMenu = $xeTable.computeIsMenu
+      const menuOpts = $xeTable.computeMenuOpts
+      const config = menuOpts[type]
+      const visibleMethod = menuOpts.visibleMethod
       if (config) {
         const { options, disabled } = config
         if (disabled) {
           evnt.preventDefault()
-        } else if (isCtxMenu && options && options.length) {
+        } else if (isMenu && options && options.length) {
           params.options = options
-          this.preventEvent(evnt, 'event.showMenu', params, () => {
+          $xeTable.preventEvent(evnt, 'event.showMenu', params, () => {
             if (!visibleMethod || visibleMethod(params)) {
               evnt.preventDefault()
-              this.updateZindex()
+              $xeTable.updateZindex()
               const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode()
               let top = evnt.clientY + scrollTop
               let left = evnt.clientX + scrollLeft
               const handleVisible = () => {
+                internalData._currMenuParams = params
                 Object.assign(ctxMenuStore, {
-                  args: params,
                   visible: true,
                   list: options,
                   selected: null,
                   selectChild: null,
                   showChild: false,
                   style: {
-                    zIndex: this.tZindex,
+                    zIndex: internalData.tZindex,
                     top: `${top}px`,
                     left: `${left}px`
                   }
                 })
-                this.$nextTick(() => {
-                  const ctxElem = this.$refs.refTableMenu.$el
+                $xeTable.$nextTick(() => {
+                  const tableMenu = $xeTable.$refs.refTableMenu
+                  const ctxElem = (tableMenu as any).$el
                   const clientHeight = ctxElem.clientHeight
                   const clientWidth = ctxElem.clientWidth
                   const { boundingTop, boundingLeft } = getAbsolutePos(ctxElem)
@@ -196,27 +216,32 @@ export default {
               }
               const { keyboard, row, column } = params
               if (keyboard && row && column) {
-                this.scrollToRow(row, column).then(() => {
-                  const cell = this.getCellElement(row, column)
-                  const { boundingTop, boundingLeft } = getAbsolutePos(cell)
-                  top = boundingTop + scrollTop + Math.floor(cell.offsetHeight / 2)
-                  left = boundingLeft + scrollLeft + Math.floor(cell.offsetWidth / 2)
+                $xeTable.scrollToRow(row, column).then(() => {
+                  const cell = $xeTable.getCellElement(row, column)
+                  if (cell) {
+                    const { boundingTop, boundingLeft } = getAbsolutePos(cell)
+                    top = boundingTop + scrollTop + Math.floor(cell.offsetHeight / 2)
+                    left = boundingLeft + scrollLeft + Math.floor(cell.offsetWidth / 2)
+                  }
                   handleVisible()
                 })
               } else {
                 handleVisible()
               }
             } else {
-              this.closeMenu()
+              $xeTable.closeMenu()
             }
           })
         }
       }
-      this.closeFilter()
+      $xeTable.closeFilter()
     },
     ctxMenuMouseoverEvent (evnt: any, item: any, child: any) {
+      const $xeTable = this as unknown as VxeTableConstructor & VxeTablePrivateMethods
+      const reactData = $xeTable as unknown as TableReactData
+
       const menuElem = evnt.currentTarget
-      const ctxMenuStore = this.ctxMenuStore
+      const { ctxMenuStore } = reactData
       evnt.preventDefault()
       evnt.stopPropagation()
       ctxMenuStore.selected = item
@@ -224,7 +249,7 @@ export default {
       if (!child) {
         ctxMenuStore.showChild = hasChildrenList(item)
         if (ctxMenuStore.showChild) {
-          this.$nextTick(() => {
+          $xeTable.$nextTick(() => {
             const childWrapperElem = menuElem.nextElementSibling
             if (childWrapperElem) {
               const { boundingTop, boundingLeft, visibleHeight, visibleWidth } = getAbsolutePos(menuElem)
@@ -254,7 +279,10 @@ export default {
       }
     },
     ctxMenuMouseoutEvent (evnt: any, item: any) {
-      const ctxMenuStore = this.ctxMenuStore
+      const $xeTable = this as unknown as VxeTableConstructor & VxeTablePrivateMethods
+      const reactData = $xeTable as unknown as TableReactData
+
+      const { ctxMenuStore } = reactData
       if (!item.children) {
         ctxMenuStore.selected = null
       }
@@ -264,26 +292,27 @@ export default {
      * 快捷菜单点击事件
      */
     ctxMenuLinkEvent (evnt: any, menu: any) {
-      const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
+      const $xeTable = this as unknown as VxeTableConstructor & VxeTablePrivateMethods
       const $xeGrid = $xeTable.$xeGrid
       const $xeGantt = $xeTable.$xeGantt
+      const internalData = $xeTable as unknown as TableInternalData
 
       // 如果一级菜单有配置 code 则允许点击，否则不能点击
       if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
         const gMenuOpts = menus.get(menu.code)
-        const params = Object.assign({ menu, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, $event: evnt }, this.ctxMenuStore.args)
+        const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, $event: evnt })
         if (gMenuOpts && gMenuOpts.menuMethod) {
           gMenuOpts.menuMethod(params, evnt)
         }
         // 在 v4 中废弃事件 context-menu-click
-        if (this.$listeners['context-menu-click']) {
+        if ($xeTable.$listeners['context-menu-click']) {
           warnLog('vxe.error.delEvent', ['context-menu-click', 'menu-click'])
           $xeTable.dispatchEvent('context-menu-click' as any, params, evnt)
         } else {
           $xeTable.dispatchEvent('menu-click', params, evnt)
         }
-        this.closeMenu()
+        $xeTable.closeMenu()
       }
     }
-  } as any
+  }
 }

package/packages/table/module/menu/panel.ts

@@ -2,9 +2,9 @@ import { CreateElement } from 'vue'
 import { VxeUI } from '../../../ui'
 import { getFuncText } from '../../../ui/src/utils'
 
-import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../../types'
+import type { VxeTableConstructor, VxeTablePrivateMethods, TableReactData } from '../../../../types'
 
-const { getIcon } = VxeUI
+const { getIcon, renderEmptyElement } = VxeUI
 
 export default {
   name: 'VxeTableMenuPanel',
@@ -23,16 +23,18 @@ export default {
   },
   render (this: any, h: CreateElement) {
     const $xeTable = this.$parent as VxeTableConstructor & VxeTablePrivateMethods
+    const tableReactData = $xeTable as unknown as TableReactData
 
-    const { _e, ctxMenuOpts, ctxMenuStore } = this
+    const { ctxMenuStore } = tableReactData
+    const menuOpts = $xeTable.computeMenuOpts
     return h('div', {
-      class: ['vxe-table--context-menu-wrapper', ctxMenuOpts.className, {
+      class: ['vxe-table--context-menu-wrapper', menuOpts.className, {
         'is--visible': ctxMenuStore.visible
       }],
       style: ctxMenuStore.style
     }, ctxMenuStore.list.map((options: any, gIndex: any) => {
       return options.every((item: any) => item.visible === false)
-        ? _e()
+        ? renderEmptyElement($xeTable)
         : h('ul', {
           class: 'vxe-context-menu--option-wrapper',
           key: gIndex
@@ -70,7 +72,7 @@ export default {
                   h('i', {
                     class: prefixOpts.icon || item.prefixIcon
                   }),
-                  prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : _e()
+                  prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)
                 ]),
                 h('span', {
                   class: 'vxe-context-menu--link-content',
@@ -84,7 +86,7 @@ export default {
                   h('i', {
                     class: (suffixOpts.icon || item.suffixIcon) || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : '')
                   }),
-                  suffixOpts.content ? h('span', `${suffixOpts.content}`) : _e()
+                  suffixOpts.content ? h('span', `${suffixOpts.content}`) : renderEmptyElement($xeTable)
                 ])
               ]),
               hasChildMenus
@@ -125,7 +127,7 @@ export default {
                           h('i', {
                             class: childPrefixOpts.icon || child.prefixIcon
                           }),
-                          childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : _e()
+                          childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)
                         ]),
                         h('span', {
                           class: 'vxe-context-menu--link-content',
@@ -139,7 +141,7 @@ export default {
                           h('i', {
                             class: childSuffixOpts.icon
                           }),
-                          childSuffixOpts.content ? h('span', `${childSuffixOpts.content}`) : _e()
+                          childSuffixOpts.content ? h('span', `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)
                         ])
                       ])
                     ])

package/packages/table/render/index.ts

@@ -56,7 +56,7 @@ function handleConfirmFilter (params: any, checked: any, option: any) {
   $panel.changeOption({}, checked, option)
 }
 
-function getNativeAttrs (renderOpts: any) {
+function getNativeAttrs (renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions) {
   let { name, attrs } = renderOpts
   if (name === 'input') {
     attrs = Object.assign({ type: 'text' }, attrs)
@@ -83,7 +83,7 @@ function getCellEditProps (renderOpts: VxeColumnPropTypes.EditRender, params: Vx
   return XEUtils.assign({ immediate: getInputImmediateModel(renderOpts) }, defaultCompProps, defaultProps, renderOpts.props, { [componentDefaultModelProp]: value })
 }
 
-function getCellEditFilterProps (renderOpts: any, params: any, value: any, defaultProps?: any) {
+function getCellEditFilterProps (renderOpts: VxeGlobalRendererHandles.RenderTableFilterOptions, params: any, value: any, defaultProps?: any) {
   return XEUtils.assign({}, defaultCompProps, defaultProps, renderOpts.props, { [componentDefaultModelProp]: value })
 }
 
@@ -91,7 +91,7 @@ function isImmediateCell (renderOpts: VxeColumnPropTypes.EditRender, params: any
   return params.$type === 'cell' || getInputImmediateModel(renderOpts)
 }
 
-function getCellLabelVNs (h: CreateElement, renderOpts: any, params: any, cellLabel: any, opts?: {
+function getCellLabelVNs (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any, cellLabel: any, opts?: {
   class?: string
 }) {
   const { placeholder } = renderOpts
@@ -115,7 +115,7 @@ function getCellLabelVNs (h: CreateElement, renderOpts: any, params: any, cellLa
  * @param modelFunc
  * @param changeFunc
  */
-function getNativeElementOns (renderOpts: any, params: any, eFns?: {
+function getNativeElementOns (renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions | VxeGlobalRendererHandles.RenderTableFilterOptions, params: any, eFns?: {
   model: (evnt: Event) => void
   change?: (evnt: Event) => void
   blur?: (evnt: Event) => void
@@ -172,7 +172,7 @@ const blurEvent = 'blur'
  * @param modelFunc
  * @param changeFunc
  */
-function getComponentOns (renderOpts: any, params: any, eFns?: {
+function getComponentOns (renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions | VxeGlobalRendererHandles.RenderTableFilterOptions, params: any, eFns?: {
   model: (cellValue: any) => void
   change?: (...args: any[]) => void
   blur?: (...args: any[]) => void
@@ -252,7 +252,7 @@ function getEditOns (renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions
   })
 }
 
-function getFilterOns (renderOpts: any, params: any, option: any) {
+function getFilterOns (renderOpts: VxeGlobalRendererHandles.RenderTableFilterOptions, params: any, option: any) {
   return getComponentOns(renderOpts, params, {
     model (value) {
       // 处理 model 值双向绑定
@@ -267,7 +267,7 @@ function getFilterOns (renderOpts: any, params: any, option: any) {
   })
 }
 
-function getNativeEditOns (renderOpts: any, params: any) {
+function getNativeEditOns (renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any) {
   const { $table, row, column } = params
   const { model } = column
   return getNativeElementOns(renderOpts, params, {
@@ -302,7 +302,7 @@ function getNativeEditOns (renderOpts: any, params: any) {
   })
 }
 
-function getNativeFilterOns (renderOpts: any, params: any, option: any) {
+function getNativeFilterOns (renderOpts: VxeGlobalRendererHandles.RenderTableFilterOptions, params: any, option: any) {
   return getNativeElementOns(renderOpts, params, {
     model (evnt) {
       // 处理 model 值双向绑定
@@ -324,12 +324,12 @@ function getNativeFilterOns (renderOpts: any, params: any, option: any) {
  * 单元格可编辑渲染-原生的标签
  * input、textarea、select
  */
-function nativeEditRender (h: CreateElement, renderOpts: any, params: any) {
+function nativeEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any) {
   const { row, column } = params
   const { name } = renderOpts
   const cellValue = isImmediateCell(renderOpts, params) ? getCellValue(row, column) : column.model.value
   return [
-    h(name, {
+    h(`${name}`, {
       class: `vxe-default-${name}`,
       attrs: getNativeAttrs(renderOpts),
       domProps: {
@@ -340,7 +340,7 @@ function nativeEditRender (h: CreateElement, renderOpts: any, params: any) {
   ]
 }
 
-function buttonCellRender (h: CreateElement, renderOpts: any, params: any) {
+function buttonCellRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions, params: any) {
   return [
     h(getDefaultComponent(renderOpts), {
       props: getCellEditProps(renderOpts, params, null),
@@ -405,7 +405,7 @@ function oldEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.R
  * 已废弃
  * @deprecated
  */
-function oldButtonEditRender (h: CreateElement, renderOpts: any, params: any) {
+function oldButtonEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any) {
   return [
     h('vxe-button', {
       props: getCellEditProps(renderOpts, params, null),
@@ -418,11 +418,12 @@ function oldButtonEditRender (h: CreateElement, renderOpts: any, params: any) {
  * 已废弃
  * @deprecated
  */
-function oldButtonsEditRender (h: CreateElement, renderOpts: any, params: any) {
-  return renderOpts.children.map((childRenderOpts: any) => oldButtonEditRender(h, childRenderOpts, params)[0])
+function oldButtonsEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableDefaultOptions, params: any) {
+  const { children } = renderOpts
+  return children ? children.map((childRenderOpts: any) => oldButtonEditRender(h, childRenderOpts, params)[0]) : []
 }
 
-function renderNativeOptgroups (h: CreateElement, renderOpts: any, params: any, renderOptionsMethods: any) {
+function renderNativeOptgroups (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions, params: any, renderOptionsMethods: any) {
   const { optionGroups, optionGroupProps = {} } = renderOpts
   const groupOptions = optionGroupProps.options || 'options'
   const groupLabel = optionGroupProps.label || 'label'
@@ -442,7 +443,7 @@ function renderNativeOptgroups (h: CreateElement, renderOpts: any, params: any,
 /**
  * 渲染原生的 option 标签
  */
-function renderNativeOptions (h: CreateElement, options: any, renderOpts: any, params: any) {
+function renderNativeOptions (h: CreateElement, options: any, renderOpts: VxeGlobalRendererHandles.RenderTableDefaultOptions, params: any) {
   const { optionProps = {} } = renderOpts
   const { row, column } = params
   const labelProp = optionProps.label || 'label'
@@ -467,12 +468,12 @@ function renderNativeOptions (h: CreateElement, options: any, renderOpts: any, p
   return []
 }
 
-function nativeFilterRender (h: CreateElement, renderOpts: any, params: any) {
+function nativeFilterRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableFilterOptions, params: any) {
   const { column } = params
   const { name } = renderOpts
   const attrs = getNativeAttrs(renderOpts)
   return column.filters.map((option: any, oIndex: any) => {
-    return h(name, {
+    return h(`${name}`, {
       key: oIndex,
       class: `vxe-default-${name}`,
       attrs,
@@ -484,7 +485,7 @@ function nativeFilterRender (h: CreateElement, renderOpts: any, params: any) {
   })
 }
 
-function defaultFilterRender (h: CreateElement, renderOpts: any, params: any) {
+function defaultFilterRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableFilterOptions, params: any) {
   const { column } = params
   return column.filters.map((option: any, oIndex: any) => {
     const optionValue = option.data
@@ -500,7 +501,7 @@ function defaultFilterRender (h: CreateElement, renderOpts: any, params: any) {
  * 已废弃
  * @deprecated
  */
-function oldFilterRender (h: CreateElement, renderOpts: any, params: any) {
+function oldFilterRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableFilterOptions, params: any) {
   const { column } = params
   return column.filters.map((option: any, oIndex: any) => {
     const optionValue = option.data
@@ -526,7 +527,7 @@ function handleInputFilterMethod ({ option, row, column }: any) {
   return XEUtils.toValueString(cellValue).indexOf(data) > -1
 }
 
-function nativeSelectEditRender (h: CreateElement, renderOpts: any, params: any) {
+function nativeSelectEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any) {
   return [
     h('select', {
       class: 'vxe-default-select',
@@ -537,7 +538,7 @@ function nativeSelectEditRender (h: CreateElement, renderOpts: any, params: any)
   ]
 }
 
-function defaultSelectEditRender (h: CreateElement, renderOpts: any, params: any) {
+function defaultSelectEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any) {
   const { row, column } = params
   const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
   const cellValue = getCellValue(row, column)
@@ -549,7 +550,7 @@ function defaultSelectEditRender (h: CreateElement, renderOpts: any, params: any
   ]
 }
 
-function defaultTableOrTreeSelectEditRender (h: CreateElement, renderOpts: any, params: any) {
+function defaultTableOrTreeSelectEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any) {
   const { row, column } = params
   const { options, optionProps } = renderOpts
   const cellValue = getCellValue(row, column)
@@ -565,7 +566,7 @@ function defaultTableOrTreeSelectEditRender (h: CreateElement, renderOpts: any,
  * 已废弃
  * @deprecated
  */
-function oldSelectEditRender (h: CreateElement, renderOpts: any, params: any) {
+function oldSelectEditRender (h: CreateElement, renderOpts: VxeGlobalRendererHandles.RenderTableEditOptions, params: any) {
   const { row, column } = params
   const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
   const cellValue = getCellValue(row, column)
@@ -577,7 +578,7 @@ function oldSelectEditRender (h: CreateElement, renderOpts: any, params: any) {
   ]
 }
 
-function getSelectCellValue (renderOpts: any, { row, column }: any) {
+function getSelectCellValue (renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions, { row, column }: any) {
   const { options, optionGroups, optionProps = {}, optionGroupProps = {} } = renderOpts
   const cellValue = XEUtils.get(row, column.field)
   let selectItem: any
@@ -612,7 +613,7 @@ function handleExportSelectMethod (params: any) {
   return options.original ? getCellValue(row, column) : getSelectCellValue(column.editRender || column.cellRender, params)
 }
 
-function getTreeSelectCellValue (renderOpts: any, { row, column }: any) {
+function getTreeSelectCellValue (renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions, { row, column }: any) {
   const { options, optionProps = {} } = renderOpts
   const cellValue = XEUtils.get(row, column.field)
   const labelProp = optionProps.label || 'label'

package/packages/table/src/body.ts

@@ -177,14 +177,13 @@ function renderTdColumn (
   // hover 进入事件
   if (showTitle || showTooltip || showAllTip || tooltipConfig) {
     tdOns.mouseenter = (evnt: MouseEvent) => {
-      if (isVMScrollProcess($xeTable)) {
-        return
-      }
-      if (showTitle) {
-        updateCellTitle(evnt.currentTarget, column)
-      } else if (showTooltip || showAllTip) {
-        // 如果配置了显示 tooltip
-        $xeTable.triggerBodyTooltipEvent(evnt, cellParams)
+      if (!isVMScrollProcess($xeTable)) {
+        if (showTitle) {
+          updateCellTitle(evnt.currentTarget, column)
+        } else if (showTooltip || showAllTip) {
+          // 如果配置了显示 tooltip
+          $xeTable.triggerBodyTooltipEvent(evnt, cellParams)
+        }
       }
       $xeTable.dispatchEvent('cell-mouseenter', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt)
     }
@@ -192,11 +191,10 @@ function renderTdColumn (
   // hover 退出事件
   if (showTooltip || showAllTip || tooltipConfig) {
     tdOns.mouseleave = (evnt: MouseEvent) => {
-      if (isVMScrollProcess($xeTable)) {
-        return
-      }
-      if (showTooltip || showAllTip) {
-        $xeTable.handleTargetLeaveEvent(evnt)
+      if (!isVMScrollProcess($xeTable)) {
+        if (showTooltip || showAllTip) {
+          $xeTable.handleTargetLeaveEvent(evnt)
+        }
       }
       $xeTable.dispatchEvent('cell-mouseleave', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt)
     }