feat: 动态路由

src/utils/menuUtils.ts

@@ -0,0 +1,97 @@
+// src/utils/menuUtils.ts
+import { MenuVO } from "@/services/system/menu";
+import type { MenuDataItem } from "@ant-design/pro-components";
+// src/utils/menuUtils.ts
+
+// src/utils/menuUtils.ts
+// src/utils/route.ts
+export function transformMenuToRoutes(menuData: MenuVO[]): any[] {
+  return menuData.map((item) => ({
+    path: item.path,
+    name: item.name,
+    icon: item.icon,
+    component: item.component,
+    routes: item.children ? transformMenuToRoutes(item.children) : undefined,
+  }));
+}
+
+// src/utils/route.ts
+export function transformBackendMenuToFlatRoutes(menuData: any[]) {
+  const flatRoutes: any[] = [];
+
+  function processMenu(items: any[], parentRouteId = "ant-design-pro-layout") {
+    items.forEach((item) => {
+      const currentRouteId = `route-${item.id}`;
+
+      // 处理路径 - 如果是子路由，需要组合完整路径
+      let fullPath = item.path;
+      if (item.parentId !== 0 && !item.path.startsWith("/")) {
+        // 子路由需要相对路径
+        fullPath = item.path;
+      }
+
+      const route: any = {
+        id: currentRouteId,
+        path: fullPath,
+        name: item.name,
+        parentId: parentRouteId,
+      };
+
+      // 添加图标（如果不是 # 的话）
+      if (item.icon && item.icon !== "#") {
+        route.icon = item.icon;
+      }
+
+      // 添加组件路径
+      if (item.component) {
+        // 转换组件路径为动态导入格式
+        route.component = item.component;
+      }
+
+      // 其他属性
+      if (!item.visible) {
+        route.hideInMenu = true;
+      }
+
+      flatRoutes.push(route);
+
+      // 递归处理子菜单
+      if (item.children && item.children.length > 0) {
+        processMenu(item.children, currentRouteId);
+      }
+    });
+  }
+
+  processMenu(menuData);
+  return flatRoutes;
+}
+
+export function transformMenuData(menuData: any[]) {
+  const transformItem = (item: any, parentPath = "") => {
+    const fullPath = item.path.startsWith("/")
+      ? item.path
+      : `${parentPath}/${item.path}`;
+    const result: any = {
+      path: fullPath,
+      name: item.name,
+      key: `${item.id}`,
+    };
+    if (item.icon && item.icon !== "#") {
+      result.icon = item.icon;
+    }
+
+    if (!item.visible) {
+      result.hideInMenu = true;
+    }
+
+    if (item.children && item.children.length > 0) {
+      result.children = item.children.map((child: any) =>
+        transformItem(child, fullPath)
+      );
+    }
+
+    return;
+    result;
+  };
+  return menuData.map((item) => transformItem(item));
+}