From 4f5783d00bdf332176e8b2ad1b2550d9796afafc Mon Sep 17 00:00:00 2001
From: Vben <ann.vben@gmail.com>
Date: Mon, 5 Aug 2024 21:12:22 +0800
Subject: [PATCH] perf: enable strict ts type checking (#4045)

---
 apps/web-antd/src/layouts/basic.vue            |  3 ++-
 apps/web-antd/src/locales/index.ts             |  4 ++--
 .../src/views/demos/access/button-control.vue  |  8 +++++---
 apps/web-antd/src/views/demos/access/index.vue | 11 ++++++++---
 apps/web-ele/src/layouts/basic.vue             |  3 ++-
 apps/web-ele/src/locales/index.ts              |  6 +++---
 apps/web-naive/src/app.vue                     |  3 ++-
 apps/web-naive/src/layouts/basic.vue           |  3 ++-
 apps/web-naive/src/locales/index.ts            |  4 ++--
 docs/src/guide/essentials/icons.md             |  2 --
 internal/tsconfig/base.json                    |  3 +++
 .../base/shared/src/colorful/generator.ts      | 18 ++++++++++--------
 .../preferences/src/update-css-variables.ts    |  7 +++----
 .../@core/ui-kit/layout-ui/src/vben-layout.vue |  3 ++-
 .../ui-kit/menu-ui/src/components/menu.vue     |  6 ++++--
 .../@core/ui-kit/menu-ui/src/hooks/use-menu.ts |  3 ++-
 packages/@core/ui-kit/menu-ui/src/menu.vue     |  3 ++-
 .../src/components/button/icon-button.vue      |  3 ++-
 .../count-to-animator/count-to-animator.vue    |  2 +-
 .../src/components/hover-card/hover-card.vue   | 11 ++++++++---
 .../src/components/popover/popover.vue         |  3 ++-
 .../render-content/render-content.vue          |  5 ++++-
 .../src/components/tooltip/tooltip.vue         |  4 ++--
 .../tabs-ui/src/components/tabs/tabs.vue       |  5 +++--
 .../@core/ui-kit/tabs-ui/src/tabs-view.vue     |  3 ++-
 packages/effects/access/src/accessible.ts      |  2 +-
 .../src/authentication/login-expired-modal.vue |  3 ++-
 .../common-ui/src/authentication/login.vue     |  3 ++-
 .../analysis/analysis-charts-tabs.vue          |  2 +-
 packages/effects/layouts/src/basic/layout.vue  |  3 ++-
 .../layouts/src/basic/menu/extra-menu.vue      |  3 ++-
 .../effects/layouts/src/basic/menu/menu.vue    |  3 ++-
 .../widgets/global-search/global-search.vue    |  2 +-
 .../src/widgets/global-search/search-panel.vue | 10 ++++++----
 .../preferences/blocks/layout/tabbar.vue       |  3 ++-
 .../widgets/user-dropdown/user-dropdown.vue    |  6 +++---
 .../src/request-client/modules/interceptor.ts  |  4 ++--
 packages/locales/src/i18n.ts                   |  6 ++++--
 packages/locales/src/typing.ts                 |  2 +-
 packages/stores/src/modules/tabbar.ts          | 14 +++++++++++---
 .../src/helpers/generate-routes-backend.ts     |  8 ++++----
 41 files changed, 124 insertions(+), 76 deletions(-)

diff --git a/apps/web-antd/src/layouts/basic.vue b/apps/web-antd/src/layouts/basic.vue
index ab1832c2..630d8bdd 100644
--- a/apps/web-antd/src/layouts/basic.vue
+++ b/apps/web-antd/src/layouts/basic.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { NotificationItem } from '@vben/layouts';
+
 import { computed, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
@@ -9,7 +11,6 @@ import {
   BasicLayout,
   LockScreen,
   Notification,
-  NotificationItem,
   UserDropdown,
 } from '@vben/layouts';
 import { preferences } from '@vben/preferences';
diff --git a/apps/web-antd/src/locales/index.ts b/apps/web-antd/src/locales/index.ts
index a3e23661..ef3b8d5c 100644
--- a/apps/web-antd/src/locales/index.ts
+++ b/apps/web-antd/src/locales/index.ts
@@ -24,10 +24,10 @@ const localesMap = loadLocalesMap(modules);
  */
 async function loadMessages(lang: SupportedLanguagesType) {
   const [appLocaleMessages] = await Promise.all([
-    localesMap[lang](),
+    localesMap[lang]?.(),
     loadThirdPartyMessage(lang),
   ]);
-  return appLocaleMessages.default;
+  return appLocaleMessages?.default;
 }
 
 /**
diff --git a/apps/web-antd/src/views/demos/access/button-control.vue b/apps/web-antd/src/views/demos/access/button-control.vue
index badc6c36..51a1b78c 100644
--- a/apps/web-antd/src/views/demos/access/button-control.vue
+++ b/apps/web-antd/src/views/demos/access/button-control.vue
@@ -41,9 +41,11 @@ async function changeAccount(role: string) {
 
   const account = accounts[role];
   resetAllStores();
-  await authStore.authLogin(account, async () => {
-    router.go(0);
-  });
+  if (account) {
+    await authStore.authLogin(account, async () => {
+      router.go(0);
+    });
+  }
 }
 </script>
 
diff --git a/apps/web-antd/src/views/demos/access/index.vue b/apps/web-antd/src/views/demos/access/index.vue
index 9bb5be54..7955d335 100644
--- a/apps/web-antd/src/views/demos/access/index.vue
+++ b/apps/web-antd/src/views/demos/access/index.vue
@@ -41,12 +41,17 @@ async function changeAccount(role: string) {
 
   const account = accounts[role];
   resetAllStores();
-  await accessStore.authLogin(account, async () => {
-    router.go(0);
-  });
+  if (account) {
+    await accessStore.authLogin(account, async () => {
+      router.go(0);
+    });
+  }
 }
 
 async function handleToggleAccessMode() {
+  if (!accounts.super) {
+    return;
+  }
   await toggleAccessMode();
   resetAllStores();
 
diff --git a/apps/web-ele/src/layouts/basic.vue b/apps/web-ele/src/layouts/basic.vue
index ab1832c2..630d8bdd 100644
--- a/apps/web-ele/src/layouts/basic.vue
+++ b/apps/web-ele/src/layouts/basic.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { NotificationItem } from '@vben/layouts';
+
 import { computed, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
@@ -9,7 +11,6 @@ import {
   BasicLayout,
   LockScreen,
   Notification,
-  NotificationItem,
   UserDropdown,
 } from '@vben/layouts';
 import { preferences } from '@vben/preferences';
diff --git a/apps/web-ele/src/locales/index.ts b/apps/web-ele/src/locales/index.ts
index 4cf79251..186935e0 100644
--- a/apps/web-ele/src/locales/index.ts
+++ b/apps/web-ele/src/locales/index.ts
@@ -1,4 +1,5 @@
 import type { LocaleSetupOptions, SupportedLanguagesType } from '@vben/locales';
+import type { Language } from 'element-plus/es/locale';
 
 import type { App } from 'vue';
 import { ref } from 'vue';
@@ -7,7 +8,6 @@ import { $t, setupI18n as coreSetup, loadLocalesMap } from '@vben/locales';
 import { preferences } from '@vben/preferences';
 
 import dayjs from 'dayjs';
-import { Language } from 'element-plus/es/locale';
 import enLocale from 'element-plus/es/locale/lang/en';
 import defaultLocale from 'element-plus/es/locale/lang/zh-cn';
 
@@ -24,10 +24,10 @@ const localesMap = loadLocalesMap(modules);
  */
 async function loadMessages(lang: SupportedLanguagesType) {
   const [appLocaleMessages] = await Promise.all([
-    localesMap[lang](),
+    localesMap[lang]?.(),
     loadThirdPartyMessage(lang),
   ]);
-  return appLocaleMessages.default;
+  return appLocaleMessages?.default;
 }
 
 /**
diff --git a/apps/web-naive/src/app.vue b/apps/web-naive/src/app.vue
index 93ee5f51..23983c55 100644
--- a/apps/web-naive/src/app.vue
+++ b/apps/web-naive/src/app.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { GlobalThemeOverrides } from 'naive-ui';
+
 import { computed } from 'vue';
 
 import { useNaiveDesignTokens } from '@vben/hooks';
@@ -9,7 +11,6 @@ import {
   dateEnUS,
   dateZhCN,
   enUS,
-  GlobalThemeOverrides,
   lightTheme,
   NConfigProvider,
   NMessageProvider,
diff --git a/apps/web-naive/src/layouts/basic.vue b/apps/web-naive/src/layouts/basic.vue
index ab1832c2..630d8bdd 100644
--- a/apps/web-naive/src/layouts/basic.vue
+++ b/apps/web-naive/src/layouts/basic.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { NotificationItem } from '@vben/layouts';
+
 import { computed, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
@@ -9,7 +11,6 @@ import {
   BasicLayout,
   LockScreen,
   Notification,
-  NotificationItem,
   UserDropdown,
 } from '@vben/layouts';
 import { preferences } from '@vben/preferences';
diff --git a/apps/web-naive/src/locales/index.ts b/apps/web-naive/src/locales/index.ts
index 056c4434..a9eced60 100644
--- a/apps/web-naive/src/locales/index.ts
+++ b/apps/web-naive/src/locales/index.ts
@@ -15,8 +15,8 @@ const localesMap = loadLocalesMap(modules);
  * @param lang
  */
 async function loadMessages(lang: SupportedLanguagesType) {
-  const appLocaleMessages = await localesMap[lang]();
-  return appLocaleMessages.default;
+  const appLocaleMessages = await localesMap[lang]?.();
+  return appLocaleMessages?.default;
 }
 
 async function setupI18n(app: App, options: LocaleSetupOptions = {}) {
diff --git a/docs/src/guide/essentials/icons.md b/docs/src/guide/essentials/icons.md
index 44b6ad44..ceac41a9 100644
--- a/docs/src/guide/essentials/icons.md
+++ b/docs/src/guide/essentials/icons.md
@@ -74,7 +74,5 @@ import { SvgTestIcon } from '@vben/icons';
 直接添加 Tailwind CSS 的图标类名即可使用，图标类名可查看 [iconify](https://github.com/iconify/iconify) ：
 
 ```vue
-
 <span class="icon-[mdi--ab-testing]"></span>
-
 ```
diff --git a/internal/tsconfig/base.json b/internal/tsconfig/base.json
index b3fe7e53..1e45a784 100644
--- a/internal/tsconfig/base.json
+++ b/internal/tsconfig/base.json
@@ -5,6 +5,7 @@
     "composite": false,
     "target": "ESNext",
 
+    "moduleDetection": "force",
     "experimentalDecorators": true,
 
     "baseUrl": ".",
@@ -19,6 +20,7 @@
     "noImplicitAny": true,
     "noImplicitOverride": true,
     "noImplicitThis": true,
+    "noUncheckedIndexedAccess": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
 
@@ -30,6 +32,7 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
+    "verbatimModuleSyntax": true,
     "skipLibCheck": true,
     "preserveWatchOutput": true
   },
diff --git a/packages/@core/base/shared/src/colorful/generator.ts b/packages/@core/base/shared/src/colorful/generator.ts
index e732bd79..547d111d 100644
--- a/packages/@core/base/shared/src/colorful/generator.ts
+++ b/packages/@core/base/shared/src/colorful/generator.ts
@@ -22,17 +22,19 @@ function generatorColorVariables(colorItems: ColorItem[]) {
       colorKeys.forEach((key) => {
         const colorValue = colorsMap[key];
 
-        const hslColor = convertToHslCssVar(colorValue);
-        colorVariables[`--${name}-${key}`] = hslColor;
-        if (alias) {
-          colorVariables[`--${alias}-${key}`] = hslColor;
-        }
+        if (colorValue) {
+          const hslColor = convertToHslCssVar(colorValue);
+          colorVariables[`--${name}-${key}`] = hslColor;
+          if (alias) {
+            colorVariables[`--${alias}-${key}`] = hslColor;
+          }
 
-        if (key === '500') {
-          mainColor = hslColor;
+          if (key === '500') {
+            mainColor = hslColor;
+          }
         }
       });
-      if (alias) {
+      if (alias && mainColor) {
         colorVariables[`--${alias}`] = mainColor;
       }
     }
diff --git a/packages/@core/preferences/src/update-css-variables.ts b/packages/@core/preferences/src/update-css-variables.ts
index 35d89d75..a11522e3 100644
--- a/packages/@core/preferences/src/update-css-variables.ts
+++ b/packages/@core/preferences/src/update-css-variables.ts
@@ -89,10 +89,9 @@ function updateMainColorVariables(preference: Preferences) {
   ]);
 
   if (colorPrimary) {
-    document.documentElement.style.setProperty(
-      '--primary',
-      colorVariables['--primary-500'],
-    );
+    const mainColor = colorVariables['--primary-500'];
+    mainColor &&
+      document.documentElement.style.setProperty('--primary', mainColor);
   }
 
   if (colorVariables['--green-500']) {
diff --git a/packages/@core/ui-kit/layout-ui/src/vben-layout.vue b/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
index 8b749a75..4e20febe 100644
--- a/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
+++ b/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { VbenLayoutProps } from './vben-layout';
+
 import type { CSSProperties } from 'vue';
 import { computed, ref, watch } from 'vue';
 
@@ -11,7 +13,6 @@ import {
   LayoutSidebar,
   LayoutTabbar,
 } from './components';
-import { VbenLayoutProps } from './vben-layout';
 
 interface Props extends VbenLayoutProps {}
 
diff --git a/packages/@core/ui-kit/menu-ui/src/components/menu.vue b/packages/@core/ui-kit/menu-ui/src/components/menu.vue
index 768c5529..61973216 100644
--- a/packages/@core/ui-kit/menu-ui/src/components/menu.vue
+++ b/packages/@core/ui-kit/menu-ui/src/components/menu.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { UseResizeObserverReturn } from '@vueuse/core';
+
 import type {
   MenuItemClicked,
   MenuItemRegistered,
@@ -22,7 +24,7 @@ import { useNamespace } from '@vben-core/composables';
 import { Ellipsis } from '@vben-core/icons';
 import { isHttpUrl } from '@vben-core/shared';
 
-import { useResizeObserver, UseResizeObserverReturn } from '@vueuse/core';
+import { useResizeObserver } from '@vueuse/core';
 
 import {
   createMenuContext,
@@ -273,7 +275,7 @@ function close(path: string) {
  */
 function closeMenu(path: string, parentPaths: string[]) {
   if (props.accordion) {
-    openedMenus.value = subMenus.value[path]?.parentPaths;
+    openedMenus.value = subMenus.value[path]?.parentPaths ?? [];
   }
 
   close(path);
diff --git a/packages/@core/ui-kit/menu-ui/src/hooks/use-menu.ts b/packages/@core/ui-kit/menu-ui/src/hooks/use-menu.ts
index 5bcbad34..78b5c3f0 100644
--- a/packages/@core/ui-kit/menu-ui/src/hooks/use-menu.ts
+++ b/packages/@core/ui-kit/menu-ui/src/hooks/use-menu.ts
@@ -1,6 +1,7 @@
+import type { SubMenuProvider } from '../interface';
+
 import { computed, getCurrentInstance } from 'vue';
 
-import { SubMenuProvider } from '../interface';
 import { findComponentUpward } from '../utils';
 
 function useMenu() {
diff --git a/packages/@core/ui-kit/menu-ui/src/menu.vue b/packages/@core/ui-kit/menu-ui/src/menu.vue
index f2ad8dfd..00f7b63e 100644
--- a/packages/@core/ui-kit/menu-ui/src/menu.vue
+++ b/packages/@core/ui-kit/menu-ui/src/menu.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import type { MenuRecordRaw } from '@vben-core/typings';
 
+import type { MenuProps } from './interface';
+
 import { useForwardProps } from '@vben-core/composables';
 
 import { Menu } from './components';
-import { MenuProps } from './interface';
 import SubMenu from './sub-menu.vue';
 
 interface Props extends MenuProps {
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/button/icon-button.vue b/packages/@core/ui-kit/shadcn-ui/src/components/button/icon-button.vue
index f6c4a19f..57bd4295 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/button/icon-button.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/button/icon-button.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import type { ButtonVariants } from '@vben-core/shadcn-ui/components/ui/button';
+
 import { computed, type HTMLAttributes, useSlots } from 'vue';
 
 import { VbenTooltip } from '@vben-core/shadcn-ui/components/tooltip';
-import { ButtonVariants } from '@vben-core/shadcn-ui/components/ui/button';
 import { cn } from '@vben-core/shared';
 
 import { type PrimitiveProps } from 'radix-vue';
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue
index 31678c60..4a2bdd3b 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue
@@ -94,7 +94,7 @@ function formatNumber(num: number | string) {
   const x2 = x.length > 1 ? decimal + x[1] : '';
 
   const rgx = /(\d+)(\d{3})/;
-  if (separator && !isNumber(separator)) {
+  if (separator && !isNumber(separator) && x1) {
     while (rgx.test(x1)) {
       x1 = x1.replace(rgx, `$1${separator}$2`);
     }
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/hover-card/hover-card.vue b/packages/@core/ui-kit/shadcn-ui/src/components/hover-card/hover-card.vue
index 8ef45fb0..70a2df48 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/hover-card/hover-card.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/hover-card/hover-card.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
-import type { HoverCardRootEmits, HoverCardRootProps } from 'radix-vue';
+import type {
+  HoverCardContentProps,
+  HoverCardRootEmits,
+  HoverCardRootProps,
+} from 'radix-vue';
 
-import { computed, HTMLAttributes } from 'vue';
+import type { HTMLAttributes } from 'vue';
+import { computed } from 'vue';
 
 import {
   HoverCard,
@@ -9,7 +14,7 @@ import {
   HoverCardTrigger,
 } from '@vben-core/shadcn-ui/components/ui/hover-card';
 
-import { HoverCardContentProps, useForwardPropsEmits } from 'radix-vue';
+import { useForwardPropsEmits } from 'radix-vue';
 
 const props = defineProps<
   {
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/popover/popover.vue b/packages/@core/ui-kit/shadcn-ui/src/components/popover/popover.vue
index 3f236c7f..1a5111e4 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/popover/popover.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/popover/popover.vue
@@ -5,7 +5,8 @@ import type {
   PopoverRootProps,
 } from 'radix-vue';
 
-import { computed, HTMLAttributes } from 'vue';
+import type { HTMLAttributes } from 'vue';
+import { computed } from 'vue';
 
 import {
   PopoverContent,
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/render-content/render-content.vue b/packages/@core/ui-kit/shadcn-ui/src/components/render-content/render-content.vue
index 4fe93bab..e4228767 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/render-content/render-content.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/render-content/render-content.vue
@@ -6,7 +6,10 @@ defineOptions({
 });
 
 const props = withDefaults(
-  defineProps<{ content: Component | string; props?: Record<string, any> }>(),
+  defineProps<{
+    content: Component | string | undefined;
+    props?: Record<string, any>;
+  }>(),
   {
     props: () => ({}),
   },
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/tooltip/tooltip.vue b/packages/@core/ui-kit/shadcn-ui/src/components/tooltip/tooltip.vue
index 861e06d0..d042267f 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/tooltip/tooltip.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/tooltip/tooltip.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { TooltipContentProps } from 'radix-vue';
+
 import type { HTMLAttributes } from 'vue';
 
 import {
@@ -8,8 +10,6 @@ import {
   TooltipTrigger,
 } from '@vben-core/shadcn-ui/components/ui/tooltip';
 
-import { TooltipContentProps } from 'radix-vue';
-
 interface Props {
   contentClass?: HTMLAttributes['class'];
   delayDuration?: number;
diff --git a/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue b/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
index 8602694f..db83b715 100644
--- a/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
+++ b/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
@@ -1,11 +1,12 @@
 <script lang="ts" setup>
+import type { TabDefinition } from '@vben-core/typings';
+
 import type { TabConfig, TabsProps } from '../../types';
 
 import { computed, watch } from 'vue';
 
 import { MdiPin, X } from '@vben-core/icons';
 import { VbenContextMenu, VbenIcon, VbenScrollbar } from '@vben-core/shadcn-ui';
-import { TabDefinition } from '@vben-core/typings';
 
 interface Props extends TabsProps {}
 
@@ -37,7 +38,7 @@ const typeWithClass = computed(() => {
     },
   };
 
-  return typeClasses[props.styleType || 'plain'];
+  return typeClasses[props.styleType || 'plain'] || { content: '' };
 });
 
 const tabsView = computed((): TabConfig[] => {
diff --git a/packages/@core/ui-kit/tabs-ui/src/tabs-view.vue b/packages/@core/ui-kit/tabs-ui/src/tabs-view.vue
index d68e9550..5db5572d 100644
--- a/packages/@core/ui-kit/tabs-ui/src/tabs-view.vue
+++ b/packages/@core/ui-kit/tabs-ui/src/tabs-view.vue
@@ -2,12 +2,13 @@
 import type { Sortable } from '@vben-core/composables';
 import type { TabDefinition } from '@vben-core/typings';
 
+import type { TabsProps } from './types';
+
 import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
 import { useForwardPropsEmits, useSortable } from '@vben-core/composables';
 
 import { Tabs, TabsChrome } from './components';
-import { TabsProps } from './types';
 
 interface Props extends TabsProps {}
 
diff --git a/packages/effects/access/src/accessible.ts b/packages/effects/access/src/accessible.ts
index 2a7b655b..10f0d860 100644
--- a/packages/effects/access/src/accessible.ts
+++ b/packages/effects/access/src/accessible.ts
@@ -71,7 +71,7 @@ async function generateRoutes(
     const firstChild = route.children[0];
 
     // 如果子路由不是以/开头，则直接返回,这种情况需要计算全部父级的path才能得出正确的path，这里不做处理
-    if (!firstChild.path || !firstChild.path.startsWith('/')) {
+    if (!firstChild?.path || !firstChild.path.startsWith('/')) {
       return route;
     }
 
diff --git a/packages/effects/common-ui/src/authentication/login-expired-modal.vue b/packages/effects/common-ui/src/authentication/login-expired-modal.vue
index aa942880..14a2ac4f 100644
--- a/packages/effects/common-ui/src/authentication/login-expired-modal.vue
+++ b/packages/effects/common-ui/src/authentication/login-expired-modal.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { AuthenticationProps, LoginAndRegisterParams } from './typings';
+
 import { useForwardPropsEmits } from '@vben/hooks';
 import {
   Dialog,
@@ -10,7 +12,6 @@ import {
 } from '@vben-core/shadcn-ui';
 
 import AuthenticationLogin from './login.vue';
-import { AuthenticationProps, LoginAndRegisterParams } from './typings';
 
 interface Props extends AuthenticationProps {
   avatar?: string;
diff --git a/packages/effects/common-ui/src/authentication/login.vue b/packages/effects/common-ui/src/authentication/login.vue
index 238c31a6..0e80c06a 100644
--- a/packages/effects/common-ui/src/authentication/login.vue
+++ b/packages/effects/common-ui/src/authentication/login.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { AuthenticationProps, LoginEmits } from './typings';
+
 import { computed, reactive } from 'vue';
 import { useRouter } from 'vue-router';
 
@@ -12,7 +14,6 @@ import {
 
 import Title from './auth-title.vue';
 import ThirdPartyLogin from './third-party-login.vue';
-import { AuthenticationProps, LoginEmits } from './typings';
 
 interface Props extends AuthenticationProps {}
 
diff --git a/packages/effects/common-ui/src/dashboard/analysis/analysis-charts-tabs.vue b/packages/effects/common-ui/src/dashboard/analysis/analysis-charts-tabs.vue
index 107fc3a2..a6a33f5d 100644
--- a/packages/effects/common-ui/src/dashboard/analysis/analysis-charts-tabs.vue
+++ b/packages/effects/common-ui/src/dashboard/analysis/analysis-charts-tabs.vue
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 const defaultValue = computed(() => {
-  return props.tabs?.[0].value;
+  return props.tabs?.[0]?.value;
 });
 </script>
 
diff --git a/packages/effects/layouts/src/basic/layout.vue b/packages/effects/layouts/src/basic/layout.vue
index b3e4c606..dd6099de 100644
--- a/packages/effects/layouts/src/basic/layout.vue
+++ b/packages/effects/layouts/src/basic/layout.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import type { MenuRecordRaw } from '@vben/types';
+
 import { computed, watch } from 'vue';
 
 import { useWatermark } from '@vben/hooks';
@@ -9,7 +11,6 @@ import {
   usePreferences,
 } from '@vben/preferences';
 import { useLockStore, useUserStore } from '@vben/stores';
-import { MenuRecordRaw } from '@vben/types';
 import { mapTree } from '@vben/utils';
 import { VbenAdminLayout } from '@vben-core/layout-ui';
 import { Toaster, VbenBackTop, VbenLogo } from '@vben-core/shadcn-ui';
diff --git a/packages/effects/layouts/src/basic/menu/extra-menu.vue b/packages/effects/layouts/src/basic/menu/extra-menu.vue
index 22fbd59e..39d2898d 100644
--- a/packages/effects/layouts/src/basic/menu/extra-menu.vue
+++ b/packages/effects/layouts/src/basic/menu/extra-menu.vue
@@ -1,9 +1,10 @@
 <script lang="ts" setup>
 import type { MenuRecordRaw } from '@vben/types';
+import type { MenuProps } from '@vben-core/menu-ui';
 
 import { useRoute } from 'vue-router';
 
-import { Menu, MenuProps } from '@vben-core/menu-ui';
+import { Menu } from '@vben-core/menu-ui';
 
 import { useNavigation } from './use-navigation';
 
diff --git a/packages/effects/layouts/src/basic/menu/menu.vue b/packages/effects/layouts/src/basic/menu/menu.vue
index 817de2de..206de873 100644
--- a/packages/effects/layouts/src/basic/menu/menu.vue
+++ b/packages/effects/layouts/src/basic/menu/menu.vue
@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import type { MenuRecordRaw } from '@vben/types';
+import type { MenuProps } from '@vben-core/menu-ui';
 
-import { Menu, MenuProps } from '@vben-core/menu-ui';
+import { Menu } from '@vben-core/menu-ui';
 
 interface Props extends MenuProps {
   menus?: MenuRecordRaw[];
diff --git a/packages/effects/layouts/src/widgets/global-search/global-search.vue b/packages/effects/layouts/src/widgets/global-search/global-search.vue
index c0dbc702..3056cefe 100644
--- a/packages/effects/layouts/src/widgets/global-search/global-search.vue
+++ b/packages/effects/layouts/src/widgets/global-search/global-search.vue
@@ -49,7 +49,7 @@ function handleClose() {
 
 const keys = useMagicKeys();
 const cmd = isWindowsOs() ? keys['ctrl+k'] : keys['cmd+k'];
-whenever(cmd, () => {
+whenever(cmd!, () => {
   if (props.enableShortcutKey) {
     open.value = true;
   }
diff --git a/packages/effects/layouts/src/widgets/global-search/search-panel.vue b/packages/effects/layouts/src/widgets/global-search/search-panel.vue
index 868e3bdd..f841ad07 100644
--- a/packages/effects/layouts/src/widgets/global-search/search-panel.vue
+++ b/packages/effects/layouts/src/widgets/global-search/search-panel.vue
@@ -95,10 +95,12 @@ async function handleEnter() {
     return;
   }
   const to = result[index];
-  searchHistory.value.push(to);
-  handleClose();
-  await nextTick();
-  router.push(to.path);
+  if (to) {
+    searchHistory.value.push(to);
+    handleClose();
+    await nextTick();
+    router.push(to.path);
+  }
 }
 
 // Arrow key up
diff --git a/packages/effects/layouts/src/widgets/preferences/blocks/layout/tabbar.vue b/packages/effects/layouts/src/widgets/preferences/blocks/layout/tabbar.vue
index a23e3088..e5e08673 100644
--- a/packages/effects/layouts/src/widgets/preferences/blocks/layout/tabbar.vue
+++ b/packages/effects/layouts/src/widgets/preferences/blocks/layout/tabbar.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import type { SelectOption } from '@vben/types';
+
 import { computed } from 'vue';
 
 import { $t } from '@vben/locales';
-import { SelectOption } from '@vben/types';
 
 import SelectItem from '../select-item.vue';
 import SwitchItem from '../switch-item.vue';
diff --git a/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue b/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
index 17368118..2a9c0b2c 100644
--- a/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
+++ b/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
@@ -126,19 +126,19 @@ function handleSubmitLogout() {
 
 if (enableShortcutKey.value) {
   const keys = useMagicKeys();
-  whenever(keys['Alt+KeyQ'], () => {
+  whenever(keys['Alt+KeyQ']!, () => {
     if (enableLogoutShortcutKey.value) {
       handleLogout();
     }
   });
 
-  whenever(keys['Alt+Comma'], () => {
+  whenever(keys['Alt+Comma']!, () => {
     if (enablePreferencesShortcutKey.value) {
       handleOpenPreference();
     }
   });
 
-  whenever(keys['Alt+KeyL'], () => {
+  whenever(keys['Alt+KeyL']!, () => {
     if (enableLockScreenShortcutKey.value) {
       handleOpenLock();
     }
diff --git a/packages/effects/request/src/request-client/modules/interceptor.ts b/packages/effects/request/src/request-client/modules/interceptor.ts
index 425b6323..450bbd6a 100644
--- a/packages/effects/request/src/request-client/modules/interceptor.ts
+++ b/packages/effects/request/src/request-client/modules/interceptor.ts
@@ -1,7 +1,7 @@
-import {
+import type {
   AxiosInstance,
   AxiosResponse,
-  type InternalAxiosRequestConfig,
+  InternalAxiosRequestConfig,
 } from 'axios';
 
 const errorHandler = (res: Error) => Promise.reject(res);
diff --git a/packages/locales/src/i18n.ts b/packages/locales/src/i18n.ts
index 7efb6038..e16fdd54 100644
--- a/packages/locales/src/i18n.ts
+++ b/packages/locales/src/i18n.ts
@@ -58,9 +58,11 @@ async function loadI18nMessages(lang: SupportedLanguagesType) {
     return setI18nLanguage(lang);
   }
 
-  const message = await localesMap[lang]();
+  const message = await localesMap[lang]?.();
 
-  i18n.global.setLocaleMessage(lang, message.default);
+  if (message?.default) {
+    i18n.global.setLocaleMessage(lang, message.default);
+  }
   loadedLanguages.add(lang);
   return setI18nLanguage(lang);
 }
diff --git a/packages/locales/src/typing.ts b/packages/locales/src/typing.ts
index c387dfc6..fdebac2b 100644
--- a/packages/locales/src/typing.ts
+++ b/packages/locales/src/typing.ts
@@ -4,7 +4,7 @@ export type ImportLocaleFn = () => Promise<{ default: Record<string, string> }>;
 
 export type LoadMessageFn = (
   lang: SupportedLanguagesType,
-) => Promise<Record<string, string>>;
+) => Promise<Record<string, string> | undefined>;
 
 export interface LocaleSetupOptions {
   /**
diff --git a/packages/stores/src/modules/tabbar.ts b/packages/stores/src/modules/tabbar.ts
index 8ba914eb..e51a9950 100644
--- a/packages/stores/src/modules/tabbar.ts
+++ b/packages/stores/src/modules/tabbar.ts
@@ -70,7 +70,9 @@ export const useTabbarStore = defineStore('core-tabbar', {
         return;
       }
       const firstTab = this.getTabs[0];
-      await this._goToTab(firstTab, router);
+      if (firstTab) {
+        await this._goToTab(firstTab, router);
+      }
     },
     /**
      * @zh_CN 跳转到标签页
@@ -122,7 +124,7 @@ export const useTabbarStore = defineStore('core-tabbar', {
         // 页面已经存在，不重复添加选项卡，只更新选项卡参数
         const currentTab = toRaw(this.tabs)[tabIndex];
         const mergedTab = { ...currentTab, ...tab };
-        if (Reflect.has(currentTab.meta, 'affixTab')) {
+        if (currentTab && Reflect.has(currentTab.meta, 'affixTab')) {
           mergedTab.meta.affixTab = currentTab.meta.affixTab;
         }
         this.tabs.splice(tabIndex, 1, mergedTab);
@@ -248,7 +250,10 @@ export const useTabbarStore = defineStore('core-tabbar', {
         return;
       }
 
-      await this.closeTab(this.tabs[index], router);
+      const tab = this.tabs[index];
+      if (tab) {
+        await this.closeTab(tab, router);
+      }
     },
 
     /**
@@ -359,6 +364,9 @@ export const useTabbarStore = defineStore('core-tabbar', {
      */
     async sortTabs(oldIndex: number, newIndex: number) {
       const currentTab = this.tabs[oldIndex];
+      if (!currentTab) {
+        return;
+      }
       this.tabs.splice(oldIndex, 1);
       this.tabs.splice(newIndex, 0, currentTab);
       this.dragEndIndex = this.dragEndIndex + 1;
diff --git a/packages/utils/src/helpers/generate-routes-backend.ts b/packages/utils/src/helpers/generate-routes-backend.ts
index 89a067a3..f1ba04c1 100644
--- a/packages/utils/src/helpers/generate-routes-backend.ts
+++ b/packages/utils/src/helpers/generate-routes-backend.ts
@@ -1,11 +1,11 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-import { mapTree } from '@vben-core/shared';
-import {
+import type {
   ComponentRecordType,
   GenerateMenuAndRoutesOptions,
   RouteRecordStringComponent,
 } from '@vben-core/typings';
+import type { RouteRecordRaw } from 'vue-router';
+
+import { mapTree } from '@vben-core/shared';
 
 /**
  * 动态生成路由 - 后端方式