@tmagic/editor 1.3.0-alpha.1 → 1.3.0-alpha.2

package/dist/tmagic-editor.umd.cjs

@@ -459,7 +459,7 @@
             {
               validator: ({ value, callback }, { model, parent }) => {
                 const index = parent.findIndex((item) => item.name === value);
-                if (model.index === -1 && index > -1 || model.index > -1 && index !== model.index) {
+                if (model.index === -1 && index > -1 || model.index > -1 && index > -1 && index !== model.index) {
                   return callback(`属性key（${value}）已存在`);
                 }
                 callback();
@@ -7098,6 +7098,7 @@
           });
         });
       });
+      this.emit("collected", nodes, deep);
     }
     /**
      * 清除依赖
@@ -7126,6 +7127,7 @@
           const fullKey = prop ? `${prop}.${key}` : key;
           if (target.isTarget(key, value)) {
             target.updateDep(node, fullKey);
+            this.emit("update-dep", node, fullKey);
           } else if (!keyIsItems && Array.isArray(value)) {
             value.forEach((item, index) => {
               collectTarget(item, `${fullKey}.${index}`);
@@ -7400,6 +7402,42 @@
     });
   };
   const initServiceEvents = (props, emit, { editorService, codeBlockService, dataSourceService, depService }) => {
+    const getApp = () => {
+      const stage = editorService.get("stage");
+      return stage?.renderer.runtime?.getApp?.();
+    };
+    const updateDataSoucreSchema = () => {
+      const root = editorService.get("root");
+      if (root?.dataSources) {
+        getApp()?.dataSourceManager?.updateSchema(root.dataSources);
+      }
+    };
+    const upateNodeWhenDataSourceChange = (nodes) => {
+      const root = editorService.get("root");
+      const stage = editorService.get("stage");
+      if (!root || !stage)
+        return;
+      const app = getApp();
+      if (!app)
+        return;
+      if (app.dsl) {
+        app.dsl.dataSourceDeps = root.dataSourceDeps;
+        app.dsl.dataSources = root.dataSources;
+      }
+      updateDataSoucreSchema();
+      nodes.forEach((node) => {
+        const deps = Object.values(root.dataSourceDeps || {});
+        deps.forEach((dep) => {
+          if (dep[node.id]) {
+            stage.update({
+              config: lodashEs.cloneDeep(node),
+              parentId: editorService.getParentById(node.id)?.id,
+              root: lodashEs.cloneDeep(root)
+            });
+          }
+        });
+      });
+    };
     const targetAddHandler = (target) => {
       if (target.type !== "data-source")
         return;
@@ -7417,8 +7455,16 @@
         return;
       delete root.dataSourceDeps[id];
     };
+    const depUpdateHandler = (node) => {
+      upateNodeWhenDataSourceChange([node]);
+    };
+    const collectedHandler = (nodes) => {
+      upateNodeWhenDataSourceChange(nodes);
+    };
     depService.on("add-target", targetAddHandler);
     depService.on("remove-target", targetRemoveHandler);
+    depService.on("dep-update", depUpdateHandler);
+    depService.on("collected", collectedHandler);
     const rootChangeHandler = async (value, preValue) => {
       const nodeId = editorService.get("node")?.id || props.defaultSelected;
       let node;
@@ -7486,14 +7532,20 @@
     codeBlockService.on("remove", codeBlockRemoveHandler);
     const dataSourceAddHandler = (config) => {
       depService.addTarget(createDataSourceTarget(config.id, config));
+      getApp()?.dataSourceManager?.addDataSource(config);
     };
     const dataSourceUpdateHandler = (config) => {
       if (config.title) {
         depService.getTarget(config.id).name = config.title;
       }
+      const root = editorService.get("root");
+      const targets = depService.getTargets("data-source");
+      const nodes = utils.getNodes(Object.keys(targets[config.id].deps), root?.items);
+      upateNodeWhenDataSourceChange(nodes);
     };
     const dataSourceRemoveHandler = (id) => {
       depService.removeTarget(id);
+      getApp()?.dataSourceManager?.removeDataSource(id);
     };
     dataSourceService.on("add", dataSourceAddHandler);
     dataSourceService.on("update", dataSourceUpdateHandler);
@@ -7501,6 +7553,8 @@
     vue.onUnmounted(() => {
       depService.off("add-target", targetAddHandler);
       depService.off("remove-target", targetRemoveHandler);
+      depService.off("dep-update", depUpdateHandler);
+      depService.off("collected", collectedHandler);
       editorService.off("history-change", historyChangeHandler);
       editorService.off("root-change", rootChangeHandler);
       editorService.off("add", nodeAddHandler);