vxe-pc-ui 4.17.30 → 4.18.1

package/es/table-select/src/table-select.js

@@ -468,21 +468,6 @@ export default 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;
@@ -516,6 +501,12 @@ export default defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const focusEvent = (evnt) => {
             const isDisabled = computeIsDisabled.value;
             if (!isDisabled) {
@@ -701,16 +692,16 @@ export default 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());
             XEUtils.assign(internalData, createInternalData());
         });

package/es/tree-select/src/tree-select.js

@@ -568,21 +568,6 @@ export default 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;
@@ -616,6 +601,12 @@ export default defineVxeComponent({
                 updatePlacement();
             }
         };
+        const handleGlobalScrollEvent = () => {
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                updatePlacement();
+            }
+        };
         const handleFocusSearch = () => {
             if (props.filterable) {
                 nextTick(() => {
@@ -986,16 +977,16 @@ export default defineVxeComponent({
             if (XEUtils.isBoolean(props.autoClose)) {
                 warnLog('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());
             XEUtils.assign(internalData, createInternalData());
         });

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "4.17.30";
+export const version = "4.18.1";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -134,6 +134,7 @@ setConfig({
         showClearButton: null,
         showConfirmButton: null
     },
+    divider: {},
     drawer: {
         // size: null,
         // useHtml: false,

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.30"}`;
+const uiVersion = `ui v${"4.18.1"}`;
 export function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';

package/es/vxe-divider/index.js

@@ -0,0 +1,3 @@
+import VxeDivider from '../divider';
+export * from '../divider';
+export default VxeDivider;

package/es/vxe-divider/style.css

@@ -0,0 +1,83 @@
+.vxe-divider {
+  --vxe-ui-divider-current-font-size: inherit;
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-default);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-default);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-default);
+}
+.vxe-divider.size--xlarge {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-xlarge);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-xlarge);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-xlarge);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-xlarge);
+}
+.vxe-divider.size--large {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-large);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-large);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-large);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-large);
+}
+.vxe-divider.size--medium {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-medium);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-medium);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-medium);
+}
+.vxe-divider.size--small {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-small);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-small);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-small);
+}
+.vxe-divider.size--mini {
+  --vxe-ui-divider-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-divider-padding: var(--vxe-ui-layout-padding-mini);
+  --vxe-ui-divider-current-horizontal-margin: var(--vxe-ui-divider-horizontal-margin-mini);
+  --vxe-ui-divider-current-vertical-margin: var(--vxe-ui-divider-vertical-margin-mini);
+}
+
+.vxe-divider {
+  color: var(--vxe-ui-font-color);
+  font-size: var(--vxe-ui-divider-current-font-size);
+  white-space: nowrap;
+}
+.vxe-divider.is--horizontal {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: var(--vxe-ui-divider-current-horizontal-margin) 0;
+}
+.vxe-divider.is--horizontal::after, .vxe-divider.is--horizontal::before {
+  content: "";
+  display: block;
+  height: 1px;
+  border-top: var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color);
+}
+.vxe-divider.is--horizontal.t--align-left::after {
+  flex-grow: 1;
+}
+.vxe-divider.is--horizontal.t--align-left::before {
+  width: 1.2em;
+  flex-shrink: 0;
+}
+.vxe-divider.is--horizontal.t--align-center::after, .vxe-divider.is--horizontal.t--align-center::before {
+  flex-grow: 1;
+}
+.vxe-divider.is--horizontal.t--align-right::after {
+  width: 1.2em;
+  flex-shrink: 0;
+}
+.vxe-divider.is--horizontal.t--align-right::before {
+  flex-grow: 1;
+}
+.vxe-divider.is--horizontal .vxe-divider--content {
+  padding: 0 var(--vxe-ui-divider-padding);
+}
+.vxe-divider.is--vertical {
+  display: inline-block;
+  width: 1px;
+  height: 1em;
+  vertical-align: middle;
+  margin: 0 var(--vxe-ui-divider-current-vertical-margin);
+  border-left: var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color);
+}

package/es/vxe-divider/style.min.css

@@ -0,0 +1 @@
+.vxe-divider{--vxe-ui-divider-current-font-size:inherit;--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-default);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-default);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-default)}.vxe-divider.size--xlarge{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-xlarge);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-xlarge);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-xlarge)}.vxe-divider.size--large{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-large);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-large);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-large)}.vxe-divider.size--medium{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-medium);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-medium);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-medium)}.vxe-divider.size--small{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-small);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-small);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-small)}.vxe-divider.size--mini{--vxe-ui-divider-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-divider-padding:var(--vxe-ui-layout-padding-mini);--vxe-ui-divider-current-horizontal-margin:var(--vxe-ui-divider-horizontal-margin-mini);--vxe-ui-divider-current-vertical-margin:var(--vxe-ui-divider-vertical-margin-mini)}.vxe-divider{color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-divider-current-font-size);white-space:nowrap}.vxe-divider.is--horizontal{width:100%;display:flex;flex-direction:row;align-items:center;margin:var(--vxe-ui-divider-current-horizontal-margin) 0}.vxe-divider.is--horizontal::after,.vxe-divider.is--horizontal::before{content:"";display:block;height:1px;border-top:var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color)}.vxe-divider.is--horizontal.t--align-left::after{flex-grow:1}.vxe-divider.is--horizontal.t--align-left::before{width:1.2em;flex-shrink:0}.vxe-divider.is--horizontal.t--align-center::after,.vxe-divider.is--horizontal.t--align-center::before{flex-grow:1}.vxe-divider.is--horizontal.t--align-right::after{width:1.2em;flex-shrink:0}.vxe-divider.is--horizontal.t--align-right::before{flex-grow:1}.vxe-divider.is--horizontal .vxe-divider--content{padding:0 var(--vxe-ui-divider-padding)}.vxe-divider.is--vertical{display:inline-block;width:1px;height:1em;vertical-align:middle;margin:0 var(--vxe-ui-divider-current-vertical-margin);border-left:var(--vxe-ui-divider-border-width) solid var(--vxe-ui-input-border-color)}

package/es/vxe-slider/style.css

@@ -13,7 +13,14 @@
   background-color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-slider.theme--primary .vxe-slider--bar-btn {
-  background-color: var(--vxe-ui-font-primary-color);
+  border-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-slider.theme--primary.is--disabled .vxe-slider--bar-track {
+  background-color: var(--vxe-ui-font-primary-disabled-color);
+}
+.vxe-slider.theme--primary.is--disabled .vxe-slider--bar-btn {
+  border-color: var(--vxe-ui-font-primary-disabled-color);
+  cursor: not-allowed;
 }
 .vxe-slider.theme--success .vxe-slider--bar-track {
   background-color: var(--vxe-ui-status-success-color);
@@ -25,7 +32,14 @@
   background-color: var(--vxe-ui-status-success-darken-color);
 }
 .vxe-slider.theme--success .vxe-slider--bar-btn {
-  background-color: var(--vxe-ui-status-success-color);
+  border-color: var(--vxe-ui-status-success-color);
+}
+.vxe-slider.theme--success.is--disabled .vxe-slider--bar-track {
+  background-color: var(--vxe-ui-status-success-disabled-color);
+}
+.vxe-slider.theme--success.is--disabled .vxe-slider--bar-btn {
+  border-color: var(--vxe-ui-status-success-disabled-color);
+  cursor: not-allowed;
 }
 .vxe-slider.theme--info .vxe-slider--bar-track {
   background-color: var(--vxe-ui-status-info-color);
@@ -37,7 +51,14 @@
   background-color: var(--vxe-ui-status-info-darken-color);
 }
 .vxe-slider.theme--info .vxe-slider--bar-btn {
-  background-color: var(--vxe-ui-status-info-color);
+  border-color: var(--vxe-ui-status-info-color);
+}
+.vxe-slider.theme--info.is--disabled .vxe-slider--bar-track {
+  background-color: var(--vxe-ui-status-info-disabled-color);
+}
+.vxe-slider.theme--info.is--disabled .vxe-slider--bar-btn {
+  border-color: var(--vxe-ui-status-info-disabled-color);
+  cursor: not-allowed;
 }
 .vxe-slider.theme--warning .vxe-slider--bar-track {
   background-color: var(--vxe-ui-status-warning-color);
@@ -49,7 +70,14 @@
   background-color: var(--vxe-ui-status-warning-darken-color);
 }
 .vxe-slider.theme--warning .vxe-slider--bar-btn {
-  background-color: var(--vxe-ui-status-warning-color);
+  border-color: var(--vxe-ui-status-warning-color);
+}
+.vxe-slider.theme--warning.is--disabled .vxe-slider--bar-track {
+  background-color: var(--vxe-ui-status-warning-disabled-color);
+}
+.vxe-slider.theme--warning.is--disabled .vxe-slider--bar-btn {
+  border-color: var(--vxe-ui-status-warning-disabled-color);
+  cursor: not-allowed;
 }
 .vxe-slider.theme--danger .vxe-slider--bar-track {
   background-color: var(--vxe-ui-status-danger-color);
@@ -61,7 +89,14 @@
   background-color: var(--vxe-ui-status-danger-darken-color);
 }
 .vxe-slider.theme--danger .vxe-slider--bar-btn {
-  background-color: var(--vxe-ui-status-danger-color);
+  border-color: var(--vxe-ui-status-danger-color);
+}
+.vxe-slider.theme--danger.is--disabled .vxe-slider--bar-track {
+  background-color: var(--vxe-ui-status-danger-disabled-color);
+}
+.vxe-slider.theme--danger.is--disabled .vxe-slider--bar-btn {
+  border-color: var(--vxe-ui-status-danger-disabled-color);
+  cursor: not-allowed;
 }
 .vxe-slider.theme--error .vxe-slider--bar-track {
   background-color: var(--vxe-ui-status-error-color);
@@ -73,9 +108,20 @@
   background-color: var(--vxe-ui-status-error-darken-color);
 }
 .vxe-slider.theme--error .vxe-slider--bar-btn {
-  background-color: var(--vxe-ui-status-error-color);
+  border-color: var(--vxe-ui-status-error-color);
+}
+.vxe-slider.theme--error.is--disabled .vxe-slider--bar-track {
+  background-color: var(--vxe-ui-status-error-disabled-color);
+}
+.vxe-slider.theme--error.is--disabled .vxe-slider--bar-btn {
+  border-color: var(--vxe-ui-status-error-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-slider.is--disabled .vxe-slider--bar-track {
+  background-color: var(--vxe-ui-font-primary-disabled-color);
 }
 .vxe-slider.is--disabled .vxe-slider--bar-btn {
+  border-color: var(--vxe-ui-font-primary-disabled-color);
   cursor: not-allowed;
 }
 .vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,

package/es/vxe-slider/style.min.css

@@ -1 +1 @@
-.vxe-slider{position:relative;display:block;padding:.8em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:translate(-50%,-50%) scale(1.1);cursor:grab}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:1.2em;height:1.2em;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}
+.vxe-slider{position:relative;display:block;padding:.8em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{border-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-slider.theme--primary.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-font-primary-disabled-color);cursor:not-allowed}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-slider.theme--success.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-success-disabled-color);cursor:not-allowed}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-slider.theme--info.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-info-disabled-color);cursor:not-allowed}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-slider.theme--warning.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-warning-disabled-color);cursor:not-allowed}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-slider.theme--danger.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-danger-disabled-color);cursor:not-allowed}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-slider.theme--error.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-error-disabled-color);cursor:not-allowed}.vxe-slider.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-font-primary-disabled-color);cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:translate(-50%,-50%) scale(1.1);cursor:grab}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:1.2em;height:1.2em;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}

package/lib/button/src/button.js

@@ -128,6 +128,7 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
     } = context;
     const $xeModal = (0, _vue.inject)('$xeModal', null);
     const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
+    const $xeGrid = (0, _vue.inject)('$xeGrid', null);
     const $xeTable = (0, _vue.inject)('$xeTable', null);
     const $xeTree = (0, _vue.inject)('$xeTree', null);
     const $xeForm = (0, _vue.inject)('$xeForm', null);
@@ -180,7 +181,7 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeGrid || $xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -582,12 +583,6 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
         return (0, _vue.nextTick)();
       }
     };
-    const handleGlobalMousewheelEvent = evnt => {
-      const panelElem = refBtnPanel.value;
-      if (reactData.visiblePanel && !(0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
-        hidePanel();
-      }
-    };
     const handleGlobalMousedownEvent = evnt => {
       const btnDisabled = computeBtnDisabled.value;
       const {
@@ -610,6 +605,14 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
         updatePlacement();
       }
     };
+    const handleGlobalScrollEvent = () => {
+      const {
+        visiblePanel
+      } = reactData;
+      if (visiblePanel) {
+        updatePlacement();
+      }
+    };
     Object.assign($xeButton, buttonMethods);
     const renderVN = () => {
       const {
@@ -816,14 +819,14 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
       if (props.type === 'text') {
         warnLog('vxe.error.delProp', ['type=text', 'mode=text']);
       }
-      _ui.globalEvents.on($xeButton, 'mousewheel', handleGlobalMousewheelEvent);
       _ui.globalEvents.on($xeButton, 'mousedown', handleGlobalMousedownEvent);
       _ui.globalEvents.on($xeButton, 'resize', handleGlobalResizeEvent);
+      _ui.globalEvents.on($xeButton, 'scroll', handleGlobalScrollEvent);
     });
     (0, _vue.onUnmounted)(() => {
-      _ui.globalEvents.off($xeButton, 'mousewheel');
       _ui.globalEvents.off($xeButton, 'mousedown');
       _ui.globalEvents.off($xeButton, 'resize');
+      _ui.globalEvents.off($xeButton, 'scroll');
     });
     return $xeButton;
   },

package/lib/button/src/button.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let warnLog=(0,_log.createComponentLog)("button").warnLog,VxeButtonComponent=(0,_comp.defineVxeComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size},zIndex:Number,name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,shadow:Boolean,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().button.showDropdownIcon},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},popupConfig:Object,transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click","dropdownClick","contextmenu"],setup(N,e){let{slots:I,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeTree",null),a=(0,_vue.inject)("$xeForm",null),s=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();let B=(0,_ui.useSize)(N).computeSize,S=(0,_ui.usePermission)(N).computePermissionInfo,j=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),r={showTime:void 0,tooltipTimeout:void 0},z=(0,_vue.ref)(),U=(0,_vue.ref)(),$=(0,_vue.ref)(),v={refElem:z},V={xID:t,props:N,context:e,reactData:j,internalData:r,getRefMaps:()=>v};let E=(0,_vue.computed)(()=>{var e=N.transfer,t=q.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||l||n||o||a)return!0}return e}),D=(0,_vue.computed)(()=>{var e=N.disabled,t=S.value;return e||t.disabled}),M=(0,_vue.computed)(()=>{var e=N.type;return!!e&&-1<["submit","reset","button"].indexOf(e)}),J=(0,_vue.computed)(()=>{var{type:e,mode:t}=N;return"text"===t||"text"===e||s&&"text"===s.props.mode?"text":"button"}),K=(0,_vue.computed)(()=>{var e=N.status;return e||(s?s.props.status:"")}),Q=(0,_vue.computed)(()=>{var e=N.align;return e||!!s&&s.props.align}),X=(0,_vue.computed)(()=>{var e=N.round;return e||!!s&&s.props.round}),ee=(0,_vue.computed)(()=>{var e=N.circle;return e||!!s&&s.props.circle}),te=(0,_vue.computed)(()=>{var e=N.options;return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),q=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.popupConfig,N.popupConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,N.prefixTooltip)),b=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,N.suffixTooltip)),p=()=>{var e=q.value.zIndex||N.zIndex;e?j.panelIndex=_xeUtils.default.toNumber(e):j.panelIndex<(0,_utils.getLastZIndex)()&&(j.panelIndex=(0,_utils.nextZIndex)())},d=()=>{let n=N.placement,i=j.panelIndex,o=U.value,u=$.value,l=E.value,a=q.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:a.placement||n,defaultPlacement:a.defaultPlacement,teleportTo:l}),t=Object.assign(e.style,{zIndex:i});j.panelStyle=t,j.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},A=e=>{s&&s.handleClick({name:N.name},e),Z("click",{$event:e},e)},ne=e=>{0===e.button&&e.stopPropagation()},ie=e=>{var t=e.currentTarget;let n=$.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),j.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(j.isAniVisible=!1)},350),Z("dropdown-click",{name:i.getAttribute("name"),option:null},e))},L=()=>{let e=$.value;e&&(e.dataset.active="Y",j.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(j.visiblePanel=!0,p(),d(),setTimeout(()=>{j.visiblePanel&&d()},50))},20))},oe=e=>{var t=N.loading;D.value||t||(c(),R(e))},ue=e=>{G(),F(e)},R=e=>{Z("mouseenter",{},e)},F=e=>{Z("mouseleave",{},e)},Y=e=>{Z("contextmenu",{},e)},H=e=>{var{loading:t,trigger:n}=N;D.value||t||("click"===n&&(j.visiblePanel?G:c)(),A(e))},c=()=>{var e=N.trigger;let t=$.value;return t&&(t.dataset.active="Y",j.initialized||(j.initialized=!0),r.showTime=setTimeout(()=>{"Y"===t.dataset.active?L():j.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},G=()=>{let e=$.value;return clearTimeout(r.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(j.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(j.isAniVisible=!1)},350))},100)):(j.isAniVisible=!1,j.visiblePanel=!1),(0,_vue.nextTick)()},le=()=>{G()},m=(e,t)=>(0,_vue.h)(_tooltip.default,{useHtml:_xeUtils.default.isBoolean(e.useHtml)?e.useHtml:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("span",{class:`vxe-button--item vxe-button--tooltip-${t}-icon`},[(0,_vue.h)("i",{class:e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}),W=()=>{var{content:e,suffixIcon:t,loading:n,prefixTooltip:i,suffixTooltip:o,suffixRender:u}=N,l=N.prefixIcon||N.icon,a=N.prefixRender||N.iconRender,s=_.value,r=b.value,v=I.prefix||I.icon,d=I.suffix,c=I.default,p=[];return i&&p.push(m(s,"prefix")),n?p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):v?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},v({}))):a?(s=(i=_ui.renderer.get(a.name))?i.renderButtonPrefix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},s?(0,_vn.getSlotVNs)(s(a,{$button:V})):[]))):l&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--prefix-icon",l]})),c?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},c({}))):e&&p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(e))),d?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},d({}))):u?(v=(n=_ui.renderer.get(u.name))?n.renderButtonSuffix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},v?(0,_vn.getSlotVNs)(v(u,{$button:V})):[]))):t&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--suffix-icon",t]})),o&&p.push(m(r,"suffix")),p},Z=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:V},t))},x=(t={dispatchEvent:Z,openPanel:c,closePanel:G,focus(){var e=U.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=U.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=$.value;j.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&G()}),f=e=>{var t,n=D.value,i=j.visiblePanel;n||(n=z.value,t=$.value,j.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!j.isActivated&&G())},g=()=>{var e=j.visiblePanel;e&&d()};Object.assign(V,t);return V.renderVN=()=>{let{className:e,trigger:t,title:n,routerLink:i,type:o,destroyOnClose:u,name:l,loading:a,shadow:s,showDropdownIcon:r}=N;var{initialized:v,isAniVisible:d,visiblePanel:c}=j,p=M.value;let m=J.value;var _=K.value;let b=X.value;var x=Q.value;let f=ee.value;var g,h=E.value,T=D.value,C=S.value,w=te.value,y=q.value,O=B.value,k=y.appendTo,P=I.dropdowns,y=y.className||N.popupClassName;return C.visible?P||w.length?(C={onContextmenu:Y},g={},"hover"===t&&(C.onMouseenter=oe,C.onMouseleave=ue,g.onMouseenter=L,g.onMouseleave=le),(0,_vue.h)("div",{ref:z,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,"is--active":c}]},[i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:U,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:H},C),{default(){return W().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])}}):(0,_vue.h)("button",Object.assign({ref:U,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:H},C),W().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(k),disabled:!h||!v},[(0,_vue.h)("div",Object.assign({ref:$,class:["vxe-button--dropdown-panel",y?_xeUtils.default.isFunction(y)?y({$button:V}):y:"",{["size--"+O]:O,"is--transfer":h,"ani--leave":d,"ani--enter":c}],placement:j.panelPlacement,style:j.panelStyle},g),v&&(c||d)?[P?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:ne,onClick:ie},v&&(!u||c||d)?P({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},v&&(!u||c||d)?w.map((t,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:t.type,mode:t.mode||m,className:t.className,name:t.name,routerLink:t.routerLink,permissionCode:t.permissionCode,title:t.title,content:t.content,status:t.status,icon:t.icon,round:_xeUtils.default.isBoolean(t.round)?t.round:"text"!==m&&b,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==m&&f,disabled:t.disabled,loading:t.loading,align:t.align,onClick(e){((e,t)=>{e=e.$event;G(),Z("dropdown-click",{name:t.name,option:t},e)})(e,t)}})):[])]:[])])])):i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:U,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:A,onMouseenter:R,onMouseleave:F,onContextmenu:Y},{default(){return W()}}):(0,_vue.h)("button",{ref:U,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:A,onMouseenter:R,onMouseleave:F,onContextmenu:Y},W()):(0,_ui.renderEmptyElement)(V)},(0,_vue.onMounted)(()=>{"text"===N.type&&warnLog("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(V,"mousewheel",x),_ui.globalEvents.on(V,"mousedown",f),_ui.globalEvents.on(V,"resize",g)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(V,"mousewheel"),_ui.globalEvents.off(V,"mousedown"),_ui.globalEvents.off(V,"resize")}),V},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let warnLog=(0,_log.createComponentLog)("button").warnLog,VxeButtonComponent=(0,_comp.defineVxeComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size},zIndex:Number,name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,shadow:Boolean,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().button.showDropdownIcon},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},popupConfig:Object,transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click","dropdownClick","contextmenu"],setup(I,e){let{slots:N,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeGrid",null),l=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeTree",null),s=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();let B=(0,_ui.useSize)(I).computeSize,S=(0,_ui.usePermission)(I).computePermissionInfo,j=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),v={showTime:void 0,tooltipTimeout:void 0},z=(0,_vue.ref)(),U=(0,_vue.ref)(),$=(0,_vue.ref)(),c={refElem:z},V={xID:t,props:I,context:e,reactData:j,internalData:v,getRefMaps:()=>c};let D=(0,_vue.computed)(()=>{var e=I.transfer,t=M.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||l||a||n||o||s)return!0}return e}),E=(0,_vue.computed)(()=>{var e=I.disabled,t=S.value;return e||t.disabled}),Z=(0,_vue.computed)(()=>{var e=I.type;return!!e&&-1<["submit","reset","button"].indexOf(e)}),J=(0,_vue.computed)(()=>{var{type:e,mode:t}=I;return"text"===t||"text"===e||r&&"text"===r.props.mode?"text":"button"}),K=(0,_vue.computed)(()=>{var e=I.status;return e||(r?r.props.status:"")}),Q=(0,_vue.computed)(()=>{var e=I.align;return e||!!r&&r.props.align}),X=(0,_vue.computed)(()=>{var e=I.round;return e||!!r&&r.props.round}),ee=(0,_vue.computed)(()=>{var e=I.circle;return e||!!r&&r.props.circle}),te=(0,_vue.computed)(()=>{var e=I.options;return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.popupConfig,I.popupConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,I.prefixTooltip)),b=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,I.suffixTooltip)),x=()=>{var e=M.value.zIndex||I.zIndex;e?j.panelIndex=_xeUtils.default.toNumber(e):j.panelIndex<(0,_utils.getLastZIndex)()&&(j.panelIndex=(0,_utils.nextZIndex)())},d=()=>{let n=I.placement,i=j.panelIndex,o=U.value,u=$.value,l=D.value,a=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:a.placement||n,defaultPlacement:a.defaultPlacement,teleportTo:l}),t=Object.assign(e.style,{zIndex:i});j.panelStyle=t,j.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},q=e=>{r&&r.handleClick({name:I.name},e),W("click",{$event:e},e)},ne=e=>{0===e.button&&e.stopPropagation()},ie=e=>{var t=e.currentTarget;let n=$.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),j.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(j.isAniVisible=!1)},350),W("dropdown-click",{name:i.getAttribute("name"),option:null},e))},A=()=>{let e=$.value;e&&(e.dataset.active="Y",j.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(j.visiblePanel=!0,x(),d(),setTimeout(()=>{j.visiblePanel&&d()},50))},20))},oe=e=>{var t=I.loading;E.value||t||(p(),L(e))},ue=e=>{H(),R(e)},L=e=>{W("mouseenter",{},e)},R=e=>{W("mouseleave",{},e)},F=e=>{W("contextmenu",{},e)},Y=e=>{var{loading:t,trigger:n}=I;E.value||t||("click"===n&&(j.visiblePanel?H:p)(),q(e))},p=()=>{var e=I.trigger;let t=$.value;return t&&(t.dataset.active="Y",j.initialized||(j.initialized=!0),v.showTime=setTimeout(()=>{"Y"===t.dataset.active?A():j.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},H=()=>{let e=$.value;return clearTimeout(v.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(j.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(j.isAniVisible=!1)},350))},100)):(j.isAniVisible=!1,j.visiblePanel=!1),(0,_vue.nextTick)()},le=()=>{H()},m=(e,t)=>(0,_vue.h)(_tooltip.default,{useHtml:_xeUtils.default.isBoolean(e.useHtml)?e.useHtml:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("span",{class:`vxe-button--item vxe-button--tooltip-${t}-icon`},[(0,_vue.h)("i",{class:e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}),G=()=>{var{content:e,suffixIcon:t,loading:n,prefixTooltip:i,suffixTooltip:o,suffixRender:u}=I,l=I.prefixIcon||I.icon,a=I.prefixRender||I.iconRender,s=_.value,r=b.value,v=N.prefix||N.icon,c=N.suffix,d=N.default,p=[];return i&&p.push(m(s,"prefix")),n?p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):v?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},v({}))):a?(s=(i=_ui.renderer.get(a.name))?i.renderButtonPrefix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},s?(0,_vn.getSlotVNs)(s(a,{$button:V})):[]))):l&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--prefix-icon",l]})),d?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},d({}))):e&&p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(e))),c?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},c({}))):u?(v=(n=_ui.renderer.get(u.name))?n.renderButtonSuffix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},v?(0,_vn.getSlotVNs)(v(u,{$button:V})):[]))):t&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--suffix-icon",t]})),o&&p.push(m(r,"suffix")),p},W=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:V},t))},f=(t={dispatchEvent:W,openPanel:p,closePanel:H,focus(){var e=U.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=U.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t,n=E.value,i=j.visiblePanel;n||(n=z.value,t=$.value,j.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!j.isActivated&&H())}),g=()=>{var e=j.visiblePanel;e&&d()},h=()=>{var e=j.visiblePanel;e&&d()};Object.assign(V,t);return V.renderVN=()=>{let{className:e,trigger:t,title:n,routerLink:i,type:o,destroyOnClose:u,name:l,loading:a,shadow:s,showDropdownIcon:r}=I;var{initialized:v,isAniVisible:c,visiblePanel:d}=j,p=Z.value;let m=J.value;var _=K.value;let b=X.value;var x=Q.value;let f=ee.value;var g,h=D.value,T=E.value,C=S.value,w=te.value,y=M.value,O=B.value,k=y.appendTo,P=N.dropdowns,y=y.className||I.popupClassName;return C.visible?P||w.length?(C={onContextmenu:F},g={},"hover"===t&&(C.onMouseenter=oe,C.onMouseleave=ue,g.onMouseenter=A,g.onMouseleave=le),(0,_vue.h)("div",{ref:z,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,"is--active":d}]},[i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:U,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:Y},C),{default(){return G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])}}):(0,_vue.h)("button",Object.assign({ref:U,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:Y},C),G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(k),disabled:!h||!v},[(0,_vue.h)("div",Object.assign({ref:$,class:["vxe-button--dropdown-panel",y?_xeUtils.default.isFunction(y)?y({$button:V}):y:"",{["size--"+O]:O,"is--transfer":h,"ani--leave":c,"ani--enter":d}],placement:j.panelPlacement,style:j.panelStyle},g),v&&(d||c)?[P?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:ne,onClick:ie},v&&(!u||d||c)?P({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},v&&(!u||d||c)?w.map((t,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:t.type,mode:t.mode||m,className:t.className,name:t.name,routerLink:t.routerLink,permissionCode:t.permissionCode,title:t.title,content:t.content,status:t.status,icon:t.icon,round:_xeUtils.default.isBoolean(t.round)?t.round:"text"!==m&&b,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==m&&f,disabled:t.disabled,loading:t.loading,align:t.align,onClick(e){((e,t)=>{e=e.$event;H(),W("dropdown-click",{name:t.name,option:t},e)})(e,t)}})):[])]:[])])])):i?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:U,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,to:i,onClick:q,onMouseenter:L,onMouseleave:R,onContextmenu:F},{default(){return G()}}):(0,_vue.h)("button",{ref:U,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:V}):e:"",{["size--"+O]:O,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--shadow":s,"is--disabled":T||a,"is--loading":a}],title:n,name:l,type:p?o:"button",disabled:T||a,onClick:q,onMouseenter:L,onMouseleave:R,onContextmenu:F},G()):(0,_ui.renderEmptyElement)(V)},(0,_vue.onMounted)(()=>{"text"===I.type&&warnLog("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(V,"mousedown",f),_ui.globalEvents.on(V,"resize",g),_ui.globalEvents.on(V,"scroll",h)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(V,"mousedown"),_ui.globalEvents.off(V,"resize"),_ui.globalEvents.off(V,"scroll")}),V},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;

package/lib/cascader/src/cascader.js

@@ -1038,22 +1038,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } = params;
       hideOptionPanel($event);
     };
-    const handleGlobalMousewheelEvent = evnt => {
-      const {
-        visiblePanel
-      } = reactData;
-      const isDisabled = computeIsDisabled.value;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          const panelElem = refOptionPanel.value;
-          if ((0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
-            updatePlacement();
-          } else {
-            hideOptionPanel(evnt);
-          }
-        }
-      }
-    };
     const handleGlobalMousedownEvent = evnt => {
       const {
         visiblePanel
@@ -1094,6 +1078,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         updatePlacement();
       }
     };
+    const handleGlobalScrollEvent = () => {
+      const {
+        visiblePanel
+      } = reactData;
+      if (visiblePanel) {
+        updatePlacement();
+      }
+    };
     const handleFocusSearch = () => {
       if (props.filterable) {
         (0, _vue.nextTick)(() => {
@@ -2028,16 +2020,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     loadData(props.options || []);
     (0, _vue.onMounted)(() => {
-      _ui.globalEvents.on($xeCascader, 'mousewheel', handleGlobalMousewheelEvent);
       _ui.globalEvents.on($xeCascader, 'mousedown', handleGlobalMousedownEvent);
       _ui.globalEvents.on($xeCascader, 'blur', handleGlobalBlurEvent);
       _ui.globalEvents.on($xeCascader, 'resize', handleGlobalResizeEvent);
+      _ui.globalEvents.on($xeCascader, 'scroll', handleGlobalScrollEvent);
     });
     (0, _vue.onUnmounted)(() => {
-      _ui.globalEvents.off($xeCascader, 'mousewheel');
       _ui.globalEvents.off($xeCascader, 'mousedown');
       _ui.globalEvents.off($xeCascader, 'blur');
       _ui.globalEvents.off($xeCascader, 'resize');
+      _ui.globalEvents.off($xeCascader, 'scroll');
       _xeUtils.default.assign(reactData, createReactData());
       _xeUtils.default.assign(internalData, createInternalData());
     });