From 92534fc9159b408f93e194ce119b45ff5cd5f95f Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Thu, 29 May 2025 20:17:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(editor,stage):=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2runtimeUrl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/Editor.vue    | 18 +++++++++++++++++-
 packages/stage/src/StageCore.ts   |  4 ++++
 packages/stage/src/StageRender.ts | 25 +++++++++++++++++++++----
 3 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/packages/editor/src/Editor.vue b/packages/editor/src/Editor.vue
index f37b89bc..2ef6d3be 100644
--- a/packages/editor/src/Editor.vue
+++ b/packages/editor/src/Editor.vue
@@ -128,7 +128,7 @@
 <script lang="ts" setup>
 import { EventEmitter } from 'events';
 
-import { provide } from 'vue';
+import { provide, watch } from 'vue';
 
 import type { MApp } from '@tmagic/core';
 
@@ -209,6 +209,22 @@ const stageOptions: StageOptions = {
 
 stageOverlayService.set('stageOptions', stageOptions);
 
+watch(
+  () => props.runtimeUrl,
+  (url) => {
+    if (!url) {
+      return;
+    }
+
+    const stage = editorService.get('stage');
+    if (!stage) {
+      return;
+    }
+
+    stage.reloadIframe(url);
+  },
+);
+
 provide('services', services);
 
 provide('codeOptions', props.codeOptions);
diff --git a/packages/stage/src/StageCore.ts b/packages/stage/src/StageCore.ts
index 6a7f3ebc..34725954 100644
--- a/packages/stage/src/StageCore.ts
+++ b/packages/stage/src/StageCore.ts
@@ -236,6 +236,10 @@ export default class StageCore extends EventEmitter {
     this.actionManager?.enableMultiSelect();
   }
 
+  public reloadIframe(url: string) {
+    this.renderer?.reloadIframe(url);
+  }
+
   /**
    * 销毁实例
    */
diff --git a/packages/stage/src/StageRender.ts b/packages/stage/src/StageRender.ts
index 7b92c17f..5fd4adff 100644
--- a/packages/stage/src/StageRender.ts
+++ b/packages/stage/src/StageRender.ts
@@ -172,14 +172,31 @@ export default class StageRender extends EventEmitter {
     );
   }
 
-  /**
-   * 销毁实例
-   */
-  public destroy(): void {
+  public reloadIframe(url: string) {
+    if (this.renderType !== RenderType.IFRAME) return;
+
+    const el = this.iframe?.parentElement;
+    this.destroyIframe();
+    this.runtimeUrl = url;
+    this.createIframe();
+    this.mount(el as HTMLDivElement);
+    this.runtime = null;
+  }
+
+  public destroyIframe() {
     this.iframe?.removeEventListener('load', this.iframeLoadHandler);
     this.contentWindow = null;
     this.iframe?.remove();
     this.iframe = undefined;
+  }
+
+  /**
+   * 销毁实例
+   */
+  public destroy(): void {
+    this.destroyIframe();
+    // @ts-ignore
+    globalThis.runtime = undefined;
     this.removeAllListeners();
   }