@flowgram.ai/free-layout-core 0.2.10 → 0.2.12

package/dist/esm/index.js

@@ -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
@@ -2392,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);
   }
   /**
    * 通过拖入卡片添加
@@ -2802,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;
   }
   /**
@@ -3028,6 +3045,9 @@ function useNodeRender(nodeFromProps) {
   const dragService = useService(WorkflowDragService);
   const selectionService = useService(WorkflowSelectService);
   const isDragging = useRef(false);
+  const [formValueVersion, updateFormValueVersion] = useState(0);
+  const formValueDependRef = useRef(false);
+  formValueDependRef.current = false;
   const nodeRef = useRef(null);
   const [linkingNodeId, setLinkingNodeId] = useState("");
   useEffect2(() => {
@@ -3044,12 +3064,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(
@@ -3101,36 +3123,86 @@ function useNodeRender(nodeFromProps) {
   const toggleExpand = useCallback(() => {
     renderData.toggleExpand();
   }, [renderData]);
-  return {
-    node,
-    selected: selectionService.isSelected(node.id),
-    activated: selectionService.isActivated(node.id),
-    expanded: renderData.expanded,
-    startDrag,
-    ports: portsData.allPorts,
-    deleteNode,
-    selectNode,
-    readonly,
-    linkingNodeId,
-    nodeRef,
-    onFocus,
-    onBlur,
-    getExtInfo,
-    updateExtInfo,
-    toggleExpand,
-    get form() {
-      if (!form) return void 0;
-      return {
-        ...form,
-        get values() {
+  const selected = selectionService.isSelected(node.id);
+  const activated = selectionService.isActivated(node.id);
+  const expanded = renderData.expanded;
+  useEffect2(() => {
+    const toDispose = form?.onFormValuesChange(() => {
+      if (formValueDependRef.current) {
+        updateFormValueVersion((v) => v + 1);
+      }
+    });
+    return () => toDispose?.dispose();
+  }, [form]);
+  return useMemo(
+    () => ({
+      id: node.id,
+      type: node.flowNodeType,
+      get data() {
+        if (form) {
+          formValueDependRef.current = true;
           return form.values;
-        },
-        get state() {
-          return formState;
         }
-      };
-    }
-  };
+        return getExtInfo();
+      },
+      updateData(values) {
+        if (form) {
+          form.updateFormValues(values);
+        } else {
+          updateExtInfo(values);
+        }
+      },
+      node,
+      selected,
+      activated,
+      expanded,
+      startDrag,
+      get ports() {
+        return portsData.allPorts;
+      },
+      deleteNode,
+      selectNode,
+      readonly,
+      linkingNodeId,
+      nodeRef,
+      onFocus,
+      onBlur,
+      getExtInfo,
+      updateExtInfo,
+      toggleExpand,
+      get form() {
+        if (!form) return void 0;
+        return {
+          ...form,
+          get values() {
+            formValueDependRef.current = true;
+            return form.values;
+          },
+          get state() {
+            return formState;
+          }
+        };
+      }
+    }),
+    [
+      node,
+      selected,
+      activated,
+      expanded,
+      startDrag,
+      deleteNode,
+      selectNode,
+      readonly,
+      linkingNodeId,
+      nodeRef,
+      onFocus,
+      onBlur,
+      getExtInfo,
+      updateExtInfo,
+      toggleExpand,
+      formValueVersion
+    ]
+  );
 }
 
 // src/hooks/use-current-dom-node.ts