move getCardImgUrl under api path

src/api/cards.ts

+import { useConfig } from "@/config";
 import sqliteMiddleWare, { sqliteCmd } from "@/middleware/sqlite";
 import { FtsParams } from "@/middleware/sqlite/fts";
 
+import { isSuperReleaseCard } from "./superPreRelease";
+
+const NeosConfig = useConfig();
+
 export interface CardMeta {
   id: number;
   data: CardData;
@@ -71,3 +76,19 @@ export function getCardStr(meta: CardMeta, idx: number): string | undefined {
   const str = `str${idx + 1}` as CardStrRange;
   return meta.text[str];
 }
+
+export function getCardImgUrl(code: number, back = false) {
+  const ASSETS_BASE =
+    import.meta.env.BASE_URL === "/"
+      ? NeosConfig.assetsPath
+      : `${import.meta.env.BASE_URL}${NeosConfig.assetsPath}`;
+  if (back || code === 0) {
+    return `${ASSETS_BASE}/card_back.jpg`;
+  }
+
+  if (isSuperReleaseCard(code)) {
+    return `${NeosConfig.preReleaseImgUrl}/${code}.jpg`;
+  } else {
+    return `${NeosConfig.releaseImgUrl}/${code}.jpg`;
+  }
+}

src/ui/Duel/Message/AnnounceModal/index.tsx

@@ -3,10 +3,14 @@ import { Avatar, Button, Checkbox, Input, List } from "antd";
 import React, { useState } from "react";
 import { proxy, useSnapshot } from "valtio";
 
-import { CardMeta, searchCards, sendSelectOptionResponse } from "@/api";
+import {
+  CardMeta,
+  getCardImgUrl,
+  searchCards,
+  sendSelectOptionResponse,
+} from "@/api";
 import { isDeclarable, isToken } from "@/common";
 import { emptySearchConditions } from "@/middleware/sqlite/fts";
-import { getCardImgUrl } from "@/ui/Shared";
 
 import { NeosModal } from "../NeosModal";
 import styles from "./index.module.scss";

src/ui/Duel/Message/SortCardModal/index.tsx

@@ -21,8 +21,7 @@ import React, { useEffect, useState } from "react";
 import { proxy, useSnapshot } from "valtio";
 
 import { sendSortCardResponse } from "@/api";
-import { CardMeta } from "@/api/cards";
-import { getCardImgUrl } from "@/ui/Shared";
+import { CardMeta, getCardImgUrl } from "@/api/cards";
 
 import { NeosModal } from "../NeosModal";
 

src/ui/Shared/YgoCard/index.tsx

 import classNames from "classnames";
 import { CSSProperties, useMemo } from "react";
 
-import { isSuperReleaseCard } from "@/api";
-import { useConfig } from "@/config";
+import { getCardImgUrl } from "@/api";
 
 import styles from "./index.module.scss";
 
@@ -10,6 +9,7 @@ interface Props {
   className?: string;
   isBack?: boolean;
   code?: number;
+  targeted?: boolean;
   // cardName?: string;
   style?: CSSProperties;
   width?: number | string;
@@ -50,22 +50,3 @@ export const YgoCard: React.FC<Props> = (props) => {
     [code],
   );
 };
-
-const NeosConfig = useConfig();
-
-// TODO: 这个函数应该从这个文件抽离出来作为公共的函数使用
-export function getCardImgUrl(code: number, back = false) {
-  const ASSETS_BASE =
-    import.meta.env.BASE_URL === "/"
-      ? NeosConfig.assetsPath
-      : `${import.meta.env.BASE_URL}${NeosConfig.assetsPath}`;
-  if (back || code === 0) {
-    return `${ASSETS_BASE}/card_back.jpg`;
-  }
-
-  if (isSuperReleaseCard(code)) {
-    return `${NeosConfig.preReleaseImgUrl}/${code}.jpg`;
-  } else {
-    return `${NeosConfig.releaseImgUrl}/${code}.jpg`;
-  }
-}