import { request } from '@umijs/max';
|
import React from 'react';
|
import { createIcon } from '@/utils/icon-util';
|
|
let remoteMenu = null;
|
|
export function getRemoteMenu() {
|
return remoteMenu;
|
}
|
|
export function setRemoteMenu(data) {
|
remoteMenu = data;
|
}
|
|
export async function getUserInfo(options) {
|
return request('/api/auth/user', {
|
method: 'GET',
|
...(options || {}),
|
});
|
}
|
|
export async function getRouters() {
|
return request('/api/auth/menu', {
|
});
|
}
|
|
export async function getRoutersInfo() {
|
return getRouters().then((res) => {
|
if (res.code === 200) {
|
// return res.data;
|
const routersInfo = convertCompatRouters(res.data);
|
return routersInfo;
|
} else {
|
return [];
|
}
|
});
|
}
|
|
export function convertCompatRouters(childrens) {
|
const result = childrens.map((item) => {
|
return {
|
name: item.name,
|
path: item.route,
|
component: item.component ? '.' + item.component : null,
|
icon: createIcon(item.icon),
|
// icon: item.icon,
|
// hideChildrenInMenu: item.hidden,
|
// hideInMenu: item.hidden,
|
// authority: item.perms,
|
routes: item.children ? convertCompatRouters(item.children) : undefined,
|
};
|
});
|
return result;
|
}
|
|
export function patchRouteWithRemoteMenus(routes) {
|
if (remoteMenu === null) { return; }
|
let proLayout = null;
|
for (const routeItem of routes) {
|
if (routeItem.id === 'ant-design-pro-layout') {
|
proLayout = routeItem;
|
break;
|
}
|
}
|
|
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 && menu.component !== undefined) {
|
// children
|
const Component = require(`@/pages${menu.path}/index.jsx`).default
|
const newRoute = {
|
name: menu.name,
|
path: menu.path,
|
element: <Component />,
|
}
|
parent.routes.push(newRoute);
|
parent.children.push(newRoute);
|
} else {
|
// parent
|
const newRoute = {
|
name: menu.name,
|
path: menu.path,
|
routes: [],
|
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')
|
})
|
}
|
