vxe-pc-ui 4.17.30 → 4.18.1

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.30"}`;
+const uiVersion = `ui v${"4.18.1"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -115,7 +115,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.17.30";
+const version = "4.18.1";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -248,6 +248,7 @@ setConfig$1({
         showClearButton: null,
         showConfirmButton: null
     },
+    divider: {},
     drawer: {
         // size: null,
         // useHtml: false,
@@ -3389,6 +3390,7 @@ const VxeButtonComponent = defineVxeComponent({
         const { slots, emit } = context;
         const $xeModal = inject('$xeModal', null);
         const $xeDrawer = inject('$xeDrawer', null);
+        const $xeGrid = inject('$xeGrid', null);
         const $xeTable = inject('$xeTable', null);
         const $xeTree = inject('$xeTree', null);
         const $xeForm = inject('$xeForm', null);
@@ -3435,7 +3437,7 @@ const VxeButtonComponent = defineVxeComponent({
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
+                if ($xeGrid || $xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
                     return true;
                 }
             }
@@ -3791,12 +3793,6 @@ const VxeButtonComponent = defineVxeComponent({
                 return nextTick();
             }
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const panelElem = refBtnPanel.value;
-            if (reactData.visiblePanel && !getEventTargetNode(evnt, panelElem).flag) {
-                hidePanel();
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const btnDisabled = computeBtnDisabled.value;
             const { visiblePanel } = reactData;
@@ -3815,6 +3811,12 @@ const VxeButtonComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         Object.assign($xeButton, buttonMethods);
         const renderVN = () => {
             const { className, trigger, title, routerLink, type, destroyOnClose, name, loading, shadow, showDropdownIcon } = props;
@@ -3995,14 +3997,14 @@ const VxeButtonComponent = defineVxeComponent({
             if (props.type === 'text') {
                 warnLog$h('vxe.error.delProp', ['type=text', 'mode=text']);
             }
-            globalEvents.on($xeButton, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeButton, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeButton, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeButton, 'scroll', handleGlobalScrollEvent);
         });
         onUnmounted(() => {
-            globalEvents.off($xeButton, 'mousewheel');
             globalEvents.off($xeButton, 'mousedown');
             globalEvents.off($xeButton, 'resize');
+            globalEvents.off($xeButton, 'scroll');
         });
         return $xeButton;
     },
@@ -12778,21 +12780,6 @@ var VxeCascaderComponent = defineVxeComponent({
             const { $event } = params;
             hideOptionPanel($event);
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = refOptionPanel.value;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        hideOptionPanel(evnt);
-                    }
-                }
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { visiblePanel } = reactData;
             const isDisabled = computeIsDisabled.value;
@@ -12826,6 +12813,12 @@ var VxeCascaderComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const handleFocusSearch = () => {
             if (props.filterable) {
                 nextTick(() => {
@@ -13658,16 +13651,16 @@ var VxeCascaderComponent = defineVxeComponent({
         });
         loadData(props.options || []);
         onMounted(() => {
-            globalEvents.on($xeCascader, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeCascader, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeCascader, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeCascader, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeCascader, 'scroll', handleGlobalScrollEvent);
         });
         onUnmounted(() => {
-            globalEvents.off($xeCascader, 'mousewheel');
             globalEvents.off($xeCascader, 'mousedown');
             globalEvents.off($xeCascader, 'blur');
             globalEvents.off($xeCascader, 'resize');
+            globalEvents.off($xeCascader, 'scroll');
             XEUtils.assign(reactData, createReactData$l());
             XEUtils.assign(internalData, createInternalData$k());
         });
@@ -17021,21 +17014,6 @@ var VxeColorPickerComponent = defineVxeComponent({
                 }
             }
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = refOptionPanel.value;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        hideOptionPanel();
-                    }
-                }
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { visiblePanel } = reactData;
             const isDisabled = computeIsDisabled.value;
@@ -17069,6 +17047,12 @@ var VxeColorPickerComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $colorPicker: $xeColorPicker }, params));
         };
@@ -17472,16 +17456,16 @@ var VxeColorPickerComponent = defineVxeComponent({
             updateType();
         });
         onMounted(() => {
-            globalEvents.on($xeColorPicker, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeColorPicker, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeColorPicker, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeColorPicker, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeColorPicker, 'scroll', handleGlobalScrollEvent);
         });
         onUnmounted(() => {
-            globalEvents.off($xeColorPicker, 'mousewheel');
             globalEvents.off($xeColorPicker, 'mousedown');
             globalEvents.off($xeColorPicker, 'blur');
             globalEvents.off($xeColorPicker, 'resize');
+            globalEvents.off($xeColorPicker, 'scroll');
         });
         updateType();
         provide('$xeColorPicker', $xeColorPicker);
@@ -21512,21 +21496,6 @@ var VxeDatePickerComponent = defineVxeComponent({
                 }
             }
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelWrapperElem = refPanelWrapper.value;
-                    if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        hidePanel();
-                    }
-                }
-            }
-        };
         const handleGlobalBlurEvent = () => {
             const { isActivated, visiblePanel } = reactData;
             if (visiblePanel) {
@@ -21549,6 +21518,12 @@ var VxeDatePickerComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         // 弹出面板
         const updateZindex = () => {
             const popupOpts = computePopupOpts.value;
@@ -22022,11 +21997,11 @@ var VxeDatePickerComponent = defineVxeComponent({
         });
         updateModelValue();
         nextTick(() => {
-            globalEvents.on($xeDatePicker, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeDatePicker, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeDatePicker, 'keydown', handleGlobalKeydownEvent);
             globalEvents.on($xeDatePicker, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeDatePicker, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeDatePicker, 'scroll', handleGlobalScrollEvent);
         });
         onMounted(() => {
             const { type, multiple, maskedConfig } = props;
@@ -22040,11 +22015,11 @@ var VxeDatePickerComponent = defineVxeComponent({
             }
         });
         onUnmounted(() => {
-            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$h());
             XEUtils.assign(internalData, createInternalData$g());
         });
@@ -22974,22 +22949,6 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                 }
             }
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelWrapperElem = refPanelWrapper.value;
-                    if (getEventTargetNode(evnt, panelWrapperElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        checkValue();
-                        hidePanel();
-                    }
-                }
-            }
-        };
         const handleGlobalBlurEvent = () => {
             const { visiblePanel, isActivated } = reactData;
             if (visiblePanel) {
@@ -23012,6 +22971,12 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         // 弹出面板
         const updateZindex = () => {
             const popupOpts = computePopupOpts.value;
@@ -23539,11 +23504,11 @@ var VxeDateRangePickerComponent = defineVxeComponent({
         });
         updateModelValue(true);
         nextTick(() => {
-            globalEvents.on($xeDateRangePicker, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeDateRangePicker, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeDateRangePicker, 'keydown', handleGlobalKeydownEvent);
             globalEvents.on($xeDateRangePicker, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeDateRangePicker, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeDateRangePicker, 'scroll', handleGlobalScrollEvent);
         });
         onDeactivated(() => {
             checkValue();
@@ -23552,10 +23517,11 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             checkValue();
         });
         onUnmounted(() => {
-            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$g());
             XEUtils.assign(internalData, createInternalData$f());
         });
@@ -23577,6 +23543,85 @@ dynamicApp.use(VxeDateRangePicker);
 VxeUI.component(VxeDateRangePickerComponent);
 const DateRangePicker = VxeDateRangePicker;
 
+var VxeDividerComponent = defineVxeComponent({
+    name: 'VxeDivider',
+    props: {
+        vertical: {
+            type: Boolean,
+            default: () => getConfig$3().divider.vertical
+        },
+        titleContent: {
+            type: String,
+            default: () => getConfig$3().divider.titleContent
+        },
+        titleAlign: {
+            type: String,
+            default: () => getConfig$3().divider.titleAlign
+        },
+        size: {
+            type: String,
+            default: () => getConfig$3().divider.size || getConfig$3().size
+        }
+    },
+    emits: [],
+    setup(props, context) {
+        const { emit, slots } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const { computeSize } = useSize(props);
+        const refMaps = {
+            refElem
+        };
+        const computeMaps = {};
+        const $xeDivider = {
+            xID,
+            props,
+            context,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $divider: $xeDivider }, params));
+        };
+        const dividerMethods = {
+            dispatchEvent
+        };
+        const dividerPrivateMethods = {};
+        Object.assign($xeDivider, dividerMethods, dividerPrivateMethods);
+        const renderVN = () => {
+            const { vertical, titleContent, titleAlign } = props;
+            const vSize = computeSize.value;
+            const titleSlot = slots.title;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-divider', vertical ? 'is--vertical' : 'is--horizontal', `t--align-${titleAlign || 'center'}`, {
+                        [`size--${vSize}`]: vSize
+                    }]
+            }, (titleContent || titleSlot) && !vertical
+                ? [
+                    h('span', {
+                        class: 'vxe-divider--content'
+                    }, titleSlot ? titleSlot({}) : titleContent)
+                ]
+                : []);
+        };
+        $xeDivider.renderVN = renderVN;
+        return $xeDivider;
+    },
+    render() {
+        return this.renderVN();
+    }
+});
+
+const VxeDivider = Object.assign({}, VxeDividerComponent, {
+    install(app) {
+        app.component(VxeDividerComponent.name, VxeDividerComponent);
+    }
+});
+dynamicApp.use(VxeDivider);
+VxeUI.component(VxeDividerComponent);
+const Divider = VxeDivider;
+
 const allActiveDrawers = [];
 
 const VxeLoading = Object.assign({}, VxeLoadingComponent, {
@@ -24355,7 +24400,10 @@ var VxeEmptyComponent = defineVxeComponent({
         imageUrl: String,
         imageStyle: Object,
         icon: String,
-        status: String,
+        status: {
+            type: String,
+            default: () => getConfig$3().empty.status
+        },
         content: [String, Number]
     },
     emits: [],
@@ -27098,21 +27146,6 @@ var VxeIconPickerComponent = defineVxeComponent({
             togglePanelEvent(evnt);
             dispatchEvent('click', {}, evnt);
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = refOptionPanel.value;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        hideOptionPanel();
-                    }
-                }
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { visiblePanel } = reactData;
             const isDisabled = computeIsDisabled.value;
@@ -27188,6 +27221,18 @@ var VxeIconPickerComponent = defineVxeComponent({
                 }
             }
         };
+        const handleGlobalResizeEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $iconPicker: $xeIconPicker }, params));
         };
@@ -27447,16 +27492,19 @@ var VxeIconPickerComponent = defineVxeComponent({
             handleData();
         });
         onMounted(() => {
-            globalEvents.on($xeIconPicker, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeIconPicker, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeIconPicker, 'keydown', handleGlobalKeydownEvent);
             globalEvents.on($xeIconPicker, 'blur', handleGlobalBlurEvent);
+            globalEvents.on($xeIconPicker, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeIconPicker, 'scroll', handleGlobalScrollEvent);
         });
         onBeforeUnmount(() => {
             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$e());
             XEUtils.assign(internalData, createInternalData$d());
         });
@@ -32518,21 +32566,6 @@ var VxeSelectComponent = defineVxeComponent({
             }
             reactData.reactFlag++;
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = refOptionPanel.value;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        hideOptionPanel(evnt);
-                    }
-                }
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { visiblePanel } = reactData;
             const isDisabled = computeIsDisabled.value;
@@ -32695,6 +32728,12 @@ var VxeSelectComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const handleFocusSearch = () => {
             if (props.filterable) {
                 nextTick(() => {
@@ -33499,18 +33538,18 @@ var VxeSelectComponent = defineVxeComponent({
                     loadData(options);
                 }
             });
-            globalEvents.on($xeSelect, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeSelect, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeSelect, 'keydown', handleGlobalKeydownEvent);
             globalEvents.on($xeSelect, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeSelect, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeSelect, 'scroll', handleGlobalScrollEvent);
         });
         onUnmounted(() => {
-            globalEvents.off($xeSelect, 'mousewheel');
             globalEvents.off($xeSelect, 'mousedown');
             globalEvents.off($xeSelect, 'keydown');
             globalEvents.off($xeSelect, 'blur');
             globalEvents.off($xeSelect, 'resize');
+            globalEvents.off($xeSelect, 'scroll');
             XEUtils.assign(reactData, createReactData$9());
             XEUtils.assign(internalData, createInternalData$8());
         });
@@ -35525,26 +35564,6 @@ var VxePulldownComponent = defineVxeComponent({
             }
             dispatchEvent('click', { $pulldown: $xePulldown }, evnt);
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { trigger, disabled } = props;
-            const { visiblePanel } = reactData;
-            const panelElem = refPulldownPanel.value;
-            const popupOpts = computePopupOpts.value;
-            const currTrigger = trigger || popupOpts.trigger;
-            if (!disabled) {
-                if (visiblePanel) {
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        if (currTrigger !== 'manual') {
-                            hideOptionPanel();
-                            dispatchEvent('hide-panel', {}, evnt);
-                        }
-                    }
-                }
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { trigger, disabled } = props;
             const { visiblePanel } = reactData;
@@ -35583,6 +35602,12 @@ var VxePulldownComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $pulldown: $xePulldown }, params));
         };
@@ -35594,30 +35619,6 @@ var VxePulldownComponent = defineVxeComponent({
             hidePanel: hideOptionPanel
         };
         Object.assign($xePulldown, pulldownMethods);
-        watch(() => props.modelValue, (value) => {
-            reactData.isActivated = !!value;
-            if (value) {
-                showPanel();
-            }
-            else {
-                hideOptionPanel();
-            }
-        });
-        nextTick(() => {
-            if (props.modelValue) {
-                showPanel();
-            }
-            globalEvents.on($xePulldown, 'mousewheel', handleGlobalMousewheelEvent);
-            globalEvents.on($xePulldown, 'mousedown', handleGlobalMousedownEvent);
-            globalEvents.on($xePulldown, 'blur', handleGlobalBlurEvent);
-            globalEvents.on($xePulldown, 'resize', handleGlobalResizeEvent);
-        });
-        onUnmounted(() => {
-            globalEvents.off($xePulldown, 'mousewheel');
-            globalEvents.off($xePulldown, 'mousedown');
-            globalEvents.off($xePulldown, 'blur');
-            globalEvents.off($xePulldown, 'resize');
-        });
         const renderDefaultPanel = (options) => {
             const optionSlot = slots.option;
             return h('div', {
@@ -35702,6 +35703,30 @@ var VxePulldownComponent = defineVxeComponent({
                 ])
             ]);
         };
+        watch(() => props.modelValue, (value) => {
+            reactData.isActivated = !!value;
+            if (value) {
+                showPanel();
+            }
+            else {
+                hideOptionPanel();
+            }
+        });
+        nextTick(() => {
+            if (props.modelValue) {
+                showPanel();
+            }
+            globalEvents.on($xePulldown, 'mousedown', handleGlobalMousedownEvent);
+            globalEvents.on($xePulldown, 'blur', handleGlobalBlurEvent);
+            globalEvents.on($xePulldown, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xePulldown, 'scroll', handleGlobalScrollEvent);
+        });
+        onUnmounted(() => {
+            globalEvents.off($xePulldown, 'mousedown');
+            globalEvents.off($xePulldown, 'blur');
+            globalEvents.off($xePulldown, 'resize');
+            globalEvents.off($xePulldown, 'scroll');
+        });
         $xePulldown.renderVN = renderVN;
         return $xePulldown;
     },
@@ -38135,6 +38160,10 @@ var VxeSliderComponent = defineVxeComponent({
             type: Boolean,
             default: null
         },
+        status: {
+            type: String,
+            default: () => getConfig$3().slider.status
+        },
         immediate: {
             type: Boolean,
             default: () => getConfig$3().slider.immediate
@@ -38468,7 +38497,7 @@ var VxeSliderComponent = defineVxeComponent({
         const collapsePanePrivateMethods = {};
         Object.assign($xeSlider, collapsePaneMethods, collapsePanePrivateMethods);
         const renderVN = () => {
-            const { vertical, range } = props;
+            const { status, vertical, range } = props;
             const vSize = computeSize.value;
             const formReadonly = computeFormReadonly.value;
             const isDisabled = computeIsDisabled.value;
@@ -38476,6 +38505,7 @@ var VxeSliderComponent = defineVxeComponent({
                 ref: refElem,
                 class: ['vxe-slider', {
                         [`size--${vSize}`]: vSize,
+                        [`theme--${status}`]: status,
                         'is--vertical': vertical,
                         'is--readonly': formReadonly,
                         'is--disabled': isDisabled
@@ -39581,21 +39611,6 @@ var VxeTableSelectComponent = defineVxeComponent({
             clearValueEvent(evnt, null);
             hideOptionPanel();
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = refOptionPanel.value;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        hideOptionPanel();
-                    }
-                }
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { visiblePanel } = reactData;
             const isDisabled = computeIsDisabled.value;
@@ -39629,6 +39644,12 @@ var VxeTableSelectComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const focusEvent = (evnt) => {
             const isDisabled = computeIsDisabled.value;
             if (!isDisabled) {
@@ -39814,16 +39835,16 @@ var VxeTableSelectComponent = defineVxeComponent({
                     reactData.initialized = true;
                 }
             }
-            globalEvents.on($xeTableSelect, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeTableSelect, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeTableSelect, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeTableSelect, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeTableSelect, 'scroll', handleGlobalScrollEvent);
         });
         onUnmounted(() => {
-            globalEvents.off($xeTableSelect, 'mousewheel');
             globalEvents.off($xeTableSelect, 'mousedown');
             globalEvents.off($xeTableSelect, 'blur');
             globalEvents.off($xeTableSelect, 'resize');
+            globalEvents.off($xeTableSelect, 'scroll');
             XEUtils.assign(reactData, createReactData$5());
             XEUtils.assign(internalData, createInternalData$5());
         });
@@ -46096,21 +46117,6 @@ var VxeTreeSelectComponent = defineVxeComponent({
                 $tree.clearAllExpandNode();
             }
         };
-        const handleGlobalMousewheelEvent = (evnt) => {
-            const { visiblePanel } = reactData;
-            const isDisabled = computeIsDisabled.value;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = refOptionPanel.value;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        updatePlacement();
-                    }
-                    else {
-                        hideOptionPanel(evnt);
-                    }
-                }
-            }
-        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { visiblePanel } = reactData;
             const isDisabled = computeIsDisabled.value;
@@ -46144,6 +46150,12 @@ var VxeTreeSelectComponent = defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const handleFocusSearch = () => {
             if (props.filterable) {
                 nextTick(() => {
@@ -46514,16 +46526,16 @@ var VxeTreeSelectComponent = defineVxeComponent({
             if (XEUtils.isBoolean(props.autoClose)) {
                 warnLog$1('vxe.error.delProp', ['auto-close', 'checked-closable | clear-closable']);
             }
-            globalEvents.on($xeTreeSelect, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeTreeSelect, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeTreeSelect, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeTreeSelect, 'resize', handleGlobalResizeEvent);
+            globalEvents.on($xeTreeSelect, 'scroll', handleGlobalScrollEvent);
         });
         onBeforeUnmount(() => {
-            globalEvents.off($xeTreeSelect, 'mousewheel');
             globalEvents.off($xeTreeSelect, 'mousedown');
             globalEvents.off($xeTreeSelect, 'blur');
             globalEvents.off($xeTreeSelect, 'resize');
+            globalEvents.off($xeTreeSelect, 'scroll');
             XEUtils.assign(reactData, createReactData$1());
             XEUtils.assign(internalData, createInternalData$1());
         });
@@ -48844,6 +48856,7 @@ const components = [
     VxeDatePanel,
     VxeDatePicker,
     VxeDateRangePicker,
+    VxeDivider,
     VxeDrawer,
     VxeEmpty,
     VxeForm,
@@ -48985,6 +48998,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     DatePanel: DatePanel,
     DatePicker: DatePicker,
     DateRangePicker: DateRangePicker,
+    Divider: Divider,
     Drawer: Drawer,
     DrawerController: DrawerController,
     Empty: Empty,
@@ -49081,6 +49095,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     VxeDatePanel: VxeDatePanel,
     VxeDatePicker: VxeDatePicker,
     VxeDateRangePicker: VxeDateRangePicker,
+    VxeDivider: VxeDivider,
     VxeDrawer: VxeDrawer,
     VxeEmpty: VxeEmpty,
     VxeForm: VxeForm,
@@ -49161,4 +49176,4 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     watermark: watermark
 });
 
-export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Space, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, TooltipController, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSpace, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };
+export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Divider, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Space, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, TooltipController, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDivider, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSpace, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };