feat: useVisit-判断用户是否首次访问某个功能

frontend/src/hooks/useVisit.ts

@@ -0,0 +1,21 @@
+import { useUserStore, useVisitStore } from '@/store';
+
+/**
+ * 判断账户是否第一次访问
+ * @param key 自定义 key
+ * @param needTimeStamp  是否需要加上时间戳
+ */
+export default function useVisit(key: string, needTimeStamp = false) {
+  const userStore = useUserStore();
+  const visitStore = useVisitStore();
+  const localKey = `${userStore.accountId}-${key}-${needTimeStamp ? new Date().getTime() : ''}`;
+  const addVisited = () => {
+    visitStore.addVisitedKey(localKey);
+  };
+  const getIsVisited = () => visitStore.getIsVisited(localKey);
+
+  return {
+    addVisited,
+    getIsVisited,
+  };
+}

frontend/src/store/modules/app/visit.ts

@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia';
+
+// 用于记录用户是否第一次访问某些功能，会持久化存储
+const useVisitStore = defineStore('visit', {
+  state: () => ({
+    visitedKeys: [] as string[],
+  }),
+  actions: {
+    addVisitedKey(key: string) {
+      this.visitedKeys.push(key);
+    },
+    deleteVisitedKey(key: string) {
+      this.visitedKeys = this.visitedKeys.filter((item) => item !== key);
+    },
+    getIsVisited(key: string): boolean {
+      return this.visitedKeys.includes(key);
+    },
+  },
+  persist: {
+    paths: ['visitedKeys'],
+  },
+});
+
+export default useVisitStore;