|  |  | 
 |  |  |             break; | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |     patchRouteItems(proLayout, remoteMenu); | 
 |  |  |  | 
 |  |  |     const rootMenu = { routes: [], children: [] } | 
 |  |  |     addHomeMenu(remoteMenu); | 
 |  |  |     addUserSettingMenu(remoteMenu); | 
 |  |  |     patchRouteItems(rootMenu, remoteMenu); | 
 |  |  |  | 
 |  |  |     proLayout.children = proLayout.children.concat(rootMenu.routes); | 
 |  |  |     proLayout.routes = proLayout.routes.concat(rootMenu.routes); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function patchRouteItems(parent, children) { | 
 |  |  |     for (const menu of children) { | 
 |  |  |         if (menu.component !== null) { | 
 |  |  |         if (menu.component !== null && menu.component !== undefined) { | 
 |  |  |             // children | 
 |  |  |             const Component = require(`@/pages${menu.path}/index.jsx`).default | 
 |  |  |             const newRoute = { | 
 |  |  | 
 |  |  |                 path: menu.path, | 
 |  |  |                 element: <Component />, | 
 |  |  |             } | 
 |  |  |             parent.children.push(newRoute); | 
 |  |  |             parent.routes.push(newRoute); | 
 |  |  |             parent.children.push(newRoute); | 
 |  |  |         } else { | 
 |  |  |             // parent | 
 |  |  |             const newRoute = { | 
 |  |  | 
 |  |  |                 children: [], | 
 |  |  |             } | 
 |  |  |             parent.routes.push(newRoute); | 
 |  |  |             parent.children.push(newRoute); | 
 |  |  |             if (menu.routes && menu.routes.length > 0) { | 
 |  |  |                 for (const route of menu.routes) { | 
 |  |  |                     patchRouteItems(newRoute, [route]); | 
 |  |  | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function addHomeMenu(remoteMenu) { | 
 |  |  |     remoteMenu.unshift({ | 
 |  |  |         name: "首页", | 
 |  |  |         path: "/home", | 
 |  |  |         component: "/home", | 
 |  |  |         icon: createIcon('HomeOutlined') | 
 |  |  |     }) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function addUserSettingMenu(remoteMenu) { | 
 |  |  |     // const settingRoute = { | 
 |  |  |     //     name: "个人设置", | 
 |  |  |     //     path: "/account/setting", | 
 |  |  |     //     component: "/account/setting" | 
 |  |  |     // } | 
 |  |  |     // remoteMenu.push({ | 
 |  |  |     //     name: "个人中心", | 
 |  |  |     //     path: "/account", | 
 |  |  |     //     component: null, | 
 |  |  |     //     routes: [settingRoute], | 
 |  |  |     //     icon: createIcon('UserOutlined') | 
 |  |  |     // }) | 
 |  |  |  | 
 |  |  |     remoteMenu.push({ | 
 |  |  |         name: "个人中心", | 
 |  |  |         path: "/account/setting", | 
 |  |  |         component: "/account/setting", | 
 |  |  |         icon: createIcon('UserOutlined') | 
 |  |  |     }) | 
 |  |  | } |