@next-core/editor-bricks-helper 0.42.26 → 0.44.0

package/dist/index.esm.js

@@ -722,6 +722,7 @@ var BuilderInternalEventType;
   BuilderInternalEventType["NODE_MOVE"] = "builder.node.move";
   BuilderInternalEventType["NODE_REORDER"] = "builder.node.reorder";
   BuilderInternalEventType["NODE_CLICK"] = "builder.node.click";
+  BuilderInternalEventType["NODE_UPDATE"] = "builder.node.update";
   BuilderInternalEventType["SNIPPET_APPLY"] = "builder.snippet.apply";
   BuilderInternalEventType["CONTEXT_MENU_CHANGE"] = "builder.contextMenu.change";
   BuilderInternalEventType["DATA_CHANGE"] = "builder.data.change";
@@ -857,7 +858,9 @@ class BuilderDataManager {
     var rootNode = nodes.find(node => node.$$uid === rootId);
     var rootNodeIsCustomTemplate = rootNode.type === "custom-template";
     this.relatedNodesBasedOnEventsMap = getRelatedNodesBasedOnEvents(nodes, rootNodeIsCustomTemplate);
-    this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.DATA_CHANGE));
+    this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.DATA_CHANGE, {
+      detail: this.data
+    }));
   }
 
   runAddNodeAction(detail) {
@@ -906,6 +909,41 @@ class BuilderDataManager {
     this.runAddNodeAction(detail);
   }
 
+  updateNode(instanceId, detail) {
+    var {
+      rootId,
+      nodes,
+      edges,
+      wrapperNode
+    } = this.data;
+    var updateNode = nodes.find(item => item.instanceId === instanceId);
+    var newNodes = nodes.map(item => {
+      if (item.instanceId === instanceId) {
+        return _objectSpread(_objectSpread({}, item), detail);
+      }
+
+      return item;
+    });
+    var newEdges = detail.mountPoint === undefined || detail.mountPoint === null ? edges : edges.map(item => {
+      if (item.child === updateNode.$$uid) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          mountPoint: detail.mountPoint
+        });
+      }
+
+      return item;
+    });
+    this.data = {
+      rootId,
+      nodes: newNodes,
+      edges: newEdges,
+      wrapperNode
+    };
+    this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.NODE_UPDATE, {
+      detail: this.data
+    }));
+  }
+
   redirectMountPoint(detail) {
     var {
       rootId,
@@ -1201,14 +1239,14 @@ class BuilderDataManager {
     var {
       nodeData,
       dragOverInstanceId,
-      parentInstanceId,
       dragStatus,
       mountPoint
     } = detail;
 
-    if (nodeData.instanceId) ; else {
+    if (nodeData.instanceId && !nodeData.instanceId.startsWith("mock")) ; else {
       // insert
-      var newNodeUid = getUniqueNodeId();
+      var parentInstanceId = detail.parent || detail.parentInstanceId;
+      var newNodeUid = nodeData.$$uid || getUniqueNodeId();
       var overNode = nodes.find(item => item.instanceId === dragOverInstanceId);
       var dragOverNodeUid = overNode.$$uid;
       var realDragStatus = dragStatus;
@@ -1241,6 +1279,7 @@ class BuilderDataManager {
       });
       nodeData.parent = parentInstanceId;
       nodeData.mountPoint = mountPoint;
+      nodeData.sort = sortIndex;
 
       if (nodeData.bricks) {
         // snippet
@@ -1484,6 +1523,13 @@ class BuilderDataManager {
     };
   }
 
+  onNodeUpdate(fn) {
+    this.eventTarget.addEventListener(BuilderInternalEventType.NODE_UPDATE, fn);
+    return () => {
+      this.eventTarget.removeEventListener(BuilderInternalEventType.NODE_UPDATE, fn);
+    };
+  }
+
   onContextMenuChange(fn) {
     this.eventTarget.addEventListener(BuilderInternalEventType.CONTEXT_MENU_CHANGE, fn);
     return () => {