evui 3.3.4 → 3.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evui",
-  "version": "3.3.4",
+  "version": "3.3.5",
   "description": "A EXEM Library project",
   "author": "exem <dev_client@ex-em.com>",
   "license": "MIT",

package/src/components/chart/chart.core.js

@@ -555,7 +555,6 @@ class EvChart {
       if (!updateSelTip.keepDomain) {
         this.lastTip.pos = null;
         this.lastHitInfo = null;
-        this.defaultSelectInfo = null;
       }
     }
 
@@ -713,6 +712,8 @@ class EvChart {
       this.overlayCanvas.removeEventListener('mouseleave', this.onMouseLeave);
       this.overlayCanvas.removeEventListener('dblclick', this.onDblClick);
       this.overlayCanvas.removeEventListener('click', this.onClick);
+      this.overlayCanvas.removeEventListener('mousedown', this.onMouseDown);
+      this.overlayCanvas.removeEventListener('wheel', this.onWheel);
     }
 
     if (this.options.tooltip.use) {

package/src/components/chart/plugins/plugins.interaction.js

@@ -160,15 +160,17 @@ const modules = {
       }
     };
 
-    if (this.options?.tooltip?.useScrollbar) {
-      this.overlayCanvas.addEventListener('wheel', (e) => {
-        const isTooltipVisible = this.tooltipDOM.style.display === 'block';
+    this.onWheel = (e) => {
+      const isTooltipVisible = this.tooltipDOM.style.display === 'block';
 
-        if (isTooltipVisible) {
-          e.preventDefault();
-          this.tooltipBodyDOM.scrollTop += e.deltaY;
-        }
-      });
+      if (isTooltipVisible) {
+        e.preventDefault();
+        this.tooltipBodyDOM.scrollTop += e.deltaY;
+      }
+    };
+
+    if (this.options?.tooltip?.useScrollbar) {
+      this.overlayCanvas.addEventListener('wheel', this.onWheel, { passive: false });
     }
 
     this.overlayCanvas.addEventListener('mousemove', this.onMouseMove);
@@ -408,6 +410,7 @@ const modules = {
    * @returns {boolean}
    */
   selectItemByData(targetInfo) {
+    this.defaultSelectInfo = targetInfo;
     const foundInfo = this.getItem(targetInfo, false);
 
     if (foundInfo) {

package/src/components/message/Message.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script>
-import { reactive, toRefs, onMounted, onUnmounted } from 'vue';
+import { reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
 
 export default {
   name: 'EvMessage',
@@ -125,8 +125,9 @@ export default {
       startTimer();
       document.addEventListener('keydown', keydown);
     });
-    onUnmounted(() => {
+    onBeforeUnmount(() => {
       document.removeEventListener('keydown', keydown);
+      clearTimer();
     });
     return {
       startTimer,

package/src/components/messageBox/MessageBox.vue

@@ -83,7 +83,7 @@
 </template>
 
 <script>
-import { reactive, toRefs, watch, onMounted, ref } from 'vue';
+import { reactive, toRefs, watch, onMounted, ref, onBeforeUnmount } from 'vue';
 import EvButton from '@/components/button/Button.vue';
 
 export default {
@@ -226,6 +226,9 @@ export default {
         document.removeEventListener('keydown', keydown);
       }
     });
+    onBeforeUnmount(() => {
+      document.removeEventListener('keydown', keydown);
+    });
     return {
       closeMsg,
       ...toRefs(state),

package/src/components/notification/Notification.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import { reactive, toRefs, onMounted, onUnmounted } from 'vue';
+import { reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
 
 export default {
   name: 'EvNotification',
@@ -153,8 +153,9 @@ export default {
       startTimer();
       document.addEventListener('keydown', keydown);
     });
-    onUnmounted(() => {
+    onBeforeUnmount(() => {
       document.removeEventListener('keydown', keydown);
+      clearTimer();
     });
     return {
       startTimer,