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

package/dist/esm/index.js

@@ -11,7 +11,7 @@ import {
 import {
   LineColors,
   LineType
-} from "./chunk-PT4ZVDZZ.js";
+} from "./chunk-6DKK25L7.js";
 import "./chunk-DDJTYHXN.js";
 import {
   WorkflowOperationBaseService
@@ -145,7 +145,6 @@ var PORT_SIZE = 24;
 var WorkflowPortEntity = class extends Entity {
   // relativePosition
   constructor(opts) {
-    var _a;
     super(opts);
     this.portID = "";
     this._disabled = false;
@@ -154,7 +153,7 @@ var WorkflowPortEntity = class extends Entity {
     this.onErrorChanged = this._onErrorChangedEmitter.event;
     this.portID = opts.portID || "";
     this.portType = opts.type;
-    this._disabled = (_a = opts.disabled) != null ? _a : false;
+    this._disabled = opts.disabled ?? false;
     this.node = opts.node;
     this.updateTargetElement(opts.targetElement);
     this.toDispose.push(this.node.getData(TransformData3).onDataChange(() => this.fireChange()));
@@ -284,7 +283,6 @@ 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 = [];
@@ -293,7 +291,7 @@ var WorkflowNodePortsData = class extends EntityData {
     this.entity = entity;
     const meta = entity.getNodeMeta();
     const defaultPorts = meta.useDynamicPort ? [] : [{ type: "input" }, { type: "output" }];
-    this._staticPorts = ((_a = meta.defaultPorts) == null ? void 0 : _a.slice()) || defaultPorts;
+    this._staticPorts = meta.defaultPorts?.slice() || defaultPorts;
     this.updatePorts(this._staticPorts);
     if (meta.useDynamicPort) {
       this.toDispose.push(
@@ -360,9 +358,8 @@ 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)) {
-          (_a = this.getPortEntity(portId)) == null ? void 0 : _a.dispose();
+          this.getPortEntity(portId)?.dispose();
         }
       });
       ports.forEach((port) => this.updatePortEntity(port));
@@ -456,9 +453,8 @@ var WorkflowNodePortsData = class extends EntityData {
    * 获取或创建 port 实体
    */
   getOrCreatePortEntity(portInfo) {
-    var _a;
     const id = this.getPortId(portInfo.type, portInfo.portID);
-    return (_a = this.getPortEntity(id)) != null ? _a : this.createPortEntity(portInfo);
+    return this.getPortEntity(id) ?? this.createPortEntity(portInfo);
   }
   /**
    * 更新 port 实体
@@ -526,7 +522,7 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends EntityData2 {
         return;
       }
       inputNodes.forEach((inputNode) => {
-        if ((inputNode == null ? void 0 : inputNode.parent) === node || (node == null ? void 0 : node.parent) === inputNode) {
+        if (inputNode?.parent === node || node?.parent === inputNode) {
           return;
         }
         handleNode(inputNode);
@@ -557,7 +553,7 @@ var _WorkflowNodeLinesData = class _WorkflowNodeLinesData extends EntityData2 {
         return;
       }
       outputNodes.forEach((outputNode) => {
-        if ((outputNode == null ? void 0 : outputNode.parent) === node || (node == null ? void 0 : node.parent) === outputNode) {
+        if (outputNode?.parent === node || node?.parent === outputNode) {
           return;
         }
         handleNode(outputNode);
@@ -617,23 +613,19 @@ var WorkflowLineRenderData = class extends EntityData3 {
     return this.data.position;
   }
   get path() {
-    var _a, _b;
-    return (_b = (_a = this.currentLine) == null ? void 0 : _a.path) != null ? _b : "";
+    return this.currentLine?.path ?? "";
   }
   calcDistance(pos) {
-    var _a, _b;
-    return (_b = (_a = this.currentLine) == null ? void 0 : _a.calcDistance(pos)) != null ? _b : Number.MAX_SAFE_INTEGER;
+    return this.currentLine?.calcDistance(pos) ?? Number.MAX_SAFE_INTEGER;
   }
   get bounds() {
-    var _a, _b;
-    return (_b = (_a = this.currentLine) == null ? void 0 : _a.bounds) != null ? _b : new Rectangle4();
+    return this.currentLine?.bounds ?? new Rectangle4();
   }
   /**
    * 更新数据
    * WARNING: 这个方法，必须在 requestAnimationFrame / useLayoutEffect 中调用，否则会引起浏览器强制重排
    */
   update() {
-    var _a;
     this.syncContributions();
     const oldVersion = this.data.version;
     this.updatePosition();
@@ -642,23 +634,21 @@ var WorkflowLineRenderData = class extends EntityData3 {
       return;
     }
     this.data.version = newVersion;
-    (_a = this.currentLine) == null ? void 0 : _a.update({
+    this.currentLine?.update({
       fromPos: this.data.position.from,
       toPos: this.data.position.to
     });
   }
   get lineType() {
-    var _a;
-    return (_a = this.entity.renderType) != null ? _a : this.entity.linesManager.lineType;
+    return this.entity.renderType ?? 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 = (_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 : {
+    this.data.position.to = this.entity.info.drawingTo ?? this.entity.to?.getData(WorkflowNodePortsData)?.getInputPoint(this.entity.info.toPort) ?? {
       x: this.data.position.from.x,
       y: this.data.position.from.y
     };
@@ -742,7 +732,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     return this.highlightColor === this.linesManager.lineColor.hidden;
   }
   get inContainer() {
-    const nodeInContainer = (node) => !!(node == null ? void 0 : node.parent) && node.parent.flowNodeType !== "root";
+    const nodeInContainer = (node) => !!node?.parent && node.parent.flowNodeType !== "root";
     return nodeInContainer(this.from) || nodeInContainer(this.to);
   }
   /**
@@ -883,8 +873,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   }
   /** 获取线条样式 */
   get className() {
-    var _a;
-    return (_a = this.linesManager.setLineClassName(this)) != null ? _a : "";
+    return this.linesManager.setLineClassName(this) ?? "";
   }
   get color() {
     return this.linesManager.getLineColor(this);
@@ -905,8 +894,8 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   validate() {
     const { fromPort, toPort } = this;
     this.validateSelf();
-    fromPort == null ? void 0 : fromPort.validate();
-    toPort == null ? void 0 : toPort.validate();
+    fromPort?.validate();
+    toPort?.validate();
   }
   validateSelf() {
     const { fromPort, toPort } = this;
@@ -924,15 +913,14 @@ 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 = (_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.fromPortId = this.fromPort?.id ?? "";
+    this._node.dataset.toNodeId = this.to?.id ?? "";
+    this._node.dataset.toPortId = this.toPort?.id ?? "";
     this._node.dataset.hasError = this.hasError ? "true" : "false";
     return this._node;
   }
@@ -984,8 +972,7 @@ var WorkflowSelectService = class {
     return this.selectionService.selection.some((s) => s.id === id);
   }
   isActivated(id) {
-    var _a;
-    return ((_a = this.activatedNode) == null ? void 0 : _a.id) === id;
+    return this.activatedNode?.id === id;
   }
   /**
    * 选中的节点
@@ -1189,8 +1176,7 @@ var WorkflowDocumentOptionsDefault = {
     return;
   },
   toNodeJSON(node) {
-    var _a, _b;
-    const nodeError = (_a = node.getData(FlowNodeErrorData)) == null ? void 0 : _a.getError();
+    const nodeError = node.getData(FlowNodeErrorData)?.getError();
     if (nodeError) {
       throw nodeError;
     }
@@ -1198,8 +1184,8 @@ var WorkflowDocumentOptionsDefault = {
     let formJSON = toFormJSON(node);
     const metaData = {};
     const nodeMeta = node.getNodeMeta();
-    const subCanvas = (_b = nodeMeta.subCanvas) == null ? void 0 : _b.call(nodeMeta, node);
-    if ((subCanvas == null ? void 0 : subCanvas.isCanvas) === false) {
+    const subCanvas = nodeMeta.subCanvas?.(node);
+    if (subCanvas?.isCanvas === false) {
       const canvasNodeTransform = subCanvas.canvasNode.getData(FlowNodeTransformData2);
       const { x, y } = canvasNodeTransform.transform.position;
       metaData.canvasPosition = { x, y };
@@ -1250,12 +1236,12 @@ var WorkflowLinesManager = class {
   }
   get lineColor() {
     const color = {
-      default: "#4d53e8" /* DEFUALT */,
-      error: "red" /* ERROR */,
-      hidden: "transparent" /* HIDDEN */,
-      drawing: "#5DD6E3" /* DRAWING */,
-      hovered: "#37d0ff" /* HOVER */,
-      selected: "#37d0ff" /* HOVER */
+      default: "var(--g-line-color-default,#4d53e8)" /* DEFUALT */,
+      error: "var(--g-line-color-error,red)" /* ERROR */,
+      hidden: "var(--g-line-color-hidden,transparent)" /* HIDDEN */,
+      drawing: "var(--g-line-color-drawing, #5DD6E3)" /* DRAWING */,
+      hovered: "var(--g-line-color-hover,#37d0ff)" /* HOVER */,
+      selected: "var(--g-line-color-selected,#37d0ff)" /* SELECTED */
     };
     if (this.options.lineColor) {
       Object.assign(color, this.options.lineColor);
@@ -1302,7 +1288,6 @@ 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);
@@ -1312,7 +1297,7 @@ var WorkflowLinesManager = class {
       line.validate();
       return line;
     }
-    const fromNode = (_a = this.entityManager.getEntityById(from)) == null ? void 0 : _a.getData(WorkflowNodeLinesData);
+    const fromNode = this.entityManager.getEntityById(from)?.getData(WorkflowNodeLinesData);
     const toNode = to ? this.entityManager.getEntityById(to).getData(WorkflowNodeLinesData) : void 0;
     if (!fromNode) {
       return;
@@ -1330,13 +1315,13 @@ var WorkflowLinesManager = class {
     });
     this.registerData(line);
     fromNode.addLine(line);
-    toNode == null ? void 0 : toNode.addLine(line);
+    toNode?.addLine(line);
     line.onDispose(() => {
       if (drawingTo) {
         this.isDrawing = false;
       }
       fromNode.removeLine(line);
-      toNode == null ? void 0 : toNode.removeLine(line);
+      toNode?.removeLine(line);
       line.validate();
     });
     line.onDispose(() => {
@@ -1485,10 +1470,7 @@ 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) => {
-        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));
+      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));
       if (targetNode && targetNode !== targetPort.node) {
         return;
       }
@@ -1500,22 +1482,21 @@ 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 = ((_b = (_a = this.entityManager.getEntity(PlaygroundConfigEntity2)) == null ? void 0 : _a.config) == null ? void 0 : _b.zoom) || 1;
+    const zoom = this.entityManager.getEntity(PlaygroundConfigEntity2)?.config?.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 == null ? void 0 : selection.length) {
+    if (selection?.length) {
       const filteredNodes = containNodes.filter(
         (node) => selection.some((_node) => node.id === _node.id)
       );
-      if (filteredNodes == null ? void 0 : filteredNodes.length) {
+      if (filteredNodes?.length) {
         return last(filteredNodes);
       }
     }
@@ -1554,7 +1535,11 @@ import { customAlphabet } from "nanoid";
 import { inject as inject5, injectable as injectable5, optional, postConstruct } from "inversify";
 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 {
+  FlowDocument,
+  FlowNodeBaseType,
+  FlowNodeTransformData as FlowNodeTransformData5
+} from "@flowgram.ai/document";
 import {
   injectPlaygroundContext,
   PlaygroundConfigEntity as PlaygroundConfigEntity4,
@@ -1586,8 +1571,7 @@ var FreeLayout = class {
    * 更新布局
    */
   update() {
-    var _a;
-    if ((_a = this.document.root.getData(FlowNodeTransformData4)) == null ? void 0 : _a.localDirty) {
+    if (this.document.root.getData(FlowNodeTransformData4)?.localDirty) {
       this.document.root.clearMemoGlobal();
     }
   }
@@ -1685,8 +1669,8 @@ var FreeLayout = class {
     );
   }
   fireChange(node) {
-    const transformData = node == null ? void 0 : node.transform;
-    if (!node || !(transformData == null ? void 0 : transformData.localDirty)) {
+    const transformData = node?.transform;
+    if (!node || !transformData?.localDirty) {
       return;
     }
     node.clearMemoGlobal();
@@ -1763,11 +1747,10 @@ var WorkflowDocument = class extends FlowDocument {
    * @param json
    */
   fromJSON(json, fireRender = true) {
-    var _a, _b;
     if (this.disposed) return;
     const workflowJSON = {
-      nodes: (_a = json.nodes) != null ? _a : [],
-      edges: (_b = json.edges) != null ? _b : []
+      nodes: json.nodes ?? [],
+      edges: json.edges ?? []
     };
     this.entityManager.changeEntityLocked = true;
     this.renderJSON(workflowJSON);
@@ -1791,16 +1774,14 @@ var WorkflowDocument = class extends FlowDocument {
    * @param json
    */
   createWorkflowNode(json, isClone = false, parentId) {
-    var _a, _b, _c;
     const isExistedNode = this.getNode(json.id);
-    const parent = (_a = this.getNode(parentId != null ? parentId : this.root.id)) != null ? _a : this.root;
+    const parent = this.getNode(parentId ?? this.root.id) ?? this.root;
     const node = this.addNode(
       {
         ...json,
         parent
       },
       void 0,
-      true,
       true
     );
     const registry = node.getNodeRegistry();
@@ -1842,7 +1823,7 @@ var WorkflowDocument = class extends FlowDocument {
       });
     }
     const subCanvas = this.getNodeSubCanvas(node);
-    if (!isExistedNode && !(subCanvas == null ? void 0 : subCanvas.isCanvas)) {
+    if (!isExistedNode && !subCanvas?.isCanvas) {
       this.fireContentChange({
         type: "ADD_NODE" /* ADD_NODE */,
         entity: node,
@@ -1869,7 +1850,7 @@ var WorkflowDocument = class extends FlowDocument {
     }
     if (json.blocks) {
       this.renderJSON(
-        { nodes: json.blocks, edges: (_b = json.edges) != null ? _b : [] },
+        { nodes: json.blocks, edges: json.edges ?? [] },
         {
           parent: node,
           isClone
@@ -1879,7 +1860,7 @@ var WorkflowDocument = class extends FlowDocument {
     if (subCanvas) {
       const canvasTransform = subCanvas.canvasNode.getData(TransformData8);
       canvasTransform.update({
-        position: (_c = subCanvas.parentNode.getNodeMeta()) == null ? void 0 : _c.canvasPosition
+        position: subCanvas.parentNode.getNodeMeta()?.canvasPosition
       });
       if (!isExistedNode) {
         subCanvas.parentNode.onDispose(() => {
@@ -1905,6 +1886,64 @@ var WorkflowDocument = class extends FlowDocument {
     }
     return node;
   }
+  /**
+   * 添加节点，如果节点已经存在则不会重复创建
+   * @param data
+   * @param addedNodes
+   */
+  addNode(data, addedNodes, ignoreCreateAndUpdateEvent) {
+    const { id, type = "block", originParent, parent, meta, hidden, index } = data;
+    let node = this.getNode(id);
+    let isNew = false;
+    const register = this.getNodeRegistry(type, data.originParent);
+    if (node && node.flowNodeType !== data.type) {
+      node.dispose();
+      node = void 0;
+    }
+    if (!node) {
+      const { dataRegistries } = register;
+      node = this.entityManager.createEntity(WorkflowNodeEntity, {
+        id,
+        document: this,
+        flowNodeType: type,
+        originParent,
+        meta
+      });
+      const datas = dataRegistries ? this.nodeDataRegistries.concat(...dataRegistries) : this.nodeDataRegistries;
+      node.addInitializeData(datas);
+      node.onDispose(() => this.onNodeDisposeEmitter.fire({ node }));
+      this.options.fromNodeJSON?.(node, data, true);
+      isNew = true;
+    } else {
+      this.options.fromNodeJSON?.(node, data, false);
+    }
+    node.initData({
+      originParent,
+      parent,
+      meta,
+      hidden,
+      index
+    });
+    addedNodes?.push(node);
+    if (register.onCreate) {
+      const extendNodes = register.onCreate(node, data);
+      if (extendNodes && addedNodes) {
+        addedNodes.push(...extendNodes);
+      }
+    }
+    if (!ignoreCreateAndUpdateEvent) {
+      if (isNew) {
+        this.onNodeCreateEmitter.fire({
+          node,
+          data,
+          json: data
+        });
+      } else {
+        this.onNodeUpdateEmitter.fire({ node, data, json: data });
+      }
+    }
+    return node;
+  }
   get layout() {
     const layout = this.layouts.find((layout2) => layout2.name == this.currentLayoutKey);
     if (!layout) {
@@ -1948,11 +1987,11 @@ var WorkflowDocument = class extends FlowDocument {
         ...json,
         id,
         type,
-        meta: { position, ...json == null ? void 0 : json.meta },
+        meta: { position, ...json?.meta },
         // TODO title 和 meta 要从注册数据去拿
-        data: json == null ? void 0 : json.data,
-        blocks: json == null ? void 0 : json.blocks,
-        edges: json == null ? void 0 : json.edges
+        data: json?.data,
+        blocks: json?.blocks,
+        edges: json?.edges
       },
       false,
       parentID
@@ -1979,10 +2018,7 @@ 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) => {
-      var _a;
-      return (_a = node.parent) == null ? void 0 : _a.getNodeMeta().isContainer;
-    }).map((node) => node.id);
+    const nodeInContainer = allNode.filter((node) => node.parent?.getNodeMeta().isContainer).map((node) => node.id);
     const associatedCache = /* @__PURE__ */ new Set([endNodeId, ...nodeInContainer]);
     const bfs = (nodeId) => {
       if (associatedCache.has(nodeId)) {
@@ -2017,7 +2053,7 @@ var WorkflowDocument = class extends FlowDocument {
   }
   toNodeJSON(node) {
     const subCanvas = this.getNodeSubCanvas(node);
-    if ((subCanvas == null ? void 0 : subCanvas.isCanvas) === true) {
+    if (subCanvas?.isCanvas === true) {
       return this.toNodeJSON(subCanvas.parentNode);
     }
     const json = this.toNodeJSONFromOptions(node);
@@ -2051,7 +2087,6 @@ 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);
@@ -2073,7 +2108,7 @@ var WorkflowDocument = class extends FlowDocument {
         edges: json.edges
       },
       true,
-      (_a = node.parent) == null ? void 0 : _a.id
+      node.parent?.id
     );
   }
   copyNodeFromJSON(flowNodeType, nodeJSON, newNodeId, position, parentId) {
@@ -2120,11 +2155,10 @@ var WorkflowDocument = class extends FlowDocument {
    * 导出数据
    */
   toJSON() {
-    var _a, _b;
     const rootJSON = this.toNodeJSON(this.root);
     return {
-      nodes: (_a = rootJSON.blocks) != null ? _a : [],
-      edges: (_b = rootJSON.edges) != null ? _b : []
+      nodes: rootJSON.blocks ?? [],
+      edges: rootJSON.edges ?? []
     };
   }
   dispose() {
@@ -2135,9 +2169,8 @@ var WorkflowDocument = class extends FlowDocument {
    * 逐层创建节点和线条
    */
   renderJSON(json, options) {
-    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 { parent = this.root, isClone = false } = options ?? {};
+    const containerID = this.getNodeSubCanvas(parent)?.canvasNode.id ?? parent.id;
     const nodes = json.nodes.map(
       (nodeJSON) => this.createWorkflowNode(nodeJSON, isClone, containerID)
     );
@@ -2145,10 +2178,9 @@ var WorkflowDocument = class extends FlowDocument {
     return { nodes, edges };
   }
   getNodeSubCanvas(node) {
-    var _a;
     if (!node) return;
     const nodeMeta = node.getNodeMeta();
-    const subCanvas = (_a = nodeMeta.subCanvas) == null ? void 0 : _a.call(nodeMeta, node);
+    const subCanvas = nodeMeta.subCanvas?.(node);
     return subCanvas;
   }
   getNodeChildren(node) {
@@ -2156,9 +2188,8 @@ 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 !((_b = (_a = childMeta.subCanvas) == null ? void 0 : _a.call(childMeta, node)) == null ? void 0 : _b.isCanvas);
+      return !childMeta.subCanvas?.(node)?.isCanvas;
     }).filter(Boolean);
     return children;
   }
@@ -2285,7 +2316,6 @@ 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);
@@ -2358,7 +2388,7 @@ var WorkflowDragService = class {
         });
       }
     });
-    return (_a = dragger.start(triggerEvent.clientX, triggerEvent.clientY, this.playgroundConfig)) == null ? void 0 : _a.then(() => dragSuccess);
+    return dragger.start(triggerEvent.clientX, triggerEvent.clientY, this.playgroundConfig)?.then(() => dragSuccess);
   }
   /**
    * 通过拖入卡片添加
@@ -2376,7 +2406,7 @@ var WorkflowDragService = class {
       type,
       position,
       data,
-      parent == null ? void 0 : parent.id
+      parent?.id
     );
     return node;
   }
@@ -2426,7 +2456,7 @@ var WorkflowDragService = class {
           );
           return Rectangle8.intersects(draggingRect, transformRect);
         });
-        this.updateDropNode(collisionTransform == null ? void 0 : collisionTransform.entity);
+        this.updateDropNode(collisionTransform?.entity);
       },
       onDragEnd: async (e) => {
         const dropNode = this._dropNode;
@@ -2543,8 +2573,7 @@ var WorkflowDragService = class {
   }
   /** 是否容器节点 */
   isContainer(node) {
-    var _a;
-    return (_a = node == null ? void 0 : node.getNodeMeta().isContainer) != null ? _a : false;
+    return node?.getNodeMeta().isContainer ?? false;
   }
   /**
    * 获取节点整体位置
@@ -2569,7 +2598,7 @@ var WorkflowDragService = class {
   }
   updateDropNode(node) {
     if (this._dropNode) {
-      if (this._dropNode.id === (node == null ? void 0 : node.id)) {
+      if (this._dropNode.id === node?.id) {
         return;
       }
       this.selectService.clear();
@@ -2591,7 +2620,7 @@ var WorkflowDragService = class {
     this.hoverService.clearHovered();
   }
   handleDragOnNode(toNode, fromPort, line, toPort, originLine) {
-    if (toPort && ((originLine == null ? void 0 : originLine.toPort) === toPort || toPort.portType === "input" && this.linesManager.canAddLine(fromPort, toPort, true))) {
+    if (toPort && (originLine?.toPort === toPort || toPort.portType === "input" && this.linesManager.canAddLine(fromPort, toPort, true))) {
       this.hoverService.updateHoveredKey(toPort.id);
       line.setToPort(toPort);
       this._onDragLineEventEmitter.fire({
@@ -2613,15 +2642,14 @@ var WorkflowDragService = class {
     }
   }
   childrenOfContainer(nodes) {
-    var _a;
     if (nodes.length === 0) {
       return;
     }
-    const sourceContainer = (_a = nodes[0]) == null ? void 0 : _a.parent;
+    const sourceContainer = nodes[0]?.parent;
     if (!sourceContainer || sourceContainer.collapsedChildren.length !== nodes.length) {
       return;
     }
-    const valid = nodes.every((node) => (node == null ? void 0 : node.parent) === sourceContainer);
+    const valid = nodes.every((node) => node?.parent === sourceContainer);
     if (!valid) {
       return;
     }
@@ -2634,7 +2662,7 @@ var WorkflowDragService = class {
    */
   async startDrawingLine(fromPort, event, originLine) {
     const isFromInActivePort = !originLine && fromPort.isErrorPort() && fromPort.disabled;
-    if ((originLine == null ? void 0 : originLine.disabled) || isFromInActivePort || this.playgroundConfig.readonly || this.playgroundConfig.disabled) {
+    if (originLine?.disabled || isFromInActivePort || this.playgroundConfig.readonly || this.playgroundConfig.disabled) {
       return { dragSuccess: false, newLine: void 0 };
     }
     this.selectService.clear();
@@ -2697,7 +2725,7 @@ var WorkflowDragService = class {
         } else {
           line.drawingTo = { x: dragPos.x, y: dragPos.y };
         }
-        originLine == null ? void 0 : originLine.validate();
+        originLine?.validate();
         line.validate();
       },
       // eslint-disable-next-line complexity
@@ -2717,7 +2745,7 @@ var WorkflowDragService = class {
             })
           )
         );
-        line == null ? void 0 : line.dispose();
+        line?.dispose();
         this._onDragLineEventEmitter.fire({
           type: "onDragEnd"
         });
@@ -2725,7 +2753,7 @@ var WorkflowDragService = class {
           originLine.highlightColor = "";
         }
         const end = () => {
-          originLine == null ? void 0 : originLine.validate();
+          originLine?.validate();
           deferred.resolve({ dragSuccess });
         };
         if (dragSuccess) {
@@ -2752,7 +2780,7 @@ var WorkflowDragService = class {
           if (originLine && (!this.linesManager.canRemove(originLine, newLineInfo, false) || lineErrorReset)) {
             return end();
           } else {
-            originLine == null ? void 0 : originLine.dispose();
+            originLine?.dispose();
           }
           if (!toPort || !this.linesManager.canAddLine(fromPort, toPort, false)) {
             return end();
@@ -2979,7 +3007,7 @@ function usePlaygroundReadonlyState(listenChange) {
     if (listenChange) {
       dispose = playground.config.onReadonlyOrDisabledChange(() => refresh());
     }
-    return () => dispose == null ? void 0 : dispose.dispose();
+    return () => dispose?.dispose();
   }, [listenChange]);
   return playground.config.readonly;
 }
@@ -2989,7 +3017,6 @@ 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);
@@ -3013,7 +3040,6 @@ function useNodeRender(nodeFromProps) {
   }, []);
   const startDrag = useCallback(
     (e) => {
-      var _a2;
       e.preventDefault();
       if (!selectionService.isSelected(node.id)) {
         selectNode(e);
@@ -3022,7 +3048,7 @@ function useNodeRender(nodeFromProps) {
         return;
       }
       isDragging.current = true;
-      (_a2 = dragService.startDragSelectedNodes(e)) == null ? void 0 : _a2.finally(
+      dragService.startDragSelectedNodes(e)?.finally(
         () => setTimeout(() => {
           isDragging.current = false;
         })
@@ -3048,17 +3074,15 @@ function useNodeRender(nodeFromProps) {
   );
   const deleteNode = useCallback(() => node.dispose(), [node]);
   useListenEvents(portsData.onDataChange);
-  const isFirefox = (_b = (_a = navigator == null ? void 0 : navigator.userAgent) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, "Firefox");
+  const isFirefox = navigator?.userAgent?.includes?.("Firefox");
   const onFocus = useCallback(() => {
-    var _a2;
     if (isFirefox) {
-      (_a2 = nodeRef.current) == null ? void 0 : _a2.setAttribute("draggable", "false");
+      nodeRef.current?.setAttribute("draggable", "false");
     }
   }, []);
   const onBlur = useCallback(() => {
-    var _a2;
     if (isFirefox) {
-      (_a2 = nodeRef.current) == null ? void 0 : _a2.setAttribute("draggable", "true");
+      nodeRef.current?.setAttribute("draggable", "true");
     }
   }, []);
   const getExtInfo = useCallback(() => node.getExtInfo(), [node]);
@@ -3069,7 +3093,7 @@ function useNodeRender(nodeFromProps) {
     [node]
   );
   const form = useMemo(() => getNodeForm(node), [node]);
-  const formState = useObserve(form == null ? void 0 : form.state);
+  const formState = useObserve(form?.state);
   const toggleExpand = useCallback(() => {
     renderData.toggleExpand();
   }, [renderData]);
@@ -3205,8 +3229,7 @@ var WorkflowSimpleLineContribution = class {
     this.entity = entity;
   }
   get path() {
-    var _a, _b;
-    return (_b = (_a = this.data) == null ? void 0 : _a.path) != null ? _b : "";
+    return this.data?.path ?? "";
   }
   calcDistance(pos) {
     if (!this.data) {