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

package/dist/index.js

@@ -35,15 +35,15 @@ module.exports = __toCommonJS(src_exports);
 
 // src/fixed-layout-container-module.ts
 var import_inversify2 = require("inversify");
-var import_renderer7 = require("@flowgram.ai/renderer");
-var import_document25 = require("@flowgram.ai/document");
+var import_renderer8 = require("@flowgram.ai/renderer");
+var import_document30 = require("@flowgram.ai/document");
 var import_core2 = require("@flowgram.ai/core");
-var import_utils6 = require("@flowgram.ai/utils");
+var import_utils7 = require("@flowgram.ai/utils");
 
 // src/flow-registers.ts
 var import_inversify = require("inversify");
-var import_renderer6 = require("@flowgram.ai/renderer");
-var import_document24 = require("@flowgram.ai/document");
+var import_renderer7 = require("@flowgram.ai/renderer");
+var import_document29 = require("@flowgram.ai/document");
 var import_core = require("@flowgram.ai/core");
 
 // src/activities/end.ts
@@ -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: import_document4.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: import_document4.FlowTransitionLabelEnum.BRANCH_DRAGGING_LABEL,
-            width: nextOffsetLeftY - currentOffsetRightY,
+            width: nextOffsetTopX - currentOffsetBottomX,
             props: {
               side: import_document4.LABEL_SIDE_TYPE.NORMAL_BRANCH
             }
@@ -1442,22 +1442,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: import_document23.FlowNodeBaseType.BLOCK,
-      originParent,
-      parent
-    });
     const realBlock = document.addNode(
       {
         ...blockData,
         type: blockData.type || import_document23.FlowNodeBaseType.BLOCK,
-        parent: proxyBlock
+        parent
       },
       addedNodes
     );
-    addedNodes.push(proxyBlock, realBlock);
-    return proxyBlock;
+    addedNodes.push(realBlock);
+    return realBlock;
   }
   // addChild(node, json, options = {}) {
   //   const { index } = options;
@@ -1466,6 +1460,247 @@ var SimpleSplitRegistry = {
   // }
 };
 
+// src/activities/break.ts
+var import_document24 = require("@flowgram.ai/document");
+var BreakRegistry = {
+  type: import_document24.FlowNodeBaseType.BREAK,
+  extend: import_document24.FlowNodeBaseType.END
+};
+
+// src/activities/input.ts
+var import_document25 = require("@flowgram.ai/document");
+var InputRegistry = {
+  type: import_document25.FlowNodeBaseType.INPUT,
+  extend: import_document25.FlowNodeBaseType.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: import_document25.FlowTransitionLineEnum.MERGE_LINE,
+            isDraggingLine: true,
+            from: {
+              x: (currentOffsetRightX + nextOffsetLeftX) / 2,
+              y: currentInputPointY
+            },
+            to: currentTransform.parent.outputPoint,
+            side: import_document25.LABEL_SIDE_TYPE.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: import_document25.FlowTransitionLineEnum.MERGE_LINE,
+            isDraggingLine: true,
+            from: {
+              x: currentInputPointX,
+              y: (currentOffsetBottomX + nextOffsetTopX) / 2
+            },
+            to: currentTransform.parent.outputPoint,
+            side: import_document25.LABEL_SIDE_TYPE.NORMAL_BRANCH
+          });
+        }
+      }
+    }
+    if (!transition.isNodeEnd) {
+      lines.push({
+        type: import_document25.FlowTransitionLineEnum.MERGE_LINE,
+        from: currentTransform.outputPoint,
+        to: currentTransform.parent.outputPoint,
+        side: import_document25.LABEL_SIDE_TYPE.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: import_document25.FlowTransitionLabelEnum.BRANCH_DRAGGING_LABEL,
+            width: nextOffsetLeftX - currentOffsetRightX,
+            props: {
+              side: import_document25.LABEL_SIDE_TYPE.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: import_document25.FlowTransitionLabelEnum.BRANCH_DRAGGING_LABEL,
+            width: nextOffsetTopX - currentOffsetBottomX,
+            props: {
+              side: import_document25.LABEL_SIDE_TYPE.NORMAL_BRANCH
+            }
+          });
+        }
+      }
+    }
+    return [...draggingLabel];
+  }
+};
+
+// src/activities/output.ts
+var import_document26 = require("@flowgram.ai/document");
+var OuputRegistry = {
+  type: import_document26.FlowNodeBaseType.OUTPUT,
+  extend: import_document26.FlowNodeBaseType.BLOCK,
+  meta: {
+    hidden: false,
+    isNodeEnd: true
+  }
+};
+
+// src/activities/multi-outputs.ts
+var import_document27 = require("@flowgram.ai/document");
+var MultiOuputsRegistry = {
+  type: import_document27.FlowNodeBaseType.MULTI_OUTPUTS,
+  extend: import_document27.FlowNodeSplitType.SIMPLE_SPLIT,
+  meta: {
+    isNodeEnd: true
+  },
+  getLines: (transition, layout) => {
+    if (transition.entity.parent?.flowNodeType === import_document27.FlowNodeBaseType.INLINE_BLOCKS) {
+      return BlockRegistry.getLines(transition, layout);
+    }
+    return [];
+  },
+  getLabels: (transition, layout) => [
+    ...DynamicSplitRegistry.getLabels(transition, layout),
+    ...BlockRegistry.getLabels(transition, layout)
+  ],
+  getOutputPoint(transform, layout) {
+    const isVertical = import_document27.FlowLayoutDefault.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: import_document27.FlowNodeBaseType.BLOCK_ICON,
+      meta: {
+        // isNodeEnd: true
+      }
+    }
+  ]
+};
+
+// src/activities/multi-inputs.ts
+var import_utils6 = require("@flowgram.ai/utils");
+var import_renderer6 = require("@flowgram.ai/renderer");
+var import_document28 = require("@flowgram.ai/document");
+var MultiInputsRegistry = {
+  type: import_document28.FlowNodeBaseType.MULTI_INPUTS,
+  extend: import_document28.FlowNodeSplitType.SIMPLE_SPLIT,
+  extendChildRegistries: [
+    {
+      type: import_document28.FlowNodeBaseType.BLOCK_ICON,
+      meta: {
+        hidden: true,
+        spacing: 0
+      },
+      getLines() {
+        return [];
+      },
+      getLabels() {
+        return [];
+      }
+    },
+    {
+      type: import_document28.FlowNodeBaseType.INLINE_BLOCKS,
+      meta: {
+        inlineSpacingPre: 0
+      },
+      getLabels(transition) {
+        const isVertical = transition.entity.isVertical;
+        const currentTransform = transition.transform;
+        const spacing = (0, import_document28.getDefaultSpacing)(
+          transition.entity,
+          import_document28.ConstantKeys.INLINE_BLOCKS_PADDING_BOTTOM
+        );
+        if (currentTransform.collapsed || transition.entity.childrenLength === 0) {
+          return [
+            {
+              type: import_document28.FlowTransitionLabelEnum.CUSTOM_LABEL,
+              renderKey: import_renderer6.FlowRendererKey.BRANCH_ADDER,
+              offset: import_utils6.Point.move(
+                currentTransform.outputPoint,
+                isVertical ? { y: spacing } : { x: spacing }
+              ),
+              props: {
+                // 激活状态
+                activated: transition.entity.getData(import_document28.FlowNodeRenderData).activated,
+                transform: currentTransform,
+                // 传给外部使用的 node 信息
+                node: currentTransform.originParent?.entity
+              }
+            }
+          ];
+        }
+        return [
+          {
+            type: import_document28.FlowTransitionLabelEnum.CUSTOM_LABEL,
+            renderKey: import_renderer6.FlowRendererKey.BRANCH_ADDER,
+            offset: import_utils6.Point.move(
+              currentTransform.outputPoint,
+              isVertical ? { y: -spacing / 2 } : { x: -spacing / 2 }
+            ),
+            props: {
+              // 激活状态
+              activated: transition.entity.getData(import_document28.FlowNodeRenderData).activated,
+              transform: currentTransform,
+              // 传给外部使用的 node 信息
+              node: currentTransform.originParent?.entity
+            }
+          }
+        ];
+      }
+    }
+  ],
+  getLabels() {
+    return [];
+  }
+};
+
 // src/flow-registers.ts
 var FlowRegisters = class {
   /**
@@ -1498,15 +1733,21 @@ var FlowRegisters = class {
       // 结束节点
       LoopRegistry,
       // 循环节点
-      EmptyRegistry
+      EmptyRegistry,
       // 占位节点
+      BreakRegistry,
+      // 分支断开
+      MultiOuputsRegistry,
+      MultiInputsRegistry,
+      InputRegistry,
+      OuputRegistry
     );
     document.registerNodeDatas(
-      import_document24.FlowNodeRenderData,
+      import_document29.FlowNodeRenderData,
       // 渲染节点相关数据
-      import_document24.FlowNodeTransitionData,
+      import_document29.FlowNodeTransitionData,
       // 线条绘制数据
-      import_document24.FlowNodeTransformData
+      import_document29.FlowNodeTransformData
       // 坐标计算数据
     );
   }
@@ -1516,19 +1757,19 @@ var FlowRegisters = class {
    */
   registerRenderer(renderer) {
     renderer.registerLayers(
-      import_renderer6.FlowNodesTransformLayer,
+      import_renderer7.FlowNodesTransformLayer,
       // 节点位置渲染
-      import_renderer6.FlowNodesContentLayer,
+      import_renderer7.FlowNodesContentLayer,
       // 节点内容渲染
-      import_renderer6.FlowLinesLayer,
+      import_renderer7.FlowLinesLayer,
       // 线条渲染
-      import_renderer6.FlowLabelsLayer,
+      import_renderer7.FlowLabelsLayer,
       // Label 渲染
       import_core.PlaygroundLayer,
       // 画布基础层，提供缩放、手势等能力
-      import_renderer6.FlowScrollLimitLayer,
+      import_renderer7.FlowScrollLimitLayer,
       // 控制滚动范围
-      import_renderer6.FlowScrollBarLayer
+      import_renderer7.FlowScrollBarLayer
       // 滚动条
     );
   }
@@ -1549,9 +1790,9 @@ FlowRegisters = __decorateClass([
 
 // src/fixed-layout-container-module.ts
 var FixedLayoutContainerModule = new import_inversify2.ContainerModule((bind) => {
-  (0, import_utils6.bindContributions)(bind, FlowRegisters, [
-    import_document25.FlowDocumentContribution,
-    import_renderer7.FlowRendererContribution,
+  (0, import_utils7.bindContributions)(bind, FlowRegisters, [
+    import_document30.FlowDocumentContribution,
+    import_renderer8.FlowRendererContribution,
     import_core2.PlaygroundContribution
   ]);
 });