feat: 录像回放设置 & fix: 快捷商店报错

packages-user/client-modules/src/action/hotkey.ts

@@ -489,9 +489,6 @@ gameKey
     .realize('fly', () => {
         core.useFly(true);
     })
-    .realize('replay', () => {
-        core.ui._drawReplay();
-    })
     .realize('shop', () => {
         core.openQuickShop(true);
     })

packages-user/client-modules/src/render/action.ts

@@ -5,7 +5,8 @@ import {
     mainUIController,
     openStatistics,
     saveLoad,
-    openSettings
+    openSettings,
+    ReplaySettingsUI
 } from './ui';
 
 export function createAction() {
@@ -21,5 +22,10 @@ export function createAction() {
         })
         .realize('menu', () => {
             openSettings(mainUIController, [420, 240, 240, 400, 0.5, 0.5]);
+        })
+        .realize('replay', () => {
+            mainUIController.open(ReplaySettingsUI, {
+                loc: [420, 240, void 0, void 0, 0.5, 0.5]
+            });
         });
 }

packages-user/client-modules/src/render/ui/save.tsx

@@ -566,3 +566,21 @@ export async function saveLoad(
     }
     return true;
 }
+
+export async function saveWithExist(
+    controller: IUIMountable,
+    loc: ElementLocator,
+    props?: SaveProps
+) {
+    const validate = (_: number, exist: boolean): SaveValidation => {
+        return { message: '无效的存档！', valid: exist };
+    };
+    const index = await selectSave(
+        controller,
+        loc,
+        SaveMode.Load,
+        validate,
+        props
+    );
+    return index;
+}

packages-user/client-modules/src/render/ui/settings.tsx

@@ -21,6 +21,8 @@ import { getVitualKeyOnce } from '@motajs/legacy-ui';
 import { getAllSavesData, getSaveData, syncFromServer } from '../utils';
 import { getInput } from '../components/input';
 import { openStatistics } from './statistics';
+import { saveWithExist } from './save';
+import { compressToBase64 } from 'lz-string';
 
 export interface MainSettingsProps
     extends Partial<ChoicesProps>,
@@ -144,7 +146,7 @@ export const ReplaySettings = defineComponent<MainSettingsProps>(props => {
         [ReplayChoice.Back, '返回游戏']
     ];
 
-    const choose = (key: ChoiceKey) => {
+    const choose = async (key: ChoiceKey) => {
         switch (key) {
             case ReplayChoice.Start: {
                 props.controller.closeAll();
@@ -155,15 +157,59 @@ export const ReplaySettings = defineComponent<MainSettingsProps>(props => {
                 break;
             }
             case ReplayChoice.StartFromSave: {
-                // todo
+                const index = await saveWithExist(
+                    props.controller,
+                    [0, 0, 840, 480]
+                );
+                if (index === -2) break;
+                if (index === -1) {
+                    core.doSL('autoSave', 'replayLoad');
+                } else {
+                    core.doSL(index + 1, 'replayLoad');
+                }
+                props.controller.closeAll();
                 break;
             }
             case ReplayChoice.ResumeReplay: {
-                // todo
+                const index = await saveWithExist(
+                    props.controller,
+                    [0, 0, 840, 480]
+                );
+                if (index === -2) break;
+                const name = index === -1 ? 'autoSave' : index + 1;
+                const success = core.doSL(name, 'replayRemain');
+                if (!success) {
+                    props.controller.closeAll();
+                    break;
+                }
+                await getConfirm(
+                    props.controller,
+                    '[步骤2]请选择第二个存档。\n\r[yellow]该存档必须是前一个存档的后续。\r\n将尝试播放到此存档。',
+                    [420, 240, void 0, void 0, 0.5, 0.5],
+                    240
+                );
+                const index2 = await saveWithExist(
+                    props.controller,
+                    [0, 0, 840, 480]
+                );
+                if (index2 === -2) break;
+                const name2 = index2 === -1 ? 'autoSave' : index2 + 1;
+                core.doSL(name2, 'replayRemain');
+                props.controller.closeAll();
                 break;
             }
             case ReplayChoice.ReplayRest: {
-                // todo
+                const index = await saveWithExist(
+                    props.controller,
+                    [0, 0, 840, 480]
+                );
+                if (index === -2) break;
+                if (index === -1) {
+                    core.doSL('autoSave', 'replaySince');
+                } else {
+                    core.doSL(index + 1, 'replaySince');
+                }
+                props.controller.closeAll();
                 break;
             }
             case ReplayChoice.ChooseReplay: {
@@ -174,8 +220,7 @@ export const ReplaySettings = defineComponent<MainSettingsProps>(props => {
             case ReplayChoice.Download: {
                 core.download(
                     core.firstData.name + '_' + core.formatDate2() + '.h5route',
-                    // @ts-expect-error 暂时无法推导
+                    compressToBase64(
-                    LZString.compressToBase64(
                         JSON.stringify({
                             name: core.firstData.name,
                             hard: core.status.hard,

public/libs/control.js

@@ -2019,7 +2019,7 @@ control.prototype.doSL = function (id, type) {
             this._doSL_load(id, this._doSL_replayLoad_afterGet);
             break;
         case 'replayRemain':
-            this._doSL_load(id, this._doSL_replayRemain_afterGet);
+            return this._doSL_load(id, this._doSL_replayRemain_afterGet);
             break;
         case 'replaySince':
             this._doSL_load(id, this._doSL_replaySince_afterGet);
@@ -2186,7 +2186,8 @@ control.prototype._doSL_replayLoad_afterGet = function (id, data) {
 control.prototype._doSL_replayRemain_afterGet = function (id, data) {
     if (!data) {
         core.playSound('操作失败');
-        return core.drawTip('无效的存档');
+        core.drawTip('无效的存档');
+        return false;
     }
     var route = core.decodeRoute(data.route);
     if (core.status.tempRoute) {
@@ -2199,27 +2200,18 @@ control.prototype._doSL_replayRemain_afterGet = function (id, data) {
         core.ui.closePanel();
         core.startReplay(remainRoute);
         core.drawTip('接续播放录像');
-        return;
+        return true;
     } else if (
         data.floorId != core.status.floorId ||
         data.hero.loc.x != core.getHeroLoc('x') ||
         data.hero.loc.y != core.getHeroLoc('y')
-    )
+    ) {
-        return alert('楼层或坐标不一致！');
+        alert('楼层或坐标不一致！');
+        return false;
+    }
 
     core.status.tempRoute = route;
-    core.ui.closePanel();
+    return true;
-    core.drawText(
-        '\t[步骤2]请选择第二个存档。\n\r[yellow]该存档必须是前一个存档的后续。\r\n将尝试播放到此存档。',
-        function () {
-            core.status.event.id = 'replayRemain';
-            core.lockControl();
-            var saveIndex = core.saves.saveIndex;
-            var page = Math.floor((saveIndex - 1) / 5),
-                offset = saveIndex - 5 * page;
-            core.ui._drawSLPanel(10 * page + offset);
-        }
-    );
 };
 
 control.prototype._doSL_replaySince_afterGet = function (id, data) {

public/libs/events.js

@@ -3408,7 +3408,7 @@ events.prototype.openToolbox = function (fromUserAction) {
 ////// 点击快捷商店按钮时的打开操作 //////
 events.prototype.openQuickShop = function (fromUserAction) {
     if (core.isReplaying()) return;
-    const shop = Mota.require('@user/data-state');
+    const shop = Mota.require('@user/legacy-plugin-data');
 
     if (Object.keys(core.status.shops).length == 0) {
         core.playSound('操作失败');

src/types/declaration/control.d.ts

@@ -610,7 +610,8 @@ interface Control {
     /**
      * 实际进行存读档事件
      */
-    doSL(id: string | number, type: SLType): void;
+    doSL(id: string | number, type: Exclude<SLType, 'replayRemain'>): void;
+    doSL(id: string | number, type: 'replayRemain'): boolean;
 
     /**
      * 同步存档到服务器