perf: Improve the use of store in the app

apps/web-antd/src/store/index.ts

@@ -2,7 +2,7 @@ import type { InitStoreOptions } from '@vben-core/stores';
 
 import type { App } from 'vue';
 
-import { initStore, useAccessStore, useTabbarStore } from '@vben-core/stores';
+import { initStore } from '@vben-core/stores';
 
 /**
  * @zh_CN 初始化pinia
@@ -13,4 +13,7 @@ async function setupStore(app: App, options: InitStoreOptions) {
   app.use(pinia);
 }
 
-export { setupStore, useAccessStore, useTabbarStore };
+export { setupStore };
+
+export { useAccessStore } from './modules/access';
+export { useAppStore } from './modules/app';

apps/web-antd/src/store/modules/access.ts

@@ -0,0 +1,99 @@
+import type { MenuRecordRaw, UserInfo } from '@vben/types';
+import type { LoginAndRegisterParams } from '@vben/universal-ui';
+import type { RouteRecordRaw } from 'vue-router';
+
+import { computed, ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { DEFAULT_HOME_PATH } from '@vben/constants';
+import { useCoreAccessStore } from '@vben-core/stores';
+
+import { defineStore } from 'pinia';
+
+import { getUserInfo, userLogin } from '#/apis';
+
+export const useAccessStore = defineStore('access', () => {
+  const coreStoreAccess = useCoreAccessStore();
+  const router = useRouter();
+  const loading = ref(false);
+
+  const accessToken = computed(() => coreStoreAccess.getAccessToken);
+  const userRoles = computed(() => coreStoreAccess.getUserRoles);
+  const userInfo = computed(() => coreStoreAccess.getUserInfo);
+  const accessRoutes = computed(() => coreStoreAccess.getAccessRoutes);
+
+  function setAccessMenus(menus: MenuRecordRaw[]) {
+    coreStoreAccess.setAccessMenus(menus);
+  }
+
+  function setAccessRoutes(routes: RouteRecordRaw[]) {
+    coreStoreAccess.setAccessRoutes(routes);
+  }
+
+  /**
+   * 异步处理登录操作
+   * Asynchronously handle the login process
+   * @param params 登录表单数据
+   */
+  async function authLogin(
+    params: LoginAndRegisterParams,
+    onSuccess?: () => Promise<void>,
+  ) {
+    // 异步处理用户登录操作并获取 accessToken
+    let userInfo: UserInfo | null = null;
+    try {
+      loading.value = true;
+      const { accessToken, refreshToken } = await userLogin(params);
+
+      // 如果成功获取到 accessToken
+      // If accessToken is successfully obtained
+      if (accessToken) {
+        // 将 accessToken 存储到 accessStore 中
+        // Store the accessToken in accessStore
+        coreStoreAccess.setAccessToken(accessToken);
+        coreStoreAccess.setRefreshToken(refreshToken);
+
+        // 获取用户信息并存储到 accessStore 中
+        // Get user information and store it in accessStore
+        userInfo = await fetchUserInfo();
+
+        coreStoreAccess.setUserInfo(userInfo);
+
+        onSuccess
+          ? await onSuccess?.()
+          : await router.push(userInfo.homePath || DEFAULT_HOME_PATH);
+      }
+    } finally {
+      loading.value = false;
+    }
+
+    return {
+      accessToken,
+      userInfo,
+    };
+  }
+
+  async function fetchUserInfo() {
+    let userInfo: UserInfo | null = null;
+    userInfo = await getUserInfo();
+    coreStoreAccess.setUserInfo(userInfo);
+    return userInfo;
+  }
+
+  function reset() {
+    coreStoreAccess.$reset();
+  }
+
+  return {
+    accessRoutes,
+    accessToken,
+    authLogin,
+    fetchUserInfo,
+    loading,
+    reset,
+    setAccessMenus,
+    setAccessRoutes,
+    userInfo,
+    userRoles,
+  };
+});

apps/web-antd/src/store/modules/app.ts

@@ -0,0 +1,20 @@
+import { useCoreAccessStore, useCoreTabbarStore } from '@vben-core/stores';
+
+import { defineStore } from 'pinia';
+
+export const useAppStore = defineStore('app', () => {
+  const coreStoreAccess = useCoreAccessStore();
+  const coreTabbarStore = useCoreTabbarStore();
+
+  /**
+   * 重置所有 状态
+   */
+  async function resetAppState() {
+    coreStoreAccess.$reset();
+    coreTabbarStore.$reset();
+  }
+
+  return {
+    resetAppState,
+  };
+});

apps/web-antd/src/store/modules/example.test.ts

@@ -1,17 +0,0 @@
-import { createPinia, setActivePinia } from 'pinia';
-import { beforeEach, describe, expect, it } from 'vitest';
-
-import { useCounterStore } from './example';
-
-describe('useCounterStore', () => {
-  beforeEach(() => {
-    setActivePinia(createPinia());
-  });
-
-  it('count test', () => {
-    setActivePinia(createPinia());
-    const counterStore = useCounterStore();
-
-    expect(counterStore.count).toBe(0);
-  });
-});

apps/web-antd/src/store/modules/example.ts

@@ -1,14 +0,0 @@
-import { defineStore } from 'pinia';
-
-export const useCounterStore = defineStore('counter', {
-  actions: {
-    increment() {
-      this.count++;
-    },
-  },
-  getters: {
-    double: (state) => state.count * 2,
-  },
-  persist: [],
-  state: () => ({ count: 0 }),
-});