Update to antd 4.20.0 for `Menu support items` (#9786)

* Update package.json

* Update AvatarDropdown.tsx

* Update AvatarDropdown.tsx

* Update AvatarDropdown.tsx

package.json

@@ -61,7 +61,7 @@
     "@ant-design/pro-layout": "^6.35.0",
     "@ant-design/pro-table": "^2.71.0",
     "@umijs/route-utils": "^2.0.0",
-    "antd": "^4.19.0",
+    "antd": "^4.20.0",
     "classnames": "^2.3.0",
     "lodash": "^4.17.0",
     "moment": "^2.29.0",

src/components/RightContent/AvatarDropdown.tsx

@@ -68,28 +68,35 @@ const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu }) => {
     return loading;
   }
 
-  const menuHeaderDropdown = (
+  const menuItems = [
-    <Menu className={styles.menu} selectedKeys={[]} onClick={onMenuClick}>
+    ...(menu
-      {menu && (
+      ? [
-        <Menu.Item key="center">
+          {
-          <UserOutlined />
+            key: 'center',
-          个人中心
+            icon: <UserOutlined />,
-        </Menu.Item>
+            label: '个人中心',
-      )}
+          },
-      {menu && (
+          {
-        <Menu.Item key="settings">
+            key: 'settings',
-          <SettingOutlined />
+            icon: <SettingOutlined />,
-          个人设置
+            label: '个人设置',
-        </Menu.Item>
+          },
-      )}
+          {
-      {menu && <Menu.Divider />}
+            type: 'divider',
+          },
+        ]
+      : []),
+    {
+      key: 'logout',
+      icon: <LogoutOutlined />,
+      label: '退出登录',
+    },
+  ];
 
-      <Menu.Item key="logout">
+  const menuHeaderDropdown = (
-        <LogoutOutlined />
+    <Menu className={styles.menu} selectedKeys={[]} onClick={onMenuClick} items={menuItems} />
-        退出登录
-      </Menu.Item>
-    </Menu>
   );
+  
   return (
     <HeaderDropdown overlay={menuHeaderDropdown}>
       <span className={`${styles.action} ${styles.account}`}>