feat: 适配5.x后端，重构前端架构

主要变更：
1. 重构API目录结构，采用模块化设计，适配5.x后端接口规范
2. 优化布局组件，提升用户界面体验
3. 增强国际化支持，完善多语言配置
4. 新增权限控制功能，支持前端路由权限管理
5. 优化认证流程，支持JWT认证机制
6. 新增中间件和插件，提升系统扩展性
7. 优化状态管理，采用更清晰的模块化设计
8. 新增搜索框、广告等组件，丰富页面功能
9. 更改包管理工具从npm到pnpm，提升依赖管理效率
10. 完善配置系统，支持多环境配置

适配5.x后端特性：
- 采用新的API接口规范
- 支持JWT认证机制
- 适配后端权限控制体系
- 支持后端国际化接口
- 优化数据交互方式

app/layouts/components/aside.vue

@@ -11,38 +11,38 @@
         <el-menu
             class="member-sidebar__menu"
             :default-active="activeMenu"
-            router
             unique-opened
         >
-            <template v-for="(item, idx) in personalCenterStore.state.user_menus" :key="idx">
+            <div v-for="(item, idx) in systemStore.site.member_menu" :key="idx">
                 <el-sub-menu 
-                    v-if="item.children && item.children.length"
+                    v-if="item.children && item.children.length && checkMenuShow(item)"
                     :index="item.id.toString()"
                 >
                     <template #title>
-                        <Icon v-if="item.icon" :name="item.icon" size="16" />
+                        <Icon v-if="item.icon" :icon="item.icon" size="16" />
                         <span>{{ item.title }}</span>
                     </template>
-                    <el-menu-item 
-                        v-for="(menu, index) in item.children"
-                        :key="index"
-                        :index="menu.path"
-                        @click="routerPush(menu)"
-                    >
-                        <Icon v-if="menu.icon" :name="menu.icon" size="16" />
-                        <span>{{ menu.title }}</span>
-                    </el-menu-item>
+                    <div v-for="(menu, index) in item.children.filter(m => m)" :key="index">
+                        <el-menu-item 
+                            v-if="checkMenuShow(menu)"
+                            :index="menu.path"
+                            @click="routerPush(menu)"
+                        >
+                            <Icon v-if="menu.icon" :icon="menu.icon" size="16" />
+                            <span>{{ menu.title }}</span>
+                        </el-menu-item>
+                    </div>
                 </el-sub-menu>
                 
                 <el-menu-item 
-                    v-else
+                    v-else-if="checkMenuShow(item)"
                     :index="item.path"
                     @click="routerPush(item)"
                 >
-                    <Icon v-if="item.icon" :name="item.icon" size="16" />
+                    <Icon v-if="item.icon" :icon="item.icon" size="16" />
                     <span>{{ item.title }}</span>
                 </el-menu-item>
-            </template>
+            </div>
         </el-menu>
     </el-aside>
 </template>
@@ -51,10 +51,31 @@
 import type { Menus } from '~/stores/interface'
 // 在组件顶部导入图片
 import defaultAvatar from '~/assets/images/default_avatar.png'
+import { useSystemStore } from '~/stores/system'
+import { useMemberStore } from '~/stores/member'
+import { useRoute, navigateTo } from 'nuxt/app'
+import { computed } from 'vue'
+import { fullUrl } from '~/utils/common'
+import { Icon } from '~/components/icon'
 
 const route = useRoute()
 const memberStore = useMemberStore()
-const personalCenterStore = usePersonalCenterStore()
+const systemStore = useSystemStore()
+
+const checkMenuShow = (menu: Menus): boolean => {
+    if (!menu) {
+        return false
+    }
+    
+    const permissions = menu.meta?.permissions
+    
+    if (!permissions || permissions.length === 0) {
+        return true
+    }
+    
+    const result = systemStore.checkMenuPermission(menu)
+    return result
+}
 
 // 当前激活的菜单
 const activeMenu = computed(() => {
@@ -71,6 +92,27 @@ const getAvatarUrl = (avatarUrl: string | null | undefined): string => {
   return fullUrl(avatarUrl)
 }
 
+/**
+ * 处理菜单点击
+ */
+const onClickMenu = (menu: Menus) => {
+    if (systemStore.isDirectory(menu)) {
+        return
+    }
+
+    if (systemStore.isExternalLink(menu)) {
+        const target = systemStore.getTarget(menu)
+        if (menu.url) {
+            window.open(menu.url, target)
+        }
+        return
+    }
+
+    if (menu.path) {
+        navigateTo(menu.path)
+    }
+}
+
 /**
  * 菜单跳转
  */
@@ -78,7 +120,7 @@ const routerPush = (route: string | Menus) => {
     if (typeof route === 'string') {
         navigateTo(route)
     } else {
-        onClickMenu(route as any)
+        onClickMenu(route)
     }
 }
 </script>
@@ -86,7 +128,7 @@ const routerPush = (route: string | Menus) => {
 <style scoped lang="scss">
 .member-sidebar {
     width: 240px;
-    background-color: var(--ba-bg-color-overlay);
+    background-color: var(--ma-bg-color-overlay);
     box-shadow: var(--el-box-shadow-light);
     border-radius: 8px;
     overflow: hidden;
@@ -124,7 +166,7 @@ const routerPush = (route: string | Menus) => {
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: var(--ba-bg-color-overlay);
+    background-color: var(--ma-bg-color-overlay);
     border-radius: 50%;
     box-shadow: var(--el-box-shadow);
 }
@@ -197,4 +239,10 @@ const routerPush = (route: string | Menus) => {
         width: 100%;
     }
 }
+
+@media screen and (max-width: 768px) {
+    .member-sidebar {
+        display: none;
+    }
+}
 </style>