fix(projects): 修复在新版vite下环境变量获取不到的问题

src/composables/layout.ts

@@ -18,22 +18,22 @@ export function useBasicLayout() {
     vertical: {
       showLogo: false,
       showHeaderMenu: false,
-      showMenuCollape: true
+      showMenuCollapse: true
     },
     'vertical-mix': {
       showLogo: false,
       showHeaderMenu: false,
-      showMenuCollape: false
+      showMenuCollapse: false
     },
     horizontal: {
       showLogo: true,
       showHeaderMenu: true,
-      showMenuCollape: false
+      showMenuCollapse: false
     },
     'horizontal-mix': {
       showLogo: true,
       showHeaderMenu: false,
-      showMenuCollape: true
+      showMenuCollapse: true
     }
   };
 

src/hooks/common/useReload.ts

@@ -13,13 +13,9 @@ export default function useReload() {
   async function handleReload(duration = 0) {
     setFalse();
     await nextTick();
-    if (duration) {
-      setTimeout(() => {
-        setTrue();
-      }, duration);
-    } else {
+    setTimeout(() => {
       setTrue();
-    }
+    }, duration);
   }
 
   return {

src/layouts/common/GlobalHeader/index.vue

@@ -2,7 +2,7 @@
   <dark-mode-container class="global-header flex-y-center h-full">
     <global-logo v-if="showLogo" :show-title="true" class="h-full" :style="{ width: theme.sider.width + 'px' }" />
     <div v-if="!showHeaderMenu" class="flex-1-hidden flex-y-center h-full">
-      <menu-collapse v-if="showMenuCollape" />
+      <menu-collapse v-if="showMenuCollapse" />
       <global-breadcrumb v-if="theme.header.crumb.visible" />
     </div>
     <div v-else class="flex-1-hidden flex-y-center h-full" :style="{ justifyContent: theme.menu.horizontalPosition }">
@@ -38,7 +38,7 @@ interface Props {
   /** 显示头部菜单 */
   showHeaderMenu: GlobalHeaderProps['showHeaderMenu'];
   /** 显示菜单折叠按钮 */
-  showMenuCollape: GlobalHeaderProps['showMenuCollape'];
+  showMenuCollapse: GlobalHeaderProps['showMenuCollapse'];
 }
 
 defineProps<Props>();

src/layouts/common/GlobalSider/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <vertical-sider v-if="!isVerticalMix" class="global-sider" />
-  <vertical-mix-sider v-else class="global-sider" />
+  <vertical-mix-sider v-if="isVerticalMix" class="global-sider" />
+  <vertical-sider v-else class="global-sider" />
 </template>
 
 <script setup lang="ts">

src/typings/system.d.ts

@@ -238,7 +238,7 @@ interface GlobalHeaderProps {
   /** 显示头部菜单 */
   showHeaderMenu: boolean;
   /** 显示菜单折叠按钮 */
-  showMenuCollape: boolean;
+  showMenuCollapse: boolean;
 }
 
 /** 菜单项配置 */