Merge branch 'optimize/select_action/card_modal' into 'main'

Optimize/select action/card modal

See merge request !187

src/service/duel/move.ts

@@ -114,7 +114,7 @@ export default (move: MsgMove) => {
           for (const hand of matStore.in(to.location).of(to.controler)) {
             hand.focus = false;
           }
-        }, 200);
+        }, 500);
       }
       break;
     }

src/stores/matStore/methods/fetchCheckCardMeta.ts

@@ -27,13 +27,13 @@ export const fetchCheckCardMeta = async (
       ? code
       : matStore.in(location.location).of(controller)[location.sequence]
           ?.occupant?.id || 0;
-  const meta = await fetchCard(code);
+  const meta = await fetchCard(newID);
 
   const effectDesc = effectDescCode
     ? getCardStr(meta, effectDescCode & 0xf)
     : undefined;
   const newOption = {
-    code: newID,
+    meta,
     location: location.toObject(),
     level1,
     level2,

src/stores/messageStore/types.ts

@@ -3,7 +3,7 @@ type CardLocation = ReturnType<typeof ygopro.CardLocation.prototype.toObject>;
 
 interface Option {
   // card id
-  code: number;
+  meta: CardMeta;
   location?: CardLocation;
   // 效果
   effectDesc?: string;

src/ui/Duel/Message/SelectActionsModal.tsx

@@ -20,7 +20,7 @@ const NeosConfig = useConfig();
 const CANCEL_RESPONSE = -1;
 const FINISH_RESPONSE = -1;
 
-const { selectCardActions } = messageStore;
+const { selectCardActions, cardModal } = messageStore;
 
 export const SelectActionsModal = () => {
   const snap = useSnapshot(selectCardActions);
@@ -121,9 +121,13 @@ export const SelectActionsModal = () => {
           multiple
           bordered
           size="small"
-          onChange={(value) => {
-            // @ts-ignore
-            setResponse(value);
+          onChange={(values: any) => {
+            if (values.length > 0) {
+              const meta = values[values.length - 1].meta;
+              cardModal.meta = meta;
+              cardModal.isOpen = true;
+            }
+            setResponse(values);
           }}
         >
           <Row>
@@ -135,10 +139,10 @@ export const SelectActionsModal = () => {
                     style={{ width: 120 }}
                     cover={
                       <img
-                        alt={option.code.toString()}
+                        alt={option.meta.id.toString()}
                         src={
-                          option.code
-                            ? `${NeosConfig.cardImgUrl}/${option.code}.jpg`
+                          option.meta.id
+                            ? `${NeosConfig.cardImgUrl}/${option.meta.id}.jpg`
                             : `${NeosConfig.assetsPath}/card_back.jpg`
                         }
                         style={{ width: 100 }}
@@ -159,10 +163,10 @@ export const SelectActionsModal = () => {
                     style={{ width: 120 }}
                     cover={
                       <img
-                        alt={option.code.toString()}
+                        alt={option.meta.id.toString()}
                         src={
-                          option.code
-                            ? `${NeosConfig.cardImgUrl}/${option.code}.jpg`
+                          option.meta.id
+                            ? `${NeosConfig.cardImgUrl}/${option.meta.id}.jpg`
                             : `${NeosConfig.assetsPath}/card_back.jpg`
                         }
                       />