@tmagic/editor 1.3.0-beta.8 → 1.3.0

package/dist/tmagic-editor.js

@@ -8815,11 +8815,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         return;
       stage.setZoom(zoom2);
     });
-    watch(root, (root2) => {
-      if (runtime && root2) {
-        runtime.updateRootConfig?.(cloneDeep(toRaw(root2)));
-      }
-    });
     watch(page, (page2) => {
       if (runtime && page2) {
         runtime.updatePageId?.(page2.id);
@@ -8828,6 +8823,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         });
       }
     });
+    const rootChangeHandler = (root2) => {
+      if (runtime && root2) {
+        runtime.updateRootConfig?.(cloneDeep(toRaw(root2)));
+      }
+    };
+    services?.editorService.on("root-change", rootChangeHandler);
     const resizeObserver = new ResizeObserver((entries) => {
       for (const { contentRect } of entries) {
         services?.uiService.set("stageContainerRect", {
@@ -8847,6 +8848,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       resizeObserver.disconnect();
       services?.editorService.set("stage", null);
       services?.keybindingService.unregisteEl("stage");
+      services?.editorService.off("root-change", rootChangeHandler);
     });
     const parseDSL = getConfig("parseDSL");
     const contextmenuHandler = (e) => {
@@ -10195,23 +10197,6 @@ const initServiceEvents = (props, emit, { editorService, codeBlockService, dataS
     depService.addTarget(createDataSourceCondTarget(ds.id));
   };
   const rootChangeHandler = async (value, preValue) => {
-    const nodeId = editorService.get("node")?.id || props.defaultSelected;
-    let node;
-    if (nodeId) {
-      node = editorService.getNodeById(nodeId);
-    }
-    if (node && node !== value) {
-      await editorService.select(node.id);
-    } else if (value?.items?.length) {
-      await editorService.select(value.items[0]);
-    } else if (value?.id) {
-      editorService.set("nodes", [value]);
-      editorService.set("parent", null);
-      editorService.set("page", null);
-    }
-    if (toRaw(value) !== toRaw(preValue)) {
-      emit("update:modelValue", value);
-    }
     if (!value)
       return;
     value.codeBlocks = value.codeBlocks || {};
@@ -10225,12 +10210,29 @@ const initServiceEvents = (props, emit, { editorService, codeBlockService, dataS
     value.dataSources.forEach((ds) => {
       initDataSourceDepTarget(ds);
     });
-    if (value && Array.isArray(value.items)) {
+    if (Array.isArray(value.items)) {
       depService.collect(value.items, true);
     } else {
       depService.clear();
       delete value.dataSourceDeps;
     }
+    const nodeId = editorService.get("node")?.id || props.defaultSelected;
+    let node;
+    if (nodeId) {
+      node = editorService.getNodeById(nodeId);
+    }
+    if (node && node !== value) {
+      await editorService.select(node.id);
+    } else if (value.items?.length) {
+      await editorService.select(value.items[0]);
+    } else if (value.id) {
+      editorService.set("nodes", [value]);
+      editorService.set("parent", null);
+      editorService.set("page", null);
+    }
+    if (toRaw(value) !== toRaw(preValue)) {
+      emit("update:modelValue", value);
+    }
   };
   const nodeAddHandler = (nodes) => {
     depService.collect(nodes);