vxe-pc-ui 3.17.29 → 3.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "3.17.29",
+  "version": "3.18.0",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/button/src/button.ts

@@ -10,6 +10,7 @@ import VxeTooltipComponent from '../../tooltip'
 
 import type { VxeButtonPropTypes, VxeButtonEmits, ButtonReactData, VxeButtonGroupConstructor, ButtonInternalData, VxeButtonDefines, VxeButtonGroupPrivateMethods, VxeFormConstructor, VxeDrawerConstructor, VxeDrawerMethods, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeComponentPermissionInfo, VxeComponentSizeType, ValueOf, VxeTreeConstructor, VxeTreePrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
+import type { VxeGridConstructor, VxeGridPrivateMethods } from '../../../types/components/grid'
 
 const { warnLog } = createComponentLog('button')
 
@@ -166,6 +167,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeModal(): (VxeModalConstructor & VxeModalMethods) | null
       $xeDrawer(): (VxeDrawerConstructor & VxeDrawerMethods) | null
       $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
+      $xeGrid(): (VxeGridConstructor & VxeGridPrivateMethods) | null
       $xeTable(): (VxeTableConstructor & VxeTablePrivateMethods) | null
       $xeTree(): (VxeTreeConstructor & VxeTreePrivateMethods) | null
       $xeButtonGroup(): (VxeButtonGroupConstructor & VxeButtonGroupPrivateMethods)| null
@@ -173,6 +175,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     computeBtnTransfer () {
       const $xeButton = this
       const props = $xeButton
+      const $xeGrid = $xeButton.$xeGrid
       const $xeTable = $xeButton.$xeTable
       const $xeTree = $xeButton.$xeTree
       const $xeModal = $xeButton.$xeModal
@@ -189,7 +192,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         if (XEUtils.isBoolean(globalTransfer)) {
           return globalTransfer
         }
-        if ($xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeGrid || $xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
           return true
         }
       }
@@ -561,15 +564,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
       $xeButton.hidePanel()
     },
-    handleGlobalMousewheelEvent  (evnt: Event) {
-      const $xeButton = this
-      const reactData = $xeButton.reactData
-
-      const panelElem = $xeButton.$refs.refBtnPanel as HTMLElement | undefined
-      if (reactData.visiblePanel && !getEventTargetNode(evnt, panelElem).flag) {
-        $xeButton.hidePanel()
-      }
-    },
     handleGlobalMousedownEvent  (evnt: MouseEvent) {
       const $xeButton = this
       const reactData = $xeButton.reactData
@@ -594,6 +588,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeButton.updatePlacement()
       }
     },
+    handleGlobalScrollEvent () {
+      const $xeButton = this
+      const reactData = $xeButton.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeButton.updatePlacement()
+      }
+    },
 
     //
     // Render
@@ -935,9 +938,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
       warnLog('vxe.error.delProp', ['type=text', 'mode=text'])
     }
 
-    globalEvents.on($xeButton, 'mousewheel', $xeButton.handleGlobalMousewheelEvent)
     globalEvents.on($xeButton, 'mousedown', $xeButton.handleGlobalMousedownEvent)
     globalEvents.on($xeButton, 'resize', $xeButton.handleGlobalResizeEvent)
+    globalEvents.on($xeButton, 'scroll', $xeButton.handleGlobalScrollEvent)
   },
   beforeDestroy () {
     const $xeButton = this
@@ -953,6 +956,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     globalEvents.off($xeButton, 'mousewheel')
     globalEvents.off($xeButton, 'mousedown')
     globalEvents.off($xeButton, 'resize')
+    globalEvents.off($xeButton, 'scroll')
   },
   render (this: any, h) {
     return this.renderVN(h)

package/packages/cascader/src/cascader.ts

@@ -1095,23 +1095,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { $event } = params
       $xeCascader.hideOptionPanel($event)
     },
-    handleGlobalMousewheelEvent (evnt: MouseEvent) {
-      const $xeCascader = this
-      const reactData = $xeCascader.reactData
-
-      const { visiblePanel } = reactData
-      const isDisabled = $xeCascader.computeIsDisabled
-      if (!isDisabled) {
-        if (visiblePanel) {
-          const panelElem = $xeCascader.$refs.refOptionPanel as HTMLDivElement
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeCascader.updatePlacement()
-          } else {
-            $xeCascader.hideOptionPanel(evnt)
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent (evnt: MouseEvent) {
       const $xeCascader = this
       const reactData = $xeCascader.reactData
@@ -1154,6 +1137,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeCascader.updatePlacement()
       }
     },
+    handleGlobalScrollEvent () {
+      const $xeCascader = this
+      const reactData = $xeCascader.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeCascader.updatePlacement()
+      }
+    },
     handleFocusSearch () {
       const $xeCascader = this
       const props = $xeCascader
@@ -2098,10 +2090,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
   mounted () {
     const $xeCascader = this
 
-    globalEvents.on($xeCascader, 'mousewheel', $xeCascader.handleGlobalMousewheelEvent)
     globalEvents.on($xeCascader, 'mousedown', $xeCascader.handleGlobalMousedownEvent)
     globalEvents.on($xeCascader, 'blur', $xeCascader.handleGlobalBlurEvent)
     globalEvents.on($xeCascader, 'resize', $xeCascader.handleGlobalResizeEvent)
+    globalEvents.on($xeCascader, 'scroll', $xeCascader.handleGlobalScrollEvent)
   },
   beforeDestroy () {
     const $xeCascader = this
@@ -2112,10 +2104,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem)
     }
-    globalEvents.off($xeCascader, 'mousewheel')
     globalEvents.off($xeCascader, 'mousedown')
     globalEvents.off($xeCascader, 'blur')
     globalEvents.off($xeCascader, 'resize')
+    globalEvents.off($xeCascader, 'scroll')
     XEUtils.assign(reactData, createReactData())
     XEUtils.assign(internalData, createInternalData())
   },

package/packages/color-picker/src/color-picker.ts

@@ -752,23 +752,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
       }
     },
-    handleGlobalMousewheelEvent (evnt: MouseEvent) {
-      const $xeColorPicker = this
-      const reactData = $xeColorPicker.reactData
-
-      const { visiblePanel } = reactData
-      const isDisabled = $xeColorPicker.computeIsDisabled
-      if (!isDisabled) {
-        if (visiblePanel) {
-          const panelElem = $xeColorPicker.$refs.refOptionPanel as HTMLDivElement
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeColorPicker.updatePlacement()
-          } else {
-            $xeColorPicker.hideOptionPanel()
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent (evnt: MouseEvent) {
       const $xeColorPicker = this
       const reactData = $xeColorPicker.reactData
@@ -811,6 +794,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeColorPicker.updatePlacement()
       }
     },
+    handleGlobalScrollEvent () {
+      const $xeColorPicker = this
+      const reactData = $xeColorPicker.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeColorPicker.updatePlacement()
+      }
+    },
 
     //
     // Render
@@ -1290,10 +1282,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
     reactData.selectColor = `${props.value || ''}`
     $xeColorPicker.updateType()
 
-    globalEvents.on($xeColorPicker, 'mousewheel', $xeColorPicker.handleGlobalMousewheelEvent)
     globalEvents.on($xeColorPicker, 'mousedown', $xeColorPicker.handleGlobalMousedownEvent)
     globalEvents.on($xeColorPicker, 'blur', $xeColorPicker.handleGlobalBlurEvent)
     globalEvents.on($xeColorPicker, 'resize', $xeColorPicker.handleGlobalResizeEvent)
+    globalEvents.on($xeColorPicker, 'scroll', $xeColorPicker.handleGlobalScrollEvent)
   },
   beforeDestroy () {
     const $xeColorPicker = this
@@ -1302,10 +1294,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem)
     }
-    globalEvents.off($xeColorPicker, 'mousewheel')
     globalEvents.off($xeColorPicker, 'mousedown')
     globalEvents.off($xeColorPicker, 'blur')
     globalEvents.off($xeColorPicker, 'resize')
+    globalEvents.off($xeColorPicker, 'scroll')
   },
   render (this: any, h) {
     return this.renderVN(h)

package/packages/date-picker/src/date-picker.ts

@@ -1297,23 +1297,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
       }
     },
-    handleGlobalMousewheelEvent (evnt: Event) {
-      const $xeDatePicker = this
-      const reactData = $xeDatePicker.reactData
-
-      const { visiblePanel } = reactData
-      const isDisabled = $xeDatePicker.computeIsDisabled
-      if (!isDisabled) {
-        if (visiblePanel) {
-          const panelWrapperElem = $xeDatePicker.$refs.refPanelWrapper as HTMLDivElement
-          if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-            $xeDatePicker.updatePlacement()
-          } else {
-            $xeDatePicker.hidePanel()
-          }
-        }
-      }
-    },
     handleGlobalBlurEvent () {
       const $xeDatePicker = this
       const reactData = $xeDatePicker.reactData
@@ -1343,6 +1326,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeDatePicker.updatePlacement()
       }
     },
+    handleGlobalScrollEvent () {
+      const $xeDatePicker = this
+      const reactData = $xeDatePicker.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeDatePicker.updatePlacement()
+      }
+    },
     // 弹出面板
     updateZindex () {
       const $xeDatePicker = this
@@ -1918,11 +1910,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
     }
     $xeDatePicker.updateModelValue()
-    globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent)
     globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent)
     globalEvents.on($xeDatePicker, 'keydown', $xeDatePicker.handleGlobalKeydownEvent)
     globalEvents.on($xeDatePicker, 'blur', $xeDatePicker.handleGlobalBlurEvent)
     globalEvents.on($xeDatePicker, 'resize', $xeDatePicker.handleGlobalResizeEvent)
+    globalEvents.on($xeDatePicker, 'scroll', $xeDatePicker.handleGlobalScrollEvent)
   },
   beforeDestroy () {
     const $xeDatePicker = this
@@ -1933,11 +1925,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem)
     }
-    globalEvents.off($xeDatePicker, 'mousewheel')
     globalEvents.off($xeDatePicker, 'mousedown')
     globalEvents.off($xeDatePicker, 'keydown')
     globalEvents.off($xeDatePicker, 'blur')
     globalEvents.off($xeDatePicker, 'resize')
+    globalEvents.off($xeDatePicker, 'scroll')
     XEUtils.assign(reactData, createReactData())
     XEUtils.assign(internalData, createInternalData())
   },

package/packages/date-range-picker/src/date-range-picker.ts

@@ -1092,24 +1092,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
       }
     },
-    handleGlobalMousewheelEvent (evnt: Event) {
-      const $xeDateRangePicker = this
-      const reactData = $xeDateRangePicker.reactData
-
-      const { visiblePanel } = reactData
-      const isDisabled = $xeDateRangePicker.computeIsDisabled
-      if (!isDisabled) {
-        if (visiblePanel) {
-          const panelWrapperElem = $xeDateRangePicker.$refs.refPanelWrapper as HTMLDivElement
-          if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-            $xeDateRangePicker.updatePlacement()
-          } else {
-            $xeDateRangePicker.checkValue()
-            $xeDateRangePicker.hidePanel()
-          }
-        }
-      }
-    },
     handleGlobalBlurEvent () {
       const $xeDateRangePicker = this
       const reactData = $xeDateRangePicker.reactData
@@ -1138,6 +1120,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeDateRangePicker.updatePlacement()
       }
     },
+    handleGlobalScrollEvent () {
+      const $xeDateRangePicker = this
+      const reactData = $xeDateRangePicker.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeDateRangePicker.updatePlacement()
+      }
+    },
     // 弹出面板
     updateZindex () {
       const $xeDateRangePicker = this
@@ -1763,11 +1754,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
     $xeDateRangePicker.updateModelValue(true)
 
-    globalEvents.on($xeDateRangePicker, 'mousewheel', $xeDateRangePicker.handleGlobalMousewheelEvent)
     globalEvents.on($xeDateRangePicker, 'mousedown', $xeDateRangePicker.handleGlobalMousedownEvent)
     globalEvents.on($xeDateRangePicker, 'keydown', $xeDateRangePicker.handleGlobalKeydownEvent)
     globalEvents.on($xeDateRangePicker, 'blur', $xeDateRangePicker.handleGlobalBlurEvent)
     globalEvents.on($xeDateRangePicker, 'resize', $xeDateRangePicker.handleGlobalResizeEvent)
+    globalEvents.on($xeDateRangePicker, 'scroll', $xeDateRangePicker.handleGlobalScrollEvent)
   },
   deactivated () {
     const $xeDateRangePicker = this
@@ -1784,10 +1775,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       panelElem.parentNode.removeChild(panelElem)
     }
     $xeDateRangePicker.checkValue()
-    globalEvents.off($xeDateRangePicker, 'mousewheel')
     globalEvents.off($xeDateRangePicker, 'mousedown')
+    globalEvents.off($xeDateRangePicker, 'keydown')
     globalEvents.off($xeDateRangePicker, 'blur')
     globalEvents.off($xeDateRangePicker, 'resize')
+    globalEvents.off($xeDateRangePicker, 'scroll')
     XEUtils.assign(reactData, createReactData())
     XEUtils.assign(internalData, createInternalData())
   },

package/packages/icon-picker/src/icon-picker.ts

@@ -517,23 +517,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeIconPicker.togglePanelEvent(evnt)
       $xeIconPicker.dispatchEvent('click', {}, evnt)
     },
-    handleGlobalMousewheelEvent  (evnt: MouseEvent) {
-      const $xeIconPicker = this
-      const reactData = $xeIconPicker.reactData
-
-      const { visiblePanel } = reactData
-      const isDisabled = $xeIconPicker.computeIsDisabled
-      if (!isDisabled) {
-        if (visiblePanel) {
-          const panelElem = $xeIconPicker.$refs.refOptionPanel as HTMLElement
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeIconPicker.updatePlacement()
-          } else {
-            $xeIconPicker.hideOptionPanel()
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent (evnt: MouseEvent) {
       const $xeIconPicker = this
       const reactData = $xeIconPicker.reactData
@@ -615,6 +598,24 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
       }
     },
+    handleGlobalResizeEvent () {
+      const $xeIconPicker = this
+      const reactData = $xeIconPicker.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeIconPicker.updatePlacement()
+      }
+    },
+    handleGlobalScrollEvent () {
+      const $xeIconPicker = this
+      const reactData = $xeIconPicker.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeIconPicker.updatePlacement()
+      }
+    },
     handleClickIconEvent  (evnt: MouseEvent, item: VxeIconPickerDefines.IconItemObj) {
       const $xeIconPicker = this
 
@@ -881,10 +882,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
     reactData.selectIcon = `${props.value || ''}`
     $xeIconPicker.handleData()
 
-    globalEvents.on($xeIconPicker, 'mousewheel', $xeIconPicker.handleGlobalMousewheelEvent)
     globalEvents.on($xeIconPicker, 'mousedown', $xeIconPicker.handleGlobalMousedownEvent)
     globalEvents.on($xeIconPicker, 'keydown', $xeIconPicker.handleGlobalKeydownEvent)
     globalEvents.on($xeIconPicker, 'blur', $xeIconPicker.handleGlobalBlurEvent)
+    globalEvents.on($xeIconPicker, 'resize', $xeIconPicker.handleGlobalResizeEvent)
+    globalEvents.on($xeIconPicker, 'scroll', $xeIconPicker.handleGlobalScrollEvent)
   },
   beforeDestroy () {
     const $xeIconPicker = this
@@ -895,10 +897,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem)
     }
-    globalEvents.off($xeIconPicker, 'mousewheel')
     globalEvents.off($xeIconPicker, 'mousedown')
     globalEvents.off($xeIconPicker, 'keydown')
     globalEvents.off($xeIconPicker, 'blur')
+    globalEvents.off($xeIconPicker, 'resize')
+    globalEvents.off($xeIconPicker, 'scroll')
     XEUtils.assign(reactData, createReactData())
     XEUtils.assign(internalData, createInternalData())
   },

package/packages/number-input/src/number-input.ts

@@ -810,7 +810,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           const inputElem = $xeNumberInput.$refs.refInputTarget as HTMLInputElement
           const content = getText(contentMethod
             ? contentMethod({
-              $mumberInput: $xeNumberInput,
+              $numberInput: $xeNumberInput,
               type,
               inputValue: inputElem.value,
               value: inputValue || '',

package/packages/pulldown/src/pulldown.ts

@@ -316,29 +316,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
       $xePulldown.dispatchEvent('click', { $pulldown: $xePulldown }, evnt)
     },
-    handleGlobalMousewheelEvent (evnt: Event) {
-      const $xePulldown = this
-      const props = $xePulldown
-      const reactData = $xePulldown.reactData
-
-      const { trigger, disabled } = props
-      const { visiblePanel } = reactData
-      const popupOpts = $xePulldown.computePopupOpts
-      const currTrigger = trigger || popupOpts.trigger
-      const panelElem = $xePulldown.$refs.refPulldownPanel as HTMLElement
-      if (!disabled) {
-        if (visiblePanel) {
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xePulldown.updatePlacement()
-          } else {
-            if (currTrigger !== 'manual') {
-              $xePulldown.hideOptionPanel()
-              $xePulldown.dispatchEvent('hide-panel', {}, evnt)
-            }
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent  (evnt: Event) {
       const $xePulldown = this
       const props = $xePulldown
@@ -388,6 +365,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xePulldown.updatePlacement()
       }
     },
+    handleGlobalScrollEvent () {
+      const $xePulldown = this
+      const reactData = $xePulldown.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xePulldown.updatePlacement()
+      }
+    },
 
     //
     // Render
@@ -510,10 +496,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (props.value) {
       $xePulldown.showPanel()
     }
-    globalEvents.on($xePulldown, 'mousewheel', $xePulldown.handleGlobalMousewheelEvent)
     globalEvents.on($xePulldown, 'mousedown', $xePulldown.handleGlobalMousedownEvent)
     globalEvents.on($xePulldown, 'blur', $xePulldown.handleGlobalBlurEvent)
     globalEvents.on($xePulldown, 'resize', $xePulldown.handleGlobalResizeEvent)
+    globalEvents.on($xePulldown, 'scroll', $xePulldown.handleGlobalScrollEvent)
   },
   beforeDestroy () {
     const $xePulldown = this
@@ -522,10 +508,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem)
     }
-    globalEvents.off($xePulldown, 'mousewheel')
     globalEvents.off($xePulldown, 'mousedown')
     globalEvents.off($xePulldown, 'blur')
     globalEvents.off($xePulldown, 'resize')
+    globalEvents.off($xePulldown, 'scroll')
   },
   render (this: any, h) {
     return this.renderVN(h)

package/packages/select/src/select.ts

@@ -1051,23 +1051,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
       reactData.reactFlag++
     },
-    handleGlobalMousewheelEvent (evnt: MouseEvent) {
-      const $xeSelect = this
-      const reactData = $xeSelect.reactData
-
-      const { visiblePanel } = reactData
-      const isDisabled = $xeSelect.computeIsDisabled
-      if (!isDisabled) {
-        if (visiblePanel) {
-          const panelElem = $xeSelect.$refs.refOptionPanel
-          if (getEventTargetNode(evnt, panelElem).flag) {
-            $xeSelect.updatePlacement()
-          } else {
-            $xeSelect.hideOptionPanel(evnt)
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent  (evnt: MouseEvent) {
       const $xeSelect = this
       const reactData = $xeSelect.reactData
@@ -1245,6 +1228,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeSelect.updatePlacement()
       }
     },
+    handleGlobalScrollEvent () {
+      const $xeSelect = this
+      const reactData = $xeSelect.reactData
+
+      const { visiblePanel } = reactData
+      if (visiblePanel) {
+        $xeSelect.updatePlacement()
+      }
+    },
     handleFocusSearch  () {
       const $xeSelect = this
       const props = $xeSelect
@@ -2157,11 +2149,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
         $xeSelect.loadData(options)
       }
     })
-    globalEvents.on($xeSelect, 'mousewheel', $xeSelect.handleGlobalMousewheelEvent)
     globalEvents.on($xeSelect, 'mousedown', $xeSelect.handleGlobalMousedownEvent)
     globalEvents.on($xeSelect, 'keydown', $xeSelect.handleGlobalKeydownEvent)
     globalEvents.on($xeSelect, 'blur', $xeSelect.handleGlobalBlurEvent)
     globalEvents.on($xeSelect, 'resize', $xeSelect.handleGlobalResizeEvent)
+    globalEvents.on($xeSelect, 'scroll', $xeSelect.handleGlobalScrollEvent)
   },
   beforeDestroy () {
     const $xeSelect = this
@@ -2170,11 +2162,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem)
     }
-    globalEvents.off($xeSelect, 'mousewheel')
     globalEvents.off($xeSelect, 'mousedown')
     globalEvents.off($xeSelect, 'keydown')
     globalEvents.off($xeSelect, 'blur')
     globalEvents.off($xeSelect, 'resize')
+    globalEvents.off($xeSelect, 'scroll')
   },
   destroyed () {
     const $xeSelect = this