109 lines
3.0 KiB
TypeScript
109 lines
3.0 KiB
TypeScript
|
// @ts-nocheck
|
|||
|
|
// This file is generated by Umi automatically
|
|||
|
|
// DO NOT CHANGE IT MANUALLY!
|
|||
|
|
import React from 'react';
|
|||
|
|
import { Avatar, version, Dropdown, Menu, Spin } from 'antd';
|
|||
|
|
import { LogoutOutlined } from 'E:/project/ks-admin/node_modules/@umijs/plugins/node_modules/@ant-design/icons';
|
|||
|
|
import { SelectLang } from '@@/plugin-locale';
|
|||
|
|
|
|||
|
|
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，并且头像为空就取消掉这个返回的内容
|
|||
|
|
|
|||
|
|
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
|
|||
|
|
)}
|
|||
|
|
<SelectLang />
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|