From 80de1f88c6e8c39da50dc3191e5f75448343e643 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 5 Jul 2026 15:01:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(songitem):=20=E5=A4=96=E8=AF=AD=E6=AD=8C?=
 =?UTF-8?q?=E6=9B=B2=E6=98=BE=E7=A4=BA=E4=B8=AD=E6=96=87=E8=AF=91=E5=90=8D?=
 =?UTF-8?q?/=E5=88=AB=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

网易 API 的 tns/alia 字段已随 formatSong 展开保留在歌曲对象上，
SongResult 补类型声明，5 个歌曲条目变体在歌名后以灰色小字显示译名。

Closes #629
---
 .../common/songItemCom/CompactSongItem.vue           |  5 +++++
 .../components/common/songItemCom/HomeSongItem.vue   |  5 +++++
 .../components/common/songItemCom/ListSongItem.vue   |  5 +++++
 .../components/common/songItemCom/MiniSongItem.vue   |  5 +++++
 .../common/songItemCom/StandardSongItem.vue          | 12 +++++++-----
 src/renderer/types/music.ts                          |  4 ++++
 6 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/common/songItemCom/CompactSongItem.vue b/src/renderer/components/common/songItemCom/CompactSongItem.vue
index 05c9219..6d32695 100644
--- a/src/renderer/components/common/songItemCom/CompactSongItem.vue
+++ b/src/renderer/components/common/songItemCom/CompactSongItem.vue
@@ -41,6 +41,11 @@
               :class="{ 'text-green-500': isPlaying }"
             >
               {{ item.name }}
+              <span
+                v-if="item.tns?.length || item.alia?.length"
+                class="text-neutral-400 dark:text-neutral-500"
+                >（{{ item.tns?.[0] || item.alia?.[0] }}）</span
+              >
             </n-ellipsis>
           </div>
           <div class="song-item-content-compact-artist">
diff --git a/src/renderer/components/common/songItemCom/HomeSongItem.vue b/src/renderer/components/common/songItemCom/HomeSongItem.vue
index e798271..2d6bcf1 100644
--- a/src/renderer/components/common/songItemCom/HomeSongItem.vue
+++ b/src/renderer/components/common/songItemCom/HomeSongItem.vue
@@ -33,6 +33,11 @@
         :class="{ 'text-green-500': isPlaying }"
       >
         {{ item.name }}
+        <span
+          v-if="item.tns?.length || item.alia?.length"
+          class="text-neutral-400 dark:text-neutral-500 font-normal"
+          >（{{ item.tns?.[0] || item.alia?.[0] }}）</span
+        >
       </n-ellipsis>
       <n-ellipsis
         class="artist-name text-xs md:text-sm text-neutral-500 dark:text-neutral-400 mt-0.5"
diff --git a/src/renderer/components/common/songItemCom/ListSongItem.vue b/src/renderer/components/common/songItemCom/ListSongItem.vue
index 455138f..32a451c 100644
--- a/src/renderer/components/common/songItemCom/ListSongItem.vue
+++ b/src/renderer/components/common/songItemCom/ListSongItem.vue
@@ -43,6 +43,11 @@
             :class="{ 'text-green-500': isPlaying }"
           >
             {{ item.name }}
+            <span
+              v-if="item.tns?.length || item.alia?.length"
+              class="text-neutral-400 dark:text-neutral-500"
+              >（{{ item.tns?.[0] || item.alia?.[0] }}）</span
+            >
           </n-ellipsis>
           <div class="song-item-content-divider">-</div>
           <n-ellipsis class="song-item-content-name text-ellipsis" line-clamp="1">
diff --git a/src/renderer/components/common/songItemCom/MiniSongItem.vue b/src/renderer/components/common/songItemCom/MiniSongItem.vue
index 6aef88b..af45b27 100644
--- a/src/renderer/components/common/songItemCom/MiniSongItem.vue
+++ b/src/renderer/components/common/songItemCom/MiniSongItem.vue
@@ -39,6 +39,11 @@
         <div class="song-item-content-title">
           <n-ellipsis class="text-ellipsis" line-clamp="1" :class="{ 'text-green-500': isPlaying }">
             {{ item.name }}
+            <span
+              v-if="item.tns?.length || item.alia?.length"
+              class="text-neutral-400 dark:text-neutral-500"
+              >（{{ item.tns?.[0] || item.alia?.[0] }}）</span
+            >
           </n-ellipsis>
         </div>
         <div class="song-item-content-name">
diff --git a/src/renderer/components/common/songItemCom/StandardSongItem.vue b/src/renderer/components/common/songItemCom/StandardSongItem.vue
index 964a501..323d656 100644
--- a/src/renderer/components/common/songItemCom/StandardSongItem.vue
+++ b/src/renderer/components/common/songItemCom/StandardSongItem.vue
@@ -37,11 +37,13 @@
     <template #content>
       <div class="song-item-content">
         <div class="song-item-content-title">
-          <n-ellipsis
-            class="text-ellipsis"
-            line-clamp="1"
-            :class="{ 'text-green-500': isPlaying }"
-            >{{ item.name }}</n-ellipsis
+          <n-ellipsis class="text-ellipsis" line-clamp="1" :class="{ 'text-green-500': isPlaying }"
+            >{{ item.name }}
+            <span
+              v-if="item.tns?.length || item.alia?.length"
+              class="text-neutral-400 dark:text-neutral-500"
+              >（{{ item.tns?.[0] || item.alia?.[0] }}）</span
+            ></n-ellipsis
           >
         </div>
         <div class="song-item-content-name">
diff --git a/src/renderer/types/music.ts b/src/renderer/types/music.ts
index c4e6a46..e9ce35e 100644
--- a/src/renderer/types/music.ts
+++ b/src/renderer/types/music.ts
@@ -57,6 +57,10 @@ export interface SongResult {
   artists?: Artist[];
   al: Album;
   album?: Album;
+  /** 翻译名（外语歌曲的中文译名等，来自网易 API） */
+  tns?: string[];
+  /** 别名 */
+  alia?: string[];
   count: number;
   playMusicUrl?: string;
   playLoading?: boolean;