JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-05 19:41:40 +08:00
Code Issues Projects Releases Wiki Activity

fix(editor): stage销毁问题

Browse Source
This commit is contained in:
roymondchen 2024-09-04 19:47:04 +08:00 committed by roymondchen
parent a2c79c79cd
commit 0d901c018f
3 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/editor/src/hooks/use-stage.ts
View File

@ -1,4 +1,4 @@
import { computed, onBeforeUnmount, watch } from 'vue';
import { computed, watch } from 'vue';
import type { MNode } from '@tmagic/core';
import StageCore, { GuidesType, RemoveEventData, SortEventData, UpdateEventData } from '@tmagic/stage';
@ -131,9 +131,5 @@ export const useStage = (stageOptions: StageOptions) => {
}
});
onBeforeUnmount(() => {
stage.destroy();
});
return stage;
};

4
packages/editor/src/layouts/workspace/viewer/Stage.vue
View File

@ -123,6 +123,10 @@ watchEffect(() => {
});
});
onBeforeUnmount(() => {
stage?.destroy();
});
watch(zoom, (zoom) => {
if (!stage || !zoom) return;
stage.setZoom(zoom);

7
packages/editor/src/layouts/workspace/viewer/StageOverlay.vue
View File

@ -8,7 +8,7 @@
</template>
<script setup lang="ts">
import { computed, inject, ref, watch } from 'vue';
import { computed, inject, onBeforeUnmount, ref, watch } from 'vue';
import { CloseBold } from '@element-plus/icons-vue';
import { TMagicIcon } from '@tmagic/design';
@ -62,6 +62,11 @@ watch(stageOverlay, (stageOverlay) => {
}
});
onBeforeUnmount(() => {
services?.stageOverlayService.get('stage')?.destroy();
services?.stageOverlayService.set('stage', null);
});
const closeOverlayHandler = () => {
services?.stageOverlayService.closeOverlay();
};