Browse Source

feat: 在右上角头像菜单添加历史版本链接 (#11725)

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
pull/11728/head
Alex Zhu 1 month ago
committed by GitHub
parent
commit
9b2bbeff09
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 33
      src/components/RightContent/AvatarDropdown.tsx
  2. 1
      src/locales/en-US/globalHeader.ts
  3. 1
      src/locales/zh-CN/globalHeader.ts
  4. 1
      src/locales/zh-TW/globalHeader.ts

33
src/components/RightContent/AvatarDropdown.tsx

@ -2,6 +2,7 @@ import {
BookOutlined, BookOutlined,
CheckOutlined, CheckOutlined,
GlobalOutlined, GlobalOutlined,
HistoryOutlined,
LogoutOutlined, LogoutOutlined,
SettingOutlined, SettingOutlined,
SkinOutlined, SkinOutlined,
@ -11,6 +12,7 @@ import {
getLocale, getLocale,
history, history,
setLocale, setLocale,
useIntl,
useModel, useModel,
} from '@umijs/max'; } from '@umijs/max';
import type { MenuProps } from 'antd'; import type { MenuProps } from 'antd';
@ -51,6 +53,7 @@ export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({
} }
}; };
const { initialState, setInitialState } = useModel('@@initialState'); const { initialState, setInitialState } = useModel('@@initialState');
const intl = useIntl();
const onMenuClick: MenuProps['onClick'] = (event) => { const onMenuClick: MenuProps['onClick'] = (event) => {
const { key } = event; const { key } = event;
@ -73,6 +76,11 @@ export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({
setLocale(key.replace('lang-', ''), false); setLocale(key.replace('lang-', ''), false);
return; return;
} }
if (key.startsWith('version-')) {
const url = key.replace('version-', '');
window.open(url, '_blank', 'noopener,noreferrer');
return;
}
history.push(`/account/${key}`); history.push(`/account/${key}`);
}; };
@ -108,6 +116,31 @@ export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({
icon: <BookOutlined />, icon: <BookOutlined />,
label: '使用文档', label: '使用文档',
}, },
{
key: 'version',
icon: <HistoryOutlined />,
label: intl.formatMessage({
id: 'component.globalHeader.historyVersion',
}),
children: [
{
key: 'version-https://v5.pro.ant.design',
label: 'v5',
},
{
key: 'version-https://v4.pro.ant.design',
label: 'v4',
},
{
key: 'version-https://v2.pro.ant.design',
label: 'v2',
},
{
key: 'version-https://v1.pro.ant.design',
label: 'v1',
},
],
},
...(supportLocales.length > 1 ...(supportLocales.length > 1
? [ ? [
{ {

1
src/locales/en-US/globalHeader.ts

@ -4,6 +4,7 @@ export default {
'component.globalHeader.search.example2': 'Search example 2', 'component.globalHeader.search.example2': 'Search example 2',
'component.globalHeader.search.example3': 'Search example 3', 'component.globalHeader.search.example3': 'Search example 3',
'component.globalHeader.help': 'Help', 'component.globalHeader.help': 'Help',
'component.globalHeader.historyVersion': 'Previous Versions',
'component.globalHeader.notification': 'Notification', 'component.globalHeader.notification': 'Notification',
'component.globalHeader.notification.empty': 'component.globalHeader.notification.empty':
'You have viewed all notifications.', 'You have viewed all notifications.',

1
src/locales/zh-CN/globalHeader.ts

@ -4,6 +4,7 @@ export default {
'component.globalHeader.search.example2': '搜索提示二', 'component.globalHeader.search.example2': '搜索提示二',
'component.globalHeader.search.example3': '搜索提示三', 'component.globalHeader.search.example3': '搜索提示三',
'component.globalHeader.help': '使用文档', 'component.globalHeader.help': '使用文档',
'component.globalHeader.historyVersion': '历史版本',
'component.globalHeader.notification': '通知', 'component.globalHeader.notification': '通知',
'component.globalHeader.notification.empty': '你已查看所有通知', 'component.globalHeader.notification.empty': '你已查看所有通知',
'component.globalHeader.message': '消息', 'component.globalHeader.message': '消息',

1
src/locales/zh-TW/globalHeader.ts

@ -4,6 +4,7 @@ export default {
'component.globalHeader.search.example2': '搜索提示二', 'component.globalHeader.search.example2': '搜索提示二',
'component.globalHeader.search.example3': '搜索提示三', 'component.globalHeader.search.example3': '搜索提示三',
'component.globalHeader.help': '使用手冊', 'component.globalHeader.help': '使用手冊',
'component.globalHeader.historyVersion': '歷史版本',
'component.globalHeader.notification': '通知', 'component.globalHeader.notification': '通知',
'component.globalHeader.notification.empty': '妳已查看所有通知', 'component.globalHeader.notification.empty': '妳已查看所有通知',
'component.globalHeader.message': '消息', 'component.globalHeader.message': '消息',

Loading…
Cancel
Save