@flowgram.ai/free-layout-core 0.2.9 → 0.2.11

package/dist/esm/typings/index.js

@@ -11,7 +11,7 @@ import {
 import {
   LineColors,
   LineType
-} from "../chunk-6DKK25L7.js";
+} from "../chunk-BJKYSQMI.js";
 import "../chunk-DDJTYHXN.js";
 import {
   WorkflowOperationBaseService

package/dist/esm/typings/workflow-line.js

@@ -1,7 +1,7 @@
 import {
   LineColors,
   LineType
-} from "../chunk-6DKK25L7.js";
+} from "../chunk-BJKYSQMI.js";
 import "../chunk-EUXUH3YW.js";
 export {
   LineColors,

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-BcD7CpoN.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-BcD7CpoN.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-B34FWw9W.mjs';
+export { J as HoverPosition, 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, K as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, Q as WorkflowDocumentOptionsDefault, M 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-B34FWw9W.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-CXh_ddVD.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-CXh_ddVD.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-B4Mfa03B.js';
+export { J as HoverPosition, 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, K as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, Q as WorkflowDocumentOptionsDefault, M 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-B4Mfa03B.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

@@ -1094,7 +1094,9 @@ var import_core10 = require("@flowgram.ai/core");
 var WorkflowHoverService = class {
   constructor() {
     this.onHoveredChangeEmitter = new import_utils11.Emitter();
+    this.onUpdateHoverPositionEmitter = new import_utils11.Emitter();
     this.onHoveredChange = this.onHoveredChangeEmitter.event;
+    this.onUpdateHoverPosition = this.onUpdateHoverPositionEmitter.event;
     // 当前鼠标 hover 位置
     this.hoveredPos = { x: 0, y: 0 };
     /**
@@ -1114,6 +1116,13 @@ var WorkflowHoverService = class {
       this.onHoveredChangeEmitter.fire(hoveredKey);
     }
   }
+  updateHoverPosition(position, target) {
+    this.hoveredPos = position;
+    this.onUpdateHoverPositionEmitter.fire({
+      position,
+      target
+    });
+  }
   /**
    * 清空 hover 内容
    */
@@ -1187,12 +1196,13 @@ var LineType = /* @__PURE__ */ ((LineType2) => {
   return LineType2;
 })(LineType || {});
 var LineColors = /* @__PURE__ */ ((LineColors2) => {
-  LineColors2["HIDDEN"] = "var(--g-line-color-hidden,transparent)";
-  LineColors2["DEFUALT"] = "var(--g-line-color-default,#4d53e8)";
-  LineColors2["DRAWING"] = "var(--g-line-color-drawing, #5DD6E3)";
-  LineColors2["HOVER"] = "var(--g-line-color-hover,#37d0ff)";
-  LineColors2["SELECTED"] = "var(--g-line-color-selected,#37d0ff)";
-  LineColors2["ERROR"] = "var(--g-line-color-error,red)";
+  LineColors2["HIDDEN"] = "var(--g-workflow-line-color-hidden,transparent)";
+  LineColors2["DEFUALT"] = "var(--g-workflow-line-color-default,#4d53e8)";
+  LineColors2["DRAWING"] = "var(--g-workflow-line-color-drawing, #5DD6E3)";
+  LineColors2["HOVER"] = "var(--g-workflow-line-color-hover,#37d0ff)";
+  LineColors2["SELECTED"] = "var(--g-workflow-line-color-selected,#37d0ff)";
+  LineColors2["ERROR"] = "var(--g-workflow-line-color-error,red)";
+  LineColors2["FLOWING"] = "var(--g-workflow-line-color-flowing,#4d53e8)";
   return LineColors2;
 })(LineColors || {});
 
@@ -1303,12 +1313,13 @@ var WorkflowLinesManager = class {
   }
   get lineColor() {
     const color = {
-      default: "var(--g-line-color-default,#4d53e8)" /* DEFUALT */,
-      error: "var(--g-line-color-error,red)" /* ERROR */,
-      hidden: "var(--g-line-color-hidden,transparent)" /* HIDDEN */,
-      drawing: "var(--g-line-color-drawing, #5DD6E3)" /* DRAWING */,
-      hovered: "var(--g-line-color-hover,#37d0ff)" /* HOVER */,
-      selected: "var(--g-line-color-selected,#37d0ff)" /* SELECTED */
+      default: "var(--g-workflow-line-color-default,#4d53e8)" /* DEFUALT */,
+      error: "var(--g-workflow-line-color-error,red)" /* ERROR */,
+      hidden: "var(--g-workflow-line-color-hidden,transparent)" /* HIDDEN */,
+      drawing: "var(--g-workflow-line-color-drawing, #5DD6E3)" /* DRAWING */,
+      hovered: "var(--g-workflow-line-color-hover,#37d0ff)" /* HOVER */,
+      selected: "var(--g-workflow-line-color-selected,#37d0ff)" /* SELECTED */,
+      flowing: "var(--g-workflow-line-color-flowing,#4d53e8)" /* FLOWING */
     };
     if (this.options.lineColor) {
       Object.assign(color, this.options.lineColor);
@@ -1500,6 +1511,9 @@ var WorkflowLinesManager = class {
     if (this.selectService.isSelected(line.id)) {
       return this.lineColor.selected;
     }
+    if (this.isFlowingLine(line)) {
+      return this.lineColor.flowing;
+    }
     return this.lineColor.default;
   }
   canAddLine(fromPort, toPort, silent) {
@@ -2439,7 +2453,8 @@ var WorkflowDragService = class {
         });
       }
     });
-    return dragger.start(triggerEvent.clientX, triggerEvent.clientY, this.playgroundConfig)?.then(() => dragSuccess);
+    const { clientX, clientY } = import_core15.MouseTouchEvent.getEventCoord(triggerEvent);
+    return dragger.start(clientX, clientY, this.playgroundConfig)?.then(() => dragSuccess);
   }
   /**
    * 通过拖入卡片添加
@@ -2849,7 +2864,8 @@ var WorkflowDragService = class {
         }
       }
     });
-    await dragger.start(event.clientX, event.clientY, config);
+    const { clientX, clientY } = import_core15.MouseTouchEvent.getEventCoord(event);
+    await dragger.start(clientX, clientY, config);
     return deferred.promise;
   }
   /**
@@ -3091,12 +3107,14 @@ function useNodeRender(nodeFromProps) {
   }, []);
   const startDrag = (0, import_react2.useCallback)(
     (e) => {
-      e.preventDefault();
+      import_core21.MouseTouchEvent.preventDefault(e);
       if (!selectionService.isSelected(node.id)) {
         selectNode(e);
       }
-      if (!checkTargetDraggable(e.target) || !checkTargetDraggable(document.activeElement)) {
-        return;
+      if (!import_core21.MouseTouchEvent.isTouchEvent(e)) {
+        if (!checkTargetDraggable(e.target) || !checkTargetDraggable(document.activeElement)) {
+          return;
+        }
       }
       isDragging.current = true;
       dragService.startDragSelectedNodes(e)?.finally(