Merge pull request #605 from SUBearH/P503

✨ feat: 为每个页面添加链接分享按钮

Author: imsyy

src/components/Menu/CoverMenu.vue

@@ -80,12 +80,32 @@ const openDropdown = async (
           type: "divider",
         },
         {
-          key: "copy",
-          label: "复制链接",
+          key: "code-name",
+          label: `复制${type === "playlist" ? "歌单" : type === "album" ? "专辑" : type === "video" ? "视频" : "电台"}名称`,
           props: {
-            onClick: () => copyData(`https://music.163.com/#/${type}?id=${item.id}`),
+            onClick: () => copyData(item.name),
           },
-          icon: renderIcon("Link"),
+          icon: renderIcon("Copy", { size: 18 }),
+        },
+        {
+          key: "code-id",
+          label: `复制${type === "playlist" ? "歌单" : type === "album" ? "专辑" : type === "video" ? "视频" : "电台"} ID`,
+          props: {
+            onClick: () => copyData(item.id),
+          },
+          icon: renderIcon("Copy", { size: 18 }),
+        },
+        {
+          key: "share",
+          label: `分享${type === "playlist" ? "歌单" : type === "album" ? "专辑" : type === "video" ? "视频" : "电台"}链接`,
+          props: {
+            onClick: () =>
+              copyData(
+                `https://music.163.com/#/${type}?id=${item.id}`,
+                "已复制分享链接到剪贴板",
+              ),
+          },
+          icon: renderIcon("Share", { size: 18 }),
         },
       ];
       // 显示菜单

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 } from "@/utils/helper";
+import { coverLoaded, renderIcon, copyData } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { artistDetail } from "@/api/artist";
 import { formatArtistsList } from "@/utils/format";
@@ -183,6 +183,18 @@ const listScrolling = ref<boolean>(false);
 
 // 更多操作
 const moreOptions = computed<DropdownOption[]>(() => [
+  {
+    label: "复制分享链接",
+    key: "copy",
+    props: {
+      onClick: () =>
+        copyData(
+          `https://music.163.com/#/artist?id=${artistId.value}`,
+          "已复制分享链接到剪贴板",
+        ),
+    },
+    icon: renderIcon("Share"),
+  },
   {
     label: "打开源页面",
     key: "open",

src/views/List/album.vue

@@ -175,7 +175,7 @@ import type { DropdownOption } from "naive-ui";
 import { songDetail } from "@/api/song";
 import { albumDetail } from "@/api/album";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { coverLoaded, fuzzySearch, renderIcon } from "@/utils/helper";
+import { coverLoaded, fuzzySearch, renderIcon, copyData } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { useDataStore, useStatusStore } from "@/stores";
 import { debounce } from "lodash-es";
@@ -222,6 +222,18 @@ const songListHeight = computed(() => {
 
 // 更多操作
 const moreOptions = computed<DropdownOption[]>(() => [
+  {
+    label: "复制分享链接",
+    key: "copy",
+    props: {
+      onClick: () =>
+        copyData(
+          `https://music.163.com/#/album?id=${albumId.value}`,
+          "已复制分享链接到剪贴板",
+        ),
+    },
+    icon: renderIcon("Share"),
+  },
   {
     label: "打开源页面",
     key: "open",

src/views/List/liked.vue

@@ -169,7 +169,7 @@ import type { DropdownOption, MessageReactive } from "naive-ui";
 import { songDetail } from "@/api/song";
 import { playlistDetail, playlistAllSongs } from "@/api/playlist";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { coverLoaded, formatNumber, fuzzySearch, renderIcon } from "@/utils/helper";
+import { coverLoaded, formatNumber, fuzzySearch, renderIcon, copyData } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { debounce, isObject, uniqBy } from "lodash-es";
 import { useDataStore, useStatusStore } from "@/stores";
@@ -240,6 +240,18 @@ const moreOptions = computed<DropdownOption[]>(() => [
     },
     icon: renderIcon("Batch"),
   },
+  {
+    label: "复制分享链接",
+    key: "copy",
+    props: {
+      onClick: () =>
+        copyData(
+          `https://music.163.com/#/playlist?id=${playlistId.value}`,
+          "已复制分享链接到剪贴板",
+        ),
+    },
+    icon: renderIcon("Share"),
+  },
   {
     label: "打开源页面",
     key: "open",

src/views/List/playlist.vue

@@ -219,7 +219,7 @@ import {
   updatePlaylistPrivacy,
 } from "@/api/playlist";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { coverLoaded, formatNumber, fuzzySearch, renderIcon } from "@/utils/helper";
+import { coverLoaded, formatNumber, fuzzySearch, renderIcon, copyData } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { isLogin, toLikePlaylist, updateUserLikePlaylist } from "@/utils/auth";
 import { debounce } from "lodash-es";
@@ -311,6 +311,18 @@ const moreOptions = computed<DropdownOption[]>(() => [
     },
     icon: renderIcon("Batch"),
   },
+  {
+    label: "复制分享链接",
+    key: "copy",
+    props: {
+      onClick: () =>
+        copyData(
+          `https://music.163.com/#/playlist?id=${playlistId.value}`,
+          "已复制分享链接到剪贴板",
+        ),
+    },
+    icon: renderIcon("Share"),
+  },
   {
     label: "打开源页面",
     key: "open",

src/views/List/radio.vue

@@ -174,7 +174,7 @@
 import type { CoverType, SongType } from "@/types/main";
 import type { DropdownOption, MessageReactive } from "naive-ui";
 import { formatCoverList, formatSongsList } from "@/utils/format";
-import { coverLoaded, fuzzySearch, renderIcon } from "@/utils/helper";
+import { coverLoaded, fuzzySearch, renderIcon, copyData } from "@/utils/helper";
 import { renderToolbar } from "@/utils/meta";
 import { debounce } from "lodash-es";
 import { useDataStore, useStatusStore } from "@/stores";
@@ -239,6 +239,18 @@ const moreOptions = computed<DropdownOption[]>(() => [
     },
     icon: renderIcon("Refresh"),
   },
+  {
+    label: "复制分享链接",
+    key: "copy",
+    props: {
+      onClick: () =>
+        copyData(
+          `https://music.163.com/#/djradio?id=${radioId.value}`,
+          "已复制分享链接到剪贴板",
+        ),
+    },
+    icon: renderIcon("Share"),
+  },
   {
     label: "打开源页面",
     key: "open",