🐛 修复 Modali18n问题 (#825)

Author: cyfung1031

src/pages/components/layout/MainLayout.tsx

@@ -42,6 +42,7 @@ const MainLayout: React.FC<{
   className: string;
   pageName?: string;
 }> = ({ children, className, pageName }) => {
+  const [modal, contextHolder] = Modal.useModal();
   const { colorThemeState, updateColorTheme } = useAppContext();
 
   const importRef = useRef<RefTextAreaType>(null);
@@ -51,7 +52,7 @@ const MainLayout: React.FC<{
 
   const showImportResult = (stat: Awaited<ReturnType<ScriptClient["importByUrls"]>>) => {
     if (!stat) return;
-    Modal.info({
+    modal.info!({
       title: t("script_import_result"),
       content: (
         <Space direction="vertical" style={{ width: "100%" }}>
@@ -198,6 +199,7 @@ const MainLayout: React.FC<{
       }}
       locale={arcoLocale(i18n.language)}
     >
+      {contextHolder}
       <Layout>
         <Layout.Header
           style={{

src/pages/options/routes/Tools.tsx

@@ -27,6 +27,7 @@ import { migrateToChromeStorage } from "@App/app/migrate";
 import { useSystemConfig } from "./utils";
 
 function Tools() {
+  const [modal, contextHolder] = Modal.useModal();
   const [loading, setLoading] = useState<{ [key: string]: boolean }>({});
   const fileRef = useRef<HTMLInputElement>(null);
   const [backupFileList, setBackupFileList] = useState<File[]>([]);
@@ -47,6 +48,7 @@ function Tools() {
         position: "relative",
       }}
     >
+      {contextHolder}
       <Card className="backup" title={t("backup")} bordered={false}>
         <Space direction="vertical">
           <Title heading={6}>{t("local")}</Title>
@@ -226,7 +228,7 @@ function Tools() {
                       status="danger"
                       size="small"
                       onClick={() => {
-                        Modal.confirm({
+                        modal.confirm!({
                           title: t("confirm_delete"),
                           content: `${t("confirm_delete_backup_file")}${item.name}?`,
                           onOk: async () => {