ronds-metadata 1.3.89 → 1.3.91

package/es/comps/DynamicPorts/comps/shape/node.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import { Dom, Node } from '@antv/x6';
 import { ReactShape } from '@antv/x6-react-shape';
-import { NODE_WIDTH, NODE_HEIGHT } from '../../constant';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_WIDTH_ALGO } from '../../constant';
 export var BaseNode = /*#__PURE__*/function (_ReactShape) {
   _inherits(BaseNode, _ReactShape);
   var _super = _createSuper(BaseNode);
@@ -175,12 +175,114 @@ DPGroupNode.config({
     }]
   }]
 });
-export var DPNodeForm = /*#__PURE__*/function (_BaseNode3) {
-  _inherits(DPNodeForm, _BaseNode3);
-  var _super4 = _createSuper(DPNodeForm);
+export var DPNodeAlgo = /*#__PURE__*/function (_BaseNode3) {
+  _inherits(DPNodeAlgo, _BaseNode3);
+  var _super4 = _createSuper(DPNodeAlgo);
+  function DPNodeAlgo() {
+    _classCallCheck(this, DPNodeAlgo);
+    return _super4.apply(this, arguments);
+  }
+  _createClass(DPNodeAlgo, [{
+    key: "getInPorts",
+    value: function getInPorts() {
+      return this.getPortsByGroup('in');
+    }
+  }, {
+    key: "getOutPorts",
+    value: function getOutPorts() {
+      return this.getPortsByGroup('out');
+    }
+  }, {
+    key: "getConfigPorts",
+    value: function getConfigPorts() {
+      return this.getPortsByGroup('bottom');
+    }
+  }]);
+  return DPNodeAlgo;
+}(BaseNode);
+Node.registry.register('rz-algo-rect-port', DPNodeAlgo);
+DPNodeAlgo.config({
+  width: NODE_WIDTH_ALGO,
+  height: 64,
+  shape: 'rz-algo-rect-port',
+  ports: {
+    groups: {
+      in: {
+        position: {
+          name: 'left'
+        },
+        zIndex: 2
+      },
+      out: {
+        position: {
+          name: 'right'
+        },
+        zIndex: 2
+      },
+      top: {
+        position: {
+          name: 'top'
+        },
+        zIndex: 2
+      },
+      config: {
+        position: {
+          name: 'bottom'
+        },
+        zIndex: 2
+      }
+    }
+  },
+  attrs: {
+    body: {
+      magnet: false,
+      fill: 'none',
+      stroke: 'none',
+      refWidth: '100%',
+      refHeight: '100%',
+      zIndex: 1
+    }
+  },
+  portMarkup: [{
+    tagName: 'foreignObject',
+    selector: 'fo',
+    attrs: {
+      width: 6,
+      height: 6,
+      x: -3,
+      y: -3,
+      zIndex: 10,
+      // magnet决定是否可交互
+      magnet: 'true'
+    },
+    children: [{
+      ns: Dom.ns.xhtml,
+      tagName: 'body',
+      selector: 'foBody',
+      attrs: {
+        xmlns: Dom.ns.xhtml
+      },
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: [{
+        tagName: 'span',
+        selector: 'content',
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }]
+    }]
+  }]
+});
+export var DPNodeForm = /*#__PURE__*/function (_BaseNode4) {
+  _inherits(DPNodeForm, _BaseNode4);
+  var _super5 = _createSuper(DPNodeForm);
   function DPNodeForm() {
     _classCallCheck(this, DPNodeForm);
-    return _super4.apply(this, arguments);
+    return _super5.apply(this, arguments);
   }
   _createClass(DPNodeForm, [{
     key: "getInPorts",
@@ -259,4 +361,190 @@ DPNodeForm.config({
       }]
     }]
   }]
+});
+export var DPNodeRead = /*#__PURE__*/function (_BaseNode5) {
+  _inherits(DPNodeRead, _BaseNode5);
+  var _super6 = _createSuper(DPNodeRead);
+  function DPNodeRead() {
+    _classCallCheck(this, DPNodeRead);
+    return _super6.apply(this, arguments);
+  }
+  _createClass(DPNodeRead, [{
+    key: "getInPorts",
+    value: function getInPorts() {
+      return this.getPortsByGroup('in');
+    }
+  }, {
+    key: "getOutPorts",
+    value: function getOutPorts() {
+      return this.getPortsByGroup('out');
+    }
+  }, {
+    key: "getConfigPorts",
+    value: function getConfigPorts() {
+      return this.getPortsByGroup('bottom');
+    }
+  }]);
+  return DPNodeRead;
+}(BaseNode);
+Node.registry.register('rz-read-rect-port', DPNodeRead);
+DPNodeRead.config({
+  width: NODE_WIDTH_ALGO,
+  height: 64,
+  shape: 'rz-read-rect-port',
+  ports: {
+    groups: {
+      in: {
+        position: {
+          name: 'left'
+        },
+        zIndex: 2
+      },
+      out: {
+        position: {
+          name: 'right'
+        },
+        zIndex: 2
+      },
+      top: {
+        position: {
+          name: 'top'
+        },
+        zIndex: 2
+      },
+      config: {
+        position: {
+          name: 'bottom'
+        },
+        zIndex: 2
+      }
+    }
+  },
+  attrs: {
+    body: {
+      magnet: false,
+      fill: 'none',
+      stroke: 'none',
+      refWidth: '100%',
+      refHeight: '100%',
+      zIndex: 1
+    }
+  },
+  portMarkup: [{
+    tagName: 'foreignObject',
+    selector: 'fo',
+    attrs: {
+      width: 6,
+      height: 6,
+      x: -3,
+      y: -3,
+      zIndex: 10,
+      // magnet决定是否可交互
+      magnet: 'true'
+    },
+    children: [{
+      ns: Dom.ns.xhtml,
+      tagName: 'body',
+      selector: 'foBody',
+      attrs: {
+        xmlns: Dom.ns.xhtml
+      },
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: [{
+        tagName: 'span',
+        selector: 'content',
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }]
+    }]
+  }]
+});
+export var DPNodeConfig = /*#__PURE__*/function (_BaseNode6) {
+  _inherits(DPNodeConfig, _BaseNode6);
+  var _super7 = _createSuper(DPNodeConfig);
+  function DPNodeConfig() {
+    _classCallCheck(this, DPNodeConfig);
+    return _super7.apply(this, arguments);
+  }
+  _createClass(DPNodeConfig, [{
+    key: "getInPorts",
+    value: function getInPorts() {
+      return this.getPortsByGroup('in');
+    }
+  }, {
+    key: "getOutPorts",
+    value: function getOutPorts() {
+      return this.getPortsByGroup('out');
+    }
+  }, {
+    key: "getConfigPorts",
+    value: function getConfigPorts() {
+      return this.getPortsByGroup('bottom');
+    }
+  }]);
+  return DPNodeConfig;
+}(BaseNode);
+Node.registry.register('rz-config-rect-port', DPNodeConfig);
+DPNodeConfig.config({
+  width: NODE_WIDTH_ALGO,
+  height: 64,
+  shape: 'rz-config-rect-port',
+  ports: {
+    groups: {
+      out: {
+        position: {
+          name: 'top'
+        },
+        zIndex: 2
+      }
+    }
+  },
+  attrs: {
+    body: {
+      magnet: false,
+      fill: 'none',
+      stroke: 'none',
+      refWidth: '100%',
+      refHeight: '100%',
+      zIndex: 1
+    }
+  },
+  portMarkup: [{
+    tagName: 'foreignObject',
+    selector: 'fo',
+    attrs: {
+      width: 6,
+      height: 6,
+      x: -3,
+      y: -3,
+      zIndex: 10,
+      // magnet决定是否可交互
+      magnet: 'true'
+    },
+    children: [{
+      ns: Dom.ns.xhtml,
+      tagName: 'body',
+      selector: 'foBody',
+      attrs: {
+        xmlns: Dom.ns.xhtml
+      },
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: [{
+        tagName: 'span',
+        selector: 'content',
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }]
+    }]
+  }]
 });

package/es/comps/DynamicPorts/constant/index.d.ts

@@ -2,6 +2,8 @@ export declare const GROUP_HORIZONTAL__PADDING = 24;
 export declare const GROUP_VERTICAL__PADDING = 40;
 export declare const NODE_WIDTH = 180;
 export declare const NODE_HEIGHT = 32;
+export declare const NODE_WIDTH_ALGO = 180;
+export declare const NODE_HEIGHT_ALGO = 64;
 export declare const RERENDER_EVENT = "RERENDER_EVENT";
 export declare const DRAGGABLE_COMPONENT = "DRAGGABLE_COMPONENT";
 export declare const DRAGGABLE_MODEL = "DRAGGABLE_MODEL";

package/es/comps/DynamicPorts/constant/index.js

@@ -1,12 +1,14 @@
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 08:48:57
- * @LastEditTime: 2022-05-25 11:37:48
+ * @LastEditTime: 2025-07-01 17:19:51
  */
 export var GROUP_HORIZONTAL__PADDING = 24; // 分组横向 padding
 export var GROUP_VERTICAL__PADDING = 40; // 分组纵向 padding
 export var NODE_WIDTH = 180;
 export var NODE_HEIGHT = 32;
+export var NODE_WIDTH_ALGO = 180;
+export var NODE_HEIGHT_ALGO = 64;
 // 触发画布重新渲染事件
 export var RERENDER_EVENT = 'RERENDER_EVENT';
 /*

package/es/comps/DynamicPorts/graph.d.ts

@@ -2,7 +2,7 @@ import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
 import { Subscription } from 'rxjs/internal/Subscription';
 import { ConnectionRemovedArgs, ContextMenuInfo, GraphCore } from '../../framework/graph';
 import { BaseEdge, DPEdge } from './comps/shape/edge';
-import { BaseNode, DPNode, DPNodeForm } from './comps/shape/node';
+import { BaseNode, DPNode, DPNodeAlgo, DPNodeConfig, DPNodeForm, DPNodeRead } from './comps/shape/node';
 import { NDPGraph } from './interface';
 import { formatGraphData } from './utils';
 type NodeMeta = ReturnType<typeof formatGraphData>['nodes'][number];
@@ -47,7 +47,7 @@ declare class DPGraph extends GraphCore<BaseNode, BaseEdge> {
     initialize(graphData?: NDPGraph.GraphData): Promise<void>;
     loadDPGraph(graphData: any): Promise<void>;
     isGraphReady(): boolean;
-    switchNode: (nodeMeta: NodeMeta) => DPNode | DPNodeForm;
+    switchNode: (nodeMeta: NodeMeta) => DPNode | DPNodeAlgo | DPNodeForm | DPNodeRead | DPNodeConfig;
     renderGraph: (wrapper: HTMLElement, container: HTMLElement) => void;
     renderGraphData: (graphData: NDPGraph.GraphData) => Promise<void>;
     renderNode(nodeMeta: NodeMeta): BaseNode | undefined;

package/es/comps/DynamicPorts/graph.js

@@ -16,7 +16,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 14:31:01
- * @LastEditTime: 2024-02-29 13:40:06
+ * @LastEditTime: 2025-07-02 18:45:19
  */
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import produce from 'immer';
@@ -29,12 +29,15 @@ import { round } from 'lodash-es';
 import { GraphCore } from '../../framework/graph';
 import NodeElementNormal from './comps/NodeElementNormal';
 import { DPEdge } from './comps/shape/edge';
-import { DPNode, DPNodeForm } from './comps/shape/node';
+import { DPNode, DPNodeAlgo, DPNodeConfig, DPNodeForm, DPNodeRead } from './comps/shape/node';
 import { formatGraphData, copy, formatNodeInfoToNodeMeta, formattedEdgesToEdgeMeta, isClipboardEmpty, cleanClipboard, getCellsInClipboard } from './utils';
 import { deepClone, guid } from '../../utils';
 import { MetadataService } from '../../framework/metadata/MetadataService';
 import { tr } from '../../framework/locale';
 import NodeElementForm from './comps/NodeElementForm';
+import NodeElementAlgo from './comps/NodeElementAlgo';
+import NodeElementRead from './comps/NodeElementRead';
+import NodeElementConfig from './comps/NodeElementConfig';
 var DPGraph = /*#__PURE__*/function (_GraphCore) {
   _inherits(DPGraph, _GraphCore);
   var _super = _createSuper(DPGraph);
@@ -65,7 +68,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
         },
         allowBlank: false,
         highlight: true,
-        connector: 'pai',
+        connector: 'smooth',
         sourceAnchor: 'bottom',
         targetAnchor: 'center',
         connectionPoint: 'anchor',
@@ -94,7 +97,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
         // 是否触发交互事件
         validateMagnet: function validateMagnet(_ref) {
           var magnet = _ref.magnet;
-          return magnet.getAttribute('port-group') !== 'in';
+          return ['in', 'config'].indexOf(magnet.getAttribute('port-group')) === -1;
         },
         // 显示可用的链接桩
         validateConnection: function validateConnection(_ref2) {
@@ -111,7 +114,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
             return false;
           }
           // 只能连接到输入链接桩
-          if (!targetMagnet || targetMagnet.getAttribute('port-group') !== 'in') {
+          if (!targetMagnet || ['in', 'config'].indexOf(targetMagnet.getAttribute('port-group')) === -1) {
             return false;
           }
           // 找到当前输出port
@@ -124,7 +127,9 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
           var targetPort = targetNode.getPort(targetPortId);
           // 如果设置输出port类型，则需要校验类型是否相等
           // 只有类型相等才可以联线
-          if ((sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) !== '-1' && (sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) !== '-2' && (sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) && (targetPort === null || targetPort === void 0 ? void 0 : targetPort.type) && targetPort.type.indexOf(sourcePort.type) === -1) {
+          if ((sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) === '-1' || (sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) === '-2' || (targetPort === null || targetPort === void 0 ? void 0 : targetPort.type) === '-1' || (targetPort === null || targetPort === void 0 ? void 0 : targetPort.type) === '-2') {
+            return true;
+          } else if ((sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) !== '-1' && (sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) !== '-2' && (sourcePort === null || sourcePort === void 0 ? void 0 : sourcePort.type) && (targetPort === null || targetPort === void 0 ? void 0 : targetPort.type) && targetPort.type.indexOf(sourcePort.type) === -1) {
             return false;
           }
           // 判断目标链接桩是否可连接
@@ -167,18 +172,13 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
         var container = contentSelectors && contentSelectors.content;
         var placement = port.group === 'in' ? 'top' : 'bottom';
         if (container) {
-          ReactDOM.render( /*#__PURE__*/React.createElement(_Tooltip, {
+          ReactDOM.render(/*#__PURE__*/React.createElement(_Tooltip, {
             title: port.name,
             placement: placement
           }, /*#__PURE__*/React.createElement("span", {
-            className: "dp-port ".concat(port.connected ? 'connected' : ''),
-            style: port.color ? {
-              borderColor: "".concat(port.connected ? "".concat(port.color, " transparent transparent") : port.color),
-              width: '8px',
-              height: '8px'
-            } : {
-              width: '8px',
-              height: '8px'
+            className: "dp-port dp-port-".concat(port.group, " ").concat(port.connected ? "connected" : ''),
+            style: port.color && {
+              borderColor: "".concat(port.connected ? "".concat(port.color, " transparent transparent") : port.color)
             }
           })), container);
         }
@@ -201,12 +201,35 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
     // 节点模式
     _this.mode = void 0;
     _this.switchNode = function (nodeMeta) {
+      var _nodeMeta$param, _nodeMeta$param2;
       switch (_this.mode) {
         case 'normal':
           return new DPNode(_objectSpread(_objectSpread({}, nodeMeta), {}, {
             shape: 'dp-rect-port',
             component: /*#__PURE__*/React.createElement(NodeElementNormal, null)
           }));
+        case 'algo':
+          if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : (_nodeMeta$param = nodeMeta.param) === null || _nodeMeta$param === void 0 ? void 0 : _nodeMeta$param.shape) === 'read') {
+            return new DPNodeRead(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+              width: 128,
+              height: 64,
+              shape: 'rz-read-rect-port',
+              component: /*#__PURE__*/React.createElement(NodeElementRead, null)
+            }));
+          }
+          if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : (_nodeMeta$param2 = nodeMeta.param) === null || _nodeMeta$param2 === void 0 ? void 0 : _nodeMeta$param2.shape) === 'config') {
+            return new DPNodeConfig(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+              width: 64,
+              height: 64,
+              shape: 'rz-config-rect-port',
+              component: /*#__PURE__*/React.createElement(NodeElementConfig, null)
+            }));
+          }
+          return new DPNodeAlgo(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+            height: 64,
+            shape: 'rz-algo-rect-port',
+            component: /*#__PURE__*/React.createElement(NodeElementAlgo, null)
+          }));
         case 'form':
           return new DPNodeForm(_objectSpread(_objectSpread({}, nodeMeta), {}, {
             shape: 'dp-rect-port',
@@ -241,7 +264,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
     };
     // 画布已经渲染的情况下，再次渲染图数据
     _this.renderGraphData = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(graphData) {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(graphData) {
         var _formatGraphData2, nodes, edges, dpNodes, dpEdges;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -335,7 +358,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
     };
     // 运行画布或节点
     _this.runGraph = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(debugId) {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(debugId) {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -364,7 +387,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
     }();
     // 获取执行状态
     _this.loadExecutionStatus = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(debugId) {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(debugId) {
         var _this$queryStatusSub;
         var server;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -373,8 +396,8 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
               (_this$queryStatusSub = _this.queryStatusSub) === null || _this$queryStatusSub === void 0 ? void 0 : _this$queryStatusSub.unsubscribe();
               // 每三秒查询一次执行状态
               server = new MetadataService();
-              _this.queryStatusSub = timer(0, 2000).subscribe( /*#__PURE__*/function () {
-                var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(resPromise) {
+              _this.queryStatusSub = timer(0, 2000).subscribe(/*#__PURE__*/function () {
+                var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(resPromise) {
                   var execStatusRes, status, _this$queryStatusSub2;
                   return _regeneratorRuntime.wrap(function _callee3$(_context3) {
                     while (1) switch (_context3.prev = _context3.next) {
@@ -422,7 +445,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
     }();
     // 停止实验的执行
     _this.stopRunGraph = /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(debugId) {
+      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(debugId) {
         var server, stopRes;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -461,7 +484,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
   _createClass(DPGraph, [{
     key: "initialize",
     value: function () {
-      var _initialize = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(graphData) {
+      var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(graphData) {
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -495,7 +518,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
   }, {
     key: "loadDPGraph",
     value: function () {
-      var _loadDPGraph = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(graphData) {
+      var _loadDPGraph = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(graphData) {
         return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
@@ -552,7 +575,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
   }, {
     key: "updateDPGraph",
     value: function () {
-      var _updateDPGraph = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+      var _updateDPGraph = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
         var nodes,
           edges,
           oldGraph,
@@ -589,7 +612,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
   }, {
     key: "delDPGraphElement",
     value: function () {
-      var _delDPGraphElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+      var _delDPGraphElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
         var nodes,
           edges,
           oldGraph,
@@ -635,10 +658,10 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
     key: "onConnectNode",
     value: // 处理连线事件
     function () {
-      var _onConnectNode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(args) {
+      var _onConnectNode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee0(args) {
         var _args$edge, edge, isNew, source, target, _edge$getTargetCell, _edge$getTargetCell$p, _ports$find, node, portId, ports, color, data;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime.wrap(function _callee0$(_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
               _args$edge = args.edge, edge = _args$edge === void 0 ? {} : _args$edge, isNew = args.isNew;
               source = edge.source, target = edge.target;
@@ -661,6 +684,8 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
                       stroke: color || '#808080'
                     }
                   });
+                  // edge.setConnector('curveConnector');
+                  edge.setConnector('smooth');
                   data = {
                     source: source.cell,
                     target: target.cell,
@@ -674,14 +699,14 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
                   this.updateDPGraph([], [data]);
                 }
               }
-              return _context10.abrupt("return", {
+              return _context0.abrupt("return", {
                 success: true
               });
             case 4:
             case "end":
-              return _context10.stop();
+              return _context0.stop();
           }
-        }, _callee10, this);
+        }, _callee0, this);
       }));
       function onConnectNode(_x8) {
         return _onConnectNode.apply(this, arguments);
@@ -789,8 +814,8 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
   }, {
     key: "onCopyNodes",
     value: function onCopyNodes(args) {
-      var _args11 = _slicedToArray(args, 2),
-        action = _args11[1];
+      var _args1 = _slicedToArray(args, 2),
+        action = _args1[1];
       var selectedCells = this.graph.getSelectedCells();
       switch (action) {
         case 'command+c':
@@ -848,11 +873,11 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
   }, {
     key: "onMoveNodes",
     value: function () {
-      var _onMoveNodes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(movedNodes) {
+      var _onMoveNodes = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee1(movedNodes) {
         var _this3 = this;
         var targetNodes, newPos, oldGraph, newGraph;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime.wrap(function _callee1$(_context1) {
+          while (1) switch (_context1.prev = _context1.next) {
             case 0:
               targetNodes = movedNodes.filter(function (arg) {
                 var node = arg.node;
@@ -896,9 +921,9 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
               }
             case 2:
             case "end":
-              return _context11.stop();
+              return _context1.stop();
           }
-        }, _callee11, this);
+        }, _callee1, this);
       }));
       function onMoveNodes(_x9) {
         return _onMoveNodes.apply(this, arguments);

package/es/comps/DynamicPorts/index.d.ts

@@ -10,7 +10,7 @@ interface IDynamicPortsProps {
     /**
      * 节点图模式
      */
-    mode?: 'normal' | 'form';
+    mode?: 'normal' | 'form' | 'algo';
     /**
      * 离开销毁
      */

package/es/comps/DynamicPorts/index.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2022-05-16 18:53:31
- * @LastEditTime: 2024-02-29 11:32:12
+ * @LastEditTime: 2025-07-01 15:35:03
  */
 import React from 'react';
 import { filter } from 'rxjs';