@flowgram.ai/free-layout-core 0.1.8 → 0.1.10

package/dist/typings/index.d.mts

@@ -1,4 +1,4 @@
-export { t as LineColor, u as LineColors, k as LinePosition, L as LineRenderType, s as LineType, q as WorkflowContentChangeEvent, p as WorkflowContentChangeType, o as WorkflowJSON, j as WorkflowLineRenderContribution, v as WorkflowLineRenderContributionFactory, d as WorkflowNodeJSON, r as WorkflowNodeMeta } from '../workflow-line-entity-DZGrnBuq.mjs';
+export { q as LineColor, r as LineColors, g as LinePosition, L as LineRenderType, p as LineType, m as WorkflowContentChangeEvent, l as WorkflowContentChangeType, k as WorkflowJSON, f as WorkflowLineRenderContribution, s as WorkflowLineRenderContributionFactory, o as WorkflowNodeJSON, n as WorkflowNodeMeta } from '../workflow-line-entity-BJQBRDgJ.mjs';
 export { WorkflowEdgeJSON } from './workflow-edge.mjs';
 export { WorkflowNodeFormMeta, WorkflowNodeRegistry, WorkflowNodeRenderProps } from './workflow-registry.mjs';
 export { a as WorkflowSubCanvas } from '../workflow-sub-canvas-DOVla1mw.mjs';
@@ -6,6 +6,7 @@ import '@flowgram.ai/utils';
 import '@flowgram.ai/core';
 import '@flowgram.ai/document';
 import '@flowgram.ai/form-core';
+import 'react';
 import '@flowgram.ai/node';
 
 declare const URLParams: unique symbol;

package/dist/typings/index.d.ts

@@ -1,4 +1,4 @@
-export { t as LineColor, u as LineColors, k as LinePosition, L as LineRenderType, s as LineType, q as WorkflowContentChangeEvent, p as WorkflowContentChangeType, o as WorkflowJSON, j as WorkflowLineRenderContribution, v as WorkflowLineRenderContributionFactory, d as WorkflowNodeJSON, r as WorkflowNodeMeta } from '../workflow-line-entity-BcXJ4GjA.js';
+export { q as LineColor, r as LineColors, g as LinePosition, L as LineRenderType, p as LineType, m as WorkflowContentChangeEvent, l as WorkflowContentChangeType, k as WorkflowJSON, f as WorkflowLineRenderContribution, s as WorkflowLineRenderContributionFactory, o as WorkflowNodeJSON, n as WorkflowNodeMeta } from '../workflow-line-entity-CEitdjhk.js';
 export { WorkflowEdgeJSON } from './workflow-edge.js';
 export { WorkflowNodeFormMeta, WorkflowNodeRegistry, WorkflowNodeRenderProps } from './workflow-registry.js';
 export { a as WorkflowSubCanvas } from '../workflow-sub-canvas-DOVla1mw.js';
@@ -6,6 +6,7 @@ import '@flowgram.ai/utils';
 import '@flowgram.ai/core';
 import '@flowgram.ai/document';
 import '@flowgram.ai/form-core';
+import 'react';
 import '@flowgram.ai/node';
 
 declare const URLParams: unique symbol;

package/dist/typings/workflow-json.d.mts

@@ -1,7 +1,8 @@
 import '../workflow-sub-canvas-DOVla1mw.mjs';
-export { q as WorkflowContentChangeEvent, p as WorkflowContentChangeType, o as WorkflowJSON } from '../workflow-line-entity-DZGrnBuq.mjs';
+export { m as WorkflowContentChangeEvent, l as WorkflowContentChangeType, k as WorkflowJSON } from '../workflow-line-entity-BJQBRDgJ.mjs';
 import './workflow-edge.mjs';
 import '@flowgram.ai/document';
 import '@flowgram.ai/utils';
 import '@flowgram.ai/core';
 import '@flowgram.ai/form-core';
+import 'react';

package/dist/typings/workflow-json.d.ts

@@ -1,7 +1,8 @@
 import '../workflow-sub-canvas-DOVla1mw.js';
-export { q as WorkflowContentChangeEvent, p as WorkflowContentChangeType, o as WorkflowJSON } from '../workflow-line-entity-BcXJ4GjA.js';
+export { m as WorkflowContentChangeEvent, l as WorkflowContentChangeType, k as WorkflowJSON } from '../workflow-line-entity-CEitdjhk.js';
 import './workflow-edge.js';
 import '@flowgram.ai/document';
 import '@flowgram.ai/utils';
 import '@flowgram.ai/core';
 import '@flowgram.ai/form-core';
+import 'react';

package/dist/typings/workflow-line.d.mts

@@ -1,7 +1,8 @@
 import '@flowgram.ai/utils';
-export { t as LineColor, u as LineColors, k as LinePosition, L as LineRenderType, s as LineType, j as WorkflowLineRenderContribution, v as WorkflowLineRenderContributionFactory } from '../workflow-line-entity-DZGrnBuq.mjs';
+export { q as LineColor, r as LineColors, g as LinePosition, L as LineRenderType, p as LineType, f as WorkflowLineRenderContribution, s as WorkflowLineRenderContributionFactory } from '../workflow-line-entity-BJQBRDgJ.mjs';
 import '@flowgram.ai/core';
 import '@flowgram.ai/document';
 import '../workflow-sub-canvas-DOVla1mw.mjs';
 import '@flowgram.ai/form-core';
 import './workflow-edge.mjs';
+import 'react';

package/dist/typings/workflow-line.d.ts

@@ -1,7 +1,8 @@
 import '@flowgram.ai/utils';
-export { t as LineColor, u as LineColors, k as LinePosition, L as LineRenderType, s as LineType, j as WorkflowLineRenderContribution, v as WorkflowLineRenderContributionFactory } from '../workflow-line-entity-BcXJ4GjA.js';
+export { q as LineColor, r as LineColors, g as LinePosition, L as LineRenderType, p as LineType, f as WorkflowLineRenderContribution, s as WorkflowLineRenderContributionFactory } from '../workflow-line-entity-CEitdjhk.js';
 import '@flowgram.ai/core';
 import '@flowgram.ai/document';
 import '../workflow-sub-canvas-DOVla1mw.js';
 import '@flowgram.ai/form-core';
 import './workflow-edge.js';
+import 'react';

package/dist/typings/workflow-node.d.mts

@@ -1,7 +1,8 @@
 import '@flowgram.ai/utils';
 import '@flowgram.ai/document';
 import '../workflow-sub-canvas-DOVla1mw.mjs';
-export { d as WorkflowNodeJSON, r as WorkflowNodeMeta } from '../workflow-line-entity-DZGrnBuq.mjs';
+export { o as WorkflowNodeJSON, n as WorkflowNodeMeta } from '../workflow-line-entity-BJQBRDgJ.mjs';
 import './workflow-edge.mjs';
 import '@flowgram.ai/core';
 import '@flowgram.ai/form-core';
+import 'react';

package/dist/typings/workflow-node.d.ts

@@ -1,7 +1,8 @@
 import '@flowgram.ai/utils';
 import '@flowgram.ai/document';
 import '../workflow-sub-canvas-DOVla1mw.js';
-export { d as WorkflowNodeJSON, r as WorkflowNodeMeta } from '../workflow-line-entity-BcXJ4GjA.js';
+export { o as WorkflowNodeJSON, n as WorkflowNodeMeta } from '../workflow-line-entity-CEitdjhk.js';
 import './workflow-edge.js';
 import '@flowgram.ai/core';
 import '@flowgram.ai/form-core';
+import 'react';

package/dist/typings/workflow-registry.d.mts

@@ -2,10 +2,11 @@ import { FormMeta } from '@flowgram.ai/node';
 import { FormMetaOrFormMetaGenerator } from '@flowgram.ai/form-core';
 import { FlowNodeRegistry } from '@flowgram.ai/document';
 import { W as WorkflowNodeEntity } from '../workflow-sub-canvas-DOVla1mw.mjs';
-import { r as WorkflowNodeMeta } from '../workflow-line-entity-DZGrnBuq.mjs';
+import { n as WorkflowNodeMeta } from '../workflow-line-entity-BJQBRDgJ.mjs';
 import '@flowgram.ai/utils';
 import '@flowgram.ai/core';
 import './workflow-edge.mjs';
+import 'react';
 
 /**
  * 节点表单引擎配置

package/dist/typings/workflow-registry.d.ts

@@ -2,10 +2,11 @@ import { FormMeta } from '@flowgram.ai/node';
 import { FormMetaOrFormMetaGenerator } from '@flowgram.ai/form-core';
 import { FlowNodeRegistry } from '@flowgram.ai/document';
 import { W as WorkflowNodeEntity } from '../workflow-sub-canvas-DOVla1mw.js';
-import { r as WorkflowNodeMeta } from '../workflow-line-entity-BcXJ4GjA.js';
+import { n as WorkflowNodeMeta } from '../workflow-line-entity-CEitdjhk.js';
 import '@flowgram.ai/utils';
 import '@flowgram.ai/core';
 import './workflow-edge.js';
+import 'react';
 
 /**
  * 节点表单引擎配置

package/dist/{workflow-line-entity-DZGrnBuq.d.mts → workflow-line-entity-BJQBRDgJ.d.mts}

@@ -1,10 +1,11 @@
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
-import { IPoint, Rectangle, Emitter, Event, DisposableCollection } from '@flowgram.ai/utils';
-import { EntityManager, SelectionService, Playground, Entity, PlaygroundConfigEntity, PlaygroundContext, EntityOpts } from '@flowgram.ai/core';
-import { FlowNodeMeta, FlowNodeJSON, FlowDocumentOptions, FlowDocument } from '@flowgram.ai/document';
+import { IPoint, Rectangle, Emitter, Event, PositionSchema, DisposableCollection, Disposable } from '@flowgram.ai/utils';
+import { EntityManager, SelectionService, Playground, Entity, PlaygroundConfigEntity, PlaygroundContext, PlaygroundDragEvent, CommandService, EntityOpts } from '@flowgram.ai/core';
+import { FlowNodeMeta, FlowNodeJSON, FlowDocument, FlowOperationBaseService, FlowNodeEntity, FlowDocumentOptions } from '@flowgram.ai/document';
 import { W as WorkflowNodeEntity, a as WorkflowSubCanvas } from './workflow-sub-canvas-DOVla1mw.mjs';
 import { NodeEngineContext } from '@flowgram.ai/form-core';
 import { WorkflowEdgeJSON } from './typings/workflow-edge.mjs';
+import React from 'react';
 
 /**
  * 节点 meta 信息
@@ -125,53 +126,6 @@ type WorkflowLineRenderContributionFactory = (new (entity: WorkflowLineEntity) =
     type: LineRenderType;
 };
 
-declare const WorkflowDocumentOptions: unique symbol;
-/**
- * 线条配置
- */
-interface WorkflowDocumentOptions extends FlowDocumentOptions {
-    cursors?: {
-        grab?: string;
-        grabbing?: string;
-    };
-    /** 线条颜色 */
-    lineColor?: Partial<LineColor>;
-    /** 是否显示错误线条 */
-    isErrorLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity | undefined, lines: WorkflowLinesManager) => boolean;
-    /** 是否错误端口 */
-    isErrorPort?: (port: WorkflowPortEntity) => boolean;
-    /** 是否禁用端口 */
-    isDisabledPort?: (port: WorkflowPortEntity) => boolean;
-    /** 是否反转线条箭头 */
-    isReverseLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否隐藏线条箭头 */
-    isHideArrowLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否流动线条 */
-    isFlowingLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否禁用线条 */
-    isDisabledLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否竖向线条 */
-    isVerticalLine?: (line: WorkflowLineEntity) => boolean;
-    /** 获取线条渲染器 */
-    setLineRenderType?: (line: WorkflowLineEntity) => LineRenderType | undefined;
-    /** 设置线条样式 */
-    setLineClassName?: (line: WorkflowLineEntity) => string | undefined;
-    /** 能否添加线条 */
-    canAddLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity, lines: WorkflowLinesManager, silent?: boolean) => boolean;
-    /** 能否删除节点 */
-    canDeleteNode?: (node: WorkflowNodeEntity, silent?: boolean) => boolean;
-    /** 能否删除线条 */
-    canDeleteLine?: (line: WorkflowLineEntity, newLineInfo?: Required<WorkflowLinePortInfo>, silent?: boolean) => boolean;
-    /**
-     * @param fromPort - 开始点
-     * @param oldToPort - 旧的连接点
-     * @param newToPort - 新的连接点
-     * @param lines - 线条管理器
-     */
-    canResetLine?: (fromPort: WorkflowPortEntity, oldToPort: WorkflowPortEntity, newToPort: WorkflowPortEntity, lines: WorkflowLinesManager) => boolean;
-}
-declare const WorkflowDocumentOptionsDefault: WorkflowDocumentOptions;
-
 /**
  * 可 Hover 的节点 类型
  */
@@ -347,6 +301,172 @@ declare class WorkflowDocument extends FlowDocument {
     private createWorkflowLine;
 }
 
+interface LineEventProps {
+    type: 'onDrag' | 'onDragEnd';
+    onDragNodeId?: string;
+    event?: MouseEvent;
+}
+interface INodesDragEvent {
+    type: string;
+    nodes: FlowNodeEntity[];
+    startPositions: IPoint[];
+    altKey: boolean;
+}
+interface NodesDragEndEvent extends INodesDragEvent {
+    type: 'onDragEnd';
+}
+type NodesDragEvent = NodesDragEndEvent;
+type onDragLineEndParams = {
+    fromPort: WorkflowPortEntity;
+    toPort?: WorkflowPortEntity;
+    mousePos: PositionSchema;
+    line?: WorkflowLineEntity;
+    originLine?: WorkflowLineEntity;
+    event: PlaygroundDragEvent;
+};
+type OnDragLineEnd = (params: onDragLineEndParams) => Promise<void>;
+declare class WorkflowDragService {
+    protected playgroundConfig: PlaygroundConfigEntity;
+    protected hoverService: WorkflowHoverService;
+    protected document: WorkflowDocument;
+    protected linesManager: WorkflowLinesManager;
+    protected commandService: CommandService;
+    protected selectService: WorkflowSelectService;
+    protected operationService: FlowOperationBaseService;
+    readonly options: WorkflowDocumentOptions;
+    private _onDragLineEventEmitter;
+    readonly onDragLineEventChange: _flowgram_ai_utils.Event<LineEventProps>;
+    isDragging: boolean;
+    private _nodesDragEmitter;
+    readonly onNodesDrag: _flowgram_ai_utils.Event<NodesDragEndEvent>;
+    protected _toDispose: DisposableCollection;
+    private _droppableTransforms;
+    private _dropNode?;
+    private posAdjusters;
+    private _onDragLineEndCallbacks;
+    init(): void;
+    dispose(): void;
+    /**
+     * 拖拽选中节点
+     * @param event
+     */
+    startDragSelectedNodes(event: MouseEvent | React.MouseEvent): Promise<boolean>;
+    /**
+     * 通过拖入卡片添加
+     * @param type
+     * @param event
+     * @param data 节点数据
+     */
+    dropCard(type: string, event: {
+        clientX: number;
+        clientY: number;
+    }, data?: Partial<WorkflowNodeJSON>, parent?: WorkflowNodeEntity): Promise<WorkflowNodeEntity | undefined>;
+    /**
+     * 拖拽卡片到画布
+     * 返回创建结果
+     * @param type
+     * @param event
+     */
+    startDragCard(type: string, event: React.MouseEvent, data: Partial<WorkflowNodeJSON>, cloneNode?: (e: PlaygroundDragEvent) => HTMLDivElement): Promise<WorkflowNodeEntity | undefined>;
+    /**
+     * 如果存在容器节点，且传入鼠标坐标，需要用容器的坐标减去传入的鼠标坐标
+     */
+    adjustSubNodePosition(subNodeType?: string, containerNode?: WorkflowNodeEntity, mousePos?: IPoint, resetEmptyPos?: boolean): IPoint;
+    /**
+     * 注册位置调整
+     */
+    registerPosAdjuster(adjuster: (params: {
+        selectedNodes: WorkflowNodeEntity[];
+        position: IPoint;
+    }) => IPoint): {
+        dispose: () => boolean;
+    };
+    /**
+     * 获取拖拽偏移
+     */
+    private getDragPosOffset;
+    private updateDroppableTransforms;
+    /**
+     * 获取节点整体位置
+     */
+    private getNodesPosition;
+    private nodeSelectable;
+    private updateDropNode;
+    private clearDrop;
+    private setLineColor;
+    private handleDragOnNode;
+    private childrenOfContainer;
+    /**
+     * 绘制线条
+     * @param opts
+     * @param event
+     */
+    startDrawingLine(fromPort: WorkflowPortEntity, event: {
+        clientX: number;
+        clientY: number;
+    }, originLine?: WorkflowLineEntity): Promise<{
+        dragSuccess?: boolean;
+        newLine?: WorkflowLineEntity;
+    }>;
+    /**
+     * 重新连接线条
+     * @param line
+     * @param e
+     */
+    resetLine(line: WorkflowLineEntity, e: MouseEvent): Promise<void>;
+    /** 线条拖拽结束 */
+    onDragLineEnd(callback: OnDragLineEnd): Disposable;
+}
+
+declare const WorkflowDocumentOptions: unique symbol;
+/**
+ * 线条配置
+ */
+interface WorkflowDocumentOptions extends FlowDocumentOptions {
+    cursors?: {
+        grab?: string;
+        grabbing?: string;
+    };
+    /** 线条颜色 */
+    lineColor?: Partial<LineColor>;
+    /** 是否显示错误线条 */
+    isErrorLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity | undefined, lines: WorkflowLinesManager) => boolean;
+    /** 是否错误端口 */
+    isErrorPort?: (port: WorkflowPortEntity) => boolean;
+    /** 是否禁用端口 */
+    isDisabledPort?: (port: WorkflowPortEntity) => boolean;
+    /** 是否反转线条箭头 */
+    isReverseLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否隐藏线条箭头 */
+    isHideArrowLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否流动线条 */
+    isFlowingLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否禁用线条 */
+    isDisabledLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否竖向线条 */
+    isVerticalLine?: (line: WorkflowLineEntity) => boolean;
+    /** 拖拽线条结束 */
+    onDragLineEnd?: (params: onDragLineEndParams) => Promise<void>;
+    /** 获取线条渲染器 */
+    setLineRenderType?: (line: WorkflowLineEntity) => LineRenderType | undefined;
+    /** 设置线条样式 */
+    setLineClassName?: (line: WorkflowLineEntity) => string | undefined;
+    /** 能否添加线条 */
+    canAddLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity, lines: WorkflowLinesManager, silent?: boolean) => boolean;
+    /** 能否删除节点 */
+    canDeleteNode?: (node: WorkflowNodeEntity, silent?: boolean) => boolean;
+    /** 能否删除线条 */
+    canDeleteLine?: (line: WorkflowLineEntity, newLineInfo?: Required<WorkflowLinePortInfo>, silent?: boolean) => boolean;
+    /**
+     * @param fromPort - 开始点
+     * @param oldToPort - 旧的连接点
+     * @param newToPort - 新的连接点
+     * @param lines - 线条管理器
+     */
+    canResetLine?: (fromPort: WorkflowPortEntity, oldToPort: WorkflowPortEntity, newToPort: WorkflowPortEntity, lines: WorkflowLinesManager) => boolean;
+}
+declare const WorkflowDocumentOptionsDefault: WorkflowDocumentOptions;
+
 /**
  * 线条管理
  */
@@ -624,4 +744,4 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
     fireRender(): void;
 }
 
-export { PORT_SIZE as A, type WorkflowPortEntityOpts as B, type WorkfloEntityHoverable as C, WorkflowDocumentProvider as D, WorkflowDocumentOptions as E, WorkflowDocumentOptionsDefault as F, type LineRenderType as L, POINT_RADIUS as P, WorkflowHoverService as W, WorkflowDocument as a, WorkflowLinesManager as b, WorkflowSelectService as c, type WorkflowNodeJSON as d, WorkflowPortEntity as e, WorkflowLineEntity as f, type WorkflowPorts as g, type WorkflowPortType as h, type WorkflowPort as i, type WorkflowLineRenderContribution as j, type LinePosition as k, getPortEntityId as l, WORKFLOW_LINE_ENTITY as m, domReactToBounds as n, type WorkflowJSON as o, WorkflowContentChangeType as p, type WorkflowContentChangeEvent as q, type WorkflowNodeMeta as r, LineType as s, type LineColor as t, LineColors as u, type WorkflowLineRenderContributionFactory as v, LINE_HOVER_DISTANCE as w, type WorkflowLinePortInfo as x, type WorkflowLineEntityOpts as y, type WorkflowLineInfo as z };
+export { type WorkfloEntityHoverable as A, WorkflowHoverService as B, type NodesDragEvent as C, type onDragLineEndParams as D, WorkflowDragService as E, WorkflowDocumentProvider as F, WorkflowLinesManager as G, WorkflowDocumentOptions as H, WorkflowDocumentOptionsDefault as I, type LineRenderType as L, type NodesDragEndEvent as N, type OnDragLineEnd as O, POINT_RADIUS as P, WorkflowPortEntity as W, WorkflowDocument as a, type WorkflowPorts as b, type WorkflowPortType as c, type WorkflowPort as d, WorkflowLineEntity as e, type WorkflowLineRenderContribution as f, type LinePosition as g, getPortEntityId as h, WORKFLOW_LINE_ENTITY as i, domReactToBounds as j, type WorkflowJSON as k, WorkflowContentChangeType as l, type WorkflowContentChangeEvent as m, type WorkflowNodeMeta as n, type WorkflowNodeJSON as o, LineType as p, type LineColor as q, LineColors as r, type WorkflowLineRenderContributionFactory as s, LINE_HOVER_DISTANCE as t, type WorkflowLinePortInfo as u, type WorkflowLineEntityOpts as v, type WorkflowLineInfo as w, PORT_SIZE as x, type WorkflowPortEntityOpts as y, WorkflowSelectService as z };

package/dist/{workflow-line-entity-BcXJ4GjA.d.ts → workflow-line-entity-CEitdjhk.d.ts}

@@ -1,10 +1,11 @@
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
-import { IPoint, Rectangle, Emitter, Event, DisposableCollection } from '@flowgram.ai/utils';
-import { EntityManager, SelectionService, Playground, Entity, PlaygroundConfigEntity, PlaygroundContext, EntityOpts } from '@flowgram.ai/core';
-import { FlowNodeMeta, FlowNodeJSON, FlowDocumentOptions, FlowDocument } from '@flowgram.ai/document';
+import { IPoint, Rectangle, Emitter, Event, PositionSchema, DisposableCollection, Disposable } from '@flowgram.ai/utils';
+import { EntityManager, SelectionService, Playground, Entity, PlaygroundConfigEntity, PlaygroundContext, PlaygroundDragEvent, CommandService, EntityOpts } from '@flowgram.ai/core';
+import { FlowNodeMeta, FlowNodeJSON, FlowDocument, FlowOperationBaseService, FlowNodeEntity, FlowDocumentOptions } from '@flowgram.ai/document';
 import { W as WorkflowNodeEntity, a as WorkflowSubCanvas } from './workflow-sub-canvas-DOVla1mw.js';
 import { NodeEngineContext } from '@flowgram.ai/form-core';
 import { WorkflowEdgeJSON } from './typings/workflow-edge.js';
+import React from 'react';
 
 /**
  * 节点 meta 信息
@@ -125,53 +126,6 @@ type WorkflowLineRenderContributionFactory = (new (entity: WorkflowLineEntity) =
     type: LineRenderType;
 };
 
-declare const WorkflowDocumentOptions: unique symbol;
-/**
- * 线条配置
- */
-interface WorkflowDocumentOptions extends FlowDocumentOptions {
-    cursors?: {
-        grab?: string;
-        grabbing?: string;
-    };
-    /** 线条颜色 */
-    lineColor?: Partial<LineColor>;
-    /** 是否显示错误线条 */
-    isErrorLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity | undefined, lines: WorkflowLinesManager) => boolean;
-    /** 是否错误端口 */
-    isErrorPort?: (port: WorkflowPortEntity) => boolean;
-    /** 是否禁用端口 */
-    isDisabledPort?: (port: WorkflowPortEntity) => boolean;
-    /** 是否反转线条箭头 */
-    isReverseLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否隐藏线条箭头 */
-    isHideArrowLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否流动线条 */
-    isFlowingLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否禁用线条 */
-    isDisabledLine?: (line: WorkflowLineEntity) => boolean;
-    /** 是否竖向线条 */
-    isVerticalLine?: (line: WorkflowLineEntity) => boolean;
-    /** 获取线条渲染器 */
-    setLineRenderType?: (line: WorkflowLineEntity) => LineRenderType | undefined;
-    /** 设置线条样式 */
-    setLineClassName?: (line: WorkflowLineEntity) => string | undefined;
-    /** 能否添加线条 */
-    canAddLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity, lines: WorkflowLinesManager, silent?: boolean) => boolean;
-    /** 能否删除节点 */
-    canDeleteNode?: (node: WorkflowNodeEntity, silent?: boolean) => boolean;
-    /** 能否删除线条 */
-    canDeleteLine?: (line: WorkflowLineEntity, newLineInfo?: Required<WorkflowLinePortInfo>, silent?: boolean) => boolean;
-    /**
-     * @param fromPort - 开始点
-     * @param oldToPort - 旧的连接点
-     * @param newToPort - 新的连接点
-     * @param lines - 线条管理器
-     */
-    canResetLine?: (fromPort: WorkflowPortEntity, oldToPort: WorkflowPortEntity, newToPort: WorkflowPortEntity, lines: WorkflowLinesManager) => boolean;
-}
-declare const WorkflowDocumentOptionsDefault: WorkflowDocumentOptions;
-
 /**
  * 可 Hover 的节点 类型
  */
@@ -347,6 +301,172 @@ declare class WorkflowDocument extends FlowDocument {
     private createWorkflowLine;
 }
 
+interface LineEventProps {
+    type: 'onDrag' | 'onDragEnd';
+    onDragNodeId?: string;
+    event?: MouseEvent;
+}
+interface INodesDragEvent {
+    type: string;
+    nodes: FlowNodeEntity[];
+    startPositions: IPoint[];
+    altKey: boolean;
+}
+interface NodesDragEndEvent extends INodesDragEvent {
+    type: 'onDragEnd';
+}
+type NodesDragEvent = NodesDragEndEvent;
+type onDragLineEndParams = {
+    fromPort: WorkflowPortEntity;
+    toPort?: WorkflowPortEntity;
+    mousePos: PositionSchema;
+    line?: WorkflowLineEntity;
+    originLine?: WorkflowLineEntity;
+    event: PlaygroundDragEvent;
+};
+type OnDragLineEnd = (params: onDragLineEndParams) => Promise<void>;
+declare class WorkflowDragService {
+    protected playgroundConfig: PlaygroundConfigEntity;
+    protected hoverService: WorkflowHoverService;
+    protected document: WorkflowDocument;
+    protected linesManager: WorkflowLinesManager;
+    protected commandService: CommandService;
+    protected selectService: WorkflowSelectService;
+    protected operationService: FlowOperationBaseService;
+    readonly options: WorkflowDocumentOptions;
+    private _onDragLineEventEmitter;
+    readonly onDragLineEventChange: _flowgram_ai_utils.Event<LineEventProps>;
+    isDragging: boolean;
+    private _nodesDragEmitter;
+    readonly onNodesDrag: _flowgram_ai_utils.Event<NodesDragEndEvent>;
+    protected _toDispose: DisposableCollection;
+    private _droppableTransforms;
+    private _dropNode?;
+    private posAdjusters;
+    private _onDragLineEndCallbacks;
+    init(): void;
+    dispose(): void;
+    /**
+     * 拖拽选中节点
+     * @param event
+     */
+    startDragSelectedNodes(event: MouseEvent | React.MouseEvent): Promise<boolean>;
+    /**
+     * 通过拖入卡片添加
+     * @param type
+     * @param event
+     * @param data 节点数据
+     */
+    dropCard(type: string, event: {
+        clientX: number;
+        clientY: number;
+    }, data?: Partial<WorkflowNodeJSON>, parent?: WorkflowNodeEntity): Promise<WorkflowNodeEntity | undefined>;
+    /**
+     * 拖拽卡片到画布
+     * 返回创建结果
+     * @param type
+     * @param event
+     */
+    startDragCard(type: string, event: React.MouseEvent, data: Partial<WorkflowNodeJSON>, cloneNode?: (e: PlaygroundDragEvent) => HTMLDivElement): Promise<WorkflowNodeEntity | undefined>;
+    /**
+     * 如果存在容器节点，且传入鼠标坐标，需要用容器的坐标减去传入的鼠标坐标
+     */
+    adjustSubNodePosition(subNodeType?: string, containerNode?: WorkflowNodeEntity, mousePos?: IPoint, resetEmptyPos?: boolean): IPoint;
+    /**
+     * 注册位置调整
+     */
+    registerPosAdjuster(adjuster: (params: {
+        selectedNodes: WorkflowNodeEntity[];
+        position: IPoint;
+    }) => IPoint): {
+        dispose: () => boolean;
+    };
+    /**
+     * 获取拖拽偏移
+     */
+    private getDragPosOffset;
+    private updateDroppableTransforms;
+    /**
+     * 获取节点整体位置
+     */
+    private getNodesPosition;
+    private nodeSelectable;
+    private updateDropNode;
+    private clearDrop;
+    private setLineColor;
+    private handleDragOnNode;
+    private childrenOfContainer;
+    /**
+     * 绘制线条
+     * @param opts
+     * @param event
+     */
+    startDrawingLine(fromPort: WorkflowPortEntity, event: {
+        clientX: number;
+        clientY: number;
+    }, originLine?: WorkflowLineEntity): Promise<{
+        dragSuccess?: boolean;
+        newLine?: WorkflowLineEntity;
+    }>;
+    /**
+     * 重新连接线条
+     * @param line
+     * @param e
+     */
+    resetLine(line: WorkflowLineEntity, e: MouseEvent): Promise<void>;
+    /** 线条拖拽结束 */
+    onDragLineEnd(callback: OnDragLineEnd): Disposable;
+}
+
+declare const WorkflowDocumentOptions: unique symbol;
+/**
+ * 线条配置
+ */
+interface WorkflowDocumentOptions extends FlowDocumentOptions {
+    cursors?: {
+        grab?: string;
+        grabbing?: string;
+    };
+    /** 线条颜色 */
+    lineColor?: Partial<LineColor>;
+    /** 是否显示错误线条 */
+    isErrorLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity | undefined, lines: WorkflowLinesManager) => boolean;
+    /** 是否错误端口 */
+    isErrorPort?: (port: WorkflowPortEntity) => boolean;
+    /** 是否禁用端口 */
+    isDisabledPort?: (port: WorkflowPortEntity) => boolean;
+    /** 是否反转线条箭头 */
+    isReverseLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否隐藏线条箭头 */
+    isHideArrowLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否流动线条 */
+    isFlowingLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否禁用线条 */
+    isDisabledLine?: (line: WorkflowLineEntity) => boolean;
+    /** 是否竖向线条 */
+    isVerticalLine?: (line: WorkflowLineEntity) => boolean;
+    /** 拖拽线条结束 */
+    onDragLineEnd?: (params: onDragLineEndParams) => Promise<void>;
+    /** 获取线条渲染器 */
+    setLineRenderType?: (line: WorkflowLineEntity) => LineRenderType | undefined;
+    /** 设置线条样式 */
+    setLineClassName?: (line: WorkflowLineEntity) => string | undefined;
+    /** 能否添加线条 */
+    canAddLine?: (fromPort: WorkflowPortEntity, toPort: WorkflowPortEntity, lines: WorkflowLinesManager, silent?: boolean) => boolean;
+    /** 能否删除节点 */
+    canDeleteNode?: (node: WorkflowNodeEntity, silent?: boolean) => boolean;
+    /** 能否删除线条 */
+    canDeleteLine?: (line: WorkflowLineEntity, newLineInfo?: Required<WorkflowLinePortInfo>, silent?: boolean) => boolean;
+    /**
+     * @param fromPort - 开始点
+     * @param oldToPort - 旧的连接点
+     * @param newToPort - 新的连接点
+     * @param lines - 线条管理器
+     */
+    canResetLine?: (fromPort: WorkflowPortEntity, oldToPort: WorkflowPortEntity, newToPort: WorkflowPortEntity, lines: WorkflowLinesManager) => boolean;
+}
+declare const WorkflowDocumentOptionsDefault: WorkflowDocumentOptions;
+
 /**
  * 线条管理
  */
@@ -624,4 +744,4 @@ declare class WorkflowLineEntity extends Entity<WorkflowLineEntityOpts> {
     fireRender(): void;
 }
 
-export { PORT_SIZE as A, type WorkflowPortEntityOpts as B, type WorkfloEntityHoverable as C, WorkflowDocumentProvider as D, WorkflowDocumentOptions as E, WorkflowDocumentOptionsDefault as F, type LineRenderType as L, POINT_RADIUS as P, WorkflowHoverService as W, WorkflowDocument as a, WorkflowLinesManager as b, WorkflowSelectService as c, type WorkflowNodeJSON as d, WorkflowPortEntity as e, WorkflowLineEntity as f, type WorkflowPorts as g, type WorkflowPortType as h, type WorkflowPort as i, type WorkflowLineRenderContribution as j, type LinePosition as k, getPortEntityId as l, WORKFLOW_LINE_ENTITY as m, domReactToBounds as n, type WorkflowJSON as o, WorkflowContentChangeType as p, type WorkflowContentChangeEvent as q, type WorkflowNodeMeta as r, LineType as s, type LineColor as t, LineColors as u, type WorkflowLineRenderContributionFactory as v, LINE_HOVER_DISTANCE as w, type WorkflowLinePortInfo as x, type WorkflowLineEntityOpts as y, type WorkflowLineInfo as z };
+export { type WorkfloEntityHoverable as A, WorkflowHoverService as B, type NodesDragEvent as C, type onDragLineEndParams as D, WorkflowDragService as E, WorkflowDocumentProvider as F, WorkflowLinesManager as G, WorkflowDocumentOptions as H, WorkflowDocumentOptionsDefault as I, type LineRenderType as L, type NodesDragEndEvent as N, type OnDragLineEnd as O, POINT_RADIUS as P, WorkflowPortEntity as W, WorkflowDocument as a, type WorkflowPorts as b, type WorkflowPortType as c, type WorkflowPort as d, WorkflowLineEntity as e, type WorkflowLineRenderContribution as f, type LinePosition as g, getPortEntityId as h, WORKFLOW_LINE_ENTITY as i, domReactToBounds as j, type WorkflowJSON as k, WorkflowContentChangeType as l, type WorkflowContentChangeEvent as m, type WorkflowNodeMeta as n, type WorkflowNodeJSON as o, LineType as p, type LineColor as q, LineColors as r, type WorkflowLineRenderContributionFactory as s, LINE_HOVER_DISTANCE as t, type WorkflowLinePortInfo as u, type WorkflowLineEntityOpts as v, type WorkflowLineInfo as w, PORT_SIZE as x, type WorkflowPortEntityOpts as y, WorkflowSelectService as z };