实现订阅批量管理功能

Co-authored-by: jxxghp <jxxghp@live.cn>

components.d.ts

@@ -10,7 +10,6 @@ declare module 'vue' {
   export interface GlobalComponents {
     ConfirmDialog: typeof import('./src/@core/components/ConfirmDialog.vue')['default']
     DialogCloseBtn: typeof import('./src/@core/components/DialogCloseBtn.vue')['default']
-    DialogWrapper: typeof import('./src/@core/components/DialogWrapper.vue')['default']
     ErrorHeader: typeof import('./src/@core/components/ErrorHeader.vue')['default']
     ExistIcon: typeof import('./src/@core/components/ExistIcon.vue')['default']
     LoadingBanner: typeof import('./src/@core/components/LoadingBanner.vue')['default']

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "2.7.1",
+  "version": "2.7.5",
   "private": true,
   "type": "module",
   "bin": "dist/service.js",

src/@core/components/ConfirmDialog.vue

@@ -59,7 +59,7 @@ function handleCancel() {
 </script>
 
 <template>
-  <DialogWrapper :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" :max-width="width">
+  <VDialog :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" :max-width="width">
     <VCard>
       <VCardItem>
         <div class="d-flex align-center justify-start mt-3">
@@ -82,5 +82,5 @@ function handleCancel() {
       </VCardActions>
       <VDialogCloseBtn @click="handleCancel" />
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/@core/components/DialogWrapper.vue

@@ -1,70 +0,0 @@
-<template>
-  <VDialog v-model="dialogModel" v-bind="$attrs" @update:model-value="handleDialogChange">
-    <slot />
-  </VDialog>
-</template>
-
-<script setup lang="ts">
-import { computed, watch, onBeforeUnmount } from 'vue'
-import { useScrollLockWithWatch } from '@/composables/useScrollLock'
-
-// Props
-interface Props {
-  modelValue?: boolean
-  // 滚动锁定配置
-  scrollLock?: boolean
-  preserveScrollPosition?: boolean
-  preventTouchScroll?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  scrollLock: true,
-  preserveScrollPosition: true,
-  preventTouchScroll: true,
-})
-
-// Emits
-const emit = defineEmits<{
-  'update:modelValue': [value: boolean]
-}>()
-
-// 计算属性
-const dialogModel = computed({
-  get: () => props.modelValue || false,
-  set: (value: boolean) => emit('update:modelValue', value),
-})
-
-// 使用滚动锁定
-const { isLocked, lockScroll, restoreScroll } = useScrollLockWithWatch(dialogModel, {
-  autoRestore: true,
-  preserveScrollPosition: props.preserveScrollPosition,
-  preventTouchScroll: props.preventTouchScroll,
-})
-
-// 处理弹窗状态变化
-const handleDialogChange = (value: boolean) => {
-  emit('update:modelValue', value)
-}
-
-// 监听弹窗状态变化
-watch(
-  dialogModel,
-  newValue => {
-    if (props.scrollLock) {
-      if (newValue) {
-        lockScroll()
-      } else {
-        restoreScroll()
-      }
-    }
-  },
-  { immediate: true },
-)
-
-// 组件卸载时确保恢复滚动
-onBeforeUnmount(() => {
-  if (isLocked.value) {
-    restoreScroll()
-  }
-})
-</script>

src/@core/scss/_default-layout-w-vertical-nav.scss

@@ -46,10 +46,10 @@ $header: ".layout-navbar";
       }
 
       /* ℹ️ Ensure header styles are preserved when dialog is opened,
-        regardless of scroll state
+        but only if window was scrolled before dialog opened
     */
       html.v-overlay-scroll-blocked &.window-scrolled.layout-navbar-fixed,
-      html.dialog-scroll-locked &.layout-navbar-fixed {
+      html.dialog-scroll-locked &.window-scrolled.layout-navbar-fixed {
 
         #{$header} {
           padding-inline: 1rem;

src/@layouts/components/VerticalNavLayout.vue

@@ -17,11 +17,36 @@ export default defineComponent({
     syncRef(isOverlayNavActive, isLayoutOverlayVisible)
 
     const scrollDistance = ref(window.scrollY)
+    const isDialogOpen = ref(false)
+    const wasScrolledBeforeDialog = ref(false)
+
+    // 监听弹窗状态变化
+    const checkDialogState = () => {
+      const wasDialogOpen = isDialogOpen.value
+      isDialogOpen.value =
+        document.documentElement.classList.contains('dialog-scroll-locked') ||
+        document.documentElement.classList.contains('v-overlay-scroll-blocked')
+
+      // 当弹窗刚打开时，记录当前的滚动状态
+      if (!wasDialogOpen && isDialogOpen.value) {
+        wasScrolledBeforeDialog.value = scrollDistance.value > 0
+      }
+    }
 
     onMounted(() => {
       window.addEventListener('scroll', () => {
         scrollDistance.value = window.scrollY
       })
+
+      // 初始检查弹窗状态
+      checkDialogState()
+
+      // 监听 DOM 变化以检测弹窗状态
+      const observer = new MutationObserver(checkDialogState)
+      observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ['class'],
+      })
     })
 
     return () => {
@@ -88,9 +113,6 @@ export default defineComponent({
         },
       })
 
-      // 检查是否有弹窗打开（通过CSS类名判断）
-      const isDialogOpen = document.documentElement.classList.contains('dialog-scroll-locked')
-
       return h(
         'div',
         {
@@ -99,7 +121,7 @@ export default defineComponent({
             'layout-navbar-fixed',
             mdAndDown.value && 'layout-overlay-nav',
             route.meta.layoutWrapperClasses,
-            (scrollDistance.value || isDialogOpen) && 'window-scrolled',
+            (scrollDistance.value > 0 || (isDialogOpen.value && wasScrolledBeforeDialog.value)) && 'window-scrolled',
           ],
         },
         [verticalNav, h('div', { class: 'layout-content-wrapper' }, [navbar, main, footer]), layoutOverlay],

src/components/PWAInstallPrompt.vue

@@ -133,7 +133,7 @@ const instructions = computed(() => {
   </Teleport>
 
   <!-- 手动安装说明对话框 -->
-  <DialogWrapper v-model="showInstructions" max-width="500">
+  <VDialog v-model="showInstructions" max-width="500">
     <VCard>
       <VCardItem>
         <VCardTitle class="d-flex align-center">
@@ -170,7 +170,7 @@ const instructions = computed(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style scoped>

src/components/cards/CustomRuleCard.vue

@@ -116,7 +116,7 @@ function onClose() {
         <VImg :src="filter_svg" cover class="mt-7" max-width="3rem" />
       </VCardText>
     </VCard>
-    <DialogWrapper
+    <VDialog
       v-if="ruleInfoDialog"
       v-model="ruleInfoDialog"
       scrollable
@@ -222,6 +222,6 @@ function onClose() {
           }}</VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>

src/components/cards/DownloaderCard.vue

@@ -147,7 +147,7 @@ const { stop: stopRefresh } = useConditionalDataRefresh(
   loadDownloaderInfo,
   shouldRefresh, // 响应式条件：只有当allowRefresh为true且downloader启用时才运行
   3000, // 3秒间隔
-  true // 立即执行一次
+  true, // 立即执行一次
 )
 
 onUnmounted(() => {
@@ -196,7 +196,7 @@ onUnmounted(() => {
       </VCard>
     </VHover>
 
-    <DialogWrapper
+    <VDialog
       v-if="downloaderInfoDialog"
       v-model="downloaderInfoDialog"
       scrollable
@@ -383,6 +383,6 @@ onUnmounted(() => {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>

src/components/cards/FilterRuleGroupCard.vue

@@ -223,7 +223,7 @@ function onClose() {
         <VImg :src="filter_group_svg" cover class="mt-10" max-width="3rem" />
       </VCardText>
     </VCard>
-    <DialogWrapper
+    <VDialog
       v-if="groupInfoDialog"
       v-model="groupInfoDialog"
       scrollable
@@ -308,7 +308,7 @@ function onClose() {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
     <ImportCodeDialog
       v-if="importCodeDialog"
       v-model="importCodeDialog"

src/components/cards/MediaServerCard.vue

@@ -204,7 +204,7 @@ onMounted(() => {
       </VCardText>
     </VCard>
 
-    <DialogWrapper
+    <VDialog
       v-if="mediaServerInfoDialog"
       v-model="mediaServerInfoDialog"
       scrollable
@@ -506,6 +506,6 @@ onMounted(() => {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>

src/components/cards/NotificationChannelCard.vue

@@ -141,7 +141,7 @@ function onClose() {
       </VCardText>
     </VCard>
 
-    <DialogWrapper
+    <VDialog
       v-if="notificationInfoDialog"
       v-model="notificationInfoDialog"
       scrollable
@@ -476,6 +476,6 @@ function onClose() {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>

src/components/cards/PluginAppCard.vue

@@ -106,7 +106,9 @@ const iconPath: Ref<string> = computed(() => {
   if (imageLoadError.value) return noImage
   // 如果是网络图片则使用代理后返回
   if (props.plugin?.plugin_icon?.startsWith('http'))
-    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(props.plugin?.plugin_icon)}&cache=true`
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(
+      props.plugin?.plugin_icon,
+    )}&cache=true`
 
   return `./plugin_icon/${props.plugin?.plugin_icon}`
 })
@@ -267,15 +269,15 @@ const dropdownItems = ref([
     <!-- 安装插件进度框 -->
     <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
     <!-- 更新日志 -->
-    <DialogWrapper v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
+    <VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
       <VCard :title="t('plugin.updateHistoryTitle', { name: props.plugin?.plugin_name })">
         <VDialogCloseBtn @click="releaseDialog = false" />
         <VDivider />
         <VersionHistory :history="props.plugin?.history" />
       </VCard>
-    </DialogWrapper>
+    </VDialog>
     <!-- 插件详情-->
-    <DialogWrapper v-if="detailDialog" v-model="detailDialog" max-width="30rem">
+    <VDialog v-if="detailDialog" v-model="detailDialog" max-width="30rem">
       <VCard>
         <VDialogCloseBtn @click="detailDialog = false" />
         <VCardText>
@@ -335,6 +337,6 @@ const dropdownItems = ref([
           </VCol>
         </VCardText>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>

src/components/cards/PluginCard.vue

@@ -547,7 +547,7 @@ watch(
     <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
 
     <!-- 更新日志 -->
-    <DialogWrapper v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable :fullscreen="!display.mdAndUp.value">
+    <VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable :fullscreen="!display.mdAndUp.value">
       <VCard :title="t('plugin.updateHistoryTitle', { name: props.plugin?.plugin_name })">
         <VDialogCloseBtn @click="releaseDialog = false" />
         <VDivider />
@@ -562,10 +562,10 @@ watch(
           </VBtn>
         </VCardItem>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
 
     <!-- 实时日志弹窗 -->
-    <DialogWrapper
+    <VDialog
       v-if="loggingDialog"
       v-model="loggingDialog"
       scrollable
@@ -591,10 +591,10 @@ watch(
           <LoggingView :logfile="`plugins/${props.plugin?.id?.toLowerCase()}.log`" />
         </VCardText>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
 
     <!-- 插件分身对话框 -->
-    <DialogWrapper
+    <VDialog
       v-if="pluginCloneDialog"
       v-model="pluginCloneDialog"
       width="600"
@@ -700,7 +700,7 @@ watch(
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>
 

src/components/cards/PluginFolderCard.vue

@@ -350,7 +350,7 @@ const dropdownItems = ref([
     </VHover>
 
     <!-- 重命名对话框 -->
-    <DialogWrapper v-if="renameDialog" v-model="renameDialog" max-width="400">
+    <VDialog v-if="renameDialog" v-model="renameDialog" max-width="400">
       <VCard>
         <VCardItem>
           <template #prepend>
@@ -374,10 +374,10 @@ const dropdownItems = ref([
           <VBtn color="primary" prepend-icon="mdi-check" class="px-5" @click="confirmRename">确认</VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
 
     <!-- 设置对话框 -->
-    <DialogWrapper
+    <VDialog
       v-if="settingDialog"
       v-model="settingDialog"
       max-width="600"
@@ -480,7 +480,7 @@ const dropdownItems = ref([
           <VBtn color="primary" prepend-icon="mdi-content-save" class="px-5" @click="saveSettings">保存</VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>
 

src/components/cards/StorageCard.vue

@@ -220,7 +220,7 @@ function onClose() {
       @close="smbConfigDialog = false"
       @done="handleDone"
     />
-    <DialogWrapper
+    <VDialog
       v-if="customConfigDialog"
       v-model="customConfigDialog"
       scrollable
@@ -263,6 +263,6 @@ function onClose() {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>

src/components/cards/SubscribeCard.vue

@@ -21,6 +21,14 @@ const { t } = useI18n()
 // 输入参数
 const props = defineProps({
   media: Object as PropType<Subscribe>,
+  batchMode: {
+    type: Boolean,
+    default: false,
+  },
+  selected: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 // 从 provide 中获取全局设置
@@ -29,7 +37,7 @@ const globalSettingsStore = useGlobalSettingsStore()
 const globalSettings = globalSettingsStore.globalSettings
 
 // 定义触发的自定义事件
-const emit = defineEmits(['remove', 'save'])
+const emit = defineEmits(['remove', 'save', 'select'])
 
 // 确认框
 const createConfirm = useConfirm()
@@ -297,6 +305,17 @@ function onSubscribeEditRemove() {
   subscribeEditDialog.value = false
   emit('remove')
 }
+
+// 处理卡片点击事件
+function handleCardClick() {
+  if (props.batchMode) {
+    // 批量模式下触发选择事件
+    emit('select')
+  } else {
+    // 非批量模式下打开编辑弹窗
+    editSubscribeDialog()
+  }
+}
 </script>
 
 <template>
@@ -308,6 +327,7 @@ function onSubscribeEditRemove() {
           :class="{
             'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
             'outline-dashed outline-1': props.media?.best_version && imageLoaded,
+            'outline-dotted outline-pink-500 outline-2': props.batchMode && props.selected,
           }"
         >
           <VCard
@@ -319,8 +339,8 @@ function onSubscribeEditRemove() {
             }"
             rounded="0"
             min-height="150"
-            @click="editSubscribeDialog"
-            :ripple="false"
+            @click="handleCardClick"
+            :ripple="!props.batchMode"
           >
             <div class="me-n3 absolute top-1 right-4">
               <IconBtn>

src/components/cards/TorrentCard.vue

@@ -278,7 +278,7 @@ onMounted(() => {
     </VCard>
 
     <!-- 更多来源对话框 -->
-    <DialogWrapper v-model="showMoreTorrents" max-width="25rem" location="center">
+    <VDialog v-model="showMoreTorrents" max-width="25rem" location="center">
       <VCard>
         <VCardTitle class="py-3 d-flex align-center">
           <span>其他来源</span>
@@ -361,7 +361,7 @@ onMounted(() => {
           </VList>
         </VCardText>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
 
     <AddDownloadDialog
       v-if="addDownloadDialog"
@@ -418,7 +418,7 @@ onMounted(() => {
 }
 
 .chip-web-source {
-  background-color: #8000FF;
+  background-color: #8000ff;
   color: white;
 }
 

src/components/dialog/AddDownloadDialog.vue

@@ -132,7 +132,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper max-width="35rem" scrollable>
+  <VDialog max-width="35rem" scrollable>
     <VCard>
       <VCardItem class="py-2">
         <template #prepend>
@@ -209,5 +209,5 @@ onMounted(() => {
         </VBtn>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/AlistConfigDialog.vue

@@ -70,7 +70,7 @@ async function savaAlistConfig() {
 </script>
 
 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
@@ -143,5 +143,5 @@ async function savaAlistConfig() {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/AliyunAuthDialog.vue

@@ -110,7 +110,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <DialogWrapper width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
@@ -148,5 +148,5 @@ onUnmounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/ForkSubscribeDialog.vue

@@ -170,7 +170,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper max-width="40rem" scrollable>
+  <VDialog max-width="40rem" scrollable>
     <VCard>
       <VCardText>
         <VCol>
@@ -286,5 +286,5 @@ onMounted(() => {
       </VCardText>
       <VDialogCloseBtn @click="emit('close')" />
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/ForkWorkflowDialog.vue

@@ -156,7 +156,7 @@ async function doDelete() {
 }
 </script>
 <template>
-  <DialogWrapper max-width="40rem" scrollable>
+  <VDialog max-width="40rem" scrollable>
     <VCard>
       <VCardText>
         <VCol>
@@ -266,7 +266,7 @@ async function doDelete() {
       </VCardText>
       <VDialogCloseBtn @click="emit('close')" />
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style lang="scss">

src/components/dialog/ImportCodeDialog.vue

@@ -24,7 +24,7 @@ function handleImport() {
 </script>
 
 <template>
-  <DialogWrapper width="40rem" scrollable max-height="85vh">
+  <VDialog width="40rem" scrollable max-height="85vh">
     <VCard>
       <VCardItem>
         <template #prepend>
@@ -43,5 +43,5 @@ function handleImport() {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/MediaInfoDialog.vue

@@ -15,12 +15,12 @@ defineProps({
 const emit = defineEmits(['close'])
 </script>
 <template>
-  <DialogWrapper max-width="50rem">
+  <VDialog max-width="50rem">
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
         <MediaInfoCard :context="context" />
       </VCardItem>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/PluginConfigDialog.vue

@@ -148,7 +148,7 @@ onBeforeMount(async () => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable max-width="60rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="60rem" :fullscreen="!display.mdAndUp.value">
     <!-- Vuetify 渲染模式 -->
     <VCard v-if="renderMode === 'vuetify'" :title="`${props.plugin?.plugin_name} - ${t('dialog.pluginConfig.title')}`">
       <VDialogCloseBtn @click="emit('close')" />
@@ -187,5 +187,5 @@ onBeforeMount(async () => {
 
     <!-- 进度框 -->
     <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/PluginDataDialog.vue

@@ -124,7 +124,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
     <!-- Vuetify 渲染模式 -->
     <VCard v-if="renderMode === 'vuetify'" :title="`${props.plugin?.plugin_name}`">
       <VDialogCloseBtn @click="emit('close')" />
@@ -160,5 +160,5 @@ onMounted(() => {
         />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/PluginMarketSettingDialog.vue

@@ -63,7 +63,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem>
         <VCardTitle>
@@ -89,5 +89,5 @@ onMounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/ProgressDialog.vue

@@ -10,12 +10,12 @@ const props = defineProps({
 </script>
 <template>
   <!-- Progress Dialog -->
-  <DialogWrapper :scrim="false" width="25rem">
+  <VDialog :scrim="false" width="25rem">
     <VCard elevation="3" color="primary">
       <VCardText class="text-center">
         {{ props.text || t('dialog.progress.processing') }}
         <VProgressLinear color="white" class="mb-0 mt-1" :model-value="props.value" indeterminate />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/RcloneConfigDialog.vue

@@ -57,7 +57,7 @@ async function handleReset() {
 </script>
 
 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
@@ -99,5 +99,5 @@ async function handleReset() {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/ReorganizeDialog.vue

@@ -205,7 +205,7 @@ const progressSSE = useProgressSSE(
   `${import.meta.env.VITE_API_BASE_URL}system/progress/filetransfer`,
   handleProgressMessage,
   'reorganize-progress',
-  progressActive
+  progressActive,
 )
 
 // 使用SSE监听加载进度
@@ -269,7 +269,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem class="py-2">
         <template #prepend> <VIcon icon="mdi-folder-move" class="me-2" /> </template>
@@ -487,7 +487,7 @@ onUnmounted(() => {
     <!-- 手动整理进度框 -->
     <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" :value="progressValue" />
     <!-- TMDB ID搜索框 -->
-    <DialogWrapper v-model="mediaSelectorDialog" width="40rem" scrollable max-height="85vh">
+    <VDialog v-model="mediaSelectorDialog" width="40rem" scrollable max-height="85vh">
       <MediaIdSelector
         v-if="mediaSource === 'themoviedb'"
         v-model="transferForm.tmdbid"
@@ -500,6 +500,6 @@ onUnmounted(() => {
         @close="mediaSelectorDialog = false"
         :type="mediaSource"
       />
-    </DialogWrapper>
-  </DialogWrapper>
+    </VDialog>
+  </VDialog>
 </template>

src/components/dialog/SearchBarDialog.vue

@@ -3,7 +3,7 @@ import api from '@/api'
 import type { Site, Plugin, Subscribe } from '@/api/types'
 import { getNavMenus, getSettingTabs } from '@/router/i18n-menu'
 import { NavMenu } from '@/@layouts/types'
-import { useUserStore } from '@/stores'
+import { useUserStore, useGlobalSettingsStore } from '@/stores'
 import SearchSiteDialog from '@/components/dialog/SearchSiteDialog.vue'
 import { useI18n } from 'vue-i18n'
 import { useDisplay } from 'vuetify'
@@ -26,6 +26,10 @@ const router = useRouter()
 // 用户 Store
 const userStore = useUserStore()
 
+// 全局设置 Store
+const globalSettingsStore = useGlobalSettingsStore()
+const globalSettings = globalSettingsStore.globalSettings
+
 // 超级用户
 const superUser = userStore.superUser
 
@@ -63,6 +67,11 @@ const hasManagePermission = computed(() => {
   )
 })
 
+// 是否显示合集搜索项（当SEARCH_SOURCE包含themoviedb时显示）
+const showCollectionSearch = computed(() => {
+  return globalSettings.SEARCH_SOURCE?.includes('themoviedb') || false
+})
+
 // 所有订阅数据
 const SubscribeItems = ref<Subscribe[]>([])
 
@@ -370,7 +379,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper v-model="dialog" max-width="42rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog v-model="dialog" max-width="42rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard class="search-dialog">
       <!-- 搜索输入框 -->
       <VCardItem class="pa-4 pa-sm-5 search-box-container">
@@ -435,7 +444,7 @@ onMounted(() => {
             </template>
           </VHover>
 
-          <VHover>
+          <VHover v-if="showCollectionSearch">
             <template #default="hover">
               <VListItem
                 density="comfortable"
@@ -785,7 +794,7 @@ onMounted(() => {
         </div>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 
   <!-- 站点选择对话框 -->
   <SearchSiteDialog

src/components/dialog/SearchSiteDialog.vue

@@ -56,7 +56,7 @@ const filteredSites = computed(() => {
 </script>
 <template>
   <!-- Site Selection Dialog -->
-  <DialogWrapper max-width="40rem" fullscreen-mobile>
+  <VDialog max-width="40rem" fullscreen-mobile>
     <VCard class="site-dialog">
       <VCardItem>
         <template #prepend>
@@ -169,7 +169,7 @@ const filteredSites = computed(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 <style scoped>
 .site-checkbox-wrapper {

src/components/dialog/SiteAddEditDialog.vue

@@ -147,7 +147,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <DialogWrapper scrollable :close-on-back="false" eager max-width="45rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable :close-on-back="false" eager max-width="45rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem :class="props.oper === 'add' ? 'py-3' : 'py-2'">
         <template #prepend>
@@ -350,5 +350,5 @@ onMounted(async () => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/SiteCookieUpdateDialog.vue

@@ -71,7 +71,7 @@ async function updateSiteCookie() {
 }
 </script>
 <template>
-  <DialogWrapper max-width="30rem" scrollable>
+  <VDialog max-width="30rem" scrollable>
     <!-- Dialog Content -->
     <VCard :title="t('dialog.siteCookieUpdate.title')">
       <VDialogCloseBtn @click="emit('close')" />
@@ -114,5 +114,5 @@ async function updateSiteCookie() {
     </VCard>
     <!-- 进度框 -->
     <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/SiteImportDialog.vue

@@ -0,0 +1,423 @@
+<script lang="ts" setup>
+import { useToast } from 'vue-toastification'
+import type { Site } from '@/api/types'
+import { doneNProgress, startNProgress } from '@/api/nprogress'
+import api from '@/api'
+import { useDisplay } from 'vuetify'
+import { useI18n } from 'vue-i18n'
+
+// 国际化
+const { t } = useI18n()
+
+// 显示器宽度
+const display = useDisplay()
+
+// 提示框
+const $toast = useToast()
+
+// 注册事件
+const emit = defineEmits(['update:modelValue', 'import-success'])
+
+// 界面阶段枚举
+enum ImportStage {
+  SELECT_FILE = 'select_file', // 选择文件阶段
+  PREVIEW_FILE = 'preview_file', // 文件预览阶段
+  IMPORTING = 'importing', // 正在导入阶段
+  IMPORT_COMPLETE = 'import_complete', // 导入完成阶段
+}
+
+// 当前阶段
+const currentStage = ref<ImportStage>(ImportStage.SELECT_FILE)
+
+// 是否拖拽中
+const isDragging = ref(false)
+
+// 导入的文件数据
+const importData = ref<Site[]>([])
+
+// 导入进度
+const importProgress = ref(0)
+
+// 预览数据
+const previewData = ref<Site[]>([])
+
+// 选中的文件
+const selectedFile = ref<File | null>(null)
+
+// 导入错误信息
+const importErrors = ref<Array<{ site: Site; error: string }>>([])
+
+// 导入成功的站点
+const importSuccesses = ref<Site[]>([])
+
+// 是否显示错误详情
+const showErrorDetails = ref(false)
+
+// 处理拖拽事件
+function handleDragOver(event: DragEvent) {
+  event.preventDefault()
+  isDragging.value = true
+}
+
+function handleDragLeave(event: DragEvent) {
+  event.preventDefault()
+  isDragging.value = false
+}
+
+async function handleDrop(event: DragEvent) {
+  event.preventDefault()
+  isDragging.value = false
+
+  const files = event.dataTransfer?.files
+  if (files && files.length > 0) {
+    const file = files[0]
+    if (file.type === 'application/json' || file.name.endsWith('.json')) {
+      selectedFile.value = file
+      await processFile(file)
+    } else {
+      $toast.error(t('site.messages.invalidFileType'))
+    }
+  }
+}
+
+// 处理文件
+async function processFile(file: File) {
+  try {
+    const text = await file.text()
+    const data = JSON.parse(text)
+
+    if (Array.isArray(data)) {
+      importData.value = data
+      previewData.value = data.slice(0, 5) // 只显示前5个站点作为预览
+      currentStage.value = ImportStage.PREVIEW_FILE
+    } else {
+      $toast.error(t('site.messages.invalidFileFormat'))
+    }
+  } catch (error) {
+    console.error('Parse file error:', error)
+    $toast.error(t('site.messages.parseFileError'))
+  }
+}
+
+// 验证站点数据
+function validateSiteData(site: any): boolean {
+  const requiredFields = ['name', 'domain', 'url']
+  return requiredFields.every(field => site[field])
+}
+
+// 批量导入站点
+async function importSites() {
+  if (importData.value.length === 0) {
+    $toast.error(t('site.messages.noDataToImport'))
+    return
+  }
+
+  // 验证数据
+  const validSites = importData.value.filter(validateSiteData)
+  if (validSites.length === 0) {
+    $toast.error(t('site.messages.noValidData'))
+    return
+  }
+
+  if (validSites.length !== importData.value.length) {
+    $toast.warning(t('site.messages.someInvalidData', { valid: validSites.length, total: importData.value.length }))
+  }
+
+  // 进入导入阶段
+  currentStage.value = ImportStage.IMPORTING
+  startNProgress()
+  importProgress.value = 0
+
+  try {
+    let successCount = 0
+    let failCount = 0
+    importErrors.value = [] // 清空之前的错误信息
+    importSuccesses.value = [] // 清空之前的成功信息
+
+    for (let i = 0; i < validSites.length; i++) {
+      const site = validSites[i]
+      try {
+        // 移除id字段，避免冲突
+        const { id, ...siteData } = site
+        const result: { success: boolean; message?: string } = await api.post('site/', siteData)
+        if (result.success) {
+          // 记录成功的站点
+          successCount++
+          importSuccesses.value.push(site)
+        } else {
+          failCount++
+          // 记录失败信息
+          importErrors.value.push({
+            site,
+            error: result.message || t('site.messages.importFailed'),
+          })
+        }
+      } catch (error) {
+        console.error(`Import site ${site.name} failed:`, error)
+        failCount++
+        // 记录错误信息
+        importErrors.value.push({
+          site,
+          error: error instanceof Error ? error.message : t('site.messages.importFailed'),
+        })
+      }
+      // 更新进度
+      importProgress.value = Math.round(((i + 1) / validSites.length) * 100)
+    }
+
+    // 进入完成阶段
+    currentStage.value = ImportStage.IMPORT_COMPLETE
+
+    // 显示导入结果
+    if (failCount === 0 && successCount > 0) {
+      // 全部成功，直接关闭对话框
+      $toast.success(t('site.messages.importSuccess', { count: successCount }))
+      closeDialog(true)
+    } else if (successCount === 0 && failCount > 0) {
+      // 全部失败的情况
+      $toast.error(t('site.messages.importAllFailed', { count: failCount }))
+      showErrorDetails.value = true
+    } else {
+      // 部分成功部分失败的情况
+      $toast.error(t('site.messages.importPartialFailed', { success: successCount, failed: failCount }))
+      showErrorDetails.value = true
+    }
+  } catch (error) {
+    console.error('Import sites failed:', error)
+    $toast.error(t('site.messages.importFailed'))
+    // 出错时回到预览阶段
+    currentStage.value = ImportStage.PREVIEW_FILE
+  } finally {
+    doneNProgress()
+  }
+}
+
+// 重置到文件选择阶段
+function resetToFileSelection() {
+  currentStage.value = ImportStage.SELECT_FILE
+  importData.value = []
+  previewData.value = []
+  importProgress.value = 0
+  isDragging.value = false
+  selectedFile.value = null
+  importErrors.value = []
+  importSuccesses.value = []
+  showErrorDetails.value = false
+}
+
+// 关闭对话框
+function closeDialog(success: boolean = false) {
+  if (success) {
+    emit('import-success')
+  }
+  emit('update:modelValue', false)
+}
+
+// 监听文件选择
+watch(selectedFile, async newFile => {
+  if (newFile) {
+    await processFile(newFile)
+  }
+})
+</script>
+
+<template>
+  <VDialog scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VCardItem class="py-2">
+        <template #prepend>
+          <VIcon icon="mdi-upload" class="me-2" />
+        </template>
+        <VCardTitle>{{ t('site.actions.import') }}</VCardTitle>
+        <VCardSubtitle>{{ t('site.hints.import') }}</VCardSubtitle>
+      </VCardItem>
+      <VDialogCloseBtn @click="closeDialog" />
+      <VDivider />
+      <VCardText>
+        <!-- 阶段1：选择文件阶段 -->
+        <div v-if="currentStage === ImportStage.SELECT_FILE" class="upload-area">
+          <div
+            class="upload-zone"
+            :class="{ 'dragging': isDragging }"
+            @dragover="handleDragOver"
+            @dragleave="handleDragLeave"
+            @drop="handleDrop"
+          >
+            <VFileInput
+              v-model="selectedFile"
+              accept=".json"
+              :label="t('site.fields.selectFile')"
+              :hint="t('site.hints.selectFile')"
+              persistent-hint
+              prepend-icon="mdi-file-upload"
+            />
+            <div class="text-center mt-4">
+              <VIcon icon="mdi-cloud-upload" size="48" color="primary" />
+              <p class="text-body-1 mt-2">{{ t('site.hints.dragDropFile') }}</p>
+              <p class="text-caption text-medium-emphasis">{{ t('site.hints.supportedFormat') }}</p>
+            </div>
+          </div>
+        </div>
+
+        <!-- 阶段2：文件预览阶段 -->
+        <div v-if="currentStage === ImportStage.PREVIEW_FILE" class="preview-area">
+          <VAlert
+            type="info"
+            variant="tonal"
+            class="mb-4"
+            :text="t('site.messages.previewData', { count: importData.length })"
+          />
+
+          <!-- 预览列表 -->
+          <VCard variant="outlined" class="mb-4">
+            <VCardTitle class="text-subtitle-1">
+              {{ t('site.preview.title') }} ({{
+                t('site.preview.showing', { count: previewData.length, total: importData.length })
+              }})
+            </VCardTitle>
+            <VCardText>
+              <VList>
+                <VListItem
+                  v-for="(site, index) in previewData"
+                  :key="index"
+                  :class="{ 'border-error': !validateSiteData(site) }"
+                >
+                  <template #prepend>
+                    <VIcon
+                      :icon="validateSiteData(site) ? 'mdi-check-circle' : 'mdi-alert-circle'"
+                      :color="validateSiteData(site) ? 'success' : 'error'"
+                    />
+                  </template>
+                  <VListItemTitle>{{ site.name || t('site.preview.unnamed') }}</VListItemTitle>
+                  <VListItemSubtitle>{{ site.url || t('site.preview.noUrl') }}</VListItemSubtitle>
+                  <template #append>
+                    <VChip v-if="!validateSiteData(site)" size="small" color="error" variant="tonal">
+                      {{ t('site.preview.invalid') }}
+                    </VChip>
+                  </template>
+                </VListItem>
+              </VList>
+            </VCardText>
+          </VCard>
+
+          <!-- 操作按钮 -->
+          <div class="d-flex justify-end gap-2">
+            <VBtn variant="text" @click="resetToFileSelection">
+              {{ t('common.reset') }}
+            </VBtn>
+            <VBtn color="primary" @click="importSites" :disabled="importData.length === 0">
+              {{ t('site.actions.startImport') }}
+            </VBtn>
+          </div>
+        </div>
+
+        <!-- 阶段3：正在导入阶段 -->
+        <div v-if="currentStage === ImportStage.IMPORTING" class="importing-area">
+          <VAlert
+            type="info"
+            variant="tonal"
+            class="mb-4"
+            :text="t('site.messages.importing', { progress: importProgress })"
+          />
+
+          <!-- 导入进度 -->
+          <VCard variant="outlined" class="mb-4">
+            <VCardTitle class="text-subtitle-1">
+              {{ t('site.messages.importing', { progress: importProgress }) }}
+            </VCardTitle>
+            <VCardText>
+              <VProgressLinear v-model="importProgress" color="primary" height="8" rounded class="mb-2" />
+              <p class="text-caption text-center">{{ importProgress }}%</p>
+            </VCardText>
+          </VCard>
+        </div>
+
+        <!-- 阶段4：导入完成阶段 -->
+        <div v-if="currentStage === ImportStage.IMPORT_COMPLETE" class="result-area">
+          <!-- 成功导入的站点 -->
+          <div v-if="importSuccesses.length > 0" class="success-sites mb-4">
+            <VAlert
+              type="success"
+              variant="tonal"
+              class="mb-4"
+              :text="t('site.messages.importSuccess', { count: importSuccesses.length })"
+            />
+          </div>
+
+          <!-- 错误详情 -->
+          <div v-if="showErrorDetails && importErrors.length > 0" class="error-details">
+            <VAlert
+              type="error"
+              variant="tonal"
+              class="mb-4"
+              :text="t('site.messages.importErrors', { count: importErrors.length })"
+            />
+
+            <VCard variant="outlined" class="mb-4">
+              <VCardTitle class="text-subtitle-1 d-flex align-center justify-space-between">
+                {{ t('site.errors.title') }}
+              </VCardTitle>
+              <!-- 错误信息详情 -->
+              <VExpansionPanels class="mt-4">
+                <VExpansionPanel v-for="(error, index) in importErrors" :key="index">
+                  <VExpansionPanelTitle>
+                    {{ error.site.name || t('site.preview.unnamed') }} - {{ t('site.errors.details') }}
+                  </VExpansionPanelTitle>
+                  <VExpansionPanelText>
+                    <VAlert type="error" variant="text" :text="error.error" class="mb-0" />
+                  </VExpansionPanelText>
+                </VExpansionPanel>
+              </VExpansionPanels>
+            </VCard>
+          </div>
+
+          <!-- 操作按钮 -->
+          <div class="d-flex justify-end gap-2">
+            <VBtn variant="text" @click="resetToFileSelection">
+              {{ t('common.reset') }}
+            </VBtn>
+            <VBtn color="primary" @click="closeDialog(false)">
+              {{ t('common.close') }}
+            </VBtn>
+          </div>
+        </div>
+      </VCardText>
+    </VCard>
+  </VDialog>
+</template>
+
+<style scoped>
+.upload-area {
+  padding: 2rem;
+}
+
+.upload-zone {
+  padding: 2rem;
+  border: 2px dashed #ccc;
+  border-radius: 8px;
+  text-align: center;
+  transition: all 0.3s ease;
+}
+
+.upload-zone.dragging {
+  border-color: rgb(var(--v-theme-primary));
+  background-color: rgba(var(--v-theme-primary), 0.05);
+}
+
+.error-details {
+  margin-block: 1rem;
+  margin-inline: 0;
+}
+
+.error-details .v-expansion-panels {
+  background: transparent;
+}
+
+.border-success {
+  border-inline-start: 4px solid rgb(var(--v-theme-success));
+}
+
+.border-error {
+  border-inline-start: 4px solid rgb(var(--v-theme-error));
+}
+</style>

src/components/dialog/SiteResourceDialog.vue

@@ -130,7 +130,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
+  <VDialog scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
     <VCard>
       <!-- Toolbar -->
       <div>
@@ -281,7 +281,7 @@ onMounted(() => {
       @error="addDownloadError"
       @close="addDownloadDialog = false"
     />
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style lang="scss" scoped>

src/components/dialog/SiteStatisticsDialog.vue

@@ -205,7 +205,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <DialogWrapper max-width="50rem" :fullscreen="display.smAndDown.value" scrollable>
+  <VDialog max-width="50rem" :fullscreen="display.smAndDown.value" scrollable>
     <VCard>
       <!-- 标题栏 -->
       <VCardItem>
@@ -302,7 +302,7 @@ onMounted(() => {
     </VCard>
 
     <!-- 详情弹窗 -->
-    <DialogWrapper v-model="detailDialog" :max-width="display.mdAndUp.value ? 600 : '95%'" scrollable>
+    <VDialog v-model="detailDialog" :max-width="display.mdAndUp.value ? 600 : '95%'" scrollable>
       <VCard v-if="selectedSite">
         <VCardItem class="py-3">
           <template #prepend>
@@ -379,8 +379,8 @@ onMounted(() => {
           </div>
         </VCardText>
       </VCard>
-    </DialogWrapper>
-  </DialogWrapper>
+    </VDialog>
+  </VDialog>
 </template>
 
 <style scoped>

src/components/dialog/SiteUserDataDialog.vue

@@ -287,7 +287,7 @@ onBeforeMount(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable eager max-width="80rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable eager max-width="80rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem>
         <VCardTitle>
@@ -484,5 +484,5 @@ onBeforeMount(() => {
     </VCard>
     <!-- 进度框 -->
     <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="t('dialog.siteUserData.refreshing')" />
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/SmbConfigDialog.vue

@@ -50,7 +50,7 @@ async function saveSmbConfig() {
 </script>
 
 <template>
-  <DialogWrapper width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
@@ -127,5 +127,5 @@ async function saveSmbConfig() {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/SubscribeEditDialog.vue

@@ -284,7 +284,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem class="py-2">
         <VDialogCloseBtn @click="emit('close')" />
@@ -543,5 +543,5 @@ onMounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/SubscribeFilesDialog.vue

@@ -85,7 +85,7 @@ onBeforeMount(() => {
 })
 </script>
 <template>
-  <DialogWrapper scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem class="my-2">
         <VDialogCloseBtn @click="emit('close')" />
@@ -206,7 +206,7 @@ onBeforeMount(() => {
         </div>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style lang="scss" scoped>

src/components/dialog/SubscribeHistoryDialog.vue

@@ -146,7 +146,7 @@ function getMediaTypeText(type: string | undefined) {
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
     <VCard class="mx-auto" width="100%">
       <VCardItem>
         <VCardTitle>{{ t('dialog.subscribeHistory.title', { type: getMediaTypeText(props.type) }) }}</VCardTitle>
@@ -220,5 +220,5 @@ function getMediaTypeText(type: string | undefined) {
     </VCard>
     <!-- 进度框 -->
     <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/SubscribeShareDialog.vue

@@ -55,7 +55,7 @@ const $toast = useToast()
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem class="py-2">
         <template #prepend>
@@ -112,5 +112,5 @@ const $toast = useToast()
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/SubscribeShareStatisticsDialog.vue

@@ -118,7 +118,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem>
         <template #prepend>
@@ -331,7 +331,7 @@ onMounted(() => {
         </div>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style scoped>

src/components/dialog/TransferQueueDialog.vue

@@ -127,7 +127,7 @@ const progressSSE = useProgressSSE(
   `${import.meta.env.VITE_API_BASE_URL}system/progress/filetransfer`,
   handleProgressMessage,
   'transfer-queue-progress',
-  progressActive
+  progressActive,
 )
 
 // 使用SSE监听加载进度
@@ -154,7 +154,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
     <VCard class="mx-auto" width="100%">
       <VCardItem>
         <VCardTitle>{{ t('dialog.transferQueue.title') }}</VCardTitle>
@@ -166,6 +166,7 @@ onUnmounted(() => {
         :value="progressValue"
         color="primary"
         indeterminate
+        :height="2"
       />
       <VCardItem v-if="dataList.length > 0 && progressValue > 0" class="text-center pt-2">
         <span class="text-sm">{{ progressText }}</span>
@@ -202,5 +203,5 @@ onUnmounted(() => {
         </VWindow>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/U115AuthDialog.vue

@@ -115,7 +115,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <DialogWrapper width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
@@ -147,5 +147,5 @@ onUnmounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/UserAddEditDialog.vue

@@ -366,7 +366,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem :class="props.oper === 'add' ? 'py-3' : 'py-2'">
         <template #prepend>
@@ -619,5 +619,5 @@ onMounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/UserAuthDialog.vue

@@ -4,7 +4,6 @@ import api from '@/api'
 import { useToast } from 'vue-toastification'
 import { useI18n } from 'vue-i18n'
 
-
 // 多语言支持
 const { t } = useI18n()
 
@@ -134,7 +133,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <DialogWrapper width="40rem" scrollable>
+  <VDialog width="40rem" scrollable>
     <VCard>
       <VCardItem>
         <VCardTitle>
@@ -179,5 +178,5 @@ onMounted(async () => {
         </VBtn>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/WorkflowActionsDialog.vue

@@ -197,7 +197,7 @@ const isMacOS = computed(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
+  <VDialog scrollable fullscreen :scrim="false" transition="dialog-bottom-transition">
     <VCard class="workflow-dialog">
       <!-- Toolbar -->
       <VToolbar color="primary" density="comfortable">
@@ -256,7 +256,7 @@ const isMacOS = computed(() => {
       @close="importCodeDialog = false"
       @save="saveCodeString"
     />
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style lang="scss">

src/components/dialog/WorkflowAddEditDialog.vue

@@ -182,7 +182,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <DialogWrapper scrollable :close-on-back="false" eager max-width="30rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable :close-on-back="false" eager max-width="30rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem>
         <template #prepend>
@@ -269,5 +269,5 @@ onMounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/dialog/WorkflowShareDialog.vue

@@ -68,7 +68,7 @@ const $toast = useToast()
 </script>
 
 <template>
-  <DialogWrapper scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable max-width="30rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem class="py-2">
         <template #prepend>
@@ -132,5 +132,5 @@ const $toast = useToast()
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/components/filebrowser/FileList.vue

@@ -749,7 +749,7 @@ onMounted(() => {
       </VCardText>
     </VCard>
     <!-- 重命名弹窗 -->
-    <DialogWrapper v-if="renamePopper" v-model="renamePopper" max-width="35rem">
+    <VDialog v-if="renamePopper" v-model="renamePopper" max-width="35rem">
       <VCard>
         <VCardItem>
           <template #prepend>
@@ -783,7 +783,7 @@ onMounted(() => {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
     <!-- 文件整理弹窗 -->
     <ReorganizeDialog
       v-if="transferPopper"

src/components/filebrowser/FileToolbar.vue

@@ -166,7 +166,7 @@ const sortIcon = computed(() => {
       <VIcon icon="mdi-arrow-up-bold-outline" />
     </IconBtn>
     <!-- 新建文件夹 -->
-    <DialogWrapper v-model="newFolderPopper" max-width="35rem">
+    <VDialog v-model="newFolderPopper" max-width="35rem">
       <template #activator="{ props }">
         <IconBtn>
           <VIcon v-bind="props" icon="mdi-folder-plus-outline" />
@@ -191,6 +191,6 @@ const sortIcon = computed(() => {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </VToolbar>
 </template>

src/composables/useBackgroundOptimization.ts

@@ -22,22 +22,38 @@ export function useBackgroundOptimization() {
       backgroundCloseDelay?: number
       reconnectDelay?: number
       maxReconnectAttempts?: number
+      connectDelay?: number // 新增：连接延迟
     },
   ) => {
     const manager = sseManagerSingleton.getManager(url, options)
+    const isConnected = ref(false)
 
     onMounted(() => {
-      manager.addMessageListener(listenerId, messageHandler)
+      // 延迟建立连接，确保组件完全挂载
+      const connectDelay = options?.connectDelay || 100
+      setTimeout(() => {
+        try {
+          manager.addMessageListener(listenerId, event => {
+            messageHandler(event)
+            isConnected.value = true
+          })
+        } catch (error) {
+          console.error('SSE连接建立失败:', error)
+        }
+      }, connectDelay)
     })
 
     onUnmounted(() => {
       manager.removeMessageListener(listenerId)
+      isConnected.value = false
     })
 
     return {
       manager,
       readyState: () => manager.readyState,
       close: () => manager.removeMessageListener(listenerId),
+      isConnected,
+      forceReconnect: () => manager.forceReconnect(),
     }
   }
 

src/composables/useScrollLock.ts

@@ -1,383 +0,0 @@
-import { ref, watch, onBeforeUnmount, readonly } from 'vue'
-
-/**
- * 滚动锁定 Composable
- *
- * 使用示例：
- *
- * // 基本用法
- * const { isLocked, lockScroll, restoreScroll } = useScrollLock()
- *
- * // 带配置的用法
- * const { isLocked, lockScroll, restoreScroll } = useScrollLock({
- *   preventTouchScroll: true,
- *   preserveScrollPosition: true,
- *   allowScrollSelectors: ['.my-modal', '.scrollable-content'],
- *   allowScrollContainerSelectors: ['.modal-content'],
- *   customScrollCheck: (element) => {
- *     // 自定义逻辑
- *     return element.classList.contains('allow-scroll')
- *   }
- * })
- *
- * // 自动监听版本
- * const { isLocked, lockScroll, restoreScroll } = useScrollLockWithWatch(
- *   showModal, // 响应式布尔值
- *   {
- *     allowScrollSelectors: ['.modal-content'],
- *     allowScrollContainerSelectors: ['.scrollable-area']
- *   }
- * )
- */
-
-// 滚动锁定配置
-export interface ScrollLockOptions {
-  // 是否在组件卸载时自动恢复滚动
-  autoRestore?: boolean
-  // 是否保存和恢复滚动位置
-  preserveScrollPosition?: boolean
-  // 是否阻止触摸事件穿透
-  preventTouchScroll?: boolean
-  // 自定义锁定时的样式
-  lockStyles?: {
-    overflow?: string
-    position?: string
-    width?: string
-  }
-  // 允许滚动的选择器列表（CSS选择器）
-  // 例如：['.my-modal', '.scrollable-content']
-  allowScrollSelectors?: string[]
-  // 允许滚动的容器选择器列表（CSS选择器）
-  // 这些容器内的可滚动元素将被允许滚动
-  // 例如：['.modal-content', '.scroll-container']
-  allowScrollContainerSelectors?: string[]
-  // 自定义滚动检查函数
-  // 返回 true 表示允许滚动，false 表示阻止滚动
-  customScrollCheck?: (element: Element) => boolean
-}
-
-// 默认配置
-const DEFAULT_OPTIONS: Required<
-  Omit<ScrollLockOptions, 'allowScrollSelectors' | 'allowScrollContainerSelectors' | 'customScrollCheck'>
-> = {
-  autoRestore: true,
-  preserveScrollPosition: true,
-  preventTouchScroll: true,
-  lockStyles: {
-    overflow: 'hidden',
-    position: 'fixed',
-    width: '100%',
-  },
-}
-
-// 全局状态管理
-const globalLockCount = ref(0)
-const globalOriginalStyles = ref<{
-  body: { [key: string]: string }
-  documentElement: { [key: string]: string }
-  html: { [key: string]: string }
-} | null>(null)
-const globalSavedScrollPosition = ref(0)
-const globalTouchEventListeners = new Set<(event: TouchEvent) => void>()
-
-// 保存全局原始样式（只在第一次锁定时保存）
-const saveGlobalOriginalStyles = () => {
-  if (globalOriginalStyles.value === null) {
-    globalOriginalStyles.value = {
-      body: {
-        overflow: document.body.style.overflow,
-      },
-      documentElement: {
-        overflow: document.documentElement.style.overflow,
-      },
-      html: {
-        overflow: document.documentElement.style.overflow,
-      },
-    }
-  }
-}
-
-// 保存全局滚动位置（只在第一次锁定时保存）
-const saveGlobalScrollPosition = () => {
-  if (globalLockCount.value === 0) {
-    globalSavedScrollPosition.value =
-      window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
-  }
-}
-
-// 应用全局锁定样式
-const applyGlobalLockStyles = (config: any) => {
-  if (globalLockCount.value === 1) {
-    // 第一次锁定时应用样式
-    document.body.style.overflow = config.lockStyles.overflow || 'hidden'
-    document.documentElement.style.overflow = config.lockStyles.overflow || 'hidden'
-    document.documentElement.classList.add('v-overlay-scroll-blocked')
-  }
-}
-
-// 恢复全局样式（只在最后一个锁定时恢复）
-const restoreGlobalStyles = (config: any) => {
-  if (globalLockCount.value === 0 && globalOriginalStyles.value) {
-    // 最后一个锁定时恢复样式
-    document.body.style.overflow = globalOriginalStyles.value.body.overflow || ''
-    document.documentElement.style.overflow = globalOriginalStyles.value.documentElement.overflow || ''
-
-    // 移除 CSS 类名
-    document.documentElement.classList.remove('v-overlay-scroll-blocked')
-
-    // 重置全局状态
-    globalOriginalStyles.value = null
-    globalSavedScrollPosition.value = 0
-  }
-}
-
-// 添加全局触摸事件监听器
-const addGlobalTouchEventListener = (listener: (event: TouchEvent) => void) => {
-  globalTouchEventListeners.add(listener)
-  if (globalTouchEventListeners.size === 1) {
-    // 第一次添加监听器时绑定到document
-    document.addEventListener('touchmove', listener, { passive: false })
-  }
-}
-
-// 移除全局触摸事件监听器
-const removeGlobalTouchEventListener = (listener: (event: TouchEvent) => void) => {
-  globalTouchEventListeners.delete(listener)
-  if (globalTouchEventListeners.size === 0) {
-    // 最后一个监听器被移除时解绑
-    document.removeEventListener('touchmove', listener)
-  }
-}
-
-export function useScrollLock(options: ScrollLockOptions = {}) {
-  const config = {
-    ...DEFAULT_OPTIONS,
-    allowScrollSelectors: options.allowScrollSelectors || [],
-    allowScrollContainerSelectors: options.allowScrollContainerSelectors || [],
-    customScrollCheck: options.customScrollCheck,
-    ...options,
-  }
-
-  // 状态管理
-  const isLocked = ref(false)
-  const savedScrollPosition = ref(0)
-
-  // 保存当前滚动位置
-  const saveScrollPosition = () => {
-    if (config.preserveScrollPosition) {
-      savedScrollPosition.value =
-        window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
-    }
-  }
-
-  // 检查元素是否应该允许滚动
-  const shouldAllowScroll = (element: Element): boolean => {
-    // 1. 检查是否匹配允许滚动的选择器
-    for (const selector of config.allowScrollSelectors) {
-      if (element.matches(selector) || element.closest(selector)) {
-        return true
-      }
-    }
-
-    // 2. 检查是否在允许滚动的容器内
-    for (const selector of config.allowScrollContainerSelectors) {
-      const container = element.closest(selector)
-      if (container) {
-        // 检查容器是否可滚动
-        const style = getComputedStyle(container)
-        const isScrollable =
-          container.scrollHeight > container.clientHeight &&
-          style.overflow !== 'hidden' &&
-          (style.overflow === 'auto' ||
-            style.overflow === 'scroll' ||
-            style.overflowY === 'auto' ||
-            style.overflowY === 'scroll')
-        if (isScrollable) {
-          return true
-        }
-      }
-    }
-
-    // 3. 检查是否在弹窗、菜单或其他覆盖层内
-    const isInDialog = element.closest(
-      '.v-dialog, .v-menu, .v-bottom-sheet, .v-snackbar, [role="dialog"], .v-overlay__content',
-    )
-
-    // 4. 检查是否是可滚动的内容区域
-    const isScrollableContent = element.closest(
-      '.v-card-text, .v-list, .v-table__wrapper, .v-data-table__wrapper, .v-sheet, .v-card__content, .v-data-table, .v-table',
-    )
-
-    // 5. 检查是否在可滚动的容器内
-    const scrollableContainer = element.closest('[style*="overflow"], [class*="overflow"]')
-    const isInScrollableContainer =
-      scrollableContainer &&
-      (scrollableContainer.scrollHeight > scrollableContainer.clientHeight ||
-        getComputedStyle(scrollableContainer).overflow !== 'hidden')
-
-    // 6. 使用自定义检查函数
-    if (config.customScrollCheck && config.customScrollCheck(element)) {
-      return true
-    }
-
-    // 如果不在弹窗内且不是可滚动内容且不在可滚动容器内，则不允许滚动
-    return !!(isInDialog || isScrollableContent || isInScrollableContainer)
-  }
-
-  // 阻止触摸滚动事件
-  const preventTouchScroll = (event: TouchEvent) => {
-    if (isLocked.value && config.preventTouchScroll) {
-      // 检查触摸事件的目标元素
-      const target = event.target as Element
-      if (target) {
-        // 如果元素应该允许滚动，则不阻止事件
-        if (shouldAllowScroll(target)) {
-          return
-        }
-      }
-
-      // 否则阻止滚动
-      event.preventDefault()
-      event.stopPropagation()
-    }
-  }
-
-  // 锁定滚动
-  const lockScroll = () => {
-    if (isLocked.value) return
-
-    // 增加全局锁定计数
-    globalLockCount.value++
-
-    // 保存当前状态（只在第一次锁定时）
-    if (globalLockCount.value === 1) {
-      saveGlobalOriginalStyles()
-      saveGlobalScrollPosition()
-    }
-
-    // 应用锁定样式
-    applyGlobalLockStyles(config)
-
-    // 添加触摸事件监听器
-    if (config.preventTouchScroll) {
-      addGlobalTouchEventListener(preventTouchScroll)
-    }
-
-    isLocked.value = true
-  }
-
-  // 恢复滚动
-  const restoreScroll = () => {
-    if (!isLocked.value) return
-
-    // 减少全局锁定计数
-    globalLockCount.value--
-
-    // 移除触摸事件监听器
-    if (config.preventTouchScroll) {
-      removeGlobalTouchEventListener(preventTouchScroll)
-    }
-
-    // 恢复样式（只在最后一个锁定时）
-    restoreGlobalStyles(config)
-
-    isLocked.value = false
-  }
-
-  // 切换滚动锁定状态
-  const toggleScrollLock = (lock?: boolean) => {
-    const shouldLock = lock !== undefined ? lock : !isLocked.value
-
-    if (shouldLock) {
-      lockScroll()
-    } else {
-      restoreScroll()
-    }
-  }
-
-  // 监听响应式值的变化
-  const watchTarget = (target: any) => {
-    return watch(
-      target,
-      newValue => {
-        toggleScrollLock(!!newValue)
-      },
-      { immediate: false },
-    )
-  }
-
-  // 生命周期清理
-  onBeforeUnmount(() => {
-    if (config.autoRestore && isLocked.value) {
-      restoreScroll()
-    }
-  })
-
-  return {
-    // 状态
-    isLocked: readonly(isLocked),
-    savedScrollPosition: readonly(savedScrollPosition),
-
-    // 方法
-    lockScroll,
-    restoreScroll,
-    toggleScrollLock,
-    watchTarget,
-
-    // 工具方法
-    saveScrollPosition,
-  }
-}
-
-// 便捷的自动监听版本
-export function useScrollLockWithWatch(target: any, options: ScrollLockOptions = {}) {
-  const scrollLock = useScrollLock(options)
-
-  // 自动监听目标值的变化
-  const stopWatcher = scrollLock.watchTarget(target)
-
-  // 返回所有功能 + 停止监听的方法
-  return {
-    ...scrollLock,
-    stopWatcher,
-  }
-}
-
-// 全局弹窗检测和管理
-export function useGlobalDialogScrollLock() {
-  const activeDialogs = ref<Set<string>>(new Set())
-
-  const registerDialog = (dialogId: string) => {
-    activeDialogs.value.add(dialogId)
-    if (activeDialogs.value.size === 1) {
-      // 第一个弹窗时锁定滚动
-      lockGlobalScroll()
-    }
-  }
-
-  const unregisterDialog = (dialogId: string) => {
-    activeDialogs.value.delete(dialogId)
-    if (activeDialogs.value.size === 0) {
-      // 没有弹窗时恢复滚动
-      unlockGlobalScroll()
-    }
-  }
-
-  const lockGlobalScroll = () => {
-    document.body.style.overflow = 'hidden'
-    document.documentElement.classList.add('v-overlay-scroll-blocked')
-  }
-
-  const unlockGlobalScroll = () => {
-    document.body.style.overflow = ''
-    document.documentElement.classList.remove('v-overlay-scroll-blocked')
-  }
-
-  return {
-    activeDialogs: readonly(activeDialogs),
-    registerDialog,
-    unregisterDialog,
-    lockGlobalScroll,
-    unlockGlobalScroll,
-  }
-}

src/layouts/components/DefaultLayout.vue

@@ -18,7 +18,6 @@ import { useRoute } from 'vue-router'
 import { filterMenusByPermission } from '@/utils/permission'
 import { onUnreadMessage } from '@/utils/badge'
 import { usePullDownGesture } from '@/composables/usePullDownGesture'
-import { useScrollLockWithWatch } from '@/composables/useScrollLock'
 import { usePWA } from '@/composables/usePWA'
 import OfflinePage from '@/layouts/components/OfflinePage.vue'
 import { useGlobalOfflineStatus } from '@/composables/useOfflineStatus'
@@ -163,17 +162,6 @@ const handleServiceWorkerMessage = (event: MessageEvent) => {
   }
 }
 
-// 使用滚动锁定 composable（自动监听showPluginQuickAccess的变化）
-useScrollLockWithWatch(showPluginQuickAccess, {
-  preventTouchScroll: true,
-  preserveScrollPosition: true,
-  autoRestore: true,
-  // 允许快速访问面板内的滚动
-  allowScrollSelectors: ['.plugin-quick-access'],
-  // 允许快速访问面板内的可滚动容器
-  allowScrollContainerSelectors: ['.plugin-grid'],
-})
-
 // 检查是否可以使用下拉手势
 const canUsePullGesture = () => {
   // 检查是否在dashboard页面

src/layouts/components/ShortcutBar.vue

@@ -50,6 +50,9 @@ const sendButtonDisabled = ref(false)
 // 消息对话框引用
 const messageDialogRef = ref<any>(null)
 
+// 消息视图引用
+const messageViewRef = ref<any>(null)
+
 // 滚动容器引用
 const messageContentRef = ref<any>()
 
@@ -115,6 +118,12 @@ async function openMessageDialog() {
   setTimeout(() => {
     forceScrollToEnd()
   }, 600)
+  // 等待对话框打开后恢复SSE连接
+  nextTick(() => {
+    if (messageViewRef.value && typeof messageViewRef.value.resumeSSE === 'function') {
+      messageViewRef.value.resumeSSE()
+    }
+  })
 }
 
 // 智能滚动到底部（只有用户在底部附近时才滚动）
@@ -184,6 +193,14 @@ defineExpose({
   openMessageDialog: openMessageDialogFromExternal,
 })
 
+// 监听消息对话框状态变化
+watch(messageDialog, newValue => {
+  if (!newValue && messageViewRef.value && typeof messageViewRef.value.pauseSSE === 'function') {
+    // 对话框关闭时暂停SSE连接
+    messageViewRef.value.pauseSSE()
+  }
+})
+
 onMounted(() => {
   const shortcut = getQueryValue('shortcut')
   if (shortcut) {
@@ -248,7 +265,7 @@ onMounted(() => {
     </VCard>
   </VMenu>
   <!-- 名称测试弹窗 -->
-  <DialogWrapper
+  <VDialog
     v-if="nameTestDialog"
     v-model="nameTestDialog"
     max-width="45rem"
@@ -268,9 +285,9 @@ onMounted(() => {
         <NameTestView />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
   <!-- 网络测试弹窗 -->
-  <DialogWrapper
+  <VDialog
     v-if="netTestDialog"
     v-model="netTestDialog"
     max-width="35rem"
@@ -290,9 +307,9 @@ onMounted(() => {
         <NetTestView />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
   <!-- 实时日志弹窗 -->
-  <DialogWrapper
+  <VDialog
     v-if="loggingDialog"
     v-model="loggingDialog"
     scrollable
@@ -318,9 +335,9 @@ onMounted(() => {
         <LoggingView logfile="moviepilot.log" />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
   <!-- 过滤规则弹窗 -->
-  <DialogWrapper
+  <VDialog
     v-if="ruleTestDialog"
     v-model="ruleTestDialog"
     max-width="35rem"
@@ -340,9 +357,9 @@ onMounted(() => {
         <RuleTestView />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
   <!-- 系统健康检查弹窗 -->
-  <DialogWrapper
+  <VDialog
     v-if="systemTestDialog"
     v-model="systemTestDialog"
     max-width="35rem"
@@ -362,9 +379,9 @@ onMounted(() => {
         <ModuleTestView />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
   <!-- 消息中心弹窗 -->
-  <DialogWrapper
+  <VDialog
     v-if="messageDialog"
     v-model="messageDialog"
     max-width="50rem"
@@ -407,5 +424,5 @@ onMounted(() => {
         </div>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/layouts/components/UserProfile.vue

@@ -650,7 +650,7 @@ onUnmounted(() => {
   <!-- 用户认证对话框 -->
   <UserAuthDialog v-if="siteAuthDialog" v-model="siteAuthDialog" @done="siteAuthDone" @close="siteAuthDialog = false" />
   <!-- 自定义 CSS -->
-  <DialogWrapper v-if="cssDialog" v-model="cssDialog" max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+  <VDialog v-if="cssDialog" v-model="cssDialog" max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem>
         <VCardTitle>
@@ -671,10 +671,10 @@ onUnmounted(() => {
         </VBtn>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 
   <!-- 透明度调整对话框 -->
-  <DialogWrapper v-if="showTransparencyDialog" v-model="showTransparencyDialog" max-width="30rem">
+  <VDialog v-if="showTransparencyDialog" v-model="showTransparencyDialog" max-width="30rem">
     <VCard>
       <VCardItem>
         <VCardTitle>
@@ -763,7 +763,7 @@ onUnmounted(() => {
         </VBtn>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style lang="scss" scoped>

src/locales/en-US.ts

@@ -833,6 +833,23 @@ export default {
     notStarted: 'Not Started',
     pending: 'Pending',
     paused: 'Paused',
+    selectedCount: 'Selected {count}/{total} items',
+    noSelectedItems: 'Please select subscriptions to operate',
+    batchEnable: 'Batch Enable',
+    batchPause: 'Batch Pause',
+    batchDelete: 'Batch Delete',
+    batchEnableConfirm: 'Are you sure you want to enable {count} selected subscriptions?',
+    batchPauseConfirm: 'Are you sure you want to pause {count} selected subscriptions?',
+    batchDeleteConfirm: 'Are you sure you want to delete {count} selected subscriptions? This action cannot be undone!',
+    batchEnableSuccess: 'Successfully enabled {count} subscriptions',
+    batchPauseSuccess: 'Successfully paused {count} subscriptions',
+    batchDeleteSuccess: 'Successfully deleted {count} subscriptions',
+    batchEnableFailed: 'Failed to enable {count} subscriptions',
+    batchPauseFailed: 'Failed to pause {count} subscriptions',
+    batchDeleteFailed: 'Failed to delete {count} subscriptions',
+    batchEnableError: 'Batch enable operation failed',
+    batchPauseError: 'Batch pause operation failed',
+    batchDeleteError: 'Batch delete operation failed',
   },
   recommend: {
     all: 'All',
@@ -1007,6 +1024,7 @@ export default {
       limitSeconds: 'Access Interval (seconds)',
       useProxy: 'Use Proxy',
       browserSimulation: 'Browser Simulation',
+      selectFile: 'Select File',
     },
     hints: {
       url: 'Format: http://www.example.com/',
@@ -1024,19 +1042,48 @@ export default {
       limitSeconds: 'Minimum interval between each access',
       useProxy: 'Use proxy server to access this site',
       browserSimulation: 'Use browser simulation for authentic site access',
+      import: 'Batch import site data, supports JSON format files',
+      selectFile: 'Select JSON file',
+      dragDropFile: 'Drag and drop file here or click to select file',
+      supportedFormat: 'Supports JSON format site configuration files',
     },
     actions: {
       add: 'Add Site',
       edit: 'Edit Site',
+      import: 'Import',
+      export: 'Export',
+      startImport: 'Start Import',
     },
     messages: {
       addSuccess: 'Site added successfully',
       addFailed: 'Failed to add site',
       updateSuccess: 'Updated successfully',
       updateFailed: 'Update failed',
+      exportSuccess: 'Sites exported successfully',
+      exportFailed: 'Failed to export sites',
+      importSuccess: 'Successfully imported {count} sites',
+      importFailed: 'Failed to import sites',
+      importPartialFailed: 'Import completed, {success} successful, {failed} failed',
+      importAllFailed: 'Import failed, all {count} sites failed to import',
+      noDataToImport: 'No data to import',
+      noValidData: 'No valid data',
+      someInvalidData: 'Some data is invalid, valid data: {valid}/{total}',
+      invalidFileType: 'Unsupported file type, please select a JSON file',
+      invalidFileFormat: 'Invalid file format, please check file content',
+      parseFileError: 'Failed to parse file, please check file format',
+      previewData: 'Preview data ({count} sites)',
+      importing: 'Importing... ({progress}%)',
+      importErrors: 'Import encountered {count} errors',
     },
     errors: {
       loadDownloader: 'Failed to load downloader settings',
+      title: 'Import Error Details',
+      failed: 'Import Failed',
+      details: 'Error Details',
+    },
+    results: {
+      successTitle: 'Successfully Imported Sites',
+      success: 'Import Success',
     },
     testConnectivity: 'Test Connectivity',
     testing: 'Testing ...',
@@ -1068,6 +1115,13 @@ export default {
     accessTime: 'Access Time',
     responseTime: 'Response Time',
     noTimeRecords: 'No Time Records',
+    preview: {
+      title: 'Preview Sites',
+      showing: 'Showing {count}/{total}',
+      unnamed: 'Unnamed Site',
+      noUrl: 'No Site URL',
+      invalid: 'Invalid Data',
+    },
   },
   message: {
     loadMore: 'Load More',
@@ -1079,6 +1133,7 @@ export default {
     program: 'Program',
     content: 'Content',
     refreshing: 'Refreshing',
+    initializing: 'Initializing',
   },
   moduleTest: {
     normal: 'Normal',
@@ -1207,7 +1262,7 @@ export default {
       workflowStatisticShareHint: 'Share workflow statistics to popular workflows for other MP users to reference',
       bigMemoryMode: 'Large Memory Mode',
       bigMemoryModeHint: 'Use more memory to cache data and improve system performance',
-      dbWalEnable: 'WAL Mode',
+      dbWalEnable: 'Sqlite WAL Mode',
       dbWalEnableHint:
         'Can improve read/write concurrency performance, but may increase the risk of data loss in exceptional cases, requires restart to take effect',
       tmdbApiDomain: 'TMDB API Service Address',

src/locales/zh-CN.ts

@@ -829,6 +829,23 @@ export default {
     notStarted: '未开始',
     pending: '待定',
     paused: '暂停',
+    selectedCount: '已选择 {count}/{total} 项',
+    noSelectedItems: '请先选择要操作的订阅',
+    batchEnable: '批量启用',
+    batchPause: '批量暂停',
+    batchDelete: '批量删除',
+    batchEnableConfirm: '确定要启用选中的 {count} 个订阅吗？',
+    batchPauseConfirm: '确定要暂停选中的 {count} 个订阅吗？',
+    batchDeleteConfirm: '确定要删除选中的 {count} 个订阅吗？此操作不可恢复！',
+    batchEnableSuccess: '成功启用 {count} 个订阅',
+    batchPauseSuccess: '成功暂停 {count} 个订阅',
+    batchDeleteSuccess: '成功删除 {count} 个订阅',
+    batchEnableFailed: '启用失败 {count} 个订阅',
+    batchPauseFailed: '暂停失败 {count} 个订阅',
+    batchDeleteFailed: '删除失败 {count} 个订阅',
+    batchEnableError: '批量启用操作失败',
+    batchPauseError: '批量暂停操作失败',
+    batchDeleteError: '批量删除操作失败',
   },
   recommend: {
     all: '全部',
@@ -1003,6 +1020,7 @@ export default {
       limitSeconds: '访问间隔（秒）',
       useProxy: '使用代理访问',
       browserSimulation: '浏览器仿真',
+      selectFile: '选择文件',
     },
     hints: {
       url: '格式：http://www.example.com/',
@@ -1020,19 +1038,48 @@ export default {
       limitSeconds: '每次访问需要间隔的最小时间',
       useProxy: '使用代理服务器访问该站点',
       browserSimulation: '使用浏览器模拟真实访问该站点',
+      import: '批量导入站点数据，支持JSON格式文件',
+      selectFile: '选择JSON文件',
+      dragDropFile: '拖拽文件到此处或点击选择文件',
+      supportedFormat: '支持JSON格式的站点配置文件',
     },
     actions: {
       add: '新增站点',
       edit: '编辑站点',
+      import: '导入',
+      export: '导出',
+      startImport: '开始导入',
     },
     messages: {
       addSuccess: '新增站点成功',
       addFailed: '新增站点失败',
       updateSuccess: '更新成功',
       updateFailed: '更新失败',
+      exportSuccess: '站点导出成功',
+      exportFailed: '站点导出失败',
+      importSuccess: '成功导入 {count} 个站点',
+      importFailed: '站点导入失败',
+      importPartialFailed: '导入完成，成功 {success} 个，失败 {failed} 个',
+      importAllFailed: '导入失败，{count} 个站点全部导入失败',
+      noDataToImport: '没有数据可导入',
+      noValidData: '没有有效的数据',
+      someInvalidData: '部分数据无效，有效数据 {valid}/{total} 个',
+      invalidFileType: '不支持的文件类型，请选择JSON文件',
+      invalidFileFormat: '文件格式无效，请检查文件内容',
+      parseFileError: '文件解析失败，请检查文件格式',
+      previewData: '预览数据 ({count} 个站点)',
+      importing: '正在导入... ({progress}%)',
+      importErrors: '导入过程中出现 {count} 个错误',
     },
     errors: {
       loadDownloader: '加载下载器设置失败',
+      title: '导入错误详情',
+      failed: '导入失败',
+      details: '错误详情',
+    },
+    results: {
+      successTitle: '成功导入的站点',
+      success: '导入成功',
     },
     testConnectivity: '测试连通性',
     testing: '测试中 ...',
@@ -1064,6 +1111,13 @@ export default {
     accessTime: '访问时间',
     responseTime: '响应时间',
     noTimeRecords: '暂无耗时记录',
+    preview: {
+      title: '预览站点',
+      showing: '显示 {count}/{total}',
+      unnamed: '未命名站点',
+      noUrl: '无站点地址',
+      invalid: '数据无效',
+    },
   },
   message: {
     loadMore: '加载更多',
@@ -1075,6 +1129,7 @@ export default {
     program: '程序',
     content: '内容',
     refreshing: '正在刷新',
+    initializing: '正在初始化',
   },
   moduleTest: {
     normal: '正常',
@@ -1202,7 +1257,7 @@ export default {
       workflowStatisticShareHint: '分享工作流统计数据到热门工作流，供其他MPer参考',
       bigMemoryMode: '大内存模式',
       bigMemoryModeHint: '使用更大的内存缓存数据，提升系统性能',
-      dbWalEnable: 'WAL模式',
+      dbWalEnable: '数据库WAL模式',
       dbWalEnableHint: '可提升读写并发性能，但可能在异常情况下增加数据丢失风险，更改后需重启生效',
       tmdbApiDomain: 'TMDB API服务地址',
       tmdbApiDomainPlaceholder: 'api.themoviedb.org',

src/locales/zh-TW.ts

@@ -827,6 +827,23 @@ export default {
     notStarted: '未開始',
     pending: '待定',
     paused: '暫停',
+    selectedCount: '已選擇 {count}/{total} 項',
+    noSelectedItems: '請先選擇要操作的訂閱',
+    batchEnable: '批量啟用',
+    batchPause: '批量暫停',
+    batchDelete: '批量刪除',
+    batchEnableConfirm: '確定要啟用選中的 {count} 個訂閱嗎？',
+    batchPauseConfirm: '確定要暫停選中的 {count} 個訂閱嗎？',
+    batchDeleteConfirm: '確定要刪除選中的 {count} 個訂閱嗎？此操作不可恢復！',
+    batchEnableSuccess: '成功啟用 {count} 個訂閱',
+    batchPauseSuccess: '成功暫停 {count} 個訂閱',
+    batchDeleteSuccess: '成功刪除 {count} 個訂閱',
+    batchEnableFailed: '啟用失敗 {count} 個訂閱',
+    batchPauseFailed: '暫停失敗 {count} 個訂閱',
+    batchDeleteFailed: '刪除失敗 {count} 個訂閱',
+    batchEnableError: '批量啟用操作失敗',
+    batchPauseError: '批量暫停操作失敗',
+    batchDeleteError: '批量刪除操作失敗',
   },
   recommend: {
     all: '全部',
@@ -1002,6 +1019,7 @@ export default {
       limitSeconds: '訪問間隔（秒）',
       useProxy: '使用代理訪問',
       browserSimulation: '瀏覽器仿真',
+      selectFile: '選擇文件',
     },
     hints: {
       url: '格式：http://www.example.com/',
@@ -1019,19 +1037,48 @@ export default {
       limitSeconds: '每次訪問需要間隔的最小時間',
       useProxy: '使用代理服務器訪問該站點',
       browserSimulation: '使用瀏覽器模擬真實訪問該站點',
+      import: '批量導入站點數據，支持JSON格式文件',
+      selectFile: '選擇JSON文件',
+      dragDropFile: '拖拽文件到此處或點擊選擇文件',
+      supportedFormat: '支持JSON格式的站點配置文件',
     },
     actions: {
       add: '新增站點',
       edit: '編輯站點',
+      import: '導入',
+      export: '導出',
+      startImport: '開始導入',
     },
     messages: {
       addSuccess: '新增站點成功',
       addFailed: '新增站點失敗',
       updateSuccess: '更新成功',
       updateFailed: '更新失敗',
+      exportSuccess: '站點導出成功',
+      exportFailed: '站點導出失敗',
+      importSuccess: '成功導入 {count} 個站點',
+      importFailed: '站點導入失敗',
+      importPartialFailed: '導入完成，成功 {success} 個，失敗 {failed} 個',
+      importAllFailed: '導入失敗，{count} 個站點全部導入失敗',
+      noDataToImport: '沒有數據可導入',
+      noValidData: '沒有有效的數據',
+      someInvalidData: '部分數據無效，有效數據 {valid}/{total} 個',
+      invalidFileType: '不支持的文件類型，請選擇JSON文件',
+      invalidFileFormat: '文件格式無效，請檢查文件內容',
+      parseFileError: '文件解析失敗，請檢查文件格式',
+      previewData: '預覽數據 ({count} 個站點)',
+      importing: '正在導入... ({progress}%)',
+      importErrors: '導入過程中出現 {count} 個錯誤',
     },
     errors: {
       loadDownloader: '加載下載器設置失敗',
+      title: '導入錯誤詳情',
+      failed: '導入失敗',
+      details: '錯誤詳情',
+    },
+    results: {
+      successTitle: '成功導入的站點',
+      success: '導入成功',
     },
     testConnectivity: '測試連通性',
     testing: '測試中 ...',
@@ -1063,6 +1110,13 @@ export default {
     accessTime: '訪問時間',
     responseTime: '響應時間',
     noTimeRecords: '暫無耗時記錄',
+    preview: {
+      title: '預覽站點',
+      showing: '顯示 {count}/{total}',
+      unnamed: '未命名站點',
+      noUrl: '無站點地址',
+      invalid: '數據無效',
+    },
   },
   message: {
     loadMore: '加載更多',
@@ -1074,6 +1128,7 @@ export default {
     program: '程序',
     content: '內容',
     refreshing: '正在刷新',
+    initializing: '正在初始化',
   },
   moduleTest: {
     normal: '正常',
@@ -1201,7 +1256,7 @@ export default {
       workflowStatisticShareHint: '分享工作流統計數據到熱門工作流，供其他MPer參考',
       bigMemoryMode: '大內存模式',
       bigMemoryModeHint: '使用更大的內存緩存數據，提升系統性能',
-      dbWalEnable: 'WAL模式',
+      dbWalEnable: '數據庫WAL模式',
       dbWalEnableHint: '可提升讀寫併發性能，但可能在異常情況下增加數據丟失風險，更改後需重啟生效',
       tmdbApiDomain: 'TMDB API服務地址',
       tmdbApiDomainPlaceholder: 'api.themoviedb.org',

src/pages/dashboard.vue

@@ -389,7 +389,7 @@ onDeactivated(() => {
   </Teleport>
 
   <!-- 弹窗，根据配置生成选项 -->
-  <DialogWrapper v-if="dialog" v-model="dialog" max-width="35rem" :fullscreen="!display.mdAndUp.value" scrollable>
+  <VDialog v-if="dialog" v-model="dialog" max-width="35rem" :fullscreen="!display.mdAndUp.value" scrollable>
     <VCard>
       <VCardItem>
         <VCardTitle>
@@ -443,7 +443,7 @@ onDeactivated(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 <style lang="scss" scoped>
 .settings-card-header {

src/pages/discover.vue

@@ -216,7 +216,7 @@ onActivated(async () => {
       </VWindowItem>
     </VWindow>
     <!-- 弹窗，根据配置生成选项 -->
-    <DialogWrapper
+    <VDialog
       v-if="orderConfigDialog"
       v-model="orderConfigDialog"
       max-width="35rem"
@@ -265,7 +265,7 @@ onActivated(async () => {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
     <!-- 快速滚动到顶部按钮 -->
     <Teleport to="body" v-if="route.path === '/discover'">
       <VScrollToTopBtn />

src/pages/recommend.vue

@@ -269,13 +269,7 @@ onActivated(async () => {
     </div>
 
     <!-- 设置面板 -->
-    <DialogWrapper
-      v-model="dialog"
-      width="35rem"
-      class="settings-dialog"
-      scrollable
-      :fullscreen="!display.mdAndUp.value"
-    >
+    <VDialog v-model="dialog" width="35rem" class="settings-dialog" scrollable :fullscreen="!display.mdAndUp.value">
       <VCard class="settings-card">
         <VCardItem class="settings-card-header">
           <VCardTitle>
@@ -327,7 +321,7 @@ onActivated(async () => {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
 
     <!-- 快速滚动到顶部按钮 -->
     <Teleport to="body" v-if="route.path === '/recommend'">

src/pages/subscribe.vue

@@ -113,6 +113,18 @@ registerHeaderTab({
       },
       show: computed(() => activeTab.value === 'mysub'),
     },
+    {
+      icon: 'mdi-checkbox-multiple-marked-outline',
+      variant: 'text',
+      color: 'gray',
+      class: 'settings-icon-button',
+      action: () => {
+        // 触发批量管理模式
+        const event = new CustomEvent('toggle-batch-mode')
+        window.dispatchEvent(event)
+      },
+      show: computed(() => activeTab.value === 'mysub'),
+    },
     {
       icon: 'mdi-chart-line',
       variant: 'text',

src/service-worker.ts

@@ -6,7 +6,7 @@ declare let self: ServiceWorkerGlobalScope & {
 }
 
 // 缓存版本控制
-const CACHE_VERSION = 'v1.0.5'
+const CACHE_VERSION = 'v1.0.8'
 const CACHE_NAMES = {
   appShell: `app-shell-${CACHE_VERSION}`,
   static: `static-resources-${CACHE_VERSION}`,

src/styles/common.scss

@@ -3,12 +3,11 @@
 @tailwind components;
 @tailwind utilities;
 
-// 基础样式
-html.v-overlay-scroll-blocked {
-  position: fixed;
-  position: relative;
 
-  --v-body-scroll-y: 0px !important;
+@supports (-webkit-touch-callout: none) {
+  html.v-overlay-scroll-blocked {
+    position: inherit;
+  }
 }
 
 body {

src/utils/sseManager.ts

@@ -14,6 +14,8 @@ export class SSEManager {
     reconnectDelay: number
     maxReconnectAttempts: number
   }
+  private reconnectAttempts = 0
+  private isConnecting = false
 
   constructor(url: string, options: Partial<typeof SSEManager.prototype.options> = {}) {
     this.url = url
@@ -21,7 +23,7 @@ export class SSEManager {
       backgroundCloseDelay: 5000, // 5秒后关闭后台连接
       reconnectDelay: 3000, // 3秒后重连
       maxReconnectAttempts: 3,
-      ...options
+      ...options,
     }
 
     this.setupVisibilityListener()
@@ -44,15 +46,14 @@ export class SSEManager {
 
   private handleBackground() {
     this.isBackground = true
-    
+
     // 延迟关闭SSE连接，避免频繁切换
     if (this.backgroundCloseTimer) {
       clearTimeout(this.backgroundCloseTimer)
     }
-    
+
     this.backgroundCloseTimer = window.setTimeout(() => {
       if (this.isBackground && this.eventSource) {
-        console.log('SSE: 后台关闭连接')
         this.eventSource.close()
         this.eventSource = null
       }
@@ -61,51 +62,62 @@ export class SSEManager {
 
   private handleForeground() {
     this.isBackground = false
-    
+
     // 清除后台关闭定时器
     if (this.backgroundCloseTimer) {
       clearTimeout(this.backgroundCloseTimer)
       this.backgroundCloseTimer = null
     }
-    
-    // 立即重新建立连接
-    if (!this.eventSource || this.eventSource.readyState === EventSource.CLOSED) {
-      console.log('SSE: 前台恢复连接')
+
+    // 只有在有活跃监听器时才重新建立连接
+    if (this.listeners.size > 0 && (!this.eventSource || this.eventSource.readyState === EventSource.CLOSED)) {
       this.reconnectSSE()
     }
   }
 
   private reconnectSSE(attemptCount = 0) {
     if (attemptCount >= this.options.maxReconnectAttempts) {
-      console.warn('SSE: 达到最大重连次数')
       return
     }
 
+    if (this.isConnecting) {
+      return
+    }
+
+    // 如果没有活跃的监听器，不进行重连
+    if (this.listeners.size === 0) {
+      return
+    }
+
+    this.isConnecting = true
+    this.reconnectAttempts = attemptCount
+
     try {
       this.eventSource = new EventSource(this.url)
-      
+
       this.eventSource.onopen = () => {
-        console.log('SSE: 连接已建立')
+        this.isConnecting = false
+        this.reconnectAttempts = 0
       }
-      
-      this.eventSource.onerror = (error) => {
-        console.error('SSE: 连接错误', error)
-        
+
+      this.eventSource.onerror = error => {
+        this.isConnecting = false
+
         if (this.eventSource?.readyState === EventSource.CLOSED) {
           // 连接已关闭，尝试重连
           if (this.reconnectTimer) {
             clearTimeout(this.reconnectTimer)
           }
-          
+
           this.reconnectTimer = window.setTimeout(() => {
-            if (!this.isBackground) {
-              this.reconnectSSE(attemptCount + 1)
+            if (!this.isBackground && this.listeners.size > 0) {
+              this.reconnectSSE(this.reconnectAttempts + 1)
             }
           }, this.options.reconnectDelay)
         }
       }
-      
-      this.eventSource.onmessage = (event) => {
+
+      this.eventSource.onmessage = event => {
         // 分发消息给所有监听器
         this.listeners.forEach(listener => {
           try {
@@ -115,9 +127,19 @@ export class SSEManager {
           }
         })
       }
-      
     } catch (error) {
-      console.error('SSE: 创建连接失败', error)
+      this.isConnecting = false
+
+      // 连接创建失败，尝试重连
+      if (this.reconnectTimer) {
+        clearTimeout(this.reconnectTimer)
+      }
+
+      this.reconnectTimer = window.setTimeout(() => {
+        if (!this.isBackground && this.listeners.size > 0) {
+          this.reconnectSSE(this.reconnectAttempts + 1)
+        }
+      }, this.options.reconnectDelay)
     }
   }
 
@@ -126,9 +148,9 @@ export class SSEManager {
    */
   addMessageListener(id: string, listener: (event: MessageEvent) => void) {
     this.listeners.set(id, listener)
-    
-    // 如果还没有连接，现在建立连接
-    if (!this.eventSource && !this.isBackground) {
+
+    // 如果还没有连接且不在后台，现在建立连接
+    if (!this.eventSource && !this.isBackground && !this.isConnecting) {
       this.reconnectSSE()
     }
   }
@@ -138,7 +160,7 @@ export class SSEManager {
    */
   removeMessageListener(id: string) {
     this.listeners.delete(id)
-    
+
     // 如果没有监听器了，关闭连接
     if (this.listeners.size === 0) {
       this.close()
@@ -153,18 +175,20 @@ export class SSEManager {
       this.eventSource.close()
       this.eventSource = null
     }
-    
+
     if (this.reconnectTimer) {
       clearTimeout(this.reconnectTimer)
       this.reconnectTimer = null
     }
-    
+
     if (this.backgroundCloseTimer) {
       clearTimeout(this.backgroundCloseTimer)
       this.backgroundCloseTimer = null
     }
-    
+
     this.listeners.clear()
+    this.isConnecting = false
+    this.reconnectAttempts = 0
   }
 
   /**
@@ -180,6 +204,37 @@ export class SSEManager {
   get connectionUrl(): string {
     return this.url
   }
+
+  /**
+   * 强制重新连接
+   */
+  forceReconnect() {
+    this.close()
+    if (!this.isBackground && this.listeners.size > 0) {
+      this.reconnectSSE()
+    }
+  }
+
+  /**
+   * 检查是否有活跃的监听器
+   */
+  get hasActiveListeners(): boolean {
+    return this.listeners.size > 0
+  }
+
+  /**
+   * 获取当前重连次数
+   */
+  get currentReconnectAttempts(): number {
+    return this.reconnectAttempts
+  }
+
+  /**
+   * 检查是否达到最大重连次数
+   */
+  get hasReachedMaxAttempts(): boolean {
+    return this.reconnectAttempts >= this.options.maxReconnectAttempts
+  }
 }
 
 /**
@@ -218,4 +273,4 @@ class SSEManagerSingleton {
   }
 }
 
-export const sseManagerSingleton = new SSEManagerSingleton()
+export const sseManagerSingleton = new SSEManagerSingleton()

src/views/discover/MediaDetailView.vue

@@ -619,7 +619,7 @@ onBeforeMount(() => {
                 <VListItem @click="clickSearch('title')">
                   <VListItemTitle>{{ t('media.search.byTitle') }}</VListItemTitle>
                 </VListItem>
-                <VListItem @click="clickSearch('imdb')">
+                <VListItem @click="clickSearch('imdbid')">
                   <VListItemTitle>{{ t('media.search.byImdb') }}</VListItemTitle>
                 </VListItem>
               </VList>

src/views/plugin/PluginCardListView.vue

@@ -215,10 +215,7 @@ const defaultColor = '#2196F3'
 // 计算过滤表单是否全部为空
 const isFilterFormEmpty = computed(() => {
   return (
-    filterForm.name === '' &&
-    filterForm.author.length === 0 &&
-    filterForm.label.length === 0 &&
-    filterForm.repo.length === 0
+    !filterForm.name && filterForm.author.length === 0 && filterForm.label.length === 0 && filterForm.repo.length === 0
   )
 })
 
@@ -1552,7 +1549,7 @@ function onDragStartPlugin(evt: any) {
   />
 
   <!-- 插件搜索窗口 -->
-  <DialogWrapper
+  <VDialog
     v-if="SearchDialog"
     v-model="SearchDialog"
     scrollable
@@ -1611,20 +1608,20 @@ function onDragStartPlugin(evt: any) {
         </VVirtualScroll>
       </VList>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 
   <!-- 安装插件进度框 -->
-  <DialogWrapper v-if="progressDialog" v-model="progressDialog" :scrim="false" width="25rem">
+  <VDialog v-if="progressDialog" v-model="progressDialog" :scrim="false" width="25rem">
     <VCard color="primary">
       <VCardText class="text-center">
         {{ progressText }}
         <VProgressLinear indeterminate color="white" class="mb-0 mt-1" />
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 
   <!-- 新建文件夹对话框 -->
-  <DialogWrapper v-if="newFolderDialog" v-model="newFolderDialog" max-width="400">
+  <VDialog v-if="newFolderDialog" v-model="newFolderDialog" max-width="400">
     <VCard>
       <VDialogCloseBtn @click="newFolderDialog = false" />
       <VCardItem>
@@ -1646,5 +1643,5 @@ function onDragStartPlugin(evt: any) {
         }}</VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/views/setting/AccountSettingAbout.vue

@@ -338,7 +338,7 @@ onMounted(() => {
       </div>
     </div>
   </div>
-  <DialogWrapper v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
+  <VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
     <VCard>
       <VCardItem>
         <VDialogCloseBtn @click="releaseDialog = false" />
@@ -346,7 +346,7 @@ onMounted(() => {
       </VCardItem>
       <VCardText v-html="releaseDialogBody" />
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 
 <style type="scss" scoped>

src/views/setting/AccountSettingCache.vue

@@ -11,7 +11,6 @@ import { usePWA } from '@/composables/usePWA'
 // 国际化
 const { t } = useI18n()
 
-
 // PWA模式检测
 const { appMode } = usePWA()
 
@@ -423,7 +422,7 @@ onMounted(() => {
   </VCard>
 
   <!-- 重新识别对话框 -->
-  <DialogWrapper v-model="reidentifyDialog" scrollable max-width="35rem">
+  <VDialog v-model="reidentifyDialog" scrollable max-width="35rem">
     <VCard>
       <VCardItem class="py-2">
         <template #prepend>
@@ -469,5 +468,5 @@ onMounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/views/setting/AccountSettingNotification.vue

@@ -444,7 +444,7 @@ onMounted(() => {
     :indeterminate="true"
   />
   <!-- 模板编辑器对话框 -->
-  <DialogWrapper v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem class="py-2">
         <template #prepend>
@@ -472,7 +472,7 @@ onMounted(() => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>
 <style scoped>
 /* Monaco编辑器容器样式 */

src/views/setting/AccountSettingSystem.vue

@@ -22,6 +22,7 @@ const { t } = useI18n()
 const SystemSettings = ref<any>({
   // 基础设置
   Basic: {
+    DB_TYPE: 'sqlite',
     APP_DOMAIN: null,
     API_TOKEN: null,
     WALLPAPER: 'tmdb',
@@ -732,7 +733,7 @@ onDeactivated(() => {
   </VRow>
 
   <!-- 高级系统设置 -->
-  <DialogWrapper
+  <VDialog
     v-if="advancedDialog"
     v-model="advancedDialog"
     scrollable
@@ -818,7 +819,7 @@ onDeactivated(() => {
                     persistent-hint
                   />
                 </VCol>
-                <VCol cols="12" md="6">
+                <VCol v-if="SystemSettings.Basic.DB_TYPE === 'sqlite'" cols="12" md="6">
                   <VSwitch
                     v-model="SystemSettings.Advanced.DB_WAL_ENABLE"
                     :label="t('setting.system.dbWalEnable')"
@@ -1328,5 +1329,5 @@ onDeactivated(() => {
         </VForm>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 </template>

src/views/site/SiteCardListView.vue

@@ -6,14 +6,19 @@ import SiteCard from '@/components/cards/SiteCard.vue'
 import NoDataFound from '@/components/NoDataFound.vue'
 import SiteAddEditDialog from '@/components/dialog/SiteAddEditDialog.vue'
 import SiteStatisticsDialog from '@/components/dialog/SiteStatisticsDialog.vue'
+import SiteImportDialog from '@/components/dialog/SiteImportDialog.vue'
 import { useDisplay } from 'vuetify'
 import { useDynamicButton } from '@/composables/useDynamicButton'
 import { useI18n } from 'vue-i18n'
 import { usePWA } from '@/composables/usePWA'
+import { useToast } from 'vue-toastification'
 
 // 国际化
 const { t } = useI18n()
 
+// 提示框
+const $toast = useToast()
+
 // 路由
 const route = useRoute()
 
@@ -43,6 +48,9 @@ const siteAddDialog = ref(false)
 // 统计信息对话框
 const siteStatsDialog = ref(false)
 
+// 导入站点对话框
+const siteImportDialog = ref(false)
+
 // 筛选相关
 const filterMenu = ref(false)
 const filterOption = ref('all') // all, active, inactive, connected, slow, failed, unknown
@@ -212,6 +220,57 @@ function selectFilter(value: string) {
   filterMenu.value = false
 }
 
+// 导出站点数据
+async function exportSites() {
+  try {
+    // 获取所有站点数据
+    const sites: Site[] = await api.get('site/')
+
+    // 创建导出数据，只包含必要的字段
+    const exportData = sites.map((site: Site) => ({
+      name: site.name,
+      domain: site.domain,
+      url: site.url,
+      rss: site.rss,
+      downloader: site.downloader,
+      cookie: site.cookie,
+      apikey: site.apikey,
+      token: site.token,
+      ua: site.ua,
+      proxy: site.proxy,
+      filter: site.filter,
+      render: site.render,
+      public: site.public,
+      note: site.note,
+      timeout: site.timeout,
+      limit_interval: site.limit_interval,
+      limit_count: site.limit_count,
+      limit_seconds: site.limit_seconds,
+      is_active: site.is_active,
+      pri: site.pri,
+    }))
+
+    // 创建Blob对象
+    const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: 'application/json' })
+
+    // 创建下载链接
+    const url = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = `sites_export_${new Date().toISOString().split('T')[0]}.json`
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+    URL.revokeObjectURL(url)
+
+    // 显示成功提示
+    $toast.success(t('site.messages.exportSuccess'))
+  } catch (error) {
+    console.error('Export sites failed:', error)
+    $toast.error(t('site.messages.exportFailed'))
+  }
+}
+
 // 加载时获取数据
 onBeforeMount(() => {
   fetchData()
@@ -241,6 +300,20 @@ useDynamicButton({
       <VPageContentTitle :title="t('navItems.siteManager')" class="mb-0" />
       <!-- 右侧按钮组 -->
       <div class="d-flex align-center gap-2">
+        <!-- 导入按钮 -->
+        <VBtn :icon="display.smAndDown.value" variant="text" color="success" @click="siteImportDialog = true">
+          <VIcon icon="mdi-import" />
+          <span v-if="!display.smAndDown.value" class="ml-2">
+            {{ t('site.actions.import') }}
+          </span>
+        </VBtn>
+        <!-- 导出按钮 -->
+        <VBtn :icon="display.smAndDown.value" variant="text" color="warning" @click="exportSites">
+          <VIcon icon="mdi-export" />
+          <span v-if="!display.smAndDown.value" class="ml-2">
+            {{ t('site.actions.export') }}
+          </span>
+        </VBtn>
         <!-- 统计信息按钮 -->
         <VBtn :icon="display.smAndDown.value" variant="text" color="info" @click="siteStatsDialog = true">
           <VIcon icon="mdi-chart-line" />
@@ -343,4 +416,7 @@ useDynamicButton({
 
   <!-- 统计信息弹窗 -->
   <SiteStatisticsDialog v-if="siteStatsDialog" v-model="siteStatsDialog" :sites="siteList" />
+
+  <!-- 导入站点弹窗 -->
+  <SiteImportDialog v-if="siteImportDialog" v-model="siteImportDialog" @import-success="fetchData" />
 </template>

src/views/subscribe/SubscribeListView.vue

@@ -9,6 +9,8 @@ import { useUserStore } from '@/stores'
 import { useDynamicButton } from '@/composables/useDynamicButton'
 import { useI18n } from 'vue-i18n'
 import { usePWA } from '@/composables/usePWA'
+import { useToast } from 'vue-toastification'
+import { useConfirm } from '@/composables/useConfirm'
 
 // 国际化
 const { t } = useI18n()
@@ -22,6 +24,12 @@ const { appMode } = usePWA()
 // 用户 Store
 const userStore = useUserStore()
 
+// 提示框
+const $toast = useToast()
+
+// 确认框
+const createConfirm = useConfirm()
+
 // 从 Store 中获取用户信息
 const superUser = userStore.superUser
 const userName = userStore.userName
@@ -52,6 +60,10 @@ const orderConfig = ref<{ id: number }[]>([])
 // 显示的订阅列表
 const displayList = ref<Subscribe[]>([])
 
+// 批量管理相关状态
+const isBatchMode = ref(false)
+const selectedSubscribes = ref<number[]>([])
+
 // 根据订阅数据判断订阅状态
 function getSubscribeStatus(subscribe: Subscribe) {
   // 洗版中
@@ -173,6 +185,160 @@ function historyDone() {
   fetchData()
 }
 
+// 批量管理相关函数
+// 切换批量模式
+function toggleBatchMode() {
+  isBatchMode.value = !isBatchMode.value
+  if (!isBatchMode.value) {
+    selectedSubscribes.value = []
+  }
+}
+
+// 全选/取消全选
+function toggleSelectAll() {
+  if (selectedSubscribes.value.length === displayList.value.length) {
+    selectedSubscribes.value = []
+  } else {
+    selectedSubscribes.value = displayList.value.map(item => item.id)
+  }
+}
+
+// 选择单个订阅
+function toggleSelectSubscribe(id: number) {
+  const index = selectedSubscribes.value.indexOf(id)
+  if (index > -1) {
+    selectedSubscribes.value.splice(index, 1)
+  } else {
+    selectedSubscribes.value.push(id)
+  }
+}
+
+// 批量删除订阅
+async function batchDeleteSubscribes() {
+  if (selectedSubscribes.value.length === 0) {
+    $toast.warning(t('subscribe.noSelectedItems'))
+    return
+  }
+
+  const isConfirmed = await createConfirm({
+    title: t('common.confirm'),
+    content: t('subscribe.batchDeleteConfirm', { count: selectedSubscribes.value.length }),
+  })
+
+  if (!isConfirmed) return
+
+  try {
+    loading.value = true
+    const promises = selectedSubscribes.value.map(id => api.delete(`subscribe/${id}`))
+    const results = await Promise.allSettled(promises)
+
+    const successCount = results.filter(result => result.status === 'fulfilled').length
+    const failedCount = results.length - successCount
+
+    if (successCount > 0) {
+      $toast.success(t('subscribe.batchDeleteSuccess', { count: successCount }))
+    }
+    if (failedCount > 0) {
+      $toast.error(t('subscribe.batchDeleteFailed', { count: failedCount }))
+    }
+
+    // 刷新数据
+    await fetchData()
+    // 退出批量模式
+    isBatchMode.value = false
+    selectedSubscribes.value = []
+  } catch (error) {
+    console.error(error)
+    $toast.error(t('subscribe.batchDeleteError'))
+  } finally {
+    loading.value = false
+  }
+}
+
+// 批量启用订阅
+async function batchEnableSubscribes() {
+  if (selectedSubscribes.value.length === 0) {
+    $toast.warning(t('subscribe.noSelectedItems'))
+    return
+  }
+
+  const isConfirmed = await createConfirm({
+    title: t('common.confirm'),
+    content: t('subscribe.batchEnableConfirm', { count: selectedSubscribes.value.length }),
+  })
+
+  if (!isConfirmed) return
+
+  try {
+    loading.value = true
+    const promises = selectedSubscribes.value.map(id => api.put(`subscribe/status/${id}?state=R`))
+    const results = await Promise.allSettled(promises)
+
+    const successCount = results.filter(result => result.status === 'fulfilled').length
+    const failedCount = results.length - successCount
+
+    if (successCount > 0) {
+      $toast.success(t('subscribe.batchEnableSuccess', { count: successCount }))
+    }
+    if (failedCount > 0) {
+      $toast.error(t('subscribe.batchEnableFailed', { count: failedCount }))
+    }
+
+    // 刷新数据
+    await fetchData()
+    // 退出批量模式
+    isBatchMode.value = false
+    selectedSubscribes.value = []
+  } catch (error) {
+    console.error(error)
+    $toast.error(t('subscribe.batchEnableError'))
+  } finally {
+    loading.value = false
+  }
+}
+
+// 批量暂停订阅
+async function batchPauseSubscribes() {
+  if (selectedSubscribes.value.length === 0) {
+    $toast.warning(t('subscribe.noSelectedItems'))
+    return
+  }
+
+  const isConfirmed = await createConfirm({
+    title: t('common.confirm'),
+    content: t('subscribe.batchPauseConfirm', { count: selectedSubscribes.value.length }),
+  })
+
+  if (!isConfirmed) return
+
+  try {
+    loading.value = true
+    const promises = selectedSubscribes.value.map(id => api.put(`subscribe/status/${id}?state=S`))
+    const results = await Promise.allSettled(promises)
+
+    const successCount = results.filter(result => result.status === 'fulfilled').length
+    const failedCount = results.length - successCount
+
+    if (successCount > 0) {
+      $toast.success(t('subscribe.batchPauseSuccess', { count: successCount }))
+    }
+    if (failedCount > 0) {
+      $toast.error(t('subscribe.batchPauseFailed', { count: failedCount }))
+    }
+
+    // 刷新数据
+    await fetchData()
+    // 退出批量模式
+    isBatchMode.value = false
+    selectedSubscribes.value = []
+  } catch (error) {
+    console.error(error)
+    $toast.error(t('subscribe.batchPauseError'))
+  } finally {
+    loading.value = false
+  }
+}
+
 // 错误描述
 const errorDescription = computed(() => {
   if ((props.statusFilter && props.statusFilter !== 'all') || props.keyword) {
@@ -199,6 +365,14 @@ onMounted(async () => {
       sub.page_open = true
     }
   }
+
+  // 监听批量管理模式切换事件
+  window.addEventListener('toggle-batch-mode', toggleBatchMode)
+})
+
+onUnmounted(() => {
+  // 移除事件监听器
+  window.removeEventListener('toggle-batch-mode', toggleBatchMode)
 })
 
 onActivated(async () => {
@@ -218,6 +392,63 @@ useDynamicButton({
 
 <template>
   <LoadingBanner v-if="!isRefreshed" class="mt-12" />
+
+  <!-- 批量管理工具栏 -->
+  <div v-if="isBatchMode" class="mb-4 px-2">
+    <VCard class="pa-4">
+      <div class="d-flex align-center justify-space-between">
+        <div class="d-flex align-center">
+          <VCheckbox
+            :model-value="selectedSubscribes.length === displayList.length"
+            :indeterminate="selectedSubscribes.length > 0 && selectedSubscribes.length < displayList.length"
+            @update:model-value="toggleSelectAll"
+            hide-details
+            class="me-4"
+          />
+          <span class="text-body-1 font-weight-medium">
+            {{ t('subscribe.selectedCount', { count: selectedSubscribes.length, total: displayList.length }) }}
+          </span>
+        </div>
+        <div class="d-flex gap-2">
+          <VBtn
+            color="success"
+            variant="outlined"
+            size="small"
+            :disabled="selectedSubscribes.length === 0"
+            @click="batchEnableSubscribes"
+          >
+            <VIcon icon="mdi-play" class="me-sm-1" />
+            <span class="d-none d-sm-inline">{{ t('subscribe.batchEnable') }}</span>
+          </VBtn>
+          <VBtn
+            color="info"
+            variant="outlined"
+            size="small"
+            :disabled="selectedSubscribes.length === 0"
+            @click="batchPauseSubscribes"
+          >
+            <VIcon icon="mdi-pause" class="me-sm-1" />
+            <span class="d-none d-sm-inline">{{ t('subscribe.batchPause') }}</span>
+          </VBtn>
+          <VBtn
+            color="error"
+            variant="outlined"
+            size="small"
+            :disabled="selectedSubscribes.length === 0"
+            @click="batchDeleteSubscribes"
+          >
+            <VIcon icon="mdi-delete" class="me-sm-1" />
+            <span class="d-none d-sm-inline">{{ t('subscribe.batchDelete') }}</span>
+          </VBtn>
+          <VBtn color="secondary" variant="outlined" size="small" @click="toggleBatchMode">
+            <VIcon icon="mdi-close" class="me-sm-1" />
+            <span class="d-none d-sm-inline">{{ t('common.cancel') }}</span>
+          </VBtn>
+        </div>
+      </div>
+    </VCard>
+  </div>
+
   <draggable
     v-if="displayList.length > 0"
     v-model="displayList"
@@ -226,10 +457,18 @@ useDynamicButton({
     item-key="id"
     tag="div"
     :component-data="{ class: 'grid gap-4 grid-subscribe-card px-2' }"
-    :disabled="props.keyword || (props.statusFilter && props.statusFilter !== 'all')"
+    :disabled="props.keyword || (props.statusFilter && props.statusFilter !== 'all') || isBatchMode"
   >
     <template #item="{ element }">
-      <SubscribeCard :key="element.id" :media="element" @remove="fetchData" @save="fetchData" />
+      <SubscribeCard
+        :key="element.id"
+        :media="element"
+        :batch-mode="isBatchMode"
+        :selected="selectedSubscribes.includes(element.id)"
+        @remove="fetchData"
+        @save="fetchData"
+        @select="toggleSelectSubscribe(element.id)"
+      />
     </template>
   </draggable>
   <NoDataFound

src/views/system/LoggingView.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useI18n } from 'vue-i18n'
 import { isToday } from '@/@core/utils/index'
-import dayjs from 'dayjs';
+import dayjs from 'dayjs'
 import { useBackgroundOptimization } from '@/composables/useBackgroundOptimization'
 
 // 定义输入变量
@@ -16,6 +16,9 @@ const { useSSE } = useBackgroundOptimization()
 // 已解析的日志列表
 const parsedLogs = ref<{ level: string; date: string; time: string; program: string; content: string }[]>([])
 
+// 组件是否已挂载
+const isMounted = ref(false)
+
 // 表头
 const headers = [
   { title: t('logging.level'), value: 'level' },
@@ -72,23 +75,40 @@ function handleSSEMessage(event: MessageEvent) {
   }
 }
 
-// 使用优化的SSE连接
-useSSE(
-  `${import.meta.env.VITE_API_BASE_URL}system/logging?logfile=${
-    encodeURIComponent(props.logfile) ?? 'moviepilot.log'
-  }`,
+// 使用优化的SSE连接，添加延迟确保弹窗完全打开
+const { manager, isConnected } = useSSE(
+  `${import.meta.env.VITE_API_BASE_URL}system/logging?logfile=${encodeURIComponent(props.logfile) ?? 'moviepilot.log'}`,
   handleSSEMessage,
   `logging-${props.logfile}`,
   {
     backgroundCloseDelay: 5000,
     reconnectDelay: 3000,
-    maxReconnectAttempts: 3
-  }
+    maxReconnectAttempts: 3,
+    connectDelay: 300, // 延迟300ms建立连接，确保弹窗完全打开
+  },
 )
+
+// 监听弹窗状态变化，确保弹窗完全打开后再建立连接
+onMounted(() => {
+  // 延迟标记组件已挂载，确保弹窗完全渲染
+  setTimeout(() => {
+    isMounted.value = true
+  }, 200)
+})
+
+// 监听连接状态变化
+watch(isConnected, connected => {})
+
+// 监听日志数据变化
+watch(parsedLogs, logs => {}, { deep: true })
 </script>
 
 <template>
-  <LoadingBanner v-if="parsedLogs.length === 0" class="mt-12" :text="t('logging.refreshing') + ' ...'" />
+  <LoadingBanner
+    v-if="!isMounted || !isConnected || parsedLogs.length === 0"
+    class="mt-12"
+    :text="!isMounted ? t('logging.initializing') + ' ...' : t('logging.refreshing') + ' ...'"
+  />
   <div v-else>
     <VTable class="table-rounded" hide-default-footer disable-sort>
       <tbody>
@@ -104,8 +124,14 @@ useSSE(
             <VChip size="small" :color="getLogColor(item.level)" variant="elevated" v-text="item.level" />
           </template>
           <template #item.time="{ item }">
-            <span class="text-sm">{{ isToday(dayjs(item.date).toDate()) ? item.time : `${item.date}
-              ${item.time}` }}</span>
+            <span class="text-sm">
+              {{
+                isToday(dayjs(item.date).toDate())
+                  ? item.time
+                  : `${item.date}
+              ${item.time}`
+              }}
+            </span>
           </template>
           <template #item.program="{ item }">
             <h6 class="text-sm font-weight-medium">{{ item.program }}</h6>

src/views/system/MessageView.vue

@@ -45,11 +45,16 @@ function handleSSEMessage(event: MessageEvent) {
 }
 
 // 使用优化的SSE连接
-useSSE(`${import.meta.env.VITE_API_BASE_URL}system/message?role=user`, handleSSEMessage, 'message-view', {
-  backgroundCloseDelay: 5000,
-  reconnectDelay: 3000,
-  maxReconnectAttempts: 3,
-})
+const { manager, isConnected } = useSSE(
+  `${import.meta.env.VITE_API_BASE_URL}system/message?role=user`,
+  handleSSEMessage,
+  'message-view',
+  {
+    backgroundCloseDelay: 5000,
+    reconnectDelay: 3000,
+    maxReconnectAttempts: 3,
+  },
+)
 
 // 调用API加载存量消息
 async function loadMessages({ done }: { done: any }) {
@@ -145,6 +150,26 @@ function handleImageLoad() {
   emit('scroll')
 }
 
+// 暂停SSE连接
+function pauseSSE() {
+  if (manager) {
+    manager.removeMessageListener('message-view')
+  }
+}
+
+// 恢复SSE连接
+function resumeSSE() {
+  if (manager) {
+    manager.addMessageListener('message-view', handleSSEMessage)
+  }
+}
+
+// 暴露方法给父组件
+defineExpose({
+  pauseSSE,
+  resumeSSE,
+})
+
 onMounted(() => {
   // 组件挂载后触发一次滚动事件
   nextTick(() => {

src/views/torrent/TorrentCardListView.vue

@@ -617,7 +617,7 @@ const handleSortIconClick = () => {
   </VCard>
 
   <!-- 全部筛选弹窗 -->
-  <DialogWrapper
+  <VDialog
     v-model="allFilterMenuOpen"
     max-width="50rem"
     location="center"
@@ -690,10 +690,10 @@ const handleSortIconClick = () => {
         </div>
       </VCardText>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 
   <!-- 筛选弹窗 -->
-  <DialogWrapper v-model="filterMenuOpen" max-width="25rem" location="center" max-height="85vh" scrollable>
+  <VDialog v-model="filterMenuOpen" max-width="25rem" location="center" max-height="85vh" scrollable>
     <VCard>
       <VCardTitle class="py-3 d-flex align-center">
         <VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
@@ -735,7 +735,7 @@ const handleSortIconClick = () => {
         </VBtn>
       </VCardActions>
     </VCard>
-  </DialogWrapper>
+  </VDialog>
 
   <!-- 资源列表 -->
   <VInfiniteScroll mode="intersect" side="end" :items="displayDataList" class="overflow-visible" @load="loadMore">

src/views/torrent/TorrentRowListView.vue

@@ -597,7 +597,7 @@ onMounted(() => {
     </VCard>
 
     <!-- 全部筛选弹窗 -->
-    <DialogWrapper
+    <VDialog
       v-model="allFilterMenuOpen"
       max-width="50rem"
       location="center"
@@ -670,10 +670,10 @@ onMounted(() => {
           </div>
         </VCardText>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
 
     <!-- 筛选弹窗 -->
-    <DialogWrapper v-model="filterMenuOpen" max-width="25rem" max-height="85vh" location="center" scrollable>
+    <VDialog v-model="filterMenuOpen" max-width="25rem" max-height="85vh" location="center" scrollable>
       <VCard>
         <VCardTitle class="py-3 d-flex align-center">
           <VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
@@ -715,7 +715,7 @@ onMounted(() => {
           </VBtn>
         </VCardActions>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
 
     <!-- 资源列表容器 -->
     <VCard class="resource-list-container">

src/views/user/UserProfileView.vue

@@ -454,7 +454,7 @@ watch(
     </VRow>
 
     <!-- 双重验证弹窗 -->
-    <DialogWrapper v-if="otpDialog" v-model="otpDialog" max-width="45rem" scrollable>
+    <VDialog v-if="otpDialog" v-model="otpDialog" max-width="45rem" scrollable>
       <!-- 开启双重验证弹窗内容 -->
       <VCard>
         <VDialogCloseBtn @click="otpDialog = false" />
@@ -492,6 +492,6 @@ watch(
           </VForm>
         </VCardText>
       </VCard>
-    </DialogWrapper>
+    </VDialog>
   </div>
 </template>

yarn.lock

@@ -861,24 +861,24 @@
   integrity sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==
 
 "@emnapi/core@^1.4.3":
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.4.4.tgz#76620673f3033626c6d79b1420d69f06a6bb153c"
-  integrity sha512-A9CnAbC6ARNMKcIcrQwq6HeHCjpcBZ5wSx4U01WXCqEKlrzB9F9315WDNHkrs2xbx7YjjSxbUYxuN6EQzpcY2g==
+  version "1.4.5"
+  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.4.5.tgz#bfbb0cbbbb9f96ec4e2c4fd917b7bbe5495ceccb"
+  integrity sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q==
   dependencies:
-    "@emnapi/wasi-threads" "1.0.3"
+    "@emnapi/wasi-threads" "1.0.4"
     tslib "^2.4.0"
 
 "@emnapi/runtime@^1.2.0", "@emnapi/runtime@^1.4.3":
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.4.4.tgz#19a8f00719c51124e2d0fbf4aaad3fa7b0c92524"
-  integrity sha512-hHyapA4A3gPaDCNfiqyZUStTMqIkKRshqPIuDOXv1hcBnD4U3l8cP0T1HMCfGRxQ6V64TGCcoswChANyOAwbQg==
+  version "1.4.5"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.4.5.tgz#c67710d0661070f38418b6474584f159de38aba9"
+  integrity sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg==
   dependencies:
     tslib "^2.4.0"
 
-"@emnapi/wasi-threads@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@emnapi/wasi-threads/-/wasi-threads-1.0.3.tgz#83fa228bde0e71668aad6db1af4937473d1d3ab1"
-  integrity sha512-8K5IFFsQqF9wQNJptGbS6FNKgUTsSRYnTqNCG1vPP8jFdjSv18n2mQfJpkt2Oibo9iBEzcDnDxNwKTzC7svlJw==
+"@emnapi/wasi-threads@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@emnapi/wasi-threads/-/wasi-threads-1.0.4.tgz#703fc094d969e273b1b71c292523b2f792862bf4"
+  integrity sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g==
   dependencies:
     tslib "^2.4.0"
 
@@ -1246,7 +1246,7 @@
 
 "@img/sharp-libvips-linuxmusl-x64@1.0.4":
   version "1.0.4"
-  resolved "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz#93794e4d7720b077fcad3e02982f2f1c246751ff"
   integrity sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==
 
 "@img/sharp-linux-arm64@0.33.5":
@@ -1286,7 +1286,7 @@
 
 "@img/sharp-linuxmusl-x64@0.33.5":
   version "0.33.5"
-  resolved "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz#3f4609ac5d8ef8ec7dadee80b560961a60fd4f48"
   integrity sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==
   optionalDependencies:
     "@img/sharp-libvips-linuxmusl-x64" "1.0.4"
@@ -1454,13 +1454,13 @@
   integrity sha512-+//cqVWKis//t0YH62EDtwaFSPG/CDtYNg4CZmzNmG2d5W17Iu3fuDAdpQXCDHUDrrU9q0veze4A7tPZXlR/mg==
 
 "@napi-rs/wasm-runtime@^0.2.9":
-  version "0.2.11"
-  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.11.tgz#192c1610e1625048089ab4e35bc0649ce478500e"
-  integrity sha512-9DPkXtvHydrcOsopiYpUgPHpmj0HWZKMUnL2dZqpvC42lsratuBG06V5ipyno0fUek5VlFsNQ+AcFATSrJXgMA==
+  version "0.2.12"
+  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz#3e78a8b96e6c33a6c517e1894efbd5385a7cb6f2"
+  integrity sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==
   dependencies:
     "@emnapi/core" "^1.4.3"
     "@emnapi/runtime" "^1.4.3"
-    "@tybys/wasm-util" "^0.9.0"
+    "@tybys/wasm-util" "^0.10.0"
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -1571,7 +1571,7 @@
 
 "@parcel/watcher-linux-x64-musl@2.5.1":
   version "2.5.1"
-  resolved "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz#277b346b05db54f55657301dd77bdf99d63606ee"
   integrity sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==
 
 "@parcel/watcher-win32-arm64@2.5.1":
@@ -1759,7 +1759,7 @@
 
 "@rollup/rollup-linux-x64-musl@4.40.1":
   version "4.40.1"
-  resolved "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.1.tgz"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.1.tgz#c76fd593323c60ea219439a00da6c6d33ffd0ea6"
   integrity sha512-2BRORitq5rQ4Da9blVovzNCMaUlyKrzMSvkVR0D4qPuOy/+pMCrh1d7o01RATwVy+6Fa1WBw+da7QPeLWU/1mQ==
 
 "@rollup/rollup-win32-arm64-msvc@4.40.1":
@@ -1856,7 +1856,7 @@
 
 "@swc/core-linux-x64-musl@1.12.9":
   version "1.12.9"
-  resolved "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.12.9.tgz"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.12.9.tgz#54bffa601a6b84b0de9116bdaaabd6ae6fa61ee8"
   integrity sha512-9FB0wM+6idCGTI20YsBNBg9xSWtkDBymnpaTCsZM3qDc0l4uOpJMqbfWhQvp17x7r/ulZfb2QY8RDvQmCL6AcQ==
 
 "@swc/core-win32-arm64-msvc@1.12.9":
@@ -1920,10 +1920,10 @@
   resolved "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
-"@tybys/wasm-util@^0.9.0":
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.9.0.tgz#3e75eb00604c8d6db470bf18c37b7d984a0e3355"
-  integrity sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==
+"@tybys/wasm-util@^0.10.0":
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.10.0.tgz#2fd3cd754b94b378734ce17058d0507c45c88369"
+  integrity sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==
   dependencies:
     tslib "^2.4.0"
 
@@ -2193,7 +2193,7 @@
 
 "@unrs/resolver-binding-linux-x64-musl@1.7.2":
   version "1.7.2"
-  resolved "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.7.2.tgz"
+  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.7.2.tgz#684e576557d20deb4ac8ea056dcbe79739ca2870"
   integrity sha512-RvP+Ux3wDjmnZDT4XWFfNBRVG0fMsc+yVzNFUqOflnDfZ9OYujv6nkh+GOr+watwrW4wdp6ASfG/e7bkDradsw==
 
 "@unrs/resolver-binding-wasm32-wasi@1.7.2":