From d31a544a2312b4d78ae74eb600760df450946db8 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Thu, 24 Jul 2025 11:24:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(editor):=20runtimeUrl=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=90=8E=E9=9C=80=E8=A6=81=E9=87=8D=E6=96=B0=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?runtime=E7=9A=84dsl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/Editor.vue     | 18 +-----------------
 packages/editor/src/initService.ts | 26 ++++++++++++++++++++++----
 2 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/packages/editor/src/Editor.vue b/packages/editor/src/Editor.vue
index 36eecf6c..78aefff6 100644
--- a/packages/editor/src/Editor.vue
+++ b/packages/editor/src/Editor.vue
@@ -129,7 +129,7 @@
 <script lang="ts" setup>
 import { EventEmitter } from 'events';
 
-import { provide, watch } from 'vue';
+import { provide } from 'vue';
 
 import type { MApp } from '@tmagic/core';
 
@@ -211,22 +211,6 @@ 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/editor/src/initService.ts b/packages/editor/src/initService.ts
index 537f2820..59172679 100644
--- a/packages/editor/src/initService.ts
+++ b/packages/editor/src/initService.ts
@@ -347,6 +347,26 @@ export const initServiceEvents = (
     },
   );
 
+  watch(
+    () => props.runtimeUrl,
+    (url) => {
+      if (!url) {
+        return;
+      }
+
+      const stage = editorService.get('stage');
+      if (!stage) {
+        return;
+      }
+
+      stage.reloadIframe(url);
+
+      stage.renderer?.once('runtime-ready', (runtime) => {
+        runtime.updateRootConfig?.(cloneDeep(toRaw(editorService.get('root')))!);
+      });
+    },
+  );
+
   const getStage = (): Promise<StageCore> => {
     const stage = editorService.get('stage');
     if (stage) {
@@ -434,7 +454,7 @@ export const initServiceEvents = (
       delete value.dataSourceCondDeps;
     }
 
-    const handler = async () => {
+    (async () => {
       const nodeId = editorService.get('node')?.id || props.defaultSelected;
       let node;
       if (nodeId) {
@@ -453,9 +473,7 @@ export const initServiceEvents = (
       if (toRaw(value) !== toRaw(preValue)) {
         emit('update:modelValue', value);
       }
-    };
-
-    handler();
+    })();
   };
 
   // 新增节点，收集依赖