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

package/dist/esm/chunk-BJKYSQMI.js

@@ -0,0 +1,22 @@
+// src/typings/workflow-line.ts
+var LineType = /* @__PURE__ */ ((LineType2) => {
+  LineType2[LineType2["BEZIER"] = 0] = "BEZIER";
+  LineType2[LineType2["LINE_CHART"] = 1] = "LINE_CHART";
+  return LineType2;
+})(LineType || {});
+var LineColors = /* @__PURE__ */ ((LineColors2) => {
+  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 || {});
+
+export {
+  LineType,
+  LineColors
+};
+//# sourceMappingURL=chunk-BJKYSQMI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typings/workflow-line.ts"],"sourcesContent":["import 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":";AAIO,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"]}

package/dist/esm/index.js

@@ -11,7 +11,7 @@ import {
 import {
   LineColors,
   LineType
-} from "./chunk-6DKK25L7.js";
+} from "./chunk-BJKYSQMI.js";
 import "./chunk-DDJTYHXN.js";
 import {
   WorkflowOperationBaseService
@@ -52,7 +52,12 @@ import { useCallback, useEffect as useEffect2, useRef, useState, useContext, use
 import { useObserve } from "@flowgram.ai/reactive";
 import { getNodeForm } from "@flowgram.ai/node";
 import { FlowNodeRenderData as FlowNodeRenderData3 } from "@flowgram.ai/document";
-import { PlaygroundEntityContext, useListenEvents, useService } from "@flowgram.ai/core";
+import {
+  MouseTouchEvent as MouseTouchEvent2,
+  PlaygroundEntityContext,
+  useListenEvents,
+  useService
+} from "@flowgram.ai/core";
 
 // src/service/workflow-select-service.ts
 import { inject, injectable } from "inversify";
@@ -1048,7 +1053,9 @@ import { EntityManager } from "@flowgram.ai/core";
 var WorkflowHoverService = class {
   constructor() {
     this.onHoveredChangeEmitter = new Emitter2();
+    this.onUpdateHoverPositionEmitter = new Emitter2();
     this.onHoveredChange = this.onHoveredChangeEmitter.event;
+    this.onUpdateHoverPosition = this.onUpdateHoverPositionEmitter.event;
     // 当前鼠标 hover 位置
     this.hoveredPos = { x: 0, y: 0 };
     /**
@@ -1068,6 +1075,13 @@ var WorkflowHoverService = class {
       this.onHoveredChangeEmitter.fire(hoveredKey);
     }
   }
+  updateHoverPosition(position, target) {
+    this.hoveredPos = position;
+    this.onUpdateHoverPositionEmitter.fire({
+      position,
+      target
+    });
+  }
   /**
    * 清空 hover 内容
    */
@@ -1117,6 +1131,7 @@ import {
 import { FlowNodeBaseType as FlowNodeBaseType2 } from "@flowgram.ai/document";
 import {
   CommandService,
+  MouseTouchEvent,
   PlaygroundConfigEntity as PlaygroundConfigEntity5,
   PlaygroundDrag,
   TransformData as TransformData9
@@ -1236,12 +1251,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);
@@ -1433,6 +1449,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) {
@@ -2388,7 +2407,8 @@ var WorkflowDragService = class {
         });
       }
     });
-    return dragger.start(triggerEvent.clientX, triggerEvent.clientY, this.playgroundConfig)?.then(() => dragSuccess);
+    const { clientX, clientY } = MouseTouchEvent.getEventCoord(triggerEvent);
+    return dragger.start(clientX, clientY, this.playgroundConfig)?.then(() => dragSuccess);
   }
   /**
    * 通过拖入卡片添加
@@ -2798,7 +2818,8 @@ var WorkflowDragService = class {
         }
       }
     });
-    await dragger.start(event.clientX, event.clientY, config);
+    const { clientX, clientY } = MouseTouchEvent.getEventCoord(event);
+    await dragger.start(clientX, clientY, config);
     return deferred.promise;
   }
   /**
@@ -3040,12 +3061,14 @@ function useNodeRender(nodeFromProps) {
   }, []);
   const startDrag = useCallback(
     (e) => {
-      e.preventDefault();
+      MouseTouchEvent2.preventDefault(e);
       if (!selectionService.isSelected(node.id)) {
         selectNode(e);
       }
-      if (!checkTargetDraggable(e.target) || !checkTargetDraggable(document.activeElement)) {
-        return;
+      if (!MouseTouchEvent2.isTouchEvent(e)) {
+        if (!checkTargetDraggable(e.target) || !checkTargetDraggable(document.activeElement)) {
+          return;
+        }
       }
       isDragging.current = true;
       dragService.startDragSelectedNodes(e)?.finally(