add monsterCase

src/reducers/duel/mod.ts

@@ -29,6 +29,7 @@ import {
   initMonstersImpl,
   addMonsterPlaceSelectAbleImpl,
   clearMonsterSelectInfoImpl,
+  monsterCase,
 } from "./monstersSlice";
 import {
   MagicState,
@@ -106,6 +107,7 @@ const duelSlice = createSlice({
   extraReducers(builder) {
     handsCase(builder);
     hintCase(builder);
+    monsterCase(builder);
   },
 });
 

src/reducers/duel/monstersSlice.ts

 import { judgeSelf, Monster, InteractType } from "./util";
-import { PayloadAction, CaseReducer } from "@reduxjs/toolkit";
+import {
+  PayloadAction,
+  CaseReducer,
+  createAsyncThunk,
+  ActionReducerMapBuilder,
+} from "@reduxjs/toolkit";
 import { DuelState } from "./mod";
 import { ygopro } from "../../api/ocgcore/idl/ocgcore";
 import { RootState } from "../../store";
+import { CardMeta, fetchCard } from "../../api/cards";
 
 export interface MonsterState {
   monsters: Monster[];
@@ -82,5 +88,71 @@ export const clearMonsterSelectInfoImpl: CaseReducer<
   }
 };
 
+// 增加怪兽
+export const fetchMonsterMeta = createAsyncThunk(
+  "duel/fetchMonsterMeta",
+  async (param: [number, number, number]) => {
+    const controler = param[0];
+    const sequence = param[1];
+    const code = param[2];
+
+    const meta = await fetchCard(code);
+    const response: [number, number, CardMeta] = [controler, sequence, meta];
+
+    return response;
+  }
+);
+
+export const monsterCase = (builder: ActionReducerMapBuilder<DuelState>) => {
+  builder.addCase(fetchMonsterMeta.pending, (state, action) => {
+    // Meta结果没返回之前先更新`ID`
+    const controler = action.meta.arg[0];
+    const sequence = action.meta.arg[1];
+    const code = action.meta.arg[2];
+
+    const cardMeta = { id: code, data: {}, text: {} };
+    if (judgeSelf(controler, state)) {
+      if (state.meMonsters) {
+        for (const monster of state.meMonsters.monsters) {
+          if (monster.sequence == sequence) {
+            monster.occupant = cardMeta;
+          }
+        }
+      }
+    } else {
+      if (state.opMonsters) {
+        for (const monster of state.opMonsters.monsters) {
+          if (monster.sequence == sequence) {
+            monster.occupant = cardMeta;
+          }
+        }
+      }
+    }
+  });
+  builder.addCase(fetchMonsterMeta.fulfilled, (state, action) => {
+    const controler = action.payload[0];
+    const sequence = action.payload[1];
+    const meta = action.payload[2];
+
+    if (judgeSelf(controler, state)) {
+      if (state.meMonsters) {
+        for (const monster of state.meMonsters.monsters) {
+          if (monster.sequence == sequence) {
+            monster.occupant = meta;
+          }
+        }
+      }
+    } else {
+      if (state.opMonsters) {
+        for (const monster of state.opMonsters.monsters) {
+          if (monster.sequence == sequence) {
+            monster.occupant = meta;
+          }
+        }
+      }
+    }
+  });
+};
+
 export const selectMeMonsters = (state: RootState) =>
   state.duel.meMonsters || { monsters: [] };