refactor(projects): 路由文件夹重构

src/utils/router/menus.ts

@@ -0,0 +1,48 @@
+import type { Component } from 'vue';
+import type { CustomRoute, GlobalMenuOption } from '@/interface';
+import { dynamicIconRender } from '@/utils';
+
+/** 判断路由是否作为菜单 */
+function asMenu(route: CustomRoute) {
+  return !route.meta?.isNotMenu;
+}
+
+/** 给菜单添加可选属性 */
+function addPartialProps(menuItem: GlobalMenuOption, icon?: Component, children?: GlobalMenuOption[]) {
+  const item = { ...menuItem };
+  if (icon) {
+    Object.assign(item, { icon: dynamicIconRender(icon) });
+  }
+  if (children) {
+    Object.assign(item, { children });
+  }
+  return item;
+}
+
+export default function transformRouteToMenu(routes: CustomRoute[]) {
+  const globalMenu: GlobalMenuOption[] = [];
+  routes.forEach(route => {
+    const { name, path, meta } = route;
+    const routeName = name as string;
+    let menuChildren: GlobalMenuOption[] | undefined;
+    if (route.children) {
+      menuChildren = transformRouteToMenu(route.children as CustomRoute[]);
+    }
+    const menuItem: GlobalMenuOption = addPartialProps(
+      {
+        key: routeName,
+        label: meta?.title ?? routeName,
+        routeName,
+        routePath: path
+      },
+      meta?.icon,
+      menuChildren
+    );
+    if (asMenu(route)) {
+      globalMenu.push(menuItem);
+    } else if (menuChildren) {
+      globalMenu.push(...menuChildren);
+    }
+  });
+  return globalMenu;
+}