fix: Message 鼠标移入清除定时器 移出重置定时器

Author: coderyjw

src/lib/message/src/message.vue

@@ -15,6 +15,8 @@
  'is-close': close,
  'is-center': center,
  }"
+ @mouseenter="clearTimer"
+ @mouseleave="startTimer"
  >
  <jw-icon
  class="jw-message-icon"
@@ -75,19 +77,26 @@ const props = defineProps(messageProps);
 const emits = defineEmits(messageEmits);
 
 const visible = ref(false);
+let stopTimer = undefined;
+
 const customStyle = computed(() => ({
  top: `${props.offset}px`,
  zIndex: props.zIndex,
 }));
 
 function startTimer() {
  if (props.duration > 0) {
- setTimeout(() => {
+ stopTimer = setTimeout(() => {
  if (visible.value) close();
  }, props.duration);
  }
 }
 
+function clearTimer() {
+ clearTimeout(stopTimer);
+ stopTimer = undefined;
+}
+
 function close() {
  visible.value = false;
 }