@tmagic/editor 1.3.0-beta.8 → 1.3.0

package/dist/tmagic-editor.umd.cjs

@@ -8824,11 +8824,6 @@
           return;
         stage.setZoom(zoom2);
       });
-      vue.watch(root, (root2) => {
-        if (runtime && root2) {
-          runtime.updateRootConfig?.(lodashEs.cloneDeep(vue.toRaw(root2)));
-        }
-      });
       vue.watch(page, (page2) => {
         if (runtime && page2) {
           runtime.updatePageId?.(page2.id);
@@ -8837,6 +8832,12 @@
           });
         }
       });
+      const rootChangeHandler = (root2) => {
+        if (runtime && root2) {
+          runtime.updateRootConfig?.(lodashEs.cloneDeep(vue.toRaw(root2)));
+        }
+      };
+      services?.editorService.on("root-change", rootChangeHandler);
       const resizeObserver = new ResizeObserver((entries) => {
         for (const { contentRect } of entries) {
           services?.uiService.set("stageContainerRect", {
@@ -8856,6 +8857,7 @@
         resizeObserver.disconnect();
         services?.editorService.set("stage", null);
         services?.keybindingService.unregisteEl("stage");
+        services?.editorService.off("root-change", rootChangeHandler);
       });
       const parseDSL = getConfig("parseDSL");
       const contextmenuHandler = (e) => {
@@ -10204,23 +10206,6 @@
       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 (vue.toRaw(value) !== vue.toRaw(preValue)) {
-        emit("update:modelValue", value);
-      }
       if (!value)
         return;
       value.codeBlocks = value.codeBlocks || {};
@@ -10234,12 +10219,29 @@
       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 (vue.toRaw(value) !== vue.toRaw(preValue)) {
+        emit("update:modelValue", value);
+      }
     };
     const nodeAddHandler = (nodes) => {
       depService.collect(nodes);