move chain to shared

src/ui/Duel/PlayMat/Bg/index.tsx

@@ -9,8 +9,8 @@ import {
   type PlaceInteractivity,
   placeStore,
 } from "@/stores";
+import { BgChain, ChainProps } from "@/ui/Shared";
 
-import { BgChain, ChainProps } from "./Chain";
 import styles from "./index.module.scss";
 
 const { MZONE, SZONE, EXTRA, GRAVE, REMOVED } = ygopro.CardZone;

src/ui/Duel/PlayMat/Bg/Chain/index.tsx → src/ui/Shared/Chain/index.tsx

@@ -14,6 +14,9 @@ export interface ChainProps {
   op?: boolean;
 }
 
+/* 这里有个妥协的实现：墓地，除外区，额外卡组的连锁图标会被卡片遮挡，
+ * 这里暂时采取移动一个身位的方式进行解决。最好的解决方案应该是UI上连锁图标和
+ * 场地解耦。 */
 export const BgChain: React.FC<ChainProps> = ({
   chains,
   banish,

src/ui/Shared/index.ts

 export * from "./Background";
 export * from "./CardEffectText";
+export * from "./Chain";
 export * from "./chatHook";
 export * from "./css";
 export * from "./DeckCard";