🎨 修正 Typography 引用 (#984)

* 修正 Typography 引用

* merge fix

Author: cyfung1031

src/pages/options/routes/Logger.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect } from "react";
-import { BackTop, Button, Card, DatePicker, Input, List, Message, Space } from "@arco-design/web-react";
+import { BackTop, Button, Card, DatePicker, Input, List, Message, Space, Typography } from "@arco-design/web-react";
 import dayjs from "dayjs";
-import Text from "@arco-design/web-react/es/Typography/text";
 import type { Logger } from "@App/app/repo/logger";
 import { LoggerDAO } from "@App/app/repo/logger";
 import type { Labels, Query } from "@App/pages/components/LogLabel";
@@ -289,12 +288,12 @@ function LoggerPage() {
               boxSizing: "border-box",
             }}
           >
-            <Text>
+            <Typography.Text>
               {formatUnixTime(startTime)} {t("to")} {formatUnixTime(endTime)} {t("total_logs", { length: logs.length })}
               {init === 4
                 ? `, ${t("filtered_logs", { length: queryLogs.length })}`
                 : `, ${t("enter_filter_conditions")}`}
-            </Text>
+            </Typography.Text>
             <List
               style={{
                 height: "100%",

src/pages/options/routes/ScriptList/ScriptTable.tsx

@@ -38,7 +38,6 @@ import {
   RiUploadCloudFill,
 } from "react-icons/ri";
 import { Link, useNavigate } from "react-router-dom";
-import Text from "@arco-design/web-react/es/Typography/text";
 import type { DragEndEvent } from "@dnd-kit/core";
 import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import {
@@ -376,7 +375,7 @@ const NameCell = React.memo(({ col, item }: { col: string; item: ListType }) =>
           textDecoration: "none",
         }}
       >
-        <Text
+        <Typography.Text
           style={{
             display: "block",
             overflow: "hidden",
@@ -396,7 +395,7 @@ const NameCell = React.memo(({ col, item }: { col: string; item: ListType }) =>
               ))}
             </Space>
           )}
-        </Text>
+        </Typography.Text>
       </Link>
     </Tooltip>
   );

src/pages/options/routes/ScriptList/components.tsx

@@ -1,9 +1,8 @@
 import type { SCRIPT_STATUS } from "@App/app/repo/scripts";
 import { SCRIPT_STATUS_ENABLE } from "@App/app/repo/scripts";
 import { scriptClient, type ScriptLoading } from "@App/pages/store/features/script";
-import { Avatar, Input, Message, Select, Space, Switch, Tag, Tooltip } from "@arco-design/web-react";
+import { Avatar, Input, Message, Select, Space, Switch, Tag, Tooltip, Typography } from "@arco-design/web-react";
 import React from "react";
-import Text from "@arco-design/web-react/es/Typography/text";
 import { TbWorldWww } from "react-icons/tb";
 import { semTime } from "@App/pkg/utils/dayjs";
 import { useTranslation } from "react-i18next";
@@ -168,15 +167,15 @@ export const UpdateTimeCell = React.memo(({ className, script }: { className?: s
 
   return (
     <Tooltip content={t("check_update")} position="tl">
-      <Text
+      <Typography.Text
         className={className}
         style={{
           cursor: "pointer",
         }}
         onClick={handleClick}
       >
         {script.updatetime && semTime(new Date(script.updatetime))}
-      </Text>
+      </Typography.Text>
     </Tooltip>
   );
 });

src/pages/options/routes/SubscribeList.tsx

@@ -1,6 +1,16 @@
 import { useEffect, useState } from "react";
-import Text from "@arco-design/web-react/es/Typography/text";
-import { Button, Card, Input, Message, Popconfirm, Switch, Table, Tag, Tooltip } from "@arco-design/web-react";
+import {
+  Button,
+  Card,
+  Input,
+  Message,
+  Popconfirm,
+  Switch,
+  Table,
+  Tag,
+  Tooltip,
+  Typography,
+} from "@arco-design/web-react";
 import type { Subscribe } from "@App/app/repo/subscribe";
 import { SUBSCRIBE_STATUS_DISABLE, SUBSCRIBE_STATUS_ENABLE, SubscribeDAO } from "@App/app/repo/subscribe";
 import type { ColumnProps } from "@arco-design/web-react/es/Table";
@@ -127,7 +137,7 @@ function SubscribeList() {
       render: (col) => {
         return (
           <Tooltip content={col} position="tl">
-            <Text
+            <Typography.Text
               style={{
                 display: "block",
                 overflow: "hidden",
@@ -136,7 +146,7 @@ function SubscribeList() {
               }}
             >
               {col}
-            </Text>
+            </Typography.Text>
           </Tooltip>
         );
       },

src/pages/options/routes/Tools.tsx

@@ -11,8 +11,8 @@ import {
   Modal,
   Popconfirm,
   Space,
+  Typography,
 } from "@arco-design/web-react";
-import Title from "@arco-design/web-react/es/Typography/title";
 import { formatUnixTime } from "@App/pkg/utils/day_format";
 import FileSystemParams from "@App/pages/components/FileSystemParams";
 import { IconQuestionCircleFill } from "@arco-design/web-react/icon";
@@ -51,7 +51,7 @@ function Tools() {
       >
         <Card className="backup" title={t("backup")} bordered={false}>
           <Space direction="vertical">
-            <Title heading={6}>{t("local")}</Title>
+            <Typography.Title heading={6}>{t("local")}</Typography.Title>
             <Space>
               <input type="file" ref={fileRef} style={{ display: "none" }} accept=".zip" />
               <Button
@@ -91,7 +91,7 @@ function Tools() {
                 {t("import_file")}
               </Button>
             </Space>
-            <Title heading={6}>{t("cloud")}</Title>
+            <Typography.Title heading={6}>{t("cloud")}</Typography.Title>
             <FileSystemParams
               preNode={t("backup_to")}
               onChangeFileSystemType={(type) => {
@@ -255,7 +255,7 @@ function Tools() {
                 )}
               />
             </Drawer>
-            <Title heading={6}>{t("backup_strategy")}</Title>
+            <Typography.Title heading={6}>{t("backup_strategy")}</Typography.Title>
             <Empty description={t("under_construction")} />
             <Popconfirm
               title={t("migration_confirm_message")}
@@ -293,7 +293,7 @@ function Tools() {
           bordered={false}
         >
           <Space direction="vertical">
-            <Title heading={6}>{t("vscode_url")}</Title>
+            <Typography.Title heading={6}>{t("vscode_url")}</Typography.Title>
             <Input
               ref={vscodeRef}
               value={vscodeUrl}