From b2664662b8b4b0d41b7823eb9ea839939aba87b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?cls=5F=E5=AE=81=E6=B3=A2=E6=9C=AC=E6=9C=BA?=
 <908705107@qq.com>
Date: Fri, 12 Jun 2026 16:18:49 +0800
Subject: [PATCH] chore: lazy load header widgets

---
 web/apps/web-ele/src/preferences.ts           |  4 +--
 .../layouts/src/basic/header/header.vue       | 31 +++++++++++++------
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/web/apps/web-ele/src/preferences.ts b/web/apps/web-ele/src/preferences.ts
index abb2b8c..7b8c426 100644
--- a/web/apps/web-ele/src/preferences.ts
+++ b/web/apps/web-ele/src/preferences.ts
@@ -13,7 +13,7 @@ export const overridesPreferences = defineOverridesPreferences({
     name: import.meta.env.VITE_APP_TITLE,
     enableRefreshToken: true,
     enableCheckUpdates: false,
-    enablePreferences: true,
+    enablePreferences: false,
     accessMode: 'mixed',
     authPageLayout: 'panel-center',
     defaultHomePath: '/ai-platform/agent',
@@ -24,7 +24,7 @@ export const overridesPreferences = defineOverridesPreferences({
     enable: true,
     globalLockScreen: false,
     globalLogout: true,
-    globalPreferences: true,
+    globalPreferences: false,
     globalSearch: true,
   },
   theme: {
diff --git a/web/packages/effects/layouts/src/basic/header/header.vue b/web/packages/effects/layouts/src/basic/header/header.vue
index bfb35f6..e201ade 100644
--- a/web/packages/effects/layouts/src/basic/header/header.vue
+++ b/web/packages/effects/layouts/src/basic/header/header.vue
@@ -1,20 +1,33 @@
 <script lang="ts" setup>
-import { computed, useSlots } from 'vue';
+import { computed, defineAsyncComponent, useSlots } from 'vue';
 
 import { useRefresh } from '@vben/hooks';
 import { RotateCw } from '@vben/icons';
 import { preferences, usePreferences } from '@vben/preferences';
 import { useAccessStore } from '@vben/stores';
 
-import { VbenFullScreen, VbenIconButton } from '@vben-core/shadcn-ui';
+import { VbenIconButton } from '@vben-core/shadcn-ui';
 
-import {
-  GlobalSearch,
-  LanguageToggle,
-  PreferencesButton,
-  ThemeToggle,
-  TimezoneButton,
-} from '../../widgets';
+const GlobalSearch = defineAsyncComponent(() =>
+  import('../../widgets/global-search').then((module) => module.GlobalSearch),
+);
+const LanguageToggle = defineAsyncComponent(
+  () => import('../../widgets/language-toggle.vue'),
+);
+const PreferencesButton = defineAsyncComponent(() =>
+  import('../../widgets/preferences').then((module) => module.PreferencesButton),
+);
+const ThemeToggle = defineAsyncComponent(() =>
+  import('../../widgets/theme-toggle').then((module) => module.ThemeToggle),
+);
+const TimezoneButton = defineAsyncComponent(() =>
+  import('../../widgets/timezone').then((module) => module.TimezoneButton),
+);
+const VbenFullScreen = defineAsyncComponent(() =>
+  import(
+    '../../../../../@core/ui-kit/shadcn-ui/src/components/full-screen/full-screen.vue'
+  ),
+);
 
 interface Props {
   /**