🐞 fix: 修复歌词不必要的重载

Author: imsyy

package.json

@@ -48,7 +48,6 @@
     "@pixi/filter-bulge-pinch": "^5.1.1",
     "@pixi/filter-color-matrix": "^7.4.3",
     "@pixi/sprite": "^7.4.3",
-    "@tanstack/vue-virtual": "^3.13.13",
     "@vueuse/core": "^13.9.0",
     "@vueuse/integrations": "^14.1.0",
     "axios": "^1.13.2",

pnpm-lock.yaml

@@ -4,7 +4,7 @@
       :key="amLyricsData?.[0]?.words?.length"
       :class="['lyric-am', { pure: statusStore.pureLyricMode }]"
       :style="{
-        '--amll-lp-color': 'rgb(239 239 239)',
+        '--amll-lp-color': 'rgb(var(--main-cover-color, 239 239 239))',
       }"
     >
       <div v-if="statusStore.lyricLoading" class="lyric-loading">歌词正在加载中...</div>

src/components/Player/MainAMLyric.vue

@@ -111,7 +111,7 @@
         />
       </n-card>
     </div>
-    <div v-if="isElectron&& statusStore.isDeveloperMode" class="set-list">
+    <div v-if="isElectron && statusStore.isDeveloperMode" class="set-list">
       <n-h3 prefix="bar">
         音乐解锁
         <n-tag type="warning" size="small" round>Beta</n-tag>

src/components/Setting/PlaySetting.vue

@@ -350,6 +350,42 @@ class LyricManager {
     };
   }
 
+  /**
+   * 比较歌词数据是否相同
+   * @param oldData 旧歌词数据
+   * @param newData 新歌词数据
+   * @returns 是否相同
+   */
+  private isLyricDataEqual(oldData: SongLyric, newData: SongLyric): boolean {
+    // 比较数组长度
+    if (
+      oldData.lrcData?.length !== newData.lrcData?.length ||
+      oldData.yrcData?.length !== newData.yrcData?.length
+    ) {
+      return false;
+    }
+    // 比较 lrcData 内容（比较每行的 startTime 和文本内容）
+    const compareLines = (oldLines: LyricLine[], newLines: LyricLine[]): boolean => {
+      if (oldLines.length !== newLines.length) return false;
+      for (let i = 0; i < oldLines.length; i++) {
+        const oldLine = oldLines[i];
+        const newLine = newLines[i];
+        const oldText = oldLine.words?.map((w) => w.word).join("") || "";
+        const newText = newLine.words?.map((w) => w.word).join("") || "";
+        if (oldLine.startTime !== newLine.startTime || oldText !== newText) {
+          return false;
+        }
+        // ttml 特有属性
+        if (newLine.isBG !== oldLine.isBG) return false;
+      }
+      return true;
+    };
+    return (
+      compareLines(oldData.lrcData || [], newData.lrcData || []) &&
+      compareLines(oldData.yrcData || [], newData.yrcData || [])
+    );
+  }
+
   /**
    * 设置最终歌词
    * @param lyricData 歌词数据
@@ -375,6 +411,12 @@ class LyricManager {
         ],
       }));
     }
+    // 比较新旧歌词数据，如果相同则跳过设置，避免重复重载
+    if (this.isLyricDataEqual(musicStore.songLyric, lyricData)) {
+      // 仅更新加载状态，不更新歌词数据
+      statusStore.lyricLoading = false;
+      return;
+    }
     // 设置歌词
     musicStore.setSongLyric(lyricData, true);
     // 结束加载状态