Merge branch 'main' of https://github.com/vbenjs/vue-vben-admin

packages/@core/preferences/src/config.ts

@@ -18,7 +18,7 @@ const defaultPreferences: Preferences = {
     isMobile: false,
     layout: 'sidebar-nav',
     locale: 'zh-CN',
-    loginExpiredMode: 'modal',
+    loginExpiredMode: 'page',
     name: 'Vben Admin',
     preferencesButtonPosition: 'fixed',
     watermark: false,

packages/@core/ui-kit/tabs-ui/src/tabs-view.vue

@@ -79,7 +79,7 @@ useTabsDrag(props, emit);
       </VbenScrollbar>
     </div>
 
-    <!-- 左侧滚动按钮 -->
+    <!-- 右侧滚动按钮 -->
     <span
       v-show="showScrollButton"
       :class="{

packages/effects/hooks/src/use-design-tokens.ts

@@ -180,33 +180,49 @@ export function useElementPlusDesignTokens() {
         '--el-border-color-light': border,
         '--el-border-color-lighter': border,
         '--el-border-radius-base': getCssVariableValue('--radius', false),
-        '--el-color-danger': getCssVariableValue('--destructive'),
-        '--el-color-danger-light-3': getCssVariableValue('--destructive-600'),
-        '--el-color-danger-light-5': getCssVariableValue('--destructive-700'),
-        '--el-color-danger-light-7': getCssVariableValue('--destructive-800'),
-        '--el-color-error-light-8': border,
-        '--el-color-error-light-9': background,
 
-        '--el-color-primary': getCssVariableValue('--primary'),
-        '--el-color-primary-light-3': getCssVariableValue('--primary-600'),
+        '--el-color-danger': getCssVariableValue('--destructive-500'),
+        '--el-color-danger-dark-2': getCssVariableValue('--destructive'),
+        '--el-color-danger-light-3': getCssVariableValue('--destructive-400'),
+        '--el-color-danger-light-5': getCssVariableValue('--destructive-300'),
+        '--el-color-danger-light-7': getCssVariableValue('--destructive-200'),
+        '--el-color-danger-light-8': getCssVariableValue('--destructive-100'),
+        '--el-color-danger-light-9': getCssVariableValue('--destructive-50'),
 
-        '--el-color-primary-light-5': getCssVariableValue('--primary-700'),
-        '--el-color-primary-light-7': getCssVariableValue('--primary-800'),
-        '--el-color-success': getCssVariableValue('--success'),
-        '--el-color-success-light-3': getCssVariableValue('--success-600'),
+        '--el-color-error': getCssVariableValue('--destructive-500'),
+        '--el-color-error-dark-2': getCssVariableValue('--destructive'),
+        '--el-color-error-light-3': getCssVariableValue('--destructive-400'),
+        '--el-color-error-light-5': getCssVariableValue('--destructive-300'),
+        '--el-color-error-light-7': getCssVariableValue('--destructive-200'),
+        '--el-color-error-light-8': getCssVariableValue('--destructive-100'),
+        '--el-color-error-light-9': getCssVariableValue('--destructive-50'),
 
-        '--el-color-success-light-5': getCssVariableValue('--success-700'),
-        '--el-color-success-light-7': getCssVariableValue('--success-800'),
+        '--el-color-info-light-8': border,
+        '--el-color-info-light-9': background,
 
-        '--el-color-success-light-8': border,
-        '--el-color-success-light-9': background,
-        '--el-color-warning': getCssVariableValue('--warning'),
-        '--el-color-warning-light-3': getCssVariableValue('--warning-600'),
+        '--el-color-primary': getCssVariableValue('--primary-500'),
+        '--el-color-primary-dark-2': getCssVariableValue('--primary'),
+        '--el-color-primary-light-3': getCssVariableValue('--primary-400'),
+        '--el-color-primary-light-5': getCssVariableValue('--primary-300'),
+        '--el-color-primary-light-7': getCssVariableValue('--primary-200'),
+        '--el-color-primary-light-8': getCssVariableValue('--primary-100'),
+        '--el-color-primary-light-9': getCssVariableValue('--primary-50'),
 
-        '--el-color-warning-light-5': getCssVariableValue('--warning-700'),
-        '--el-color-warning-light-7': getCssVariableValue('--warning-800'),
-        '--el-color-warning-light-8': border,
-        '--el-color-warning-light-9': background,
+        '--el-color-success': getCssVariableValue('--success-500'),
+        '--el-color-success-dark-2': getCssVariableValue('--success'),
+        '--el-color-success-light-3': getCssVariableValue('--success-400'),
+        '--el-color-success-light-5': getCssVariableValue('--success-300'),
+        '--el-color-success-light-7': getCssVariableValue('--success-200'),
+        '--el-color-success-light-8': getCssVariableValue('--success-100'),
+        '--el-color-success-light-9': getCssVariableValue('--success-50'),
+
+        '--el-color-warning': getCssVariableValue('--warning-500'),
+        '--el-color-warning-dark-2': getCssVariableValue('--warning'),
+        '--el-color-warning-light-3': getCssVariableValue('--warning-400'),
+        '--el-color-warning-light-5': getCssVariableValue('--warning-300'),
+        '--el-color-warning-light-7': getCssVariableValue('--warning-200'),
+        '--el-color-warning-light-8': getCssVariableValue('--warning-100'),
+        '--el-color-warning-light-9': getCssVariableValue('--warning-50'),
 
         '--el-fill-color-blank': background,
         '--el-text-color-primary': getCssVariableValue('--foreground'),

packages/locales/src/i18n.ts

@@ -10,8 +10,6 @@ import type {
 import { type App, unref } from 'vue';
 import { createI18n } from 'vue-i18n';
 
-const loadedLanguages = new Set<string>();
-
 const i18n = createI18n({
   globalInjection: true,
   legacy: false,
@@ -78,10 +76,6 @@ async function loadLocaleMessages(lang: SupportedLanguagesType) {
     return setI18nLanguage(lang);
   }
 
-  if (loadedLanguages.has(lang)) {
-    return setI18nLanguage(lang);
-  }
-
   const message = await localesMap[lang]?.();
 
   if (message?.default) {
@@ -91,7 +85,6 @@ async function loadLocaleMessages(lang: SupportedLanguagesType) {
   const mergeMessage = await loadMessages(lang);
   i18n.global.mergeLocaleMessage(lang, mergeMessage);
 
-  loadedLanguages.add(lang);
   return setI18nLanguage(lang);
 }
 

packages/stores/src/modules/access.ts

@@ -22,6 +22,10 @@ interface AccessState {
    * 登录 accessToken
    */
   accessToken: AccessToken;
+  /**
+   * 是否已经检查过权限
+   */
+  isAccessChecked: boolean;
   /**
    * 登录是否过期
    */
@@ -49,6 +53,9 @@ export const useAccessStore = defineStore('core-access', {
     setAccessToken(token: AccessToken) {
       this.accessToken = token;
     },
+    setIsAccessChecked(isAccessChecked: boolean) {
+      this.isAccessChecked = isAccessChecked;
+    },
     setLoginExpired(loginExpired: boolean) {
       this.loginExpired = loginExpired;
     },
@@ -65,6 +72,7 @@ export const useAccessStore = defineStore('core-access', {
     accessMenus: [],
     accessRoutes: [],
     accessToken: null,
+    isAccessChecked: false,
     loginExpired: false,
     refreshToken: null,
   }),

packages/styles/package.json

@@ -18,6 +18,9 @@
     "./antd": {
       "default": "./src/antd/index.css"
     },
+    "./ele": {
+      "default": "./src/ele/index.css"
+    },
     "./global": {
       "default": "./src/global/index.scss"
     }

packages/styles/src/ele/index.css

@@ -0,0 +1,3 @@
+.el-card {
+  --el-card-border-radius: var(--radius) !important;
+}