♻️ 路径优化

src/pages/common/Home.vue

@@ -0,0 +1,98 @@
+<template>
+  <ToLoading v-model="loading" :title="loadingTitle" :subtitle="loadingSubtitle" />
+  <component :is="item" v-for="item in components" :key="item" :ref="setItemRef" />
+</template>
+
+<script lang="ts" setup>
+// vue
+import { markRaw, onBeforeMount, onMounted, onUnmounted, onUpdated, ref } from "vue";
+import ToLoading from "../../components/overlay/to-loading.vue";
+import TPool from "../../components/main/t-pool.vue";
+import TPosition from "../../components/main/t-position.vue";
+import TCalendar from "../../components/main/t-calendar.vue";
+// store
+import { useHomeStore } from "../../store/modules/home";
+import { useAppStore } from "../../store/modules/app";
+import { useUserStore } from "../../store/modules/user";
+// utils
+import { getBuildTime } from "../../utils/TGBuild";
+import TGSqlite from "../../plugins/Sqlite";
+
+// store
+const appStore = useAppStore();
+const homeStore = useHomeStore();
+
+// loading
+const loading = ref<boolean>(true);
+const loadingTitle = ref<string>("正在加载首页");
+const loadingSubtitle = ref<string>("");
+
+// data
+const components = ref<any[]>([]);
+const itemRefs = ref<any[]>([]);
+
+// 定时器
+const timer = ref<any>(null);
+
+function readLoading(): void {
+  if (!loading.value) return;
+  const loadingMap = itemRefs.value.map((item) => {
+    return item.loading ? item.name : null;
+  });
+  loadingSubtitle.value = "正在加载 " + loadingMap.filter((item) => item)?.join("、");
+  if (loadingMap.every((item) => !item)) {
+    loading.value = false;
+  }
+}
+
+onBeforeMount(async () => {
+  // 获取当前用户
+  const user = await TGSqlite.getCurAccount();
+  // 存储当前用户
+  if (user) {
+    useUserStore().setCurAccount(user);
+  }
+});
+
+onMounted(async () => {
+  loadingTitle.value = "正在加载首页";
+  loading.value = true;
+  // 获取当前环境
+  const timeGet = getBuildTime();
+  appStore.devEnv = timeGet.startsWith("dev");
+  if (!appStore.devEnv && appStore.devMode) {
+    appStore.devMode = false;
+  }
+  appStore.buildTime = getBuildTime();
+  const showItems = homeStore.getShowValue();
+  await Promise.allSettled(
+    showItems.map((item) => {
+      switch (item) {
+        case "限时祈愿":
+          return components.value.push(markRaw(TPool));
+        case "近期活动":
+          return components.value.push(markRaw(TPosition));
+        case "素材日历":
+          return components.value.push(markRaw(TCalendar));
+        default:
+          return null;
+      }
+    }),
+  );
+  timer.value = setInterval(readLoading, 100);
+});
+
+function setItemRef(item: any): void {
+  if (itemRefs.value.includes(item)) return;
+  itemRefs.value.push(item);
+}
+
+// 监听定时器
+onUpdated(() => {
+  if (!loading.value) clearInterval(timer.value);
+});
+
+onUnmounted(() => {
+  itemRefs.value = [];
+});
+</script>