@flowgram.ai/free-layout-core 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/esm/{chunk-E7ZUQ7LV.js → chunk-5BT3ZR4D.js}

@@ -2,6 +2,7 @@
 var LineType = /* @__PURE__ */ ((LineType2) => {
   LineType2[LineType2["BEZIER"] = 0] = "BEZIER";
   LineType2[LineType2["LINE_CHART"] = 1] = "LINE_CHART";
+  LineType2[LineType2["STRAIGHT"] = 2] = "STRAIGHT";
   return LineType2;
 })(LineType || {});
 var LineColors = /* @__PURE__ */ ((LineColors2) => {
@@ -19,4 +20,4 @@ export {
   LineType,
   LineColors
 };
-//# sourceMappingURL=chunk-E7ZUQ7LV.js.map
+//# sourceMappingURL=chunk-5BT3ZR4D.js.map

package/dist/esm/chunk-5BT3ZR4D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typings/workflow-line.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport type { Rectangle, IPoint } from '@flowgram.ai/utils';\n\nimport { type WorkflowLineEntity } from '../entities';\n\nexport enum LineType {\n  BEZIER, // 贝塞尔曲线\n  LINE_CHART, // 折叠线\n  STRAIGHT, // 直线\n}\n\nexport type LineRenderType = LineType | string;\n\nexport type LinePointLocation = 'left' | 'top' | 'right' | 'bottom';\n\nexport interface LinePoint {\n  x: number;\n  y: number;\n  location: LinePointLocation;\n}\n\nexport interface LinePosition {\n  from: LinePoint;\n  to: LinePoint;\n}\n\nexport interface LineColor {\n  hidden: string;\n  default: string;\n  drawing: string;\n  hovered: string;\n  selected: string;\n  error: string;\n  flowing: string;\n}\n\nexport enum LineColors {\n  HIDDEN = 'var(--g-workflow-line-color-hidden,transparent)', // 隐藏线条\n  DEFUALT = 'var(--g-workflow-line-color-default,#4d53e8)',\n  DRAWING = 'var(--g-workflow-line-color-drawing, #5DD6E3)', // '#b5bbf8', // '#9197F1',\n  HOVER = 'var(--g-workflow-line-color-hover,#37d0ff)',\n  SELECTED = 'var(--g-workflow-line-color-selected,#37d0ff)',\n  ERROR = 'var(--g-workflow-line-color-error,red)',\n  FLOWING = 'var(--g-workflow-line-color-flowing,#4d53e8)', // 流动线条，默认使用主题色\n}\n\nexport interface LineCenterPoint {\n  x: number;\n  y: number;\n  labelX: number; // Relative to where the line begins\n  labelY: number; // Relative to where the line begins\n}\n\nexport interface WorkflowLineRenderContribution {\n  entity: WorkflowLineEntity;\n  path: string;\n  center?: LineCenterPoint;\n  bounds: Rectangle;\n  update: (params: { fromPos: LinePoint; toPos: LinePoint }) => void;\n  calcDistance: (pos: IPoint) => number;\n}\n\nexport type WorkflowLineRenderContributionFactory = (new (\n  entity: WorkflowLineEntity\n) => WorkflowLineRenderContribution) & {\n  type: LineRenderType;\n};\n"],"mappings":";AASO,IAAK,WAAL,kBAAKA,cAAL;AACL,EAAAA,oBAAA;AACA,EAAAA,oBAAA;AACA,EAAAA,oBAAA;AAHU,SAAAA;AAAA,GAAA;AA+BL,IAAK,aAAL,kBAAKC,gBAAL;AACL,EAAAA,YAAA,YAAS;AACT,EAAAA,YAAA,aAAU;AACV,EAAAA,YAAA,aAAU;AACV,EAAAA,YAAA,WAAQ;AACR,EAAAA,YAAA,cAAW;AACX,EAAAA,YAAA,WAAQ;AACR,EAAAA,YAAA,aAAU;AAPA,SAAAA;AAAA,GAAA;","names":["LineType","LineColors"]}

package/dist/esm/index.js

@@ -11,7 +11,7 @@ import {
 import {
   LineColors,
   LineType
-} from "./chunk-E7ZUQ7LV.js";
+} from "./chunk-5BT3ZR4D.js";
 import "./chunk-DDJTYHXN.js";
 import {
   WorkflowOperationBaseService
@@ -100,6 +100,16 @@ var buildGroupJSON = (json) => {
   };
 };
 
+// src/utils/get-line-center.ts
+function getLineCenter(from, to, bbox, linePadding) {
+  return {
+    x: bbox.center.x,
+    y: bbox.center.y,
+    labelX: bbox.center.x - bbox.x + linePadding,
+    labelY: bbox.center.y - bbox.y + linePadding
+  };
+}
+
 // src/utils/nanoid.ts
 import { nanoid as nanoidOrigin } from "nanoid";
 function nanoid(n) {
@@ -445,6 +455,7 @@ var WorkflowNodePortsData = class extends EntityData {
         ...Array.from(elements).map((element) => ({
           portID: element.getAttribute("data-port-id"),
           type: element.getAttribute("data-port-type"),
+          location: element.getAttribute("data-port-location"),
           targetElement: element
         }))
       );
@@ -611,6 +622,9 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends EntityData2 {
   get allLines() {
     return this.data.inputLines.concat(this.data.outputLines);
   }
+  get availableLines() {
+    return this.allLines.filter((line) => !line.isDrawing && !line.isHidden);
+  }
   /**
    * 输入节点
    */
@@ -752,6 +766,12 @@ var WorkflowLineRenderData = class extends EntityData3 {
   get lineType() {
     return this.entity.renderType ?? this.entity.linesManager.lineType;
   }
+  /**
+   * 获取 center 位置
+   */
+  get center() {
+    return this.currentLine?.center || { x: 0, y: 0, labelX: 0, labelY: 0 };
+  }
   /**
    * 更新版本
    * WARNING: 这个方法，必须在 requestAnimationFrame / useLayoutEffect 中调用，否则会引起浏览器强制重排
@@ -1013,6 +1033,9 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   get bounds() {
     return this.getData(WorkflowLineRenderData).bounds;
   }
+  get center() {
+    return this.getData(WorkflowLineRenderData).center;
+  }
   /**
    * 获取点和线最接近的距离
    */
@@ -1056,7 +1079,9 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   get disabled() {
     return this.linesManager.isDisabledLine(this, this.uiState.disabled);
   }
-  /** 是否竖向 */
+  /**
+   * @deprecated
+   */
   get vertical() {
     const fromLocation = this.fromPort.location;
     const toLocation = this.toPort?.location;
@@ -2425,9 +2450,18 @@ var WorkflowDocument = class extends FlowDocument {
     this._onReloadEmitter.dispose();
   }
   /**
-   * 逐层创建节点和线条
+   * 批量添加节点
+   * @deprecated use 'batchAddFromJSON' instead
+   * @param json
+   * @param options
    */
   renderJSON(json, options) {
+    return this.batchAddFromJSON(json, options);
+  }
+  /**
+   * 批量添加节点
+   */
+  batchAddFromJSON(json, options) {
     const { parent = this.root, isClone = false } = options ?? {};
     const containerID = this.getNodeSubCanvas(parent)?.canvasNode.id ?? parent.id;
     const processedJSON = buildGroupJSON(json);
@@ -2557,6 +2591,18 @@ function checkDragSuccess(time, e, originLine) {
   }
   return false;
 }
+function reverseLocation(sourceLocation) {
+  switch (sourceLocation) {
+    case "bottom":
+      return "top";
+    case "left":
+      return "right";
+    case "top":
+      return "bottom";
+    case "right":
+      return "left";
+  }
+}
 var WorkflowDragService = class {
   constructor() {
     this._onDragLineEventEmitter = new Emitter6();
@@ -3014,7 +3060,7 @@ var WorkflowDragService = class {
           line.drawingTo = {
             x: dragPos.x,
             y: dragPos.y,
-            location: line.fromPort.location === "right" ? "left" : "top"
+            location: reverseLocation(line.fromPort.location)
           };
         }
         originLine?.validate();
@@ -3589,81 +3635,6 @@ var WorkflowDocumentContainerModule = new ContainerModule(
     bind(WorkflowDocumentProvider).toDynamicValue((ctx) => () => ctx.container.get(WorkflowDocument)).inSingletonScope();
   }
 );
-
-// src/utils/simple-line.ts
-import { Point, Rectangle as Rectangle9 } from "@flowgram.ai/utils";
-var LINE_PADDING = 12;
-var WorkflowSimpleLineContribution = class {
-  constructor(entity) {
-    this.entity = entity;
-  }
-  get path() {
-    return this.data?.path ?? "";
-  }
-  calcDistance(pos) {
-    if (!this.data) {
-      return Number.MAX_SAFE_INTEGER;
-    }
-    const [start, end] = this.data.points;
-    return Point.getDistance(pos, this.projectPointOnLine(pos, start, end));
-  }
-  get bounds() {
-    if (!this.data) {
-      return new Rectangle9();
-    }
-    return this.data.bbox;
-  }
-  update(params) {
-    const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
-    const sourceOffset = {
-      x: vertical ? 0 : POINT_RADIUS,
-      y: vertical ? POINT_RADIUS : 0
-    };
-    const targetOffset = {
-      x: vertical ? 0 : -POINT_RADIUS,
-      y: vertical ? -POINT_RADIUS : 0
-    };
-    const points = [
-      {
-        x: fromPos.x + sourceOffset.x,
-        y: fromPos.y + sourceOffset.y
-      },
-      {
-        x: toPos.x + targetOffset.x,
-        y: toPos.y + targetOffset.y
-      }
-    ];
-    const bbox = Rectangle9.createRectangleWithTwoPoints(points[0], points[1]);
-    const adjustedPoints = points.map((p) => ({
-      x: p.x - bbox.x + LINE_PADDING,
-      y: p.y - bbox.y + LINE_PADDING
-    }));
-    const path = `M ${adjustedPoints[0].x} ${adjustedPoints[0].y} L ${adjustedPoints[1].x} ${adjustedPoints[1].y}`;
-    this.data = {
-      points,
-      path,
-      bbox
-    };
-  }
-  projectPointOnLine(point, lineStart, lineEnd) {
-    const dx = lineEnd.x - lineStart.x;
-    const dy = lineEnd.y - lineStart.y;
-    if (dx === 0) {
-      return { x: lineStart.x, y: point.y };
-    }
-    if (dy === 0) {
-      return { x: point.x, y: lineStart.y };
-    }
-    const t = ((point.x - lineStart.x) * dx + (point.y - lineStart.y) * dy) / (dx * dx + dy * dy);
-    const clampedT = Math.max(0, Math.min(1, t));
-    return {
-      x: lineStart.x + clampedT * dx,
-      y: lineStart.y + clampedT * dy
-    };
-  }
-};
-WorkflowSimpleLineContribution.type = "WorkflowSimpleLineContribution";
 export {
   EditorCursorState,
   InteractiveType,
@@ -3694,7 +3665,6 @@ export {
   WorkflowPortEntity,
   WorkflowResetLayoutService,
   WorkflowSelectService,
-  WorkflowSimpleLineContribution,
   bindConfigEntity,
   buildGroupJSON,
   compose,
@@ -3703,6 +3673,7 @@ export {
   domReactToBounds,
   fitView,
   getAntiOverlapPosition,
+  getLineCenter,
   getPortEntityId,
   nanoid,
   useConfigEntity,