@flowgram.ai/free-layout-core 0.1.0-alpha.12 → 0.1.0-alpha.14

package/dist/{workflow-line-entity-Iq1OHmuK.d.mts → workflow-line-entity-Dn8glLaW.d.mts}

@@ -5,7 +5,7 @@ import { FlowNodeMeta, FlowNodeJSON, FlowNodeEntity, FlowDocumentOptions, FlowNo
 import { W as WorkflowNodeEntity, a as WorkflowSubCanvas } from './workflow-sub-canvas-IQzlYvPD.mjs';
 import { NodeEngineContext } from '@flowgram.ai/form-core';
 import { WorkflowEdgeJSON } from './typings/workflow-edge.mjs';
-import React from 'react';
+import React$1 from 'react';
 
 /**
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
@@ -85,6 +85,10 @@ declare enum WorkflowContentChangeType {
      * 删除线条
      */
     DELETE_LINE = "DELETE_LINE",
+    /**
+     * 线条数据修改
+     */
+    LINE_DATA_CHANGE = "LINE_DATA_CHANGE",
     /**
      * 节点Meta信息变更
      */
@@ -96,6 +100,10 @@ interface WorkflowContentChangeEvent {
      * 当前触发的元素的json数据，toJSON 需要主动触发
      */
     toJSON: () => any;
+    /**
+     * oldValue
+     */
+    oldValue?: any;
     entity: WorkflowNodeEntity | WorkflowLineEntity;
 }
 
@@ -106,12 +114,19 @@ interface WorkflowContentChangeEvent {
 
 declare enum LineType {
     BEZIER = 0,// 贝塞尔曲线
-    LINE_CHART = 1
+    LINE_CHART = 1,// 折叠线
+    STRAIGHT = 2
 }
 type LineRenderType = LineType | string;
+type LinePointLocation = 'left' | 'top' | 'right' | 'bottom';
+interface LinePoint {
+    x: number;
+    y: number;
+    location: LinePointLocation;
+}
 interface LinePosition {
-    from: IPoint;
-    to: IPoint;
+    from: LinePoint;
+    to: LinePoint;
 }
 interface LineColor {
     hidden: string;
@@ -131,13 +146,20 @@ declare enum LineColors {
     ERROR = "var(--g-workflow-line-color-error,red)",
     FLOWING = "var(--g-workflow-line-color-flowing,#4d53e8)"
 }
+interface LineCenterPoint {
+    x: number;
+    y: number;
+    labelX: number;
+    labelY: number;
+}
 interface WorkflowLineRenderContribution {
     entity: WorkflowLineEntity;
     path: string;
+    center?: LineCenterPoint;
     bounds: Rectangle;
     update: (params: {
-        fromPos: IPoint;
-        toPos: IPoint;
+        fromPos: LinePoint;
+        toPos: LinePoint;
     }) => void;
     calcDistance: (pos: IPoint) => number;
 }
@@ -160,7 +182,7 @@ interface INodesDragEvent {
     nodes: FlowNodeEntity[];
     startPositions: PositionSchema[];
     dragEvent: PlaygroundDragEvent;
-    triggerEvent: MouseEvent | React.MouseEvent;
+    triggerEvent: MouseEvent | React$1.MouseEvent;
     dragger: PlaygroundDrag;
 }
 interface NodesDragStartEvent extends INodesDragEvent {
@@ -214,8 +236,6 @@ interface WorkflowDocumentOptions extends FlowDocumentOptions {
     isFlowingLine?: (line: WorkflowLineEntity) => boolean;
     /** 是否禁用线条 */
     isDisabledLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否竖向线条 */
-    isVerticalLine?: (line: WorkflowLineEntity) => boolean;
     /** 拖拽线条结束 */
     onDragLineEnd?: (params: onDragLineEndParams) => Promise<void>;
     /** 获取线条渲染器 */
@@ -227,7 +247,7 @@ interface WorkflowDocumentOptions extends FlowDocumentOptions {
     /** 能否删除节点 */
     canDeleteNode?: (node: WorkflowNodeEntity, silent?: boolean) => boolean;
     /** 能否删除线条 */
-    canDeleteLine?: (line: WorkflowLineEntity, newLineInfo?: Required<WorkflowLinePortInfo>, silent?: boolean) => boolean;
+    canDeleteLine?: (line: WorkflowLineEntity, newLineInfo?: Required<Omit<WorkflowLinePortInfo, 'data'>>, silent?: boolean) => boolean;
     /**
      * @param fromPort - 开始点
      * @param oldToPort - 旧的连接点
@@ -404,6 +424,11 @@ declare class WorkflowDocument extends FlowDocument {
     nodeEngineContext: NodeEngineContext;
     selectServices: WorkflowSelectService;
     get loading(): boolean;
+    /**
+     * use `ctx.tools.fitView()` instead
+     * @deprecated
+     * @param easing
+     */
     fitView(easing?: boolean): Promise<void>;
     init(): void;
     load(): Promise<void>;
@@ -475,7 +500,10 @@ declare class WorkflowDocument extends FlowDocument {
     toJSON(): WorkflowJSON;
     dispose(): void;
     /**
-     * 逐层创建节点和线条
+     * 批量添加节点
+     * @deprecated use 'batchAddFromJSON' instead
+     * @param json
+     * @param options
      */
     renderJSON(json: WorkflowJSON, options?: {
         parent?: WorkflowNodeEntity;
@@ -484,6 +512,16 @@ declare class WorkflowDocument extends FlowDocument {
         nodes: WorkflowNodeEntity[];
         edges: WorkflowLineEntity[];
     };
+    /**
+     * 批量添加节点
+     */
+    batchAddFromJSON(json: WorkflowJSON, options?: {
+        parent?: WorkflowNodeEntity;
+        isClone?: boolean;
+    }): {
+        nodes: WorkflowNodeEntity[];
+        edges: WorkflowLineEntity[];
+    };
     private getNodeSubCanvas;
     private getNodeChildren;
     private toLineJSON;
@@ -518,11 +556,12 @@ declare class WorkflowLinesManager {
     get lineColor(): LineColor;
     switchLineType(newType?: LineRenderType): LineRenderType;
     getAllLines(): WorkflowLineEntity[];
-    hasLine(portInfo: WorkflowLinePortInfo): boolean;
-    getLine(portInfo: WorkflowLinePortInfo): WorkflowLineEntity | undefined;
-    replaceLine(oldPortInfo: WorkflowLinePortInfo, newPortInfo: WorkflowLinePortInfo): WorkflowLineEntity;
+    hasLine(portInfo: Omit<WorkflowLinePortInfo, 'data'>): boolean;
+    getLine(portInfo: Omit<WorkflowLinePortInfo, 'data'>): WorkflowLineEntity | undefined;
+    getLineById(id: string): WorkflowLineEntity | undefined;
+    replaceLine(oldPortInfo: Omit<WorkflowLinePortInfo, 'data'>, newPortInfo: Omit<WorkflowLinePortInfo, 'data'>): WorkflowLineEntity;
     createLine(options: {
-        drawingTo?: IPoint;
+        drawingTo?: LinePoint;
         key?: string;
     } & WorkflowLinePortInfo): WorkflowLineEntity | undefined;
     /**
@@ -543,14 +582,13 @@ declare class WorkflowLinesManager {
     isHideArrowLine(line: WorkflowLineEntity, defaultValue?: boolean): boolean;
     isFlowingLine(line: WorkflowLineEntity, defaultValue?: boolean): boolean;
     isDisabledLine(line: WorkflowLineEntity, defaultValue?: boolean): boolean;
-    isVerticalLine(line: WorkflowLineEntity, defaultValue?: boolean): boolean;
     setLineRenderType(line: WorkflowLineEntity): LineRenderType | undefined;
     setLineClassName(line: WorkflowLineEntity): string | undefined;
     getLineColor(line: WorkflowLineEntity): string | undefined;
     canAddLine(fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity, silent?: boolean): boolean;
     toJSON(): WorkflowEdgeJSON[];
     getPortById(portId: string): WorkflowPortEntity | undefined;
-    canRemove(line: WorkflowLineEntity, newLineInfo?: Required<WorkflowLinePortInfo>, silent?: boolean): boolean;
+    canRemove(line: WorkflowLineEntity, newLineInfo?: Required<Omit<WorkflowLinePortInfo, 'data'>>, silent?: boolean): boolean;
     canReset(fromPort: WorkflowPortEntity, oldToPort: WorkflowPortEntity, newToPort: WorkflowPortEntity): boolean;
     /**
      * 根据鼠标位置找到 port
@@ -586,6 +624,25 @@ interface WorkflowPort {
      * 没有代表 默认连接点，默认 input 类型 为最左边中心，output 类型为最右边中心
      */
     portID?: string | number;
+    /**
+     * 输入或者输出点
+     */
+    type: WorkflowPortType;
+    /**
+     * 端口位置
+     */
+    location?: LinePointLocation;
+    /**
+     * 端口热区大小
+     */
+    size?: {
+        width: number;
+        height: number;
+    };
+    /**
+     * 相对于 position 的偏移
+     */
+    offset?: IPoint;
     /**
      * 禁用端口
      */
@@ -594,10 +651,6 @@ interface WorkflowPort {
      * 将点位渲染到该父节点上
      */
     targetElement?: HTMLElement;
-    /**
-     * 输入或者输出点
-     */
-    type: WorkflowPortType;
 }
 type WorkflowPorts = WorkflowPort[];
 interface WorkflowPortEntityOpts extends EntityOpts, WorkflowPort {
@@ -612,25 +665,27 @@ interface WorkflowPortEntityOpts extends EntityOpts, WorkflowPort {
 declare class WorkflowPortEntity extends Entity<WorkflowPortEntityOpts> {
     static type: string;
     readonly node: WorkflowNodeEntity;
-    targetElement?: HTMLElement;
     readonly portID: string | number;
-    readonly _disabled: boolean;
+    readonly portType: WorkflowPortType;
+    private _disabled?;
     private _hasError;
+    private _location?;
+    private _size?;
+    private _offset?;
     protected readonly _onErrorChangedEmitter: Emitter<void>;
     onErrorChanged: _flowgram_ai_utils.Event<void>;
-    /**
-     * port 类型
-     */
-    portType: WorkflowPortType;
+    targetElement?: HTMLElement;
     static getPortEntityId(node: WorkflowNodeEntity, portType: WorkflowPortType, portID?: string | number): string;
+    get position(): LinePointLocation | undefined;
     constructor(opts: WorkflowPortEntityOpts);
     get hasError(): boolean;
     set hasError(hasError: boolean);
     validate(): void;
     isErrorPort(): boolean;
-    get point(): IPoint;
+    get location(): LinePointLocation;
+    get point(): LinePoint;
     /**
-     * 点的区域
+     * 端口热区
      */
     get bounds(): Rectangle;
     isHovered(x: number, y: number): boolean;
@@ -656,14 +711,10 @@ declare class WorkflowPortEntity extends Entity<WorkflowPortEntityOpts> {
      * 当前点位上连接的线条（包含 isDrawing === true 的线条）
      */
     get allLines(): WorkflowLineEntity[];
+    update(data: Exclude<WorkflowPort, 'portID' | 'type'>): void;
     dispose(): void;
 }
 
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
 declare const LINE_HOVER_DISTANCE = 8;
 declare const POINT_RADIUS = 10;
 interface WorkflowLinePortInfo {
@@ -671,25 +722,74 @@ interface WorkflowLinePortInfo {
     to?: string;
     fromPort?: string | number;
     toPort?: string | number;
+    data?: any;
 }
 interface WorkflowLineEntityOpts extends EntityOpts, WorkflowLinePortInfo {
     document: WorkflowDocument;
     linesManager: WorkflowLinesManager;
-    drawingTo?: IPoint;
+    drawingTo?: LinePoint;
 }
 interface WorkflowLineInfo extends WorkflowLinePortInfo {
-    drawingTo?: IPoint;
-    isDefaultLine?: boolean;
+    drawingTo?: LinePoint;
 }
 interface WorkflowLineUIState {
+    /**
+     * 是否出错
+     */
     hasError: boolean;
+    /**
+     * 流动
+     */
     flowing: boolean;
+    /**
+     * 禁用
+     */
     disabled: boolean;
-    vertical: boolean;
+    /**
+     * 箭头反转
+     */
     reverse: boolean;
+    /**
+     * 隐藏箭头
+     */
     hideArrow: boolean;
+    /**
+     * 线条宽度
+     * @default 2
+     */
+    strokeWidth?: number;
+    /**
+     * 选中后的线条宽度
+     * @default 3
+     */
+    strokeWidthSelected?: number;
+    /**
+     * 收缩
+     * @default 10
+     */
+    shrink: number;
+    /**
+     * @deprecated use `lockedColor` instead
+     */
     highlightColor: string;
+    /**
+     * 曲率
+     * only for Bezier,
+     * @default 0.25
+     */
+    curvature: number;
+    /**
+     * Line locked color
+     */
     lockedColor: string;
+    /**
+     * React className
+     */
+    className?: string;
+    /**
+     * React style
+     */
+    style?: React.CSSProperties;
 }
 /**
  * 线条
@@ -701,8 +801,13 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
      * @param info
      */
     static portInfoToLineId(info: WorkflowLinePortInfo): string;
+    private _onLineDataChangeEmitter;
     readonly document: WorkflowDocument;
     readonly linesManager: WorkflowLinesManager;
+    readonly onLineDataChange: _flowgram_ai_utils.Event<{
+        oldValue: any;
+        newValue: any;
+    }>;
     private _from;
     private _to?;
     private _lineData;
@@ -724,7 +829,7 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
      * 更新线条扩展数据
      * @param data
      */
-    set lineData(data: any);
+    set lineData(newValue: any);
     stackIndex: number;
     /**
      * 线条数据
@@ -748,12 +853,12 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
     get inContainer(): boolean;
     /**
      * 获取是否 testrun processing
-     * @deprecated  use `uiState.flowing` instead
+     * @deprecated  use `flowing` instead
      */
     get processing(): boolean;
     /**
      * 设置 testrun processing 状态
-     * @deprecated  use `uiState.flowing` instead
+     * @deprecated  use `flowing` instead
      */
     set processing(status: boolean);
     get hasError(): boolean;
@@ -765,11 +870,11 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
     /**
      * 设置线条画线时的目标位置
      */
-    set drawingTo(pos: IPoint | undefined);
+    set drawingTo(pos: LinePoint | undefined);
     /**
      * 获取线条正在画线的位置
      */
-    get drawingTo(): IPoint | undefined;
+    get drawingTo(): LinePoint | undefined;
     get highlightColor(): string;
     set highlightColor(highlightColor: string);
     get lockedColor(): string;
@@ -778,6 +883,7 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
      * 获取线条的边框位置大小
      */
     get bounds(): Rectangle;
+    get center(): LineCenterPoint;
     /**
      * 获取点和线最接近的距离
      */
@@ -794,6 +900,7 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
     get hideArrow(): boolean;
     /** 是否流动 */
     get flowing(): boolean;
+    set flowing(flowing: boolean);
     /** 是否禁用 */
     get disabled(): boolean;
     /** 是否竖向 */
@@ -801,7 +908,7 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
     /** 获取线条渲染器类型 */
     get renderType(): LineRenderType | undefined;
     /** 获取线条样式 */
-    get className(): string | undefined;
+    get className(): string;
     get color(): string | undefined;
     /**
      * 初始化线条
@@ -822,4 +929,4 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
     fireRender(): void;
 }
 
-export { type NodesDraggingEvent as A, type onDragLineEndParams as B, LINE_HOVER_DISTANCE as C, type WorkflowLinePortInfo as D, type WorkflowLineEntityOpts as E, type WorkflowLineInfo as F, type WorkflowLineUIState as G, PORT_SIZE as H, type WorkflowPortEntityOpts as I, type WorkflowEntityHoverable as J, type HoverPosition as K, type LineEventProps as L, type WorkfloEntityHoverable as M, type NodesDragEvent as N, type OnDragLineEnd as O, POINT_RADIUS as P, WorkflowDocumentProvider as Q, WorkflowDocumentOptionsDefault as R, WorkflowHoverService as W, WorkflowDocument as a, WorkflowLinesManager as b, WorkflowSelectService as c, WorkflowDocumentOptions as d, type WorkflowNodeJSON as e, WorkflowPortEntity as f, WorkflowLineEntity as g, type WorkflowJSON as h, type WorkflowPorts as i, type WorkflowPortType as j, type WorkflowPort as k, type LineRenderType as l, type WorkflowLineRenderContribution as m, type LinePosition as n, getPortEntityId as o, WORKFLOW_LINE_ENTITY as p, domReactToBounds as q, WorkflowContentChangeType as r, type WorkflowContentChangeEvent as s, type WorkflowNodeMeta as t, LineType as u, type LineColor as v, LineColors as w, type WorkflowLineRenderContributionFactory as x, type NodesDragStartEvent as y, type NodesDragEndEvent as z };
+export { type WorkflowLineRenderContributionFactory as A, type NodesDragStartEvent as B, type NodesDragEndEvent as C, type NodesDraggingEvent as D, type onDragLineEndParams as E, LINE_HOVER_DISTANCE as F, type WorkflowLinePortInfo as G, type WorkflowLineEntityOpts as H, type WorkflowLineInfo as I, type WorkflowLineUIState as J, PORT_SIZE as K, type LineEventProps as L, type WorkflowPortEntityOpts as M, type NodesDragEvent as N, type OnDragLineEnd as O, POINT_RADIUS as P, type WorkflowEntityHoverable as Q, type HoverPosition as R, type WorkfloEntityHoverable as S, WorkflowDocumentProvider as T, WorkflowDocumentOptionsDefault as U, WorkflowHoverService as W, WorkflowDocument as a, WorkflowLinesManager as b, WorkflowSelectService as c, WorkflowDocumentOptions as d, type WorkflowNodeJSON as e, WorkflowPortEntity as f, WorkflowLineEntity as g, type WorkflowJSON as h, type LineCenterPoint as i, type WorkflowPorts as j, type WorkflowPortType as k, type LinePoint as l, type WorkflowPort as m, type LineRenderType as n, type WorkflowLineRenderContribution as o, type LinePosition as p, getPortEntityId as q, WORKFLOW_LINE_ENTITY as r, domReactToBounds as s, WorkflowContentChangeType as t, type WorkflowContentChangeEvent as u, type WorkflowNodeMeta as v, LineType as w, type LinePointLocation as x, type LineColor as y, LineColors as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/free-layout-core",
-  "version": "0.1.0-alpha.12",
+  "version": "0.1.0-alpha.14",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
@@ -34,12 +34,12 @@
     "reflect-metadata": "~0.2.2",
     "lodash-es": "^4.17.21",
     "nanoid": "^4.0.2",
-    "@flowgram.ai/core": "0.1.0-alpha.12",
-    "@flowgram.ai/document": "0.1.0-alpha.12",
-    "@flowgram.ai/form-core": "0.1.0-alpha.12",
-    "@flowgram.ai/node": "0.1.0-alpha.12",
-    "@flowgram.ai/utils": "0.1.0-alpha.12",
-    "@flowgram.ai/reactive": "0.1.0-alpha.12"
+    "@flowgram.ai/core": "0.1.0-alpha.14",
+    "@flowgram.ai/document": "0.1.0-alpha.14",
+    "@flowgram.ai/node": "0.1.0-alpha.14",
+    "@flowgram.ai/form-core": "0.1.0-alpha.14",
+    "@flowgram.ai/reactive": "0.1.0-alpha.14",
+    "@flowgram.ai/utils": "0.1.0-alpha.14"
   },
   "devDependencies": {
     "@testing-library/react": "^12",
@@ -53,8 +53,8 @@
     "tsup": "^8.0.1",
     "typescript": "^5.8.3",
     "vitest": "^0.34.6",
-    "@flowgram.ai/eslint-config": "0.1.0-alpha.12",
-    "@flowgram.ai/ts-config": "0.1.0-alpha.12"
+    "@flowgram.ai/eslint-config": "0.1.0-alpha.14",
+    "@flowgram.ai/ts-config": "0.1.0-alpha.14"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/dist/esm/chunk-CTGO4RKX.js.map

@@ -1 +0,0 @@
-{"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}\n\nexport type LineRenderType = LineType | string;\n\nexport interface LinePosition {\n  from: IPoint;\n  to: IPoint;\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 WorkflowLineRenderContribution {\n  entity: WorkflowLineEntity;\n  path: string;\n  bounds: Rectangle;\n  update: (params: { fromPos: IPoint; toPos: IPoint }) => 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;AAFU,SAAAA;AAAA,GAAA;AAsBL,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"]}