[ #904 ] - feat: 新增分享链接格式设置及统一生成函数

src/components/Menu/CoverMenu.vue

@@ -16,7 +16,7 @@
 <script setup lang="ts">
 import type { DropdownOption } from "naive-ui";
 import type { CoverType } from "@/types/main";
-import { renderIcon, copyData } from "@/utils/helper";
+import { renderIcon, copyData, getShareUrl } from "@/utils/helper";
 import { useMusicStore, useStatusStore } from "@/stores";
 
 const emit = defineEmits<{
@@ -101,7 +101,10 @@ const openDropdown = async (
           show: item.id !== 0 && item.id?.toString().length < 16,
           props: {
             onClick: () =>
-              copyData(`https://music.163.com/#/${type}?id=${item.id}`, "已复制分享链接到剪贴板"),
+              copyData(
+                getShareUrl(type, item.id),
+                "已复制分享链接到剪贴板",
+              ),
           },
           icon: renderIcon("Share", { size: 18 }),
         },

src/components/Modal/CopySongInfo.vue

@@ -166,7 +166,7 @@
 import type { SongType, MetaData } from "@/types/main";
 import { songDetail } from "@/api/song";
 import { formatSongsList } from "@/utils/format";
-import { copyData } from "@/utils/helper";
+import { copyData, getShareUrl } from "@/utils/helper";
 import { msToTime, formatTimestamp } from "@/utils/time";
 
 const props = defineProps<{ songId: number; onClose: () => void }>();
@@ -201,7 +201,7 @@ const publishTime = computed(() => {
 });
 
 const songLink = computed(() => {
-  return songInfo.value?.id ? `https://music.163.com/#/song?id=${songInfo.value.id}` : "";
+  return songInfo.value?.id ? getShareUrl("song", songInfo.value.id) : "";
 });
 
 // 获取歌曲详情
@@ -243,7 +243,7 @@ const handleCopyAll = () => {
     `链接：${songLink.value}`,
   ].filter((line) => line);
 
-  copyData(lines.join("\n"), "已复制全部信息");
+  copyData(lines, "已复制全部信息");
 };
 
 onMounted(() => {

src/components/Player/MainPlayer.vue

@@ -241,7 +241,7 @@ import { useDataStore, useMusicStore, useSettingStore, useStatusStore } from "@/
 import { toLikeSong } from "@/utils/auth";
 import { useTimeFormat } from "@/composables/useTimeFormat";
 import { useSwipe } from "@vueuse/core";
-import { copyData, coverLoaded, renderIcon } from "@/utils/helper";
+import { copyData, coverLoaded, renderIcon, getShareUrl } from "@/utils/helper";
 import {
   openAutoClose,
   openChangeRate,
@@ -327,7 +327,7 @@ const songMoreOptions = computed<DropdownOption[]>(() => {
           props: {
             onClick: () =>
               copyData(
-                `https://music.163.com/#/${song.type}?id=${song.id}`,
+                getShareUrl(song.type, song.id),
                 "已复制分享链接到剪切板",
               ),
           },

src/components/Setting/config/general.ts

@@ -359,6 +359,25 @@ export const useGeneralSettings = (): SettingConfig => {
           },
         ],
       },
+      {
+        title: "其他设置",
+        items: [
+          {
+            key: "shareUrlFormat",
+            label: "分享链接格式",
+            type: "select",
+            description: "自定义分享链接的生成格式",
+            options: [
+              { label: "网页版", value: "web" },
+              { label: "移动版", value: "mobile" },
+            ],
+            value: computed({
+              get: () => settingStore.shareUrlFormat,
+              set: (v) => (settingStore.shareUrlFormat = v),
+            }),
+          },
+        ],
+      },
       {
         title: "备份与恢复",
         tags: [{ text: "Beta", type: "warning" }],

src/composables/useSongMenu.ts

@@ -9,7 +9,7 @@ import {
 } from "@/stores";
 import { useDownloadManager } from "@/core/resource/DownloadManager";
 import { usePlayerController } from "@/core/player/PlayerController";
-import { renderIcon, copyData } from "@/utils/helper";
+import { renderIcon, copyData, getShareUrl } from "@/utils/helper";
 import { deleteCloudSong, importCloudSong } from "@/api/cloud";
 import {
   openCloudMatch,
@@ -264,7 +264,7 @@ export const useSongMenu = () => {
             show: !isLocal && type !== "streaming",
             props: {
               onClick: () =>
-                copyData(`https://music.163.com/#/${type}?id=${song.id}`, "已复制分享链接到剪切板"),
+                copyData(getShareUrl(type, song.id), "已复制分享链接到剪贴板"),
             },
             icon: renderIcon("Share", { size: 18 }),
           },

src/stores/setting.ts

@@ -68,6 +68,8 @@ export interface SettingState {
   taskbarLyricFontWeight: number;
   /** 是否使用在线服务 */
   useOnlineService: boolean;
+  /** 分享链接格式 */
+  shareUrlFormat: "web" | "mobile";
   /** 启动时检查更新 */
   checkUpdateOnStart: boolean;
   /** 隐藏 VIP 标签 */
@@ -513,6 +515,7 @@ export const useSettingStore = defineStore("setting", {
     routeAnimation: "slide",
     playerExpandAnimation: "up",
     useOnlineService: true,
+    shareUrlFormat: "web",
     showCloseAppTip: true,
     closeAppMethod: "hide",
     showTaskbarProgress: false,

src/utils/helper.ts

@@ -161,7 +161,12 @@ export const formatFileSize = (bytes: number): string => {
  */
 export const copyData = async (text: any, message?: string) => {
   if (!text) return;
-  const content = typeof text === "string" ? text.trim() : JSON.stringify(text, null, 2);
+  const content =
+    typeof text === "string"
+      ? text.trim()
+      : Array.isArray(text)
+        ? text.join("\n")
+        : JSON.stringify(text, null, 2);
   if (navigator.clipboard && window.isSecureContext) {
     try {
       await navigator.clipboard.writeText(content);
@@ -470,3 +475,20 @@ export const handleSongQuality = (
   }
   return undefined;
 };
+
+/**
+ * 获取分享链接
+ * @param type 资源类型 (song, playlist, album, artist, mv, etc.)
+ * @param id 资源 ID
+ * @returns 分享链接
+ */
+export const getShareUrl = (type: string, id: number | string): string => {
+  const settingStore = useSettingStore();
+  const { shareUrlFormat } = settingStore;
+
+  if (shareUrlFormat === "mobile") {
+    return `https://y.music.163.com/m/${type}?id=${id}`;
+  }
+
+  return `https://music.163.com/#/${type}?id=${id}`;
+};

src/views/Artist/layout.vue

@@ -154,7 +154,7 @@
 <script setup lang="ts">
 import type { DropdownOption } from "naive-ui";
 import type { ArtistType } from "@/types/main";
-import { coverLoaded, renderIcon, copyData } from "@/utils/helper";
+import { coverLoaded, renderIcon, copyData, getShareUrl } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { openDescModal, openBatchList } from "@/utils/modal";
 import { artistDetail } from "@/api/artist";
@@ -209,7 +209,10 @@ const moreOptions = computed<DropdownOption[]>(() => [
     key: "copy",
     props: {
       onClick: () =>
-        copyData(`https://music.163.com/#/artist?id=${artistId.value}`, "已复制分享链接到剪贴板"),
+        copyData(
+          getShareUrl("artist", artistId.value),
+          "已复制分享链接到剪贴板",
+        ),
     },
     icon: renderIcon("Share"),
   },

src/views/List/album.vue

@@ -65,7 +65,7 @@ import type { DropdownOption } from "naive-ui";
 import { songDetail } from "@/api/song";
 import { albumDetail } from "@/api/album";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { renderIcon, copyData } from "@/utils/helper";
+import { renderIcon, copyData, getShareUrl } from "@/utils/helper";
 import { openBatchList } from "@/utils/modal";
 import { useDataStore } from "@/stores";
 import { toLikeAlbum } from "@/utils/auth";
@@ -163,7 +163,10 @@ const moreOptions = computed<DropdownOption[]>(() => [
     key: "copy",
     props: {
       onClick: () =>
-        copyData(`https://music.163.com/#/album?id=${albumId.value}`, "已复制分享链接到剪贴板"),
+        copyData(
+          getShareUrl("album", albumId.value),
+          "已复制分享链接到剪贴板",
+        ),
     },
     icon: renderIcon("Share"),
   },

src/views/List/liked.vue

@@ -46,7 +46,7 @@ import { SongType } from "@/types/main";
 import { songDetail } from "@/api/song";
 import { playlistDetail, playlistAllSongs } from "@/api/playlist";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { renderIcon, copyData } from "@/utils/helper";
+import { renderIcon, copyData, getShareUrl } from "@/utils/helper";
 import { isObject } from "lodash-es";
 import { useDataStore } from "@/stores";
 import { openBatchList, openUpdatePlaylist } from "@/utils/modal";
@@ -146,7 +146,7 @@ const moreOptions = computed<DropdownOption[]>(() => [
     props: {
       onClick: () =>
         copyData(
-          `https://music.163.com/#/playlist?id=${playlistId.value}`,
+          getShareUrl("playlist", playlistId.value),
           "已复制分享链接到剪贴板",
         ),
     },

src/views/List/playlist.vue

@@ -87,7 +87,7 @@ import {
   updatePlaylistPrivacy,
 } from "@/api/playlist";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { renderIcon, copyData } from "@/utils/helper";
+import { renderIcon, copyData, getShareUrl } from "@/utils/helper";
 import { isLogin, toLikePlaylist, updateUserLikePlaylist } from "@/utils/auth";
 import { useDataStore, useLocalStore } from "@/stores";
 import { openBatchList, openUpdatePlaylist } from "@/utils/modal";
@@ -229,7 +229,7 @@ const moreOptions = computed<DropdownOption[]>(() => [
     props: {
       onClick: () =>
         copyData(
-          `https://music.163.com/#/playlist?id=${playlistId.value}`,
+          getShareUrl("playlist", playlistId.value),
           "已复制分享链接到剪贴板",
         ),
     },

src/views/List/radio.vue

@@ -64,7 +64,7 @@
 <script setup lang="ts">
 import type { DropdownOption, MessageReactive } from "naive-ui";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { renderIcon, copyData } from "@/utils/helper";
+import { renderIcon, copyData, getShareUrl } from "@/utils/helper";
 import { useDataStore } from "@/stores";
 import { radioAllProgram, radioDetail } from "@/api/radio";
 import { useListDetail } from "@/composables/List/useListDetail";
@@ -170,7 +170,10 @@ const moreOptions = computed<DropdownOption[]>(() => [
     key: "copy",
     props: {
       onClick: () =>
-        copyData(`https://music.163.com/#/djradio?id=${radioId.value}`, "已复制分享链接到剪贴板"),
+        copyData(
+          getShareUrl("djradio", radioId.value),
+          "已复制分享链接到剪贴板",
+        ),
     },
     icon: renderIcon("Share"),
   },