vxe-pc-ui 3.17.30 → 3.18.0

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

@@ -518,23 +518,6 @@ export default {
             $xeTableSelect.clearValueEvent(evnt, null);
             $xeTableSelect.hideOptionPanel();
         },
-        handleGlobalMousewheelEvent(evnt) {
-            const $xeTableSelect = this;
-            const reactData = $xeTableSelect.reactData;
-            const { visiblePanel } = reactData;
-            const isDisabled = $xeTableSelect.computeIsDisabled;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = $xeTableSelect.$refs.refOptionPanel;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        $xeTableSelect.updatePlacement();
-                    }
-                    else {
-                        $xeTableSelect.hideOptionPanel();
-                    }
-                }
-            }
-        },
         handleGlobalMousedownEvent(evnt) {
             const $xeTableSelect = this;
             const reactData = $xeTableSelect.reactData;
@@ -574,6 +557,14 @@ export default {
                 $xeTableSelect.updatePlacement();
             }
         },
+        handleGlobalScrollEvent() {
+            const $xeTableSelect = this;
+            const reactData = $xeTableSelect.reactData;
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                $xeTableSelect.updatePlacement();
+            }
+        },
         focusEvent(evnt) {
             const $xeTableSelect = this;
             const reactData = $xeTableSelect.reactData;
@@ -815,10 +806,10 @@ export default {
                 reactData.initialized = true;
             }
         }
-        globalEvents.on($xeTableSelect, 'mousewheel', $xeTableSelect.handleGlobalMousewheelEvent);
         globalEvents.on($xeTableSelect, 'mousedown', $xeTableSelect.handleGlobalMousedownEvent);
         globalEvents.on($xeTableSelect, 'blur', $xeTableSelect.handleGlobalBlurEvent);
         globalEvents.on($xeTableSelect, 'resize', $xeTableSelect.handleGlobalResizeEvent);
+        globalEvents.on($xeTableSelect, 'scroll', $xeTableSelect.handleGlobalScrollEvent);
     },
     beforeDestroy() {
         const $xeTableSelect = this;
@@ -828,10 +819,10 @@ export default {
         if (panelElem && panelElem.parentNode) {
             panelElem.parentNode.removeChild(panelElem);
         }
-        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

@@ -667,23 +667,6 @@ export default {
                 $tree.clearAllExpandNode();
             }
         },
-        handleGlobalMousewheelEvent(evnt) {
-            const $xeTreeSelect = this;
-            const reactData = $xeTreeSelect.reactData;
-            const { visiblePanel } = reactData;
-            const isDisabled = $xeTreeSelect.computeIsDisabled;
-            if (!isDisabled) {
-                if (visiblePanel) {
-                    const panelElem = $xeTreeSelect.$refs.refOptionPanel;
-                    if (getEventTargetNode(evnt, panelElem).flag) {
-                        $xeTreeSelect.updatePlacement();
-                    }
-                    else {
-                        $xeTreeSelect.hideOptionPanel(evnt);
-                    }
-                }
-            }
-        },
         handleGlobalMousedownEvent(evnt) {
             const $xeTreeSelect = this;
             const reactData = $xeTreeSelect.reactData;
@@ -723,6 +706,14 @@ export default {
                 $xeTreeSelect.updatePlacement();
             }
         },
+        handleGlobalScrollEvent() {
+            const $xeTreeSelect = this;
+            const reactData = $xeTreeSelect.reactData;
+            const { visiblePanel } = reactData;
+            if (visiblePanel) {
+                $xeTreeSelect.updatePlacement();
+            }
+        },
         handleFocusSearch() {
             const $xeSelect = this;
             const props = $xeSelect;
@@ -1145,10 +1136,10 @@ export default {
         if (XEUtils.isBoolean(props.autoClose)) {
             warnLog('vxe.error.delProp', ['auto-close', 'checked-closable | clear-closable']);
         }
-        globalEvents.on($xeTreeSelect, 'mousewheel', $xeTreeSelect.handleGlobalMousewheelEvent);
         globalEvents.on($xeTreeSelect, 'mousedown', $xeTreeSelect.handleGlobalMousedownEvent);
         globalEvents.on($xeTreeSelect, 'blur', $xeTreeSelect.handleGlobalBlurEvent);
         globalEvents.on($xeTreeSelect, 'resize', $xeTreeSelect.handleGlobalResizeEvent);
+        globalEvents.on($xeTreeSelect, 'scroll', $xeTreeSelect.handleGlobalScrollEvent);
     },
     beforeDestroy() {
         const $xeTreeSelect = this;
@@ -1158,10 +1149,10 @@ export default {
         if (panelElem && panelElem.parentNode) {
             panelElem.parentNode.removeChild(panelElem);
         }
-        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 = "3.17.30";
+export const version = "3.18.0";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {

package/es/ui/src/log.js

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

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

@@ -174,6 +174,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeBtnTransfer: function computeBtnTransfer() {
       var $xeButton = this;
       var props = $xeButton;
+      var $xeGrid = $xeButton.$xeGrid;
       var $xeTable = $xeButton.$xeTable;
       var $xeTree = $xeButton.$xeTree;
       var $xeModal = $xeButton.$xeModal;
@@ -189,7 +190,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeGrid || $xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -547,14 +548,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeButton = this;
       $xeButton.hidePanel();
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeButton = this;
-      var reactData = $xeButton.reactData;
-      var panelElem = $xeButton.$refs.refBtnPanel;
-      if (reactData.visiblePanel && !(0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
-        $xeButton.hidePanel();
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeButton = this;
       var reactData = $xeButton.reactData;
@@ -577,6 +570,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $xeButton.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeButton = this;
+      var reactData = $xeButton.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeButton.updatePlacement();
+      }
+    },
     //
     // Render
     //
@@ -852,9 +853,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     if (props.type === 'text') {
       warnLog('vxe.error.delProp', ['type=text', 'mode=text']);
     }
-    _ui.globalEvents.on($xeButton, 'mousewheel', $xeButton.handleGlobalMousewheelEvent);
     _ui.globalEvents.on($xeButton, 'mousedown', $xeButton.handleGlobalMousedownEvent);
     _ui.globalEvents.on($xeButton, 'resize', $xeButton.handleGlobalResizeEvent);
+    _ui.globalEvents.on($xeButton, 'scroll', $xeButton.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeButton = this;
@@ -868,6 +869,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     _ui.globalEvents.off($xeButton, 'mousewheel');
     _ui.globalEvents.off($xeButton, 'mousedown');
     _ui.globalEvents.off($xeButton, 'resize');
+    _ui.globalEvents.off($xeButton, 'scroll');
   },
   render: function render(h) {
     return this.renderVN(h);

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_comp=require("../../ui/src/comp"),_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}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("button"),warnLog=_createComponentLog.warnLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:function(){return(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:function(){return(0,_ui.getConfig)().button.trigger}},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.showDropdownIcon}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.destroyOnClose}},popupConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeTree:{default:null},$xeForm:{default:null},$xeButtonGroup:{default:null}},data:function(){var e={showTime:void 0};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeTree,o=e.$xeModal,i=e.$xeDrawer,r=e.$xeForm,s=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===s){e=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||n||o||i||r)return!0}return s},computeBtnDisabled:function(){var e=this.disabled,t=this.computePermissionInfo;return e||t.disabled},computeIsFormBtn:function(){var e=this.type;return!!e&&-1<["submit","reset","button"].indexOf(e)},computeBtnMode:function(){var e=this.type,t=this.mode,n=this.$xeButtonGroup;return"text"===t||"text"===e||n&&"text"===n.mode?"text":"button"},computeBtnStatus:function(){var e=this.status,t=this.$xeButtonGroup;return e||(t?t.status:"")},computeBtnRound:function(){var e=this.round,t=this.$xeButtonGroup;return e||!!t&&t.round},computeBtnAlign:function(){var e=this.align,t=this.$xeButtonGroup;return e||!!t&&t.align},computeBtnCircle:function(){var e=this.circle,t=this.$xeButtonGroup;return e||!!t&&t.circle},computeDownBtnList:function(){var e=this.options;return e?e.filter(function(e){e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.popupConfig,this.popupConfig)},computePrefixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,this.prefixTooltip)},computeSuffixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,this.suffixTooltip)}}),methods:{dispatchEvent:function(e,t,n){this.$emit((0,_vn.getEventCaseName)(this,e),(0,_ui.createEvent)(n,{$button:this},t))},openPanel:function(){var e=this,t=e.reactData,n=e.internalData,o=e.trigger,i=e.computeBtnTransfer,r=e.computePopupOpts,s=e.$refs.refBtnPanel;return s&&(s.dataset.active="Y",t.initialized||(t.initialized=!0,i&&(i=r.appendTo,(0,_dom.getPopupAppendElement)(i).appendChild(s))),n.showTime=setTimeout(function(){"Y"===s.dataset.active?e.mouseenterDropdownEvent():t.isAniVisible=!1},"click"===o?50:250)),e.$nextTick()},closePanel:function(){return this.hidePanel()},hidePanel:function(){var e=this.reactData,t=this.internalData,n=this.$refs.refBtnPanel;return clearTimeout(t.showTime),n?(n.dataset.active="N",setTimeout(function(){"Y"!==n.dataset.active&&(e.visiblePanel=!1,setTimeout(function(){"Y"!==n.dataset.active&&(e.isAniVisible=!1)},350))},100)):(e.isAniVisible=!1,e.visiblePanel=!1),this.$nextTick()},focus:function(){var e=this.$refs.refButton;return e&&e.focus(),this.$nextTick()},blur:function(){var e=this.$refs.refButton;return e&&e.blur(),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(r,s,{placement:a.placement||o,defaultPlacement:a.defaultPlacement,teleportTo:u}),t=Object.assign(e.style,{zIndex:i});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,o=t.placement,i=n.panelIndex,r=t.$refs.refButton,s=t.$refs.refBtnPanel,u=t.computeBtnTransfer,a=t.computePopupOpts;return e(),t.$nextTick().then(e)},clickEvent:function(e){var t=this.$xeButtonGroup;t&&t.handleClick({name:this.name},e),this.dispatchEvent("click",{$event:e},e)},downBtnClickEvent:function(e,t){e=e.$event;this.hidePanel(),this.dispatchEvent("dropdown-click",{name:t.name,option:t},e)},mousedownDropdownEvent:function(e){0===e.button&&e.stopPropagation()},clickDropdownEvent:function(e){var t=this.reactData,n=e.currentTarget,o=this.$refs.refBtnPanel,n=(0,_dom.getEventTargetNode)(e,n,"vxe-button"),i=n.flag,n=n.targetElem;i&&(o&&(o.dataset.active="N"),t.visiblePanel=!1,setTimeout(function(){o&&"Y"===o.dataset.active||(t.isAniVisible=!1)},350),this.dispatchEvent("dropdown-click",{name:n.getAttribute("name"),option:null,$event:e},e))},mouseenterDropdownEvent:function(){var e=this,t=e.reactData,n=e.$refs.refBtnPanel;n&&(n.dataset.active="Y",t.isAniVisible=!0,setTimeout(function(){"Y"===n.dataset.active&&(t.visiblePanel=!0,e.updateZindex(),e.updatePlacement(),setTimeout(function(){t.visiblePanel&&e.updatePlacement()},50))},20))},mouseenterTargetEvent:function(e){var t=this.loading;this.computeBtnDisabled||t||(this.openPanel(),this.mouseenterEvent(e))},mouseleaveTargetEvent:function(e){this.hidePanel(),this.mouseleaveEvent(e)},mouseenterEvent:function(e){this.dispatchEvent("mouseenter",{},e)},mouseleaveEvent:function(e){this.dispatchEvent("mouseleave",{},e)},contextmenuEvent:function(e){this.dispatchEvent("contextmenu",{},e)},clickTargetEvent:function(e){var t=this,n=t.reactData,o=t.loading;t.computeBtnDisabled||o||("click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.openPanel()),t.clickEvent(e))},mouseleaveDropdownEvent:function(){this.hidePanel()},handleGlobalMousewheelEvent:function(e){var t=this.reactData,n=this.$refs.refBtnPanel;t.visiblePanel&&!(0,_dom.getEventTargetNode)(e,n).flag&&this.hidePanel()},handleGlobalMousedownEvent:function(e){var t,n,o=this,i=o.reactData,r=i.visiblePanel;o.computeBtnDisabled||(t=o.$refs.refElem,n=o.$refs.refBtnPanel,i.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,r&&!i.isActivated&&o.hidePanel())},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},renderTooltipIcon:function(e,t,n){return e(_tooltip.default,{props:{useHtml:_xeUtils.default.isBoolean(t.useHtml)?t.useHtml:t.useHTML,content:t.content,enterable:t.enterable,theme:t.theme},scopedSlots:{default:function(){return e("span",{class:"vxe-button--item vxe-button--tooltip-".concat(n,"-icon")},[e("i",{class:t.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}})},renderContent:function(e){var t=this,n=t.$scopedSlots,o=t.content,i=t.suffixIcon,r=t.loading,s=t.suffixTooltip,u=t.suffixRender,a=t.prefixIcon||t.icon,l=t.prefixRender||t.iconRender,c=t.computeSuffixTipOpts,p=n.prefix||n.icon,d=n.suffix,n=n.default,f=[];return t.prefixTooltip&&f.push(t.renderTooltipIcon(e,t.computePrefixTipOpts,"prefix")),r?f.push(e("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):p?f.push(e("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},p.call(t,{}))):l?(p=(r=_ui.renderer.get(l.name))?r.renderButtonPrefix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},p?(0,_vn.getSlotVNs)(p.call(t,e,l,{$button:t})):[]))):a&&f.push(e("i",{class:["vxe-button--item vxe-button--prefix-icon",a]})),n?f.push(e("span",{class:"vxe-button--item vxe-button--content"},n.call(t,{}))):o&&f.push(e("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(o))),d?f.push(e("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},d.call(t,{}))):u?(p=(r=_ui.renderer.get(u.name))?r.renderButtonSuffix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},p?(0,_vn.getSlotVNs)(p.call(t,e,u,{$button:t})):[]))):i&&f.push(e("i",{class:["vxe-button--item vxe-button--suffix-icon",i]})),s&&f.push(t.renderTooltipIcon(e,c,"suffix")),f},renderVN:function(n){var e,t,o=this,i=o.$scopedSlots,r=o.reactData,s=o.className,u=o.trigger,a=o.title,l=o.routerLink,c=o.type,p=o.destroyOnClose,d=o.name,f=o.loading,m=o.shadow,v=o.showDropdownIcon,b=r.initialized,x=r.isAniVisible,g=r.visiblePanel,h=o.computeIsFormBtn,_=o.computeBtnMode,P=o.computeBtnStatus,y=o.computeBtnRound,B=o.computeBtnCircle,E=o.computeBtnTransfer,T=o.computeBtnAlign,w=o.computeBtnDisabled,$=o.computeDownBtnList,D=o.computeSize,i=i.dropdowns,O=o.computePopupOpts.className||o.popupClassName;return o.computePermissionInfo.visible?i||$.length?(e={contextmenu:o.contextmenuEvent},t={},"hover"===u&&(e.mouseenter=o.mouseenterTargetEvent,e.mouseleave=o.mouseleaveTargetEvent,t.mouseenter=o.mouseenterDropdownEvent,t.mouseleave=o.mouseleaveDropdownEvent),n("div",{ref:"refElem",class:["vxe-button--dropdown",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty({},"size--".concat(D),D),"is--active",g)]},[l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:d,type:h?c:"button",disabled:w||f,custom:!0,to:l},on:Object.assign({click:o.clickTargetEvent},e)},o.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:d,type:h?c:"button",disabled:w||f},on:Object.assign({click:o.clickTargetEvent},e)},o.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])),n("div",{ref:"refBtnPanel",class:["vxe-button--dropdown-panel",O?_xeUtils.default.isFunction(O)?O({$button:o}):O:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"is--transfer",E),"ani--leave",x),"ani--enter",g)],attrs:{placement:r.panelPlacement},style:r.panelStyle,on:t},b&&(g||x)?[i?n("div",{class:"vxe-button--dropdown-wrapper",on:{mousedown:o.mousedownDropdownEvent,click:o.clickDropdownEvent}},b&&(!p||g||x)?i.call(o,{}):[]):n("div",{class:"vxe-button--dropdown-wrapper"},b&&(!p||g||x)?$.map(function(t,e){return n("vxe-button",{key:e,props:{type:t.type,mode:t.mode||_,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"!==_&&y,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==_&&B,disabled:t.disabled,loading:t.loading,align:t.align},on:{click:function(e){o.downBtnClickEvent(e,t)}}})}):[])]:[])])):l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],props:{title:a,name:d,type:h?c:"button",disabled:w||f,custom:!0,to:l},nativeOn:{click:o.clickEvent,mouseenter:o.mouseenterEvent,mouseleave:o.mouseleaveEvent,contextmenu:o.contextmenuEvent}},o.renderContent(n)):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:d,type:h?c:"button",disabled:w||f},on:{click:o.clickEvent,mouseenter:o.mouseenterEvent,mouseleave:o.mouseleaveEvent,contextmenu:o.contextmenuEvent}},o.renderContent(n)):(0,_ui.renderEmptyElement)(o)}},mounted:function(){var e=this;"text"===e.type&&warnLog("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.$refs.refBtnPanel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_comp=require("../../ui/src/comp"),_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}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("button"),warnLog=_createComponentLog.warnLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:function(){return(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:function(){return(0,_ui.getConfig)().button.trigger}},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.showDropdownIcon}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.destroyOnClose}},popupConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeTree:{default:null},$xeForm:{default:null},$xeButtonGroup:{default:null}},data:function(){var e={showTime:void 0};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeGrid,n=e.$xeTable,o=e.$xeTree,i=e.$xeModal,r=e.$xeDrawer,s=e.$xeForm,u=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===u){e=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||n||o||i||r||s)return!0}return u},computeBtnDisabled:function(){var e=this.disabled,t=this.computePermissionInfo;return e||t.disabled},computeIsFormBtn:function(){var e=this.type;return!!e&&-1<["submit","reset","button"].indexOf(e)},computeBtnMode:function(){var e=this.type,t=this.mode,n=this.$xeButtonGroup;return"text"===t||"text"===e||n&&"text"===n.mode?"text":"button"},computeBtnStatus:function(){var e=this.status,t=this.$xeButtonGroup;return e||(t?t.status:"")},computeBtnRound:function(){var e=this.round,t=this.$xeButtonGroup;return e||!!t&&t.round},computeBtnAlign:function(){var e=this.align,t=this.$xeButtonGroup;return e||!!t&&t.align},computeBtnCircle:function(){var e=this.circle,t=this.$xeButtonGroup;return e||!!t&&t.circle},computeDownBtnList:function(){var e=this.options;return e?e.filter(function(e){e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.popupConfig,this.popupConfig)},computePrefixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,this.prefixTooltip)},computeSuffixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,this.suffixTooltip)}}),methods:{dispatchEvent:function(e,t,n){this.$emit((0,_vn.getEventCaseName)(this,e),(0,_ui.createEvent)(n,{$button:this},t))},openPanel:function(){var e=this,t=e.reactData,n=e.internalData,o=e.trigger,i=e.computeBtnTransfer,r=e.computePopupOpts,s=e.$refs.refBtnPanel;return s&&(s.dataset.active="Y",t.initialized||(t.initialized=!0,i&&(i=r.appendTo,(0,_dom.getPopupAppendElement)(i).appendChild(s))),n.showTime=setTimeout(function(){"Y"===s.dataset.active?e.mouseenterDropdownEvent():t.isAniVisible=!1},"click"===o?50:250)),e.$nextTick()},closePanel:function(){return this.hidePanel()},hidePanel:function(){var e=this.reactData,t=this.internalData,n=this.$refs.refBtnPanel;return clearTimeout(t.showTime),n?(n.dataset.active="N",setTimeout(function(){"Y"!==n.dataset.active&&(e.visiblePanel=!1,setTimeout(function(){"Y"!==n.dataset.active&&(e.isAniVisible=!1)},350))},100)):(e.isAniVisible=!1,e.visiblePanel=!1),this.$nextTick()},focus:function(){var e=this.$refs.refButton;return e&&e.focus(),this.$nextTick()},blur:function(){var e=this.$refs.refButton;return e&&e.blur(),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(r,s,{placement:a.placement||o,defaultPlacement:a.defaultPlacement,teleportTo:u}),t=Object.assign(e.style,{zIndex:i});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,o=t.placement,i=n.panelIndex,r=t.$refs.refButton,s=t.$refs.refBtnPanel,u=t.computeBtnTransfer,a=t.computePopupOpts;return e(),t.$nextTick().then(e)},clickEvent:function(e){var t=this.$xeButtonGroup;t&&t.handleClick({name:this.name},e),this.dispatchEvent("click",{$event:e},e)},downBtnClickEvent:function(e,t){e=e.$event;this.hidePanel(),this.dispatchEvent("dropdown-click",{name:t.name,option:t},e)},mousedownDropdownEvent:function(e){0===e.button&&e.stopPropagation()},clickDropdownEvent:function(e){var t=this.reactData,n=e.currentTarget,o=this.$refs.refBtnPanel,n=(0,_dom.getEventTargetNode)(e,n,"vxe-button"),i=n.flag,n=n.targetElem;i&&(o&&(o.dataset.active="N"),t.visiblePanel=!1,setTimeout(function(){o&&"Y"===o.dataset.active||(t.isAniVisible=!1)},350),this.dispatchEvent("dropdown-click",{name:n.getAttribute("name"),option:null,$event:e},e))},mouseenterDropdownEvent:function(){var e=this,t=e.reactData,n=e.$refs.refBtnPanel;n&&(n.dataset.active="Y",t.isAniVisible=!0,setTimeout(function(){"Y"===n.dataset.active&&(t.visiblePanel=!0,e.updateZindex(),e.updatePlacement(),setTimeout(function(){t.visiblePanel&&e.updatePlacement()},50))},20))},mouseenterTargetEvent:function(e){var t=this.loading;this.computeBtnDisabled||t||(this.openPanel(),this.mouseenterEvent(e))},mouseleaveTargetEvent:function(e){this.hidePanel(),this.mouseleaveEvent(e)},mouseenterEvent:function(e){this.dispatchEvent("mouseenter",{},e)},mouseleaveEvent:function(e){this.dispatchEvent("mouseleave",{},e)},contextmenuEvent:function(e){this.dispatchEvent("contextmenu",{},e)},clickTargetEvent:function(e){var t=this,n=t.reactData,o=t.loading;t.computeBtnDisabled||o||("click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.openPanel()),t.clickEvent(e))},mouseleaveDropdownEvent:function(){this.hidePanel()},handleGlobalMousedownEvent:function(e){var t,n,o=this,i=o.reactData,r=i.visiblePanel;o.computeBtnDisabled||(t=o.$refs.refElem,n=o.$refs.refBtnPanel,i.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,r&&!i.isActivated&&o.hidePanel())},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},handleGlobalScrollEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},renderTooltipIcon:function(e,t,n){return e(_tooltip.default,{props:{useHtml:_xeUtils.default.isBoolean(t.useHtml)?t.useHtml:t.useHTML,content:t.content,enterable:t.enterable,theme:t.theme},scopedSlots:{default:function(){return e("span",{class:"vxe-button--item vxe-button--tooltip-".concat(n,"-icon")},[e("i",{class:t.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}})},renderContent:function(e){var t=this,n=t.$scopedSlots,o=t.content,i=t.suffixIcon,r=t.loading,s=t.suffixTooltip,u=t.suffixRender,a=t.prefixIcon||t.icon,l=t.prefixRender||t.iconRender,c=t.computeSuffixTipOpts,p=n.prefix||n.icon,d=n.suffix,n=n.default,f=[];return t.prefixTooltip&&f.push(t.renderTooltipIcon(e,t.computePrefixTipOpts,"prefix")),r?f.push(e("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):p?f.push(e("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},p.call(t,{}))):l?(p=(r=_ui.renderer.get(l.name))?r.renderButtonPrefix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},p?(0,_vn.getSlotVNs)(p.call(t,e,l,{$button:t})):[]))):a&&f.push(e("i",{class:["vxe-button--item vxe-button--prefix-icon",a]})),n?f.push(e("span",{class:"vxe-button--item vxe-button--content"},n.call(t,{}))):o&&f.push(e("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(o))),d?f.push(e("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},d.call(t,{}))):u?(p=(r=_ui.renderer.get(u.name))?r.renderButtonSuffix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},p?(0,_vn.getSlotVNs)(p.call(t,e,u,{$button:t})):[]))):i&&f.push(e("i",{class:["vxe-button--item vxe-button--suffix-icon",i]})),s&&f.push(t.renderTooltipIcon(e,c,"suffix")),f},renderVN:function(n){var e,t,o=this,i=o.$scopedSlots,r=o.reactData,s=o.className,u=o.trigger,a=o.title,l=o.routerLink,c=o.type,p=o.destroyOnClose,d=o.name,f=o.loading,m=o.shadow,v=o.showDropdownIcon,b=r.initialized,x=r.isAniVisible,g=r.visiblePanel,h=o.computeIsFormBtn,_=o.computeBtnMode,P=o.computeBtnStatus,y=o.computeBtnRound,B=o.computeBtnCircle,E=o.computeBtnTransfer,T=o.computeBtnAlign,w=o.computeBtnDisabled,$=o.computeDownBtnList,D=o.computeSize,i=i.dropdowns,O=o.computePopupOpts.className||o.popupClassName;return o.computePermissionInfo.visible?i||$.length?(e={contextmenu:o.contextmenuEvent},t={},"hover"===u&&(e.mouseenter=o.mouseenterTargetEvent,e.mouseleave=o.mouseleaveTargetEvent,t.mouseenter=o.mouseenterDropdownEvent,t.mouseleave=o.mouseleaveDropdownEvent),n("div",{ref:"refElem",class:["vxe-button--dropdown",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty({},"size--".concat(D),D),"is--active",g)]},[l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:d,type:h?c:"button",disabled:w||f,custom:!0,to:l},on:Object.assign({click:o.clickTargetEvent},e)},o.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:d,type:h?c:"button",disabled:w||f},on:Object.assign({click:o.clickTargetEvent},e)},o.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])),n("div",{ref:"refBtnPanel",class:["vxe-button--dropdown-panel",O?_xeUtils.default.isFunction(O)?O({$button:o}):O:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"is--transfer",E),"ani--leave",x),"ani--enter",g)],attrs:{placement:r.panelPlacement},style:r.panelStyle,on:t},b&&(g||x)?[i?n("div",{class:"vxe-button--dropdown-wrapper",on:{mousedown:o.mousedownDropdownEvent,click:o.clickDropdownEvent}},b&&(!p||g||x)?i.call(o,{}):[]):n("div",{class:"vxe-button--dropdown-wrapper"},b&&(!p||g||x)?$.map(function(t,e){return n("vxe-button",{key:e,props:{type:t.type,mode:t.mode||_,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"!==_&&y,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==_&&B,disabled:t.disabled,loading:t.loading,align:t.align},on:{click:function(e){o.downBtnClickEvent(e,t)}}})}):[])]:[])])):l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],props:{title:a,name:d,type:h?c:"button",disabled:w||f,custom:!0,to:l},nativeOn:{click:o.clickEvent,mouseenter:o.mouseenterEvent,mouseleave:o.mouseleaveEvent,contextmenu:o.contextmenuEvent}},o.renderContent(n)):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:o}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:d,type:h?c:"button",disabled:w||f},on:{click:o.clickEvent,mouseenter:o.mouseenterEvent,mouseleave:o.mouseleaveEvent,contextmenu:o.contextmenuEvent}},o.renderContent(n)):(0,_ui.renderEmptyElement)(o)}},mounted:function(){var e=this;"text"===e.type&&warnLog("vxe.error.delProp",["type=text","mode=text"]),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent),_ui.globalEvents.on(e,"scroll",e.handleGlobalScrollEvent)},beforeDestroy:function(){var e=this.$refs.refBtnPanel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"resize"),_ui.globalEvents.off(this,"scroll")},render:function(e){return this.renderVN(e)}});

package/lib/cascader/src/cascader.js

@@ -1146,22 +1146,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $event = params.$event;
       $xeCascader.hideOptionPanel($event);
     },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xeCascader = this;
-      var reactData = $xeCascader.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      var isDisabled = $xeCascader.computeIsDisabled;
-      if (!isDisabled) {
-        if (visiblePanel) {
-          var panelElem = $xeCascader.$refs.refOptionPanel;
-          if ((0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
-            $xeCascader.updatePlacement();
-          } else {
-            $xeCascader.hideOptionPanel(evnt);
-          }
-        }
-      }
-    },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeCascader = this;
       var reactData = $xeCascader.reactData;
@@ -1202,6 +1186,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $xeCascader.updatePlacement();
       }
     },
+    handleGlobalScrollEvent: function handleGlobalScrollEvent() {
+      var $xeCascader = this;
+      var reactData = $xeCascader.reactData;
+      var visiblePanel = reactData.visiblePanel;
+      if (visiblePanel) {
+        $xeCascader.updatePlacement();
+      }
+    },
     handleFocusSearch: function handleFocusSearch() {
       var $xeCascader = this;
       var props = $xeCascader;
@@ -2130,10 +2122,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   },
   mounted: function mounted() {
     var $xeCascader = this;
-    _ui.globalEvents.on($xeCascader, 'mousewheel', $xeCascader.handleGlobalMousewheelEvent);
     _ui.globalEvents.on($xeCascader, 'mousedown', $xeCascader.handleGlobalMousedownEvent);
     _ui.globalEvents.on($xeCascader, 'blur', $xeCascader.handleGlobalBlurEvent);
     _ui.globalEvents.on($xeCascader, 'resize', $xeCascader.handleGlobalResizeEvent);
+    _ui.globalEvents.on($xeCascader, 'scroll', $xeCascader.handleGlobalScrollEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeCascader = this;
@@ -2143,10 +2135,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
-    _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());
   },