refactor: 【web-ant】重构认证模块并移除未使用的组件和功能

- 重构认证存储以分别处理认证和权限信息 - 重构验证码组件 - 移除字典数据相关的API和存储功能 - 更新路由生成逻辑和权限控制 - 添加分页和请求客户端相关类型定义 - 更新依赖包版本(crypto-js, qs)及其类型定义
2024-11-26 06:04:36 +08:00 · 2024-11-26 06:04:36 +08:00 · 0fed947230
parent 3d59cc7287
commit 0fed947230
48 changed files with 874 additions and 814 deletions
--- a/apps/web-antd/.env
+++ b/apps/web-antd/.env
@ -3,14 +3,11 @@ VITE_APP_TITLE=芋道管理系统

 # 应用命名空间，用于缓存、store等功能的前缀，确保隔离
 VITE_APP_NAMESPACE=yudao-vben-antd
+# 是否开启模拟数据
+VITE_NITRO_MOCK=false

 # 租户开关
 VITE_APP_TENANT_ENABLE=true

 # 验证码的开关
-VITE_APP_CAPTCHA_ENABLE=false
-
-# 默认账户密码
-VITE_APP_DEFAULT_LOGIN_TENANT=芋道源码
-VITE_APP_DEFAULT_LOGIN_USERNAME=admin
-VITE_APP_DEFAULT_LOGIN_PASSWORD=admin123
+VITE_APP_CAPTCHA_ENABLE=true
--- a/apps/web-antd/.env.development
+++ b/apps/web-antd/.env.development
@ -5,12 +5,15 @@ VITE_BASE=/

 # 接口地址
 VITE_GLOB_API_URL=/admin-api
-
-# 是否开启 Nitro Mock服务，true 为开启，false 为关闭
-VITE_NITRO_MOCK=false
-
 # 是否打开 devtools，true 为打开，false 为关闭
 VITE_DEVTOOLS=false

 # 是否注入全局loading
 VITE_INJECT_APP_LOADING=true
+
+# 默认租户名称
+VITE_APP_DEFAULT_TENANT_NAME=芋道源码
+# 默认登录用户名
+VITE_APP_DEFAULT_USERNAME=admin
+# 默认登录密码
+VITE_APP_DEFAULT_PASSWORD=admin123
--- a/apps/web-antd/package.json
+++ b/apps/web-antd/package.json
@ -42,13 +42,9 @@
    "@vben/utils": "workspace:*",
    "@vueuse/core": "catalog:",
    "ant-design-vue": "catalog:",
-    "crypto-js": "^4.2.0",
    "dayjs": "catalog:",
    "pinia": "catalog:",
    "vue": "catalog:",
    "vue-router": "catalog:"
-  },
-  "devDependencies": {
-    "@types/crypto-js": "^4.2.2"
  }
 }
--- a/apps/web-antd/src/adapter/vxe-table.ts
+++ b/apps/web-antd/src/adapter/vxe-table.ts
@ -20,6 +20,17 @@ setupVbenVxeTable({
          // 全局禁用vxe-table的表单配置，使用formOptions
          enabled: false,
        },
+        toolbarConfig: {
+          import: true,
+          export: true,
+          refresh: true,
+          print: true,
+          zoom: true,
+          custom: true,
+        },
+        customConfig: {
+          mode: 'modal',
+        },
        proxyConfig: {
          autoLoad: true,
          response: {
@ -29,6 +40,12 @@ setupVbenVxeTable({
          showActiveMsg: true,
          showResponseMsg: false,
        },
+        pagerConfig: {
+          enabled: true,
+        },
+        sortConfig: {
+          multiple: true,
+        },
        round: true,
        showOverflow: true,
        size: 'small',
--- a/apps/web-antd/src/api/core/auth.ts
+++ b/apps/web-antd/src/api/core/auth.ts
@ -1,7 +1,6 @@
-import type { YudaoUserInfo } from '#/types';
+import type { AuthPermissionInfo } from '@vben/types';

 import { baseRequestClient, requestClient } from '#/api/request';
-import { getRefreshToken } from '#/utils';

 export namespace AuthApi {
  /** 登录接口参数 */
@ -13,40 +12,47 @@ export namespace AuthApi {

  /** 登录接口返回值 */
  export interface LoginResult {
-    userId: number | string;
    accessToken: string;
    refreshToken: string;
+    userId: number;
    expiresTime: number;
  }

-  export interface RefreshTokenResult {
-    data: string;
-    status: number;
-  }
-  export interface SmsCodeVO {
-    mobile: string;
-    scene: number;
-  }
-
-  export interface SmsLoginVO {
-    mobile: string;
-    code: string;
+  export interface TenantSimple {
+    id: number;
+    name: string;
  }
 }

 /**
 * 登录
 */
-export function loginApi(data: AuthApi.LoginParams) {
+export async function loginApi(data: AuthApi.LoginParams) {
  return requestClient.post<AuthApi.LoginResult>('/system/auth/login', data);
 }

 /**
 * 刷新accessToken
 */
-export function refreshTokenApi() {
+export async function refreshTokenApi(refreshToken: string) {
  return requestClient.post<AuthApi.LoginResult>(
-    `/system/auth/refresh-token?refreshToken=${getRefreshToken()}`,
+    `/system/auth/refresh-token?refreshToken=${refreshToken}`,
+  );
+}
+
+/**
+ * 退出登录
+ */
+export async function logoutApi() {
+  return requestClient.post('/system/auth/logout');
+}
+
+/**
+ * 获取用户权限信息
+ */
+export function getAuthPermissionInfoApi() {
+  return requestClient.get<AuthPermissionInfo>(
+    '/system/auth/get-permission-info',
  );
 }

@ -55,7 +61,7 @@ export function refreshTokenApi() {
 * @param name 租户名
 * @returns 租户编号
 */
-export function getTenantIdByName(name: string) {
+export async function getTenantIdByName(name: string) {
  return requestClient.get<number>(
    `/system/tenant/get-id-by-name?name=${name}`,
  );
@ -66,68 +72,18 @@ export function getTenantIdByName(name: string) {
 * @param website 域名
 * @returns 租户信息
 */
-export function getTenantByWebsite(website: string) {
-  return requestClient.get(`/system/tenant/get-by-website?website=${website}`);
-}
-
-/**
- * 退出登录
- */
-export function logoutApi() {
-  return requestClient.post('/system/auth/logout');
-}
-
-/**
- * 获取用户权限信息
- */
-export function getUserInfo() {
-  return requestClient.get<YudaoUserInfo>('/system/auth/get-permission-info');
-}
-
-/**
- * 获取登录验证码
- */
-export function sendSmsCode(data: AuthApi.SmsCodeVO) {
-  return requestClient.post('/system/auth/send-sms-code', data);
-}
-
-/**
- * 短信验证码登录
- */
-export function smsLogin(data: AuthApi.SmsLoginVO) {
-  return requestClient.post('/system/auth/sms-login', data);
-}
-
-/**
- * 社交快捷登录，使用 code 授权码
- */
-export function socialLogin(type: string, code: string, state: string) {
-  return requestClient.post('/system/auth/social-login', {
-    type,
-    code,
-    state,
-  });
-}
-
-/**
- * 社交授权的跳转
- */
-export function socialAuthRedirect(type: number, redirectUri: string) {
-  return requestClient.get(
-    `/system/auth/social-auth-redirect?type=${type}&redirectUri=${redirectUri}`,
+export async function getTenantByWebsite(website: string) {
+  return requestClient.get<AuthApi.TenantSimple>(
+    `/system/tenant/get-by-website?website=${website}`,
  );
 }

-/**
- * 获取验证图片 以及token
- */
-export function getCaptcha(data: any) {
+// 获取验证图片 以及token
+export async function getCaptcha(data: any) {
  return baseRequestClient.post('/system/captcha/get', data);
 }

-/**
- * 滑动或者点选验证
- */
-export function checkCaptcha(data: any) {
+// 滑动或者点选验证
+export async function checkCaptcha(data: any) {
  return baseRequestClient.post('/system/captcha/check', data);
 }
--- a/apps/web-antd/src/api/request.ts
+++ b/apps/web-antd/src/api/request.ts
@ -10,19 +10,15 @@ import {
  errorMessageResponseInterceptor,
  RequestClient,
 } from '@vben/request';
-import { useAccessStore } from '@vben/stores';
+import { useAccessStore, useTenantStore } from '@vben/stores';

 import { message } from 'ant-design-vue';

 import { useAuthStore } from '#/store';
-import { getTenantId } from '#/utils';

 import { refreshTokenApi } from './core';

-const { apiURL, tenantEnable } = useAppConfig(
-  import.meta.env,
-  import.meta.env.PROD,
-);
+const { apiURL } = useAppConfig(import.meta.env, import.meta.env.PROD);

 function createRequestClient(baseURL: string) {
  const client = new RequestClient({
@ -52,9 +48,12 @@ function createRequestClient(baseURL: string) {
   */
  async function doRefreshToken() {
    const accessStore = useAccessStore();
-    const resp = await refreshTokenApi();
-    const newToken = resp.refreshToken;
+    const resp = await refreshTokenApi(accessStore.refreshToken ?? '');
+    const newToken = resp.accessToken;
+    const newRefreshToken = resp.refreshToken;
+
    accessStore.setAccessToken(newToken);
+    accessStore.setRefreshToken(newRefreshToken);
    return newToken;
  }

@ -66,11 +65,11 @@ function createRequestClient(baseURL: string) {
  client.addRequestInterceptor({
    fulfilled: async (config) => {
      const accessStore = useAccessStore();
-      const tenantId = getTenantId();
+      const tenantStore = useTenantStore();
+
      config.headers.Authorization = formatToken(accessStore.accessToken);
      config.headers['Accept-Language'] = preferences.app.locale;
-      config.headers['tenant-id'] =
-        tenantEnable && tenantId ? tenantId : undefined;
+      config.headers['tenant-id'] = tenantStore.tenantId ?? undefined;
      return config;
    },
  });
@ -78,32 +77,13 @@ function createRequestClient(baseURL: string) {
  // response数据解构
  client.addResponseInterceptor<HttpResponse>({
    fulfilled: (response) => {
-      // const { config, data: responseData, status, request } = response;
-      const { data: responseData, request } = response;
-      // 这个判断的目的是：excel 导出等情况下，系统执行异常，此时返回的是 json，而不是二进制数据
-      if (
-        (request.responseType === 'blob' ||
-          request.responseType === 'arraybuffer') &&
-        responseData?.code === undefined
-      ) {
-        return responseData;
-      }
+      const { data: responseData, status } = response;

-      const { code, data: result } = responseData;
-      if (responseData && Reflect.has(responseData, 'code') && code === 0) {
-        return result;
-      }
-
-      switch (code) {
-        case 401: {
-          response.status = 401;
-          throw Object.assign({}, response, { response });
-        }
-        default: {
-          response.status = code;
-          throw Object.assign({}, response, { response });
-        }
+      const { code, data } = responseData;
+      if (status >= 200 && status < 400 && code === 0) {
+        return data;
      }
+      throw Object.assign({}, response, { response });
    },
  });

@ -124,7 +104,8 @@ function createRequestClient(baseURL: string) {
      // 这里可以根据业务进行定制,你可以拿到 error 内的信息进行定制化处理，根据不同的 code 做不同的提示，而不是直接使用 message.error 提示 msg
      // 当前mock接口返回的错误字段是 error 或者 message
      const responseData = error?.response?.data ?? {};
-      const errorMessage = responseData?.error ?? responseData?.message ?? '';
+      const errorMessage =
+        responseData?.error ?? responseData?.message ?? responseData.msg ?? '';
      // 如果没有错误信息，则会根据状态码进行提示
      message.error(errorMessage || msg);
    }),
@ -133,11 +114,8 @@ function createRequestClient(baseURL: string) {
  return client;
 }

-export type PageParam = {
-  pageNo?: number;
-  pageSize?: number;
-};
-
 export const requestClient = createRequestClient(apiURL);

 export const baseRequestClient = new RequestClient({ baseURL: apiURL });
+
+export type * from '@vben/request';
--- a/apps/web-antd/src/api/system/dict-data/index.ts
+++ b/apps/web-antd/src/api/system/dict-data/index.ts
@ -0,0 +1,89 @@
+import { type PageParam, requestClient } from '#/api/request';
+
+export namespace DictDataApi {
+  /**
+   * 字典数据信息 Response VO
+   */
+  export type DictDataRespVO = {
+    colorType?: string;
+    createTime?: Date;
+    cssClass?: string;
+    dictType: string;
+    id?: number;
+    label: string;
+    remark?: string;
+    sort?: number;
+    status?: number;
+    value: string;
+  };
+
+  /**
+   * 字典类型分页列表 Request VO
+   */
+  export interface DictDataPageReqVO extends PageParam {
+    dictType?: string;
+    label?: string;
+    status?: number;
+  }
+
+  /**
+   * 字典数据创建/修改 Request VO
+   */
+  export interface DictDataSaveReqVO {
+    colorType?: string;
+    cssClass?: string;
+    dictType: string;
+    id?: number;
+    label: string;
+    remark?: string;
+    sort?: number;
+    status?: number;
+    value: string;
+  }
+
+  /**
+   * 字典数据（精简) Response VO
+   */
+  export interface DictDataSimpleRespVO {
+    colorType?: string;
+    cssClass?: string;
+    dictType: string;
+    label: string;
+    value: string;
+  }
+}
+
+// 查询字典数据（精简)列表
+export const getSimpleDictDataList = () => {
+  return requestClient.get('/system/dict-data/simple-list');
+};
+
+// 查询字典数据列表
+export const getDictDataPage = (params: PageParam) => {
+  return requestClient.get('/system/dict-data/page', { params });
+};
+
+// 查询字典数据详情
+export const getDictData = (id: number) => {
+  return requestClient.get(`/system/dict-data/get?id=${id}`);
+};
+
+// 新增字典数据
+export const createDictData = (data: DictDataApi.DictDataSaveReqVO) => {
+  return requestClient.post('/system/dict-data/create', data);
+};
+
+// 修改字典数据
+export const updateDictData = (data: DictDataApi.DictDataSaveReqVO) => {
+  return requestClient.put('/system/dict-data/update', data);
+};
+
+// 删除字典数据
+export const deleteDictData = (id: number) => {
+  return requestClient.delete(`/system/dict-data/delete?id=${id}`);
+};
+
+// 导出字典类型数据
+export const exportDictData = (params: DictDataApi.DictDataPageReqVO) => {
+  return requestClient.download('/system/dict-data/export', { params });
+};
--- a/apps/web-antd/src/api/system/dict-type/index.ts
+++ b/apps/web-antd/src/api/system/dict-type/index.ts
@ -0,0 +1 @@
+export namespace DictTypeApi {}
--- a/apps/web-antd/src/api/system/dict/dict.data.ts
+++ b/apps/web-antd/src/api/system/dict/dict.data.ts
@ -1,49 +0,0 @@
-import { requestClient } from '#/api/request';
-
-export type DictDataVO = {
-  colorType: string;
-  createTime: Date;
-  cssClass: string;
-  dictType: string;
-  id: number | undefined;
-  label: string;
-  remark: string;
-  sort: number | undefined;
-  status: number;
-  value: string;
-};
-
-// 查询字典数据（精简)列表
-export function getSimpleDictDataList() {
-  return requestClient.get('/system/dict-data/simple-list');
-}
-
-// 查询字典数据列表
-export function getDictDataPage(params: any) {
-  return requestClient.get('/system/dict-data/page', params);
-}
-
-// 查询字典数据详情
-export function getDictData(id: number) {
-  return requestClient.get(`/system/dict-data/get?id=${id}`);
-}
-
-// 新增字典数据
-export function createDictData(data: DictDataVO) {
-  return requestClient.post('/system/dict-data/create', data);
-}
-
-// 修改字典数据
-export function updateDictData(data: DictDataVO) {
-  return requestClient.put('/system/dict-data/update', data);
-}
-
-// 删除字典数据
-export function deleteDictData(id: number) {
-  return requestClient.delete(`/system/dict-data/delete?id=${id}`);
-}
-
-// 导出字典类型数据
-export function exportDictData(params: any) {
-  return requestClient.download('/system/dict-data/export', params);
-}
--- a/apps/web-antd/src/api/system/dict/dict.type.ts
+++ b/apps/web-antd/src/api/system/dict/dict.type.ts
@ -1,44 +0,0 @@
-import { requestClient } from '#/api/request';
-
-export type DictTypeVO = {
-  createTime: Date;
-  id: number | undefined;
-  name: string;
-  remark: string;
-  status: number;
-  type: string;
-};
-
-// 查询字典（精简)列表
-export function getSimpleDictTypeList() {
-  return requestClient.get('/system/dict-type/list-all-simple');
-}
-
-// 查询字典列表
-export function getDictTypePage(params: any) {
-  return requestClient.get('/system/dict-type/page', params);
-}
-
-// 查询字典详情
-export function getDictType(id: number) {
-  return requestClient.get(`/system/dict-type/get?id=${id}`);
-}
-
-// 新增字典
-export function createDictType(data: DictTypeVO) {
-  return requestClient.post('/system/dict-type/create', data);
-}
-
-// 修改字典
-export function updateDictType(data: DictTypeVO) {
-  return requestClient.put('/system/dict-type/update', data);
-}
-
-// 删除字典
-export function deleteDictType(id: number) {
-  return requestClient.delete(`/system/dict-type/delete?id=${id}`);
-}
-// 导出字典类型
-export function exportDictType(params: any) {
-  return requestClient.download('/system/dict-type/export', params);
-}
--- a/apps/web-antd/src/layouts/basic.vue
+++ b/apps/web-antd/src/layouts/basic.vue
@ -101,7 +101,7 @@ const menus = computed(() => [
 ]);

 const avatar = computed(() => {
-  return userStore.userInfo?.user.avatar ?? preferences.app.defaultAvatar;
+  return userStore.userInfo?.avatar ?? preferences.app.defaultAvatar;
 });

 async function handleLogout() {
@ -138,7 +138,7 @@ watch(
      <UserDropdown
        :avatar
        :menus
-        :text="userStore.userInfo?.user.nickname"
+        :text="userStore.userInfo?.nickname"
        tag-text="Admin"
        @logout="handleLogout"
      />
--- a/apps/web-antd/src/preferences.ts
+++ b/apps/web-antd/src/preferences.ts
@ -8,9 +8,9 @@ import { defineOverridesPreferences } from '@vben/preferences';
 export const overridesPreferences = defineOverridesPreferences({
  // overrides
  app: {
+    name: import.meta.env.VITE_APP_TITLE,
    /** 后端路由模式 */
    accessMode: 'backend',
-    name: import.meta.env.VITE_APP_TITLE,
    enableRefreshToken: true,
  },
 });
--- a/apps/web-antd/src/router/access.ts
+++ b/apps/web-antd/src/router/access.ts
@ -1,16 +1,14 @@
 import type {
  ComponentRecordType,
  GenerateMenuAndRoutesOptions,
-  RouteRecordStringComponent,
 } from '@vben/types';

 import { generateAccessible } from '@vben/access';
 import { preferences } from '@vben/preferences';
-import { useUserStore } from '@vben/stores';
-import { cloneDeep } from '@vben/utils';

 import { message } from 'ant-design-vue';

+import { getAuthPermissionInfoApi } from '#/api';
 import { BasicLayout, IFrameView } from '#/layouts';
 import { $t } from '#/locales';

@ -18,75 +16,6 @@ import { buildMenus } from './helper';

 const forbiddenComponent = () => import('#/views/_core/fallback/forbidden.vue');

-/**
- * base路由
- */
-const baseMenus: RouteRecordStringComponent[] = [
-  {
-    component: 'BasicLayout',
-    meta: {
-      order: -1,
-      title: 'page.dashboard.title',
-    },
-    name: 'Dashboard',
-    path: '/',
-    redirect: '/analytics',
-    children: [
-      {
-        name: 'Analytics',
-        path: '/analytics',
-        component: '/dashboard/analytics/index',
-        meta: {
-          affixTab: true,
-          icon: 'lucide:area-chart',
-          title: 'page.dashboard.analytics',
-        },
-      },
-      {
-        name: 'Workspace',
-        path: '/workspace',
-        component: '/dashboard/workspace/index',
-        meta: {
-          icon: 'carbon:workspace',
-          title: 'page.dashboard.workspace',
-        },
-      },
-      {
-        name: 'VbenAbout',
-        path: '/about',
-        component: '/_core/about/index.vue',
-        meta: {
-          icon: 'lucide:copyright',
-          title: 'demos.vben.about',
-        },
-      },
-    ],
-  },
-  {
-    component: 'BasicLayout',
-    meta: {
-      icon: 'ant-design:user-outlined',
-      order: -1,
-      title: '个人中心',
-      hideInMenu: true,
-    },
-    name: 'profile',
-    path: '/profile',
-    children: [
-      {
-        name: 'UserProfile',
-        path: '/profile/index',
-        component: '/_core/profile/profile.vue',
-        meta: {
-          icon: 'ant-design:user-outlined',
-          title: '个人中心',
-          hideInMenu: true,
-        },
-      },
-    ],
-  },
-];
-
 async function generateAccess(options: GenerateMenuAndRoutesOptions) {
  const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue');

@ -102,10 +31,10 @@ async function generateAccess(options: GenerateMenuAndRoutesOptions) {
        content: `${$t('common.loadingMenu')}...`,
        duration: 1.5,
      });
-      const userStore = useUserStore();
-      const menus = userStore.userInfo?.menus;
+      const authPermissionInfo = await getAuthPermissionInfoApi();
+      const menus = authPermissionInfo.menus;
      const routes = buildMenus(menus);
-      const menuList = [...cloneDeep(baseMenus), ...routes];
+      const menuList = [...routes];
      return menuList;
    },
    // 可以指定没有权限跳转403页面
--- a/apps/web-antd/src/router/guard.ts
+++ b/apps/web-antd/src/router/guard.ts
@ -87,9 +87,11 @@ function setupAccessGuard(router: Router) {

    // 生成路由表
    // 当前登录用户拥有的角色标识列表
-    const userInfo = userStore.userInfo || (await authStore.fetchUserInfo());
-    const userRoles = userInfo.roles ?? [];
-
+    let userRoles = userStore.userRoles;
+    if (!userRoles) {
+      const authPermissionInfo = await authStore.getAuthPermissionInfo();
+      userRoles = authPermissionInfo?.roles ?? [];
+    }
    // 生成菜单和路由
    const { accessibleMenus, accessibleRoutes } = await generateAccess({
      roles: userRoles,
--- a/apps/web-antd/src/router/helper.ts
+++ b/apps/web-antd/src/router/helper.ts
@ -1,6 +1,7 @@
-import type { RouteRecordStringComponent } from '@vben/types';
-
-import type { AppRouteRecordRaw } from '#/types';
+import type {
+  AppRouteRecordRaw,
+  RouteRecordStringComponent,
+} from '@vben/types';

 import { isHttpUrl } from '@vben/utils';

--- a/apps/web-antd/src/store/auth.ts
+++ b/apps/web-antd/src/store/auth.ts
@ -1,6 +1,4 @@
-import type { Recordable } from '@vben/types';
-
-import type { YudaoUserInfo } from '#/types';
+import type { AuthPermissionInfo, Recordable } from '@vben/types';

 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
@ -11,16 +9,12 @@ import { resetAllStores, useAccessStore, useUserStore } from '@vben/stores';
 import { notification } from 'ant-design-vue';
 import { defineStore } from 'pinia';

-import { getUserInfo, loginApi, logoutApi } from '#/api';
+import { getAuthPermissionInfoApi, loginApi, logoutApi } from '#/api';
 import { $t } from '#/locales';
-import { setAccessToken, setRefreshToken } from '#/utils';
-
-import { useDictStore } from './dict';

 export const useAuthStore = defineStore('auth', () => {
  const accessStore = useAccessStore();
  const userStore = useUserStore();
-  const dictStore = useDictStore();
  const router = useRouter();

  const loginLoading = ref(false);
@ -35,44 +29,37 @@ export const useAuthStore = defineStore('auth', () => {
    onSuccess?: () => Promise<void> | void,
  ) {
    // 异步处理用户登录操作并获取 accessToken
-    let userInfo: null | YudaoUserInfo = null;
+    let authPermissionInfo: AuthPermissionInfo | null = null;
    try {
      loginLoading.value = true;
-      const { accessToken, expiresTime, refreshToken } = await loginApi(params);
+      const { accessToken, refreshToken } = await loginApi(params);

      // 如果成功获取到 accessToken
      if (accessToken) {
+        // 将 accessToken 存储到 accessStore 中
        accessStore.setAccessToken(accessToken);
        accessStore.setRefreshToken(refreshToken);
-        setAccessToken(accessToken, expiresTime);
-        setRefreshToken(refreshToken);

-        // 获取用户信息并存储到 accessStore 中
-        const fetchUserInfoResult = await fetchUserInfo();
-        userInfo = fetchUserInfoResult;
-        if (userInfo) {
-          if (userInfo.roles) {
-            userStore.setUserRoles(userInfo.roles);
-          }
-          // userStore.setMenus(userInfo.menus);
-          accessStore.setAccessCodes(userInfo.permissions);
-          if (accessStore.loginExpired) {
-            accessStore.setLoginExpired(false);
-          } else {
-            onSuccess
-              ? await onSuccess?.()
-              : await router.push(userInfo.homePath || DEFAULT_HOME_PATH);
-          }
+        authPermissionInfo = await getAuthPermissionInfo();

-          dictStore.setDictMap();
+        if (accessStore.loginExpired) {
+          accessStore.setLoginExpired(false);
+        } else {
+          // 执行成功回调
+          await onSuccess?.();
+          // 跳转首页
+          await router.push(authPermissionInfo.homePath || DEFAULT_HOME_PATH);
+        }

-          if (userInfo?.realName) {
-            notification.success({
-              description: `${$t('authentication.loginSuccessDesc')}:${userInfo?.realName}`,
-              duration: 3,
-              message: $t('authentication.loginSuccess'),
-            });
-          }
+        if (
+          authPermissionInfo?.user.realName ||
+          authPermissionInfo.user.nickname
+        ) {
+          notification.success({
+            description: `${$t('authentication.loginSuccessDesc')}:${authPermissionInfo?.user.realName ?? authPermissionInfo?.user.nickname}`,
+            duration: 3,
+            message: $t('authentication.loginSuccess'),
+          });
        }
      }
    } finally {
@ -80,7 +67,7 @@ export const useAuthStore = defineStore('auth', () => {
    }

    return {
-      userInfo,
+      authPermissionInfo,
    };
  }

@ -104,11 +91,13 @@ export const useAuthStore = defineStore('auth', () => {
    });
  }

-  async function fetchUserInfo() {
-    let userInfo: null | YudaoUserInfo = null;
-    userInfo = await getUserInfo();
-    userStore.setUserInfo(userInfo);
-    return userInfo;
+  async function getAuthPermissionInfo() {
+    let authPermissionInfo: AuthPermissionInfo | null = null;
+    authPermissionInfo = await getAuthPermissionInfoApi();
+    userStore.setUserInfo(authPermissionInfo.user);
+    userStore.setUserRoles(authPermissionInfo.roles);
+    accessStore.setAccessCodes(authPermissionInfo.permissions);
+    return authPermissionInfo;
  }

  function $reset() {
@ -118,7 +107,7 @@ export const useAuthStore = defineStore('auth', () => {
  return {
    $reset,
    authLogin,
-    fetchUserInfo,
+    getAuthPermissionInfo,
    loginLoading,
    logout,
  };
--- a/apps/web-antd/src/store/dict.ts
+++ b/apps/web-antd/src/store/dict.ts
@ -1,83 +0,0 @@
-import { StorageManager } from '@vben/utils';
-
-import { acceptHMRUpdate, defineStore } from 'pinia';
-
-import { getSimpleDictDataList } from '#/api/system/dict/dict.data';
-
-const DICT_STORAGE_KEY = 'DICT_STORAGE__';
-
-interface DictValueType {
-  value: any;
-  label: string;
-  colorType?: string;
-  cssClass?: string;
-}
-
-// interface DictTypeType {
-//   dictType: string;
-//   dictValue: DictValueType[];
-// }
-
-interface DictState {
-  dictMap: Map<string, DictValueType[]>;
-  isSetDict: boolean;
-}
-
-const storage = new StorageManager({
-  prefix: import.meta.env.VITE_APP_NAMESPACE,
-  storageType: 'sessionStorage',
-});
-
-export const useDictStore = defineStore('dict', {
-  actions: {
-    async setDictMap() {
-      try {
-        const dataRes = await getSimpleDictDataList();
-
-        const dictDataMap = new Map<string, DictValueType[]>();
-
-        dataRes.forEach((item: any) => {
-          let dictTypeArray = dictDataMap.get(item.dictType);
-          if (!dictTypeArray) {
-            dictTypeArray = [];
-          }
-          dictTypeArray.push({
-            value: item.value,
-            label: item.label,
-            colorType: item.colorType,
-            cssClass: item.cssClass,
-          });
-          dictDataMap.set(item.dictType, dictTypeArray);
-        });
-
-        this.dictMap = dictDataMap;
-        this.isSetDict = true;
-
-        // 将字典数据存储到 sessionStorage 中
-        storage.setItem(DICT_STORAGE_KEY, dictDataMap, 60);
-      } catch (error) {
-        console.error('Failed to set dictionary values:', error);
-      }
-    },
-  },
-  getters: {
-    getDictMap: (state) => state.dictMap,
-    getDictData: (state) => (dictType: string) => {
-      return state.dictMap.get(dictType);
-    },
-    getDictOptions: (state) => (dictType: string) => {
-      return state.dictMap.get(dictType);
-    },
-  },
-  persist: [{ pick: ['dictMap', 'isSetDict'] }],
-  state: (): DictState => ({
-    dictMap: new Map<string, DictValueType[]>(),
-    isSetDict: false,
-  }),
-});
-
-// 解决热更新问题
-const hot = import.meta.hot;
-if (hot) {
-  hot.accept(acceptHMRUpdate(useDictStore, hot));
-}
--- a/apps/web-antd/src/store/index.ts
+++ b/apps/web-antd/src/store/index.ts
@ -1,2 +1 @@
 export * from './auth';
-export * from './dict';
--- a/apps/web-antd/src/types/index.ts
+++ b/apps/web-antd/src/types/index.ts
@ -1,2 +0,0 @@
-export * from './menus';
-export * from './user';
--- a/apps/web-antd/src/types/user.ts
+++ b/apps/web-antd/src/types/user.ts
@ -1,22 +0,0 @@
-import type { BasicUserInfo } from '@vben/types';
-
-import type { AppRouteRecordRaw } from '#/types';
-
-/** 用户信息 */
-type ExBasicUserInfo = {
-  deptId: number;
-} & BasicUserInfo;
-
-/** 用户信息 */
-interface YudaoUserInfo extends ExBasicUserInfo {
-  permissions: string[];
-  menus: AppRouteRecordRaw[];
-  /**
-   * 首页地址
-   */
-  homePath: string;
-  roles: string[];
-  user: ExBasicUserInfo;
-}
-
-export type { ExBasicUserInfo, YudaoUserInfo };
--- a/apps/web-antd/src/utils/auth.ts
+++ b/apps/web-antd/src/utils/auth.ts
@ -1,45 +0,0 @@
-import { StorageManager } from '@vben/utils';
-// token key
-const ACCESS_TOKEN_KEY = 'ACCESS_TOKEN__';
-
-const REFRESH_TOKEN_KEY = 'REFRESH_TOKEN__';
-
-const TENANT_ID_KEY = 'TENANT_ID__';
-
-const storage = new StorageManager({
-  prefix: import.meta.env.VITE_APP_NAMESPACE,
-  storageType: 'sessionStorage',
-});
-
-function getAccessToken(): null | string {
-  return storage.getItem(ACCESS_TOKEN_KEY);
-}
-
-function setAccessToken(value: string, unix: number) {
-  return storage.setItem(ACCESS_TOKEN_KEY, value, unix - Date.now());
-}
-
-function getRefreshToken(): null | string {
-  return storage.getItem(REFRESH_TOKEN_KEY);
-}
-
-function setRefreshToken(value: string) {
-  return storage.setItem(REFRESH_TOKEN_KEY, value);
-}
-
-function getTenantId(): null | number {
-  return storage.getItem(TENANT_ID_KEY);
-}
-
-function setTenantId(value: number) {
-  return storage.setItem(TENANT_ID_KEY, value);
-}
-
-export {
-  getAccessToken,
-  getRefreshToken,
-  getTenantId,
-  setAccessToken,
-  setRefreshToken,
-  setTenantId,
-};
--- a/apps/web-antd/src/utils/index.ts
+++ b/apps/web-antd/src/utils/index.ts
@ -1 +0,0 @@
-export * from './auth';
--- a/apps/web-antd/src/views/_core/authentication/login.vue
+++ b/apps/web-antd/src/views/_core/authentication/login.vue
@ -1,129 +1,132 @@
 <script lang="ts" setup>
 import type { VbenFormSchema } from '@vben/common-ui';
+import type { Recordable } from '@vben/types';

-import { computed, reactive, ref } from 'vue';
+import { computed, ref, watchEffect } from 'vue';

-import { AuthenticationLogin, z } from '@vben/common-ui';
+import { AuthenticationLogin, Verification, z } from '@vben/common-ui';
 import { useAppConfig } from '@vben/hooks';
 import { $t } from '@vben/locales';
+import { useDictStore, useTenantStore } from '@vben/stores';

-import { getTenantByWebsite, getTenantIdByName } from '#/api/core/auth';
-import { Verify } from '#/components/Verification';
+import {
+  checkCaptcha,
+  getCaptcha,
+  getTenantByWebsite,
+  getTenantIdByName,
+} from '#/api';
+import { getSimpleDictDataList } from '#/api/system/dict-data';
 import { useAuthStore } from '#/store';
-import { setTenantId } from '#/utils';

 defineOptions({ name: 'Login' });

-const authStore = useAuthStore();
-/**
- * 初始化验证码
- * blockPuzzle 滑块
- * clickWord 点击文字
- */
-const verify = ref();
-const captchaType = ref('blockPuzzle');
-
 const { tenantEnable, captchaEnable } = useAppConfig(
  import.meta.env,
  import.meta.env.PROD,
 );

+const authStore = useAuthStore();
+const tenantStore = useTenantStore();
+const dictStore = useDictStore();
+
+const captchaType = 'blockPuzzle';
+const loginData = ref<Recordable<any>>({});
+
+const verifyRef = ref();
+
 const formSchema = computed((): VbenFormSchema[] => {
  return [
    {
      component: 'VbenInput',
      componentProps: {
-        placeholder: $t('page.auth.tenantNameTip'),
+        placeholder: $t('authentication.tenantName'),
      },
      fieldName: 'tenantName',
-      label: $t('page.auth.tenantname'),
-      rules: z.string().min(1, { message: $t('page.auth.tenantNameTip') }),
-      defaultValue: import.meta.env.VITE_APP_DEFAULT_LOGIN_TENANT || '',
+      label: $t('authentication.tenantName'),
+      rules: z
+        .string()
+        .min(1, { message: $t('authentication.tenantNameTip') })
+        .default(import.meta.env.VITE_APP_DEFAULT_TENANT_NAME),
+      dependencies: {
+        triggerFields: ['tenantName'],
+        if: tenantEnable && !tenantStore.tenantId,
+        trigger: (values) => {
+          tenantStore.setTenantName(values.tenantName);
+        },
+      },
    },
    {
      component: 'VbenInput',
      componentProps: {
-        placeholder: $t('page.auth.usernameTip'),
+        placeholder: $t('authentication.usernameTip'),
      },
      fieldName: 'username',
-      label: $t('page.auth.username'),
-      rules: z.string().min(1, { message: $t('page.auth.usernameTip') }),
-      defaultValue: import.meta.env.VITE_APP_DEFAULT_LOGIN_USERNAME || '',
+      label: $t('authentication.username'),
+      rules: z
+        .string()
+        .min(1, { message: $t('authentication.usernameTip') })
+        .default(import.meta.env.VITE_APP_DEFAULT_USERNAME),
    },
    {
      component: 'VbenInputPassword',
      componentProps: {
-        placeholder: $t('page.auth.passwordTip'),
+        placeholder: $t('authentication.password'),
      },
      fieldName: 'password',
-      label: $t('page.auth.password'),
-      rules: z.string().min(1, { message: $t('page.auth.passwordTip') }),
-      defaultValue: import.meta.env.VITE_APP_DEFAULT_LOGIN_PASSWORD || '',
+      label: $t('authentication.password'),
+      rules: z
+        .string()
+        .min(1, { message: $t('authentication.passwordTip') })
+        .default(import.meta.env.VITE_APP_DEFAULT_PASSWORD),
    },
  ];
 });
-const loginData = reactive({
-  loginForm: {
-    username: '',
-    password: '',
-    tenantName: '',
-  },
-});
-const captchaVerification = ref('');
-// 获取验证码
-async function getCode(params: any) {
-  if (params) {
-    loginData.loginForm = params;
-  }
-  try {
-    await getTenant();
-    if (captchaEnable) {
-      // 情况二，已开启：则展示验证码；只有完成验证码的情况，才进行登录
-      // 弹出验证码
-      verify.value.show();
-    } else {
-      // 情况一，未开启：则直接登录
-      await handleLogin({});
-    }
-  } catch (error) {
-    console.error('Error in getCode:', error);
-  }
-}

-// 根据域名，获得租户信息 && 获取租户ID
-async function getTenant() {
+/**
+ * 处理登录
+ */
+const handleLogin = async (values: any) => {
+  // 是否开启租户
+  if (tenantEnable && !tenantStore.tenantId) {
+    const tenantId = await getTenantIdByName(values.tenantName);
+    if (tenantId) {
+      tenantStore.setTenantId(tenantId);
+    }
+  }
+  // 是否开启验证码
+  if (captchaEnable) {
+    loginData.value = values;
+    verifyRef.value.show();
+  } else {
+    authStore.authLogin(values);
+  }
+};
+
+const handleVerifySuccess = async ({ captchaVerification }: any) => {
+  await authStore.authLogin(
+    {
+      ...loginData.value,
+      captchaVerification,
+    },
+    () => {
+      // 设置字典数据
+      dictStore.setDictCacheByApi(getSimpleDictDataList, 'label', 'value');
+    },
+  );
+};
+
+watchEffect(async () => {
  if (tenantEnable) {
-    const website = location.host;
-    try {
-      const tenant = await getTenantByWebsite(website);
-      if (tenant) {
-        loginData.loginForm.tenantName = tenant.name;
-        setTenantId(tenant.id);
-      } else {
-        const res = await getTenantIdByName(loginData.loginForm.tenantName);
-        setTenantId(res);
-      }
-    } catch (error) {
-      console.error('Error in getTenant:', error);
+    const website = window.location.hostname;
+    const tenant = await getTenantByWebsite(website);
+    if (tenant) {
+      tenantStore.setTenant({
+        tenantId: tenant.id,
+        tenantName: tenant.name,
+      });
    }
  }
-}
-
-async function handleLogin(params: any) {
-  if (!params.captchaVerification && captchaEnable) {
-    console.error('Captcha verification is required');
-    return;
-  }
-  captchaVerification.value = params.captchaVerification;
-  try {
-    await authStore.authLogin({
-      ...loginData.loginForm,
-      captchaVerification: captchaVerification.value,
-    });
-  } catch (error) {
-    console.error('Error in handleLogin:', error);
-  }
-}
+});
 </script>

 <template>
@ -131,14 +134,16 @@ async function handleLogin(params: any) {
    <AuthenticationLogin
      :form-schema="formSchema"
      :loading="authStore.loginLoading"
-      @submit="getCode"
+      @submit="handleLogin"
    />
-    <Verify
-      ref="verify"
+    <Verification
+      ref="verifyRef"
      :captcha-type="captchaType"
+      :check-captcha-api="checkCaptcha"
+      :get-captcha-api="getCaptcha"
      :img-size="{ width: '400px', height: '200px' }"
      mode="pop"
-      @success="handleLogin"
+      @on-success="handleVerifySuccess"
    />
  </div>
 </template>
--- a/packages/effects/common-ui/package.json
+++ b/packages/effects/common-ui/package.json
@ -31,11 +31,13 @@
    "@vben/types": "workspace:*",
    "@vueuse/core": "catalog:",
    "@vueuse/integrations": "catalog:",
+    "crypto-js": "catalog:",
    "qrcode": "catalog:",
    "vue": "catalog:",
    "vue-router": "catalog:"
  },
  "devDependencies": {
+    "@types/crypto-js": "catalog:",
    "@types/qrcode": "catalog:"
  }
 }
--- a/packages/effects/common-ui/src/components/captcha/index.ts
+++ b/packages/effects/common-ui/src/components/captcha/index.ts
@ -1,6 +1,8 @@
 export { default as PointSelectionCaptcha } from './point-selection-captcha/index.vue';
-export { default as PointSelectionCaptchaCard } from './point-selection-captcha/index.vue';

+export { default as PointSelectionCaptchaCard } from './point-selection-captcha/index.vue';
 export { default as SliderCaptcha } from './slider-captcha/index.vue';
 export { default as SliderRotateCaptcha } from './slider-rotate-captcha/index.vue';
 export type * from './types';
+
+export { default as Verification } from './verification/index.vue';
--- a/packages/effects/common-ui/src/components/captcha/verification/Verify/VerifyPoints.vue
+++ b/packages/effects/common-ui/src/components/captcha/verification/Verify/VerifyPoints.vue
@ -1,9 +1,8 @@
-<script type="text/babel" setup>
-/**
- * VerifyPoints
- * @description 点选
- */
+<script lang="ts" setup>
+import type { VerificationProps } from '../types';
+
 import {
+  type ComponentInternalInstance,
  getCurrentInstance,
  nextTick,
  onMounted,
@ -14,68 +13,91 @@ import {

 import { $t } from '@vben/locales';

-import { checkCaptcha, getCaptcha } from '#/api/core/auth';
+import { aesEncrypt } from '../utils/ase';
+import { resetSize } from '../utils/util';

-import { aesEncrypt } from './../utils/ase';
-import { resetSize } from './../utils/util';
+/**
+ * VerifyPoints
+ * @description 点选
+ */

-const props = defineProps({
-  barSize: {
-    default() {
-      return {
-        height: '40px',
-        width: '310px',
-      };
-    },
-    type: Object,
-  },
-  captchaType: {
-    default() {
-      return 'VerifyPoints';
-    },
-    type: String,
-  },
-  imgSize: {
-    default() {
-      return {
-        height: '155px',
-        width: '310px',
-      };
-    },
-    type: Object,
-  },
-  // 弹出式pop，固定fixed
-  mode: {
-    default: 'fixed',
-    type: String,
-  },
-  // 间隔
-  vSpace: {
-    default: 5,
-    type: Number,
-  },
+// const props = defineProps({
+//   barSize: {
+//     default() {
+//       return {
+//         height: '40px',
+//         width: '310px',
+//       };
+//     },
+//     type: Object,
+//   },
+//   captchaType: {
+//     default() {
+//       return 'VerifyPoints';
+//     },
+//     type: String,
+//   },
+//   imgSize: {
+//     default() {
+//       return {
+//         height: '155px',
+//         width: '310px',
+//       };
+//     },
+//     type: Object,
+//   },
+//   // 弹出式pop，固定fixed
+//   mode: {
+//     default: 'fixed',
+//     type: String,
+//   },
+//   // 间隔
+//   vSpace: {
+//     default: 5,
+//     type: Number,
+//   },
+// });
+
+defineOptions({
+  name: 'VerifyPoints',
 });

-const { captchaType, mode } = toRefs(props);
-const { proxy } = getCurrentInstance();
-const secretKey = ref(''); // 后端返回的ase加密秘钥
+const props = withDefaults(defineProps<VerificationProps>(), {
+  barSize: () => ({
+    height: '40px',
+    width: '310px',
+  }),
+  captchaType: 'clickWord',
+  imgSize: () => ({
+    height: '155px',
+    width: '310px',
+  }),
+  mode: 'fixed',
+  space: 5,
+});
+
+const emit = defineEmits(['onSuccess', 'onError', 'onClose', 'onReady']);
+
+const { captchaType, mode, checkCaptchaApi, getCaptchaApi } = toRefs(props);
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const secretKey = ref(); // 后端返回的ase加密秘钥
 const checkNum = ref(3); // 默认需要点击的字数
-const fontPos = reactive([]); // 选中的坐标信息
-const checkPosArr = reactive([]); // 用户点击的坐标
+const fontPos = reactive<any[]>([]); // 选中的坐标信息
+const checkPosArr = reactive<any[]>([]); // 用户点击的坐标
 const num = ref(1); // 点击的记数
-const pointBackImgBase = ref(''); // 后端获取到的背景图片
-const poinTextList = reactive([]); // 后端返回的点击字体顺序
-const backToken = ref(''); // 后端返回的token值
+const pointBackImgBase = ref(); // 后端获取到的背景图片
+const poinTextList = ref<any[]>([]); // 后端返回的点击字体顺序
+const backToken = ref(); // 后端返回的token值
 const setSize = reactive({
  barHeight: 0,
  barWidth: 0,
  imgHeight: 0,
  imgWidth: 0,
 });
-const tempPoints = reactive([]);
-const text = ref('');
-const barAreaColor = ref(undefined);
-const barAreaBorderColor = ref(undefined);
+const tempPoints = reactive<any[]>([]);
+const text = ref();
+const barAreaColor = ref();
+const barAreaBorderColor = ref();
 const showRefresh = ref(true);
 const bindingClick = ref(true);

@ -91,33 +113,34 @@ function init() {
    setSize.imgWidth = imgWidth;
    setSize.barHeight = barHeight;
    setSize.barWidth = barWidth;
-    proxy.$parent.$emit('ready', proxy);
+    emit('onReady', proxy);
  });
 }
+
 onMounted(() => {
  // 禁止拖拽
  init();
-  proxy.$el.addEventListener('selectstart', () => {
+  proxy?.$el?.addEventListener('selectstart', () => {
    return false;
  });
 });
 const canvas = ref(null);

 // 获取坐标
-const getMousePos = function (obj, e) {
+const getMousePos = function (obj: any, e: any) {
  const x = e.offsetX;
  const y = e.offsetY;
  return { x, y };
 };
 // 创建坐标点
-const createPoint = function (pos) {
+const createPoint = function (pos: any) {
  tempPoints.push(Object.assign({}, pos));
  return num.value + 1;
 };

 // 坐标转换函数
-const pointTransfrom = function (pointArr, imgSize) {
-  const newPointArr = pointArr.map((p) => {
+const pointTransfrom = function (pointArr: any, imgSize: any) {
+  const newPointArr = pointArr.map((p: any) => {
    const x = Math.round((310 * p.x) / Number.parseInt(imgSize.imgWidth));
    const y = Math.round((155 * p.y) / Number.parseInt(imgSize.imgHeight));
    return { x, y };
@ -137,7 +160,7 @@ const refresh = async function () {
  showRefresh.value = true;
 };

-function canvasClick(e) {
+function canvasClick(e: any) {
  checkPosArr.push(getMousePos(canvas, e));
  if (num.value === checkNum.value) {
    num.value = createPoint(getMousePos(canvas, e));
@ -162,25 +185,25 @@ function canvasClick(e) {
          : JSON.stringify(checkPosArr),
        token: backToken.value,
      };
-      checkCaptcha(data).then((response) => {
+      checkCaptchaApi?.value?.(data).then((response: any) => {
        const res = response.data;
        if (res.repCode === '0000') {
          barAreaColor.value = '#4cae4c';
          barAreaBorderColor.value = '#5cb85c';
-          text.value = $t('components.captcha.success');
+          text.value = $t('ui.captcha.success');
          bindingClick.value = false;
          if (mode.value === 'pop') {
            setTimeout(() => {
-              proxy.$parent.clickShow = false;
+              emit('onClose');
              refresh();
            }, 1500);
          }
-          proxy.$parent.$emit('success', { captchaVerification });
+          emit('onSuccess', { captchaVerification });
        } else {
-          proxy.$parent.$emit('error', proxy);
+          emit('onError', proxy);
          barAreaColor.value = '#d9534f';
          barAreaBorderColor.value = '#d9534f';
-          text.value = $t('components.captcha.fail');
+          text.value = $t('ui.captcha.sliderRotateFailTip');
          setTimeout(() => {
            refresh();
          }, 700);
@ -197,17 +220,22 @@ async function getPictrue() {
  const data = {
    captchaType: captchaType.value,
  };
-  const res = await getCaptcha(data);
-  if (res.data.repCode === '0000') {
-    pointBackImgBase.value = res.data.repData.originalImageBase64;
+  const res = await getCaptchaApi?.value?.(data);
+
+  if (res?.data?.repCode === '0000') {
+    pointBackImgBase.value = `data:image/png;base64,${res?.data?.repData?.originalImageBase64}`;
    backToken.value = res.data.repData.token;
    secretKey.value = res.data.repData.secretKey;
    poinTextList.value = res.data.repData.wordList;
-    text.value = `${$t('components.captcha.point')}【${poinTextList.value.join(',')}】`;
+    text.value = `${$t('ui.captcha.point')}【${poinTextList.value.join(',')}】`;
  } else {
-    text.value = res.data.repMsg;
+    text.value = res?.data?.repMsg;
  }
 }
+defineExpose({
+  init,
+  refresh,
+});
 </script>

 <template>
@ -218,7 +246,7 @@ async function getPictrue() {
          width: setSize.imgWidth,
          height: setSize.imgHeight,
          'background-size': `${setSize.imgWidth} ${setSize.imgHeight}`,
-          'margin-bottom': `${vSpace}px`,
+          'margin-bottom': `${space}px`,
        }"
        class="verify-img-panel"
      >
@ -232,7 +260,7 @@ async function getPictrue() {
        </div>
        <img
          ref="canvas"
-          :src="`data:image/png;base64,${pointBackImgBase}`"
+          :src="pointBackImgBase"
          alt=""
          style="display: block; width: 100%; height: 100%"
          @click="bindingClick ? canvasClick($event) : undefined"
@ -251,8 +279,8 @@ async function getPictrue() {
            'line-height': '20px',
            'border-radius': '50%',
            position: 'absolute',
-            top: `${parseInt(tempPoint.y - 10)}px`,
-            left: `${parseInt(tempPoint.x - 10)}px`,
+            top: `${tempPoint.y - 10}px`,
+            left: `${tempPoint.x - 10}px`,
          }"
          class="point-area"
        >
--- a/packages/effects/common-ui/src/components/captcha/verification/Verify/VerifySlide.vue
+++ b/packages/effects/common-ui/src/components/captcha/verification/Verify/VerifySlide.vue
@ -1,4 +1,6 @@
-<script type="text/babel" setup>
+<script lang="ts" setup>
+import type { VerificationProps } from '../types';
+
 /**
 * VerifySlide
 * @description 滑块
@ -11,107 +13,81 @@ import {
  reactive,
  ref,
  toRefs,
-  watch,
 } from 'vue';

 import { $t } from '@vben/locales';

-import { checkCaptcha, getCaptcha } from '#/api/core/auth';
-
 import { aesEncrypt } from './../utils/ase';
 import { resetSize } from './../utils/util';

-const props = defineProps({
-  barSize: {
-    default() {
-      return {
-        height: '30px',
-        width: '310px',
-      };
-    },
-    type: Object,
-  },
-  blockSize: {
-    default() {
-      return {
-        height: '50px',
-        width: '50px',
-      };
-    },
-    type: Object,
-  },
-  captchaType: {
-    default() {
-      return 'VerifySlide';
-    },
-    type: String,
-  },
-  explain: {
-    default: '',
-    type: String,
-  },
-  imgSize: {
-    default() {
-      return {
-        height: '155px',
-        width: '310px',
-      };
-    },
-    type: Object,
-  },
-  // 弹出式pop，固定fixed
-  mode: {
-    default: 'fixed',
-    type: String,
-  },
-  type: {
-    default: '1',
-    type: String,
-  },
-  vSpace: {
-    default: 5,
-    type: Number,
-  },
+const props = withDefaults(defineProps<VerificationProps>(), {
+  barSize: () => ({
+    height: '40px',
+    width: '310px',
+  }),
+  blockSize: () => ({
+    height: '50px',
+    width: '50px',
+  }),
+  captchaType: 'blockPuzzle',
+  explain: '',
+  imgSize: () => ({
+    height: '155px',
+    width: '310px',
+  }),
+  mode: 'fixed',
+  type: '1',
+  space: 5,
 });

-const { blockSize, captchaType, explain, mode, type } = toRefs(props);
-const { proxy } = getCurrentInstance();
-const secretKey = ref(''); // 后端返回的ase加密秘钥
-const passFlag = ref(''); // 是否通过的标识
-const backImgBase = ref(''); // 验证码背景图片
-const blockBackImgBase = ref(''); // 验证滑块的背景图片
-const backToken = ref(''); // 后端返回的唯一token值
-const startMoveTime = ref(''); // 移动开始的时间
-const endMovetime = ref(''); // 移动结束的时间
-const tipWords = ref('');
-const text = ref('');
-const finishText = ref('');
+const emit = defineEmits(['onSuccess', 'onError', 'onClose']);
+
+const {
+  blockSize,
+  captchaType,
+  explain,
+  mode,
+  checkCaptchaApi,
+  getCaptchaApi,
+} = toRefs(props);
+
+const { proxy } = getCurrentInstance()!;
+const secretKey = ref(); // 后端返回的ase加密秘钥
+const passFlag = ref(); // 是否通过的标识
+const backImgBase = ref(); // 验证码背景图片
+const blockBackImgBase = ref(); // 验证滑块的背景图片
+const backToken = ref(); // 后端返回的唯一token值
+const startMoveTime = ref(); // 移动开始的时间
+const endMovetime = ref(); // 移动结束的时间
+const tipWords = ref();
+const text = ref();
+const finishText = ref();
 const setSize = reactive({
-  barHeight: 0,
-  barWidth: 0,
-  imgHeight: 0,
-  imgWidth: 0,
+  barHeight: '0px',
+  barWidth: '0px',
+  imgHeight: '0px',
+  imgWidth: '0px',
 });
-const moveBlockLeft = ref(undefined);
-const leftBarWidth = ref(undefined);
+const moveBlockLeft = ref();
+const leftBarWidth = ref();
 // 移动中样式
-const moveBlockBackgroundColor = ref(undefined);
+const moveBlockBackgroundColor = ref();
 const leftBarBorderColor = ref('#ddd');
-const iconColor = ref(undefined);
+const iconColor = ref();
 const iconClass = ref('icon-right');
 const status = ref(false); // 鼠标状态
 const isEnd = ref(false); // 是够验证完成
 const showRefresh = ref(true);
-const transitionLeft = ref('');
-const transitionWidth = ref('');
+const transitionLeft = ref();
+const transitionWidth = ref();
 const startLeft = ref(0);

 const barArea = computed(() => {
-  return proxy.$el.querySelector('.verify-bar-area');
+  return proxy?.$el.querySelector('.verify-bar-area');
 });
 function init() {
  text.value =
-    explain.value === '' ? $t('components.captcha.slide') : explain.value;
+    explain.value === '' ? $t('ui.captcha.sliderDefaultText') : explain.value;

  getPictrue();
  nextTick(() => {
@ -120,7 +96,7 @@ function init() {
    setSize.imgWidth = imgWidth;
    setSize.barHeight = barHeight;
    setSize.barWidth = barWidth;
-    proxy.$parent.$emit('ready', proxy);
+    proxy?.$parent?.$emit('ready', proxy);
  });

  window.removeEventListener('touchmove', move);
@ -137,20 +113,21 @@ function init() {
  window.addEventListener('touchend', end);
  window.addEventListener('mouseup', end);
 }
-watch(type, () => {
-  init();
-});
+
 onMounted(() => {
  // 禁止拖拽
  init();
-  proxy.$el.addEventListener('selectstart', () => {
+  proxy?.$el.addEventListener('selectstart', () => {
    return false;
  });
 });
+
 // 鼠标按下
-function start(e) {
-  e = e || window.event;
-  const x = e.touches ? e.touches[0].pageX : e.clientX;
+function start(e: MouseEvent | TouchEvent) {
+  const x =
+    ((e as TouchEvent).touches
+      ? (e as TouchEvent).touches[0]?.pageX
+      : (e as MouseEvent).clientX) || 0;
  startLeft.value = Math.floor(x - barArea.value.getBoundingClientRect().left);
  startMoveTime.value = Date.now(); // 开始滑动的时间
  if (isEnd.value === false) {
@ -163,27 +140,25 @@ function start(e) {
  }
 }
 // 鼠标移动
-function move(e) {
-  e = e || window.event;
+function move(e: MouseEvent | TouchEvent) {
  if (status.value && isEnd.value === false) {
-    const x = e.touches ? e.touches[0].pageX : e.clientX;
+    const x =
+      ((e as TouchEvent).touches
+        ? (e as TouchEvent).touches[0]?.pageX
+        : (e as MouseEvent).clientX) || 0;
    const bar_area_left = barArea.value.getBoundingClientRect().left;
    let move_block_left = x - bar_area_left; // 小方块相对于父元素的left值
    if (
      move_block_left >=
-      barArea.value.offsetWidth -
-        Number.parseInt(Number.parseInt(blockSize.value.width) / 2) -
-        2
+      barArea.value.offsetWidth - Number.parseInt(blockSize.value.width) / 2 - 2
    )
      move_block_left =
        barArea.value.offsetWidth -
-        Number.parseInt(Number.parseInt(blockSize.value.width) / 2) -
+        Number.parseInt(blockSize.value.width) / 2 -
        2;

    if (move_block_left <= 0)
-      move_block_left = Number.parseInt(
-        Number.parseInt(blockSize.value.width) / 2,
-      );
+      move_block_left = Number.parseInt(blockSize.value.width) / 2;

    // 拖动后小方块的left值
    moveBlockLeft.value = `${move_block_left - startLeft.value}px`;
@ -211,7 +186,7 @@ function end() {
        : JSON.stringify({ x: moveLeftDistance, y: 5 }),
      token: backToken.value,
    };
-    checkCaptcha(data).then((response) => {
+    checkCaptchaApi?.value?.(data).then((response) => {
      const res = response.data;
      if (res.repCode === '0000') {
        moveBlockBackgroundColor.value = '#5cb85c';
@ -222,13 +197,13 @@ function end() {
        isEnd.value = true;
        if (mode.value === 'pop') {
          setTimeout(() => {
-            proxy.$parent.clickShow = false;
+            emit('onClose');
            refresh();
          }, 1500);
        }
        passFlag.value = true;
        tipWords.value = `${((endMovetime.value - startMoveTime.value) / 1000).toFixed(2)}s
-            ${$t('components.captcha.success')}`;
+            ${$t('ui.captcha.title')}`;
        const captchaVerification = secretKey.value
          ? aesEncrypt(
              `${backToken.value}---${JSON.stringify({ x: moveLeftDistance, y: 5 })}`,
@ -237,8 +212,8 @@ function end() {
          : `${backToken.value}---${JSON.stringify({ x: moveLeftDistance, y: 5 })}`;
        setTimeout(() => {
          tipWords.value = '';
-          proxy.$parent.closeBox();
-          proxy.$parent.$emit('success', { captchaVerification });
+          emit('onSuccess', { captchaVerification });
+          emit('onClose');
        }, 1000);
      } else {
        moveBlockBackgroundColor.value = '#d9534f';
@ -249,8 +224,8 @@ function end() {
        setTimeout(() => {
          refresh();
        }, 1000);
-        proxy.$parent.$emit('error', proxy);
-        tipWords.value = $t('components.captcha.fail');
+        emit('onError', proxy);
+        tipWords.value = $t('ui.captcha.sliderRotateFailTip');
        setTimeout(() => {
          tipWords.value = '';
        }, 1000);
@ -289,23 +264,28 @@ async function getPictrue() {
  const data = {
    captchaType: captchaType.value,
  };
-  const res = await getCaptcha(data);
-  if (res.data.repCode === '0000') {
-    backImgBase.value = res.data.repData.originalImageBase64;
-    blockBackImgBase.value = `data:image/png;base64,${res.data.repData.jigsawImageBase64}`;
+  const res = await getCaptchaApi?.value?.(data);
+
+  if (res?.data?.repCode === '0000') {
+    backImgBase.value = `data:image/png;base64,${res?.data?.repData?.originalImageBase64}`;
+    blockBackImgBase.value = `data:image/png;base64,${res?.data?.repData?.jigsawImageBase64}`;
    backToken.value = res.data.repData.token;
    secretKey.value = res.data.repData.secretKey;
  } else {
-    tipWords.value = res.data.repMsg;
+    tipWords.value = res?.data?.repMsg;
  }
 }
+defineExpose({
+  init,
+  refresh,
+});
 </script>

 <template>
  <div style="position: relative">
    <div
      v-if="type === '2'"
-      :style="{ height: `${parseInt(setSize.imgHeight) + vSpace}px` }"
+      :style="{ height: `${Number.parseInt(setSize.imgHeight) + space}px` }"
      class="verify-img-out"
    >
      <div
@ -313,7 +293,7 @@ async function getPictrue() {
        class="verify-img-panel"
      >
        <img
-          :src="`data:image/png;base64,${backImgBase}`"
+          :src="backImgBase"
          alt=""
          style="display: block; width: 100%; height: 100%"
        />
@ -346,7 +326,7 @@ async function getPictrue() {
          width: leftBarWidth !== undefined ? leftBarWidth : barSize.height,
          height: barSize.height,
          'border-color': leftBarBorderColor,
-          transaction: transitionWidth,
+          transition: transitionWidth,
        }"
        class="verify-left-bar"
      >
@ -371,9 +351,9 @@ async function getPictrue() {
          <div
            v-if="type === '2'"
            :style="{
-              width: `${Math.floor((parseInt(setSize.imgWidth) * 47) / 310)}px`,
+              width: `${Math.floor((Number.parseInt(setSize.imgWidth) * 47) / 310)}px`,
              height: setSize.imgHeight,
-              top: `-${parseInt(setSize.imgHeight) + vSpace}px`,
+              top: `-${Number.parseInt(setSize.imgHeight) + space}px`,
              'background-size': `${setSize.imgWidth} ${setSize.imgHeight}`,
            }"
            class="verify-sub-block"
--- a/packages/effects/common-ui/src/components/captcha/verification/Verify/index.ts
+++ b/packages/effects/common-ui/src/components/captcha/verification/Verify/index.ts
--- a/packages/effects/common-ui/src/components/captcha/verification/index.vue
+++ b/packages/effects/common-ui/src/components/captcha/verification/index.vue
@ -0,0 +1,150 @@
+<script setup lang="ts">
+/**
+ * Verify 验证码组件
+ * @description 分发验证码使用
+ */
+import type { VerificationProps } from './types';
+
+import { defineAsyncComponent, markRaw, ref, toRefs, watchEffect } from 'vue';
+
+import './style/verify.css';
+
+defineOptions({
+  name: 'Verification',
+});
+
+const props = withDefaults(defineProps<VerificationProps>(), {
+  arith: 0,
+  barSize: () => ({
+    height: '40px',
+    width: '310px',
+  }),
+  blockSize: () => ({
+    height: '50px',
+    width: '50px',
+  }),
+  captchaType: 'blockPuzzle',
+  explain: '',
+  figure: 0,
+  imgSize: () => ({
+    height: '155px',
+    width: '310px',
+  }),
+  mode: 'fixed',
+  space: 5,
+});
+
+const emit = defineEmits(['onSuccess', 'onError', 'onClose', 'onReady']);
+
+const VerifyPoints = defineAsyncComponent(
+  () => import('./Verify/VerifyPoints.vue'),
+);
+const VerifySlide = defineAsyncComponent(
+  () => import('./Verify/VerifySlide.vue'),
+);
+
+const { captchaType, mode, checkCaptchaApi, getCaptchaApi } = toRefs(props);
+const verifyType = ref();
+const componentType = ref();
+
+const instance = ref<InstanceType<typeof VerifyPoints | typeof VerifySlide>>();
+
+const showBox = ref(false);
+
+/**
+ * refresh
+ * @description 刷新
+ */
+const refresh = () => {
+  if (instance.value && instance.value.refresh) instance.value.refresh();
+};
+
+const show = () => {
+  if (mode.value === 'pop') showBox.value = true;
+};
+
+const onError = (proxy: any) => {
+  emit('onError', proxy);
+  refresh();
+};
+
+const onReady = (proxy: any) => {
+  emit('onReady', proxy);
+  refresh();
+};
+
+const onClose = () => {
+  emit('onClose');
+  showBox.value = false;
+};
+
+const onSuccess = (data: any) => {
+  emit('onSuccess', data);
+};
+
+watchEffect(() => {
+  switch (captchaType.value) {
+    case 'blockPuzzle': {
+      verifyType.value = '2';
+      componentType.value = markRaw(VerifySlide);
+      break;
+    }
+    case 'clickWord': {
+      verifyType.value = '';
+      componentType.value = markRaw(VerifyPoints);
+      break;
+    }
+  }
+});
+
+defineExpose({
+  onClose,
+  onError,
+  onReady,
+  onSuccess,
+  show,
+  refresh,
+});
+</script>
+
+<template>
+  <div v-show="showBox">
+    <div
+      :class="mode === 'pop' ? 'verifybox' : ''"
+      :style="{ 'max-width': `${parseInt(imgSize.width) + 20}px` }"
+    >
+      <div v-if="mode === 'pop'" class="verifybox-top">
+        {{ $t('ui.captcha.title') }}
+        <span class="verifybox-close" @click="onClose">
+          <i class="iconfont icon-close"></i>
+        </span>
+      </div>
+      <div
+        :style="{ padding: mode === 'pop' ? '10px' : '0' }"
+        class="verifybox-bottom"
+      >
+        <component
+          :is="componentType"
+          v-if="componentType"
+          ref="instance"
+          :arith="arith"
+          :bar-size="barSize"
+          :block-size="blockSize"
+          :captcha-type="captchaType"
+          :check-captcha-api="checkCaptchaApi"
+          :explain="explain"
+          :figure="figure"
+          :get-captcha-api="getCaptchaApi"
+          :img-size="imgSize"
+          :mode="mode"
+          :space="space"
+          :type="verifyType"
+          @on-close="onClose"
+          @on-error="onError"
+          @on-ready="onReady"
+          @on-success="onSuccess"
+        />
+      </div>
+    </div>
+  </div>
+</template>
--- a/packages/effects/common-ui/src/components/captcha/verification/style/verify.css
+++ b/packages/effects/common-ui/src/components/captcha/verification/style/verify.css
@ -1,5 +1,5 @@
 .verifybox {
-  position: relative;
+  position: absolute;
  top: 25%;
  left: 50%;
  box-sizing: border-box;
--- a/packages/effects/common-ui/src/components/captcha/verification/types/index.d.ts
+++ b/packages/effects/common-ui/src/components/captcha/verification/types/index.d.ts
@ -0,0 +1,25 @@
+interface VerificationProps {
+  arith?: number;
+  barSize?: {
+    height: string;
+    width: string;
+  };
+  blockSize?: {
+    height: string;
+    width: string;
+  };
+  captchaType?: 'blockPuzzle' | 'clickWord';
+  explain?: string;
+  figure?: number;
+  imgSize?: {
+    height: string;
+    width: string;
+  };
+  mode?: 'fixed' | 'pop';
+  space?: number;
+  type?: '1' | '2';
+  checkCaptchaApi?: (data: any) => Promise<any>;
+  getCaptchaApi?: (data: any) => Promise<any>;
+}
+
+export type { VerificationProps };
--- a/packages/effects/common-ui/src/components/captcha/verification/utils/ase.ts
+++ b/packages/effects/common-ui/src/components/captcha/verification/utils/ase.ts
--- a/packages/effects/common-ui/src/components/captcha/verification/utils/util.ts
+++ b/packages/effects/common-ui/src/components/captcha/verification/utils/util.ts
--- a/packages/effects/plugins/src/vxe-table/init.ts
+++ b/packages/effects/plugins/src/vxe-table/init.ts
@ -16,6 +16,7 @@ import {
  VxeInput,
  VxeLoading,
  VxeModal,
+  VxeNumberInput,
  VxePager,
  // VxeList,
  // VxeModal,
@ -70,6 +71,7 @@ export function initVxeTable() {
  VxeUI.component(VxeGrid);
  VxeUI.component(VxeToolbar);

+  VxeUI.component(VxeNumberInput);
  VxeUI.component(VxeButton);
  // VxeUI.component(VxeButtonGroup);
  VxeUI.component(VxeCheckbox);
--- a/packages/effects/request/package.json
+++ b/packages/effects/request/package.json
@ -22,9 +22,11 @@
  "dependencies": {
    "@vben/locales": "workspace:*",
    "@vben/utils": "workspace:*",
-    "axios": "catalog:"
+    "axios": "catalog:",
+    "qs": "catalog:"
  },
  "devDependencies": {
+    "@types/qs": "catalog:",
    "axios-mock-adapter": "catalog:"
  }
 }
--- a/packages/effects/request/src/request-client/preset-interceptors.ts
+++ b/packages/effects/request/src/request-client/preset-interceptors.ts
@ -20,9 +20,9 @@ export const authenticateResponseInterceptor = ({
 }): ResponseInterceptorConfig => {
  return {
    rejected: async (error) => {
-      const { config, response } = error;
+      const { config, response, data: responseData } = error;
      // 如果不是 401 错误，直接抛出异常
-      if (response?.status !== 401) {
+      if (response?.status !== 401 && responseData.code !== 401) {
        throw error;
      }
      // 判断是否启用了 refreshToken 功能
@ -92,7 +92,7 @@ export const errorMessageResponseInterceptor = (
      }

      let errorMessage = '';
-      const status = error?.response?.status;
+      const status = error?.response?.data?.code || error?.response?.status;

      switch (status) {
        case 400: {
--- a/packages/effects/request/src/request-client/request-client.ts
+++ b/packages/effects/request/src/request-client/request-client.ts
@ -8,6 +8,7 @@ import type {
 import { bindMethods, merge } from '@vben/utils';

 import axios from 'axios';
+import qs from 'qs';

 import { FileDownloader } from './modules/downloader';
 import { InterceptorManager } from './modules/interceptor';
@ -39,6 +40,10 @@ class RequestClient {
      },
      // 默认超时时间
      timeout: 10_000,
+      // 处理请求参数 默认使用qs库处理
+      paramsSerializer: (params) => {
+        return qs.stringify(params, { arrayFormat: 'repeat' });
+      },
    };
    const { ...axiosConfig } = options;
    const requestConfig = merge(axiosConfig, defaultConfig);
--- a/packages/effects/request/src/request-client/types.ts
+++ b/packages/effects/request/src/request-client/types.ts
@ -39,12 +39,25 @@ interface HttpResponse<T = any> {
   */
  code: number;
  data: T;
-  message: string;
+  msg: string;
+}
+
+interface PageParam {
+  [key: string]: any;
+  pageNo: number;
+  pageSize: number;
+}
+
+interface PageResult<T> {
+  list: T[];
+  total: number;
 }

 export type {
  HttpResponse,
  MakeErrorMessageFn,
+  PageParam,
+  PageResult,
  RequestClientOptions,
  RequestContentType,
  RequestInterceptorConfig,
--- a/packages/stores/src/modules/dict.ts
+++ b/packages/stores/src/modules/dict.ts
@ -0,0 +1,63 @@
+import { acceptHMRUpdate, defineStore } from 'pinia';
+
+export interface DictItem {
+  colorType?: string;
+  cssClass?: string;
+  label: string;
+  value: string;
+}
+
+export type Dict = Record<string, DictItem[]>;
+
+interface DictState {
+  dictCache: Dict;
+}
+
+export const useDictStore = defineStore('dict', {
+  actions: {
+    getDictData(dictType: string, value?: string) {
+      const dict = this.dictCache[dictType];
+      if (!dict) {
+        return undefined;
+      }
+      return value ? dict.find((d) => d.value === value) : dict;
+    },
+    setDictCache(dicts: Dict) {
+      this.dictCache = dicts;
+    },
+    setDictCacheByApi(
+      api: (params: Record<string, any>) => Promise<Record<string, any>[]>,
+      params: Record<string, any>,
+      labelField: string = 'label',
+      valueField: string = 'value',
+    ) {
+      api(params).then((dicts) => {
+        const dictCacheData: Dict = {};
+        dicts.forEach((dict) => {
+          dictCacheData[dict.dictType] = dicts
+            .filter((d) => d.dictType === dict.dictType)
+            .map((d) => ({
+              colorType: d.colorType,
+              cssClass: d.cssClass,
+              label: d[labelField],
+              value: d[valueField],
+            }));
+        });
+        this.setDictCache(dictCacheData);
+      });
+    },
+  },
+  persist: {
+    // 持久化
+    pick: ['dictCache'],
+  },
+  state: (): DictState => ({
+    dictCache: {},
+  }),
+});
+
+// 解决热更新问题
+const hot = import.meta.hot;
+if (hot) {
+  hot.accept(acceptHMRUpdate(useDictStore, hot));
+}
--- a/packages/stores/src/modules/index.ts
+++ b/packages/stores/src/modules/index.ts
@ -1,4 +1,6 @@
 export * from './access';
+export * from './dict';
 export * from './lock';
 export * from './tabbar';
+export * from './tenant';
 export * from './user';
--- a/packages/stores/src/modules/tenant.ts
+++ b/packages/stores/src/modules/tenant.ts
@ -0,0 +1,33 @@
+import { defineStore } from 'pinia';
+
+export interface TenantState {
+  tenantId?: number;
+  tenantName?: string;
+}
+
+export const useTenantStore = defineStore('tenant', {
+  actions: {
+    $reset() {
+      this.tenantId = undefined;
+      this.tenantName = undefined;
+    },
+    setTenant(tenant: TenantState) {
+      this.tenantId = tenant.tenantId;
+      this.tenantName = tenant.tenantName;
+    },
+    setTenantId(id: number) {
+      this.tenantId = id;
+    },
+    setTenantName(name: string) {
+      this.tenantName = name;
+    },
+  },
+  persist: {
+    // 持久化
+    pick: ['tenantId', 'tenantName'],
+  },
+  state: (): TenantState => ({
+    tenantId: undefined,
+    tenantName: undefined,
+  }),
+});
--- a/packages/stores/src/modules/user.ts
+++ b/packages/stores/src/modules/user.ts
@ -51,6 +51,10 @@ export const useUserStore = defineStore('core-user', {
      this.userRoles = roles;
    },
  },
+  persist: {
+    // 持久化
+    pick: ['userInfo', 'userRoles'],
+  },
  state: (): AccessState => ({
    userInfo: null,
    userRoles: [],
--- a/packages/types/src/index.ts
+++ b/packages/types/src/index.ts
@ -1,2 +1,3 @@
+export type * from './menu';
 export type * from './user';
 export type * from '@vben-core/typings';
--- a/apps/web-antd/src/types/menus.ts
+++ b/apps/web-antd/src/types/menus.ts
--- a/packages/types/src/user.ts
+++ b/packages/types/src/user.ts
@ -1,20 +1,18 @@
 import type { BasicUserInfo } from '@vben-core/typings';

-/** 用户信息 */
-interface UserInfo extends BasicUserInfo {
-  /**
-   * 用户描述
-   */
-  desc: string;
-  /**
-   * 首页地址
-   */
-  homePath: string;
+import type { AppRouteRecordRaw } from './menu';

-  /**
-   * accessToken
-   */
-  token: string;
+interface ExUserInfo extends BasicUserInfo {
+  deptId: number;
+  nickname: string;
 }

-export type { UserInfo };
+interface AuthPermissionInfo {
+  permissions: string[];
+  menus: AppRouteRecordRaw[];
+  roles: string[];
+  homePath: string;
+  user: ExUserInfo;
+}
+
+export type { AuthPermissionInfo, ExUserInfo };
--- a/packages/utils/src/helpers/generate-routes-backend.ts
+++ b/packages/utils/src/helpers/generate-routes-backend.ts
@ -29,7 +29,7 @@ async function generateRoutesByBackend(

    const routes = convertRoutes(menuRoutes, layoutMap, normalizePageMap);

-    return routes;
+    return [...options.routes, ...routes];
  } catch (error) {
    console.error(error);
    return [];
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -78,6 +78,9 @@ catalogs:
    '@types/archiver':
      specifier: ^6.0.3
      version: 6.0.3
+    '@types/crypto-js':
+      specifier: ^4.2.2
+      version: 4.2.2
    '@types/eslint':
      specifier: ^9.6.1
      version: 9.6.1
@ -102,6 +105,9 @@ catalogs:
    '@types/qrcode':
      specifier: ^1.5.5
      version: 1.5.5
+    '@types/qs':
+      specifier: ^6.9.17
+      version: 6.9.17
    '@types/sortablejs':
      specifier: ^1.15.8
      version: 1.15.8
@ -174,6 +180,9 @@ catalogs:
    cross-env:
      specifier: ^7.0.3
      version: 7.0.3
+    crypto-js:
+      specifier: ^4.2.0
+      version: 4.2.0
    cspell:
      specifier: ^8.16.0
      version: 8.16.0
@ -348,6 +357,9 @@ catalogs:
    qrcode:
      specifier: ^1.5.4
      version: 1.5.4
+    qs:
+      specifier: ^6.13.1
+      version: 6.13.1
    radix-vue:
      specifier: ^1.9.10
      version: 1.9.10
@ -661,9 +673,6 @@ importers:
      ant-design-vue:
        specifier: 'catalog:'
        version: 4.2.6(vue@3.5.13(typescript@5.7.2))
-      crypto-js:
-        specifier: ^4.2.0
-        version: 4.2.0
      dayjs:
        specifier: 'catalog:'
        version: 1.11.13
@ -676,10 +685,6 @@ importers:
      vue-router:
        specifier: 'catalog:'
        version: 4.4.5(vue@3.5.13(typescript@5.7.2))
-    devDependencies:
-      '@types/crypto-js':
-        specifier: ^4.2.2
-        version: 4.2.2

  apps/web-ele:
    dependencies:
@ -1494,6 +1499,9 @@ importers:
      '@vueuse/integrations':
        specifier: 'catalog:'
        version: 11.3.0(async-validator@4.2.5)(axios@1.7.7)(change-case@5.4.4)(focus-trap@7.6.2)(nprogress@0.2.0)(qrcode@1.5.4)(sortablejs@1.15.4)(vue@3.5.13(typescript@5.7.2))
+      crypto-js:
+        specifier: 'catalog:'
+        version: 4.2.0
      qrcode:
        specifier: 'catalog:'
        version: 1.5.4
@ -1504,6 +1512,9 @@ importers:
        specifier: 'catalog:'
        version: 4.4.5(vue@3.5.13(typescript@5.7.2))
    devDependencies:
+      '@types/crypto-js':
+        specifier: 'catalog:'
+        version: 4.2.2
      '@types/qrcode':
        specifier: 'catalog:'
        version: 1.5.5
@ -1651,7 +1662,13 @@ importers:
      axios:
        specifier: 'catalog:'
        version: 1.7.7
+      qs:
+        specifier: 'catalog:'
+        version: 6.13.1
    devDependencies:
+      '@types/qs':
+        specifier: 'catalog:'
+        version: 6.9.17
      axios-mock-adapter:
        specifier: 'catalog:'
        version: 2.1.0(axios@1.7.7)
@ -4349,6 +4366,9 @@ packages:
  '@types/qrcode@1.5.5':
    resolution: {integrity: sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==}

+  '@types/qs@6.9.17':
+    resolution: {integrity: sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==}
+
  '@types/readdir-glob@1.1.5':
    resolution: {integrity: sha512-raiuEPUYqXu+nvtY2Pe8s8FEmZ3x5yAH4VkLdihcPdalvsHltomrRC9BzuStrJ9yk06470hS0Crw0f1pXqD+Hg==}

@ -8597,6 +8617,10 @@ packages:
    engines: {node: '>=10.13.0'}
    hasBin: true

+  qs@6.13.1:
+    resolution: {integrity: sha512-EJPeIn0CYrGu+hli1xilKAPXODtJ12T0sP63Ijx2/khC2JtuaN3JyNIpvmnkmaEtha9ocbG4A4cMcr+TvqvwQg==}
+    engines: {node: '>=0.6'}
+
  queue-microtask@1.2.3:
    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}

@ -13095,6 +13119,8 @@ snapshots:
    dependencies:
      '@types/node': 22.9.3

+  '@types/qs@6.9.17': {}
+
  '@types/readdir-glob@1.1.5':
    dependencies:
      '@types/node': 22.9.3
@ -17799,6 +17825,10 @@ snapshots:
      pngjs: 5.0.0
      yargs: 15.4.1

+  qs@6.13.1:
+    dependencies:
+      side-channel: 1.0.6
+
  queue-microtask@1.2.3: {}

  queue-tick@1.0.1: {}
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@ -39,6 +39,7 @@ catalog:
  '@tanstack/vue-query': ^5.61.3
  '@tanstack/vue-store': ^0.5.7
  '@types/archiver': ^6.0.3
+  '@types/crypto-js': ^4.2.2
  '@types/eslint': ^9.6.1
  '@types/html-minifier-terser': ^7.0.2
  '@types/jsonwebtoken': ^9.0.7
@ -47,6 +48,7 @@ catalog:
  '@types/nprogress': ^0.2.3
  '@types/postcss-import': ^14.0.3
  '@types/qrcode': ^1.5.5
+  '@types/qs': ^6.9.17
  '@types/sortablejs': ^1.15.8
  '@typescript-eslint/eslint-plugin': ^8.15.0
  '@typescript-eslint/parser': ^8.15.0
@ -73,6 +75,7 @@ catalog:
  commitlint-plugin-function-rules: ^4.0.1
  consola: ^3.2.3
  cross-env: ^7.0.3
+  crypto-js: ^4.2.0
  cspell: ^8.16.0
  cssnano: ^7.0.6
  cz-git: ^1.11.0
@ -132,6 +135,7 @@ catalog:
  prettier-plugin-tailwindcss: ^0.6.9
  publint: ^0.2.12
  qrcode: ^1.5.4
+  qs: ^6.13.1
  radix-vue: ^1.9.10
  resolve.exports: ^2.0.2
  rimraf: ^6.0.1