fix: 修复 element-plus Menu 未自适应导航宽度去折叠

src/layouts/components/Sidebar/SidebarItem.vue

@@ -60,10 +60,7 @@ const resolvePath = (routePath: string) => {
 </script>
 
 <template>
-  <div
-    v-if="!props.item.meta?.hidden"
-    :class="{ 'simple-mode': props.isCollapse && !isTop, 'first-level': props.isFirstLevel }"
-  >
+  <div :class="{ 'simple-mode': props.isCollapse && !isTop, 'first-level': props.isFirstLevel }">
     <template v-if="!alwaysShowRootMenu && theOnlyOneChild && !theOnlyOneChild.children">
       <SidebarItemLink v-if="theOnlyOneChild.meta" :to="resolvePath(theOnlyOneChild.path)">
         <el-menu-item :index="resolvePath(theOnlyOneChild.path)">

src/store/modules/permission.ts

@@ -31,7 +31,7 @@ export const usePermissionStore = defineStore("permission", () => {
 
   const setRoutes = (roles: string[]) => {
     const accessedRoutes = routeSettings.async ? filterAsyncRoutes(asyncRoutes, roles) : asyncRoutes
-    routes.value = constantRoutes.concat(accessedRoutes)
+    routes.value = constantRoutes.concat(accessedRoutes)?.filter((item) => !item.meta?.hidden)
     dynamicRoutes.value = routeSettings.thirdLevelRouteCache ? flatMultiLevelRoutes(accessedRoutes) : accessedRoutes
   }