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

package/dist/index.js

@@ -191,6 +191,7 @@ var PORT_SIZE = 24;
 var WorkflowPortEntity = class extends import_core4.Entity {
   // relativePosition
   constructor(opts) {
+    var _a;
     super(opts);
     this.portID = "";
     this._disabled = false;
@@ -199,7 +200,7 @@ var WorkflowPortEntity = class extends import_core4.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(import_core4.TransformData).onDataChange(() => this.fireChange()));
@@ -329,6 +330,7 @@ WorkflowPortEntity.type = "WorkflowPortEntity";
 // src/entity-datas/workflow-node-ports-data.ts
 var WorkflowNodePortsData = class extends import_core5.EntityData {
   constructor(entity) {
+    var _a;
     super(entity);
     /** 静态的 ports 数据 */
     this._staticPorts = [];
@@ -337,7 +339,7 @@ var WorkflowNodePortsData = class extends import_core5.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(
@@ -404,8 +406,9 @@ var WorkflowNodePortsData = class extends import_core5.EntityData {
     if (!(0, import_lodash_es.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));
@@ -499,8 +502,9 @@ var WorkflowNodePortsData = class extends import_core5.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 实体
@@ -568,7 +572,7 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends import_core6.E
         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);
@@ -599,7 +603,7 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends import_core6.E
         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);
@@ -659,19 +663,23 @@ var WorkflowLineRenderData = class extends import_core7.EntityData {
     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 import_utils7.Rectangle();
+    var _a, _b;
+    return (_b = (_a = this.currentLine) == null ? void 0 : _a.bounds) != null ? _b : new import_utils7.Rectangle();
   }
   /**
    * 更新数据
    * WARNING: 这个方法，必须在 requestAnimationFrame / useLayoutEffect 中调用，否则会引起浏览器强制重排
    */
   update() {
+    var _a;
     this.syncContributions();
     const oldVersion = this.data.version;
     this.updatePosition();
@@ -680,21 +688,23 @@ var WorkflowLineRenderData = class extends import_core7.EntityData {
       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
     };
@@ -778,7 +788,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
     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);
   }
   /**
@@ -919,7 +929,8 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
   }
   /** 获取线条样式 */
   get className() {
-    return this.linesManager.setLineClassName(this) ?? "";
+    var _a;
+    return (_a = this.linesManager.setLineClassName(this)) != null ? _a : "";
   }
   get color() {
     return this.linesManager.getLineColor(this);
@@ -940,8 +951,8 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
   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;
@@ -959,14 +970,15 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
     return this.linesManager.canRemove(this, newLineInfo);
   }
   get node() {
+    var _a, _b, _c, _d, _e, _f;
     if (this._node) return this._node;
     this._node = import_utils8.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;
   }
@@ -1018,7 +1030,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;
   }
   /**
    * 选中的节点
@@ -1089,8 +1102,8 @@ WorkflowSelectService = __decorateClass([
 
 // src/service/workflow-hover-service.ts
 var import_inversify2 = require("inversify");
-var import_core10 = require("@flowgram.ai/core");
 var import_utils11 = require("@flowgram.ai/utils");
+var import_core10 = require("@flowgram.ai/core");
 var WorkflowHoverService = class {
   constructor() {
     this.onHoveredChangeEmitter = new import_utils11.Emitter();
@@ -1210,19 +1223,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(import_form_core.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);
+    }
   }
 }
 
@@ -1233,12 +1250,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(import_form_core2.FlowNodeErrorData)?.getError();
+    var _a, _b;
+    const nodeError = (_a = node.getData(import_form_core2.FlowNodeErrorData)) == null ? void 0 : _a.getError();
     if (nodeError) {
       throw nodeError;
     }
@@ -1246,8 +1264,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(import_document4.FlowNodeTransformData);
       const { x, y } = canvasNodeTransform.transform.position;
       metaData.canvasPosition = { x, y };
@@ -1350,6 +1368,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);
@@ -1359,7 +1378,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;
@@ -1377,26 +1396,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(
-      import_utils12.Disposable.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 */,
@@ -1534,7 +1551,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(import_core12.TransformData).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(import_core12.TransformData).contains(pos.x, pos.y));
       if (targetNode && targetNode !== targetPort.node) {
         return;
       }
@@ -1546,21 +1566,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(import_core12.PlaygroundConfigEntity)?.config?.zoom || 1;
+    const zoom = ((_b = (_a = this.entityManager.getEntity(import_core12.PlaygroundConfigEntity)) == null ? void 0 : _a.config) == null ? void 0 : _b.zoom) || 1;
     allNodes.forEach((node) => {
       const { bounds } = node.getData(import_document5.FlowNodeTransformData);
       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 (0, import_lodash_es3.last)(filteredNodes);
       }
     }
@@ -1604,9 +1625,9 @@ var import_core14 = require("@flowgram.ai/core");
 
 // src/layout/free-layout.ts
 var import_inversify4 = require("inversify");
+var import_utils13 = require("@flowgram.ai/utils");
 var import_document6 = require("@flowgram.ai/document");
 var import_core13 = require("@flowgram.ai/core");
-var import_utils13 = require("@flowgram.ai/utils");
 var FREE_LAYOUT_KEY = "free-layout";
 var FreeLayout = class {
   constructor() {
@@ -1619,7 +1640,8 @@ var FreeLayout = class {
    * 更新布局
    */
   update() {
-    if (this.document.root.getData(import_document6.FlowNodeTransformData)?.localDirty) {
+    var _a;
+    if ((_a = this.document.root.getData(import_document6.FlowNodeTransformData)) == null ? void 0 : _a.localDirty) {
       this.document.root.clearMemoGlobal();
     }
   }
@@ -1641,6 +1663,21 @@ var FreeLayout = class {
     const parentTransform = node.parent.getData(import_document6.FlowNodeTransformData);
     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
@@ -1686,6 +1723,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([
   (0, import_inversify4.inject)(import_core13.PlaygroundConfigEntity)
@@ -1708,7 +1769,6 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
     this.onContentChange = this._onContentChangeEmitter.event;
     this._onReloadEmitter = new import_utils14.Emitter();
     this.onReload = this._onReloadEmitter.event;
-    this.disposed = false;
     /**
      * 数据加载完成
      */
@@ -1737,12 +1797,14 @@ var WorkflowDocument = class extends import_document7.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);
@@ -1755,9 +1817,11 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
    * @param json
    */
   fromJSON(json, fireRender = true) {
+    var _a, _b;
+    if (this.disposed) return;
     const workflowJSON = {
-      nodes: json.nodes ?? [],
-      edges: json.edges ?? []
+      nodes: (_a = json.nodes) != null ? _a : [],
+      edges: (_b = json.edges) != null ? _b : []
     };
     this.entityManager.changeEntityLocked = true;
     this.renderJSON(workflowJSON);
@@ -1781,14 +1845,16 @@ var WorkflowDocument = class extends import_document7.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();
@@ -1797,9 +1863,11 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
     const formData = getFlowNodeFormData(node);
     const transform = node.getData(import_document7.FlowNodeTransformData);
     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);
@@ -1818,44 +1886,44 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
       });
     }
     const positionData = node.getData(import_core14.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(
-        import_utils14.Disposable.create(() => {
-          this.fireContentChange({
-            type: "DELETE_NODE" /* DELETE_NODE */,
-            entity: node,
-            toJSON: () => this.toNodeJSON(node)
-          });
-        })
-      );
-      node.toDispose.push(
-        import_utils14.Disposable.create(() => {
-          if (!node.parent || node.parent.flowNodeType === import_document7.FlowNodeBaseType.ROOT) {
-            return;
-          }
-          const parentTransform = node.parent.getData(import_document7.FlowNodeTransformData);
-          setTimeout(() => {
-            parentTransform.fireChange();
-          }, 0);
-        })
-      );
+      node.onDispose(() => {
+        if (!node.parent || node.parent.flowNodeType === import_document7.FlowNodeBaseType.ROOT) {
+          return;
+        }
+        const parentTransform = node.parent.getData(import_document7.FlowNodeTransformData);
+        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
@@ -1865,21 +1933,39 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
     if (subCanvas) {
       const canvasTransform = subCanvas.canvasNode.getData(import_core14.TransformData);
       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
@@ -1916,11 +2002,11 @@ var WorkflowDocument = class extends import_document7.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
@@ -1947,7 +2033,10 @@ var WorkflowDocument = class extends import_document7.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)) {
@@ -1982,7 +2071,7 @@ var WorkflowDocument = class extends import_document7.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);
@@ -2016,6 +2105,7 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
     return WorkflowDocumentOptionsDefault.toNodeJSON(node);
   }
   copyNode(node, newNodeId, format, position) {
+    var _a;
     let json = this.toNodeJSON(node);
     if (format) {
       json = format(json);
@@ -2037,7 +2127,7 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
         edges: json.edges
       },
       true,
-      node.parent?.id
+      (_a = node.parent) == null ? void 0 : _a.id
     );
   }
   copyNodeFromJSON(flowNodeType, nodeJSON, newNodeId, position, parentId) {
@@ -2084,26 +2174,24 @@ var WorkflowDocument = class extends import_document7.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();
   }
   /**
    * 逐层创建节点和线条
    */
   renderJSON(json, options) {
-    const { parent = this.root, isClone = false } = options ?? {};
-    const containerID = this.getNodeSubCanvas(parent)?.canvasNode.id ?? parent.id;
+    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)
     );
@@ -2111,9 +2199,10 @@ var WorkflowDocument = class extends import_document7.FlowDocument {
     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) {
@@ -2121,8 +2210,9 @@ var WorkflowDocument = class extends import_document7.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;
   }
@@ -2249,6 +2339,7 @@ var WorkflowDragService = class {
    * @param 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);
@@ -2293,15 +2384,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(import_document8.FlowNodeTransformData);
-              childNodeTransformData.fireChange();
-            });
-          }
           transform.update({
             position: newPosition
           });
+          this.document.layout.updateAffectedTransform(node);
           positions.push(newPosition);
         });
         this._nodesDragEmitter.fire({
@@ -2326,7 +2412,7 @@ var WorkflowDragService = class {
         });
       }
     });
-    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);
   }
   /**
    * 通过拖入卡片添加
@@ -2344,7 +2430,7 @@ var WorkflowDragService = class {
       type,
       position,
       data,
-      parent?.id
+      parent == null ? void 0 : parent.id
     );
     return node;
   }
@@ -2394,7 +2480,7 @@ var WorkflowDragService = class {
           );
           return import_utils16.Rectangle.intersects(draggingRect, transformRect);
         });
-        this.updateDropNode(collisionTransform?.entity);
+        this.updateDropNode(collisionTransform == null ? void 0 : collisionTransform.entity);
       },
       onDragEnd: async (e) => {
         const dropNode = this._dropNode;
@@ -2511,7 +2597,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;
   }
   /**
    * 获取节点整体位置
@@ -2536,7 +2623,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();
@@ -2558,7 +2645,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({
@@ -2580,14 +2667,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;
     }
@@ -2600,7 +2688,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();
@@ -2663,7 +2751,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
@@ -2683,7 +2771,7 @@ var WorkflowDragService = class {
             })
           )
         );
-        line?.dispose();
+        line == null ? void 0 : line.dispose();
         this._onDragLineEventEmitter.fire({
           type: "onDragEnd"
         });
@@ -2691,7 +2779,7 @@ var WorkflowDragService = class {
           originLine.highlightColor = "";
         }
         const end = () => {
-          originLine?.validate();
+          originLine == null ? void 0 : originLine.validate();
           deferred.resolve({ dragSuccess });
         };
         if (dragSuccess) {
@@ -2718,7 +2806,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();
@@ -2822,18 +2910,14 @@ var layoutToPositions = async (nodes, nodePositionMap) => {
           const transform = node.getData(import_core16.TransformData);
           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(import_document10.FlowNodeTransformData);
-              childNodeTransformData.fireChange();
-            });
-          }
           transform.update({
             position: {
               x: transform.position.x + deltaX,
               y: transform.position.y + deltaY
             }
           });
+          const document2 = node.document;
+          document2.layout.updateAffectedTransform(node);
         });
       },
       onComplete: () => {
@@ -2949,7 +3033,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;
 }
@@ -2959,6 +3043,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 || (0, import_react2.useContext)(import_core21.PlaygroundEntityContext);
   const renderData = node.getData(import_document12.FlowNodeRenderData);
   const portsData = node.getData(WorkflowNodePortsData);
@@ -2982,6 +3067,7 @@ function useNodeRender(nodeFromProps) {
   }, []);
   const startDrag = (0, import_react2.useCallback)(
     (e) => {
+      var _a2;
       e.preventDefault();
       if (!selectionService.isSelected(node.id)) {
         selectNode(e);
@@ -2990,7 +3076,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;
         })
@@ -3016,15 +3102,17 @@ function useNodeRender(nodeFromProps) {
   );
   const deleteNode = (0, import_react2.useCallback)(() => node.dispose(), [node]);
   (0, import_core21.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 = (0, import_react2.useCallback)(() => {
+    var _a2;
     if (isFirefox) {
-      nodeRef.current?.setAttribute("draggable", "false");
+      (_a2 = nodeRef.current) == null ? void 0 : _a2.setAttribute("draggable", "false");
     }
   }, []);
   const onBlur = (0, import_react2.useCallback)(() => {
+    var _a2;
     if (isFirefox) {
-      nodeRef.current?.setAttribute("draggable", "true");
+      (_a2 = nodeRef.current) == null ? void 0 : _a2.setAttribute("draggable", "true");
     }
   }, []);
   const getExtInfo = (0, import_react2.useCallback)(() => node.getExtInfo(), [node]);
@@ -3035,7 +3123,7 @@ function useNodeRender(nodeFromProps) {
     [node]
   );
   const form = (0, import_react2.useMemo)(() => (0, import_node.getNodeForm)(node), [node]);
-  const formState = (0, import_reactive.useObserve)(form?.state);
+  const formState = (0, import_reactive.useObserve)(form == null ? void 0 : form.state);
   const toggleExpand = (0, import_react2.useCallback)(() => {
     renderData.toggleExpand();
   }, [renderData]);
@@ -3168,7 +3256,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) {