init

2024-05-14 15:23:56 +08:00
commit 72a53424fa
59 changed files with 13511 additions and 0 deletions
@@ -0,0 +1,110 @@
+// @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>
+  );
+}