perf: perf antd config provider i18n

rookie-luochao · May 3, 2024 · 06534af · 06534af
1 parent b2d4df1
commit 06534af
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 26 deletions.
diff --git a/src/components/antd-config/index.tsx b/src/components/antd-config/index.tsx
@@ -1,4 +1,5 @@
 import { ConfigProvider /* , theme */ } from "antd";
+import enUS from "antd/locale/en_US";
 import zhCN from "antd/locale/zh_CN";
 import { useTranslation } from "react-i18next";
 import { useConfigInfoStore } from "../../core/store";
@@ -25,7 +26,7 @@ export function AntdConfigProviderWrap({ children }: { children: React.ReactNode
 
   return (
     <ConfigProvider
-      locale={i18n?.resolvedLanguage === LangType.zh ? zhCN : undefined}
+      locale={i18n?.resolvedLanguage === LangType.zh ? zhCN : enUS}
       theme={{
         // algorithm: theme.darkAlgorithm,
         components: {

diff --git a/src/components/change-lang/index.tsx b/src/components/change-lang/index.tsx
@@ -1,8 +1,6 @@
 import { useTheme } from "@emotion/react";
 import { Dropdown } from "antd";
 import { useTranslation } from "react-i18next";
-import { useLocation, useNavigate } from "react-router-dom";
-import { parseQueryString, toQueryString } from "react-router-toolkit";
 import { ITheme } from "../../core/style/defaultStyleConfig";
 import { LangType } from "../../i18n/config";
 
@@ -18,27 +16,10 @@ const LangIcon = ({ size = "16", fill = "#333", ...other }) => {
   );
 };
 
-export function ChangeLangComp({ isMainHead }: { isMainHead?: boolean }) {
-  const { pathname, search } = useLocation();
-  const query = parseQueryString(search);
-  const navigate = useNavigate();
+export function ChangeLangComp() {
   const { t, i18n } = useTranslation();
   const theme = useTheme() as ITheme;
 
-  function avoidRefetchOpenApi() {
-    if (isMainHead && search) {
-      navigate(
-        `${pathname}${toQueryString({
-          ...(query || {}),
-          logon: "yes",
-        })}`,
-        {
-          replace: true,
-        },
-      );
-    }
-  }
-
   return (
     <Dropdown
       menu={{
@@ -51,7 +32,6 @@ export function ChangeLangComp({ isMainHead }: { isMainHead?: boolean }) {
                 return;
               }
               i18n.changeLanguage(LangType.en);
-              avoidRefetchOpenApi();
             },
           },
           {
@@ -62,7 +42,6 @@ export function ChangeLangComp({ isMainHead }: { isMainHead?: boolean }) {
                 return;
               }
               i18n.changeLanguage(LangType.zh);
-              avoidRefetchOpenApi();
             },
           },
         ],

diff --git a/src/components/head/index.tsx b/src/components/head/index.tsx
@@ -158,7 +158,7 @@ export function Head() {
             </a>
           </Dropdown>
           <SwitchTheme />
-          <ChangeLangComp isMainHead />
+          <ChangeLangComp />
           {import.meta.env.MODE !== "package" && <GoToPostman />}
           <GithubStar />
         </div>

diff --git a/src/main/Main.tsx b/src/main/Main.tsx
@@ -24,6 +24,7 @@ export interface ICollapsed {
 
 export const Logo = ({ isCollapsed }: ICollapsed) => {
   const navigate = useNavigate();
+  const isPackage = import.meta.env.MODE === "package";
 
   return (
     <a
@@ -33,10 +34,10 @@ export const Logo = ({ isCollapsed }: ICollapsed) => {
         display: "flex",
         alignItems: "center",
         marginLeft: 24,
-        cursor: import.meta.env.MODE === "package" ? "default" : "pointer",
+        cursor: isPackage ? "default" : "pointer",
       }}
       onClick={() => {
-        if (import.meta.env.MODE !== "package") {
+        if (!isPackage) {
           navigate(loginModuleName);
         }
       }}