@flowgram.ai/free-layout-core 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/esm/index.js

@@ -145,6 +145,7 @@ var PORT_SIZE = 24;
 var WorkflowPortEntity = class extends Entity {
   // relativePosition
   constructor(opts) {
+    var _a;
     super(opts);
     this.portID = "";
     this._disabled = false;
@@ -153,7 +154,7 @@ var WorkflowPortEntity = class extends Entity {
     this.onErrorChanged = this._onErrorChangedEmitter.event;
     this.portID = opts.portID || "";
     this.portType = opts.type;
-    this._disabled = opts.disabled ?? false;
+    this._disabled = (_a = opts.disabled) != null ? _a : false;
     this.node = opts.node;
     this.updateTargetElement(opts.targetElement);
     this.toDispose.push(this.node.getData(TransformData3).onDataChange(() => this.fireChange()));
@@ -283,6 +284,7 @@ WorkflowPortEntity.type = "WorkflowPortEntity";
 // src/entity-datas/workflow-node-ports-data.ts
 var WorkflowNodePortsData = class extends EntityData {
   constructor(entity) {
+    var _a;
     super(entity);
     /** 静态的 ports 数据 */
     this._staticPorts = [];
@@ -291,7 +293,7 @@ var WorkflowNodePortsData = class extends EntityData {
     this.entity = entity;
     const meta = entity.getNodeMeta();
     const defaultPorts = meta.useDynamicPort ? [] : [{ type: "input" }, { type: "output" }];
-    this._staticPorts = meta.defaultPorts?.slice() || defaultPorts;
+    this._staticPorts = ((_a = meta.defaultPorts) == null ? void 0 : _a.slice()) || defaultPorts;
     this.updatePorts(this._staticPorts);
     if (meta.useDynamicPort) {
       this.toDispose.push(
@@ -358,8 +360,9 @@ var WorkflowNodePortsData = class extends EntityData {
     if (!isEqual(this._prePorts, ports)) {
       const portKeys = ports.map((port) => this.getPortId(port.type, port.portID));
       this._portIDSet.forEach((portId) => {
+        var _a;
         if (!portKeys.includes(portId)) {
-          this.getPortEntity(portId)?.dispose();
+          (_a = this.getPortEntity(portId)) == null ? void 0 : _a.dispose();
         }
       });
       ports.forEach((port) => this.updatePortEntity(port));
@@ -453,8 +456,9 @@ var WorkflowNodePortsData = class extends EntityData {
    * 获取或创建 port 实体
    */
   getOrCreatePortEntity(portInfo) {
+    var _a;
     const id = this.getPortId(portInfo.type, portInfo.portID);
-    return this.getPortEntity(id) ?? this.createPortEntity(portInfo);
+    return (_a = this.getPortEntity(id)) != null ? _a : this.createPortEntity(portInfo);
   }
   /**
    * 更新 port 实体
@@ -482,7 +486,7 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends EntityData2 {
   constructor(entity) {
     super(entity);
     this.entity = entity;
-    this.toDispose.push(
+    this.entity.preDispose.push(
       Disposable.create(() => {
         this.inputLines.slice().forEach((line) => line.dispose());
         this.outputLines.slice().forEach((line) => line.dispose());
@@ -522,7 +526,7 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends EntityData2 {
         return;
       }
       inputNodes.forEach((inputNode) => {
-        if (inputNode?.parent === node || node?.parent === inputNode) {
+        if ((inputNode == null ? void 0 : inputNode.parent) === node || (node == null ? void 0 : node.parent) === inputNode) {
           return;
         }
         handleNode(inputNode);
@@ -553,7 +557,7 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends EntityData2 {
         return;
       }
       outputNodes.forEach((outputNode) => {
-        if (outputNode?.parent === node || node?.parent === outputNode) {
+        if ((outputNode == null ? void 0 : outputNode.parent) === node || (node == null ? void 0 : node.parent) === outputNode) {
           return;
         }
         handleNode(outputNode);
@@ -613,19 +617,23 @@ var WorkflowLineRenderData = class extends EntityData3 {
     return this.data.position;
   }
   get path() {
-    return this.currentLine?.path ?? "";
+    var _a, _b;
+    return (_b = (_a = this.currentLine) == null ? void 0 : _a.path) != null ? _b : "";
   }
   calcDistance(pos) {
-    return this.currentLine?.calcDistance(pos) ?? Number.MAX_SAFE_INTEGER;
+    var _a, _b;
+    return (_b = (_a = this.currentLine) == null ? void 0 : _a.calcDistance(pos)) != null ? _b : Number.MAX_SAFE_INTEGER;
   }
   get bounds() {
-    return this.currentLine?.bounds ?? new Rectangle4();
+    var _a, _b;
+    return (_b = (_a = this.currentLine) == null ? void 0 : _a.bounds) != null ? _b : new Rectangle4();
   }
   /**
    * 更新数据
    * WARNING: 这个方法，必须在 requestAnimationFrame / useLayoutEffect 中调用，否则会引起浏览器强制重排
    */
   update() {
+    var _a;
     this.syncContributions();
     const oldVersion = this.data.version;
     this.updatePosition();
@@ -634,21 +642,23 @@ var WorkflowLineRenderData = class extends EntityData3 {
       return;
     }
     this.data.version = newVersion;
-    this.currentLine?.update({
+    (_a = this.currentLine) == null ? void 0 : _a.update({
       fromPos: this.data.position.from,
       toPos: this.data.position.to
     });
   }
   get lineType() {
-    return this.entity.renderType ?? this.entity.linesManager.lineType;
+    var _a;
+    return (_a = this.entity.renderType) != null ? _a : this.entity.linesManager.lineType;
   }
   /**
    * 更新版本
    * WARNING: 这个方法，必须在 requestAnimationFrame / useLayoutEffect 中调用，否则会引起浏览器强制重排
    */
   updatePosition() {
+    var _a, _b, _c, _d;
     this.data.position.from = this.entity.from.getData(WorkflowNodePortsData).getOutputPoint(this.entity.info.fromPort);
-    this.data.position.to = this.entity.info.drawingTo ?? this.entity.to?.getData(WorkflowNodePortsData)?.getInputPoint(this.entity.info.toPort) ?? {
+    this.data.position.to = (_d = (_c = this.entity.info.drawingTo) != null ? _c : (_b = (_a = this.entity.to) == null ? void 0 : _a.getData(WorkflowNodePortsData)) == null ? void 0 : _b.getInputPoint(this.entity.info.toPort)) != null ? _d : {
       x: this.data.position.from.x,
       y: this.data.position.from.y
     };
@@ -732,7 +742,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     return this.highlightColor === this.linesManager.lineColor.hidden;
   }
   get inContainer() {
-    const nodeInContainer = (node) => !!node?.parent && node.parent.flowNodeType !== "root";
+    const nodeInContainer = (node) => !!(node == null ? void 0 : node.parent) && node.parent.flowNodeType !== "root";
     return nodeInContainer(this.from) || nodeInContainer(this.to);
   }
   /**
@@ -873,7 +883,8 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   }
   /** 获取线条样式 */
   get className() {
-    return this.linesManager.setLineClassName(this) ?? "";
+    var _a;
+    return (_a = this.linesManager.setLineClassName(this)) != null ? _a : "";
   }
   get color() {
     return this.linesManager.getLineColor(this);
@@ -894,8 +905,8 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   validate() {
     const { fromPort, toPort } = this;
     this.validateSelf();
-    fromPort?.validate();
-    toPort?.validate();
+    fromPort == null ? void 0 : fromPort.validate();
+    toPort == null ? void 0 : toPort.validate();
   }
   validateSelf() {
     const { fromPort, toPort } = this;
@@ -913,14 +924,15 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     return this.linesManager.canRemove(this, newLineInfo);
   }
   get node() {
+    var _a, _b, _c, _d, _e, _f;
     if (this._node) return this._node;
     this._node = domUtils.createDivWithClass("gedit-flow-activity-line");
     this._node.dataset.testid = "sdk.workflow.canvas.line";
     this._node.dataset.lineId = this.id;
     this._node.dataset.fromNodeId = this.from.id;
-    this._node.dataset.fromPortId = this.fromPort?.id ?? "";
-    this._node.dataset.toNodeId = this.to?.id ?? "";
-    this._node.dataset.toPortId = this.toPort?.id ?? "";
+    this._node.dataset.fromPortId = (_b = (_a = this.fromPort) == null ? void 0 : _a.id) != null ? _b : "";
+    this._node.dataset.toNodeId = (_d = (_c = this.to) == null ? void 0 : _c.id) != null ? _d : "";
+    this._node.dataset.toPortId = (_f = (_e = this.toPort) == null ? void 0 : _e.id) != null ? _f : "";
     this._node.dataset.hasError = this.hasError ? "true" : "false";
     return this._node;
   }
@@ -972,7 +984,8 @@ var WorkflowSelectService = class {
     return this.selectionService.selection.some((s) => s.id === id);
   }
   isActivated(id) {
-    return this.activatedNode?.id === id;
+    var _a;
+    return ((_a = this.activatedNode) == null ? void 0 : _a.id) === id;
   }
   /**
    * 选中的节点
@@ -1043,8 +1056,8 @@ WorkflowSelectService = __decorateClass([
 
 // src/service/workflow-hover-service.ts
 import { inject as inject2, injectable as injectable2 } from "inversify";
-import { EntityManager } from "@flowgram.ai/core";
 import { Emitter as Emitter2 } from "@flowgram.ai/utils";
+import { EntityManager } from "@flowgram.ai/core";
 var WorkflowHoverService = class {
   constructor() {
     this.onHoveredChangeEmitter = new Emitter2();
@@ -1125,7 +1138,7 @@ import {
 // src/workflow-lines-manager.ts
 import { last } from "lodash-es";
 import { inject as inject3, injectable as injectable3 } from "inversify";
-import { Disposable as Disposable2, DisposableCollection, Emitter as Emitter3 } from "@flowgram.ai/utils";
+import { DisposableCollection, Emitter as Emitter3 } from "@flowgram.ai/utils";
 import { FlowNodeRenderData as FlowNodeRenderData2, FlowNodeTransformData as FlowNodeTransformData3 } from "@flowgram.ai/document";
 import { EntityManager as EntityManager2, PlaygroundConfigEntity as PlaygroundConfigEntity2, TransformData as TransformData6 } from "@flowgram.ai/core";
 
@@ -1144,19 +1157,23 @@ function toFormJSON(node) {
   if (!formData || !node.getNodeRegistry().formMeta) return void 0;
   return formData.toJSON();
 }
-function initFormDataFromJSON(node, json) {
+function initFormDataFromJSON(node, json, isFirstCreate) {
   const formData = node.getData(FlowNodeFormData);
   const registry = node.getNodeRegistry();
   const { formMeta } = registry;
   if (formData && formMeta) {
-    formData.createForm(formMeta, json.data);
-    formData.onDataChange(() => {
-      node.document.fireContentChange({
-        type: "NODE_DATA_CHANGE" /* NODE_DATA_CHANGE */,
-        toJSON: () => formData.toJSON(),
-        entity: node
+    if (isFirstCreate) {
+      formData.createForm(formMeta, json.data);
+      formData.onDataChange(() => {
+        node.document.fireContentChange({
+          type: "NODE_DATA_CHANGE" /* NODE_DATA_CHANGE */,
+          toJSON: () => formData.toJSON(),
+          entity: node
+        });
       });
-    });
+    } else {
+      formData.updateFormValues(json.data);
+    }
   }
 }
 
@@ -1167,12 +1184,13 @@ var WorkflowDocumentOptionsDefault = {
     grab: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC40ODczIDIuNjIzNzhDOS45MDczMSAyLjYyMzc4IDkuNDM3MTMgMy4wOTM5NiA5LjQzNzEzIDMuNjczOTZWNS4xNDM3NkM5LjM5NDI4IDQuNDAyNzQgOC43Nzk3OCAzLjgxNTA0IDguMDI4MDIgMy44MTUwNEM3LjI0ODQ4IDMuODE1MDQgNi42MTY1MyA0LjQ0Njk5IDYuNjE2NTMgNS4yMjY1M1YxMS44Mjg5TDUuNjc0MTggMTEuMDA0OUM1LjE1NDg3IDEwLjU1MDkgNC40MDk1IDEwLjQ2MzYgMy43OTkzOCAxMC43ODU1TDMuNjk2OTQgMTAuODM5NkMzLjA2MjE3IDExLjE3NDUgMi45MjI2IDEyLjAyMjggMy40MTY2MiAxMi41NDM0TDcuMzM5NTkgMTYuNjc3NVYxNy4zMjU5QzcuMzM5NTkgMTcuNzg2MiA3LjcxMjY5IDE4LjE1OTMgOC4xNzI5MiAxOC4xNTkzSDEzLjgwODRDMTQuMjY4NyAxOC4xNTkzIDE0LjY0MTcgMTcuNzg2MiAxNC42NDE3IDE3LjMyNTlWMTYuNzkzNUMxNS44MDk0IDE1LjY0ODUgMTYuNDY3MyAxNC4wODE5IDE2LjQ2NzMgMTIuNDQ2NVYxMS40OTY3TDE2LjQ2NzEgNi42MzY4NUMxNi40NjcxIDUuOTU2MyAxNS45MTU0IDUuNDA0NjEgMTUuMjM0OCA1LjQwNDYxQzE0LjU1NDMgNS40MDQ2MSAxNC4wMDI2IDUuOTU2MyAxNC4wMDI2IDYuNjM2ODVMMTQuMDAyMSA1LjA0NzI4QzE0LjAwMjEgNC4zNjY3MyAxMy40NTA0IDMuODE1MDQgMTIuNzY5OCAzLjgxNTA0QzEyLjA4OTMgMy44MTUwNCAxMS41Mzc2IDQuMzY2NzMgMTEuNTM3NiA1LjA0NzI4TDExLjUzNzUgMy42NzM5NUMxMS41Mzc1IDMuMDkzOTYgMTEuMDY3MyAyLjYyMzc4IDEwLjQ4NzMgMi42MjM3OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNDg3NCAxLjM3NDAyQzExLjM2MTIgMS4zNzQwMiAxMi4xMjExIDEuODYxMTggMTIuNTEwNSAyLjU3ODY4QzEyLjU5NTggMi41Njk4MyAxMi42ODIzIDIuNTY1MjggMTIuNzcgMi41NjUyOEMxMy44Mjc4IDIuNTY1MjggMTQuNzMxMSAzLjIyNzAxIDE1LjA4ODUgNC4xNTkxMUMxNS4xMzcgNC4xNTYyOSAxNS4xODU4IDQuMTU0ODYgMTUuMjM1IDQuMTU0ODZDMTYuNjA1OSA0LjE1NDg2IDE3LjcxNzIgNS4yNjYxOSAxNy43MTcyIDYuNjM3MDlMMTcuNzE3NCAxMi40NDY3QzE3LjcxNzQgMTQuMjM1NSAxNy4wNjQ0IDE1Ljk1NTkgMTUuODkxOSAxNy4yOTA0VjE3LjMyNjJDMTUuODkxOSAxOC40NzY4IDE0Ljk1OTEgMTkuNDA5NSAxMy44MDg1IDE5LjQwOTVIOC4xNzMwNkM3LjAyMjQ3IDE5LjQwOTUgNi4wODk3MyAxOC40NzY4IDYuMDg5NzMgMTcuMzI2MlYxNy4xNzY0TDIuNTEwMDMgMTMuNDA0MUMxLjQ0NTk5IDEyLjI4MjggMS43NDY2IDEwLjQ1NTUgMy4xMTM3OSA5LjczNDI0TDMuMjE2MjQgOS42ODAxOUMzLjg5MTY4IDkuMzIzODMgNC42NjE4NSA5LjI1NDAxIDUuMzY2NjYgOS40NTE5OFY1LjIyNjc4QzUuMzY2NjYgMy43NTY4NyA2LjU1ODI2IDIuNTY1MjggOC4wMjgxNiAyLjU2NTI4QzguMTcyOTMgMi41NjUyOCA4LjMxNDk5IDIuNTc2ODQgOC40NTM0NyAyLjU5OTA3QzguODM5NDMgMS44NzA0MiA5LjYwNTQ2IDEuMzc0MDIgMTAuNDg3NCAxLjM3NDAyWk0xMi40NDc2IDMuODU3ODdWOS40NzY0NkMxMi40NDc2IDkuNzI4NTIgMTIuMjQzMyA5LjkzMjg1IDExLjk5MTMgOS45MzI4NUMxMS43MzkyIDkuOTMyODUgMTEuNTM0OSA5LjcyODUyIDExLjUzNDkgOS40NzY0NlYzLjc5NjU1QzExLjUzNDkgMy43Nzk1NiAxMS41MzU4IDMuNzYyNzcgMTEuNTM3NiAzLjc0NjI2VjMuNjc0MkMxMS41Mzc2IDMuNDMyODIgMTEuNDU2MiAzLjIxMDQ2IDExLjMxOTMgMy4wMzMwOUMxMS4xMjcyIDIuNzg0MjggMTAuODI2MSAyLjYyNDAyIDEwLjQ4NzQgMi42MjQwMkMxMC4xMjM4IDIuNjI0MDIgOS44MDMzMiAyLjgwODg2IDkuNjE0ODMgMy4wODk3QzkuNTAyNjkgMy4yNTY3OSA5LjQzNzI2IDMuNDU3ODUgOS40MzcyNiAzLjY3NDJWMy43ODU3M0M5LjQzNzM1IDMuNzg5MzMgOS40MzczOSAzLjc5Mjk0IDkuNDM3MzkgMy43OTY1NVY5LjkwMTdDOS40MzczOSAxMC4xNTM3IDkuMjMzMDYgMTAuMzU4MSA4Ljk4MTAxIDEwLjM1ODFDOC43Mjg5NSAxMC4zNTgxIDguNTI0NjIgMTAuMTUzNyA4LjUyNDYyIDkuOTAxN1YzLjkwNTA3QzguNDE3NzMgMy44NjQ5IDguMzA0NjggMy44MzczMiA4LjE4NzI2IDMuODI0MTVDOC4xMzUwNCAzLjgxODI5IDguMDgxOTUgMy44MTUyOCA4LjAyODE2IDMuODE1MjhDNy4yNDg2MSAzLjgxNTI4IDYuNjE2NjYgNC40NDcyMyA2LjYxNjY2IDUuMjI2NzhWMTEuODI5Mkw1LjY3NDMxIDExLjAwNTJDNS41Nzg2OCAxMC45MjE2IDUuNDc1MzcgMTAuODUwNCA1LjM2NjY2IDEwLjc5MTlDNC44ODUwNiAxMC41MzI5IDQuMjk3MjggMTAuNTIzMSAzLjc5OTUyIDEwLjc4NThMMy42OTcwNyAxMC44Mzk4QzMuMDYyMzEgMTEuMTc0NyAyLjkyMjczIDEyLjAyMzEgMy40MTY3NSAxMi41NDM3TDcuMzM5NzMgMTYuNjc3N1YxNy4zMjYyQzcuMzM5NzMgMTcuNzg2NCA3LjcxMjgyIDE4LjE1OTUgOC4xNzMwNiAxOC4xNTk1SDEzLjgwODVDMTQuMjY4OCAxOC4xNTk1IDE0LjY0MTkgMTcuNzg2NCAxNC42NDE5IDE3LjMyNjJWMTYuNzkzOEMxNS43Mzc5IDE1LjcxOSAxNi4zODQ3IDE0LjI3MjggMTYuNDYgMTIuNzQ3QzE2LjQ2NDEgMTIuNjY0MSAxNi40NjY1IDEyLjU4MDkgMTYuNDY3MiAxMi40OTc1TDE2LjQ2NzQgMTIuNDQ2N0wxNi40NjcyIDYuNjM3MDlDMTYuNDY3MiA1Ljk2MjMgMTUuOTI0OCA1LjQxNDE5IDE1LjI1MjIgNS40MDQ5N0wxNS4yMzUgNS40MDQ4NkMxNS4xMjQ2IDUuNDA0ODYgMTUuMDE3NyA1LjQxOTM2IDE0LjkxNTkgNS40NDY1NlY5LjYwMjI2QzE0LjkxNTkgOS44NTQzMSAxNC43MTE2IDEwLjA1ODYgMTQuNDU5NSAxMC4wNTg2QzE0LjIwNzUgMTAuMDU4NiAxNC4wMDMxIDkuODU0MzEgMTQuMDAzMSA5LjYwMjI2VjYuNjA1MTRDMTQuMDAyOSA2LjYxNTc2IDE0LjAwMjcgNi42MjY0MSAxNC4wMDI3IDYuNjM3MDlWOS4yNzcwNUwxNC4wMDIyIDUuMDQ3NTJDMTQuMDAyMiA0Ljg2OTEzIDEzLjk2NDMgNC42OTk2IDEzLjg5NjEgNC41NDY1M0MxMy43MDY0IDQuMTIwNzIgMTMuMjgyMiAzLjgyMjM1IDEyLjc4NzYgMy44MTU0MUwxMi43NyAzLjgxNTI4QzEyLjY1ODQgMy44MTUyOCAxMi41NTA0IDMuODMwMSAxMi40NDc2IDMuODU3ODdaIiBmaWxsPSIjMUQxQzIzIi8+Cjwvc3ZnPg=="), auto',
     grabbing: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjYxODE3IDUuNTk4NzVDNi42MTgxNyA0LjgxOTIgNy4yNTAxMiA0LjE4NzI2IDguMDI5NjcgNC4xODcyNkM4Ljc3ODczIDQuMTg3MjYgOS4zOTE1MiA0Ljc3MDc1IDkuNDM4MjkgNS41MDgwMUM5LjQ1OTkyIDQuOTQ3MSA5LjkyMTQ3IDQuNDk5MDIgMTAuNDg3NyA0LjQ5OTAyQzExLjA2NzcgNC40OTkwMiAxMS41Mzc4IDQuOTY5MiAxMS41Mzc4IDUuNTQ5MTlWOC43NjI0NkwxMS41Mzc5IDYuNzExNUMxMS41Mzc5IDYuMDMwOTUgMTIuMDg5NiA1LjQ3OTI2IDEyLjc3MDIgNS40NzkyNkMxMy40NTA3IDUuNDc5MjYgMTQuMDAyNCA2LjAzMDk1IDE0LjAwMjQgNi43MTE1TDE0LjAwMjQgOC43NjI0NkwxNC4wMDI5IDguMDE5ODNDMTQuMDAyOSA3LjMzOTI5IDE0LjU1NDYgNi43ODc1OSAxNS4yMzUyIDYuNzg3NTlDMTUuOTE1NyA2Ljc4NzU5IDE2LjQ2NzQgNy4zMzkyOCAxNi40Njc0IDguMDE5ODNWMTEuNDk3TDE2LjQ2NzUgMTIuNDQ2N0MxNi40Njc1IDE0LjA4MjEgMTUuODA5NiAxNS42NDg3IDE0LjY0MiAxNi43OTM4VjE3LjMyNjJDMTQuNjQyIDE3Ljc4NjQgMTQuMjY4OSAxOC4xNTk1IDEzLjgwODcgMTguMTU5NUg4LjE3MzE3QzcuNzEyOTMgMTguMTU5NSA3LjMzOTg0IDE3Ljc4NjQgNy4zMzk4NCAxNy4zMjYyVjE1Ljk0MjRMNS4zNDU2MiAxNC43NTM0QzQuNTg5MjQgMTQuMzAyNCA0LjEyNTkxIDEzLjQ4NjcgNC4xMjU4OSAxMi42MDYxTDQuMTI1ODMgOS4yODM4M0M0LjEyNTgyIDguOTU0MjcgNC4zMjAwMyA4LjY1NTY2IDQuNjIxMjkgOC41MjIwNUw2LjYxODE3IDcuNjM2MzRWNS41OTg3NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNDg3OCAzLjI0OTAyQzExLjI3OTYgMy4yNDkwMiAxMS45Nzc4IDMuNjQ5MDIgMTIuMzkxNyA0LjI1Nzk2QzEyLjUxNTEgNC4yMzkwNiAxMi42NDE2IDQuMjI5MjYgMTIuNzcwMyA0LjIyOTI2QzEzLjcyMjQgNC4yMjkyNiAxNC41NDkzIDQuNzY1MzEgMTQuOTY1NyA1LjU1MjA3QzE1LjA1NDMgNS41NDI1IDE1LjE0NDIgNS41Mzc1OSAxNS4yMzUzIDUuNTM3NTlDMTYuNjA2MiA1LjUzNzU5IDE3LjcxNzYgNi42NDg5MyAxNy43MTc2IDguMDE5ODNMMTcuNzE3NyAxMi40NDY3QzE3LjcxNzcgMTQuMjM1NSAxNy4wNjQ3IDE1Ljk1NTkgMTUuODkyMSAxNy4yOTA0VjE3LjMyNjJDMTUuODkyMSAxOC40NzY4IDE0Ljk1OTQgMTkuNDA5NSAxMy44MDg4IDE5LjQwOTVIOC4xNzMzMkM3LjAyMjczIDE5LjQwOTUgNi4wODk5OCAxOC40NzY4IDYuMDg5OTggMTcuMzI2MlYxNi42NTI0TDQuNzA1NjMgMTUuODI3QzMuNTcxMDYgMTUuMTUwNSAyLjg3NjA3IDEzLjkyNzEgMi44NzYwNCAxMi42MDYxTDIuODc1OTggOS4yODM4NUMyLjg3NTk2IDguNDU5OTYgMy4zNjE0OSA3LjcxMzQ1IDQuMTE0NjIgNy4zNzk0TDUuMzY4MzIgNi44MjMzM1Y1LjU5ODc1QzUuMzY4MzIgNC4xMjg4NSA2LjU1OTkxIDIuOTM3MjYgOC4wMjk4MiAyLjkzNzI2QzguNjA4MzEgMi45MzcyNiA5LjE0MzU1IDMuMTIxNyA5LjU4MDA1IDMuNDM1MDVDOS44NTg1MyAzLjMxNTMyIDEwLjE2NTQgMy4yNDkwMiAxMC40ODc4IDMuMjQ5MDJaTTEyLjQ0NzkgNS41MjE4NlY5LjQ3NTU3QzEyLjQ0NzkgOS43Mjc2MiAxMi4yNDM2IDkuOTMxOTUgMTEuOTkxNiA5LjkzMTk1QzExLjc1NjggOS45MzE5NSAxMS41NjM0IDkuNzU0NjUgMTEuNTM4IDkuNTI2NjNDMTEuNTM2MSA5LjUwOTg3IDExLjUzNTIgOS40OTI4MyAxMS41MzUyIDkuNDc1NTdWNS40NzE1OEMxMS41MTU0IDUuMjAwODMgMTEuMzkzIDQuOTU4NTggMTEuMjA2NiA0Ljc4MzU4QzExLjAxODggNC42MDcxMSAxMC43NjU5IDQuNDk5MDIgMTAuNDg3OCA0LjQ5OTAyQzEwLjQ3NjYgNC40OTkwMiAxMC40NjU0IDQuNDk5MTkgMTAuNDU0MiA0LjQ5OTU0QzkuOTAzNDcgNC41MTY4NCA5LjQ1OTY0IDQuOTU4MjQgOS40Mzg0NCA1LjUwODAxQzkuNDM4MiA1LjUwNDMgOS40Mzc5NSA1LjUwMDU4IDkuNDM3NjkgNS40OTY4OFY5LjkwMjQzQzkuNDM3NjkgMTAuMTU0NSA5LjIzMzM2IDEwLjM1ODggOC45ODEzMSAxMC4zNTg4QzguNzI5MjUgMTAuMzU4OCA4LjUyNDkyIDEwLjE1NDUgOC41MjQ5MiA5LjkwMjQzVjQuMjc2NTNDOC4zNzA4NiA0LjIxODgyIDguMjA0MDIgNC4xODcyNiA4LjAyOTgyIDQuMTg3MjZDNy4yNTAyNyA0LjE4NzI2IDYuNjE4MzIgNC44MTkyIDYuNjE4MzIgNS41OTg3NUw2LjYxODI3IDkuOTc1OTlDNi42MTgyNyAxMC4yMjggNi40MTM5NCAxMC40MzI0IDYuMTYxODkgMTAuNDMyNEM1LjkwOTgzIDEwLjQzMjQgNS43MDU1IDEwLjIyOCA1LjcwNTUgOS45NzU5OVY4LjA0MTIyTDQuNjIxNDQgOC41MjIwNUM0LjMyMDE4IDguNjU1NjYgNC4xMjU5NyA4Ljk1NDI3IDQuMTI1OTggOS4yODM4M0w0LjEyNjA0IDEyLjYwNjFDNC4xMjYwNiAxMy40ODY3IDQuNTg5MzkgMTQuMzAyNCA1LjM0NTc2IDE0Ljc1MzRMNy4zMzk5OCAxNS45NDI0VjE3LjMyNjJDNy4zMzk5OCAxNy43ODY0IDcuNzEzMDggMTguMTU5NSA4LjE3MzMyIDE4LjE1OTVIMTMuODA4OEMxNC4yNjkgMTguMTU5NSAxNC42NDIxIDE3Ljc4NjQgMTQuNjQyMSAxNy4zMjYyVjE2Ljc5MzhDMTUuNzM4MSAxNS43MTkgMTYuMzg1IDE0LjI3MjggMTYuNDYwMyAxMi43NDdDMTYuNDY0NiAxMi42NiAxNi40NjcgMTIuNTcyOCAxNi40Njc2IDEyLjQ4NTRMMTYuNDY3NyAxMi40NDY3TDE2LjQ2NzYgOC4wMTk4M0MxNi40Njc2IDcuMzQ1MDQgMTUuOTI1MiA2Ljc5NjkzIDE1LjI1MjUgNi43ODc3MUwxNS4yMzUzIDYuNzg3NTlDMTUuMTI1IDYuNzg3NTkgMTUuMDE4IDYuODAyMSAxNC45MTYyIDYuODI5MzFWOS42MDEzNkMxNC45MTYyIDkuODUzNDIgMTQuNzExOSAxMC4wNTc3IDE0LjQ1OTggMTAuMDU3N0MxNC4yMDc4IDEwLjA1NzcgMTQuMDAzNCA5Ljg1MzQxIDE0LjAwMzQgOS42MDEzNlY3Ljk4OTg1QzE0LjAwMzIgNy45OTk4MiAxNC4wMDMxIDguMDA5ODEgMTQuMDAzMSA4LjAxOTgzTDE0LjAwMzQgOS42MDEzNkwxNC4wMDI1IDYuNzExNUMxNC4wMDI1IDYuNDQ5NzQgMTMuOTIwOSA2LjIwNzA1IDEzLjc4MTggNi4wMDc0OEMxMy41NjIgNS42OTI0MiAxMy4xOTg5IDUuNDg0ODMgMTIuNzg3IDUuNDc5MzdMMTIuNzcwMyA1LjQ3OTI2QzEyLjY1ODggNS40NzkyNiAxMi41NTA3IDUuNDk0MDggMTIuNDQ3OSA1LjUyMTg2WiIgZmlsbD0iIzFEMUMyMyIvPgo8L3N2Zz4="), auto'
   },
-  fromNodeJSON(node, json) {
-    initFormDataFromJSON(node, json);
+  fromNodeJSON(node, json, isFirstCreate) {
+    initFormDataFromJSON(node, json, isFirstCreate);
     return;
   },
   toNodeJSON(node) {
-    const nodeError = node.getData(FlowNodeErrorData)?.getError();
+    var _a, _b;
+    const nodeError = (_a = node.getData(FlowNodeErrorData)) == null ? void 0 : _a.getError();
     if (nodeError) {
       throw nodeError;
     }
@@ -1180,8 +1198,8 @@ var WorkflowDocumentOptionsDefault = {
     let formJSON = toFormJSON(node);
     const metaData = {};
     const nodeMeta = node.getNodeMeta();
-    const subCanvas = nodeMeta.subCanvas?.(node);
-    if (subCanvas?.isCanvas === false) {
+    const subCanvas = (_b = nodeMeta.subCanvas) == null ? void 0 : _b.call(nodeMeta, node);
+    if ((subCanvas == null ? void 0 : subCanvas.isCanvas) === false) {
       const canvasNodeTransform = subCanvas.canvasNode.getData(FlowNodeTransformData2);
       const { x, y } = canvasNodeTransform.transform.position;
       metaData.canvasPosition = { x, y };
@@ -1284,6 +1302,7 @@ var WorkflowLinesManager = class {
     return this.createLine(newPortInfo);
   }
   createLine(options) {
+    var _a;
     const { from, to, drawingTo, fromPort, toPort } = options;
     const available = Boolean(from && to);
     const key = options.key || WorkflowLineEntity.portInfoToLineId(options);
@@ -1293,7 +1312,7 @@ var WorkflowLinesManager = class {
       line.validate();
       return line;
     }
-    const fromNode = this.entityManager.getEntityById(from)?.getData(WorkflowNodeLinesData);
+    const fromNode = (_a = this.entityManager.getEntityById(from)) == null ? void 0 : _a.getData(WorkflowNodeLinesData);
     const toNode = to ? this.entityManager.getEntityById(to).getData(WorkflowNodeLinesData) : void 0;
     if (!fromNode) {
       return;
@@ -1311,26 +1330,24 @@ var WorkflowLinesManager = class {
     });
     this.registerData(line);
     fromNode.addLine(line);
-    toNode?.addLine(line);
+    toNode == null ? void 0 : toNode.addLine(line);
     line.onDispose(() => {
       if (drawingTo) {
         this.isDrawing = false;
       }
       fromNode.removeLine(line);
-      toNode?.removeLine(line);
+      toNode == null ? void 0 : toNode.removeLine(line);
       line.validate();
     });
-    line.toDispose.push(
-      Disposable2.create(() => {
-        if (available) {
-          this.onAvailableLinesChangeEmitter.fire({
-            type: "DELETE_LINE" /* DELETE_LINE */,
-            toJSON: () => line.toJSON(),
-            entity: line
-          });
-        }
-      })
-    );
+    line.onDispose(() => {
+      if (available) {
+        this.onAvailableLinesChangeEmitter.fire({
+          type: "DELETE_LINE" /* DELETE_LINE */,
+          toJSON: () => line.toJSON(),
+          entity: line
+        });
+      }
+    });
     if (available) {
       this.onAvailableLinesChangeEmitter.fire({
         type: "ADD_LINE" /* ADD_LINE */,
@@ -1468,7 +1485,10 @@ var WorkflowLinesManager = class {
     const allPorts = this.entityManager.getEntities(WorkflowPortEntity).filter((port) => port.node.flowNodeType !== "root");
     const targetPort = allPorts.find((port) => port.isHovered(pos.x, pos.y));
     if (targetPort) {
-      const targetNode = this.document.getAllNodes().slice().reverse().filter((node) => targetPort.node?.parent?.id !== node.id).find((node) => node.getData(TransformData6).contains(pos.x, pos.y));
+      const targetNode = this.document.getAllNodes().slice().reverse().filter((node) => {
+        var _a, _b;
+        return ((_b = (_a = targetPort.node) == null ? void 0 : _a.parent) == null ? void 0 : _b.id) !== node.id;
+      }).find((node) => node.getData(TransformData6).contains(pos.x, pos.y));
       if (targetNode && targetNode !== targetPort.node) {
         return;
       }
@@ -1480,21 +1500,22 @@ var WorkflowLinesManager = class {
    * @param pos - 鼠标位置
    */
   getNodeFromMousePos(pos) {
+    var _a, _b;
     const allNodes = this.document.getAllNodes().sort((a, b) => this.getNodeIndex(a) - this.getNodeIndex(b));
     const containNodes = [];
     const { selection } = this.selectService;
-    const zoom = this.entityManager.getEntity(PlaygroundConfigEntity2)?.config?.zoom || 1;
+    const zoom = ((_b = (_a = this.entityManager.getEntity(PlaygroundConfigEntity2)) == null ? void 0 : _a.config) == null ? void 0 : _b.zoom) || 1;
     allNodes.forEach((node) => {
       const { bounds } = node.getData(FlowNodeTransformData3);
       if (bounds.clone().pad(4 / zoom).contains(pos.x, pos.y)) {
         containNodes.push(node);
       }
     });
-    if (selection?.length) {
+    if (selection == null ? void 0 : selection.length) {
       const filteredNodes = containNodes.filter(
         (node) => selection.some((_node) => node.id === _node.id)
       );
-      if (filteredNodes?.length) {
+      if (filteredNodes == null ? void 0 : filteredNodes.length) {
         return last(filteredNodes);
       }
     }
@@ -1531,7 +1552,7 @@ WorkflowLinesManager = __decorateClass([
 // src/workflow-document.ts
 import { customAlphabet } from "nanoid";
 import { inject as inject5, injectable as injectable5, optional, postConstruct } from "inversify";
-import { Disposable as Disposable3, Emitter as Emitter4 } from "@flowgram.ai/utils";
+import { Emitter as Emitter4 } from "@flowgram.ai/utils";
 import { NodeEngineContext } from "@flowgram.ai/form-core";
 import { FlowDocument, FlowNodeBaseType, FlowNodeTransformData as FlowNodeTransformData5 } from "@flowgram.ai/document";
 import {
@@ -1543,16 +1564,16 @@ import {
 
 // src/layout/free-layout.ts
 import { inject as inject4, injectable as injectable4 } from "inversify";
-import {
-  FlowDocumentProvider,
-  FlowNodeTransformData as FlowNodeTransformData4
-} from "@flowgram.ai/document";
-import { PlaygroundConfigEntity as PlaygroundConfigEntity3, TransformData as TransformData7 } from "@flowgram.ai/core";
 import {
   PaddingSchema,
   Rectangle as Rectangle7,
   SizeSchema as SizeSchema2
 } from "@flowgram.ai/utils";
+import {
+  FlowDocumentProvider,
+  FlowNodeTransformData as FlowNodeTransformData4
+} from "@flowgram.ai/document";
+import { PlaygroundConfigEntity as PlaygroundConfigEntity3, TransformData as TransformData7 } from "@flowgram.ai/core";
 var FREE_LAYOUT_KEY = "free-layout";
 var FreeLayout = class {
   constructor() {
@@ -1565,7 +1586,8 @@ var FreeLayout = class {
    * 更新布局
    */
   update() {
-    if (this.document.root.getData(FlowNodeTransformData4)?.localDirty) {
+    var _a;
+    if ((_a = this.document.root.getData(FlowNodeTransformData4)) == null ? void 0 : _a.localDirty) {
       this.document.root.clearMemoGlobal();
     }
   }
@@ -1587,6 +1609,21 @@ var FreeLayout = class {
     const parentTransform = node.parent.getData(FlowNodeTransformData4);
     parentTransform.transform.fireChange();
   }
+  /**
+   * 更新所有受影响的上下游节点
+   */
+  updateAffectedTransform(node) {
+    const transformData = node.transform;
+    if (!transformData.localDirty) {
+      return;
+    }
+    const allParents = this.getAllParents(node);
+    const allBlocks = this.getAllBlocks(node).reverse();
+    const affectedNodes = [...allBlocks, ...allParents];
+    affectedNodes.forEach((node2) => {
+      this.fireChange(node2);
+    });
+  }
   /**
    * 获取节点的 padding 数据
    * @param node
@@ -1632,6 +1669,30 @@ var FreeLayout = class {
   getDefaultNodeOrigin() {
     return { x: 0.5, y: 0 };
   }
+  getAllParents(node) {
+    const parents = [];
+    let current = node.parent;
+    while (current) {
+      parents.push(current);
+      current = current.parent;
+    }
+    return parents;
+  }
+  getAllBlocks(node) {
+    return node.blocks.reduce(
+      (acc, child) => [...acc, ...this.getAllBlocks(child)],
+      [node]
+    );
+  }
+  fireChange(node) {
+    const transformData = node == null ? void 0 : node.transform;
+    if (!node || !(transformData == null ? void 0 : transformData.localDirty)) {
+      return;
+    }
+    node.clearMemoGlobal();
+    node.clearMemoLocal();
+    transformData.transform.fireChange();
+  }
 };
 __decorateClass([
   inject4(PlaygroundConfigEntity3)
@@ -1654,7 +1715,6 @@ var WorkflowDocument = class extends FlowDocument {
     this.onContentChange = this._onContentChangeEmitter.event;
     this._onReloadEmitter = new Emitter4();
     this.onReload = this._onReloadEmitter.event;
-    this.disposed = false;
     /**
      * 数据加载完成
      */
@@ -1683,12 +1743,14 @@ var WorkflowDocument = class extends FlowDocument {
     });
   }
   async load() {
+    if (this.disposed) return;
     this._loading = true;
     await super.load();
     this._loading = false;
     this.onLoadedEmitter.fire();
   }
   async reload(json, delayTime = 0) {
+    if (this.disposed) return;
     this._loading = true;
     this.clear();
     this.fromJSON(json);
@@ -1701,10 +1763,14 @@ var WorkflowDocument = class extends FlowDocument {
    * @param json
    */
   fromJSON(json, fireRender = true) {
-    const { flattenJSON, nodeBlocks, nodeEdges } = this.flatJSON(json);
-    const nestedJSON = this.nestJSON(flattenJSON, nodeBlocks, nodeEdges);
+    var _a, _b;
+    if (this.disposed) return;
+    const workflowJSON = {
+      nodes: (_a = json.nodes) != null ? _a : [],
+      edges: (_b = json.edges) != null ? _b : []
+    };
     this.entityManager.changeEntityLocked = true;
-    this.renderJSON(nestedJSON);
+    this.renderJSON(workflowJSON);
     this.entityManager.changeEntityLocked = false;
     this.transformer.loading = false;
     if (fireRender) {
@@ -1725,14 +1791,16 @@ var WorkflowDocument = class extends FlowDocument {
    * @param json
    */
   createWorkflowNode(json, isClone = false, parentId) {
+    var _a, _b, _c;
     const isExistedNode = this.getNode(json.id);
-    const parent = this.getNode(parentId ?? this.root.id) ?? this.root;
+    const parent = (_a = this.getNode(parentId != null ? parentId : this.root.id)) != null ? _a : this.root;
     const node = this.addNode(
       {
         ...json,
         parent
       },
       void 0,
+      true,
       true
     );
     const registry = node.getNodeRegistry();
@@ -1741,9 +1809,11 @@ var WorkflowDocument = class extends FlowDocument {
     const formData = getFlowNodeFormData(node);
     const transform = node.getData(FlowNodeTransformData5);
     const freeLayout = this.layout;
-    transform.onDataChange(() => {
-      freeLayout.syncTransform(node);
-    });
+    if (!isExistedNode) {
+      transform.onDataChange(() => {
+        freeLayout.syncTransform(node);
+      });
+    }
     let { position } = meta;
     if (!position) {
       position = this.getNodeDefaultPosition(json.type);
@@ -1762,44 +1832,44 @@ var WorkflowDocument = class extends FlowDocument {
       });
     }
     const positionData = node.getData(PositionData);
-    positionData.onDataChange(() => {
-      this.fireContentChange({
-        type: "MOVE_NODE" /* MOVE_NODE */,
-        toJSON: () => positionData.toJSON(),
-        entity: node
+    if (!isExistedNode) {
+      positionData.onDataChange(() => {
+        this.fireContentChange({
+          type: "MOVE_NODE" /* MOVE_NODE */,
+          toJSON: () => positionData.toJSON(),
+          entity: node
+        });
       });
-    });
+    }
     const subCanvas = this.getNodeSubCanvas(node);
-    if (!isExistedNode && !subCanvas?.isCanvas) {
+    if (!isExistedNode && !(subCanvas == null ? void 0 : subCanvas.isCanvas)) {
       this.fireContentChange({
         type: "ADD_NODE" /* ADD_NODE */,
         entity: node,
         toJSON: () => this.toNodeJSON(node)
       });
-      node.toDispose.push(
-        Disposable3.create(() => {
-          this.fireContentChange({
-            type: "DELETE_NODE" /* DELETE_NODE */,
-            entity: node,
-            toJSON: () => this.toNodeJSON(node)
-          });
-        })
-      );
-      node.toDispose.push(
-        Disposable3.create(() => {
-          if (!node.parent || node.parent.flowNodeType === FlowNodeBaseType.ROOT) {
-            return;
-          }
-          const parentTransform = node.parent.getData(FlowNodeTransformData5);
-          setTimeout(() => {
-            parentTransform.fireChange();
-          }, 0);
-        })
-      );
+      node.onDispose(() => {
+        if (!node.parent || node.parent.flowNodeType === FlowNodeBaseType.ROOT) {
+          return;
+        }
+        const parentTransform = node.parent.getData(FlowNodeTransformData5);
+        parentTransform.fireChange();
+      });
+      let lastDeleteNodeData;
+      node.preDispose.onDispose(() => {
+        lastDeleteNodeData = this.toNodeJSON(node);
+      });
+      node.onDispose(() => {
+        this.fireContentChange({
+          type: "DELETE_NODE" /* DELETE_NODE */,
+          entity: node,
+          toJSON: () => lastDeleteNodeData
+        });
+      });
     }
     if (json.blocks) {
       this.renderJSON(
-        { nodes: json.blocks, edges: json.edges ?? [] },
+        { nodes: json.blocks, edges: (_b = json.edges) != null ? _b : [] },
         {
           parent: node,
           isClone
@@ -1809,21 +1879,39 @@ var WorkflowDocument = class extends FlowDocument {
     if (subCanvas) {
       const canvasTransform = subCanvas.canvasNode.getData(TransformData8);
       canvasTransform.update({
-        position: subCanvas.parentNode.getNodeMeta()?.canvasPosition
+        position: (_c = subCanvas.parentNode.getNodeMeta()) == null ? void 0 : _c.canvasPosition
       });
-      subCanvas.parentNode.onDispose(() => {
-        subCanvas.canvasNode.dispose();
+      if (!isExistedNode) {
+        subCanvas.parentNode.onDispose(() => {
+          subCanvas.canvasNode.dispose();
+        });
+        subCanvas.canvasNode.onDispose(() => {
+          subCanvas.parentNode.dispose();
+        });
+      }
+    }
+    if (!isExistedNode) {
+      this.onNodeCreateEmitter.fire({
+        node,
+        data: json,
+        json
       });
-      subCanvas.canvasNode.onDispose(() => {
-        subCanvas.parentNode.dispose();
+    } else {
+      this.onNodeUpdateEmitter.fire({
+        node,
+        data: json,
+        json
       });
     }
-    this.onNodeCreateEmitter.fire({
-      node,
-      data: json
-    });
     return node;
   }
+  get layout() {
+    const layout = this.layouts.find((layout2) => layout2.name == this.currentLayoutKey);
+    if (!layout) {
+      throw new Error(`Unknown flow layout: ${this.currentLayoutKey}`);
+    }
+    return layout;
+  }
   /**
    * 获取默认的 x y 坐标, 默认为当前画布可视区域中心
    * @param type
@@ -1860,11 +1948,11 @@ var WorkflowDocument = class extends FlowDocument {
         ...json,
         id,
         type,
-        meta: { position, ...json?.meta },
+        meta: { position, ...json == null ? void 0 : json.meta },
         // TODO title 和 meta 要从注册数据去拿
-        data: json?.data,
-        blocks: json?.blocks,
-        edges: json?.edges
+        data: json == null ? void 0 : json.data,
+        blocks: json == null ? void 0 : json.blocks,
+        edges: json == null ? void 0 : json.edges
       },
       false,
       parentID
@@ -1891,7 +1979,10 @@ var WorkflowDocument = class extends FlowDocument {
     }));
     const startNodeId = allNode.find((node) => node.isStart).id;
     const endNodeId = allNode.find((node) => node.isNodeEnd).id;
-    const nodeInContainer = allNode.filter((node) => node.parent?.getNodeMeta().isContainer).map((node) => node.id);
+    const nodeInContainer = allNode.filter((node) => {
+      var _a;
+      return (_a = node.parent) == null ? void 0 : _a.getNodeMeta().isContainer;
+    }).map((node) => node.id);
     const associatedCache = /* @__PURE__ */ new Set([endNodeId, ...nodeInContainer]);
     const bfs = (nodeId) => {
       if (associatedCache.has(nodeId)) {
@@ -1926,7 +2017,7 @@ var WorkflowDocument = class extends FlowDocument {
   }
   toNodeJSON(node) {
     const subCanvas = this.getNodeSubCanvas(node);
-    if (subCanvas?.isCanvas === true) {
+    if ((subCanvas == null ? void 0 : subCanvas.isCanvas) === true) {
       return this.toNodeJSON(subCanvas.parentNode);
     }
     const json = this.toNodeJSONFromOptions(node);
@@ -1960,6 +2051,7 @@ var WorkflowDocument = class extends FlowDocument {
     return WorkflowDocumentOptionsDefault.toNodeJSON(node);
   }
   copyNode(node, newNodeId, format, position) {
+    var _a;
     let json = this.toNodeJSON(node);
     if (format) {
       json = format(json);
@@ -1981,7 +2073,7 @@ var WorkflowDocument = class extends FlowDocument {
         edges: json.edges
       },
       true,
-      node.parent?.id
+      (_a = node.parent) == null ? void 0 : _a.id
     );
   }
   copyNodeFromJSON(flowNodeType, nodeJSON, newNodeId, position, parentId) {
@@ -2028,131 +2120,35 @@ var WorkflowDocument = class extends FlowDocument {
    * 导出数据
    */
   toJSON() {
+    var _a, _b;
     const rootJSON = this.toNodeJSON(this.root);
     return {
-      nodes: rootJSON.blocks ?? [],
-      edges: rootJSON.edges ?? []
+      nodes: (_a = rootJSON.blocks) != null ? _a : [],
+      edges: (_b = rootJSON.edges) != null ? _b : []
     };
   }
   dispose() {
-    if (this.disposed) {
-      return;
-    }
     super.dispose();
-    this.disposed = true;
     this._onReloadEmitter.dispose();
   }
-  getEdgeID(edge) {
-    return WorkflowLineEntity.portInfoToLineId({
-      from: edge.sourceNodeID,
-      to: edge.targetNodeID,
-      fromPort: edge.sourcePortID,
-      toPort: edge.targetPortID
-    });
-  }
-  /**
-   * 拍平树形json结构，将结构信息提取到map
-   */
-  flatJSON(json = { nodes: [], edges: [] }) {
-    const nodeBlocks = /* @__PURE__ */ new Map();
-    const nodeEdges = /* @__PURE__ */ new Map();
-    const rootNodes = json.nodes ?? [];
-    const rootEdges = json.edges ?? [];
-    const flattenNodeJSONs = [...rootNodes];
-    const flattenEdgeJSONs = [...rootEdges];
-    const rootBlockIDs = rootNodes.map((node) => node.id);
-    const rootEdgeIDs = rootEdges.map((edge) => this.getEdgeID(edge));
-    nodeBlocks.set(FlowNodeBaseType.ROOT, rootBlockIDs);
-    nodeEdges.set(FlowNodeBaseType.ROOT, rootEdgeIDs);
-    rootNodes.forEach((nodeJSON) => {
-      const { blocks, edges } = nodeJSON;
-      if (blocks) {
-        flattenNodeJSONs.push(...blocks);
-        const blockIDs = [];
-        blocks.forEach((block) => {
-          blockIDs.push(block.id);
-        });
-        nodeBlocks.set(nodeJSON.id, blockIDs);
-        delete nodeJSON.blocks;
-      }
-      if (edges) {
-        flattenEdgeJSONs.push(...edges);
-        const edgeIDs = [];
-        edges.forEach((edge) => {
-          const edgeID = this.getEdgeID(edge);
-          edgeIDs.push(edgeID);
-        });
-        nodeEdges.set(nodeJSON.id, edgeIDs);
-        delete nodeJSON.edges;
-      }
-    });
-    const flattenJSON = {
-      nodes: flattenNodeJSONs,
-      edges: flattenEdgeJSONs
-    };
-    return {
-      flattenJSON,
-      nodeBlocks,
-      nodeEdges
-    };
-  }
-  /**
-   * 对JSON进行分层
-   */
-  nestJSON(flattenJSON, nodeBlocks, nodeEdges) {
-    const nestJSON = {
-      nodes: [],
-      edges: []
-    };
-    const nodeMap = /* @__PURE__ */ new Map();
-    const edgeMap = /* @__PURE__ */ new Map();
-    const rootBlockSet = new Set(nodeBlocks.get(FlowNodeBaseType.ROOT) ?? []);
-    const rootEdgeSet = new Set(nodeEdges.get(FlowNodeBaseType.ROOT) ?? []);
-    flattenJSON.nodes.forEach((nodeJSON) => {
-      nodeMap.set(nodeJSON.id, nodeJSON);
-    });
-    flattenJSON.edges.forEach((edgeJSON) => {
-      const edgeID = this.getEdgeID(edgeJSON);
-      edgeMap.set(edgeID, edgeJSON);
-    });
-    flattenJSON.nodes.forEach((nodeJSON) => {
-      if (rootBlockSet.has(nodeJSON.id)) {
-        nestJSON.nodes.push(nodeJSON);
-      }
-      if (nodeBlocks.has(nodeJSON.id)) {
-        const blockIDs = nodeBlocks.get(nodeJSON.id);
-        const blockJSONs = blockIDs.map((blockID) => nodeMap.get(blockID)).filter(Boolean);
-        nodeJSON.blocks = blockJSONs;
-      }
-      if (nodeEdges.has(nodeJSON.id)) {
-        const edgeIDs = nodeEdges.get(nodeJSON.id);
-        const edgeJSONs = edgeIDs.map((edgeID) => edgeMap.get(edgeID)).filter(Boolean);
-        nodeJSON.edges = edgeJSONs;
-      }
-    });
-    flattenJSON.edges.forEach((edgeJSON) => {
-      const edgeID = this.getEdgeID(edgeJSON);
-      if (rootEdgeSet.has(edgeID)) {
-        nestJSON.edges.push(edgeJSON);
-      }
-    });
-    return nestJSON;
-  }
   /**
    * 逐层创建节点和线条
    */
   renderJSON(json, options) {
-    const { parent = this.root, isClone = false } = options ?? {};
-    const containerID = this.getNodeSubCanvas(parent)?.canvasNode.id ?? parent.id;
-    json.nodes.forEach((nodeJSON) => {
-      this.createWorkflowNode(nodeJSON, isClone, containerID);
-    }), // 创建线条
-    json.edges.forEach((edge) => this.createWorkflowLine(edge, containerID));
+    var _a, _b;
+    const { parent = this.root, isClone = false } = options != null ? options : {};
+    const containerID = (_b = (_a = this.getNodeSubCanvas(parent)) == null ? void 0 : _a.canvasNode.id) != null ? _b : parent.id;
+    const nodes = json.nodes.map(
+      (nodeJSON) => this.createWorkflowNode(nodeJSON, isClone, containerID)
+    );
+    const edges = json.edges.map((edge) => this.createWorkflowLine(edge, containerID)).filter(Boolean);
+    return { nodes, edges };
   }
   getNodeSubCanvas(node) {
+    var _a;
     if (!node) return;
     const nodeMeta = node.getNodeMeta();
-    const subCanvas = nodeMeta.subCanvas?.(node);
+    const subCanvas = (_a = nodeMeta.subCanvas) == null ? void 0 : _a.call(nodeMeta, node);
     return subCanvas;
   }
   getNodeChildren(node) {
@@ -2160,8 +2156,9 @@ var WorkflowDocument = class extends FlowDocument {
     const subCanvas = this.getNodeSubCanvas(node);
     const childrenWithCanvas = subCanvas ? subCanvas.canvasNode.collapsedChildren : node.collapsedChildren;
     const children = childrenWithCanvas.filter((child) => {
+      var _a, _b;
       const childMeta = child.getNodeMeta();
-      return !childMeta.subCanvas?.(node)?.isCanvas;
+      return !((_b = (_a = childMeta.subCanvas) == null ? void 0 : _a.call(childMeta, node)) == null ? void 0 : _b.isCanvas);
     }).filter(Boolean);
     return children;
   }
@@ -2287,7 +2284,8 @@ var WorkflowDragService = class {
    * 拖拽选中节点
    * @param triggerEvent
    */
-  startDragSelectedNodes(triggerEvent) {
+  async startDragSelectedNodes(triggerEvent) {
+    var _a;
     let { selectedNodes } = this.selectService;
     if (selectedNodes.length === 0 || this.playgroundConfig.readonly || this.playgroundConfig.disabled || this.isDragging) {
       return Promise.resolve(false);
@@ -2297,7 +2295,6 @@ var WorkflowDragService = class {
     if (sameParent && sameParent.flowNodeType !== FlowNodeBaseType2.ROOT) {
       selectedNodes = [sameParent];
     }
-    const { altKey } = triggerEvent;
     let startPosition = this.getNodesPosition(selectedNodes);
     let startPositions = selectedNodes.map((node) => {
       const transform = node.getData(TransformData9);
@@ -2311,7 +2308,6 @@ var WorkflowDragService = class {
           type: "onDragStart",
           nodes: selectedNodes,
           startPositions,
-          altKey,
           dragEvent,
           triggerEvent,
           dragger
@@ -2320,25 +2316,6 @@ var WorkflowDragService = class {
       onDrag: (dragEvent) => {
         if (!dragSuccess && checkDragSuccess(Date.now() - startTime, dragEvent)) {
           dragSuccess = true;
-          if (altKey) {
-            const tryCopyNodes = selectedNodes;
-            if (tryCopyNodes.length > 0) {
-              this.selectService.clear();
-              this.commandService.executeCommand("PASTE_NODES" /* PASTE_NODES */, tryCopyNodes, true).then((newNodes) => {
-                if (newNodes && Array.isArray(newNodes) && newNodes.length > 0) {
-                  selectedNodes = newNodes;
-                  startPosition = this.getNodesPosition(tryCopyNodes);
-                  startPositions = tryCopyNodes.filter((n) => !n.getNodeMeta().copyDisable).map((node) => {
-                    const transform = node.getData(TransformData9);
-                    return {
-                      x: transform.position.x,
-                      y: transform.position.y
-                    };
-                  });
-                }
-              });
-            }
-          }
         }
         const offset = this.getDragPosOffset({
           event: dragEvent,
@@ -2353,15 +2330,10 @@ var WorkflowDragService = class {
             x: nodeStartPosition.x + offset.x,
             y: nodeStartPosition.y + offset.y
           };
-          if (node.collapsedChildren?.length > 0) {
-            node.collapsedChildren.forEach((childNode) => {
-              const childNodeTransformData = childNode.getData(FlowNodeTransformData6);
-              childNodeTransformData.fireChange();
-            });
-          }
           transform.update({
             position: newPosition
           });
+          this.document.layout.updateAffectedTransform(node);
           positions.push(newPosition);
         });
         this._nodesDragEmitter.fire({
@@ -2369,7 +2341,6 @@ var WorkflowDragService = class {
           nodes: selectedNodes,
           startPositions,
           positions,
-          altKey,
           dragEvent,
           triggerEvent,
           dragger
@@ -2381,14 +2352,13 @@ var WorkflowDragService = class {
           type: "onDragEnd",
           nodes: selectedNodes,
           startPositions,
-          altKey,
           dragEvent,
           triggerEvent,
           dragger
         });
       }
     });
-    return dragger.start(triggerEvent.clientX, triggerEvent.clientY, this.playgroundConfig)?.then(() => dragSuccess);
+    return (_a = dragger.start(triggerEvent.clientX, triggerEvent.clientY, this.playgroundConfig)) == null ? void 0 : _a.then(() => dragSuccess);
   }
   /**
    * 通过拖入卡片添加
@@ -2406,7 +2376,7 @@ var WorkflowDragService = class {
       type,
       position,
       data,
-      parent?.id
+      parent == null ? void 0 : parent.id
     );
     return node;
   }
@@ -2456,7 +2426,7 @@ var WorkflowDragService = class {
           );
           return Rectangle8.intersects(draggingRect, transformRect);
         });
-        this.updateDropNode(collisionTransform?.entity);
+        this.updateDropNode(collisionTransform == null ? void 0 : collisionTransform.entity);
       },
       onDragEnd: async (e) => {
         const dropNode = this._dropNode;
@@ -2573,7 +2543,8 @@ var WorkflowDragService = class {
   }
   /** 是否容器节点 */
   isContainer(node) {
-    return node?.getNodeMeta().isContainer ?? false;
+    var _a;
+    return (_a = node == null ? void 0 : node.getNodeMeta().isContainer) != null ? _a : false;
   }
   /**
    * 获取节点整体位置
@@ -2598,7 +2569,7 @@ var WorkflowDragService = class {
   }
   updateDropNode(node) {
     if (this._dropNode) {
-      if (this._dropNode.id === node?.id) {
+      if (this._dropNode.id === (node == null ? void 0 : node.id)) {
         return;
       }
       this.selectService.clear();
@@ -2620,7 +2591,7 @@ var WorkflowDragService = class {
     this.hoverService.clearHovered();
   }
   handleDragOnNode(toNode, fromPort, line, toPort, originLine) {
-    if (toPort && (originLine?.toPort === toPort || toPort.portType === "input" && this.linesManager.canAddLine(fromPort, toPort, true))) {
+    if (toPort && ((originLine == null ? void 0 : originLine.toPort) === toPort || toPort.portType === "input" && this.linesManager.canAddLine(fromPort, toPort, true))) {
       this.hoverService.updateHoveredKey(toPort.id);
       line.setToPort(toPort);
       this._onDragLineEventEmitter.fire({
@@ -2642,14 +2613,15 @@ var WorkflowDragService = class {
     }
   }
   childrenOfContainer(nodes) {
+    var _a;
     if (nodes.length === 0) {
       return;
     }
-    const sourceContainer = nodes[0]?.parent;
+    const sourceContainer = (_a = nodes[0]) == null ? void 0 : _a.parent;
     if (!sourceContainer || sourceContainer.collapsedChildren.length !== nodes.length) {
       return;
     }
-    const valid = nodes.every((node) => node?.parent === sourceContainer);
+    const valid = nodes.every((node) => (node == null ? void 0 : node.parent) === sourceContainer);
     if (!valid) {
       return;
     }
@@ -2662,7 +2634,7 @@ var WorkflowDragService = class {
    */
   async startDrawingLine(fromPort, event, originLine) {
     const isFromInActivePort = !originLine && fromPort.isErrorPort() && fromPort.disabled;
-    if (originLine?.disabled || isFromInActivePort || this.playgroundConfig.readonly || this.playgroundConfig.disabled) {
+    if ((originLine == null ? void 0 : originLine.disabled) || isFromInActivePort || this.playgroundConfig.readonly || this.playgroundConfig.disabled) {
       return { dragSuccess: false, newLine: void 0 };
     }
     this.selectService.clear();
@@ -2725,7 +2697,7 @@ var WorkflowDragService = class {
         } else {
           line.drawingTo = { x: dragPos.x, y: dragPos.y };
         }
-        originLine?.validate();
+        originLine == null ? void 0 : originLine.validate();
         line.validate();
       },
       // eslint-disable-next-line complexity
@@ -2745,7 +2717,7 @@ var WorkflowDragService = class {
             })
           )
         );
-        line?.dispose();
+        line == null ? void 0 : line.dispose();
         this._onDragLineEventEmitter.fire({
           type: "onDragEnd"
         });
@@ -2753,7 +2725,7 @@ var WorkflowDragService = class {
           originLine.highlightColor = "";
         }
         const end = () => {
-          originLine?.validate();
+          originLine == null ? void 0 : originLine.validate();
           deferred.resolve({ dragSuccess });
         };
         if (dragSuccess) {
@@ -2780,7 +2752,7 @@ var WorkflowDragService = class {
           if (originLine && (!this.linesManager.canRemove(originLine, newLineInfo, false) || lineErrorReset)) {
             return end();
           } else {
-            originLine?.dispose();
+            originLine == null ? void 0 : originLine.dispose();
           }
           if (!toPort || !this.linesManager.canAddLine(fromPort, toPort, false)) {
             return end();
@@ -2884,18 +2856,14 @@ var layoutToPositions = async (nodes, nodePositionMap) => {
           const transform = node.getData(TransformData10);
           const deltaX = (nodePositionMap[node.id].x - transform.position.x) * v.d / 100;
           const deltaY = (nodePositionMap[node.id].y - transform.bounds.height / 2 - transform.position.y) * v.d / 100;
-          if (node.collapsedChildren?.length > 0) {
-            node.collapsedChildren.forEach((childNode) => {
-              const childNodeTransformData = childNode.getData(FlowNodeTransformData7);
-              childNodeTransformData.fireChange();
-            });
-          }
           transform.update({
             position: {
               x: transform.position.x + deltaX,
               y: transform.position.y + deltaY
             }
           });
+          const document2 = node.document;
+          document2.layout.updateAffectedTransform(node);
         });
       },
       onComplete: () => {
@@ -3011,7 +2979,7 @@ function usePlaygroundReadonlyState(listenChange) {
     if (listenChange) {
       dispose = playground.config.onReadonlyOrDisabledChange(() => refresh());
     }
-    return () => dispose?.dispose();
+    return () => dispose == null ? void 0 : dispose.dispose();
   }, [listenChange]);
   return playground.config.readonly;
 }
@@ -3021,6 +2989,7 @@ function checkTargetDraggable(el) {
   return el && el.tagName !== "INPUT" && el.tagName !== "TEXTAREA" && !el.closest(".flow-canvas-not-draggable");
 }
 function useNodeRender(nodeFromProps) {
+  var _a, _b;
   const node = nodeFromProps || useContext(PlaygroundEntityContext);
   const renderData = node.getData(FlowNodeRenderData3);
   const portsData = node.getData(WorkflowNodePortsData);
@@ -3044,6 +3013,7 @@ function useNodeRender(nodeFromProps) {
   }, []);
   const startDrag = useCallback(
     (e) => {
+      var _a2;
       e.preventDefault();
       if (!selectionService.isSelected(node.id)) {
         selectNode(e);
@@ -3052,7 +3022,7 @@ function useNodeRender(nodeFromProps) {
         return;
       }
       isDragging.current = true;
-      dragService.startDragSelectedNodes(e)?.finally(
+      (_a2 = dragService.startDragSelectedNodes(e)) == null ? void 0 : _a2.finally(
         () => setTimeout(() => {
           isDragging.current = false;
         })
@@ -3078,15 +3048,17 @@ function useNodeRender(nodeFromProps) {
   );
   const deleteNode = useCallback(() => node.dispose(), [node]);
   useListenEvents(portsData.onDataChange);
-  const isFirefox = navigator?.userAgent?.includes?.("Firefox");
+  const isFirefox = (_b = (_a = navigator == null ? void 0 : navigator.userAgent) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, "Firefox");
   const onFocus = useCallback(() => {
+    var _a2;
     if (isFirefox) {
-      nodeRef.current?.setAttribute("draggable", "false");
+      (_a2 = nodeRef.current) == null ? void 0 : _a2.setAttribute("draggable", "false");
     }
   }, []);
   const onBlur = useCallback(() => {
+    var _a2;
     if (isFirefox) {
-      nodeRef.current?.setAttribute("draggable", "true");
+      (_a2 = nodeRef.current) == null ? void 0 : _a2.setAttribute("draggable", "true");
     }
   }, []);
   const getExtInfo = useCallback(() => node.getExtInfo(), [node]);
@@ -3097,7 +3069,7 @@ function useNodeRender(nodeFromProps) {
     [node]
   );
   const form = useMemo(() => getNodeForm(node), [node]);
-  const formState = useObserve(form?.state);
+  const formState = useObserve(form == null ? void 0 : form.state);
   const toggleExpand = useCallback(() => {
     renderData.toggleExpand();
   }, [renderData]);
@@ -3233,7 +3205,8 @@ var WorkflowSimpleLineContribution = class {
     this.entity = entity;
   }
   get path() {
-    return this.data?.path ?? "";
+    var _a, _b;
+    return (_b = (_a = this.data) == null ? void 0 : _a.path) != null ? _b : "";
   }
   calcDistance(pos) {
     if (!this.data) {