update pos change service

src/reducers/duel/mod.ts

@@ -55,6 +55,7 @@ import {
   addMonsterIdleInteractivitiesImpl,
   clearMonsterIdleInteractivitiesImpl,
   removeMonsterImpl,
+  setMonsterPositionImpl,
   monsterCase,
 } from "./monstersSlice";
 import {
@@ -156,6 +157,7 @@ const duelSlice = createSlice({
     clearMonsterPlaceInteractivities: clearMonsterPlaceInteractivitiesImpl,
     addMonsterIdleInteractivities: addMonsterIdleInteractivitiesImpl,
     clearMonsterIdleInteractivities: clearMonsterIdleInteractivitiesImpl,
+    setMonsterPosition: setMonsterPositionImpl,
     removeMonster: removeMonsterImpl,
 
     // 魔法陷阱区相关`Reducer`
@@ -241,6 +243,7 @@ export const {
   clearMonsterPlaceInteractivities,
   addMonsterIdleInteractivities,
   clearMonsterIdleInteractivities,
+  setMonsterPosition,
   removeMonster,
   initMagics,
   addMagicPlaceInteractivities,

src/reducers/duel/monstersSlice.ts

@@ -184,6 +184,29 @@ export const removeMonsterImpl: CaseReducer<
   removeOccupant(monsters, action.payload.sequence);
 };
 
+// 改变怪兽表示形式
+export const setMonsterPositionImpl: CaseReducer<
+  DuelState,
+  PayloadAction<{
+    controler: number;
+    sequence: number;
+    currentPosition: ygopro.CardPosition;
+  }>
+> = (state, action) => {
+  const controler = action.payload.controler;
+  const sequence = action.payload.sequence;
+  const currentPosition = action.payload.currentPosition;
+
+  const monsters = judgeSelf(controler, state)
+    ? state.meMonsters
+    : state.opMonsters;
+  const monster = monsters?.inner.find((_, idx) => idx == sequence);
+
+  if (monster && monster.occupant) {
+    monster.location.position = currentPosition;
+  }
+};
+
 export const selectMeMonsters = (state: RootState) =>
   state.duel.meMonsters || { inner: [] };
 export const selectOpMonsters = (state: RootState) =>

src/service/duel/posChange.ts

 import { ygopro } from "../../api/ocgcore/idl/ocgcore";
+import { setMonsterPosition } from "../../reducers/duel/mod";
 import { AppDispatch } from "../../store";
 import MsgPosChange = ygopro.StocGameMessage.MsgPosChange;
 
 export default (posChange: MsgPosChange, dispatch: AppDispatch) => {
-  console.log(posChange);
+  const cardInfo = posChange.card_info;
+
+  switch (cardInfo.location) {
+    case ygopro.CardZone.MZONE: {
+      dispatch(
+        setMonsterPosition({
+          controler: cardInfo.controler,
+          sequence: cardInfo.sequence,
+          currentPosition: posChange.cur_position,
+        })
+      );
+
+      break;
+    }
+    default: {
+      console.log(`Unhandled zone ${cardInfo.location}`);
+    }
+  }
 };