Dev cy (#782)

* ✨ feat: 史诗级加强No-cover

* ✨ feat: 自定义歌单界面

* ✨ feat: 优化设置排布

* ✨ feat: 支持关闭开发者模式

* ✨ feat: 歌词设置整理 支持替换括号内容

* ✨ feat: 歌词括号

* 🐞 fix: 代码审查

* ✨ feat: 史诗级加强No-cover x2

* 🐞 fix: 对齐数据

* 🐞 fix: 修复在某些情况下（如歌手信息为纯字符串而非数组时）可能导致元数据写入失败的问题

* 🐞 fix: 代码审查

* ✨ feat: 支持删除歌手信息的括号

* ✨ feat: 加载骨架修改

* Revert "✨ feat: 加载骨架修改"

This reverts commit 20b4790.

* ✨ feat: 遮罩动画

* ✨ feat: 一键开启关闭

* 🐞 fix: 确认类型

* 🐞 fix: 代码审查

* ✨ feat: 本地读取响度 #411

Author: kazukokawagawa

components.d.ts

@@ -29,6 +29,7 @@ declare module 'vue' {
     copy: typeof import('./src/components/Global/Provider copy.vue')['default']
     CopyLyrics: typeof import('./src/components/Modal/CopyLyrics.vue')['default']
     CoverList: typeof import('./src/components/List/CoverList.vue')['default']
+    CoverManager: typeof import('./src/components/Modal/Setting/CoverManager.vue')['default']
     CoverMenu: typeof import('./src/components/Menu/CoverMenu.vue')['default']
     CreatePlaylist: typeof import('./src/components/Modal/CreatePlaylist.vue')['default']
     CustomCode: typeof import('./src/components/Modal/Setting/CustomCode.vue')['default']
@@ -161,6 +162,7 @@ declare module 'vue' {
     PlayerSlider: typeof import('./src/components/Player/PlayerComponents/PlayerSlider.vue')['default']
     PlayerSpectrum: typeof import('./src/components/Player/PlayerComponents/PlayerSpectrum.vue')['default']
     PlaylistAdd: typeof import('./src/components/Modal/PlaylistAdd.vue')['default']
+    PlaylistPageManager: typeof import('./src/components/Modal/Setting/PlaylistPageManager.vue')['default']
     PlaySetting: typeof import('./src/components/Setting/old/PlaySetting.vue')['default']
     Provider: typeof import('./src/components/Global/Provider.vue')['default']
     ProxyConfig: typeof import('./src/components/Setting/components/ProxyConfig.vue')['default']

electron/main/ipc/ipc-file.ts

@@ -156,6 +156,12 @@ const initFileIpc = (): void => {
               size: (size / (1024 * 1024)).toFixed(2),
               path: fullPath,
               quality: format.bitrate ?? 0,
+              replayGain: {
+                trackGain: common.replaygain_track_gain?.ratio,
+                trackPeak: common.replaygain_track_peak?.ratio,
+                albumGain: common.replaygain_album_gain?.ratio,
+                albumPeak: common.replaygain_album_peak?.ratio,
+              },
             };
           } catch (err) {
             ipcLog.warn(`⚠️ Failed to parse file: ${fullPath}`, err);
@@ -193,6 +199,12 @@ const initFileIpc = (): void => {
         format,
         // md5
         md5: await getFileMD5(filePath),
+        replayGain: {
+          trackGain: common.replaygain_track_gain?.ratio,
+          trackPeak: common.replaygain_track_peak?.ratio,
+          albumGain: common.replaygain_album_gain?.ratio,
+          albumPeak: common.replaygain_album_peak?.ratio,
+        },
       };
     } catch (error) {
       ipcLog.error("❌ Error fetching music metadata:", error);
@@ -636,9 +648,26 @@ const initFileIpc = (): void => {
         Id3v2Settings.defaultVersion = 3;
 
         songFile.tag.title = songData?.name || "未知曲目";
-        songFile.tag.album = songData?.album?.name || "未知专辑";
-        songFile.tag.performers = songData?.artists?.map((ar: any) => ar.name) || ["未知艺术家"];
-        songFile.tag.albumArtists = songData?.artists?.map((ar: any) => ar.name) || ["未知艺术家"];
+        songFile.tag.album =
+          (typeof songData?.album === "string" ? songData.album : songData?.album?.name) || "未知专辑";
+        // 处理歌手信息（兼容字符串和数组格式）
+        const getArtistNames = (artists: any): string[] => {
+          if (Array.isArray(artists)) {
+            return artists
+              .map((ar: any) => (typeof ar === "string" ? ar : ar?.name || ""))
+              .filter((name) => name && name.trim().length > 0);
+          }
+          if (typeof artists === "string" && artists.trim().length > 0) {
+            return [artists];
+          }
+          return [];
+        };
+
+        const artistNames = getArtistNames(songData?.artists);
+        const finalArtists = artistNames.length > 0 ? artistNames : ["未知艺术家"];
+
+        songFile.tag.performers = finalArtists;
+        songFile.tag.albumArtists = finalArtists;
         if (lyric && downloadLyric) songFile.tag.lyrics = lyric;
         if (songCover && downloadCover) songFile.tag.pictures = [songCover];
         // 保存元信息

src/components/Card/SongCard.vue

@@ -40,12 +40,12 @@
               class="name-text"
             >
               {{
-                settingStore.hideLyricBrackets
+                settingStore.hideBracketedContent
                   ? removeBrackets(song?.name)
                   : song?.name || "未知曲目"
               }}
               <n-text
-                v-if="song.alia?.length && !settingStore.hideLyricBrackets"
+                v-if="song.alia?.length && !settingStore.hideBracketedContent"
                 class="alia"
                 depth="3"
               >
@@ -120,14 +120,22 @@
                 class="ar"
                 @click="openJumpArtist(song.artists, ar.id)"
               >
-                {{ ar.name }}
+                {{
+                  settingStore.hideBracketedContent ? removeBrackets(ar.name) : ar.name
+                }}
               </n-text>
             </div>
             <div v-else-if="song.type === 'radio'" class="artists">
               <n-text class="ar"> 电台节目 </n-text>
             </div>
             <div v-else class="artists" @click="openJumpArtist(song.artists)">
-              <n-text class="ar"> {{ song.artists || "未知艺术家" }} </n-text>
+              <n-text class="ar">
+                {{
+                  settingStore.hideBracketedContent
+                    ? removeBrackets(song.artists)
+                    : song.artists || "未知艺术家"
+                }}
+              </n-text>
             </div>
           </n-flex>
         </n-flex>
@@ -236,7 +244,7 @@ const qualityColor = computed(() => {
 const albumName = computed(() => {
   const album = song.value.album;
   const name = isObject(album) ? album.name : album;
-  return (settingStore.hideLyricBrackets ? removeBrackets(name) : name) || "未知专辑";
+  return (settingStore.hideBracketedContent ? removeBrackets(name) : name) || "未知专辑";
 });
 
 // 加载本地歌曲封面

src/components/Card/SongDataCard.vue

@@ -19,12 +19,20 @@
         <div v-if="Array.isArray(data.artists)" class="artists text-hidden">
           <SvgIcon name="Artist" :depth="3" />
           <n-text v-for="ar in data.artists" :key="ar.id" class="ar">
-            {{ ar.name }}
+            {{
+              settingStore.hideBracketedContent ? removeBrackets(ar.name) : ar.name
+            }}
           </n-text>
         </div>
         <div v-else class="artists text-hidden">
           <SvgIcon name="Artist" :depth="3" />
-          <n-text class="ar"> {{ data.artists || "未知艺术家" }} </n-text>
+          <n-text class="ar">
+            {{
+              settingStore.hideBracketedContent
+                ? removeBrackets(data.artists)
+                : data.artists || "未知艺术家"
+            }}
+          </n-text>
         </div>
         <div class="album text-hidden">
           <SvgIcon name="Album" :depth="3" />
@@ -47,6 +55,10 @@
 import type { SongType } from "@/types/main";
 import { coverLoaded } from "@/utils/helper";
 import { isObject } from "lodash-es";
+import { removeBrackets } from "@/utils/format";
+import { useSettingStore } from "@/stores";
+
+const settingStore = useSettingStore();
 
 defineProps<{
   data: SongType | null;

src/components/Card/SongListCard.vue

@@ -7,7 +7,7 @@
     </n-flex>
     <div class="content">
       <!-- 封面 -->
-      <div class="cover">
+      <div v-if="!hiddenCover" class="cover">
         <n-image v-if="cover" :src="cover" preview-disabled lazy @load="coverLoaded">
           <template #placeholder>
             <div class="cover-loading">
@@ -65,6 +65,7 @@ const props = defineProps<{
   loading?: boolean;
   height?: number;
   cover?: string;
+  hiddenCover?: boolean;
 }>();
 
 // 列表前三首

src/components/List/ArtistList.vue

@@ -5,7 +5,7 @@
         <div
           v-for="(item, index) in data"
           :key="index"
-          class="artist-item"
+          :class="['artist-item', { 'no-cover': hiddenCover }]"
           @click="
             router.push({
               name: 'artist',
@@ -14,7 +14,7 @@
           "
         >
           <!-- 封面 -->
-          <div class="cover">
+          <div v-if="!hiddenCover" class="cover">
             <s-image
               :src="item.coverSize?.m || item.cover"
               default-src="/images/artist.jpg?asset"
@@ -31,7 +31,9 @@
           </div>
           <!-- 信息 -->
           <div class="cover-data">
-            <n-text class="name text-hidden">{{ item.name }}</n-text>
+            <n-text class="name text-hidden">{{
+              settingStore.hideBracketedContent ? removeBrackets(item.name) : item.name
+            }}</n-text>
             <!-- 数量 -->
             <div v-if="item.musicSize" class="num">
               <SvgIcon name="Music" :depth="3" />
@@ -49,8 +51,8 @@
     </div>
     <div v-else-if="loading" class="artist-list">
       <div class="artist-grid">
-        <div v-for="item in 50" :key="item" class="artist-item">
-          <div class="cover">
+        <div v-for="item in 50" :key="item" :class="['artist-item', { 'no-cover': hiddenCover }]">
+          <div v-if="!hiddenCover" class="cover">
             <n-skeleton class="cover-img" />
           </div>
           <div class="cover-data">
@@ -66,13 +68,16 @@
 
 <script setup lang="ts">
 import type { ArtistType } from "@/types/main";
+import { removeBrackets } from "@/utils/format";
+import { useSettingStore } from "@/stores";
 
 defineProps<{
   data: ArtistType[];
   type?: "playlist" | "album" | "video";
   loadMore?: boolean;
   loading?: boolean;
   loadingText?: string;
+  hiddenCover?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -81,6 +86,7 @@ const emit = defineEmits<{
 }>();
 
 const router = useRouter();
+const settingStore = useSettingStore();
 </script>
 
 <style lang="scss" scoped>
@@ -191,6 +197,21 @@ const router = useRouter();
     &:active {
       transform: scale(0.98);
     }
+    &.no-cover {
+      background-color: var(--surface-container-hex);
+      border: 2px solid rgba(var(--primary), 0.12);
+      padding: 12px 0;
+      &:hover {
+        border-color: rgba(var(--primary), 0.58);
+      }
+      .cover-data {
+        height: 100%;
+        justify-content: center;
+        .name {
+          font-weight: bold;
+        }
+      }
+    }
   }
   .load-more {
     margin: 20px 0;

src/components/List/CommentList.vue

@@ -2,13 +2,13 @@
   <Transition name="fade" mode="out-in">
     <n-flex v-if="data.length > 0" :size="20" :class="['comment-list', { transparent }]" vertical>
       <n-flex
-        v-for="(item, index) in data"
-        :key="index"
-        :size="20"
-        class="comments"
-        @dblclick="handleDoubleClick(item)"
-      >
-        <div v-if="!transparent" class="user">
+      v-for="(item, index) in data"
+      :key="index"
+      :size="0"
+      class="comments"
+      @dblclick="handleDoubleClick(item)"
+    >
+        <div v-if="!transparent && !hiddenCover" class="user">
           <div class="avatar">
             <n-image
               :src="
@@ -116,6 +116,7 @@ const props = defineProps<{
   transparent?: boolean;
   // 资源 ID
   resId: number;
+  hiddenCover?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -228,6 +229,7 @@ const handleDoubleClick = debounce(async (item: CommentType) => {
       align-items: center;
       min-width: 60px;
       width: 60px;
+      margin-right: 12px;
       .avatar {
         position: relative;
         display: flex;