@flowgram.ai/fixed-layout-core 0.1.29 → 0.1.31

package/dist/esm/index.js

@@ -27,7 +27,7 @@ import {
   FlowScrollLimitLayer
 } from "@flowgram.ai/renderer";
 import {
-  FlowNodeRenderData as FlowNodeRenderData3,
+  FlowNodeRenderData as FlowNodeRenderData4,
   FlowNodeTransformData as FlowNodeTransformData3,
   FlowNodeTransitionData
 } from "@flowgram.ai/document";
@@ -166,8 +166,8 @@ var BlockRegistry = {
     const hasBranchDraggingAdder = currentTransform && currentTransform.entity.isInlineBlock && transition.renderData.draggable;
     if (hasBranchDraggingAdder) {
       if (isVertical) {
-        const currentOffsetRightX = currentTransform.firstChild?.bounds?.right || 0;
-        const nextOffsetLeftX = currentTransform.next?.firstChild?.bounds?.left || 0;
+        const currentOffsetRightX = currentTransform.firstChild ? currentTransform.firstChild.bounds.right : currentTransform.bounds.right;
+        const nextOffsetLeftX = (currentTransform.next?.firstChild ? currentTransform.next?.firstChild.bounds?.left : currentTransform.next?.bounds?.left) || 0;
         const currentInputPointY = currentTransform.inputPoint.y;
         if (currentTransform?.next) {
           lines.push({
@@ -181,8 +181,8 @@ var BlockRegistry = {
           });
         }
       } else {
-        const currentOffsetRightY = currentTransform.firstChild?.bounds?.bottom || 0;
-        const nextOffsetLeftY = currentTransform.next?.firstChild?.bounds?.top || 0;
+        const currentOffsetBottomX = currentTransform.firstChild ? currentTransform.firstChild.bounds.bottom : currentTransform.bounds.bottom;
+        const nextOffsetTopX = (currentTransform.next?.firstChild ? currentTransform.next?.firstChild.bounds?.top : currentTransform.next?.bounds?.top) || 0;
         const currentInputPointX = currentTransform.inputPoint.x;
         if (currentTransform?.next) {
           lines.push({
@@ -190,7 +190,7 @@ var BlockRegistry = {
             from: currentTransform.parent.inputPoint,
             to: {
               x: currentInputPointX,
-              y: (currentOffsetRightY + nextOffsetLeftY) / 2
+              y: (currentOffsetBottomX + nextOffsetTopX) / 2
             },
             side: LABEL_SIDE_TYPE.NORMAL_BRANCH
           });
@@ -232,8 +232,8 @@ var BlockRegistry = {
     const hasBranchDraggingAdder = currentTransform && currentTransform.entity.isInlineBlock && transition.renderData.draggable;
     if (hasBranchDraggingAdder) {
       if (isVertical) {
-        const currentOffsetRightX = currentTransform.firstChild?.bounds?.right || 0;
-        const nextOffsetLeftX = currentTransform.next?.firstChild?.bounds?.left || 0;
+        const currentOffsetRightX = currentTransform.firstChild ? currentTransform.firstChild.bounds.right : currentTransform.bounds.right;
+        const nextOffsetLeftX = (currentTransform.next?.firstChild ? currentTransform.next.firstChild.bounds?.left : currentTransform.next?.bounds?.left) || 0;
         const currentInputPointY = currentTransform.inputPoint.y;
         if (currentTransform?.next) {
           draggingLabel.push({
@@ -249,17 +249,17 @@ var BlockRegistry = {
           });
         }
       } else {
-        const currentOffsetRightY = currentTransform.firstChild?.bounds?.bottom || 0;
-        const nextOffsetLeftY = currentTransform.next?.firstChild?.bounds?.top || 0;
+        const currentOffsetBottomX = currentTransform.firstChild ? currentTransform.firstChild.bounds.bottom : currentTransform.bounds.bottom;
+        const nextOffsetTopX = (currentTransform.next?.firstChild ? currentTransform.next.firstChild.bounds?.top : currentTransform.next?.bounds?.top) || 0;
         const currentInputPointX = currentTransform.inputPoint.x;
         if (currentTransform?.next) {
           draggingLabel.push({
             offset: {
               x: currentInputPointX,
-              y: (currentOffsetRightY + nextOffsetLeftY) / 2
+              y: (currentOffsetBottomX + nextOffsetTopX) / 2
             },
             type: FlowTransitionLabelEnum2.BRANCH_DRAGGING_LABEL,
-            width: nextOffsetLeftY - currentOffsetRightY,
+            width: nextOffsetTopX - currentOffsetBottomX,
             props: {
               side: LABEL_SIDE_TYPE.NORMAL_BRANCH
             }
@@ -1497,22 +1497,16 @@ var SimpleSplitRegistry = {
   onBlockChildCreate(originParent, blockData, addedNodes = []) {
     const { document } = originParent;
     const parent = document.getNode(`$inlineBlocks$${originParent.id}`);
-    const proxyBlock = document.addNode({
-      id: `$block$${blockData.id}`,
-      type: FlowNodeBaseType17.BLOCK,
-      originParent,
-      parent
-    });
     const realBlock = document.addNode(
       {
         ...blockData,
         type: blockData.type || FlowNodeBaseType17.BLOCK,
-        parent: proxyBlock
+        parent
       },
       addedNodes
     );
-    addedNodes.push(proxyBlock, realBlock);
-    return proxyBlock;
+    addedNodes.push(realBlock);
+    return realBlock;
   }
   // addChild(node, json, options = {}) {
   //   const { index } = options;
@@ -1521,6 +1515,263 @@ var SimpleSplitRegistry = {
   // }
 };
 
+// src/activities/break.ts
+import { FlowNodeBaseType as FlowNodeBaseType18 } from "@flowgram.ai/document";
+var BreakRegistry = {
+  type: FlowNodeBaseType18.BREAK,
+  extend: FlowNodeBaseType18.END
+};
+
+// src/activities/input.ts
+import {
+  FlowNodeBaseType as FlowNodeBaseType19,
+  FlowTransitionLineEnum as FlowTransitionLineEnum6,
+  LABEL_SIDE_TYPE as LABEL_SIDE_TYPE2,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum13
+} from "@flowgram.ai/document";
+var InputRegistry = {
+  type: FlowNodeBaseType19.INPUT,
+  extend: FlowNodeBaseType19.BLOCK,
+  meta: {
+    hidden: false
+  },
+  getLines(transition, layout) {
+    const currentTransform = transition.transform;
+    const { isVertical } = transition.entity;
+    const lines = [];
+    const hasBranchDraggingAdder = currentTransform && currentTransform.entity.isInlineBlock && transition.renderData.draggable;
+    if (hasBranchDraggingAdder) {
+      if (isVertical) {
+        const currentOffsetRightX = currentTransform.firstChild ? currentTransform.firstChild.bounds.right : currentTransform.bounds.right;
+        const nextOffsetLeftX = (currentTransform.next?.firstChild ? currentTransform.next?.firstChild.bounds?.left : currentTransform.next?.bounds?.left) || 0;
+        const currentInputPointY = currentTransform.outputPoint.y;
+        if (currentTransform?.next) {
+          lines.push({
+            type: FlowTransitionLineEnum6.MERGE_LINE,
+            isDraggingLine: true,
+            from: {
+              x: (currentOffsetRightX + nextOffsetLeftX) / 2,
+              y: currentInputPointY
+            },
+            to: currentTransform.parent.outputPoint,
+            side: LABEL_SIDE_TYPE2.NORMAL_BRANCH
+          });
+        }
+      } else {
+        const currentOffsetBottomX = currentTransform.firstChild ? currentTransform.firstChild.bounds.bottom : currentTransform.bounds.bottom;
+        const nextOffsetTopX = (currentTransform.next?.firstChild ? currentTransform.next?.firstChild.bounds?.top : currentTransform.next?.bounds?.top) || 0;
+        const currentInputPointX = currentTransform.outputPoint.x;
+        if (currentTransform?.next) {
+          lines.push({
+            type: FlowTransitionLineEnum6.MERGE_LINE,
+            isDraggingLine: true,
+            from: {
+              x: currentInputPointX,
+              y: (currentOffsetBottomX + nextOffsetTopX) / 2
+            },
+            to: currentTransform.parent.outputPoint,
+            side: LABEL_SIDE_TYPE2.NORMAL_BRANCH
+          });
+        }
+      }
+    }
+    if (!transition.isNodeEnd) {
+      lines.push({
+        type: FlowTransitionLineEnum6.MERGE_LINE,
+        from: currentTransform.outputPoint,
+        to: currentTransform.parent.outputPoint,
+        side: LABEL_SIDE_TYPE2.NORMAL_BRANCH
+      });
+    }
+    return lines;
+  },
+  getLabels(transition) {
+    const currentTransform = transition.transform;
+    const { isVertical } = transition.entity;
+    const draggingLabel = [];
+    const hasBranchDraggingAdder = currentTransform && currentTransform.entity.isInlineBlock && transition.renderData.draggable;
+    if (hasBranchDraggingAdder) {
+      if (isVertical) {
+        const currentOffsetRightX = currentTransform.firstChild ? currentTransform.firstChild.bounds.right : currentTransform.bounds.right;
+        const nextOffsetLeftX = (currentTransform.next?.firstChild ? currentTransform.next.firstChild.bounds?.left : currentTransform.next?.bounds?.left) || 0;
+        const currentInputPointY = currentTransform.outputPoint.y;
+        if (currentTransform?.next) {
+          draggingLabel.push({
+            offset: {
+              x: (currentOffsetRightX + nextOffsetLeftX) / 2,
+              y: currentInputPointY
+            },
+            type: FlowTransitionLabelEnum13.BRANCH_DRAGGING_LABEL,
+            width: nextOffsetLeftX - currentOffsetRightX,
+            props: {
+              side: LABEL_SIDE_TYPE2.NORMAL_BRANCH
+            }
+          });
+        }
+      } else {
+        const currentOffsetBottomX = currentTransform.firstChild ? currentTransform.firstChild.bounds.bottom : currentTransform.bounds.bottom;
+        const nextOffsetTopX = (currentTransform.next?.firstChild ? currentTransform.next.firstChild.bounds?.top : currentTransform.next?.bounds?.top) || 0;
+        const currentInputPointX = currentTransform.outputPoint.x;
+        if (currentTransform?.next) {
+          draggingLabel.push({
+            offset: {
+              x: currentInputPointX,
+              y: (currentOffsetBottomX + nextOffsetTopX) / 2
+            },
+            type: FlowTransitionLabelEnum13.BRANCH_DRAGGING_LABEL,
+            width: nextOffsetTopX - currentOffsetBottomX,
+            props: {
+              side: LABEL_SIDE_TYPE2.NORMAL_BRANCH
+            }
+          });
+        }
+      }
+    }
+    return [...draggingLabel];
+  }
+};
+
+// src/activities/output.ts
+import { FlowNodeBaseType as FlowNodeBaseType20 } from "@flowgram.ai/document";
+var OuputRegistry = {
+  type: FlowNodeBaseType20.OUTPUT,
+  extend: FlowNodeBaseType20.BLOCK,
+  meta: {
+    hidden: false,
+    isNodeEnd: true
+  }
+};
+
+// src/activities/multi-outputs.ts
+import {
+  FlowLayoutDefault as FlowLayoutDefault7,
+  FlowNodeSplitType as FlowNodeSplitType4,
+  FlowNodeBaseType as FlowNodeBaseType21
+} from "@flowgram.ai/document";
+var MultiOuputsRegistry = {
+  type: FlowNodeBaseType21.MULTI_OUTPUTS,
+  extend: FlowNodeSplitType4.SIMPLE_SPLIT,
+  meta: {
+    isNodeEnd: true
+  },
+  getLines: (transition, layout) => {
+    if (transition.entity.parent?.flowNodeType === FlowNodeBaseType21.INLINE_BLOCKS) {
+      return BlockRegistry.getLines(transition, layout);
+    }
+    return [];
+  },
+  getLabels: (transition, layout) => [
+    ...DynamicSplitRegistry.getLabels(transition, layout),
+    ...BlockRegistry.getLabels(transition, layout)
+  ],
+  getOutputPoint(transform, layout) {
+    const isVertical = FlowLayoutDefault7.isVertical(layout);
+    const lastChildOutput = transform.lastChild?.outputPoint;
+    if (isVertical) {
+      return {
+        x: lastChildOutput ? lastChildOutput.x : transform.bounds.center.x,
+        y: transform.bounds.bottom
+      };
+    }
+    return {
+      x: transform.bounds.right,
+      y: lastChildOutput ? lastChildOutput.y : transform.bounds.center.y
+    };
+  },
+  extendChildRegistries: [
+    {
+      type: FlowNodeBaseType21.BLOCK_ICON,
+      meta: {
+        // isNodeEnd: true
+      }
+    }
+  ]
+};
+
+// src/activities/multi-inputs.ts
+import { Point as Point6 } from "@flowgram.ai/utils";
+import { FlowRendererKey as FlowRendererKey4 } from "@flowgram.ai/renderer";
+import {
+  FlowNodeBaseType as FlowNodeBaseType22,
+  FlowNodeRenderData as FlowNodeRenderData3,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum14,
+  FlowNodeSplitType as FlowNodeSplitType5,
+  getDefaultSpacing as getDefaultSpacing8,
+  ConstantKeys as ConstantKeys7
+} from "@flowgram.ai/document";
+var MultiInputsRegistry = {
+  type: FlowNodeBaseType22.MULTI_INPUTS,
+  extend: FlowNodeSplitType5.SIMPLE_SPLIT,
+  extendChildRegistries: [
+    {
+      type: FlowNodeBaseType22.BLOCK_ICON,
+      meta: {
+        hidden: true,
+        spacing: 0
+      },
+      getLines() {
+        return [];
+      },
+      getLabels() {
+        return [];
+      }
+    },
+    {
+      type: FlowNodeBaseType22.INLINE_BLOCKS,
+      meta: {
+        inlineSpacingPre: 0
+      },
+      getLabels(transition) {
+        const isVertical = transition.entity.isVertical;
+        const currentTransform = transition.transform;
+        const spacing = getDefaultSpacing8(
+          transition.entity,
+          ConstantKeys7.INLINE_BLOCKS_PADDING_BOTTOM
+        );
+        if (currentTransform.collapsed || transition.entity.childrenLength === 0) {
+          return [
+            {
+              type: FlowTransitionLabelEnum14.CUSTOM_LABEL,
+              renderKey: FlowRendererKey4.BRANCH_ADDER,
+              offset: Point6.move(
+                currentTransform.outputPoint,
+                isVertical ? { y: spacing } : { x: spacing }
+              ),
+              props: {
+                // 激活状态
+                activated: transition.entity.getData(FlowNodeRenderData3).activated,
+                transform: currentTransform,
+                // 传给外部使用的 node 信息
+                node: currentTransform.originParent?.entity
+              }
+            }
+          ];
+        }
+        return [
+          {
+            type: FlowTransitionLabelEnum14.CUSTOM_LABEL,
+            renderKey: FlowRendererKey4.BRANCH_ADDER,
+            offset: Point6.move(
+              currentTransform.outputPoint,
+              isVertical ? { y: -spacing / 2 } : { x: -spacing / 2 }
+            ),
+            props: {
+              // 激活状态
+              activated: transition.entity.getData(FlowNodeRenderData3).activated,
+              transform: currentTransform,
+              // 传给外部使用的 node 信息
+              node: currentTransform.originParent?.entity
+            }
+          }
+        ];
+      }
+    }
+  ],
+  getLabels() {
+    return [];
+  }
+};
+
 // src/flow-registers.ts
 var FlowRegisters = class {
   /**
@@ -1553,11 +1804,17 @@ var FlowRegisters = class {
       // 结束节点
       LoopRegistry,
       // 循环节点
-      EmptyRegistry
+      EmptyRegistry,
       // 占位节点
+      BreakRegistry,
+      // 分支断开
+      MultiOuputsRegistry,
+      MultiInputsRegistry,
+      InputRegistry,
+      OuputRegistry
     );
     document.registerNodeDatas(
-      FlowNodeRenderData3,
+      FlowNodeRenderData4,
       // 渲染节点相关数据
       FlowNodeTransitionData,
       // 线条绘制数据