🦄 refactor: 重构整个项目优化打包修改后台服务为本地运行添加更新版本检测功能

2026-04-28 02:47:22 +08:00 · 2025-01-01 02:25:18 +08:00
parent f8d421c9b1
commit 17d20fa299
260 changed files with 78557 additions and 1693 deletions
@@ -0,0 +1,203 @@
+import { ad as request, d as defineComponent, r as ref, G as computed, aq as onActivated, c as createElementBlock, n as normalizeClass, u as unref, a2 as normalizeStyle, b as createBaseVNode, t as toDisplayString, e as createVNode, f as withCtx, T as createCommentVNode, w as withDirectives, S as Scrollbar, ab as resolveDirective, g as useStore, h as useRouter, j as openBlock, s as setAnimationClass, a7 as getImgUrl, a3 as Fragment, a4 as renderList, U as PlayBottom, ac as isMobile, a5 as setAnimationDelay, _ as _export_sfc } from "./index-DKaFsuse.js";
+import { M as MusicList, a as getListDetail } from "./MusicList-s-QHu-iA.js";
+import { S as SongItem } from "./SongItem-CoswpGn6.js";
+import { _ as __unplugin_components_2 } from "./Avatar-rQ2og-6c.js";
+import { N as NImage } from "./Image-DXClIklC.js";
+import "./Drawer-BEJ8Ydua.js";
+import "./Ellipsis-D4R5dIX2.js";
+import "./Tag-C0oC92WF.js";
+import "./use-locale-DLWAOXez.js";
+function getUserDetail(uid) {
+  return request.get("/user/detail", { params: { uid } });
+}
+function getUserPlaylist(uid) {
+  return request.get("/user/playlist", { params: { uid } });
+}
+function getUserRecord(uid, type = 0) {
+  return request.get("/user/record", { params: { uid, type } });
+}
+const _hoisted_1 = { class: "user-page" };
+const _hoisted_2 = { class: "page" };
+const _hoisted_3 = { class: "user-name" };
+const _hoisted_4 = { class: "user-info" };
+const _hoisted_5 = { class: "user-info-list" };
+const _hoisted_6 = { class: "user-info-item" };
+const _hoisted_7 = { class: "label" };
+const _hoisted_8 = { class: "user-info-item" };
+const _hoisted_9 = { class: "label" };
+const _hoisted_10 = { class: "user-info-item" };
+const _hoisted_11 = { class: "label" };
+const _hoisted_12 = { class: "uesr-signature" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "play-list-item-info" };
+const _hoisted_15 = { class: "play-list-item-name" };
+const _hoisted_16 = { class: "play-list-item-count" };
+const _hoisted_17 = { class: "record-list" };
+const _hoisted_18 = { class: "play-count" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "User"
+  },
+  __name: "index",
+  setup(__props) {
+    const store = useStore();
+    const router = useRouter();
+    const userDetail = ref();
+    const playList = ref([]);
+    const recordList = ref();
+    const infoLoading = ref(false);
+    const user = computed(() => store.state.user);
+    const loadPage = async () => {
+      if (!user.value) {
+        router.push("/login");
+        return;
+      }
+      infoLoading.value = true;
+      const { data: userData } = await getUserDetail(user.value.userId);
+      userDetail.value = userData;
+      const { data: playlistData } = await getUserPlaylist(user.value.userId);
+      playList.value = playlistData.playlist;
+      const { data: recordData } = await getUserRecord(user.value.userId);
+      recordList.value = recordData.allData.map((item) => ({
+        ...item,
+        ...item.song,
+        picUrl: item.song.al.picUrl
+      }));
+      infoLoading.value = false;
+    };
+    onActivated(() => {
+      if (!user.value) {
+        router.push("/login");
+      } else {
+        loadPage();
+      }
+    });
+    const isShowList = ref(false);
+    const list = ref();
+    const listLoading = ref(false);
+    const showPlaylist = async (id, name) => {
+      isShowList.value = true;
+      listLoading.value = true;
+      list.value = {
+        name
+      };
+      const { data } = await getListDetail(id);
+      list.value = data.playlist;
+      listLoading.value = false;
+    };
+    const handlePlay = () => {
+      const tracks = recordList.value || [];
+      store.commit("setPlayList", tracks);
+    };
+    return (_ctx, _cache) => {
+      const _component_n_avatar = __unplugin_components_2;
+      const _component_n_image = NImage;
+      const _component_n_scrollbar = Scrollbar;
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        userDetail.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["left", unref(setAnimationClass)("animate__fadeInLeft")]),
+          style: normalizeStyle({ backgroundImage: `url(${unref(getImgUrl)(user.value.backgroundUrl)})` })
+        }, [
+          createBaseVNode("div", _hoisted_2, [
+            createBaseVNode("div", _hoisted_3, toDisplayString(user.value.nickname), 1),
+            createBaseVNode("div", _hoisted_4, [
+              createVNode(_component_n_avatar, {
+                round: "",
+                size: 50,
+                src: unref(getImgUrl)(user.value.avatarUrl, "50y50")
+              }, null, 8, ["src"]),
+              createBaseVNode("div", _hoisted_5, [
+                createBaseVNode("div", _hoisted_6, [
+                  createBaseVNode("div", _hoisted_7, toDisplayString(userDetail.value.profile.followeds), 1),
+                  _cache[1] || (_cache[1] = createBaseVNode("div", null, "粉丝", -1))
+                ]),
+                createBaseVNode("div", _hoisted_8, [
+                  createBaseVNode("div", _hoisted_9, toDisplayString(userDetail.value.profile.follows), 1),
+                  _cache[2] || (_cache[2] = createBaseVNode("div", null, "关注", -1))
+                ]),
+                createBaseVNode("div", _hoisted_10, [
+                  createBaseVNode("div", _hoisted_11, toDisplayString(userDetail.value.level), 1),
+                  _cache[3] || (_cache[3] = createBaseVNode("div", null, "等级", -1))
+                ])
+              ])
+            ]),
+            createBaseVNode("div", _hoisted_12, toDisplayString(userDetail.value.profile.signature), 1),
+            createBaseVNode("div", {
+              class: normalizeClass(["play-list", unref(setAnimationClass)("animate__fadeInLeft")])
+            }, [
+              _cache[4] || (_cache[4] = createBaseVNode("div", { class: "title" }, "创建的歌单", -1)),
+              createVNode(_component_n_scrollbar, null, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(playList.value, (item, index2) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index2,
+                      class: "play-list-item",
+                      onClick: ($event) => showPlaylist(item.id, item.name)
+                    }, [
+                      createVNode(_component_n_image, {
+                        src: unref(getImgUrl)(item.coverImgUrl, "50y50"),
+                        class: "play-list-item-img",
+                        lazy: "",
+                        "preview-disabled": ""
+                      }, null, 8, ["src"]),
+                      createBaseVNode("div", _hoisted_14, [
+                        createBaseVNode("div", _hoisted_15, toDisplayString(item.name), 1),
+                        createBaseVNode("div", _hoisted_16, toDisplayString(item.trackCount) + "首，播放" + toDisplayString(item.playCount) + "次 ", 1)
+                      ])
+                    ], 8, _hoisted_13);
+                  }), 128)),
+                  createVNode(PlayBottom)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ])
+        ], 6)) : createCommentVNode("", true),
+        !unref(isMobile) ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["right", unref(setAnimationClass)("animate__fadeInRight")])
+        }, [
+          _cache[5] || (_cache[5] = createBaseVNode("div", { class: "title" }, "听歌排行", -1)),
+          createBaseVNode("div", _hoisted_17, [
+            createVNode(_component_n_scrollbar, null, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(recordList.value, (item, index2) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item.id,
+                    class: normalizeClass(["record-item", unref(setAnimationClass)("animate__bounceInUp")]),
+                    style: normalizeStyle(unref(setAnimationDelay)(index2, 25))
+                  }, [
+                    createVNode(SongItem, {
+                      class: "song-item",
+                      item,
+                      onPlay: handlePlay
+                    }, null, 8, ["item"]),
+                    createBaseVNode("div", _hoisted_18, toDisplayString(item.playCount) + "次", 1)
+                  ], 6);
+                }), 128)),
+                createVNode(PlayBottom)
+              ]),
+              _: 1
+            })
+          ])
+        ], 2)), [
+          [_directive_loading, infoLoading.value]
+        ]) : createCommentVNode("", true),
+        createVNode(MusicList, {
+          show: isShowList.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => isShowList.value = $event),
+          name: list.value?.name || "",
+          "song-list": list.value?.tracks || [],
+          "list-info": list.value,
+          loading: listLoading.value
+        }, null, 8, ["show", "name", "song-list", "list-info", "loading"])
+      ]);
+    };
+  }
+});
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be63ae6f"]]);
+export {
+  index as default
+};