fix: 🐛 组件命名调整引发导入问题修复

src/layout/components/NavBar/components/NavbarRight.vue

@@ -22,10 +22,7 @@
     <UserProfile />
 
     <!-- 设置面板 -->
-    <div
+    <div v-if="defaultSettings.showSettings" @click="settingStore.settingsVisible = true">
-      v-if="defaultSettings.showSettings"
-      @click="settingStore.settingsVisible = true"
-    >
       <SvgIcon icon-class="setting" />
     </div>
   </div>
@@ -36,8 +33,8 @@ import { DeviceEnum } from "@/enums/DeviceEnum";
 
 import { useAppStore, useSettingsStore } from "@/store";
 
-import UserProfile from "@/layout/components/NavBar/components/UserProfile.vue";
+import UserProfile from "./UserProfile.vue";
-import Notification from "@/layout/components/NavBar/components/Notification.vue";
+import Notification from "./Notification.vue";
 
 const appStore = useAppStore();
 const settingStore = useSettingsStore();

src/layout/components/Sidebar/index.vue

@@ -24,7 +24,7 @@
 import { LayoutEnum } from "@/enums/LayoutEnum";
 import { useSettingsStore, usePermissionStore, useAppStore } from "@/store";
 
-import NavbarRight from "../Navbar/components/NavbarRight.vue";
+import NavbarRight from "../NavBar/components/NavbarRight.vue";
 
 const appStore = useAppStore();
 const settingsStore = useSettingsStore();

src/layout/index.vue

@@ -14,16 +14,10 @@
     <div v-if="layout === LayoutEnum.MIX" class="mix-container">
       <div class="mix-container-sidebar">
         <el-scrollbar>
-          <SidebarMenu
+          <SidebarMenu :menu-list="mixLeftMenus" :base-path="activeTopMenuPath" />
-            :menu-list="mixLeftMenus"
-            :base-path="activeTopMenuPath"
-          />
         </el-scrollbar>
         <div class="sidebar-toggle">
-          <hamburger
+          <hamburger :is-active="appStore.sidebar.opened" @toggle-click="toggleSidebar" />
-            :is-active="appStore.sidebar.opened"
-            @toggle-click="toggleSidebar"
-          />
         </div>
       </div>
 
@@ -43,7 +37,7 @@
     <!-- 左侧和顶部布局 -->
     <div v-else :class="{ hasTagsView: showTagsView }" class="main-container">
       <div :class="{ 'fixed-header': fixedHeader }">
-        <Navbar v-if="layout === LayoutEnum.LEFT" />
+        <NavBar v-if="layout === LayoutEnum.LEFT" />
         <TagsView v-if="showTagsView" />
       </div>
       <AppMain />
@@ -62,7 +56,7 @@ import defaultSettings from "@/settings";
 import { DeviceEnum } from "@/enums/DeviceEnum";
 import { LayoutEnum } from "@/enums/LayoutEnum";
 
-import Navbar from "@/layout/components/NavBar/index.vue";
+import NavBar from "./components/NavBar/index.vue";
 
 const appStore = useAppStore();
 const settingsStore = useSettingsStore();
@@ -97,9 +91,7 @@ const classObj = computed(() => ({
 }));
 
 watchEffect(() => {
-  appStore.toggleDevice(
+  appStore.toggleDevice(width.value < WIDTH_DESKTOP ? DeviceEnum.MOBILE : DeviceEnum.DESKTOP);
-    width.value < WIDTH_DESKTOP ? DeviceEnum.MOBILE : DeviceEnum.DESKTOP
-  );
   if (width.value >= WIDTH_DESKTOP) {
     appStore.openSideBar();
   } else {