From 91114bcc80992da0597daf59bf4ad77b47221179 Mon Sep 17 00:00:00 2001
From: kjqwer <2990346238@qq.com>
Date: Fri, 17 Oct 2025 06:30:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E9=A2=98=E7=8A=B6=E6=80=81=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/package.json                               |  2 +-
 ui/src/App.vue                                |  4 +
 .../components/common/TitleStatusWatcher.vue  | 91 +++++++++++++++++++
 3 files changed, 96 insertions(+), 1 deletion(-)
 create mode 100644 ui/src/components/common/TitleStatusWatcher.vue

diff --git a/ui/package.json b/ui/package.json
index 1e95e9f..554c3f5 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pixivmanager",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "private": true,
   "type": "module",
   "engines": {
diff --git a/ui/src/App.vue b/ui/src/App.vue
index 3adac7a..42bbdc3 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -10,6 +10,7 @@ import DownloadProgressWidget from '@/components/common/DownloadProgressWidget.v
 import WatchlistWidget from '@/components/common/WatchlistWidget.vue'
 import RegistryWidget from '@/components/common/RegistryWidget.vue'
 import UpdateChecker from '@/components/common/UpdateChecker.vue'
+import TitleStatusWatcher from '@/components/common/TitleStatusWatcher.vue'
 
 const route = useRoute()
 const authStore = useAuthStore()
@@ -93,6 +94,9 @@ onMounted(async () => {
           <!-- 更新检查器 -->
           <UpdateChecker />
 
+          <!-- 页面标题状态监听（无UI，仅逻辑） -->
+          <TitleStatusWatcher />
+
           <!-- GitHub 链接 -->
           <a href="https://github.com/kjqwer/pixiv-D" target="_blank" rel="noopener noreferrer" class="github-link"
             title="查看项目源码">
diff --git a/ui/src/components/common/TitleStatusWatcher.vue b/ui/src/components/common/TitleStatusWatcher.vue
new file mode 100644
index 0000000..255c86e
--- /dev/null
+++ b/ui/src/components/common/TitleStatusWatcher.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import { onMounted, onUnmounted, watch, ref } from 'vue'
+import { useDownloadStore } from '@/stores/download'
+
+const downloadStore = useDownloadStore()
+
+const baseTitle = ref(document.title)
+const wasDownloadingWhenHidden = ref(false)
+const animationTimer = ref<number | null>(null)
+let marqueeIndex = 0
+
+const clearAnimation = () => {
+  if (animationTimer.value) {
+    clearInterval(animationTimer.value)
+    animationTimer.value = null
+  }
+}
+
+const startDownloadingAnimation = () => {
+  // 滚动字幕效果（标题跑马灯）
+  clearAnimation()
+  const text = '   作品下载中...   '
+  marqueeIndex = 0
+  animationTimer.value = window.setInterval(() => {
+    const rotated = text.slice(marqueeIndex) + text.slice(0, marqueeIndex)
+    document.title = rotated
+    marqueeIndex = (marqueeIndex + 1) % text.length
+  }, 250)
+}
+
+const startCompletedAnimation = () => {
+  // 轻微脉冲效果：在“下载完成”和“下载完成 ✓”之间切换
+  clearAnimation()
+  const frames = ['下载完成', '下载完成 ✓']
+  let idx = 0
+  animationTimer.value = window.setInterval(() => {
+    document.title = frames[idx]
+    idx = (idx + 1) % frames.length
+  }, 800)
+}
+
+const updateTitleForHidden = () => {
+  const len = downloadStore.downloadingTasks.length
+  if (len > 0) {
+    startDownloadingAnimation()
+    wasDownloadingWhenHidden.value = true
+  } else {
+    if (wasDownloadingWhenHidden.value) {
+      startCompletedAnimation()
+    } else {
+      clearAnimation()
+      document.title = baseTitle.value
+    }
+  }
+}
+
+const handleVisibilityChange = () => {
+  if (document.visibilityState === 'hidden') {
+    updateTitleForHidden()
+  } else {
+    document.title = baseTitle.value
+    wasDownloadingWhenHidden.value = false
+    clearAnimation()
+  }
+}
+
+onMounted(() => {
+  baseTitle.value = document.title
+  
+  document.addEventListener('visibilitychange', handleVisibilityChange)
+  
+  watch(
+    () => downloadStore.downloadingTasks.length,
+    () => {
+      if (document.visibilityState === 'hidden') {
+        updateTitleForHidden()
+      }
+    },
+    { immediate: false }
+  )
+})
+
+onUnmounted(() => {
+  document.removeEventListener('visibilitychange', handleVisibilityChange)
+  clearAnimation()
+})
+</script>
+
+<template>
+  <!-- 纯逻辑组件，不渲染任何内容 -->
+</template>
\ No newline at end of file