add surrender feature

src/api/ocgcore/ocgAdapter/ctos/ctosSurrender.ts

+import { ygopro } from "../../idl/ocgcore";
+import { YgoProPacket } from "../packet";
+import { CTOS_SURRENDER } from "../protoDecl";
+
+/*
+ * CTOS SURRENDER
+ *
+ * @param - null
+ *
+ * @usage - 告知服务端当前玩家投降
+ *
+ * */
+export default class CtosSurrender extends YgoProPacket {
+  constructor(_: ygopro.YgoCtosMsg) {
+    super(1, CTOS_SURRENDER, new Uint8Array(0));
+  }
+}

src/api/ocgcore/ocgAdapter/protoDecl.ts

@@ -12,6 +12,7 @@ export const CTOS_TP_RESULT = 4;
 export const CTOS_TIME_CONFIRM = 21;
 export const CTOS_RESPONSE = 1;
 export const CTOS_CHAT = 22;
+export const CTOS_SURRENDER = 0x14;
 
 export const STOC_JOIN_GAME = 18;
 export const STOC_CHAT = 25;

src/api/ocgcore/ocgHelper.ts

@@ -13,6 +13,7 @@ import HsStartAdapter from "./ocgAdapter/ctos/ctosHsStart";
 import HandResult from "./ocgAdapter/ctos/ctosHandResult";
 import TpResult from "./ocgAdapter/ctos/ctosTpResult";
 import TimeConfirm from "./ocgAdapter/ctos/ctosTimeConfirm";
+import Surrender from "./ocgAdapter/ctos/ctosSurrender";
 import GameMsgResponse from "./ocgAdapter/ctos/ctosGameMsgResponse/mod";
 import Chat from "./ocgAdapter/ctos/ctosChat";
 
@@ -120,6 +121,15 @@ export function sendTimeConfirm() {
   socketMiddleWare({ cmd: socketCmd.SEND, payload });
 }
 
+export function sendSurrender() {
+  const surrender = new ygopro.YgoCtosMsg({
+    ctos_surrender: new ygopro.CtosSurrender({}),
+  });
+  const payload = new Surrender(surrender).serialize();
+
+  socketMiddleWare({ cmd: socketCmd.SEND, payload });
+}
+
 export function sendChat(message: string) {
   const chat = new ygopro.YgoCtosMsg({
     ctos_chat: new ygopro.CtosChat({ message }),

src/ui/Duel/phase.tsx

-import React from "react";
+import React, { useState } from "react";
 import { store } from "../../store";
 import { useAppSelector } from "../../hook";
 import {
@@ -10,6 +10,7 @@ import {
 import {
   sendSelectBattleCmdResponse,
   sendSelectIdleCmdResponse,
+  sendSurrender,
 } from "../../api/ocgcore/ocgHelper";
 import {
   clearAllIdleInteractivities,
@@ -17,7 +18,7 @@ import {
   setEnableEp,
   setEnableM2,
 } from "../../reducers/duel/mod";
-import { Button, Space } from "antd";
+import { Button, Modal, Space } from "antd";
 import Icon from "@ant-design/icons";
 import { ReactComponent as BattleSvg } from "../../../neos-assets/crossed-swords.svg";
 import { ReactComponent as Main2Svg } from "../../../neos-assets/sword-in-stone.svg";
@@ -51,6 +52,7 @@ const Phase = () => {
   const enableM2 = useAppSelector(selectEnableM2);
   const enableEp = useAppSelector(selectEnableEp);
   const currentPhase = useAppSelector(selectCurrentPhase);
+  const [modalOpen, setModalOpen] = useState(false);
 
   const response =
     currentPhase === "BATTLE_START" ||
@@ -82,7 +84,9 @@ const Phase = () => {
     sendSelectIdleCmdResponse(response);
     dispatch(setEnableEp(false));
   };
-  const onSurrender = () => {};
+  const onSurrender = () => {
+    setModalOpen(true);
+  };
 
   return (
     <Space wrap size={SpaceSize}>
@@ -110,6 +114,30 @@ const Phase = () => {
         text="投降"
         onClick={onSurrender}
       />
+      <Modal
+        title="是否确认要投降？"
+        open={modalOpen}
+        closable={false}
+        footer={
+          <>
+            <Button
+              onClick={() => {
+                sendSurrender();
+                setModalOpen(false);
+              }}
+            >
+              Yes
+            </Button>
+            <Button
+              onClick={() => {
+                setModalOpen(false);
+              }}
+            >
+              No
+            </Button>
+          </>
+        }
+      />
     </Space>
   );
 };