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

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-BGD6_sdy.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-BGD6_sdy.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';
@@ -182,10 +182,20 @@ declare class WorkflowOperationBaseServiceImpl extends FlowOperationBaseServiceI
 }
 
 interface NodeRenderReturnType {
+    id: string;
+    type: string | number;
     /**
      * 当前节点
      */
     node: FlowNodeEntity;
+    /**
+     * 节点 data 数据
+     */
+    data: any;
+    /**
+     * 更新节点 data 数据
+     */
+    updateData: (newData: any) => void;
     /**
      * 节点选中
      */

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-OFVYg40b.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-OFVYg40b.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';
@@ -182,10 +182,20 @@ declare class WorkflowOperationBaseServiceImpl extends FlowOperationBaseServiceI
 }
 
 interface NodeRenderReturnType {
+    id: string;
+    type: string | number;
     /**
      * 当前节点
      */
     node: FlowNodeEntity;
+    /**
+     * 节点 data 数据
+     */
+    data: any;
+    /**
+     * 更新节点 data 数据
+     */
+    updateData: (newData: any) => void;
     /**
      * 节点选中
      */

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 内容
    */
@@ -2444,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);
   }
   /**
    * 通过拖入卡片添加
@@ -2854,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;
   }
   /**
@@ -3080,6 +3091,9 @@ function useNodeRender(nodeFromProps) {
   const dragService = (0, import_core21.useService)(WorkflowDragService);
   const selectionService = (0, import_core21.useService)(WorkflowSelectService);
   const isDragging = (0, import_react2.useRef)(false);
+  const [formValueVersion, updateFormValueVersion] = (0, import_react2.useState)(0);
+  const formValueDependRef = (0, import_react2.useRef)(false);
+  formValueDependRef.current = false;
   const nodeRef = (0, import_react2.useRef)(null);
   const [linkingNodeId, setLinkingNodeId] = (0, import_react2.useState)("");
   (0, import_react2.useEffect)(() => {
@@ -3096,12 +3110,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(
@@ -3153,36 +3169,86 @@ function useNodeRender(nodeFromProps) {
   const toggleExpand = (0, import_react2.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;
+  (0, import_react2.useEffect)(() => {
+    const toDispose = form?.onFormValuesChange(() => {
+      if (formValueDependRef.current) {
+        updateFormValueVersion((v) => v + 1);
+      }
+    });
+    return () => toDispose?.dispose();
+  }, [form]);
+  return (0, import_react2.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