@flowgram.ai/fixed-layout-core 0.1.0-alpha.3 → 0.1.0-alpha.30

package/dist/esm/index.js

@@ -22,13 +22,11 @@ import {
   FlowLabelsLayer,
   FlowLinesLayer,
   FlowNodesContentLayer,
-  FlowNodesTransformLayer,
-  FlowScrollBarLayer,
-  FlowScrollLimitLayer
+  FlowNodesTransformLayer
 } from "@flowgram.ai/renderer";
 import {
-  FlowNodeRenderData as FlowNodeRenderData3,
-  FlowNodeTransformData as FlowNodeTransformData3,
+  FlowNodeRenderData as FlowNodeRenderData4,
+  FlowNodeTransformData as FlowNodeTransformData5,
   FlowNodeTransitionData
 } from "@flowgram.ai/document";
 import { PlaygroundLayer } from "@flowgram.ai/core";
@@ -104,6 +102,9 @@ var DynamicSplitRegistry = {
       y: lastChildOutput ? lastChildOutput.y : transform.bounds.center.y
     };
   },
+  /**
+   * @depreacted
+   */
   addChild(node, json, options = {}) {
     const { index } = options;
     const document = node.document;
@@ -166,8 +167,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 +182,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 +191,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 +233,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 +250,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
             }
@@ -269,6 +270,9 @@ var BlockRegistry = {
     }
     return [...draggingLabel];
   },
+  /**
+   * @depreacted
+   */
   addChild(node, json, options = {}) {
     const { index } = options;
     const document = node.document;
@@ -300,8 +304,18 @@ var InlineBlocksRegistry = {
     hidden: true,
     spacing: (node) => getDefaultSpacing2(node.entity, ConstantKeys2.NODE_SPACING),
     isInlineBlocks: true,
-    inlineSpacingPre: DEFAULT_SPACING2.INLINE_BLOCKS_PADDING_TOP,
-    inlineSpacingAfter: (node) => getDefaultSpacing2(node.entity, ConstantKeys2.INLINE_BLOCKS_PADDING_BOTTOM)
+    inlineSpacingPre: (transform) => {
+      if (transform.entity.blocks.length === 0) {
+        return 0;
+      }
+      return getDefaultSpacing2(transform.entity, ConstantKeys2.INLINE_BLOCKS_PADDING_TOP) || DEFAULT_SPACING2.INLINE_BLOCKS_PADDING_TOP;
+    },
+    inlineSpacingAfter: (transform) => {
+      if (transform.entity.blocks.length === 0) {
+        return 0;
+      }
+      return getDefaultSpacing2(transform.entity, ConstantKeys2.INLINE_BLOCKS_PADDING_BOTTOM);
+    }
   },
   /**
    * 控制子分支的间距
@@ -316,7 +330,7 @@ var InlineBlocksRegistry = {
         const leftSpacing = preTransform.size.width + preTransform.originDeltaX;
         const delta = Math.max(
           child.parent.minInlineBlockSpacing - leftSpacing,
-          DEFAULT_SPACING2.MARGIN_RIGHT - child.originDeltaX
+          getDefaultSpacing2(child.entity, ConstantKeys2.BRANCH_SPACING) - child.originDeltaX
         );
         return {
           // 这里需要加上原点的偏移量，并加上水平间距
@@ -327,7 +341,7 @@ var InlineBlocksRegistry = {
         const bottomSpacing = preTransform.size.height + preTransform.originDeltaY;
         const delta = Math.max(
           child.parent.minInlineBlockSpacing - bottomSpacing,
-          DEFAULT_SPACING2.MARGIN_RIGHT - child.originDeltaY
+          getDefaultSpacing2(child.entity, ConstantKeys2.BRANCH_SPACING) - child.originDeltaY
         );
         return {
           x: 0,
@@ -550,7 +564,7 @@ var StartRegistry = {
 // src/activities/try-catch.ts
 import {
   FlowLayoutDefault as FlowLayoutDefault6,
-  FlowNodeBaseType as FlowNodeBaseType13
+  FlowNodeBaseType as FlowNodeBaseType12
 } from "@flowgram.ai/document";
 
 // src/activities/try-catch-extends/catch-block.ts
@@ -717,12 +731,13 @@ var CatchInlineBlocksRegistry = {
 // src/activities/try-catch-extends/main-inline-blocks.ts
 import { FlowRendererKey as FlowRendererKey3, FlowTextKey } from "@flowgram.ai/renderer";
 import {
-  DEFAULT_SPACING as DEFAULT_SPACING5,
   FlowNodeBaseType as FlowNodeBaseType10,
   FlowNodeTransformData as FlowNodeTransformData2,
   FlowTransitionLabelEnum as FlowTransitionLabelEnum7,
   FlowTransitionLineEnum as FlowTransitionLineEnum4,
-  FlowLayoutDefault as FlowLayoutDefault5
+  FlowLayoutDefault as FlowLayoutDefault5,
+  getDefaultSpacing as getDefaultSpacing5,
+  ConstantKeys as ConstantKeys3
 } from "@flowgram.ai/document";
 var MainInlineBlocksRegistry = {
   extend: FlowNodeBaseType10.INLINE_BLOCKS,
@@ -812,12 +827,12 @@ var MainInlineBlocksRegistry = {
       if (isVertical) {
         delta = Math.max(
           child.parent.minInlineBlockSpacing,
-          -child.originDeltaX + DEFAULT_SPACING5.MARGIN_RIGHT
+          -child.originDeltaX + getDefaultSpacing5(child.entity, ConstantKeys3.BRANCH_SPACING)
         );
       } else {
         delta = Math.max(
           child.parent.minInlineBlockSpacing,
-          -child.originDeltaY + DEFAULT_SPACING5.MARGIN_RIGHT
+          -child.originDeltaY + getDefaultSpacing5(child.entity, ConstantKeys3.BRANCH_SPACING)
         );
       }
       return {
@@ -834,13 +849,13 @@ var MainInlineBlocksRegistry = {
 };
 
 // src/activities/try-catch-extends/try-block.ts
-import { DEFAULT_SPACING as DEFAULT_SPACING6, FlowNodeBaseType as FlowNodeBaseType11 } from "@flowgram.ai/document";
+import { DEFAULT_SPACING as DEFAULT_SPACING5, FlowNodeBaseType as FlowNodeBaseType11 } from "@flowgram.ai/document";
 var TryBlockRegistry = {
   extend: FlowNodeBaseType11.BLOCK,
   type: "tryBlock" /* TRY_BLOCK */,
   meta: {
     hidden: true,
-    spacing: DEFAULT_SPACING6.NULL
+    spacing: DEFAULT_SPACING5.NULL
   },
   getLines() {
     return [];
@@ -851,13 +866,41 @@ var TryBlockRegistry = {
 };
 
 // src/activities/try-catch-extends/try-slot.ts
-import { FlowNodeBaseType as FlowNodeBaseType12 } from "@flowgram.ai/document";
+import { FlowTransitionLabelEnum as FlowTransitionLabelEnum8 } from "@flowgram.ai/document";
 var TrySlotRegistry = {
-  extend: FlowNodeBaseType12.EMPTY,
-  type: "trySlot" /* TRY_SLOT */
-  // getLabels() {
-  //   return []
-  // },
+  type: "trySlot" /* TRY_SLOT */,
+  meta: {
+    inlineSpacingAfter: 16,
+    spacing: 0,
+    size: {
+      width: 16,
+      height: 0
+    }
+  },
+  onAfterUpdateLocalTransform(transform) {
+    if (transform.entity.isVertical) {
+      transform.data.size = {
+        width: 16,
+        height: 0
+      };
+    } else {
+      transform.data.size = {
+        width: 0,
+        height: 16
+      };
+    }
+    transform.transform.update({
+      size: transform.data.size
+    });
+  },
+  getLabels(transition) {
+    return [
+      {
+        offset: transition.transform.bounds.center,
+        type: FlowTransitionLabelEnum8.ADDER_LABEL
+      }
+    ];
+  }
 };
 
 // src/activities/try-catch.ts
@@ -890,7 +933,7 @@ var TryCatchRegistry = {
     const addedNodes = [];
     const tryCatchIconNode = document.addNode({
       id: `$tryCatchIcon$${node.id}`,
-      type: FlowNodeBaseType13.BLOCK_ICON,
+      type: FlowNodeBaseType12.BLOCK_ICON,
       originParent: node,
       parent: node
     });
@@ -901,13 +944,15 @@ var TryCatchRegistry = {
       parent: node
     });
     const tryBlockNode = document.addNode({
-      id: `$tryBlock$${tryBlock.id}`,
-      type: "tryBlock" /* TRY_BLOCK */,
+      id: tryBlock.id,
+      type: tryBlock.type || "tryBlock" /* TRY_BLOCK */,
       originParent: node,
-      parent: mainBlockNode
+      parent: mainBlockNode,
+      data: tryBlock.data
     });
     const trySlotNode = document.addNode({
-      id: tryBlock.id,
+      id: `$trySlot$${tryBlock.id}`,
+      hidden: true,
       type: "trySlot" /* TRY_SLOT */,
       // 占位节点
       originParent: node,
@@ -926,8 +971,17 @@ var TryCatchRegistry = {
       trySlotNode,
       catchInlineBlocksNode
     );
+    (tryBlock.blocks || []).forEach((blockData) => {
+      document.addNode(
+        {
+          ...blockData,
+          parent: tryBlockNode
+        },
+        addedNodes
+      );
+    });
     catchBlocks.forEach((blockData) => {
-      node.document.addBlock(node, blockData, addedNodes);
+      document.addBlock(node, blockData, addedNodes);
     });
     return addedNodes;
   },
@@ -941,13 +995,14 @@ var TryCatchRegistry = {
     const parent = node.document.getNode(`$catchInlineBlocks$${node.id}`);
     const block = node.document.addNode({
       id: blockData.id,
-      type: "catchBlock" /* CATCH_BLOCK */,
+      type: blockData.type || "catchBlock" /* CATCH_BLOCK */,
       originParent: node,
-      parent
+      parent,
+      data: blockData.data
     });
     const blockOrderIcon = node.document.addNode({
       id: `$blockOrderIcon$${blockData.id}`,
-      type: FlowNodeBaseType13.BLOCK_ORDER_ICON,
+      type: FlowNodeBaseType12.BLOCK_ORDER_ICON,
       originParent: node,
       parent: block
     });
@@ -983,7 +1038,7 @@ var TryCatchRegistry = {
      * icon 节点
      */
     {
-      type: FlowNodeBaseType13.BLOCK_ICON,
+      type: FlowNodeBaseType12.BLOCK_ICON,
       meta: {
         spacing: 54 /* INLINE_SPACING_TOP */
       },
@@ -1003,20 +1058,20 @@ var TryCatchRegistry = {
 import { Point as Point5 } from "@flowgram.ai/utils";
 import { FlowTextKey as FlowTextKey3 } from "@flowgram.ai/renderer";
 import {
-  FlowNodeBaseType as FlowNodeBaseType15,
-  FlowTransitionLabelEnum as FlowTransitionLabelEnum10,
-  getDefaultSpacing as getDefaultSpacing6,
-  ConstantKeys as ConstantKeys5
+  FlowNodeBaseType as FlowNodeBaseType14,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum11,
+  getDefaultSpacing as getDefaultSpacing7,
+  ConstantKeys as ConstantKeys6
 } from "@flowgram.ai/document";
 
 // src/activities/loop-extends/constants.ts
-import { ConstantKeys as ConstantKeys3 } from "@flowgram.ai/document";
+import { ConstantKeys as ConstantKeys4 } from "@flowgram.ai/document";
 var LoopSpacings = {
   SPACING: 16,
   // 距离下面节点距离
   COLLAPSE_INLINE_SPACING_BOTTOM: 60,
   // 距离下面节点距离
-  [ConstantKeys3.INLINE_SPACING_BOTTOM]: 48,
+  [ConstantKeys4.INLINE_SPACING_BOTTOM]: 48,
   // 下边空白
   MIN_INLINE_BLOCK_SPACING: 280,
   // 最小循环圈宽度
@@ -1028,7 +1083,7 @@ var LoopSpacings = {
   // 左边空分支宽度
   LOOP_BLOCK_ICON_SPACING: 13,
   // inlineBlocks 的 inlineBottom
-  [ConstantKeys3.INLINE_BLOCKS_INLINE_SPACING_BOTTOM]: 23,
+  [ConstantKeys4.INLINE_BLOCKS_INLINE_SPACING_BOTTOM]: 23,
   // inlineBlocks 的 inlineBottom
   INLINE_BLOCKS_INLINE_SPACING_TOP: 30
   // inlineBlocks 的 inlineTop
@@ -1080,7 +1135,7 @@ var LoopRightEmptyBlockRegistry = {
 };
 
 // src/activities/loop-extends/loop-empty-branch.ts
-import { FlowTransitionLabelEnum as FlowTransitionLabelEnum8 } from "@flowgram.ai/document";
+import { FlowTransitionLabelEnum as FlowTransitionLabelEnum9 } from "@flowgram.ai/document";
 var LoopEmptyBranchRegistry = {
   type: "loopEmptyBranch" /* LOOP_EMPTY_BRANCH */,
   meta: {
@@ -1097,7 +1152,7 @@ var LoopEmptyBranchRegistry = {
     if (isVertical) {
       return [
         {
-          type: FlowTransitionLabelEnum8.ADDER_LABEL,
+          type: FlowTransitionLabelEnum9.ADDER_LABEL,
           offset: {
             x: currentTransform.inputPoint.x,
             y: currentTransform.bounds.center.y + 8
@@ -1108,7 +1163,7 @@ var LoopEmptyBranchRegistry = {
     }
     return [
       {
-        type: FlowTransitionLabelEnum8.ADDER_LABEL,
+        type: FlowTransitionLabelEnum9.ADDER_LABEL,
         offset: {
           x: currentTransform.bounds.center.x + 8,
           y: currentTransform.inputPoint.y
@@ -1138,27 +1193,27 @@ var LoopEmptyBranchRegistry = {
 import { Point as Point4 } from "@flowgram.ai/utils";
 import { FlowTextKey as FlowTextKey2 } from "@flowgram.ai/renderer";
 import {
-  FlowNodeBaseType as FlowNodeBaseType14,
-  FlowTransitionLabelEnum as FlowTransitionLabelEnum9,
+  FlowNodeBaseType as FlowNodeBaseType13,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum10,
   FlowTransitionLineEnum as FlowTransitionLineEnum5,
-  getDefaultSpacing as getDefaultSpacing5,
-  ConstantKeys as ConstantKeys4
+  getDefaultSpacing as getDefaultSpacing6,
+  ConstantKeys as ConstantKeys5
 } from "@flowgram.ai/document";
 var LoopInlineBlocksNodeRegistry = {
-  type: FlowNodeBaseType14.INLINE_BLOCKS,
+  type: FlowNodeBaseType13.INLINE_BLOCKS,
   meta: {
     inlineSpacingPre: (node) => {
-      const inlineBlocksInlineSpacingTop = getDefaultSpacing5(
+      const inlineBlocksInlineSpacingTop = getDefaultSpacing6(
         node.entity,
-        ConstantKeys4.INLINE_BLOCKS_INLINE_SPACING_TOP,
+        ConstantKeys5.INLINE_BLOCKS_INLINE_SPACING_TOP,
         LoopSpacings.INLINE_BLOCKS_INLINE_SPACING_TOP
       );
       return inlineBlocksInlineSpacingTop;
     },
     inlineSpacingAfter: (node) => {
-      const inlineBlocksInlineSpacingBottom = getDefaultSpacing5(
+      const inlineBlocksInlineSpacingBottom = getDefaultSpacing6(
         node.entity,
-        ConstantKeys4.INLINE_BLOCKS_INLINE_SPACING_BOTTOM,
+        ConstantKeys5.INLINE_BLOCKS_INLINE_SPACING_BOTTOM,
         LoopSpacings.INLINE_BLOCKS_INLINE_SPACING_BOTTOM
       );
       return inlineBlocksInlineSpacingBottom;
@@ -1218,7 +1273,7 @@ var LoopInlineBlocksNodeRegistry = {
     const rightBlockTransform = currentTransform.children[1];
     if (transition.entity.originParent?.id.startsWith("while_")) {
       labels.push({
-        type: FlowTransitionLabelEnum9.TEXT_LABEL,
+        type: FlowTransitionLabelEnum10.TEXT_LABEL,
         renderKey: FlowTextKey2.LOOP_WHILE_TEXT,
         rotate: isVertical ? "" : "-90deg",
         offset: isVertical ? {
@@ -1231,7 +1286,7 @@ var LoopInlineBlocksNodeRegistry = {
       });
     } else {
       labels.push({
-        type: FlowTransitionLabelEnum9.TEXT_LABEL,
+        type: FlowTransitionLabelEnum10.TEXT_LABEL,
         renderKey: FlowTextKey2.LOOP_TRAVERSE_TEXT,
         // rotate: isVertical ? '' : '-90deg',
         offset: isVertical ? { x: leftBlockTransform.inputPoint.x, y: currentTransform.bounds.center.y + 5 } : { x: currentTransform.bounds.center.x + 5, y: leftBlockTransform.inputPoint.y }
@@ -1250,9 +1305,9 @@ var LoopRegistry = {
       if (node.collapsed) {
         return LoopSpacings.COLLAPSE_INLINE_SPACING_BOTTOM;
       }
-      const inlineSpacingBottom = getDefaultSpacing6(
+      const inlineSpacingBottom = getDefaultSpacing7(
         node.entity,
-        ConstantKeys5.INLINE_SPACING_BOTTOM,
+        ConstantKeys6.INLINE_SPACING_BOTTOM,
         LoopSpacings.INLINE_SPACING_BOTTOM
       );
       return inlineSpacingBottom;
@@ -1275,14 +1330,14 @@ var LoopRegistry = {
     const loopBlocks = json.blocks || [];
     const loopIconNode = document.addNode({
       id: `$blockIcon$${node.id}`,
-      type: FlowNodeBaseType15.BLOCK_ICON,
+      type: FlowNodeBaseType14.BLOCK_ICON,
       originParent: node,
       parent: node
     });
     const loopInlineBlocks = document.addNode({
       id: `$inlineBlocks$${node.id}`,
       hidden: true,
-      type: FlowNodeBaseType15.INLINE_BLOCKS,
+      type: FlowNodeBaseType14.INLINE_BLOCKS,
       originParent: node,
       parent: node
     });
@@ -1296,7 +1351,7 @@ var LoopRegistry = {
     const loopBlockNode = document.addNode({
       id: `$block$${node.id}`,
       hidden: true,
-      type: FlowNodeBaseType15.BLOCK,
+      type: FlowNodeBaseType14.BLOCK,
       // : LoopTypeEnum.LOOP_RIGHT_EMPTY_BLOCK,
       originParent: node,
       parent: loopInlineBlocks
@@ -1334,7 +1389,7 @@ var LoopRegistry = {
     return [
       // 循环结束
       {
-        type: FlowTransitionLabelEnum10.TEXT_LABEL,
+        type: FlowTransitionLabelEnum11.TEXT_LABEL,
         renderKey: FlowTextKey3.LOOP_END_TEXT,
         // 循环 label 垂直样式展示，而非 rotate 旋转文案
         props: isVertical ? void 0 : {
@@ -1347,7 +1402,7 @@ var LoopRegistry = {
         offset: Point5.move(currentTransform.outputPoint, isVertical ? { y: -26 } : { x: -26 })
       },
       {
-        type: FlowTransitionLabelEnum10.ADDER_LABEL,
+        type: FlowTransitionLabelEnum11.ADDER_LABEL,
         offset: currentTransform.outputPoint
       }
     ];
@@ -1381,7 +1436,7 @@ var LoopRegistry = {
   },
   extendChildRegistries: [
     {
-      type: FlowNodeBaseType15.BLOCK_ICON,
+      type: FlowNodeBaseType14.BLOCK_ICON,
       meta: {
         spacing: LoopSpacings.LOOP_BLOCK_ICON_SPACING
       }
@@ -1391,6 +1446,9 @@ var LoopRegistry = {
     LoopRightEmptyBlockRegistry,
     LoopInlineBlocksNodeRegistry
   ],
+  /**
+   * @depreacted
+   */
   addChild(node, json, options = {}) {
     const { index } = options;
     const document = node.document;
@@ -1404,33 +1462,33 @@ var LoopRegistry = {
 };
 
 // src/activities/root.ts
-import { DEFAULT_SPACING as DEFAULT_SPACING7, FlowNodeBaseType as FlowNodeBaseType16 } from "@flowgram.ai/document";
+import { DEFAULT_SPACING as DEFAULT_SPACING6, FlowNodeBaseType as FlowNodeBaseType15 } from "@flowgram.ai/document";
 var RootRegistry = {
-  type: FlowNodeBaseType16.ROOT,
+  type: FlowNodeBaseType15.ROOT,
   meta: {
-    spacing: DEFAULT_SPACING7.NULL,
+    spacing: DEFAULT_SPACING6.NULL,
     hidden: true
   },
   getInputPoint(transform) {
     return transform.firstChild?.inputPoint || transform.bounds.topCenter;
   },
   getOutputPoint(transform) {
-    return transform.firstChild?.outputPoint || transform.bounds.bottomCenter;
+    return transform.lastChild?.outputPoint || transform.bounds.bottomCenter;
   }
 };
 
 // src/activities/empty.ts
 import {
-  FlowNodeBaseType as FlowNodeBaseType17,
-  FlowTransitionLabelEnum as FlowTransitionLabelEnum11,
-  ConstantKeys as ConstantKeys6,
-  getDefaultSpacing as getDefaultSpacing7
+  FlowNodeBaseType as FlowNodeBaseType16,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum12,
+  ConstantKeys as ConstantKeys7,
+  getDefaultSpacing as getDefaultSpacing8
 } from "@flowgram.ai/document";
 var EmptyRegistry = {
-  type: FlowNodeBaseType17.EMPTY,
+  type: FlowNodeBaseType16.EMPTY,
   meta: {
     spacing: (node) => {
-      const spacing = getDefaultSpacing7(node.entity, ConstantKeys6.NODE_SPACING);
+      const spacing = getDefaultSpacing8(node.entity, ConstantKeys7.NODE_SPACING);
       return spacing / 2;
     },
     size: { width: 0, height: 0 },
@@ -1440,12 +1498,946 @@ var EmptyRegistry = {
     return [
       {
         offset: transition.transform.bounds,
-        type: FlowTransitionLabelEnum11.ADDER_LABEL
+        type: FlowTransitionLabelEnum12.ADDER_LABEL
+      }
+    ];
+  }
+};
+
+// src/activities/simple-split.ts
+import {
+  FlowNodeSplitType as FlowNodeSplitType3,
+  FlowNodeBaseType as FlowNodeBaseType17
+} from "@flowgram.ai/document";
+var SimpleSplitRegistry = {
+  type: FlowNodeSplitType3.SIMPLE_SPLIT,
+  extend: FlowNodeSplitType3.DYNAMIC_SPLIT,
+  onBlockChildCreate(originParent, blockData, addedNodes = []) {
+    const { document } = originParent;
+    const parent = document.getNode(`$inlineBlocks$${originParent.id}`);
+    const realBlock = document.addNode(
+      {
+        ...blockData,
+        type: blockData.type || FlowNodeBaseType17.BLOCK,
+        parent
+      },
+      addedNodes
+    );
+    addedNodes.push(realBlock);
+    return realBlock;
+  }
+  // addChild(node, json, options = {}) {
+  //   const { index } = options;
+  //   const document = node.document;
+  //   return document.addBlock(node, json, undefined, undefined, index);
+  // }
+};
+
+// 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 getDefaultSpacing9,
+  ConstantKeys as ConstantKeys8
+} 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 = getDefaultSpacing9(
+          transition.entity,
+          ConstantKeys8.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/activities/slot/slot.ts
+import { FlowNodeBaseType as FlowNodeBaseType28, getDefaultSpacing as getDefaultSpacing13 } from "@flowgram.ai/document";
+
+// src/activities/slot/utils/transition.ts
+import { Point as Point7 } from "@flowgram.ai/utils";
+import {
+  FlowTransitionLineEnum as FlowTransitionLineEnum7,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum15,
+  getDefaultSpacing as getDefaultSpacing10
+} from "@flowgram.ai/document";
+
+// src/activities/slot/constants.ts
+import { FlowRendererKey as FlowRendererKey5 } from "@flowgram.ai/renderer";
+var RENDER_SLOT_ADDER_KEY = FlowRendererKey5.SLOT_ADDER;
+var RENDER_SLOT_LABEL_KEY = FlowRendererKey5.SLOT_LABEL;
+var RENDER_SLOT_COLLAPSE_KEY = FlowRendererKey5.SLOT_COLLAPSE;
+var SlotSpacingKey = {
+  /**
+   * = Next Node - Slot END
+   */
+  SLOT_SPACING: "SLOT_SPACING",
+  /**
+   * = Slot Start Line - Slot Icon Right
+   */
+  SLOT_START_DISTANCE: "SLOT_START_DISTANCE",
+  /**
+   * = Slot Radius
+   */
+  SLOT_RADIUS: "SLOT_RADIUS",
+  /**
+   * = Slot Port - Slot Start
+   */
+  SLOT_PORT_DISTANCE: "SLOT_PORT_DISTANCE",
+  /**
+   * = Slot Label - Slot Start
+   */
+  SLOT_LABEL_DISTANCE: "SLOT_LABEL_DISTANCE",
+  /**
+   * = Slot Block - Slot Port
+   */
+  SLOT_BLOCK_PORT_DISTANCE: "SLOT_BLOCK_PORT_DISTANCE",
+  /**
+   * Vertical Layout: Slot Block - Slot Block
+   */
+  SLOT_BLOCK_VERTICAL_SPACING: "SLOT_BLOCK_VERTICAL_SPACING"
+};
+var SLOT_START_DISTANCE = 16;
+var SLOT_PORT_DISTANCE = 100;
+var SLOT_LABEL_DISTANCE = 32;
+var SLOT_BLOCK_PORT_DISTANCE = 32.5;
+var SLOT_RADIUS = 16;
+var SLOT_SPACING = 32;
+var SLOT_BLOCK_VERTICAL_SPACING = 32.5;
+var SLOT_NODE_LAST_SPACING = 10;
+
+// src/activities/slot/typings.ts
+import { FlowNodeBaseType as FlowNodeBaseType23 } from "@flowgram.ai/document";
+var SlotNodeType = ((SlotNodeType2) => {
+  SlotNodeType2[SlotNodeType2["Slot"] = FlowNodeBaseType23.SLOT] = "Slot";
+  SlotNodeType2[SlotNodeType2["SlotBlock"] = FlowNodeBaseType23.SLOT_BLOCK] = "SlotBlock";
+  SlotNodeType2["SlotInlineBlocks"] = "slotInlineBlocks";
+  SlotNodeType2["SlotBlockInlineBlocks"] = "slotBlockInlineBlocks";
+  return SlotNodeType2;
+})(SlotNodeType || {});
+
+// src/activities/slot/utils/node.ts
+var canSlotDrilldown = (Slot) => !!Slot?.lastCollapsedChild?.blocks.length;
+var insideSlot = (entity) => !!entity?.parent?.isTypeOrExtendType(SlotNodeType.SlotBlock);
+var getDisplayFirstChildTransform = (transform) => {
+  if (transform.firstChild) {
+    return getDisplayFirstChildTransform(transform.firstChild);
+  }
+  return transform;
+};
+
+// src/activities/slot/utils/transition.ts
+var getSlotChildLineStartPoint = (iconTransform) => {
+  if (!iconTransform) {
+    return { x: 0, y: 0 };
+  }
+  const startDistance = getDefaultSpacing10(
+    iconTransform.entity,
+    SlotSpacingKey.SLOT_START_DISTANCE,
+    SLOT_START_DISTANCE
+  );
+  if (!iconTransform.entity.isVertical) {
+    return {
+      x: iconTransform?.bounds.center.x,
+      y: iconTransform?.bounds.bottom + startDistance
+    };
+  }
+  return {
+    x: iconTransform?.bounds.right + startDistance,
+    y: iconTransform?.bounds.center.y
+  };
+};
+var getOutputPoint = (transform) => {
+  const icon = transform.firstChild;
+  if (!icon) {
+    return { x: 0, y: 0 };
+  }
+  if (!transform.entity.isVertical) {
+    return {
+      x: transform.bounds.right,
+      y: icon.outputPoint.y
+    };
+  }
+  return {
+    x: icon.outputPoint.x,
+    y: transform.bounds.bottom
+  };
+};
+var getInputPoint = (transform) => {
+  const icon = transform.firstChild;
+  if (!icon) {
+    return { x: 0, y: 0 };
+  }
+  if (!transform.entity.isVertical) {
+    return {
+      x: transform.bounds.left,
+      y: icon.outputPoint.y
+    };
+  }
+  return icon.inputPoint;
+};
+var getTransitionToPoint = (transition) => {
+  let toPoint = transition.transform.next?.inputPoint;
+  const icon = transition.transform.firstChild;
+  const parent = transition.transform.parent;
+  if (!icon || !parent) {
+    return { x: 0, y: 0 };
+  }
+  if (!transition.transform.next) {
+    if (!transition.entity.isVertical) {
+      toPoint = {
+        x: parent.outputPoint.x,
+        y: icon.outputPoint.y
+      };
+    } else {
+      toPoint = {
+        x: icon.outputPoint.x,
+        y: parent.outputPoint.y
+      };
+    }
+  }
+  return toPoint || { x: 0, y: 0 };
+};
+var drawStraightLine = (transition) => {
+  const icon = transition.transform.firstChild;
+  const toPoint = getTransitionToPoint(transition);
+  if (!icon) {
+    return [];
+  }
+  return [
+    {
+      type: FlowTransitionLineEnum7.STRAIGHT_LINE,
+      from: icon.outputPoint,
+      to: toPoint
+    },
+    {
+      type: FlowTransitionLineEnum7.STRAIGHT_LINE,
+      from: icon.inputPoint,
+      to: transition.transform.inputPoint
+    }
+  ];
+};
+var drawCollapseLabel = (transition) => {
+  const icon = transition.transform;
+  return [
+    {
+      type: FlowTransitionLabelEnum15.CUSTOM_LABEL,
+      renderKey: RENDER_SLOT_COLLAPSE_KEY,
+      offset: getSlotChildLineStartPoint(icon),
+      props: {
+        node: transition.entity.parent
+      }
+    }
+  ];
+};
+var drawCollapseLine = (transition) => {
+  const startDistance = getDefaultSpacing10(
+    transition.transform.entity,
+    SlotSpacingKey.SLOT_START_DISTANCE,
+    SLOT_START_DISTANCE
+  );
+  return [
+    {
+      type: FlowTransitionLineEnum7.STRAIGHT_LINE,
+      from: getSlotChildLineStartPoint(transition.transform),
+      to: Point7.move(
+        getSlotChildLineStartPoint(transition.transform),
+        transition.entity.isVertical ? { x: -startDistance, y: 0 } : { x: 0, y: -startDistance }
+      ),
+      style: {
+        strokeDasharray: "5 5"
+      }
+    }
+  ];
+};
+var drawStraightAdder = (transition) => {
+  const toPoint = getTransitionToPoint(transition);
+  const fromPoint = transition.transform.firstChild.outputPoint;
+  const hoverProps = transition.entity.isVertical ? {
+    hoverHeight: toPoint.y - fromPoint.y,
+    hoverWidth: transition.transform.firstChild?.bounds.width
+  } : {
+    hoverHeight: transition.transform.firstChild?.bounds.height,
+    hoverWidth: toPoint.x - fromPoint.x
+  };
+  return [
+    {
+      offset: Point7.getMiddlePoint(fromPoint, toPoint),
+      type: FlowTransitionLabelEnum15.ADDER_LABEL,
+      props: hoverProps
+    }
+  ];
+};
+var getPortChildInput = (_child) => {
+  if (!_child) {
+    return { x: 0, y: 0 };
+  }
+  const firstChild = getDisplayFirstChildTransform(_child);
+  return { x: _child.bounds.left, y: firstChild.bounds.center.y };
+};
+
+// src/activities/slot/utils/layout.ts
+import { mean } from "lodash-es";
+var getDisplayFirstChildTop = (transform) => {
+  if (transform.firstChild) {
+    return transform.localBounds.top + getDisplayFirstChildTop(transform.firstChild);
+  }
+  return transform.localBounds.center.y;
+};
+var getPortMiddle = (_port) => {
+  if (!_port.children.length) {
+    return _port.localBounds.top;
+  }
+  const portChildInputs = [_port.firstChild, _port.lastChild].map(
+    (_portChild) => getDisplayFirstChildTop(_portChild)
+  );
+  return _port.localBounds.top + mean(portChildInputs);
+};
+var getAllPortsMiddle = (inlineBlocks) => {
+  if (!inlineBlocks.children.length) {
+    return inlineBlocks.localBounds.height / 2;
+  }
+  const portInputs = [inlineBlocks.firstChild, inlineBlocks.lastChild].map(
+    (_port) => getPortMiddle(_port)
+  );
+  return mean(portInputs);
+};
+
+// src/activities/slot/utils/create.ts
+import { FlowNodeBaseType as FlowNodeBaseType24 } from "@flowgram.ai/document";
+var createSlotFromJSON = (node, json) => {
+  const { document } = node;
+  const addedNodes = [];
+  const blockIconNode = document.addNode({
+    id: `$slotIcon$${node.id}`,
+    type: FlowNodeBaseType24.BLOCK_ICON,
+    originParent: node,
+    parent: node
+  });
+  const inlineBlocksNode = document.addNode({
+    id: `$slotInlineBlocks$${node.id}`,
+    type: "slotInlineBlocks" /* SlotInlineBlocks */,
+    originParent: node,
+    parent: node
+  });
+  addedNodes.push(blockIconNode);
+  addedNodes.push(inlineBlocksNode);
+  const portJSONList = json.blocks || [];
+  portJSONList.forEach((_portJSON) => {
+    const port = document.addNode({
+      type: SlotNodeType.SlotBlock,
+      ..._portJSON,
+      originParent: node,
+      parent: inlineBlocksNode
+    });
+    addedNodes.push(port);
+    (_portJSON.blocks || []).forEach((_portChild) => {
+      document.addNode(
+        {
+          type: SlotNodeType.Slot,
+          ..._portChild,
+          parent: port
+        },
+        addedNodes
+      );
+    });
+  });
+  return addedNodes;
+};
+
+// src/activities/slot/extends/slot-icon.ts
+import { FlowNodeBaseType as FlowNodeBaseType25 } from "@flowgram.ai/document";
+var SlotIconRegistry = {
+  type: FlowNodeBaseType25.BLOCK_ICON,
+  meta: {
+    defaultExpanded: false,
+    spacing: 0
+  },
+  getLines: (transition) => [
+    ...canSlotDrilldown(transition.entity.parent) ? drawCollapseLine(transition) : []
+  ],
+  getLabels: (transition) => [
+    ...canSlotDrilldown(transition.entity.parent) ? drawCollapseLabel(transition) : []
+  ],
+  getDelta: (transform) => {
+    if (insideSlot(transform.entity.parent)) {
+      return transform.entity.isVertical ? { x: -transform.originDeltaX, y: 0 } : { x: 0, y: -transform.originDeltaY };
+    }
+    return { x: 0, y: 0 };
+  }
+};
+
+// src/activities/slot/extends/slot-inline-blocks.ts
+import { FlowNodeBaseType as FlowNodeBaseType26, getDefaultSpacing as getDefaultSpacing11 } from "@flowgram.ai/document";
+import { FlowNodeTransformData as FlowNodeTransformData3 } from "@flowgram.ai/document";
+var SlotInlineBlocksRegistry = {
+  type: "slotInlineBlocks" /* SlotInlineBlocks */,
+  extend: FlowNodeBaseType26.BLOCK,
+  meta: {
+    spacing: 0,
+    inlineSpacingPre: 0,
+    inlineSpacingAfter: 0,
+    isInlineBlocks: (node) => !node.isVertical
+  },
+  getLines() {
+    return [];
+  },
+  getLabels() {
+    return [];
+  },
+  getChildDelta(child, layout) {
+    if (child.entity.isVertical) {
+      return { x: 0, y: 0 };
+    }
+    const preTransform = child.entity.pre?.getData(FlowNodeTransformData3);
+    if (preTransform) {
+      const { localBounds: preBounds } = preTransform;
+      return {
+        x: 0,
+        y: preBounds.bottom + 30
+      };
+    }
+    return { x: 0, y: 0 };
+  },
+  /**
+   * 控制条件分支居右布局
+   */
+  getDelta(transform) {
+    if (!transform.children.length) {
+      return { x: 0, y: 0 };
+    }
+    const icon = transform.pre;
+    if (!icon) {
+      return { x: 0, y: 0 };
+    }
+    const startDistance = getDefaultSpacing11(
+      transform.entity,
+      SlotSpacingKey.SLOT_START_DISTANCE,
+      SLOT_START_DISTANCE
+    );
+    const portDistance = getDefaultSpacing11(
+      transform.entity,
+      SlotSpacingKey.SLOT_PORT_DISTANCE,
+      SLOT_PORT_DISTANCE
+    );
+    const portBlockDistance = getDefaultSpacing11(
+      transform.entity,
+      SlotSpacingKey.SLOT_BLOCK_PORT_DISTANCE,
+      SLOT_BLOCK_PORT_DISTANCE
+    );
+    if (!transform.entity.isVertical) {
+      const noChildren = transform?.children?.every?.((_port) => !_port.children.length);
+      if (noChildren) {
+        return {
+          x: portDistance - icon.localBounds.width / 2,
+          y: icon.localBounds.bottom + startDistance
+        };
+      }
+      return {
+        x: portDistance + portBlockDistance - icon.localBounds.width / 2,
+        y: icon.localBounds.bottom + startDistance
+      };
+    }
+    const slotInlineBlockDelta = startDistance + portDistance + portBlockDistance;
+    return {
+      x: icon.localBounds.right + slotInlineBlockDelta,
+      y: -icon.localBounds.height
+    };
+  }
+};
+
+// src/activities/slot/extends/slot-block.ts
+import { mean as mean2 } from "lodash-es";
+import {
+  FlowNodeBaseType as FlowNodeBaseType27,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum16,
+  FlowTransitionLineEnum as FlowTransitionLineEnum8,
+  getDefaultSpacing as getDefaultSpacing12
+} from "@flowgram.ai/document";
+import { FlowNodeTransformData as FlowNodeTransformData4 } from "@flowgram.ai/document";
+var SlotBlockRegistry = {
+  type: SlotNodeType.SlotBlock,
+  extend: FlowNodeBaseType27.BLOCK,
+  meta: {
+    inlineSpacingAfter: 0,
+    inlineSpacingPre: 0,
+    spacing: (transform) => {
+      if (!transform.entity.isVertical && transform.size.width === 0) {
+        return 90;
       }
+      return getDefaultSpacing12(
+        transform.entity,
+        SlotSpacingKey.SLOT_BLOCK_VERTICAL_SPACING,
+        SLOT_BLOCK_VERTICAL_SPACING
+      );
+    },
+    isInlineBlocks: (node) => !node.isVertical
+  },
+  getLines(transition) {
+    const icon = transition.transform.parent?.pre;
+    const start = getSlotChildLineStartPoint(icon);
+    const portPoint = transition.transform.inputPoint;
+    const radius = getDefaultSpacing12(
+      transition.transform.entity,
+      SlotSpacingKey.SLOT_RADIUS,
+      SLOT_RADIUS
+    );
+    let startPortVertices = [{ x: start.x, y: portPoint.y }];
+    if (transition.entity.isVertical) {
+      const deltaY = Math.abs(portPoint.y - start.y);
+      let deltaX = radius;
+      let isTruncated = false;
+      if (deltaY < radius * 2) {
+        isTruncated = true;
+        if (deltaY < radius) {
+          deltaX = Math.sqrt(radius ** 2 - (radius - deltaY) ** 2);
+        }
+      }
+      startPortVertices = [
+        {
+          x: start.x + deltaX,
+          y: start.y,
+          radiusX: radius,
+          radiusY: radius,
+          radiusOverflow: "truncate"
+        },
+        {
+          x: start.x + deltaX,
+          y: portPoint.y,
+          ...isTruncated ? { radiusX: 0, radiusY: 0 } : {}
+        }
+      ];
+    }
+    if (transition.transform.children.length === 1) {
+      return [
+        {
+          type: FlowTransitionLineEnum8.ROUNDED_LINE,
+          from: start,
+          to: getPortChildInput(transition.transform.children[0]),
+          vertices: startPortVertices,
+          style: {
+            strokeDasharray: "5 5"
+          },
+          radius
+        }
+      ];
+    }
+    return [
+      {
+        type: FlowTransitionLineEnum8.ROUNDED_LINE,
+        from: start,
+        to: portPoint,
+        vertices: startPortVertices,
+        style: {
+          strokeDasharray: "5 5"
+        },
+        radius
+      },
+      ...transition.transform.children.map((_child) => {
+        const childInput = getPortChildInput(_child);
+        return {
+          type: FlowTransitionLineEnum8.ROUNDED_LINE,
+          radius,
+          from: portPoint,
+          to: childInput,
+          vertices: [{ x: portPoint.x, y: childInput.y }],
+          style: {
+            strokeDasharray: "5 5"
+          }
+        };
+      })
     ];
+  },
+  getLabels(transition) {
+    const icon = transition.transform.parent?.pre;
+    const start = getSlotChildLineStartPoint(icon);
+    const portPoint = transition.transform.inputPoint;
+    return [
+      {
+        type: FlowTransitionLabelEnum16.CUSTOM_LABEL,
+        renderKey: RENDER_SLOT_ADDER_KEY,
+        props: {
+          node: transition.entity
+        },
+        offset: portPoint
+      },
+      {
+        type: FlowTransitionLabelEnum16.CUSTOM_LABEL,
+        renderKey: RENDER_SLOT_LABEL_KEY,
+        props: {
+          node: transition.entity
+        },
+        offset: {
+          x: start.x + getDefaultSpacing12(
+            transition.entity,
+            SlotSpacingKey.SLOT_LABEL_DISTANCE,
+            SLOT_LABEL_DISTANCE
+          ),
+          y: portPoint.y
+        },
+        origin: [0, 0.5]
+      }
+    ];
+  },
+  getInputPoint(transform) {
+    const icon = transform.parent?.pre;
+    const start = getSlotChildLineStartPoint(icon);
+    let inputY = transform.bounds.center.y;
+    if (transform.children.length) {
+      inputY = mean2([
+        getPortChildInput(transform.firstChild).y,
+        getPortChildInput(transform.lastChild).y
+      ]);
+    }
+    return {
+      x: start.x + getDefaultSpacing12(transform.entity, SlotSpacingKey.SLOT_PORT_DISTANCE, SLOT_PORT_DISTANCE),
+      y: inputY
+    };
+  },
+  getChildDelta(child, layout) {
+    const hasChild = !!child.firstChild;
+    if (child.entity.isVertical) {
+      let deltaX = hasChild ? 0 : -child.originDeltaX;
+      return { x: deltaX, y: 0 };
+    }
+    let deltaY = hasChild ? 0 : -child.originDeltaY;
+    const preTransform = child.entity.pre?.getData(FlowNodeTransformData4);
+    if (preTransform) {
+      const { localBounds: preBounds } = preTransform;
+      return {
+        x: 0,
+        y: preBounds.bottom + 30 + deltaY
+      };
+    }
+    return { x: 0, y: deltaY };
+  },
+  getChildLabels() {
+    return [];
+  },
+  getChildLines() {
+    return [];
+  },
+  getDelta(transform) {
+    return {
+      x: 0,
+      y: 0
+    };
   }
 };
 
+// src/activities/slot/slot.ts
+var SlotRegistry = {
+  type: FlowNodeBaseType28.SLOT,
+  extend: "block",
+  meta: {
+    // Slot 节点内部暂时不允许拖拽
+    draggable: (node) => !insideSlot(node),
+    hidden: true,
+    spacing: (node) => getDefaultSpacing13(node.entity, SlotSpacingKey.SLOT_SPACING, SLOT_SPACING),
+    padding: (node) => ({
+      left: 0,
+      right: node.collapsed ? getDefaultSpacing13(node.entity, SlotSpacingKey.SLOT_START_DISTANCE, SLOT_START_DISTANCE) : 0,
+      bottom: !insideSlot(node.entity) && node.isLast ? SLOT_NODE_LAST_SPACING : 0,
+      top: 0
+    }),
+    copyDisable: false,
+    defaultExpanded: false
+  },
+  /**
+   * 业务通常需要重载方法
+   */
+  onCreate: createSlotFromJSON,
+  getLines: (transition) => [
+    ...!insideSlot(transition.entity) ? drawStraightLine(transition) : []
+  ],
+  getLabels: (transition) => [
+    ...!insideSlot(transition.entity) ? drawStraightAdder(transition) : []
+  ],
+  getInputPoint,
+  getOutputPoint,
+  onAfterUpdateLocalTransform(transform) {
+    const { isVertical } = transform.entity;
+    if (!isVertical) {
+      return;
+    }
+    const icon = transform.firstChild;
+    const inlineBlocks = transform.lastChild;
+    if (!icon || !inlineBlocks) {
+      return;
+    }
+    const iconSize = icon.localBounds.height;
+    const inlineBlocksSize = inlineBlocks.localBounds.height;
+    if (transform.collapsed || !inlineBlocks) {
+      return;
+    }
+    const portsMiddle = getAllPortsMiddle(inlineBlocks);
+    icon.entity.clearMemoLocal();
+    inlineBlocks.entity.clearMemoLocal();
+    if (iconSize / 2 + portsMiddle > inlineBlocksSize || !inlineBlocks.children.length) {
+      icon.transform.update({
+        position: { x: icon.transform.position.x, y: 0 }
+      });
+      inlineBlocks.transform.update({
+        position: {
+          x: inlineBlocks.transform.position.x,
+          y: Math.max(iconSize / 2 - inlineBlocksSize / 2, 0)
+        }
+      });
+      return;
+    }
+    inlineBlocks.transform.update({
+      position: { x: inlineBlocks.transform.position.x, y: 0 }
+    });
+    icon?.transform.update({
+      position: {
+        x: icon.transform.position.x,
+        y: Math.max(portsMiddle - iconSize / 2, 0)
+        // 所有 port 的中间点
+      }
+    });
+  },
+  extendChildRegistries: [SlotIconRegistry, SlotInlineBlocksRegistry]
+};
+
 // src/flow-registers.ts
 var FlowRegisters = class {
   /**
@@ -1462,6 +2454,8 @@ var FlowRegisters = class {
       // 动态分支（并行、排他）
       StaticSplitRegistry,
       // 静态分支（审批）
+      SimpleSplitRegistry,
+      // 简单分支 （不带 orderIcon 节点）
       BlockRegistry,
       // 单条 block 注册
       InlineBlocksRegistry,
@@ -1476,15 +2470,23 @@ var FlowRegisters = class {
       // 结束节点
       LoopRegistry,
       // 循环节点
-      EmptyRegistry
+      EmptyRegistry,
       // 占位节点
+      BreakRegistry,
+      // 分支断开
+      MultiOuputsRegistry,
+      MultiInputsRegistry,
+      InputRegistry,
+      OuputRegistry,
+      SlotRegistry,
+      SlotBlockRegistry
     );
     document.registerNodeDatas(
-      FlowNodeRenderData3,
+      FlowNodeRenderData4,
       // 渲染节点相关数据
       FlowNodeTransitionData,
       // 线条绘制数据
-      FlowNodeTransformData3
+      FlowNodeTransformData5
       // 坐标计算数据
     );
   }
@@ -1502,12 +2504,8 @@ var FlowRegisters = class {
       // 线条渲染
       FlowLabelsLayer,
       // Label 渲染
-      PlaygroundLayer,
+      PlaygroundLayer
       // 画布基础层，提供缩放、手势等能力
-      FlowScrollLimitLayer,
-      // 控制滚动范围
-      FlowScrollBarLayer
-      // 滚动条
     );
   }
   /**
@@ -1545,10 +2543,17 @@ var FixedLayoutRegistries = {
   StaticSplitRegistry,
   TryCatchRegistry,
   StartRegistry,
-  RootRegistry
+  RootRegistry,
+  InlineBlocksRegistry,
+  EndRegistry,
+  SlotRegistry,
+  SlotBlockRegistry,
+  SlotIconRegistry,
+  SlotInlineBlocksRegistry
 };
 export {
   FixedLayoutContainerModule,
-  FixedLayoutRegistries
+  FixedLayoutRegistries,
+  SlotSpacingKey
 };
 //# sourceMappingURL=index.js.map