@flowgram.ai/free-layout-core 0.4.16 → 0.4.17

package/dist/esm/index.js

@@ -776,11 +776,11 @@ var WorkflowLineRenderData = class extends EntityData3 {
    * WARNING: 这个方法，必须在 requestAnimationFrame / useLayoutEffect 中调用，否则会引起浏览器强制重排
    */
   updatePosition() {
-    this.data.position.from = this.entity.from.getData(WorkflowNodePortsData).getOutputPoint(this.entity.info.fromPort);
+    this.data.position.from = this.entity.from.ports.getOutputPoint(this.entity.info.fromPort);
     if (this.entity.info.drawingTo) {
       this.data.position.to = this.entity.info.drawingTo;
     } else {
-      this.data.position.to = this.entity.to?.getData(WorkflowNodePortsData)?.getInputPoint(this.entity.info.toPort) ?? {
+      this.data.position.to = this.entity.to?.ports?.getInputPoint(this.entity.info.toPort) ?? {
         x: this.data.position.from.x,
         y: this.data.position.from.y,
         location: this.data.position.from.location === "right" ? "left" : "top"
@@ -1042,13 +1042,13 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     return this.getData(WorkflowLineRenderData).calcDistance(pos);
   }
   get fromPort() {
-    return this.from.getData(WorkflowNodePortsData).getPortEntityByKey("output", this.info.fromPort);
+    return this.from.ports.getPortEntityByKey("output", this.info.fromPort);
   }
   get toPort() {
     if (!this.to) {
       return void 0;
     }
-    return this.to.getData(WorkflowNodePortsData).getPortEntityByKey("input", this.info.toPort);
+    return this.to.ports.getPortEntityByKey("input", this.info.toPort);
   }
   /**
    * 获取线条真实的输入输出节点坐标
@@ -1726,7 +1726,7 @@ var WorkflowLinesManager = class {
    */
   getPortFromMousePos(pos) {
     const allNodes = this.getSortedNodes().reverse();
-    const allPorts = allNodes.map((node) => node.getData(WorkflowNodePortsData).allPorts).flat();
+    const allPorts = allNodes.map((node) => node.ports.allPorts).flat();
     const targetPort = allPorts.find((port) => port.isHovered(pos.x, pos.y));
     if (targetPort) {
       const containNodes = this.getContainNodesFromMousePos(pos);
@@ -2183,6 +2183,8 @@ var WorkflowDocument = class extends FlowDocument {
       });
       const datas = dataRegistries ? this.nodeDataRegistries.concat(...dataRegistries) : this.nodeDataRegistries;
       node.addInitializeData(datas);
+      node.ports = node.getData(WorkflowNodePortsData);
+      node.lines = node.getData(WorkflowNodeLinesData);
       node.onDispose(() => this.onNodeDisposeEmitter.fire({ node }));
       this.options.fromNodeJSON?.(node, data, true);
       isNew = true;
@@ -2633,10 +2635,6 @@ var WorkflowDragService = class {
       return Promise.resolve(false);
     }
     this.isDragging = true;
-    const sameParent = this.childrenOfContainer(selectedNodes);
-    if (sameParent && sameParent.flowNodeType !== FlowNodeBaseType3.ROOT) {
-      selectedNodes = [sameParent];
-    }
     let startPosition = this.getNodesPosition(selectedNodes);
     let startPositions = selectedNodes.map((node) => {
       const transform = node.getData(TransformData8);
@@ -2698,6 +2696,7 @@ var WorkflowDragService = class {
           triggerEvent,
           dragger
         });
+        this.resetContainerInternalPosition(selectedNodes);
       }
     });
     const { clientX, clientY } = MouseTouchEvent.getEventCoord(triggerEvent);
@@ -2968,12 +2967,48 @@ var WorkflowDragService = class {
       };
     }
   }
+  /**
+   * 容器内子节点总体位置重置为0
+   */
+  resetContainerInternalPosition(nodes) {
+    const container = this.childrenOfContainer(nodes);
+    if (!container) {
+      return;
+    }
+    const bounds = Rectangle8.enlarge(
+      container.blocks.map((node) => {
+        const x = node.transform.position.x - node.transform.bounds.width / 2;
+        const y = node.transform.position.y;
+        const width = node.transform.bounds.width;
+        const height = node.transform.bounds.height;
+        return new Rectangle8(x, y, width, height);
+      })
+    );
+    const containerTransform = container.getData(TransformData8);
+    containerTransform.update({
+      position: {
+        x: containerTransform.position.x + bounds.x,
+        y: containerTransform.position.y + bounds.y
+      }
+    });
+    this.document.layout.updateAffectedTransform(container);
+    container.blocks.forEach((node) => {
+      const transform = node.getData(TransformData8);
+      transform.update({
+        position: {
+          x: transform.position.x - bounds.x,
+          y: transform.position.y - bounds.y
+        }
+      });
+      this.document.layout.updateAffectedTransform(node);
+    });
+  }
   childrenOfContainer(nodes) {
     if (nodes.length === 0) {
       return;
     }
     const sourceContainer = nodes[0]?.parent;
-    if (!sourceContainer || sourceContainer.collapsedChildren.length !== nodes.length) {
+    if (!sourceContainer) {
       return;
     }
     const valid = nodes.every((node) => node?.parent === sourceContainer);
@@ -3174,7 +3209,7 @@ var WorkflowDragService = class {
   }
   /** 获取最近的 port */
   getNearestPort(node, mousePos) {
-    const portsData = node.getData(WorkflowNodePortsData);
+    const portsData = node.ports;
     const distanceSortedPorts = portsData.inputPorts.sort((a, b) => {
       const aDistance = Math.abs(mousePos.y - a.point.y);
       const bDistance = Math.abs(mousePos.y - b.point.y);
@@ -3379,7 +3414,7 @@ var isFirefox = navigator?.userAgent?.includes?.("Firefox");
 function useNodeRender(nodeFromProps) {
   const node = nodeFromProps || useContext(PlaygroundEntityContext);
   const renderData = node.getData(FlowNodeRenderData3);
-  const portsData = node.getData(WorkflowNodePortsData);
+  const portsData = node.ports;
   const readonly = usePlaygroundReadonlyState();
   const dragService = useService(WorkflowDragService);
   const selectionService = useService(WorkflowSelectService);