Merge pull request #779 from imsyy/dev-cy

✨ feat: 音质鉴权

Author: imsyy

components.d.ts

@@ -106,6 +106,7 @@ declare module 'vue' {
     NH3: typeof import('naive-ui')['NH3']
     NIcon: typeof import('naive-ui')['NIcon']
     NImage: typeof import('naive-ui')['NImage']
+    NImageGroup: typeof import('naive-ui')['NImageGroup']
     NInput: typeof import('naive-ui')['NInput']
     NInputGroup: typeof import('naive-ui')['NInputGroup']
     NInputNumber: typeof import('naive-ui')['NInputNumber']

electron/main/windows/main-window.ts

@@ -48,6 +48,20 @@ class MainWindow {
       }
       return { action: "deny" };
     });
+
+    // 拦截页面导航
+    this.win.webContents.on("will-navigate", (event, url) => {
+      // 检查是否为图片文件（通过扩展名简单判断）
+      const imageExtensions = [".png", ".jpg", ".jpeg", ".gif", ".webp", ".svg", ".bmp", ".ico"];
+      const isImage = imageExtensions.some((ext) => url.toLowerCase().split("?")[0].endsWith(ext));
+
+      // 如果是图片，阻止导航并下载
+      if (isImage) {
+        event.preventDefault();
+        this.win?.webContents.downloadURL(url);
+      }
+    });
+
     // 窗口显示时
     this.win?.on("show", () => {
       this.win?.webContents.send("lyricsScroll");

src/api/song.ts

@@ -159,3 +159,48 @@ export const songChorus = (id: number) => {
     params: { id },
   });
 };
+
+/**
+ * 歌曲百科 - 简要信息
+ * @param {number} id - 歌曲 id
+ */
+export const songWikiSummary = (id: number) => {
+  return request({
+    url: "/song/wiki/summary",
+    params: { id },
+  });
+};
+
+/**
+ * 乐谱列表
+ * @description 通过歌曲 id 获取该歌曲下的乐谱列表
+ */
+export const songSheetList = (id: number) => {
+  return request({
+    url: "/sheet/list",
+    params: { id },
+  });
+};
+
+/**
+ * 乐谱内容预览
+ * @description 通过乐谱 id 获取乐谱的完整内容
+ */
+export const songSheetPreview = (id: number) => {
+  return request({
+    url: "/sheet/preview",
+    params: { id },
+  });
+};
+
+/**
+ * 回忆坐标信息
+ * @description 获取当前歌曲的回忆坐标信息（同手机 APP 百科页的回忆坐标功能）
+ * @param id 歌曲 ID
+ */
+export const songFirstListenInfo = (id: number) => {
+  return request({
+    url: "/music/first/listen/info",
+    params: { id },
+  });
+};

src/api/user.ts

@@ -138,3 +138,12 @@ export const dailySignin = (type: 0 | 1 = 0) => {
     },
   });
 };
+// 获取用户 VIP 信息
+export const userVipInfo = () => {
+  return request({
+    url: "/vip/info",
+    params: {
+      timestamp: Date.now(),
+    },
+  });
+};

src/components/Card/SongCard.vue

@@ -99,6 +99,17 @@
             >
               MV
             </n-tag>
+            <!-- 脏标 -->
+            <n-tag
+              v-if="settingStore.showSongExplicitTag && (song.mark && (song.mark & EXPLICIT_CONTENT_MARK))"
+              :bordered="false"
+              class="explicit"
+              type="error"
+              round
+              title="Explicit Content"
+            >
+              E
+            </n-tag>
             <!-- 歌手 -->
             <div v-if="Array.isArray(song.artists)" class="artists">
               <n-text
@@ -181,6 +192,7 @@ import { usePlayerController } from "@/core/player/PlayerController";
 import { isElectron } from "@/utils/env";
 import { useBlobURLManager } from "@/core/resource/BlobURLManager";
 import { useMobile } from "@/composables/useMobile";
+import { EXPLICIT_CONTENT_MARK } from "@/utils/meta";
 
 const props = defineProps<{
   // 歌曲

src/components/Layout/User.vue

@@ -1,7 +1,7 @@
 <template>
   <n-popover
     :show="userMenuShow"
-    style="padding: 12px; max-width: 160px"
+    style="padding: 12px; max-width: 240px"
     trigger="manual"
     @clickoutside="userMenuShow = false"
   >
@@ -22,8 +22,8 @@
             <SvgIcon name="Person" :depth="3" size="26" />
           </n-avatar>
         </div>
-        <n-flex v-if="isDesktop" class="user-data" size="small">
-          <n-text class="name">
+        <n-flex v-if="isDesktop" :wrap="false" class="user-data" size="small">
+          <n-text class="name text-hidden">
             {{ dataStore.userLoginStatus ? dataStore.userData.name || "未知用户名" : "未登录" }}
           </n-text>
           <!-- VIP -->
@@ -70,6 +70,29 @@
         <n-text :depth="3">部分功能暂不可用</n-text>
       </n-flex>
       <n-divider />
+      <!-- 多账号 -->
+      <div class="account-list" v-if="dataStore.userLoginStatus && dataStore.loginType !== 'uid'">
+        <n-text class="subtitle" :depth="3">切换账号</n-text>
+        <div
+          v-for="account in otherAccounts"
+          :key="account.userId"
+          class="account-item"
+          @click="handleSwitchAccount(account.userId)"
+        >
+          <n-avatar :src="account.avatarUrl" round size="small" />
+          <div class="account-name text-hidden">{{ account.name }}</div>
+          <div class="delete-btn" @click.stop="handleRemoveAccount(account.userId)">
+            <SvgIcon name="Close" />
+          </div>
+        </div>
+        <n-button class="add-account" ghost block @click="handleAddAccount">
+          <template #icon>
+            <SvgIcon name="Add" />
+          </template>
+          添加账号
+        </n-button>
+      </div>
+      <n-divider v-if="dataStore.userLoginStatus" />
       <!-- 退出登录 -->
       <n-button :focusable="false" class="logout" strong secondary round @click="isLogout">
         <template #icon>
@@ -86,11 +109,14 @@ import { useDataStore } from "@/stores";
 import { openUserLogin } from "@/utils/modal";
 import { getLoginState } from "@/api/login";
 import {
+  updateUserData,
+  updateSpecialUserData,
   toLogout,
   isLogin,
   refreshLoginData,
-  updateUserData,
-  updateSpecialUserData,
+  saveCurrentAccount,
+  switchAccount,
+  removeAccount,
 } from "@/utils/auth";
 import { useMobile } from "@/composables/useMobile";
 
@@ -158,6 +184,55 @@ const checkLoginStatus = async () => {
   }
 };
 
+// 其他账号列表（排除当前登录的）
+const otherAccounts = computed(() => {
+  return dataStore.userList.filter((u) => u.userId !== dataStore.userData.userId);
+});
+
+// 切换账号
+const handleSwitchAccount = async (userId: number) => {
+  userMenuShow.value = false;
+  await switchAccount(userId);
+};
+
+// 移除账号
+const handleRemoveAccount = (userId: number) => {
+  removeAccount(userId);
+};
+
+// 添加新账号 (保存当前 -> 开启强制登录 -> 成功后自动切换)
+const handleAddAccount = async () => {
+  // 限制账号数量
+  if (dataStore.userList.length >= 3) {
+    window.$message.warning("最多只能保留 3 个账号");
+    return;
+  }
+
+  // 1先保存当前账号状态 (快照)
+  saveCurrentAccount();
+
+  userMenuShow.value = false;
+
+  // 打开登录框 (强制模式, 不登出当前用户以保持 cookies 直到新登录成功, 禁用 UID 登录)
+  openUserLogin(
+    false,
+    true,
+    async () => {
+      // 登录成功回调
+      // 此时新 cookies 已设置，store 已更新
+      window.$message.loading("正在更新数据...");
+      try {
+        await updateUserData();
+        window.$message.success("登录成功");
+        // router.push("/");
+      } catch (error) {
+        console.error("Login update failed", error);
+      }
+    },
+    true,
+  );
+};
+
 // 退出登录
 const isLogout = () => {
   if (!isLogin()) {
@@ -169,7 +244,11 @@ const isLogout = () => {
     content: "确认退出当前用户登录？",
     positiveText: "确认登出",
     negativeText: "取消",
-    onPositiveClick: () => toLogout(),
+    onPositiveClick: () => {
+      // 退出时保存当前账号，方便下次登录
+      saveCurrentAccount();
+      toLogout();
+    },
   });
 };
 
@@ -233,6 +312,7 @@ onBeforeMount(() => {
   .user-info {
     .nickname {
       font-weight: bold;
+      max-width: 220px;
     }
     .n-tag {
       height: 18px;
@@ -253,9 +333,56 @@ onBeforeMount(() => {
       .n-text {
         font-size: 12px;
         font-weight: normal;
+        margin-top: 4px;
       }
     }
   }
+  .account-list {
+    .subtitle {
+      font-size: 12px;
+      text-align: center;
+      margin-bottom: 8px;
+      display: block;
+    }
+    .account-item {
+      display: flex;
+      align-items: center;
+      padding: 6px 8px;
+      margin-bottom: 8px;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background-color 0.2s;
+      position: relative;
+      .account-name {
+        margin-left: 8px;
+        font-size: 13px;
+        flex: 1;
+      }
+      .delete-btn {
+        opacity: 0;
+        padding: 4px;
+        border-radius: 4px;
+        display: flex;
+        align-items: center;
+        transition:
+          background-color 0.2s,
+          color 0.2s;
+        &:hover {
+          background-color: rgba(var(--primary), 0.1);
+          color: var(--primary-color);
+        }
+      }
+      &:hover {
+        background-color: rgba(var(--primary), 0.08);
+        .delete-btn {
+          opacity: 1;
+        }
+      }
+    }
+    .add-account {
+      border-radius: 8px;
+    }
+  }
   .n-divider {
     margin: 12px 0;
   }

src/components/Modal/DownloadModal.vue

@@ -73,14 +73,14 @@
 import type { SongType, SongLevelType } from "@/types/main";
 import { useSettingStore } from "@/stores";
 import { songLevelData, getSongLevelsData, AI_AUDIO_LEVELS } from "@/utils/meta";
+import { filterAuthorizedQualityOptions } from "@/utils/auth";
 import { formatFileSize } from "@/utils/helper";
 import { openSetting } from "@/utils/modal";
 import { isElectron } from "@/utils/env";
 import { songDetail } from "@/api/song";
 import { formatSongsList } from "@/utils/format";
 import { pick } from "lodash-es";
 import { useDownloadManager } from "@/core/resource/DownloadManager";
-import SongDataCard from "@/components/Card/SongDataCard.vue";
 
 const props = defineProps<{
   songs?: SongType[];
@@ -105,7 +105,7 @@ const downloadPath = computed(() => settingStore.downloadPath);
 
 // 是否可以下载（需要配置下载目录）
 const canDownload = computed(() => {
-  if (!isElectron) return true; // 非 Electron 环境允许下载
+  if (!isElectron) return true;
   return !!downloadPath.value;
 });
 
@@ -114,6 +114,9 @@ const qualityOptions = computed(() => {
   const levels = pick(songLevelData, ["l", "m", "h", "sq", "hr", "je", "sk", "db", "jm"]);
   let allData = getSongLevelsData(levels);
 
+  // 根据 VIP 状态过滤
+  allData = filterAuthorizedQualityOptions(allData);
+
   if (settingStore.disableAiAudio) {
     allData = allData.filter((item) => {
       if (item.level === "dolby") return true;