import type { Settings as LayoutSettings } from '@ant-design/pro-components';
|
import { SettingDrawer } from '@ant-design/pro-components';
|
import type { RunTimeLayoutConfig } from '@umijs/max';
|
import { history } from '@umijs/max';
|
import defaultSettings from '../config/defaultSettings';
|
import { AvatarDropdown, AvatarName } from './components/RightContent/AvatarDropdown';
|
import { errorConfig } from './requestErrorConfig';
|
const loginPath = '/login';
|
import logo from '../public/logo/logo.png'
|
import '../public/font.css'
|
|
|
/**
|
* @see https://umijs.org/zh-CN/plugins/plugin-initial-state
|
* */
|
export async function getInitialState(): Promise<{
|
settings?: Partial<LayoutSettings>;
|
currentUser?: {};
|
permission?: Array<Permissions>;
|
loading?: boolean;
|
}> {
|
|
return {
|
permission: JSON.parse(localStorage.getItem('access') || '') || [],
|
currentUser: JSON.parse(localStorage.getItem('userInfo') || '') || {},
|
settings: { ...defaultSettings, fixedHeader: true } as Partial<LayoutSettings>,
|
};
|
}
|
|
// ProLayout 支持的api https://procomponents.ant.design/components/layout
|
export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => {
|
|
return {
|
siderWidth: '210',
|
token: {
|
|
},
|
avatarProps: {
|
title: <AvatarName />,
|
render: (_, avatarChildren) => {
|
return <AvatarDropdown>{avatarChildren}</AvatarDropdown>;
|
},
|
},
|
waterMarkProps: {
|
content: false,
|
},
|
onPageChange: () => {
|
const { location: { pathname } } = history;
|
// 如果没有登录，重定向到 login
|
if (!initialState?.currentUser && location.pathname !== loginPath) {
|
history.push(loginPath);
|
return
|
}
|
},
|
// 自定义 403 页面
|
unAccessible: <div></div>,
|
// 自定义 404 页面
|
noFound: <div></div>,
|
// 增加一个 loading 的状态
|
childrenRender: (children) => {
|
return (
|
<>
|
{children}
|
<SettingDrawer
|
disableUrlParams
|
enableDarkTheme
|
settings={initialState?.settings}
|
onSettingChange={(settings) => {
|
setInitialState((preInitialState) => ({
|
...preInitialState,
|
settings,
|
}));
|
}}
|
/>
|
</>
|
);
|
},
|
...initialState?.settings,
|
logo
|
};
|
};
|
|
/**
|
* @name request 配置，可以配置错误处理
|
* 它基于 axios 和 ahooks 的 useRequest 提供了一套统一的网络请求和错误处理方案。
|
* @doc https://umijs.org/docs/max/request#配置
|
*/
|
export const request = {
|
...errorConfig,
|
};
|
