From 3b7f14862d32cb3704f4f94e4fed0a326441c8f5 Mon Sep 17 00:00:00 2001
From: shenmo <jifengshenmo@outlook.com>
Date: Sat, 18 Jul 2026 22:11:54 +0800
Subject: [PATCH] =?UTF-8?q?refactor(DownloadQueue):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E6=97=A0=E7=94=A8=E7=9A=84=E6=BB=9A=E8=BD=AE=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E9=98=9F=E5=88=97=E9=80=BB=E8=BE=91=E4=B8=8E=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E4=BE=9D=E8=B5=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除了页面滚轮事件监听、isHidden状态和相关的DOM引用，简化组件逻辑
---
 src/components/DownloadQueue.vue | 37 +-------------------------------
 1 file changed, 1 insertion(+), 36 deletions(-)

diff --git a/src/components/DownloadQueue.vue b/src/components/DownloadQueue.vue
index b75b23bf..3e633c0c 100644
--- a/src/components/DownloadQueue.vue
+++ b/src/components/DownloadQueue.vue
@@ -1,12 +1,6 @@
 <template>
   <div
-    ref="queueRef"
     class="fixed inset-x-4 bottom-4 z-40 rounded-3xl border border-slate-200/70 bg-white shadow-2xl transition-all duration-200 dark:border-slate-800/70 dark:bg-slate-900 sm:left-auto sm:right-6 sm:w-96"
-    :class="
-      isHidden
-        ? 'translate-y-[calc(100%-3.5rem)]'
-        : 'translate-y-0'
-    "
   >
     <div
       class="flex items-center justify-between px-5 py-4"
@@ -136,7 +130,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref } from "vue";
+import { computed, ref } from "vue";
 import type { DownloadItem } from "../global/typedefinition";
 
 const props = defineProps<{
@@ -153,41 +147,12 @@ const emit = defineEmits<{
 }>();
 
 const isExpanded = ref(false);
-const isHidden = ref(false);
-const queueRef = ref<HTMLElement | null>(null);
-
-const onWheel = (event: WheelEvent) => {
-  if (queueRef.value?.contains(event.target as Node) || event.deltaY === 0) {
-    return;
-  }
-
-  if (event.deltaY > 0) {
-    isExpanded.value = false;
-    isHidden.value = true;
-    return;
-  }
-
-  isHidden.value = false;
-};
-
-onMounted(() => {
-  document.addEventListener("wheel", onWheel, { passive: true, capture: true });
-});
-
-onUnmounted(() => {
-  document.removeEventListener("wheel", onWheel, { capture: true });
-});
 
 const completedDownloads = computed(() => {
   return props.downloads.filter((d) => d.status === "completed").length;
 });
 
 const toggleExpand = () => {
-  if (isHidden.value) {
-    isHidden.value = false;
-    isExpanded.value = true;
-    return;
-  }
   isExpanded.value = !isExpanded.value;
 };