update select card service

src/reducers/duel/modalSlice.ts

@@ -7,6 +7,7 @@ import {
 import { fetchCard } from "../../api/cards";
 import { RootState } from "../../store";
 import { DuelState } from "./mod";
+import { judgeSelf } from "./util";
 
 export interface ModalState {
   // 卡牌弹窗
@@ -118,11 +119,13 @@ export const setCheckCardModalMinMaxImpl: CaseReducer<
 export const fetchCheckCardMeta = createAsyncThunk(
   "duel/fetchCheckCardMeta",
   async (param: {
+    controler: number;
     tagName: string;
     option: { code: number; response: number };
   }) => {
     const meta = await fetchCard(param.option.code);
     const response = {
+      controler: param.controler,
       tagName: param.tagName,
       meta: {
         code: meta.id,
@@ -139,12 +142,17 @@ export const checkCardModalCase = (
   builder: ActionReducerMapBuilder<DuelState>
 ) => {
   builder.addCase(fetchCheckCardMeta.pending, (state, action) => {
+    const controler = action.meta.arg.controler;
     const tagName = action.meta.arg.tagName;
     const code = action.meta.arg.option.code;
     const response = action.meta.arg.option.response;
 
+    const combinedTagName = judgeSelf(controler, state)
+      ? `我方的${tagName}`
+      : `对方的${tagName}`;
+
     for (const tag of state.modalState.checkCardModal.tags) {
-      if (tag.tagName === tagName) {
+      if (tag.tagName === combinedTagName) {
         tag.options.push({ code, response });
         return;
       }
@@ -156,11 +164,16 @@ export const checkCardModalCase = (
     });
   });
   builder.addCase(fetchCheckCardMeta.fulfilled, (state, action) => {
+    const controler = action.payload.controler;
     const tagName = action.payload.tagName;
     const meta = action.payload.meta;
 
+    const combinedTagName = judgeSelf(controler, state)
+      ? `我方的${tagName}`
+      : `对方的${tagName}`;
+
     for (const tag of state.modalState.checkCardModal.tags) {
-      if (tag.tagName === tagName) {
+      if (tag.tagName === combinedTagName) {
         for (const option of tag.options) {
           if (option.code == meta.code) {
             option.name = meta.name;

src/service/duel/selectCard.ts

 import { ygopro } from "../../api/ocgcore/idl/ocgcore";
 import { AppDispatch } from "../../store";
+import {
+  setCheckCardModalIsOpen,
+  setCheckCardModalMinMax,
+} from "../../reducers/duel/mod";
+import { fetchCheckCardMeta } from "../../reducers/duel/modalSlice";
 import MsgSelectCard = ygopro.StocGameMessage.MsgSelectCard;
+import { CardZoneToChinese } from "./util";
 
 export default (selectCard: MsgSelectCard, dispatch: AppDispatch) => {
-  console.log(selectCard);
-  // TODO
+  const _player = selectCard.player;
+  const _cancelable = selectCard.cancelable; // TODO: 处理可取消逻辑
+  const min = selectCard.min;
+  const max = selectCard.max;
+  const cards = selectCard.cards;
+
+  dispatch(setCheckCardModalMinMax({ min, max }));
+
+  for (const card of cards) {
+    const tagName = CardZoneToChinese(card.location.location);
+    dispatch(
+      fetchCheckCardMeta({
+        controler: card.location.controler,
+        tagName,
+        option: { code: card.code, response: card.response },
+      })
+    );
+  }
+
+  dispatch(setCheckCardModalIsOpen(true));
 };

src/service/duel/util.ts

+import { ygopro } from "../../api/ocgcore/idl/ocgcore";
+
+export function CardZoneToChinese(zone: ygopro.CardZone): string {
+  switch (zone) {
+    case ygopro.CardZone.DECK: {
+      return "卡组";
+    }
+    case ygopro.CardZone.HAND: {
+      return "手牌";
+    }
+    case ygopro.CardZone.EXTRA: {
+      return "额外卡组";
+    }
+    case ygopro.CardZone.GRAVE: {
+      return "墓地";
+    }
+    case ygopro.CardZone.FZONE: {
+      return "FZONE";
+    }
+    case ygopro.CardZone.MZONE: {
+      return "怪兽区";
+    }
+    case ygopro.CardZone.SZONE: {
+      return "魔法陷阱区";
+    }
+    case ygopro.CardZone.REMOVED: {
+      return "除外区";
+    }
+    case ygopro.CardZone.OVERLAY: {
+      return "超量区";
+    }
+    case ygopro.CardZone.PZONE: {
+      return "灵摆区";
+    }
+    case ygopro.CardZone.ONFIELD: {
+      return "场地区";
+    }
+    default: {
+      return "未知区域";
+    }
+  }
+}