@flowgram.ai/free-layout-core 0.2.23 → 0.2.25

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,16 @@ 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: "",
+      lockedColor: ""
+    };
     this.stackIndex = 0;
     /**
      * 线条数据
@@ -722,6 +730,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 +788,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 +864,20 @@ 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
+    });
+  }
+  get lockedColor() {
+    return this.uiState.lockedColor;
+  }
+  set lockedColor(lockedColor) {
+    this.updateUIState({
+      lockedColor
+    });
   }
   /**
    * 获取线条的边框位置大小
@@ -855,23 +908,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 +959,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 +990,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 +1439,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) {
@@ -1435,6 +1491,9 @@ var WorkflowLinesManager = class {
     if (line.isHidden) {
       return this.lineColor.hidden;
     }
+    if (line.lockedColor) {
+      return line.lockedColor;
+    }
     if (line.hasError) {
       return this.lineColor.error;
     }
@@ -2174,11 +2233,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;
   }
   /**
    * 导出数据
@@ -2732,7 +2791,7 @@ var WorkflowDragService = class {
             return;
           }
           config.updateCursor("grab");
-          line.highlightColor = this.linesManager.lineColor.drawing;
+          line.highlightColor = originLine?.lockedColor || this.linesManager.lineColor.drawing;
           this.hoverService.updateHoveredKey("");
         }
         if (!line) {
@@ -2754,7 +2813,7 @@ var WorkflowDragService = class {
         this._onDragLineEventEmitter.fire({
           type: "onDrag"
         });
-        this.setLineColor(line, this.linesManager.lineColor.drawing);
+        this.setLineColor(line, originLine?.lockedColor || this.linesManager.lineColor.drawing);
         if (toNode && this.canBuildContainerLine(toNode, dragPos)) {
           toPort = this.getNearestPort(toNode, dragPos);
           const { hasError } = this.handleDragOnNode(toNode, fromPort, line, toPort, originLine);