111 lines
2.8 KiB
TypeScript
111 lines
2.8 KiB
TypeScript
// @ts-nocheck
|
|
// This file is generated by Umi automatically
|
|
// DO NOT CHANGE IT MANUALLY!
|
|
import { LogoutOutlined } from '@ant-design/icons';
|
|
import { Avatar, Dropdown, Menu, Spin, version } from 'antd';
|
|
|
|
export function getRightRenderContent(opts: {
|
|
runtimeConfig: any;
|
|
loading: boolean;
|
|
initialState: any;
|
|
setInitialState: any;
|
|
}) {
|
|
if (opts.runtimeConfig.rightRender) {
|
|
return opts.runtimeConfig.rightRender(
|
|
opts.initialState,
|
|
opts.setInitialState,
|
|
opts.runtimeConfig,
|
|
);
|
|
}
|
|
|
|
const showAvatar =
|
|
opts.initialState?.avatar ||
|
|
opts.initialState?.name ||
|
|
opts.runtimeConfig.logout;
|
|
const disableAvatarImg = opts.initialState?.avatar === false;
|
|
const nameClassName = disableAvatarImg
|
|
? 'umi-plugin-layout-name umi-plugin-layout-hide-avatar-img'
|
|
: 'umi-plugin-layout-name';
|
|
const avatar = showAvatar ? (
|
|
<span className="umi-plugin-layout-action">
|
|
{!disableAvatarImg ? (
|
|
<Avatar
|
|
size="small"
|
|
className="umi-plugin-layout-avatar"
|
|
src={
|
|
opts.initialState?.avatar ||
|
|
'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png'
|
|
}
|
|
alt="avatar"
|
|
/>
|
|
) : null}
|
|
<span className={nameClassName}>{opts.initialState?.name}</span>
|
|
</span>
|
|
) : null;
|
|
|
|
if (opts.loading) {
|
|
return (
|
|
<div className="umi-plugin-layout-right">
|
|
<Spin size="small" style={{ marginLeft: 8, marginRight: 8 }} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
// 如果没有打开Locale，并且头像为空就取消掉这个返回的内容
|
|
if (!avatar) return null;
|
|
|
|
const langMenu = {
|
|
className: 'umi-plugin-layout-menu',
|
|
selectedKeys: [],
|
|
items: [
|
|
{
|
|
key: 'logout',
|
|
label: (
|
|
<>
|
|
<LogoutOutlined />
|
|
退出登录
|
|
</>
|
|
),
|
|
onClick: () => {
|
|
opts?.runtimeConfig?.logout?.(opts.initialState);
|
|
},
|
|
},
|
|
],
|
|
};
|
|
// antd@5 和 4.24 之后推荐使用 menu，性能更好
|
|
let dropdownProps;
|
|
if (version.startsWith('5.') || version.startsWith('4.24.')) {
|
|
dropdownProps = { menu: langMenu };
|
|
} else if (version.startsWith('3.')) {
|
|
dropdownProps = {
|
|
overlay: (
|
|
<Menu>
|
|
{langMenu.items.map((item) => (
|
|
<Menu.Item key={item.key} onClick={item.onClick}>
|
|
{item.label}
|
|
</Menu.Item>
|
|
))}
|
|
</Menu>
|
|
),
|
|
};
|
|
} else {
|
|
// 需要 antd 4.20.0 以上版本
|
|
dropdownProps = { overlay: <Menu {...langMenu} /> };
|
|
}
|
|
|
|
return (
|
|
<div className="umi-plugin-layout-right anticon">
|
|
{opts.runtimeConfig.logout ? (
|
|
<Dropdown
|
|
{...dropdownProps}
|
|
overlayClassName="umi-plugin-layout-container"
|
|
>
|
|
{avatar}
|
|
</Dropdown>
|
|
) : (
|
|
avatar
|
|
)}
|
|
</div>
|
|
);
|
|
}
|