chore: 发布v5.2.1版本并优化布局交互

1. 调整AppGrid和主容器的高度样式，替换calc(100vh - 140px)为100%适配布局
2. 为下载队列添加滚轮隐藏/显示动画和交互逻辑
3. 优化主内容区域的flex布局结构，修复滚动和容器收缩问题

src/components/AppGrid.vue

@@ -18,10 +18,7 @@
   </div>
 
   <!-- 应用数量较少时，使用普通网格（带滚动） -->
-  <div
-    v-else-if="!loading && apps.length <= 50"
-    class="non-virtual-scroller"
-  >
+  <div v-else-if="!loading && apps.length <= 50" class="non-virtual-scroller">
     <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
       <AppCard
         v-for="(app, index) in apps"
@@ -176,14 +173,14 @@ const gridRows = computed(() => {
 
 <style scoped>
 .scroller {
-  height: calc(100vh - 140px); /* 调整高度 */
+  height: 100%;
   overflow-y: auto;
   padding: 0; /* 移除内边距 */
   margin: -24px -16px; /* 抵消父容器的 px-4 py-6 */
 }
 
 .non-virtual-scroller {
-  height: calc(100vh - 140px);
+  height: 100%;
   overflow-y: auto;
 }
 

src/components/DownloadQueue.vue

@@ -1,6 +1,12 @@
 <template>
   <div
-    class="fixed inset-x-4 bottom-4 z-40 rounded-3xl border border-slate-200/70 bg-white shadow-2xl dark:border-slate-800/70 dark:bg-slate-900 sm:left-auto sm:right-6 sm:w-96"
+    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
+        ? 'pointer-events-none translate-y-[calc(100%+1rem)] opacity-0'
+        : 'translate-y-0 opacity-100'
+    "
   >
     <div
       class="flex items-center justify-between px-5 py-4"
@@ -130,7 +136,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from "vue";
+import { computed, onMounted, onUnmounted, ref } from "vue";
 import type { DownloadItem } from "../global/typedefinition";
 
 const props = defineProps<{
@@ -147,6 +153,30 @@ 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;