Lazy load layout secondary widgets

web/apps/web-ele/src/layouts/basic.vue

@@ -16,9 +16,8 @@ import {
 } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { AuthenticationLoginExpiredModal } from '@vben/common-ui';
 import { useWatermark } from '@vben/hooks';
-import { BasicLayout, LockScreen, UserDropdown } from '@vben/layouts';
+import { BasicLayout } from '@vben/layouts';
 import { $t } from '@vben/locales';
 import { preferences } from '@vben/preferences';
 import { useAccessStore, useUserStore } from '@vben/stores';
@@ -29,6 +28,15 @@ import { useAuthStore } from '#/store';
 const LoginForm = defineAsyncComponent(
   () => import('#/views/_core/authentication/login.vue'),
 );
+const AuthenticationLoginExpiredModal = defineAsyncComponent(() =>
+  import('@vben/common-ui/es/login-expired-modal'),
+);
+const UserDropdown = defineAsyncComponent(() =>
+  import('@vben/layouts/es/user-dropdown').then((module) => module.UserDropdown),
+);
+const LockScreen = defineAsyncComponent(() =>
+  import('@vben/layouts/es/lock-screen').then((module) => module.LockScreen),
+);
 const NotificationPopup = defineAsyncComponent(
   () => import('#/components/notification/NotificationPopup.vue'),
 );

web/apps/web-ele/vite.config.mts

@@ -113,6 +113,10 @@ export default defineConfig(async () => {
             '@vben/common-ui/es/api-component',
             '../../packages/effects/common-ui/src/components/api-component/index.ts',
           ),
+          exactAlias(
+            '@vben/common-ui/es/login-expired-modal',
+            '../../packages/effects/common-ui/src/ui/authentication/login-expired-modal.vue',
+          ),
           exactAlias(
             '@vben/constants',
             '../../packages/constants/src/index.ts',
@@ -130,6 +134,14 @@ export default defineConfig(async () => {
             '@vben/layouts/preferences-blocks',
             '../../packages/effects/layouts/src/widgets/preferences/blocks/index.ts',
           ),
+          exactAlias(
+            '@vben/layouts/es/lock-screen',
+            '../../packages/effects/layouts/src/widgets/lock-screen/index.ts',
+          ),
+          exactAlias(
+            '@vben/layouts/es/user-dropdown',
+            '../../packages/effects/layouts/src/widgets/user-dropdown/index.ts',
+          ),
           exactAlias('@vben/locales', '../../packages/locales/src/index.ts'),
           exactAlias(
             '@vben/preferences',