From 4207a707162eea746b769d8154adeb10942d28af Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 11 May 2026 18:09:29 +0800
Subject: [PATCH] feat: add support for ZSpace media server integration
 including UI configuration and logo assets

---
 src/api/constants.ts                        |   4 +
 src/api/types.ts                            |   2 +-
 src/assets/images/logos/zspace.webp         | Bin 0 -> 7358 bytes
 src/components/cards/LibraryCard.vue        |   1 +
 src/components/cards/MediaServerCard.vue    |  73 +++++++++++++++
 src/composables/useSetupWizard.ts           |  10 ++
 src/locales/en-US.ts                        |   7 +-
 src/locales/zh-CN.ts                        |   7 +-
 src/locales/zh-TW.ts                        |   7 +-
 src/utils/appDeepLink.ts                    |  18 +++-
 src/utils/imageUtils.ts                     |   2 +
 src/views/setup/MediaServerSettingsStep.vue |  96 ++++++++++++++++++++
 12 files changed, 217 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/images/logos/zspace.webp

diff --git a/src/api/constants.ts b/src/api/constants.ts
index 83a31079..86322c4e 100644
--- a/src/api/constants.ts
+++ b/src/api/constants.ts
@@ -68,6 +68,10 @@ export const mediaServerOptions = [
     value: 'emby',
     title: i18n.global.t('setting.system.emby'),
   },
+  {
+    value: 'zspace',
+    title: i18n.global.t('setting.system.zspace'),
+  },
   {
     value: 'jellyfin',
     title: i18n.global.t('setting.system.jellyfin'),
diff --git a/src/api/types.ts b/src/api/types.ts
index ca0918fe..639f59c1 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -1145,7 +1145,7 @@ export interface StorageConf {
 export interface MediaServerConf {
   // 名称
   name: string
-  // 类型 emby/jellyfin/plex/trimemedia/ugreen
+  // 类型 emby/zspace/jellyfin/plex/trimemedia/ugreen
   type: string
   // 配置
   config: { [key: string]: any }
diff --git a/src/assets/images/logos/zspace.webp b/src/assets/images/logos/zspace.webp
new file mode 100644
index 0000000000000000000000000000000000000000..94ae4b87717cf78f1dbf0a3b86f2382477c5f4c8
GIT binary patch
literal 7358
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

literal 0
HcmV?d00001

diff --git a/src/components/cards/LibraryCard.vue b/src/components/cards/LibraryCard.vue
index a2c19af0..23cc7f84 100644
--- a/src/components/cards/LibraryCard.vue
+++ b/src/components/cards/LibraryCard.vue
@@ -40,6 +40,7 @@ function imageErrorHandler() {
 function getDefaultImage() {
   if (props.media?.server_type === 'plex') return plex
   else if (props.media?.server_type === 'emby') return emby
+  else if (props.media?.server_type === 'zspace') return getLogoUrl('zspace')
   else if (props.media?.server_type === 'jellyfin') return jellyfin
   else if (props.media?.server_type === 'trimemedia') return getLogoUrl('trimemedia')
   else if (props.media?.server_type === 'ugreen') return getLogoUrl('ugreen')
diff --git a/src/components/cards/MediaServerCard.vue b/src/components/cards/MediaServerCard.vue
index cb1870a2..3fe53130 100644
--- a/src/components/cards/MediaServerCard.vue
+++ b/src/components/cards/MediaServerCard.vue
@@ -121,6 +121,8 @@ const getIcon = computed(() => {
   switch (props.mediaserver.type) {
     case 'emby':
       return getLogoUrl('emby')
+    case 'zspace':
+      return getLogoUrl('zspace')
     case 'jellyfin':
       return getLogoUrl('jellyfin')
     case 'trimemedia':
@@ -318,6 +320,77 @@ onMounted(() => {
                 />
               </VCol>
             </VRow>
+            <VRow v-else-if="mediaServerInfo.type == 'zspace'">
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaServerInfo.name"
+                  :label="t('common.name')"
+                  :placeholder="t('mediaserver.nameRequired')"
+                  :hint="t('mediaserver.serverAlias')"
+                  persistent-hint
+                  active
+                  prepend-inner-icon="mdi-label"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaServerInfo.config.host"
+                  :label="t('mediaserver.host')"
+                  :placeholder="t('mediaserver.hostPlaceholder')"
+                  :hint="t('mediaserver.hostHint')"
+                  persistent-hint
+                  active
+                  prepend-inner-icon="mdi-server"
+                />
+              </VCol>
+              <VCol cols="12">
+                <VTextField
+                  v-model="mediaServerInfo.config.play_host"
+                  :label="t('mediaserver.playHost')"
+                  :placeholder="t('mediaserver.playHostPlaceholder')"
+                  :hint="t('mediaserver.playHostHint')"
+                  persistent-hint
+                  active
+                  prepend-inner-icon="mdi-play-network"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  v-model="mediaServerInfo.config.username"
+                  :label="t('mediaserver.username')"
+                  :hint="t('mediaserver.usernameHint')"
+                  persistent-hint
+                  active
+                  prepend-inner-icon="mdi-account"
+                />
+              </VCol>
+              <VCol cols="12" md="6">
+                <VTextField
+                  type="password"
+                  v-model="mediaServerInfo.config.password"
+                  :label="t('mediaserver.password')"
+                  persistent-hint
+                  active
+                  prepend-inner-icon="mdi-lock"
+                />
+              </VCol>
+              <VCol cols="12">
+                <VAutocomplete
+                  v-model="mediaServerInfo.sync_libraries"
+                  :label="t('mediaserver.syncLibraries')"
+                  :items="librariesOptions"
+                  chips
+                  multiple
+                  clearable
+                  :hint="t('mediaserver.syncLibrariesHint')"
+                  persistent-hint
+                  active
+                  append-inner-icon="mdi-refresh"
+                  prepend-inner-icon="mdi-library"
+                  @click:append-inner="loadLibrary(mediaServerInfo.name)"
+                />
+              </VCol>
+            </VRow>
             <VRow v-else-if="mediaServerInfo.type == 'jellyfin'">
               <VCol cols="12" md="6">
                 <VTextField
diff --git a/src/composables/useSetupWizard.ts b/src/composables/useSetupWizard.ts
index d85e374e..76d06ac8 100644
--- a/src/composables/useSetupWizard.ts
+++ b/src/composables/useSetupWizard.ts
@@ -320,6 +320,7 @@ export function useSetupWizard() {
     // 媒体服务器映射
     mediaServer: {
       'emby': 'EmbyModule',
+      'zspace': 'ZSpaceModule',
       'jellyfin': 'JellyfinModule',
       'plex': 'PlexModule',
       'trimemedia': 'TrimeMediaModule',
@@ -617,6 +618,15 @@ export function useSetupWizard() {
         errors.push(t('mediaserver.apiKeyRequired'))
         validationErrors.value.mediaServer.apikey = true
       }
+    } else if (wizardData.value.mediaServer.type === 'zspace') {
+      if (!wizardData.value.mediaServer.config?.username?.trim()) {
+        errors.push(t('mediaserver.usernameRequired'))
+        validationErrors.value.mediaServer.username = true
+      }
+      if (!wizardData.value.mediaServer.config?.password?.trim()) {
+        errors.push(t('mediaserver.passwordRequired'))
+        validationErrors.value.mediaServer.password = true
+      }
     } else if (wizardData.value.mediaServer.type === 'plex') {
       if (!wizardData.value.mediaServer.config?.token?.trim()) {
         errors.push(t('mediaserver.tokenRequired'))
diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index 2ffcce2e..37189837 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -321,7 +321,7 @@ export default {
     system: {
       title: 'System',
       description:
-        'Basic settings, downloaders (Qbittorrent, Transmission), media servers (Emby, Jellyfin, Plex, TrimeMedia, Ugreen)',
+        'Basic settings, downloaders (Qbittorrent, Transmission), media servers (Emby, ZSpace, Jellyfin, Plex, TrimeMedia, Ugreen)',
     },
     directory: {
       title: 'Storage & Directories',
@@ -920,6 +920,7 @@ export default {
       plex: 'Plex',
       jellyfin: 'Jellyfin',
       emby: 'Emby',
+      zspace: 'ZSpace',
       appLaunchFailed: 'App launch failed, redirecting to web version',
       appNotInstalled: 'App not detected, redirecting to web version',
       downloadApp: 'Download App',
@@ -1493,6 +1494,7 @@ export default {
       transmission: 'Transmission',
       rtorrent: 'rTorrent',
       emby: 'Emby',
+      zspace: 'ZSpace',
       jellyfin: 'Jellyfin',
       plex: 'Plex',
       ugreen: 'Ugreen',
@@ -3392,12 +3394,13 @@ export default {
       description: 'Configure media server',
       info: 'Media Server Configuration',
       infoDesc:
-        'Configure media server for media library management, can choose Emby, Jellyfin, Plex, TrimeMedia or Ugreen.',
+        'Configure media server for media library management, can choose Emby, ZSpace, Jellyfin, Plex, TrimeMedia or Ugreen.',
       type: 'Media Server Type',
       typeHint: 'Select the type of media server to use',
       name: 'Server Name',
       nameHint: 'Set a name for the media server',
       embyConfig: 'Emby Configuration',
+      zspaceConfig: 'ZSpace Configuration',
       jellyfinConfig: 'Jellyfin Configuration',
       plexConfig: 'Plex Configuration',
       host: 'Server Address',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index 6ba5a185..e3bdae21 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -319,7 +319,7 @@ export default {
   settingTabs: {
     system: {
       title: '系统',
-      description: '基础设置、下载器（Qbittorrent、Transmission）、媒体服务器（Emby、Jellyfin、Plex、飞牛影视、绿联影视）',
+      description: '基础设置、下载器（Qbittorrent、Transmission）、媒体服务器（Emby、极影视、Jellyfin、Plex、飞牛影视、绿联影视）',
     },
     directory: {
       title: '存储 & 目录',
@@ -915,6 +915,7 @@ export default {
       plex: 'Plex',
       jellyfin: 'Jellyfin',
       emby: 'Emby',
+      zspace: '极影视',
       appLaunchFailed: 'APP启动失败，正在跳转到网页版',
       appNotInstalled: '未检测到APP，正在跳转到网页版',
       downloadApp: '下载APP',
@@ -1478,6 +1479,7 @@ export default {
       transmission: 'Transmission',
       rtorrent: 'rTorrent',
       emby: 'Emby',
+      zspace: '极影视',
       jellyfin: 'Jellyfin',
       plex: 'Plex',
       ugreen: '绿联影视',
@@ -3337,12 +3339,13 @@ export default {
       title: '媒体服务器',
       description: '配置媒体服务器',
       info: '媒体服务器配置说明',
-      infoDesc: '配置媒体服务器用于媒体库管理，可选择Emby、Jellyfin、Plex、飞牛影视或绿联影视',
+      infoDesc: '配置媒体服务器用于媒体库管理，可选择Emby、极影视、Jellyfin、Plex、飞牛影视或绿联影视',
       type: '媒体服务器类型',
       typeHint: '选择要使用的媒体服务器类型',
       name: '服务器名称',
       nameHint: '为媒体服务器设置一个名称',
       embyConfig: 'Emby 配置',
+      zspaceConfig: '极影视 配置',
       jellyfinConfig: 'Jellyfin 配置',
       plexConfig: 'Plex 配置',
       host: '服务器地址',
diff --git a/src/locales/zh-TW.ts b/src/locales/zh-TW.ts
index 5e346049..69a67ecd 100644
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -320,7 +320,7 @@ export default {
     system: {
       title: '系統',
       description:
-        '基礎設置、下載器（Qbittorrent、Transmission）、媒體服務器（Emby、Jellyfin、Plex、飛牛影視、綠聯影視）',
+        '基礎設置、下載器（Qbittorrent、Transmission）、媒體服務器（Emby、極影視、Jellyfin、Plex、飛牛影視、綠聯影視）',
     },
     directory: {
       title: '存儲 & 目錄',
@@ -916,6 +916,7 @@ export default {
       plex: 'Plex',
       jellyfin: 'Jellyfin',
       emby: 'Emby',
+      zspace: '極影視',
       appLaunchFailed: 'APP啟動失敗，正在跳轉到網頁版',
       appNotInstalled: '未檢測到APP，正在跳轉到網頁版',
       downloadApp: '下載APP',
@@ -1480,6 +1481,7 @@ export default {
       transmission: 'Transmission',
       rtorrent: 'rTorrent',
       emby: 'Emby',
+      zspace: '極影視',
       jellyfin: 'Jellyfin',
       plex: 'Plex',
       ugreen: '綠聯影視',
@@ -3339,12 +3341,13 @@ export default {
       title: '媒體伺服器',
       description: '設定媒體伺服器',
       info: '媒體伺服器設定說明',
-      infoDesc: '設定媒體伺服器用於媒體庫管理，可選擇Emby、Jellyfin、Plex、飛牛影視或綠聯影視',
+      infoDesc: '設定媒體伺服器用於媒體庫管理，可選擇Emby、極影視、Jellyfin、Plex、飛牛影視或綠聯影視',
       type: '媒體伺服器類型',
       typeHint: '選擇要使用的媒體伺服器類型',
       name: '伺服器名稱',
       nameHint: '為媒體伺服器設定一個名稱',
       embyConfig: 'Emby 設定',
+      zspaceConfig: '極影視 設定',
       jellyfinConfig: 'Jellyfin 設定',
       plexConfig: 'Plex 設定',
       host: '伺服器位址',
diff --git a/src/utils/appDeepLink.ts b/src/utils/appDeepLink.ts
index 6f71319b..0953bca1 100644
--- a/src/utils/appDeepLink.ts
+++ b/src/utils/appDeepLink.ts
@@ -1,6 +1,6 @@
 /**
  * 通用APP深度链接工具类
- * 支持媒体服务器（Plex、Jellyfin、Emby）和豆瓣的APP跳转和网页跳转
+ * 支持媒体服务器（Plex、Jellyfin、Emby、极影视、飞牛影视）和豆瓣的APP跳转和网页跳转
  *
  * 深度链接格式参考：
  * - Plex: https://forums.plex.tv/t/plex-mobile-app-deep-linking/123456
@@ -12,7 +12,7 @@
 import { isMobileDevice, isIOSDevice, isAndroidDevice } from '@/@core/utils'
 
 // APP类型
-export type AppType = 'plex' | 'jellyfin' | 'emby' | 'trimemedia' | 'douban'
+export type AppType = 'plex' | 'jellyfin' | 'emby' | 'zspace' | 'trimemedia' | 'douban'
 
 // 深度链接配置
 interface DeepLinkConfig {
@@ -38,6 +38,11 @@ const DEEP_LINK_CONFIGS: Record<AppType, DeepLinkConfig> = {
     webUrl: 'https://emby.media',
     timeout: 2000,
   },
+  zspace: {
+    appScheme: 'emby://',
+    webUrl: 'https://www.zspace.com.cn',
+    timeout: 2000,
+  },
   trimemedia: {
     appScheme: 'trimemedia://',
     webUrl: 'https://trimemedia.com',
@@ -135,6 +140,9 @@ function buildDeepLinkUrl(appType: AppType, params: string | DoubanAppParams): s
     case 'emby':
       return buildEmbyDeepLink(params as string)
 
+    case 'zspace':
+      return buildEmbyDeepLink(params as string)
+
     case 'trimemedia':
       return buildTrimemediaDeepLink(params as string)
 
@@ -634,7 +642,7 @@ export async function openMediaServerWithAutoDetect(
   // 优先使用传入的 serverType 参数
   if (serverType) {
     const type = serverType.toLowerCase()
-    if (type === 'plex' || type === 'jellyfin' || type === 'emby' || type === 'trimemedia') {
+    if (type === 'plex' || type === 'jellyfin' || type === 'emby' || type === 'zspace' || type === 'trimemedia') {
       detectedServerType = type as AppType
     }
   }
@@ -649,6 +657,8 @@ export async function openMediaServerWithAutoDetect(
       detectedServerType = 'jellyfin'
     } else if (url.includes('emby')) {
       detectedServerType = 'emby'
+    } else if (url.includes('zspace')) {
+      detectedServerType = 'zspace'
     }
   }
 
@@ -698,6 +708,8 @@ export function getAppDownloadUrl(appType: AppType): string {
       return 'https://jellyfin.org/downloads/'
     case 'emby':
       return 'https://emby.media/download.html'
+    case 'zspace':
+      return 'https://www.zspace.com.cn/'
     case 'trimemedia':
       return 'https://trimemedia.com/download'
     case 'douban':
diff --git a/src/utils/imageUtils.ts b/src/utils/imageUtils.ts
index 1a1ffaeb..7d9f7c80 100644
--- a/src/utils/imageUtils.ts
+++ b/src/utils/imageUtils.ts
@@ -8,6 +8,7 @@ import qbittorrentLogo from '@/assets/images/logos/qbittorrent.png'
 import transmissionLogo from '@/assets/images/logos/transmission.png'
 import rtorrentLogo from '@/assets/images/logos/rtorrent.png'
 import embyLogo from '@/assets/images/logos/emby.png'
+import zspaceLogo from '@/assets/images/logos/zspace.webp'
 import jellyfinLogo from '@/assets/images/logos/jellyfin.png'
 import plexLogo from '@/assets/images/logos/plex.png'
 import trimemediaLogo from '@/assets/images/logos/trimemedia.png'
@@ -40,6 +41,7 @@ const logoMap: Record<string, string> = {
   transmission: transmissionLogo,
   rtorrent: rtorrentLogo,
   emby: embyLogo,
+  zspace: zspaceLogo,
   jellyfin: jellyfinLogo,
   plex: plexLogo,
   trimemedia: trimemediaLogo,
diff --git a/src/views/setup/MediaServerSettingsStep.vue b/src/views/setup/MediaServerSettingsStep.vue
index 62cc66fa..8f6516af 100644
--- a/src/views/setup/MediaServerSettingsStep.vue
+++ b/src/views/setup/MediaServerSettingsStep.vue
@@ -122,6 +122,19 @@ watch(
                   </VCardText>
                 </VCard>
               </VCol>
+              <VCol cols="12" md="3">
+                <VCard
+                  :color="wizardData.mediaServer.type === 'zspace' ? 'primary' : 'default'"
+                  :variant="wizardData.mediaServer.type === 'zspace' ? 'tonal' : 'outlined'"
+                  class="cursor-pointer"
+                  @click="selectMediaServerWithLibrary('zspace')"
+                >
+                  <VCardText class="text-center">
+                    <VImg :src="getLogoUrl('zspace')" height="48" width="48" class="mx-auto mb-2" />
+                    <div class="text-h6">极影视</div>
+                  </VCardText>
+                </VCard>
+              </VCol>
               <VCol cols="12" md="3">
                 <VCard
                   :color="wizardData.mediaServer.type === 'jellyfin' ? 'primary' : 'default'"
@@ -263,6 +276,89 @@ watch(
                     />
                   </VCol>
                 </VRow>
+                <VRow v-else-if="wizardData.mediaServer.type === 'zspace'">
+                  <VCol cols="12" md="6">
+                    <VTextField
+                      v-model="wizardData.mediaServer.name"
+                      :label="t('common.name')"
+                      :placeholder="t('mediaserver.nameRequired')"
+                      :hint="t('mediaserver.serverAlias')"
+                      :error="validationErrors.mediaServer.name"
+                      :error-messages="validationErrors.mediaServer.name ? [t('mediaserver.nameRequired')] : []"
+                      persistent-hint
+                      active
+                      prepend-inner-icon="mdi-label"
+                      required
+                    />
+                  </VCol>
+                  <VCol cols="12" md="6">
+                    <VTextField
+                      v-model="wizardData.mediaServer.config.host"
+                      :label="t('mediaserver.host')"
+                      :placeholder="t('mediaserver.hostPlaceholder')"
+                      :hint="t('mediaserver.hostHint')"
+                      :error="validationErrors.mediaServer.host"
+                      :error-messages="validationErrors.mediaServer.host ? [t('mediaserver.hostRequired')] : []"
+                      persistent-hint
+                      active
+                      prepend-inner-icon="mdi-server"
+                      required
+                    />
+                  </VCol>
+                  <VCol cols="12">
+                    <VTextField
+                      v-model="wizardData.mediaServer.config.play_host"
+                      :label="t('mediaserver.playHost')"
+                      :placeholder="t('mediaserver.playHostPlaceholder')"
+                      :hint="t('mediaserver.playHostHint')"
+                      persistent-hint
+                      active
+                      prepend-inner-icon="mdi-play-network"
+                    />
+                  </VCol>
+                  <VCol cols="12" md="6">
+                    <VTextField
+                      v-model="wizardData.mediaServer.config.username"
+                      :label="t('mediaserver.username')"
+                      :hint="t('mediaserver.usernameHint')"
+                      :error="validationErrors.mediaServer.username"
+                      :error-messages="validationErrors.mediaServer.username ? [t('mediaserver.usernameRequired')] : []"
+                      persistent-hint
+                      active
+                      prepend-inner-icon="mdi-account"
+                      required
+                    />
+                  </VCol>
+                  <VCol cols="12" md="6">
+                    <VTextField
+                      type="password"
+                      v-model="wizardData.mediaServer.config.password"
+                      :label="t('mediaserver.password')"
+                      :error="validationErrors.mediaServer.password"
+                      :error-messages="validationErrors.mediaServer.password ? [t('mediaserver.passwordRequired')] : []"
+                      persistent-hint
+                      active
+                      prepend-inner-icon="mdi-lock"
+                      required
+                    />
+                  </VCol>
+                  <VCol cols="12">
+                    <VAutocomplete
+                      v-model="wizardData.mediaServer.sync_libraries"
+                      :label="t('mediaserver.syncLibraries')"
+                      :items="librariesOptions"
+                      chips
+                      multiple
+                      clearable
+                      :hint="t('mediaserver.syncLibrariesHint')"
+                      persistent-hint
+                      active
+                      append-inner-icon="mdi-refresh"
+                      prepend-inner-icon="mdi-library"
+                      @click:append-inner="loadLibrary(wizardData.mediaServer.name)"
+                    />
+                  </VCol>
+                </VRow>
                 <VRow v-else-if="wizardData.mediaServer.type === 'jellyfin'">
                   <VCol cols="12" md="6">
                     <VTextField