@flowgram.ai/free-layout-core 0.1.24 → 0.1.26

package/dist/index.d.mts

@@ -2,8 +2,8 @@ import { PlaygroundConfigEntity, CommandService, PlaygroundDragEvent, EntityData
 export { bindConfigEntity, useConfigEntity, useEntities, useEntityDataFromContext, useEntityFromContext, useListenEvents, usePlayground, usePlaygroundContainer, usePlaygroundContext, usePlaygroundLatest, useRefresh, useService } from '@flowgram.ai/core';
 import { NodeFormProps } from '@flowgram.ai/node';
 import { FlowOperationBaseService, FlowNodeType, FlowOperationBaseServiceImpl, FlowNodeEntityOrId, FlowNodeEntity } from '@flowgram.ai/document';
-import { W as WorkflowHoverService, a as WorkflowDocument, b as WorkflowLinesManager, c as WorkflowSelectService, d as WorkflowDocumentOptions, L as LineEventProps, N as NodesDragEvent, e as WorkflowNodeJSON, f as WorkflowPortEntity, g as WorkflowLineEntity, O as OnDragLineEnd, h as WorkflowPorts, i as WorkflowPortType, j as WorkflowPort, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-line-entity-DgCmDX1d.mjs';
-export { C as LINE_HOVER_DISTANCE, v as LineColor, w as LineColors, u as LineType, z as NodesDragEndEvent, y as NodesDragStartEvent, A as NodesDraggingEvent, P as POINT_RADIUS, G as PORT_SIZE, o as WORKFLOW_LINE_ENTITY, I as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, K as WorkflowDocumentOptionsDefault, J as WorkflowDocumentProvider, q as WorkflowJSON, E as WorkflowLineEntityOpts, F as WorkflowLineInfo, D as WorkflowLinePortInfo, x as WorkflowLineRenderContributionFactory, t as WorkflowNodeMeta, H as WorkflowPortEntityOpts, p as domReactToBounds, n as getPortEntityId, B as onDragLineEndParams } from './workflow-line-entity-DgCmDX1d.mjs';
+import { W as WorkflowHoverService, a as WorkflowDocument, b as WorkflowLinesManager, c as WorkflowSelectService, d as WorkflowDocumentOptions, L as LineEventProps, N as NodesDragEvent, e as WorkflowNodeJSON, f as WorkflowPortEntity, g as WorkflowLineEntity, O as OnDragLineEnd, h as WorkflowPorts, i as WorkflowPortType, j as WorkflowPort, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-line-entity-CJVb7UCW.mjs';
+export { C as LINE_HOVER_DISTANCE, v as LineColor, w as LineColors, u as LineType, z as NodesDragEndEvent, y as NodesDragStartEvent, A as NodesDraggingEvent, P as POINT_RADIUS, G as PORT_SIZE, o as WORKFLOW_LINE_ENTITY, J as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, M as WorkflowDocumentOptionsDefault, K as WorkflowDocumentProvider, I as WorkflowEntityHoverable, q as WorkflowJSON, E as WorkflowLineEntityOpts, F as WorkflowLineInfo, D as WorkflowLinePortInfo, x as WorkflowLineRenderContributionFactory, t as WorkflowNodeMeta, H as WorkflowPortEntityOpts, p as domReactToBounds, n as getPortEntityId, B as onDragLineEndParams } from './workflow-line-entity-CJVb7UCW.mjs';
 import { W as WorkflowNodeEntity } from './workflow-sub-canvas-DOVla1mw.mjs';
 export { a as WorkflowSubCanvas } from './workflow-sub-canvas-DOVla1mw.mjs';
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import { PlaygroundConfigEntity, CommandService, PlaygroundDragEvent, EntityData
 export { bindConfigEntity, useConfigEntity, useEntities, useEntityDataFromContext, useEntityFromContext, useListenEvents, usePlayground, usePlaygroundContainer, usePlaygroundContext, usePlaygroundLatest, useRefresh, useService } from '@flowgram.ai/core';
 import { NodeFormProps } from '@flowgram.ai/node';
 import { FlowOperationBaseService, FlowNodeType, FlowOperationBaseServiceImpl, FlowNodeEntityOrId, FlowNodeEntity } from '@flowgram.ai/document';
-import { W as WorkflowHoverService, a as WorkflowDocument, b as WorkflowLinesManager, c as WorkflowSelectService, d as WorkflowDocumentOptions, L as LineEventProps, N as NodesDragEvent, e as WorkflowNodeJSON, f as WorkflowPortEntity, g as WorkflowLineEntity, O as OnDragLineEnd, h as WorkflowPorts, i as WorkflowPortType, j as WorkflowPort, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-line-entity-B8wC-OVt.js';
-export { C as LINE_HOVER_DISTANCE, v as LineColor, w as LineColors, u as LineType, z as NodesDragEndEvent, y as NodesDragStartEvent, A as NodesDraggingEvent, P as POINT_RADIUS, G as PORT_SIZE, o as WORKFLOW_LINE_ENTITY, I as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, K as WorkflowDocumentOptionsDefault, J as WorkflowDocumentProvider, q as WorkflowJSON, E as WorkflowLineEntityOpts, F as WorkflowLineInfo, D as WorkflowLinePortInfo, x as WorkflowLineRenderContributionFactory, t as WorkflowNodeMeta, H as WorkflowPortEntityOpts, p as domReactToBounds, n as getPortEntityId, B as onDragLineEndParams } from './workflow-line-entity-B8wC-OVt.js';
+import { W as WorkflowHoverService, a as WorkflowDocument, b as WorkflowLinesManager, c as WorkflowSelectService, d as WorkflowDocumentOptions, L as LineEventProps, N as NodesDragEvent, e as WorkflowNodeJSON, f as WorkflowPortEntity, g as WorkflowLineEntity, O as OnDragLineEnd, h as WorkflowPorts, i as WorkflowPortType, j as WorkflowPort, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-line-entity-Civfgdcf.js';
+export { C as LINE_HOVER_DISTANCE, v as LineColor, w as LineColors, u as LineType, z as NodesDragEndEvent, y as NodesDragStartEvent, A as NodesDraggingEvent, P as POINT_RADIUS, G as PORT_SIZE, o as WORKFLOW_LINE_ENTITY, J as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, M as WorkflowDocumentOptionsDefault, K as WorkflowDocumentProvider, I as WorkflowEntityHoverable, q as WorkflowJSON, E as WorkflowLineEntityOpts, F as WorkflowLineInfo, D as WorkflowLinePortInfo, x as WorkflowLineRenderContributionFactory, t as WorkflowNodeMeta, H as WorkflowPortEntityOpts, p as domReactToBounds, n as getPortEntityId, B as onDragLineEndParams } from './workflow-line-entity-Civfgdcf.js';
 import { W as WorkflowNodeEntity } from './workflow-sub-canvas-DOVla1mw.js';
 export { a as WorkflowSubCanvas } from './workflow-sub-canvas-DOVla1mw.js';
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';

package/dist/index.js

@@ -1089,8 +1089,8 @@ WorkflowSelectService = __decorateClass([
 
 // src/service/workflow-hover-service.ts
 var import_inversify2 = require("inversify");
-var import_core10 = require("@flowgram.ai/core");
 var import_utils11 = require("@flowgram.ai/utils");
+var import_core10 = require("@flowgram.ai/core");
 var WorkflowHoverService = class {
   constructor() {
     this.onHoveredChangeEmitter = new import_utils11.Emitter();
@@ -1604,9 +1604,9 @@ var import_core14 = require("@flowgram.ai/core");
 
 // src/layout/free-layout.ts
 var import_inversify4 = require("inversify");
+var import_utils13 = require("@flowgram.ai/utils");
 var import_document6 = require("@flowgram.ai/document");
 var import_core13 = require("@flowgram.ai/core");
-var import_utils13 = require("@flowgram.ai/utils");
 var FREE_LAYOUT_KEY = "free-layout";
 var FreeLayout = class {
   constructor() {
@@ -1641,6 +1641,21 @@ var FreeLayout = class {
     const parentTransform = node.parent.getData(import_document6.FlowNodeTransformData);
     parentTransform.transform.fireChange();
   }
+  /**
+   * 更新所有受影响的上下游节点
+   */
+  updateAffectedTransform(node) {
+    const transformData = node.transform;
+    if (!transformData.localDirty) {
+      return;
+    }
+    const allParents = this.getAllParents(node);
+    const allBlocks = this.getAllBlocks(node).reverse();
+    const affectedNodes = [...allBlocks, ...allParents];
+    affectedNodes.forEach((node2) => {
+      this.fireChange(node2);
+    });
+  }
   /**
    * 获取节点的 padding 数据
    * @param node
@@ -1686,6 +1701,30 @@ var FreeLayout = class {
   getDefaultNodeOrigin() {
     return { x: 0.5, y: 0 };
   }
+  getAllParents(node) {
+    const parents = [];
+    let current = node.parent;
+    while (current) {
+      parents.push(current);
+      current = current.parent;
+    }
+    return parents;
+  }
+  getAllBlocks(node) {
+    return node.blocks.reduce(
+      (acc, child) => [...acc, ...this.getAllBlocks(child)],
+      [node]
+    );
+  }
+  fireChange(node) {
+    const transformData = node?.transform;
+    if (!node || !transformData?.localDirty) {
+      return;
+    }
+    node.clearMemoGlobal();
+    node.clearMemoLocal();
+    transformData.transform.fireChange();
+  }
 };
 __decorateClass([
   (0, import_inversify4.inject)(import_core13.PlaygroundConfigEntity)
@@ -1880,6 +1919,13 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
     });
     return node;
   }
+  get layout() {
+    const layout = this.layouts.find((layout2) => layout2.name == this.currentLayoutKey);
+    if (!layout) {
+      throw new Error(`Unknown flow layout: ${this.currentLayoutKey}`);
+    }
+    return layout;
+  }
   /**
    * 获取默认的 x y 坐标, 默认为当前画布可视区域中心
    * @param type
@@ -2293,15 +2339,10 @@ var WorkflowDragService = class {
             x: nodeStartPosition.x + offset.x,
             y: nodeStartPosition.y + offset.y
           };
-          if (node.collapsedChildren?.length > 0) {
-            node.collapsedChildren.forEach((childNode) => {
-              const childNodeTransformData = childNode.getData(import_document8.FlowNodeTransformData);
-              childNodeTransformData.fireChange();
-            });
-          }
           transform.update({
             position: newPosition
           });
+          this.document.layout.updateAffectedTransform(node);
           positions.push(newPosition);
         });
         this._nodesDragEmitter.fire({
@@ -2822,18 +2863,14 @@ var layoutToPositions = async (nodes, nodePositionMap) => {
           const transform = node.getData(import_core16.TransformData);
           const deltaX = (nodePositionMap[node.id].x - transform.position.x) * v.d / 100;
           const deltaY = (nodePositionMap[node.id].y - transform.bounds.height / 2 - transform.position.y) * v.d / 100;
-          if (node.collapsedChildren?.length > 0) {
-            node.collapsedChildren.forEach((childNode) => {
-              const childNodeTransformData = childNode.getData(import_document10.FlowNodeTransformData);
-              childNodeTransformData.fireChange();
-            });
-          }
           transform.update({
             position: {
               x: transform.position.x + deltaX,
               y: transform.position.y + deltaY
             }
           });
+          const document2 = node.document;
+          document2.layout.updateAffectedTransform(node);
         });
       },
       onComplete: () => {