@flowgram.ai/free-layout-core 0.2.22 → 0.2.24

package/dist/esm/index.js

@@ -188,7 +188,7 @@ var WorkflowPortEntity = class extends Entity {
     this.hasError = anyLineHasError || isPortHasError;
   }
   isErrorPort() {
-    return this.node.document.isErrorPort(this);
+    return this.node.document.isErrorPort(this, this.hasError);
   }
   get point() {
     const { targetElement } = this;
@@ -692,8 +692,15 @@ var POINT_RADIUS = 10;
 var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   constructor(opts) {
     super(opts);
-    this._processing = false;
-    this._hasError = false;
+    this._uiState = {
+      hasError: false,
+      flowing: false,
+      disabled: false,
+      vertical: false,
+      hideArrow: false,
+      reverse: false,
+      highlightColor: ""
+    };
     this.stackIndex = 0;
     /**
      * 线条数据
@@ -722,6 +729,43 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     const { from, to, fromPort, toPort } = info;
     return `${from}_${fromPort || ""}-${to || ""}_${toPort || ""}`;
   }
+  /**
+   * 线条的 UI 状态
+   */
+  get uiState() {
+    return this._uiState;
+  }
+  /**
+   * 更新线条的 ui 状态
+   * @param newState
+   */
+  updateUIState(newState) {
+    let changed = false;
+    Object.keys(newState).forEach((key) => {
+      const value = newState[key];
+      if (this._uiState[key] !== value) {
+        this._uiState[key] = value;
+        changed = true;
+      }
+    });
+    if (changed) {
+      this.fireChange();
+    }
+  }
+  /**
+   * 线条的扩展数据
+   */
+  get lineData() {
+    return this._lineData;
+  }
+  /**
+   * 更新线条扩展数据
+   * @param data
+   */
+  set lineData(data) {
+    this._lineData = data;
+    this.fireChange();
+  }
   /**
    * 获取线条的前置节点
    */
@@ -743,29 +787,30 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   }
   /**
    * 获取是否 testrun processing
+   * @deprecated  use `uiState.flowing` instead
    */
   get processing() {
-    return this._processing;
+    return this._uiState.flowing;
   }
   /**
    * 设置 testrun processing 状态
+   * @deprecated  use `uiState.flowing` instead
    */
   set processing(status) {
-    if (this._processing !== status) {
-      this._processing = status;
+    if (this._uiState.flowing !== status) {
+      this._uiState.flowing = status;
       this.fireChange();
     }
   }
   // 获取连线是否为错误态
   get hasError() {
-    return this._hasError;
+    return this.uiState.hasError;
   }
   // 设置连线的错误态
   set hasError(hasError) {
-    if (this._hasError !== hasError) {
-      this._hasError = hasError;
-      this.fireChange();
-    }
+    this.updateUIState({
+      hasError
+    });
     if (this._node) {
       this._node.dataset.hasError = this.hasError ? "true" : "false";
     }
@@ -818,13 +863,12 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     return this.info.drawingTo;
   }
   get highlightColor() {
-    return this.info.highlightColor || "";
+    return this.uiState.highlightColor || "";
   }
-  set highlightColor(color) {
-    if (this.info.highlightColor !== color) {
-      this.info.highlightColor = color;
-      this.fireChange();
-    }
+  set highlightColor(highlightColor) {
+    this.updateUIState({
+      highlightColor
+    });
   }
   /**
    * 获取线条的边框位置大小
@@ -855,23 +899,23 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   }
   /** 是否反转箭头 */
   get reverse() {
-    return this.linesManager.isReverseLine(this);
+    return this.linesManager.isReverseLine(this, this.uiState.reverse);
   }
   /** 是否隐藏箭头 */
   get hideArrow() {
-    return this.linesManager.isHideArrowLine(this);
+    return this.linesManager.isHideArrowLine(this, this.uiState.hideArrow);
   }
   /** 是否流动 */
   get flowing() {
-    return this.linesManager.isFlowingLine(this);
+    return this.linesManager.isFlowingLine(this, this.uiState.flowing);
   }
   /** 是否禁用 */
   get disabled() {
-    return this.linesManager.isDisabledLine(this);
+    return this.linesManager.isDisabledLine(this, this.uiState.disabled);
   }
   /** 是否竖向 */
   get vertical() {
-    return this.linesManager.isVerticalLine(this);
+    return this.linesManager.isVerticalLine(this, this.uiState.vertical);
   }
   /** 获取线条渲染器类型 */
   get renderType() {
@@ -906,7 +950,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   validateSelf() {
     const { fromPort, toPort } = this;
     if (fromPort) {
-      this.hasError = this.linesManager.isErrorLine(fromPort, toPort);
+      this.hasError = this.linesManager.isErrorLine(fromPort, toPort, this.uiState.hasError);
     }
   }
   is(line) {
@@ -937,6 +981,9 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
       sourcePortID: this.info.fromPort,
       targetPortID: this.info.toPort
     };
+    if (this._lineData !== void 0) {
+      json.data = this._lineData;
+    }
     if (!json.sourcePortID) {
       delete json.sourcePortID;
     }
@@ -1383,41 +1430,41 @@ var WorkflowLinesManager = class {
   get disposed() {
     return this.toDispose.disposed;
   }
-  isErrorLine(fromPort, toPort) {
+  isErrorLine(fromPort, toPort, defaultValue) {
     if (this.options.isErrorLine) {
       return this.options.isErrorLine(fromPort, toPort, this);
     }
-    return false;
+    return !!defaultValue;
   }
-  isReverseLine(line) {
+  isReverseLine(line, defaultValue = false) {
     if (this.options.isReverseLine) {
       return this.options.isReverseLine(line);
     }
-    return false;
+    return defaultValue;
   }
-  isHideArrowLine(line) {
+  isHideArrowLine(line, defaultValue = false) {
     if (this.options.isHideArrowLine) {
       return this.options.isHideArrowLine(line);
     }
-    return false;
+    return defaultValue;
   }
-  isFlowingLine(line) {
+  isFlowingLine(line, defaultValue = false) {
     if (this.options.isFlowingLine) {
       return this.options.isFlowingLine(line);
     }
-    return false;
+    return defaultValue;
   }
-  isDisabledLine(line) {
+  isDisabledLine(line, defaultValue = false) {
     if (this.options.isDisabledLine) {
       return this.options.isDisabledLine(line);
     }
-    return false;
+    return defaultValue;
   }
-  isVerticalLine(line) {
+  isVerticalLine(line, defaultValue = false) {
     if (this.options.isVerticalLine) {
       return this.options.isVerticalLine(line);
     }
-    return false;
+    return defaultValue;
   }
   setLineRenderType(line) {
     if (this.options.setLineRenderType) {
@@ -1487,7 +1534,8 @@ var WorkflowLinesManager = class {
    * @param pos
    */
   getPortFromMousePos(pos) {
-    const allPorts = this.entityManager.getEntities(WorkflowPortEntity).filter((port) => port.node.flowNodeType !== "root");
+    const allNodes = this.getSortedNodes().reverse();
+    const allPorts = allNodes.map((node) => node.getData(WorkflowNodePortsData).allPorts).flat();
     const targetPort = allPorts.find((port) => port.isHovered(pos.x, pos.y));
     if (targetPort) {
       const containNodes = this.getContainNodesFromMousePos(pos);
@@ -1522,9 +1570,12 @@ var WorkflowLinesManager = class {
   registerData(line) {
     line.addData(WorkflowLineRenderData);
   }
+  getSortedNodes() {
+    return this.document.getAllNodes().sort((a, b) => this.getNodeIndex(a) - this.getNodeIndex(b));
+  }
   /** 获取鼠标坐标位置的所有节点（stackIndex 从小到大排序） */
   getContainNodesFromMousePos(pos) {
-    const allNodes = this.document.getAllNodes().sort((a, b) => this.getNodeIndex(a) - this.getNodeIndex(b));
+    const allNodes = this.getSortedNodes();
     const zoom = this.entityManager.getEntity(PlaygroundConfigEntity2)?.config?.zoom || 1;
     const containNodes = allNodes.map((node) => {
       const { bounds } = node.getData(FlowNodeTransformData3);
@@ -2170,11 +2221,11 @@ var WorkflowDocument = class extends FlowDocument {
   /**
    * 判断端口是否为错误态
    */
-  isErrorPort(port) {
+  isErrorPort(port, defaultValue = false) {
     if (typeof this.options.isErrorPort === "function") {
       return this.options.isErrorPort(port);
     }
-    return false;
+    return defaultValue;
   }
   /**
    * 导出数据
@@ -2867,13 +2918,8 @@ var WorkflowDragService = class {
       return true;
     }
     const { padding, bounds } = node.transform;
-    const contentRect = new Rectangle8(
-      bounds.x + padding.left,
-      bounds.y,
-      bounds.width - padding.left - padding.right,
-      bounds.height
-    );
-    return !contentRect.contains(mousePos.x, mousePos.y);
+    const contentRect = new Rectangle8(bounds.x, bounds.y, padding.left * 2 / 3, bounds.height);
+    return contentRect.contains(mousePos.x, mousePos.y);
   }
   /** 获取最近的 port */
   getNearestPort(node, mousePos) {