perf: enable strict ts type checking (#4045)

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';

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';
 

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[];

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;
   }

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

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';

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();
     }