@flowgram.ai/fixed-layout-core 0.1.0-alpha.10

package/dist/esm/index.js

@@ -0,0 +1,1894 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/fixed-layout-container-module.ts
+import { ContainerModule } from "inversify";
+import { FlowRendererContribution } from "@flowgram.ai/renderer";
+import { FlowDocumentContribution } from "@flowgram.ai/document";
+import { PlaygroundContribution } from "@flowgram.ai/core";
+import { bindContributions } from "@flowgram.ai/utils";
+
+// src/flow-registers.ts
+import { injectable } from "inversify";
+import {
+  FlowLabelsLayer,
+  FlowLinesLayer,
+  FlowNodesContentLayer,
+  FlowNodesTransformLayer
+} from "@flowgram.ai/renderer";
+import {
+  FlowNodeRenderData as FlowNodeRenderData4,
+  FlowNodeTransformData as FlowNodeTransformData3,
+  FlowNodeTransitionData
+} from "@flowgram.ai/document";
+import { PlaygroundLayer } from "@flowgram.ai/core";
+
+// src/activities/end.ts
+import { FlowNodeBaseType } from "@flowgram.ai/document";
+var EndRegistry = {
+  type: FlowNodeBaseType.END,
+  meta: {
+    draggable: false,
+    isNodeEnd: true,
+    selectable: false,
+    copyDisable: true
+  },
+  // 结束节点没有出边和 label
+  getLines() {
+    return [];
+  },
+  getLabels() {
+    return [];
+  }
+};
+
+// src/activities/dynamic-split.ts
+import {
+  FlowLayoutDefault,
+  FlowNodeSplitType,
+  FlowTransitionLabelEnum,
+  ConstantKeys,
+  getDefaultSpacing
+} from "@flowgram.ai/document";
+var DynamicSplitRegistry = {
+  type: FlowNodeSplitType.DYNAMIC_SPLIT,
+  meta: {
+    hidden: true,
+    inlineSpacingAfter: (node) => node.collapsed && node.entity.collapsedChildren.length > 1 ? 21 : 0,
+    // 判断是否有分支节点
+    spacing: (node) => {
+      const spacing = getDefaultSpacing(node.entity, ConstantKeys.NODE_SPACING);
+      return node.children.length === 1 ? spacing : spacing / 2;
+    }
+  },
+  getLabels(transition) {
+    if (transition.isNodeEnd) {
+      return [];
+    }
+    return [
+      {
+        type: FlowTransitionLabelEnum.ADDER_LABEL,
+        offset: transition.transform.outputPoint
+      }
+    ];
+  },
+  onCreate(node, json) {
+    return node.document.addInlineBlocks(node, json.blocks || []);
+  },
+  getInputPoint(transform) {
+    return transform.firstChild?.inputPoint || transform.defaultInputPoint;
+  },
+  getOutputPoint(transform, layout) {
+    const isVertical = FlowLayoutDefault.isVertical(layout);
+    const noInlineBlocks = transform.children.length === 1;
+    const lastChildOutput = transform.lastChild?.outputPoint;
+    const spacing = getDefaultSpacing(transform.entity, ConstantKeys.NODE_SPACING);
+    if (isVertical) {
+      return {
+        x: lastChildOutput ? lastChildOutput.x : transform.bounds.center.x,
+        y: transform.bounds.bottom + (noInlineBlocks ? spacing / 2 : 0)
+      };
+    }
+    return {
+      x: transform.bounds.right + (noInlineBlocks ? spacing / 2 : 0),
+      y: lastChildOutput ? lastChildOutput.y : transform.bounds.center.y
+    };
+  },
+  /**
+   * @depreacted
+   */
+  addChild(node, json, options = {}) {
+    const { index } = options;
+    const document = node.document;
+    const parentId = `$inlineBlocks$${node.id}`;
+    let parent = document.getNode(parentId);
+    if (!parent) {
+      parent = document.addNode({
+        id: parentId,
+        type: "inlineBlocks",
+        originParent: node,
+        parent: node
+      });
+    }
+    return document.addBlock(node, json, void 0, void 0, index);
+  }
+};
+
+// src/activities/static-split.ts
+import { FlowNodeBaseType as FlowNodeBaseType2, FlowNodeSplitType as FlowNodeSplitType2 } from "@flowgram.ai/document";
+var StaticSplitRegistry = {
+  extend: FlowNodeSplitType2.DYNAMIC_SPLIT,
+  type: FlowNodeSplitType2.STATIC_SPLIT,
+  extendChildRegistries: [
+    {
+      type: FlowNodeBaseType2.INLINE_BLOCKS,
+      getLabels() {
+        return [];
+      }
+    }
+  ]
+};
+
+// src/activities/block.ts
+import {
+  DEFAULT_SPACING,
+  FlowLayoutDefault as FlowLayoutDefault2,
+  FlowNodeBaseType as FlowNodeBaseType3,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum2,
+  FlowTransitionLineEnum,
+  LABEL_SIDE_TYPE
+} from "@flowgram.ai/document";
+var BlockRegistry = {
+  type: FlowNodeBaseType3.BLOCK,
+  meta: {
+    spacing: DEFAULT_SPACING.NULL,
+    inlineSpacingAfter: DEFAULT_SPACING.INLINE_BLOCK_PADDING_BOTTOM,
+    hidden: true
+  },
+  getLines(transition) {
+    const currentTransform = transition.transform;
+    const { isVertical } = transition.entity;
+    const lines = [
+      {
+        type: FlowTransitionLineEnum.DIVERGE_LINE,
+        from: currentTransform.parent.inputPoint,
+        to: currentTransform.inputPoint,
+        side: LABEL_SIDE_TYPE.NORMAL_BRANCH
+      }
+    ];
+    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.inputPoint.y;
+        if (currentTransform?.next) {
+          lines.push({
+            type: FlowTransitionLineEnum.DRAGGING_LINE,
+            from: currentTransform.parent.inputPoint,
+            to: {
+              x: (currentOffsetRightX + nextOffsetLeftX) / 2,
+              y: currentInputPointY
+            },
+            side: 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.inputPoint.x;
+        if (currentTransform?.next) {
+          lines.push({
+            type: FlowTransitionLineEnum.DRAGGING_LINE,
+            from: currentTransform.parent.inputPoint,
+            to: {
+              x: currentInputPointX,
+              y: (currentOffsetBottomX + nextOffsetTopX) / 2
+            },
+            side: LABEL_SIDE_TYPE.NORMAL_BRANCH
+          });
+        }
+      }
+    }
+    if (!transition.isNodeEnd) {
+      lines.push({
+        type: FlowTransitionLineEnum.MERGE_LINE,
+        from: currentTransform.outputPoint,
+        to: currentTransform.parent.outputPoint,
+        side: LABEL_SIDE_TYPE.NORMAL_BRANCH
+      });
+    }
+    return lines;
+  },
+  getInputPoint(trans) {
+    const child = trans.firstChild;
+    return child ? child.inputPoint : trans.defaultInputPoint;
+  },
+  getOutputPoint(trans, layout) {
+    const isVertical = FlowLayoutDefault2.isVertical(layout);
+    const child = trans.lastChild;
+    if (isVertical) {
+      return {
+        x: child ? child.outputPoint.x : trans.bounds.bottomCenter.x,
+        y: trans.bounds.bottom
+      };
+    }
+    return {
+      x: trans.bounds.right,
+      y: child ? child.outputPoint.y : trans.bounds.rightCenter.y
+    };
+  },
+  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.inputPoint.y;
+        if (currentTransform?.next) {
+          draggingLabel.push({
+            offset: {
+              x: (currentOffsetRightX + nextOffsetLeftX) / 2,
+              y: currentInputPointY
+            },
+            type: FlowTransitionLabelEnum2.BRANCH_DRAGGING_LABEL,
+            width: nextOffsetLeftX - currentOffsetRightX,
+            props: {
+              side: 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.inputPoint.x;
+        if (currentTransform?.next) {
+          draggingLabel.push({
+            offset: {
+              x: currentInputPointX,
+              y: (currentOffsetBottomX + nextOffsetTopX) / 2
+            },
+            type: FlowTransitionLabelEnum2.BRANCH_DRAGGING_LABEL,
+            width: nextOffsetTopX - currentOffsetBottomX,
+            props: {
+              side: LABEL_SIDE_TYPE.NORMAL_BRANCH
+            }
+          });
+        }
+      }
+    }
+    return [...draggingLabel];
+  },
+  /**
+   * @depreacted
+   */
+  addChild(node, json, options = {}) {
+    const { index } = options;
+    const document = node.document;
+    return document.addNode({
+      ...json,
+      ...options,
+      parent: node,
+      index: typeof index === "number" ? index + 1 : void 0
+    });
+  }
+};
+
+// src/activities/inline-blocks.ts
+import { Point } from "@flowgram.ai/utils";
+import { FlowRendererKey } from "@flowgram.ai/renderer";
+import {
+  DEFAULT_SPACING as DEFAULT_SPACING2,
+  FlowNodeBaseType as FlowNodeBaseType4,
+  FlowNodeRenderData,
+  FlowNodeTransformData,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum3,
+  FlowLayoutDefault as FlowLayoutDefault3,
+  ConstantKeys as ConstantKeys2,
+  getDefaultSpacing as getDefaultSpacing2
+} from "@flowgram.ai/document";
+var InlineBlocksRegistry = {
+  type: FlowNodeBaseType4.INLINE_BLOCKS,
+  meta: {
+    hidden: true,
+    spacing: (node) => getDefaultSpacing2(node.entity, ConstantKeys2.NODE_SPACING),
+    isInlineBlocks: true,
+    inlineSpacingPre: (node) => getDefaultSpacing2(node.entity, ConstantKeys2.INLINE_BLOCKS_PADDING_TOP) || DEFAULT_SPACING2.INLINE_BLOCKS_PADDING_TOP,
+    inlineSpacingAfter: (node) => getDefaultSpacing2(node.entity, ConstantKeys2.INLINE_BLOCKS_PADDING_BOTTOM)
+  },
+  /**
+   * 控制子分支的间距
+   * @param child
+   */
+  getChildDelta(child, layout) {
+    const isVertical = FlowLayoutDefault3.isVertical(layout);
+    const preTransform = child.entity.pre?.getData(FlowNodeTransformData);
+    if (preTransform) {
+      const { localBounds: preBounds } = preTransform;
+      if (isVertical) {
+        const leftSpacing = preTransform.size.width + preTransform.originDeltaX;
+        const delta = Math.max(
+          child.parent.minInlineBlockSpacing - leftSpacing,
+          getDefaultSpacing2(child.entity, ConstantKeys2.BRANCH_SPACING) - child.originDeltaX
+        );
+        return {
+          // 这里需要加上原点的偏移量，并加上水平间距
+          x: preBounds.right + delta,
+          y: 0
+        };
+      } else {
+        const bottomSpacing = preTransform.size.height + preTransform.originDeltaY;
+        const delta = Math.max(
+          child.parent.minInlineBlockSpacing - bottomSpacing,
+          getDefaultSpacing2(child.entity, ConstantKeys2.BRANCH_SPACING) - child.originDeltaY
+        );
+        return {
+          x: 0,
+          // 这里需要加上原点的偏移量，并加上垂直间距
+          y: preBounds.bottom + delta
+        };
+      }
+    }
+    return {
+      x: 0,
+      y: 0
+    };
+  },
+  /**
+   * 控制条件分支居中布局
+   * @param trans
+   */
+  getDelta(trans, layout) {
+    const isVertical = FlowLayoutDefault3.isVertical(layout);
+    const { pre, collapsed } = trans;
+    if (collapsed) {
+      return { x: 0, y: 0 };
+    }
+    if (isVertical) {
+      const preCenter2 = pre.localBounds.center.x;
+      const firstBlockX = trans.firstChild?.transform.position.x || 0;
+      const lastBlockX = trans.lastChild?.transform.position.x || 0;
+      const currentCenter2 = (lastBlockX - firstBlockX) / 2;
+      return {
+        x: preCenter2 - currentCenter2,
+        y: 0
+      };
+    }
+    const preCenter = pre.localBounds.center.y;
+    const firstBlockY = trans.firstChild?.transform.position.y || 0;
+    const lastBlockY = trans.lastChild?.transform.position.y || 0;
+    const currentCenter = (lastBlockY - firstBlockY) / 2;
+    return {
+      x: 0,
+      y: preCenter - currentCenter
+    };
+  },
+  getLabels(transition) {
+    return getBranchAdderLabel(transition);
+  },
+  getLines() {
+    return [];
+  },
+  // 和前序节点对齐
+  getInputPoint(transform, layout) {
+    const isVertical = FlowLayoutDefault3.isVertical(layout);
+    if (isVertical) {
+      return {
+        x: transform.pre?.outputPoint.x || 0,
+        y: transform.bounds.top
+      };
+    }
+    return {
+      x: transform.bounds.left,
+      y: transform.pre?.outputPoint.y || 0
+    };
+  },
+  getOutputPoint(transform, layout) {
+    const isVertical = FlowLayoutDefault3.isVertical(layout);
+    if (transform.collapsed) {
+      return transform.inputPoint;
+    }
+    if (isVertical) {
+      return {
+        x: transform.pre?.outputPoint.x || 0,
+        y: transform.bounds.bottom
+      };
+    }
+    return {
+      x: transform.bounds.right,
+      y: transform.pre?.outputPoint.y || 0
+    };
+  }
+};
+function getBranchAdderLabel(transition) {
+  const { isVertical } = transition.entity;
+  const currentTransform = transition.transform;
+  if (currentTransform.collapsed) {
+    return [
+      {
+        type: FlowTransitionLabelEnum3.COLLAPSE_LABEL,
+        offset: Point.move(currentTransform.inputPoint, isVertical ? { y: 10 } : { x: 10 }),
+        props: {
+          activateNode: transition.entity.pre
+        }
+      }
+    ];
+  }
+  return [
+    {
+      type: FlowTransitionLabelEnum3.CUSTOM_LABEL,
+      renderKey: FlowRendererKey.BRANCH_ADDER,
+      offset: Point.move(currentTransform.inputPoint, isVertical ? { y: 10 } : { x: 10 }),
+      props: {
+        // 激活状态
+        activated: transition.entity.getData(FlowNodeRenderData).activated,
+        transform: currentTransform,
+        // 传给外部使用的 node 信息
+        node: currentTransform.originParent?.entity
+      }
+    }
+  ];
+}
+
+// src/activities/block-icon.ts
+import { Point as Point2 } from "@flowgram.ai/utils";
+import { DefaultSpacingKey, getDefaultSpacing as getDefaultSpacing3 } from "@flowgram.ai/document";
+import {
+  FlowNodeBaseType as FlowNodeBaseType5,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum4
+} from "@flowgram.ai/document";
+var BlockIconRegistry = {
+  type: FlowNodeBaseType5.BLOCK_ICON,
+  meta: {
+    spacing: 20,
+    // 占位节点下边偏小
+    // 条件分支 icon 默认的高度比较高，在流程里下边有文字
+    size: { width: 250, height: 84 }
+  },
+  /**
+   * 是一个占位节点，后续要加上 label 展开收起的图标
+   */
+  getLabels(transition) {
+    const currentTransform = transition.transform;
+    const { isVertical } = transition.entity;
+    if (transition.entity.parent.collapsedChildren.length <= 1) {
+      return [];
+    }
+    const collapsedSpacing = getDefaultSpacing3(
+      transition.entity,
+      DefaultSpacingKey.COLLAPSED_SPACING
+    );
+    return [
+      {
+        type: FlowTransitionLabelEnum4.COLLAPSE_LABEL,
+        offset: Point2.move(
+          currentTransform.outputPoint,
+          isVertical ? { y: collapsedSpacing } : { x: collapsedSpacing }
+        ),
+        props: {
+          collapseNode: transition.entity.parent,
+          activateNode: transition.entity
+        }
+      }
+    ];
+  }
+};
+
+// src/activities/block-order-icon.ts
+import { Point as Point3 } from "@flowgram.ai/utils";
+import { DefaultSpacingKey as DefaultSpacingKey2, getDefaultSpacing as getDefaultSpacing4 } from "@flowgram.ai/document";
+import {
+  FlowNodeBaseType as FlowNodeBaseType6,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum5
+} from "@flowgram.ai/document";
+var BlockOrderIconRegistry = {
+  type: FlowNodeBaseType6.BLOCK_ORDER_ICON,
+  meta: {
+    spacing: 40
+  },
+  getLabels(transition) {
+    const currentTransform = transition.transform;
+    const { isVertical } = transition.entity;
+    const currentOutput = currentTransform.outputPoint;
+    const nextTransform = currentTransform.next;
+    const parentTransform = currentTransform.parent;
+    if (transition.entity.parent.collapsedChildren.length <= 1) {
+      const parentOutput = parentTransform?.outputPoint;
+      return [
+        {
+          offset: parentOutput,
+          type: FlowTransitionLabelEnum5.ADDER_LABEL
+        }
+      ];
+    }
+    const collapsedSpacing = getDefaultSpacing4(
+      transition.entity,
+      DefaultSpacingKey2.COLLAPSED_SPACING
+    );
+    return [
+      {
+        offset: nextTransform ? Point3.getMiddlePoint(currentOutput, nextTransform.inputPoint) : Point3.move(
+          currentOutput,
+          isVertical ? { y: collapsedSpacing } : { x: collapsedSpacing }
+        ),
+        // 收起展开复合按钮
+        type: FlowTransitionLabelEnum5.COLLAPSE_ADDER_LABEL,
+        props: {
+          activateNode: transition.entity,
+          collapseNode: transition.entity.parent
+        }
+      }
+    ];
+  }
+};
+
+// src/activities/start.ts
+import { FlowNodeBaseType as FlowNodeBaseType7 } from "@flowgram.ai/document";
+var StartRegistry = {
+  type: FlowNodeBaseType7.START,
+  meta: {
+    isStart: true,
+    draggable: false,
+    selectable: false,
+    // 触发器等开始节点不能被框选
+    deleteDisable: true,
+    // 禁止删除
+    copyDisable: true,
+    // 禁止copy
+    addDisable: true
+    // 禁止添加
+  }
+};
+
+// src/activities/try-catch.ts
+import {
+  FlowLayoutDefault as FlowLayoutDefault6,
+  FlowNodeBaseType as FlowNodeBaseType12
+} from "@flowgram.ai/document";
+
+// src/activities/try-catch-extends/catch-block.ts
+import {
+  DEFAULT_SPACING as DEFAULT_SPACING3,
+  FlowNodeBaseType as FlowNodeBaseType8,
+  FlowTransitionLineEnum as FlowTransitionLineEnum2
+} from "@flowgram.ai/document";
+var CatchBlockRegistry = {
+  extend: FlowNodeBaseType8.BLOCK,
+  type: "catchBlock" /* CATCH_BLOCK */,
+  meta: {
+    hidden: true,
+    spacing: DEFAULT_SPACING3.NULL
+  },
+  getLines(transition) {
+    const { transform } = transition;
+    const { isVertical } = transition.entity;
+    const parentPoint = transform.parent;
+    const { inputPoint, outputPoint } = transform;
+    let parentInputPoint;
+    if (isVertical) {
+      parentInputPoint = {
+        x: parentPoint.inputPoint.x,
+        y: parentPoint.inputPoint.y - 20 /* CATCH_INLINE_SPACING */
+      };
+    } else {
+      parentInputPoint = {
+        x: parentPoint.inputPoint.x - 20 /* CATCH_INLINE_SPACING */,
+        y: parentPoint.inputPoint.y
+      };
+    }
+    const lines = [
+      {
+        type: FlowTransitionLineEnum2.DIVERGE_LINE,
+        from: parentInputPoint,
+        to: inputPoint
+      }
+    ];
+    if (!transition.isNodeEnd) {
+      let mergePoint;
+      if (isVertical) {
+        mergePoint = {
+          x: parentPoint.outputPoint.x,
+          y: parentPoint.bounds.bottom
+        };
+      } else {
+        mergePoint = {
+          x: parentPoint.bounds.right,
+          y: parentPoint.outputPoint.y
+        };
+      }
+      lines.push({
+        type: FlowTransitionLineEnum2.MERGE_LINE,
+        from: outputPoint,
+        to: mergePoint
+      });
+    }
+    return lines;
+  },
+  getLabels() {
+    return [];
+  }
+};
+
+// src/activities/try-catch-extends/catch-inline-blocks.ts
+import { FlowRendererKey as FlowRendererKey2 } from "@flowgram.ai/renderer";
+import {
+  DEFAULT_SPACING as DEFAULT_SPACING4,
+  FlowNodeBaseType as FlowNodeBaseType9,
+  FlowNodeRenderData as FlowNodeRenderData2,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum6,
+  FlowTransitionLineEnum as FlowTransitionLineEnum3,
+  FlowLayoutDefault as FlowLayoutDefault4
+} from "@flowgram.ai/document";
+var CatchInlineBlocksRegistry = {
+  extend: FlowNodeBaseType9.INLINE_BLOCKS,
+  type: "catchInlineBlocks" /* CATCH_INLINE_BLOCKS */,
+  meta: {
+    spacing: DEFAULT_SPACING4.NULL,
+    inlineSpacingPre: DEFAULT_SPACING4.NULL
+    // inlineSpacingAfter: DEFAULT_SPACING.NULL,
+  },
+  getDelta() {
+    return void 0;
+  },
+  getLines(transition) {
+    const { transform } = transition;
+    const mainInlineBlocks = transform.parent;
+    const lines = [
+      {
+        type: FlowTransitionLineEnum3.DIVERGE_LINE,
+        from: mainInlineBlocks.pre.outputPoint,
+        to: transform.inputPoint
+      }
+    ];
+    if (!transform.entity.isNodeEnd) {
+      lines.push({
+        type: FlowTransitionLineEnum3.MERGE_LINE,
+        from: transform.outputPoint,
+        to: mainInlineBlocks.outputPoint
+      });
+    }
+    return lines;
+  },
+  getOriginDeltaX(transform) {
+    const { firstChild } = transform;
+    if (!firstChild) return 0;
+    return firstChild.originDeltaX;
+  },
+  getLabels(transition) {
+    const { inputPoint } = transition.transform;
+    const { isVertical } = transition.entity;
+    const currentTransform = transition.transform;
+    const actualInputPoint = {
+      x: isVertical ? inputPoint.x : inputPoint.x - 20 /* CATCH_INLINE_SPACING */,
+      y: isVertical ? inputPoint.y - 20 /* CATCH_INLINE_SPACING */ : inputPoint.y
+    };
+    if (currentTransform.collapsed) {
+      return [];
+    }
+    return [
+      {
+        type: FlowTransitionLabelEnum6.CUSTOM_LABEL,
+        renderKey: FlowRendererKey2.BRANCH_ADDER,
+        offset: actualInputPoint,
+        props: {
+          // 激活状态
+          activated: transition.entity.getData(FlowNodeRenderData2).activated,
+          transform: currentTransform,
+          // 传给外部使用的 node 信息
+          node: currentTransform.originParent?.entity
+        }
+      }
+    ];
+  },
+  getInputPoint(transform, layout) {
+    const isVertical = FlowLayoutDefault4.isVertical(layout);
+    const firstCatchBlock = transform.firstChild;
+    if (firstCatchBlock) {
+      return firstCatchBlock.inputPoint;
+    }
+    return isVertical ? transform.bounds.topCenter : transform.bounds.rightCenter;
+  },
+  getOutputPoint(transform, layout) {
+    const isVertical = FlowLayoutDefault4.isVertical(layout);
+    if (transform.collapsed) {
+      return transform.inputPoint;
+    }
+    const firstCatchBlock = transform.firstChild;
+    if (firstCatchBlock) {
+      return isVertical ? {
+        x: firstCatchBlock.outputPoint?.x,
+        y: transform.bounds.bottom
+      } : {
+        x: transform.bounds.right,
+        y: firstCatchBlock.outputPoint?.y
+      };
+    }
+    return isVertical ? transform.bounds.bottomCenter : transform.bounds.rightCenter;
+  }
+};
+
+// src/activities/try-catch-extends/main-inline-blocks.ts
+import { FlowRendererKey as FlowRendererKey3, FlowTextKey } from "@flowgram.ai/renderer";
+import {
+  FlowNodeBaseType as FlowNodeBaseType10,
+  FlowNodeTransformData as FlowNodeTransformData2,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum7,
+  FlowTransitionLineEnum as FlowTransitionLineEnum4,
+  FlowLayoutDefault as FlowLayoutDefault5,
+  getDefaultSpacing as getDefaultSpacing5,
+  ConstantKeys as ConstantKeys3
+} from "@flowgram.ai/document";
+var MainInlineBlocksRegistry = {
+  extend: FlowNodeBaseType10.INLINE_BLOCKS,
+  type: "mainInlineBlocks" /* MAIN_INLINE_BLOCKS */,
+  meta: {
+    inlineSpacingPre: 20 /* MAIN_INLINE_SPACING_TOP */,
+    inlineSpacingAfter: 40 /* MAIN_INLINE_SPACING_BOTTOM */
+  },
+  getLines(transition) {
+    const { transform } = transition;
+    const tryBranch = transform.firstChild;
+    const lines = [
+      {
+        type: FlowTransitionLineEnum4.STRAIGHT_LINE,
+        from: tryBranch.outputPoint,
+        to: transform.originParent.outputPoint
+      }
+    ];
+    return lines;
+  },
+  getLabels(transition) {
+    const { transform } = transition;
+    const { isVertical } = transition.entity;
+    const catchInlineBlocks = transform.children[1];
+    const errLabelX = isVertical ? (transform.parent.outputPoint.x + catchInlineBlocks.inputPoint.x) / 2 : transform.inputPoint.x - 54 /* INLINE_SPACING_TOP */;
+    const errLabelY = isVertical ? transform.inputPoint.y - 54 /* INLINE_SPACING_TOP */ : (transform.parent.outputPoint.y + catchInlineBlocks.inputPoint.y) / 2;
+    const errorLabelX = errLabelX;
+    const errorLabelY = errLabelY;
+    return [
+      {
+        type: FlowTransitionLabelEnum7.TEXT_LABEL,
+        renderKey: FlowTextKey.TRY_START_TEXT,
+        offset: {
+          x: isVertical ? transform.inputPoint.x : transform.inputPoint.x + -20 /* TRY_START_LABEL_DELTA */,
+          y: isVertical ? transform.inputPoint.y + -20 /* TRY_START_LABEL_DELTA */ : transform.inputPoint.y
+        }
+      },
+      {
+        type: FlowTransitionLabelEnum7.TEXT_LABEL,
+        renderKey: FlowTextKey.TRY_END_TEXT,
+        offset: {
+          x: isVertical ? transform.inputPoint.x : transform.originParent.outputPoint.x + -20 /* TRY_END_LABEL_DELTA */,
+          y: isVertical ? transform.originParent.outputPoint.y + -20 /* TRY_END_LABEL_DELTA */ : transform.inputPoint.y
+        }
+      },
+      // 错误分支收起
+      {
+        type: FlowTransitionLabelEnum7.CUSTOM_LABEL,
+        renderKey: FlowRendererKey3.TRY_CATCH_COLLAPSE,
+        offset: {
+          x: errorLabelX,
+          y: errorLabelY
+        },
+        props: {
+          node: transform.lastChild?.entity
+        }
+      }
+    ];
+  },
+  getInputPoint(transform) {
+    const tryBlock = transform.firstChild;
+    return tryBlock.inputPoint;
+  },
+  getOutputPoint(transform, layout) {
+    const tryBlock = transform.firstChild;
+    const isVertical = FlowLayoutDefault5.isVertical(layout);
+    if (isVertical) {
+      return {
+        x: tryBlock.outputPoint.x,
+        y: transform.bounds.bottom + 20 /* CATCH_INLINE_SPACING */
+      };
+    }
+    return {
+      x: transform.bounds.right + 20 /* CATCH_INLINE_SPACING */,
+      y: tryBlock.outputPoint.y
+    };
+  },
+  getDelta() {
+    return void 0;
+  },
+  getChildDelta(child, layout) {
+    const preTransform = child.entity.pre?.getData(FlowNodeTransformData2);
+    const isVertical = FlowLayoutDefault5.isVertical(layout);
+    if (preTransform) {
+      const { localBounds: preBounds } = preTransform;
+      let delta = 0;
+      if (isVertical) {
+        delta = Math.max(
+          child.parent.minInlineBlockSpacing,
+          -child.originDeltaX + getDefaultSpacing5(child.entity, ConstantKeys3.BRANCH_SPACING)
+        );
+      } else {
+        delta = Math.max(
+          child.parent.minInlineBlockSpacing,
+          -child.originDeltaY + getDefaultSpacing5(child.entity, ConstantKeys3.BRANCH_SPACING)
+        );
+      }
+      return {
+        // 分支只有两个所以这里可以写死间隔宽度
+        x: isVertical ? preBounds.right + delta : 0,
+        y: isVertical ? 0 : preBounds.bottom + delta
+      };
+    }
+    return {
+      x: 0,
+      y: 0
+    };
+  }
+};
+
+// src/activities/try-catch-extends/try-block.ts
+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_SPACING5.NULL
+  },
+  getLines() {
+    return [];
+  },
+  getLabels() {
+    return [];
+  }
+};
+
+// src/activities/try-catch-extends/try-slot.ts
+import { FlowTransitionLabelEnum as FlowTransitionLabelEnum8 } from "@flowgram.ai/document";
+var TrySlotRegistry = {
+  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
+var TryCatchRegistry = {
+  type: "tryCatch",
+  meta: {
+    hidden: true,
+    inlineSpacingAfter: 0 /* INLINE_SPACING_BOTTOM */
+  },
+  /**
+   * 结构
+   * tryCatch
+   *    - tryCatchIcon
+   *    - mainInlineBlocks
+   *        - tryBlock // try 分支
+   *          - trySlot // 空节点用来占位，try 分支一开始没有节点
+   *        - catchInlineBlocks
+   *            - catchBlock // catch 分支 1
+   *              - blockOrderIcon
+   *              - node1
+   *            - catchBlock // catch 分支 2
+   *              - blockOrderIcon
+   *              - node 2
+   * @param node
+   * @param json
+   */
+  onCreate(node, json) {
+    const { document } = node;
+    const [tryBlock, ...catchBlocks] = json.blocks || [];
+    const addedNodes = [];
+    const tryCatchIconNode = document.addNode({
+      id: `$tryCatchIcon$${node.id}`,
+      type: FlowNodeBaseType12.BLOCK_ICON,
+      originParent: node,
+      parent: node
+    });
+    const mainBlockNode = document.addNode({
+      id: `$mainInlineBlocks$${node.id}`,
+      type: "mainInlineBlocks" /* MAIN_INLINE_BLOCKS */,
+      originParent: node,
+      parent: node
+    });
+    const tryBlockNode = document.addNode({
+      id: tryBlock.id,
+      type: tryBlock.type || "tryBlock" /* TRY_BLOCK */,
+      originParent: node,
+      parent: mainBlockNode,
+      data: tryBlock.data
+    });
+    const trySlotNode = document.addNode({
+      id: `$trySlot$${tryBlock.id}`,
+      hidden: true,
+      type: "trySlot" /* TRY_SLOT */,
+      // 占位节点
+      originParent: node,
+      parent: tryBlockNode
+    });
+    const catchInlineBlocksNode = document.addNode({
+      id: `$catchInlineBlocks$${node.id}`,
+      type: "catchInlineBlocks" /* CATCH_INLINE_BLOCKS */,
+      originParent: node,
+      parent: mainBlockNode
+    });
+    addedNodes.push(
+      tryCatchIconNode,
+      mainBlockNode,
+      tryBlockNode,
+      trySlotNode,
+      catchInlineBlocksNode
+    );
+    (tryBlock.blocks || []).forEach((blockData) => {
+      document.addNode(
+        {
+          ...blockData,
+          parent: tryBlockNode
+        },
+        addedNodes
+      );
+    });
+    catchBlocks.forEach((blockData) => {
+      document.addBlock(node, blockData, addedNodes);
+    });
+    return addedNodes;
+  },
+  /**
+   * 添加 catch 分支
+   * @param node
+   * @param blockData
+   * @param addedNodes
+   */
+  onBlockChildCreate(node, blockData, addedNodes) {
+    const parent = node.document.getNode(`$catchInlineBlocks$${node.id}`);
+    const block = node.document.addNode({
+      id: blockData.id,
+      type: blockData.type || "catchBlock" /* CATCH_BLOCK */,
+      originParent: node,
+      parent,
+      data: blockData.data
+    });
+    const blockOrderIcon = node.document.addNode({
+      id: `$blockOrderIcon$${blockData.id}`,
+      type: FlowNodeBaseType12.BLOCK_ORDER_ICON,
+      originParent: node,
+      parent: block
+    });
+    if (blockData.blocks) {
+      node.document.addBlocksAsChildren(block, blockData.blocks || [], addedNodes);
+    }
+    addedNodes?.push(block, blockOrderIcon);
+    return block;
+  },
+  getInputPoint(transform) {
+    const tryCatchIcon = transform.firstChild;
+    return tryCatchIcon.inputPoint;
+  },
+  getOutputPoint(transform, layout) {
+    const isVertical = FlowLayoutDefault6.isVertical(layout);
+    const tryCatchIcon = transform.firstChild;
+    if (isVertical) {
+      return {
+        x: tryCatchIcon.inputPoint.x,
+        y: transform.bounds.bottom
+      };
+    }
+    return {
+      x: transform.bounds.right,
+      y: tryCatchIcon.inputPoint.y
+    };
+  },
+  /**
+   * tryCatch 子节点配置
+   */
+  extendChildRegistries: [
+    /**
+     * icon 节点
+     */
+    {
+      type: FlowNodeBaseType12.BLOCK_ICON,
+      meta: {
+        spacing: 54 /* INLINE_SPACING_TOP */
+      },
+      getLabels() {
+        return [];
+      }
+    },
+    MainInlineBlocksRegistry,
+    CatchInlineBlocksRegistry,
+    TryBlockRegistry,
+    CatchBlockRegistry,
+    TrySlotRegistry
+  ]
+};
+
+// src/activities/loop.ts
+import { Point as Point5 } from "@flowgram.ai/utils";
+import { FlowTextKey as FlowTextKey3 } from "@flowgram.ai/renderer";
+import {
+  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 ConstantKeys4 } from "@flowgram.ai/document";
+var LoopSpacings = {
+  SPACING: 16,
+  // 距离下面节点距离
+  COLLAPSE_INLINE_SPACING_BOTTOM: 60,
+  // 距离下面节点距离
+  [ConstantKeys4.INLINE_SPACING_BOTTOM]: 48,
+  // 下边空白
+  MIN_INLINE_BLOCK_SPACING: 280,
+  // 最小循环圈宽度
+  HORIZONTAL_MIN_INLINE_BLOCK_SPACING: 180,
+  // 水平布局下的最小循环圈高度
+  LEFT_EMPTY_BLOCK_WIDTH: 80,
+  // 左边空分支宽度
+  EMPTY_BRANCH_SPACING: 20,
+  // 左边空分支宽度
+  LOOP_BLOCK_ICON_SPACING: 13,
+  // inlineBlocks 的 inlineBottom
+  [ConstantKeys4.INLINE_BLOCKS_INLINE_SPACING_BOTTOM]: 23,
+  // inlineBlocks 的 inlineBottom
+  INLINE_BLOCKS_INLINE_SPACING_TOP: 30
+  // inlineBlocks 的 inlineTop
+};
+
+// src/activities/loop-extends/loop-left-empty-block.ts
+var LoopLeftEmptyBlockRegistry = {
+  type: "loopLeftEmptyBlock" /* LOOP_LEFT_EMPTY_BLOCK */,
+  meta: {
+    inlineSpacingAfter: 0,
+    spacing: 0,
+    size: {
+      width: LoopSpacings.LEFT_EMPTY_BLOCK_WIDTH,
+      height: 0
+    }
+  },
+  onAfterUpdateLocalTransform(transform) {
+    if (transform.entity.isVertical) {
+      transform.data.size = {
+        width: LoopSpacings.LEFT_EMPTY_BLOCK_WIDTH,
+        height: 0
+      };
+    } else {
+      transform.data.size = {
+        width: 0,
+        height: LoopSpacings.LEFT_EMPTY_BLOCK_WIDTH
+      };
+    }
+    transform.transform.update({
+      size: transform.data.size
+    });
+  },
+  getLines() {
+    return [];
+  },
+  getLabels() {
+    return [];
+  }
+};
+
+// src/activities/loop-extends/loop-right-empty-block.ts
+var LoopRightEmptyBlockRegistry = {
+  ...BlockRegistry,
+  type: "loopRightEmptyBlock" /* LOOP_RIGHT_EMPTY_BLOCK */,
+  meta: {
+    ...BlockRegistry.meta,
+    inlineSpacingAfter: 0
+  }
+};
+
+// src/activities/loop-extends/loop-empty-branch.ts
+import { FlowTransitionLabelEnum as FlowTransitionLabelEnum9 } from "@flowgram.ai/document";
+var LoopEmptyBranchRegistry = {
+  type: "loopEmptyBranch" /* LOOP_EMPTY_BRANCH */,
+  meta: {
+    inlineSpacingAfter: 0,
+    spacing: LoopSpacings.EMPTY_BRANCH_SPACING,
+    size: {
+      width: 100,
+      height: 0
+    }
+  },
+  getLabels(transition) {
+    const { isVertical } = transition.entity;
+    const currentTransform = transition.transform;
+    if (isVertical) {
+      return [
+        {
+          type: FlowTransitionLabelEnum9.ADDER_LABEL,
+          offset: {
+            x: currentTransform.inputPoint.x,
+            y: currentTransform.bounds.center.y + 8
+            // 右边空节点
+          }
+        }
+      ];
+    }
+    return [
+      {
+        type: FlowTransitionLabelEnum9.ADDER_LABEL,
+        offset: {
+          x: currentTransform.bounds.center.x + 8,
+          y: currentTransform.inputPoint.y
+        }
+      }
+    ];
+  },
+  onAfterUpdateLocalTransform(transform) {
+    if (transform.entity.isVertical) {
+      transform.data.size = {
+        width: 100,
+        height: 0
+      };
+    } else {
+      transform.data.size = {
+        width: 0,
+        height: 100
+      };
+    }
+    transform.transform.update({
+      size: transform.data.size
+    });
+  }
+};
+
+// src/activities/loop-extends/loop-inline-blocks.ts
+import { Point as Point4 } from "@flowgram.ai/utils";
+import { FlowTextKey as FlowTextKey2 } from "@flowgram.ai/renderer";
+import {
+  FlowNodeBaseType as FlowNodeBaseType13,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum10,
+  FlowTransitionLineEnum as FlowTransitionLineEnum5,
+  getDefaultSpacing as getDefaultSpacing6,
+  ConstantKeys as ConstantKeys5
+} from "@flowgram.ai/document";
+var LoopInlineBlocksNodeRegistry = {
+  type: FlowNodeBaseType13.INLINE_BLOCKS,
+  meta: {
+    inlineSpacingPre: (node) => {
+      const inlineBlocksInlineSpacingTop = getDefaultSpacing6(
+        node.entity,
+        ConstantKeys5.INLINE_BLOCKS_INLINE_SPACING_TOP,
+        LoopSpacings.INLINE_BLOCKS_INLINE_SPACING_TOP
+      );
+      return inlineBlocksInlineSpacingTop;
+    },
+    inlineSpacingAfter: (node) => {
+      const inlineBlocksInlineSpacingBottom = getDefaultSpacing6(
+        node.entity,
+        ConstantKeys5.INLINE_BLOCKS_INLINE_SPACING_BOTTOM,
+        LoopSpacings.INLINE_BLOCKS_INLINE_SPACING_BOTTOM
+      );
+      return inlineBlocksInlineSpacingBottom;
+    },
+    minInlineBlockSpacing: (node) => node.entity.isVertical ? LoopSpacings.MIN_INLINE_BLOCK_SPACING : LoopSpacings.HORIZONTAL_MIN_INLINE_BLOCK_SPACING
+  },
+  getLines(transition) {
+    const currentTransform = transition.transform;
+    const parentTransform = currentTransform.parent;
+    const { isVertical } = transition.entity;
+    const lines = [
+      // 循环结束线
+      {
+        type: FlowTransitionLineEnum5.STRAIGHT_LINE,
+        from: currentTransform.outputPoint,
+        to: parentTransform.outputPoint
+      }
+    ];
+    if (currentTransform.collapsed) {
+      return lines;
+    }
+    const [leftBlockTransform] = currentTransform.children;
+    return [
+      ...lines,
+      // 循环回撤线 - 1 分成两段可以被 viewport 识别出矩阵区域
+      {
+        type: FlowTransitionLineEnum5.ROUNDED_LINE,
+        from: currentTransform.outputPoint,
+        to: leftBlockTransform.outputPoint,
+        vertices: [
+          isVertical ? { x: leftBlockTransform.inputPoint.x, y: currentTransform.bounds.bottom } : { x: currentTransform.bounds.right, y: leftBlockTransform.inputPoint.y }
+        ]
+      },
+      // 循环回撤线 - 2
+      {
+        type: FlowTransitionLineEnum5.ROUNDED_LINE,
+        from: leftBlockTransform.outputPoint,
+        to: Point4.move(
+          currentTransform.inputPoint,
+          isVertical ? { x: -12, y: 10 } : { x: 10, y: -12 }
+        ),
+        vertices: [
+          isVertical ? { x: leftBlockTransform.inputPoint.x, y: currentTransform.bounds.top + 10 } : { x: currentTransform.bounds.left + 10, y: leftBlockTransform.inputPoint.y }
+        ],
+        arrow: true
+      }
+    ];
+  },
+  getLabels(transition) {
+    const currentTransform = transition.transform;
+    const { isVertical } = transition.entity;
+    const labels = [];
+    if (currentTransform.collapsed) {
+      return labels;
+    }
+    const leftBlockTransform = currentTransform.children[0];
+    const rightBlockTransform = currentTransform.children[1];
+    if (transition.entity.originParent?.id.startsWith("while_")) {
+      labels.push({
+        type: FlowTransitionLabelEnum10.TEXT_LABEL,
+        renderKey: FlowTextKey2.LOOP_WHILE_TEXT,
+        rotate: isVertical ? "" : "-90deg",
+        offset: isVertical ? {
+          x: (currentTransform.inputPoint.x + rightBlockTransform.inputPoint.x) / 2,
+          y: currentTransform.inputPoint.y + 10
+        } : {
+          x: currentTransform.inputPoint.x + 10,
+          y: (currentTransform.inputPoint.y + rightBlockTransform.inputPoint.y) / 2
+        }
+      });
+    } else {
+      labels.push({
+        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 }
+      });
+    }
+    return labels;
+  }
+};
+
+// src/activities/loop.ts
+var LoopRegistry = {
+  type: "loop",
+  meta: {
+    hidden: true,
+    inlineSpacingAfter: (node) => {
+      if (node.collapsed) {
+        return LoopSpacings.COLLAPSE_INLINE_SPACING_BOTTOM;
+      }
+      const inlineSpacingBottom = getDefaultSpacing7(
+        node.entity,
+        ConstantKeys6.INLINE_SPACING_BOTTOM,
+        LoopSpacings.INLINE_SPACING_BOTTOM
+      );
+      return inlineSpacingBottom;
+    },
+    spacing: LoopSpacings.SPACING
+  },
+  /**
+   * - loopNode
+   *  - loopBlockIcon
+   *  - loopInlineBlocks
+   *    - loopEmptyBlock 左侧占位区域
+   *    - loopBlock
+   *      - xxx
+   *      - xxx
+   * @param node
+   * @param json
+   */
+  onCreate(node, json) {
+    const { document } = node;
+    const loopBlocks = json.blocks || [];
+    const loopIconNode = document.addNode({
+      id: `$blockIcon$${node.id}`,
+      type: FlowNodeBaseType14.BLOCK_ICON,
+      originParent: node,
+      parent: node
+    });
+    const loopInlineBlocks = document.addNode({
+      id: `$inlineBlocks$${node.id}`,
+      hidden: true,
+      type: FlowNodeBaseType14.INLINE_BLOCKS,
+      originParent: node,
+      parent: node
+    });
+    const loopEmptyBlockNode = document.addNode({
+      id: `$loopLeftEmpty$${node.id}`,
+      hidden: true,
+      type: "loopLeftEmptyBlock" /* LOOP_LEFT_EMPTY_BLOCK */,
+      originParent: node,
+      parent: loopInlineBlocks
+    });
+    const loopBlockNode = document.addNode({
+      id: `$block$${node.id}`,
+      hidden: true,
+      type: FlowNodeBaseType14.BLOCK,
+      // : LoopTypeEnum.LOOP_RIGHT_EMPTY_BLOCK,
+      originParent: node,
+      parent: loopInlineBlocks
+    });
+    const loopBranch = document.addNode({
+      id: `$loopRightEmpty$${node.id}`,
+      hidden: true,
+      type: "loopEmptyBranch" /* LOOP_EMPTY_BRANCH */,
+      originParent: node,
+      parent: loopBlockNode
+    });
+    const otherNodes = [];
+    loopBlocks.forEach(
+      (b) => document.addNode(
+        {
+          ...b,
+          type: b.type,
+          parent: loopBlockNode
+        },
+        otherNodes
+      )
+    );
+    return [
+      loopIconNode,
+      loopEmptyBlockNode,
+      loopInlineBlocks,
+      loopBlockNode,
+      loopBranch,
+      ...otherNodes
+    ];
+  },
+  getLabels(transition) {
+    const currentTransform = transition.transform;
+    const { isVertical } = transition.entity;
+    return [
+      // 循环结束
+      {
+        type: FlowTransitionLabelEnum11.TEXT_LABEL,
+        renderKey: FlowTextKey3.LOOP_END_TEXT,
+        // 循环 label 垂直样式展示，而非 rotate 旋转文案
+        props: isVertical ? void 0 : {
+          style: {
+            maxWidth: "20px",
+            lineHeight: "12px",
+            whiteSpace: "pre-wrap"
+          }
+        },
+        offset: Point5.move(currentTransform.outputPoint, isVertical ? { y: -26 } : { x: -26 })
+      },
+      {
+        type: FlowTransitionLabelEnum11.ADDER_LABEL,
+        offset: currentTransform.outputPoint
+      }
+    ];
+  },
+  // 和前序节点对齐
+  getInputPoint(transform) {
+    const { isVertical } = transform.entity;
+    if (isVertical) {
+      return {
+        x: transform.pre?.outputPoint.x || transform.firstChild?.outputPoint.x || 0,
+        y: transform.bounds.top
+      };
+    }
+    return {
+      x: transform.bounds.left,
+      y: transform.pre?.outputPoint.y || transform.firstChild?.outputPoint.y || 0
+    };
+  },
+  getOutputPoint(transform) {
+    const { isVertical } = transform.entity;
+    if (isVertical) {
+      return {
+        x: transform.pre?.outputPoint.x || transform.firstChild?.outputPoint.x || 0,
+        y: transform.bounds.bottom
+      };
+    }
+    return {
+      x: transform.bounds.right,
+      y: transform.pre?.outputPoint.y || transform.firstChild?.outputPoint.y || 0
+    };
+  },
+  extendChildRegistries: [
+    {
+      type: FlowNodeBaseType14.BLOCK_ICON,
+      meta: {
+        spacing: LoopSpacings.LOOP_BLOCK_ICON_SPACING
+      }
+    },
+    LoopLeftEmptyBlockRegistry,
+    LoopEmptyBranchRegistry,
+    LoopRightEmptyBlockRegistry,
+    LoopInlineBlocksNodeRegistry
+  ],
+  /**
+   * @depreacted
+   */
+  addChild(node, json, options = {}) {
+    const { index } = options;
+    const document = node.document;
+    return document.addNode({
+      ...json,
+      ...options,
+      parent: document.getNode(`$block$${node.id}`),
+      index: typeof index === "number" ? index + 1 : void 0
+    });
+  }
+};
+
+// src/activities/root.ts
+import { DEFAULT_SPACING as DEFAULT_SPACING6, FlowNodeBaseType as FlowNodeBaseType15 } from "@flowgram.ai/document";
+var RootRegistry = {
+  type: FlowNodeBaseType15.ROOT,
+  meta: {
+    spacing: DEFAULT_SPACING6.NULL,
+    hidden: true
+  },
+  getInputPoint(transform) {
+    return transform.firstChild?.inputPoint || transform.bounds.topCenter;
+  },
+  getOutputPoint(transform) {
+    return transform.firstChild?.outputPoint || transform.bounds.bottomCenter;
+  }
+};
+
+// src/activities/empty.ts
+import {
+  FlowNodeBaseType as FlowNodeBaseType16,
+  FlowTransitionLabelEnum as FlowTransitionLabelEnum12,
+  ConstantKeys as ConstantKeys7,
+  getDefaultSpacing as getDefaultSpacing8
+} from "@flowgram.ai/document";
+var EmptyRegistry = {
+  type: FlowNodeBaseType16.EMPTY,
+  meta: {
+    spacing: (node) => {
+      const spacing = getDefaultSpacing8(node.entity, ConstantKeys7.NODE_SPACING);
+      return spacing / 2;
+    },
+    size: { width: 0, height: 0 },
+    hidden: true
+  },
+  getLabels(transition) {
+    return [
+      {
+        offset: transition.transform.bounds,
+        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/flow-registers.ts
+var FlowRegisters = class {
+  /**
+   * 注册数据层
+   * @param document
+   */
+  registerDocument(document) {
+    document.registerFlowNodes(
+      RootRegistry,
+      // 根节点
+      StartRegistry,
+      // 开始节点
+      DynamicSplitRegistry,
+      // 动态分支（并行、排他）
+      StaticSplitRegistry,
+      // 静态分支（审批）
+      SimpleSplitRegistry,
+      // 简单分支 （不带 orderIcon 节点）
+      BlockRegistry,
+      // 单条 block 注册
+      InlineBlocksRegistry,
+      // 多个 block 组成的 block 列表
+      BlockIconRegistry,
+      // icon 节点，如条件分支的菱形图标
+      BlockOrderIconRegistry,
+      // 带顺序的图标节点，一般为 block 第一个分支节点
+      TryCatchRegistry,
+      // TryCatch
+      EndRegistry,
+      // 结束节点
+      LoopRegistry,
+      // 循环节点
+      EmptyRegistry,
+      // 占位节点
+      BreakRegistry,
+      // 分支断开
+      MultiOuputsRegistry,
+      MultiInputsRegistry,
+      InputRegistry,
+      OuputRegistry
+    );
+    document.registerNodeDatas(
+      FlowNodeRenderData4,
+      // 渲染节点相关数据
+      FlowNodeTransitionData,
+      // 线条绘制数据
+      FlowNodeTransformData3
+      // 坐标计算数据
+    );
+  }
+  /**
+   * 注册渲染层
+   * @param renderer
+   */
+  registerRenderer(renderer) {
+    renderer.registerLayers(
+      FlowNodesTransformLayer,
+      // 节点位置渲染
+      FlowNodesContentLayer,
+      // 节点内容渲染
+      FlowLinesLayer,
+      // 线条渲染
+      FlowLabelsLayer,
+      // Label 渲染
+      PlaygroundLayer
+      // 画布基础层，提供缩放、手势等能力
+    );
+  }
+  /**
+   * 画布开始渲染 (hook)
+   */
+  onReady() {
+  }
+  /**
+   * 画布销毁 (hook)
+   */
+  onDispose() {
+  }
+};
+FlowRegisters = __decorateClass([
+  injectable()
+], FlowRegisters);
+
+// src/fixed-layout-container-module.ts
+var FixedLayoutContainerModule = new ContainerModule((bind) => {
+  bindContributions(bind, FlowRegisters, [
+    FlowDocumentContribution,
+    FlowRendererContribution,
+    PlaygroundContribution
+  ]);
+});
+
+// src/index.ts
+var FixedLayoutRegistries = {
+  BlockIconRegistry,
+  BlockOrderIconRegistry,
+  BlockRegistry,
+  DynamicSplitRegistry,
+  EmptyRegistry,
+  LoopRegistry,
+  StaticSplitRegistry,
+  TryCatchRegistry,
+  StartRegistry,
+  RootRegistry,
+  InlineBlocksRegistry,
+  EndRegistry
+};
+export {
+  FixedLayoutContainerModule,
+  FixedLayoutRegistries
+};
+//# sourceMappingURL=index.js.map