strategy-panel 1.0.4-3 → 1.0.5

package/es/components/canvas/component-tree-panel/category-tree/category-type.js

@@ -25,6 +25,7 @@ export var componentsData = [{
   isDir: true,
   tooltip: '触发组件是规则运行的触发条件，作为策略树中的第一个节点，目前支持设备触发、时间触发和手动触发',
   children: [{
+    nodeType: 'counter',
     id: SCENE_DISPLAY.EQUIPMENT,
     name: '设备触发',
     imgUrl: device
@@ -56,7 +57,8 @@ export var componentsData = [{
   }, {
     id: SCENE_DISPLAY.TIME,
     name: '时间触发',
-    imgUrl: time
+    imgUrl: time,
+    description: "说明：在指定区间单位的时间内，发生报警才会生效，时间区间范围外则不会生效；"
   }]
 }, {
   id: COMPONENTS_TYPE.MOTION_OPERATION,
@@ -70,15 +72,18 @@ export var componentsData = [{
   }, {
     id: MOTION_OPERATION.ALARM,
     name: '报警',
-    imgUrl: alarm
+    imgUrl: alarm,
+    description: "执行报警通知"
   }, {
     id: MOTION_OPERATION.NOTICE,
     name: '通知',
-    imgUrl: notice
+    imgUrl: notice,
+    description: "执行通知规则"
   }, {
     id: MOTION_OPERATION.ORDER,
     name: '派发工单',
-    imgUrl: order
+    imgUrl: order,
+    description: "达到条件生成工单任务"
   }, {
     id: MOTION_OPERATION.CONTROL,
     name: '远程控制',

package/es/components/canvas/config-panel/config-common.d.ts

@@ -11,16 +11,6 @@ export declare const getComponentConfig: (experimentId: string) => {
             label: string;
             value: string;
         }[];
-    }[] | {
-        name: string;
-        type: string;
-        component: React.JSX.Element;
-    }[] | {
-        name: string;
-        label: string;
-        required: boolean;
-        type: string;
-        component: React.JSX.Element;
     }[] | ({
         name: string;
         label: string;

package/es/components/canvas/config-panel/config-common.js

@@ -5,18 +5,16 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { Form, Input, InputNumber, Select } from 'antd';
 import { withMode } from "../../../packages/hooks/withMode";
-import { MOTION_OPERATION,
+import { MOTION_OPERATION
 // COMPONENTS_TYPE,
 // COMMONLY_USED,
-SCENE_DISPLAY, SIGN_OPERATION
+, SIGN_OPERATION
 // MOTION_OPERATION,
 } from "../../../packages/graph-canvas/node-types";
-import TimeTrigger from "./components/time-trigger";
-import ConditionConfiguration from "./components/condition-configuration";
 import "./style.less";
 var Option = Select.Option;
 export var getComponentConfig = function getComponentConfig(experimentId) {
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SIGN_OPERATION.LOGICAL, [{
+  return _defineProperty(_defineProperty({}, SIGN_OPERATION.LOGICAL, [{
     name: 'operator',
     label: '逻辑符号',
     type: 'select',
@@ -31,18 +29,6 @@ export var getComponentConfig = function getComponentConfig(experimentId) {
       label: '异',
       value: '^'
     }]
-  }]), SCENE_DISPLAY.TIME, [{
-    name: 'timeControl',
-    type: 'auto',
-    component: /*#__PURE__*/React.createElement(TimeTrigger, null)
-  }]), SIGN_OPERATION.CONDITION, [{
-    name: 'condition',
-    label: '条件配置',
-    required: true,
-    type: 'auto',
-    component: /*#__PURE__*/React.createElement(ConditionConfiguration, {
-      experimentId: experimentId
-    })
   }]), MOTION_OPERATION.CONTROL, [{
     name: 'name',
     label: '控制名称',

package/es/components/canvas/dag-canvas/canvas-content.d.ts

@@ -6,6 +6,7 @@ interface Props {
     className?: string;
     viewData?: any;
     dragEnable: boolean;
+    methodMap?: Record<string, any[]>;
 }
 export declare const CanvasContent: React.FC<Props>;
 export {};

package/es/components/canvas/dag-canvas/canvas-content.js

@@ -16,7 +16,9 @@ export var CanvasContent = function CanvasContent(props) {
   var experimentId = props.experimentId,
     className = props.className,
     viewData = props.viewData,
-    dragEnable = props.dragEnable;
+    dragEnable = props.dragEnable,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap;
   var viewDataJSON = JSON.stringify(viewData);
   console.log('dragEnable', dragEnable);
   var containerRef = useRef(null);
@@ -26,7 +28,8 @@ export var CanvasContent = function CanvasContent(props) {
   // 渲染画布
   useEffect(function () {
     window.requestIdleCallback(function () {
-      expGraph.renderGraph(containerRef.current, canvasRef.current);
+      console.log('renderGraphxxx', methodMap);
+      expGraph.renderGraph(containerRef.current, canvasRef.current, {}, methodMap);
       if (viewData) {
         var _expGraph$graph, _expGraph$graph2, _expGraph$graph2$zoom;
         // console.log('=====================>>>>>>>>>>>>>>>>', viewData)
@@ -37,7 +40,7 @@ export var CanvasContent = function CanvasContent(props) {
         });
       }
     });
-  }, [expGraph, viewDataJSON]);
+  }, [expGraph, viewDataJSON, methodMap]);
   var checkNodeNumber = function checkNodeNumber(_ref) {
     var _expGraph$graph3;
     var id = _ref.id,
@@ -70,7 +73,7 @@ export var CanvasContent = function CanvasContent(props) {
               clientX: x,
               clientY: y,
               nodeMeta: item.component
-            });
+            }, methodMap);
           } else {
             message.error("".concat(item.component.name, "\u7EC4\u4EF6\u53EA\u80FD\u5B58\u5728\u4E00\u4E2A"));
           }

package/es/components/canvas/dag-canvas/index.d.ts

@@ -18,6 +18,11 @@ interface Props {
      * @description.zh-CN 拖拽可创建
      */
     dragEnable?: boolean;
+    /**
+     * @description       methodMap
+     * @description.zh-CN 方法映射
+     */
+    methodMap?: any;
 }
 declare const DAGCanvas: React.FC<Props>;
 export default DAGCanvas;

package/es/components/canvas/dag-canvas/index.js

@@ -8,7 +8,9 @@ var DAGCanvas = function DAGCanvas(props) {
     className = props.className,
     viewData = props.viewData,
     _props$dragEnable = props.dragEnable,
-    dragEnable = _props$dragEnable === void 0 ? true : _props$dragEnable;
+    dragEnable = _props$dragEnable === void 0 ? true : _props$dragEnable,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap;
   var expGraph = useExperimentGraph(experimentId);
 
   // 处理画布卸载
@@ -26,6 +28,7 @@ var DAGCanvas = function DAGCanvas(props) {
   }, /*#__PURE__*/React.createElement(CanvasContent, {
     dragEnable: dragEnable,
     viewData: viewData,
+    methodMap: methodMap,
     experimentId: experimentId,
     className: "canvas-content"
   }));

package/es/components/canvas/dag-canvas/preview.d.ts

@@ -5,6 +5,7 @@ interface Props {
     experimentId: string;
     className?: string;
     viewData?: any;
+    methodMap?: any;
 }
 declare const CanvasContent: React.FC<Props>;
 export default CanvasContent;

package/es/components/canvas/dag-canvas/preview.js

@@ -6,7 +6,9 @@ import "./canvas-content.less";
 var CanvasContent = function CanvasContent(props) {
   var experimentId = props.experimentId,
     className = props.className,
-    viewData = props.viewData;
+    viewData = props.viewData,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap;
   var viewDataJSON = JSON.stringify(viewData);
 
   // 处理画布卸载
@@ -22,7 +24,7 @@ var CanvasContent = function CanvasContent(props) {
       var _expGraph$graph, _expGraph$graph2, _expGraph$graph3;
       expGraph.renderGraph(containerRef.current, canvasRef.current, {
         interacting: false
-      });
+      }, methodMap);
       expGraph === null || expGraph === void 0 || (_expGraph$graph = expGraph.graph) === null || _expGraph$graph === void 0 || _expGraph$graph.hideGrid();
       expGraph === null || expGraph === void 0 || (_expGraph$graph2 = expGraph.graph) === null || _expGraph$graph2 === void 0 || _expGraph$graph2.disableKeyboard();
       expGraph.onClearSelectNodes();

package/es/components/canvas/index.d.ts

@@ -44,10 +44,10 @@ interface Props extends Omit<HeaderProps, 'experimentId'> {
      */
     dragEnable?: boolean;
     /**
-     * @description       onNodeClick
-     * @description.zh-CN 节点点击
+     * @description       methodMap
+     * @description.zh-CN 方法映射
      */
-    onNodeClick?: (params: any) => void;
+    methodMap?: any;
 }
 declare const StrategyCanvas: React.FC<Props>;
 export default StrategyCanvas;

package/es/components/canvas/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["experimentId", "headerVisible", "panelData", "configData", "mode", "viewData", "dragEnable"];
+var _excluded = ["experimentId", "headerVisible", "panelData", "configData", "mode", "viewData", "dragEnable", "methodMap"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -26,6 +26,8 @@ var StrategyCanvas = function StrategyCanvas(props) {
     viewData = _props$viewData === void 0 ? {} : _props$viewData,
     _props$dragEnable = props.dragEnable,
     dragEnable = _props$dragEnable === void 0 ? true : _props$dragEnable,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap,
     rest = _objectWithoutProperties(props, _excluded);
   console.log('userAgent', (_window = window) === null || _window === void 0 ? void 0 : _window.openDatebase);
   if ((_window2 = window) !== null && _window2 !== void 0 && _window2.openDatebase) {
@@ -42,6 +44,7 @@ var StrategyCanvas = function StrategyCanvas(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "experiment-edit-panel"
   }, /*#__PURE__*/React.createElement(CanvasPreview, {
+    methodMap: methodMap,
     viewData: viewData,
     experimentId: "".concat(experimentId),
     className: "panel-dag-canvas"
@@ -66,6 +69,7 @@ var StrategyCanvas = function StrategyCanvas(props) {
     className: "experiment-edit-panel"
   }, /*#__PURE__*/React.createElement(DAGCanvas, {
     viewData: viewData,
+    methodMap: methodMap,
     experimentId: "".concat(experimentId),
     className: "panel-dag-canvas",
     dragEnable: dragEnable

package/es/packages/graph-canvas/graph-model/node/common-node/node-element.js

@@ -26,7 +26,7 @@ var NodeElement = function NodeElement(props) {
     activeNodeInstance = _useObservableState2[0];
   var nodeId = activeNodeInstance && activeNodeInstance.id;
   var nodeFormData = typeof nodeData === 'string' ? JSON.parse(nodeData) : nodeData;
-  console.log('NodeElement nodeData', nodeData);
+  console.log('NodeElement', data);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('node-element', {
       selected: !!nodeId && nodeId === id

package/es/packages/graph-canvas/index.d.ts

@@ -30,7 +30,7 @@ declare class ExperimentGraph extends GraphCore<BaseNode, BaseEdge> {
     updateExperimentGraph(nodes?: NExperimentGraph.Node[], links?: NExperimentGraph.Link[]): Promise<void>;
     delExperimentGraphElement(nodes?: string[], links?: NExperimentGraph.Link[]): Promise<void>;
     isGraphReady(): boolean;
-    renderGraph: (wrapper: HTMLElement, container: HTMLElement, options?: any) => void;
+    renderGraph: (wrapper: HTMLElement, container: HTMLElement, options?: any, nodeConfig?: Record<string, any>) => void;
     registerEdge: () => void;
     createTypeNodeMeta: (nodeMeta: NodeMeta, nodeType: any, experimentId: string) => BaseNode | undefined;
     renderNode(nodeMeta: NodeMeta): BaseNode | undefined;

package/es/packages/graph-canvas/index.js

@@ -142,7 +142,10 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         // 是否触发交互事件  点击 magnet 时 根据 validateMagnet 返回值来判断是否新增边，触发时机是 magnet 被按下，如果返回 false，则没有任何反应，如果返回 true，会在当前 magnet 创建一条新的边。
         validateMagnet: function validateMagnet(_ref) {
           var magnet = _ref.magnet;
-          return magnet.getAttribute('port-group') !== 'in';
+          var portGroup = magnet.getAttribute('port-group');
+          // console.log('validateMagnet', portGroup, portGroup !== 'in')
+          // 允许从除了'in'和'method'之外的端口发起连接
+          return !['in', 'method'].includes(portGroup);
         },
         // 显示可用的链接桩  在移动边的时候判断连接是否有效，如果返回 false，当鼠标放开的时候，不会连接到当前元素，否则会连接到当前元素。
         validateConnection: function validateConnection(_ref2) {
@@ -150,6 +153,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
             targetView = _ref2.targetView,
             sourceMagnet = _ref2.sourceMagnet,
             targetMagnet = _ref2.targetMagnet;
+          // console.log("validateConnection", sourceView, targetView, sourceMagnet, targetMagnet)
           // 不允许连接到自己
           if (sourceView === targetView) {
             return false;
@@ -160,8 +164,9 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
             return false;
           }
 
-          // 只能连接到输入链接桩
-          if (!targetMagnet || targetMagnet.getAttribute('port-group') !== 'in') {
+          // 只能连接到输入链接桩或方法端口
+          var targetPortGroup = targetMagnet === null || targetMagnet === void 0 ? void 0 : targetMagnet.getAttribute('port-group');
+          if (!targetMagnet || !['in', 'method'].includes(targetPortGroup)) {
             return false;
           }
 
@@ -257,7 +262,9 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
     // 渲染画布
     _defineProperty(_assertThisInitialized(_this), "renderGraph", function (wrapper, container) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      console.log('renderGraph');
+      var nodeConfig = arguments.length > 3 ? arguments[3] : undefined;
+      _this.nodeConfig = nodeConfig;
+      console.log('renderGraphxxx =====>1', nodeConfig, _this.nodeConfig);
       _this.experimentGraphSub = _this.experimentGraph$.pipe(filter(function (x) {
         return !!x;
       }),
@@ -273,7 +280,8 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
             container: container,
             nodes: nodes,
             edges: edges,
-            options: options
+            options: options,
+            nodeConfig: nodeConfig
           });
         }
       });
@@ -289,7 +297,9 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
       Graph.registerEdge('group-edge', GroupEdge);
     });
     _defineProperty(_assertThisInitialized(_this), "createTypeNodeMeta", function (nodeMeta, nodeType, experimentId) {
-      console.log('===================== createTypeNodeMeta', nodeMeta);
+      var _assertThisInitialize = _assertThisInitialized(_this),
+        nodeConfig = _assertThisInitialize.nodeConfig;
+      console.log('===================== createTypeNodeMeta', nodeType, _this.nodeConfig);
       var data = nodeMeta.data;
       var _ref3 = data,
         type = _ref3.type;
@@ -298,6 +308,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         /* 条件判断 */
         if (nodeType === SIGN_OPERATION.CONDITION) {
           return _this.graph.addNode(new ConditionJudgment(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+            nodeConfig: nodeConfig,
             shape: 'condition-judgement-element',
             component: /*#__PURE__*/React.createElement(ConditionElement, {
               experimentId: experimentId
@@ -307,6 +318,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         /* 逻辑运算 */
         if (nodeType === SIGN_OPERATION.LOGICAL || nodeType === COMMONLY_USED.LOCKED) {
           return _this.graph.addNode(new LogicalNode(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+            nodeConfig: nodeConfig,
             shape: 'logical-node',
             component: /*#__PURE__*/React.createElement(LogicalElement, {
               experimentId: experimentId
@@ -315,6 +327,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         }
         if ((nodeType === null || nodeType === void 0 ? void 0 : nodeType.indexOf(COMPONENTS_TYPE.APPLICATION)) === 0) {
           return _this.graph.addNode(new ApplicationNode(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+            nodeConfig: nodeConfig,
             shape: 'application-node',
             component: /*#__PURE__*/React.createElement(ApplicationElement, {
               experimentId: experimentId
@@ -322,7 +335,8 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
           })));
         }
         return _this.graph.addNode(new CommonNode(_objectSpread(_objectSpread({}, nodeMeta), {}, {
-          shape: 'application-node',
+          shape: 'base-rect-node',
+          nodeConfig: nodeConfig,
           component: /*#__PURE__*/React.createElement(NodeElement, {
             experimentId: experimentId
           })
@@ -351,12 +365,12 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
     // 发起请求增加节点
     _defineProperty(_assertThisInitialized(_this), "requestAddNode", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(param) {
-        var _assertThisInitialize, graph, nodeMeta, clientX, clientY, pos, nodeRes, newNode;
+        var _assertThisInitialize2, graph, nodeMeta, clientX, clientY, pos, nodeRes, newNode;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               console.log('requestAddNode');
-              _assertThisInitialize = _assertThisInitialized(_this), graph = _assertThisInitialize.graph;
+              _assertThisInitialize2 = _assertThisInitialized(_this), graph = _assertThisInitialize2.graph;
               if (!graph) {
                 _context.next = 14;
                 break;
@@ -528,8 +542,8 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
     }());
     // 清除选中节点
     _defineProperty(_assertThisInitialized(_this), "unSelectNode", function () {
-      var _assertThisInitialize2 = _assertThisInitialized(_this),
-        graph = _assertThisInitialize2.graph;
+      var _assertThisInitialize3 = _assertThisInitialized(_this),
+        graph = _assertThisInitialize3.graph;
       if (graph) {
         graph.cleanSelection();
       }
@@ -600,7 +614,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         return _resetGraphData.apply(this, arguments);
       }
       return resetGraphData;
-    }()
+    }() // 初始化预览数据
   }, {
     key: "initPreviewData",
     value: function () {

package/es/packages/graph-model/node/index.d.ts

@@ -2,6 +2,8 @@ import { ReactShape } from '@antv/x6-react-shape';
 import type { Node } from '@antv/x6/src/model/node';
 import './node-basic.less';
 export default class BaseNode extends ReactShape {
+    methodList: any;
     constructor(metadata?: Node.Metadata);
+    addMethodPorts(methods: any[]): void;
     isGroup(): boolean;
 }

package/es/packages/graph-model/node/index.js

@@ -2,8 +2,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -11,25 +9,75 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { ReactShape } from '@antv/x6-react-shape';
 import "./node-basic.less";
 var BaseNode = /*#__PURE__*/function (_ReactShape) {
   _inherits(BaseNode, _ReactShape);
   var _super = _createSuper(BaseNode);
   function BaseNode() {
+    var _metadata$nodeConfig;
     var _this;
     var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, BaseNode);
     _this = _super.call(this, metadata);
+    _defineProperty(_assertThisInitialized(_this), "methodList", void 0);
     _this.initPorts();
+    var methodList = metadata === null || metadata === void 0 || (_metadata$nodeConfig = metadata.nodeConfig) === null || _metadata$nodeConfig === void 0 ? void 0 : _metadata$nodeConfig[metadata === null || metadata === void 0 ? void 0 : metadata.nodeType];
+    if (methodList !== null && methodList !== void 0 && methodList.length) {
+      _this.methodList = methodList;
+      // 为每个方法在节点左侧添加端口
+      _this.addMethodPorts(methodList);
+    }
+    console.log("BaseNodexxxxx", metadata, _assertThisInitialized(_this));
     return _this;
   }
   _createClass(BaseNode, [{
+    key: "addMethodPorts",
+    value: function addMethodPorts(methods) {
+      var _this2 = this;
+      // 添加方法端口到节点左侧，保持垂直居中对称分布
+      var count = methods.length;
+      var spacing = 20; // 端口之间的间距
+      var totalHeight = (count - 1) * spacing; // 所有端口占据的总高度
+      var startY = -totalHeight / 2; // 起始Y位置，确保居中
+
+      methods.forEach(function (method, index) {
+        _this2.addPort({
+          id: "method-".concat(method.method),
+          group: 'method',
+          attrs: {
+            text: {
+              text: method.tag || method.method
+            }
+          },
+          args: {
+            dx: -10,
+            // 向左偏移10个单位
+            dy: startY + index * spacing // 垂直居中对称分布
+          }
+        });
+      });
+    }
+  }, {
     key: "isGroup",
     value: function isGroup() {
       return false;
     }
   }]);
   return BaseNode;
-}(ReactShape);
-export { BaseNode as default };
+}(ReactShape); // 配置方法端口的默认属性
+export { BaseNode as default };
+BaseNode.config({
+  ports: {
+    groups: {
+      method: {
+        position: 'left',
+        zIndex: 2,
+        magnet: false
+      }
+    }
+  }
+});

package/es/packages/graph-model/node/node-basic.less

@@ -10,7 +10,8 @@
   opacity: 1;
 }
 
-.x6-node [magnet='true'][port-group='in'] {
+.x6-node [magnet='true'][port-group='in'],
+.x6-node [magnet='true'][port-group='method'] {
   cursor: move;
   stroke: none;
 }

package/lib/components/canvas/component-tree-panel/category-tree/category-type.js

@@ -32,6 +32,7 @@ var componentsData = exports.componentsData = [{
   isDir: true,
   tooltip: '触发组件是规则运行的触发条件，作为策略树中的第一个节点，目前支持设备触发、时间触发和手动触发',
   children: [{
+    nodeType: 'counter',
     id: _nodeTypes.SCENE_DISPLAY.EQUIPMENT,
     name: '设备触发',
     imgUrl: _decive.default
@@ -63,7 +64,8 @@ var componentsData = exports.componentsData = [{
   }, {
     id: _nodeTypes.SCENE_DISPLAY.TIME,
     name: '时间触发',
-    imgUrl: _time.default
+    imgUrl: _time.default,
+    description: "说明：在指定区间单位的时间内，发生报警才会生效，时间区间范围外则不会生效；"
   }]
 }, {
   id: _nodeTypes.COMPONENTS_TYPE.MOTION_OPERATION,
@@ -77,15 +79,18 @@ var componentsData = exports.componentsData = [{
   }, {
     id: _nodeTypes.MOTION_OPERATION.ALARM,
     name: '报警',
-    imgUrl: _alarm.default
+    imgUrl: _alarm.default,
+    description: "执行报警通知"
   }, {
     id: _nodeTypes.MOTION_OPERATION.NOTICE,
     name: '通知',
-    imgUrl: _notice.default
+    imgUrl: _notice.default,
+    description: "执行通知规则"
   }, {
     id: _nodeTypes.MOTION_OPERATION.ORDER,
     name: '派发工单',
-    imgUrl: _order.default
+    imgUrl: _order.default,
+    description: "达到条件生成工单任务"
   }, {
     id: _nodeTypes.MOTION_OPERATION.CONTROL,
     name: '远程控制',

package/lib/components/canvas/config-panel/config-common.d.ts

@@ -11,16 +11,6 @@ export declare const getComponentConfig: (experimentId: string) => {
             label: string;
             value: string;
         }[];
-    }[] | {
-        name: string;
-        type: string;
-        component: React.JSX.Element;
-    }[] | {
-        name: string;
-        label: string;
-        required: boolean;
-        type: string;
-        component: React.JSX.Element;
     }[] | ({
         name: string;
         label: string;

package/lib/components/canvas/config-panel/config-common.js

@@ -8,8 +8,6 @@ var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
 var _withMode = require("../../../packages/hooks/withMode");
 var _nodeTypes = require("../../../packages/graph-canvas/node-types");
-var _timeTrigger = _interopRequireDefault(require("./components/time-trigger"));
-var _conditionConfiguration = _interopRequireDefault(require("./components/condition-configuration"));
 require("./style.less");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -18,7 +16,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var Option = _antd.Select.Option;
 var getComponentConfig = exports.getComponentConfig = function getComponentConfig(experimentId) {
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _nodeTypes.SIGN_OPERATION.LOGICAL, [{
+  return _defineProperty(_defineProperty({}, _nodeTypes.SIGN_OPERATION.LOGICAL, [{
     name: 'operator',
     label: '逻辑符号',
     type: 'select',
@@ -33,18 +31,6 @@ var getComponentConfig = exports.getComponentConfig = function getComponentConfi
       label: '异',
       value: '^'
     }]
-  }]), _nodeTypes.SCENE_DISPLAY.TIME, [{
-    name: 'timeControl',
-    type: 'auto',
-    component: /*#__PURE__*/_react.default.createElement(_timeTrigger.default, null)
-  }]), _nodeTypes.SIGN_OPERATION.CONDITION, [{
-    name: 'condition',
-    label: '条件配置',
-    required: true,
-    type: 'auto',
-    component: /*#__PURE__*/_react.default.createElement(_conditionConfiguration.default, {
-      experimentId: experimentId
-    })
   }]), _nodeTypes.MOTION_OPERATION.CONTROL, [{
     name: 'name',
     label: '控制名称',

package/lib/components/canvas/dag-canvas/canvas-content.d.ts

@@ -6,6 +6,7 @@ interface Props {
     className?: string;
     viewData?: any;
     dragEnable: boolean;
+    methodMap?: Record<string, any[]>;
 }
 export declare const CanvasContent: React.FC<Props>;
 export {};

package/lib/components/canvas/dag-canvas/canvas-content.js

@@ -26,7 +26,9 @@ var CanvasContent = exports.CanvasContent = function CanvasContent(props) {
   var experimentId = props.experimentId,
     className = props.className,
     viewData = props.viewData,
-    dragEnable = props.dragEnable;
+    dragEnable = props.dragEnable,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap;
   var viewDataJSON = JSON.stringify(viewData);
   console.log('dragEnable', dragEnable);
   var containerRef = (0, _react.useRef)(null);
@@ -36,7 +38,8 @@ var CanvasContent = exports.CanvasContent = function CanvasContent(props) {
   // 渲染画布
   (0, _react.useEffect)(function () {
     window.requestIdleCallback(function () {
-      expGraph.renderGraph(containerRef.current, canvasRef.current);
+      console.log('renderGraphxxx', methodMap);
+      expGraph.renderGraph(containerRef.current, canvasRef.current, {}, methodMap);
       if (viewData) {
         var _expGraph$graph, _expGraph$graph2, _expGraph$graph2$zoom;
         // console.log('=====================>>>>>>>>>>>>>>>>', viewData)
@@ -47,7 +50,7 @@ var CanvasContent = exports.CanvasContent = function CanvasContent(props) {
         });
       }
     });
-  }, [expGraph, viewDataJSON]);
+  }, [expGraph, viewDataJSON, methodMap]);
   var checkNodeNumber = function checkNodeNumber(_ref) {
     var _expGraph$graph3;
     var id = _ref.id,
@@ -80,7 +83,7 @@ var CanvasContent = exports.CanvasContent = function CanvasContent(props) {
               clientX: x,
               clientY: y,
               nodeMeta: item.component
-            });
+            }, methodMap);
           } else {
             _antd.message.error("".concat(item.component.name, "\u7EC4\u4EF6\u53EA\u80FD\u5B58\u5728\u4E00\u4E2A"));
           }

package/lib/components/canvas/dag-canvas/index.d.ts

@@ -18,6 +18,11 @@ interface Props {
      * @description.zh-CN 拖拽可创建
      */
     dragEnable?: boolean;
+    /**
+     * @description       methodMap
+     * @description.zh-CN 方法映射
+     */
+    methodMap?: any;
 }
 declare const DAGCanvas: React.FC<Props>;
 export default DAGCanvas;

package/lib/components/canvas/dag-canvas/index.js

@@ -18,7 +18,9 @@ var DAGCanvas = function DAGCanvas(props) {
     className = props.className,
     viewData = props.viewData,
     _props$dragEnable = props.dragEnable,
-    dragEnable = _props$dragEnable === void 0 ? true : _props$dragEnable;
+    dragEnable = _props$dragEnable === void 0 ? true : _props$dragEnable,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap;
   var expGraph = (0, _graphCanvas.useExperimentGraph)(experimentId);
 
   // 处理画布卸载
@@ -36,6 +38,7 @@ var DAGCanvas = function DAGCanvas(props) {
   }, /*#__PURE__*/_react.default.createElement(_canvasContent.CanvasContent, {
     dragEnable: dragEnable,
     viewData: viewData,
+    methodMap: methodMap,
     experimentId: experimentId,
     className: "canvas-content"
   }));

package/lib/components/canvas/dag-canvas/preview.d.ts

@@ -5,6 +5,7 @@ interface Props {
     experimentId: string;
     className?: string;
     viewData?: any;
+    methodMap?: any;
 }
 declare const CanvasContent: React.FC<Props>;
 export default CanvasContent;

package/lib/components/canvas/dag-canvas/preview.js

@@ -16,7 +16,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var CanvasContent = function CanvasContent(props) {
   var experimentId = props.experimentId,
     className = props.className,
-    viewData = props.viewData;
+    viewData = props.viewData,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap;
   var viewDataJSON = JSON.stringify(viewData);
 
   // 处理画布卸载
@@ -32,7 +34,7 @@ var CanvasContent = function CanvasContent(props) {
       var _expGraph$graph, _expGraph$graph2, _expGraph$graph3;
       expGraph.renderGraph(containerRef.current, canvasRef.current, {
         interacting: false
-      });
+      }, methodMap);
       expGraph === null || expGraph === void 0 || (_expGraph$graph = expGraph.graph) === null || _expGraph$graph === void 0 || _expGraph$graph.hideGrid();
       expGraph === null || expGraph === void 0 || (_expGraph$graph2 = expGraph.graph) === null || _expGraph$graph2 === void 0 || _expGraph$graph2.disableKeyboard();
       expGraph.onClearSelectNodes();

package/lib/components/canvas/index.d.ts

@@ -44,10 +44,10 @@ interface Props extends Omit<HeaderProps, 'experimentId'> {
      */
     dragEnable?: boolean;
     /**
-     * @description       onNodeClick
-     * @description.zh-CN 节点点击
+     * @description       methodMap
+     * @description.zh-CN 方法映射
      */
-    onNodeClick?: (params: any) => void;
+    methodMap?: any;
 }
 declare const StrategyCanvas: React.FC<Props>;
 export default StrategyCanvas;

package/lib/components/canvas/index.js

@@ -14,7 +14,7 @@ var _dagCanvas = _interopRequireDefault(require("./dag-canvas"));
 var _preview = _interopRequireDefault(require("./dag-canvas/preview"));
 require("../../style/default.less");
 require("./index.less");
-var _excluded = ["experimentId", "headerVisible", "panelData", "configData", "mode", "viewData", "dragEnable"];
+var _excluded = ["experimentId", "headerVisible", "panelData", "configData", "mode", "viewData", "dragEnable", "methodMap"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -33,6 +33,8 @@ var StrategyCanvas = function StrategyCanvas(props) {
     viewData = _props$viewData === void 0 ? {} : _props$viewData,
     _props$dragEnable = props.dragEnable,
     dragEnable = _props$dragEnable === void 0 ? true : _props$dragEnable,
+    _props$methodMap = props.methodMap,
+    methodMap = _props$methodMap === void 0 ? {} : _props$methodMap,
     rest = _objectWithoutProperties(props, _excluded);
   console.log('userAgent', (_window = window) === null || _window === void 0 ? void 0 : _window.openDatebase);
   if ((_window2 = window) !== null && _window2 !== void 0 && _window2.openDatebase) {
@@ -49,6 +51,7 @@ var StrategyCanvas = function StrategyCanvas(props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "experiment-edit-panel"
   }, /*#__PURE__*/_react.default.createElement(_preview.default, {
+    methodMap: methodMap,
     viewData: viewData,
     experimentId: "".concat(experimentId),
     className: "panel-dag-canvas"
@@ -73,6 +76,7 @@ var StrategyCanvas = function StrategyCanvas(props) {
     className: "experiment-edit-panel"
   }, /*#__PURE__*/_react.default.createElement(_dagCanvas.default, {
     viewData: viewData,
+    methodMap: methodMap,
     experimentId: "".concat(experimentId),
     className: "panel-dag-canvas",
     dragEnable: dragEnable

package/lib/packages/graph-canvas/graph-model/node/common-node/node-element.js

@@ -33,7 +33,7 @@ var NodeElement = function NodeElement(props) {
     activeNodeInstance = _useObservableState2[0];
   var nodeId = activeNodeInstance && activeNodeInstance.id;
   var nodeFormData = typeof nodeData === 'string' ? JSON.parse(nodeData) : nodeData;
-  console.log('NodeElement nodeData', nodeData);
+  console.log('NodeElement', data);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('node-element', {
       selected: !!nodeId && nodeId === id

package/lib/packages/graph-canvas/index.d.ts

@@ -30,7 +30,7 @@ declare class ExperimentGraph extends GraphCore<BaseNode, BaseEdge> {
     updateExperimentGraph(nodes?: NExperimentGraph.Node[], links?: NExperimentGraph.Link[]): Promise<void>;
     delExperimentGraphElement(nodes?: string[], links?: NExperimentGraph.Link[]): Promise<void>;
     isGraphReady(): boolean;
-    renderGraph: (wrapper: HTMLElement, container: HTMLElement, options?: any) => void;
+    renderGraph: (wrapper: HTMLElement, container: HTMLElement, options?: any, nodeConfig?: Record<string, any>) => void;
     registerEdge: () => void;
     createTypeNodeMeta: (nodeMeta: NodeMeta, nodeType: any, experimentId: string) => BaseNode | undefined;
     renderNode(nodeMeta: NodeMeta): BaseNode | undefined;

package/lib/packages/graph-canvas/index.js

@@ -151,7 +151,10 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         // 是否触发交互事件  点击 magnet 时 根据 validateMagnet 返回值来判断是否新增边，触发时机是 magnet 被按下，如果返回 false，则没有任何反应，如果返回 true，会在当前 magnet 创建一条新的边。
         validateMagnet: function validateMagnet(_ref) {
           var magnet = _ref.magnet;
-          return magnet.getAttribute('port-group') !== 'in';
+          var portGroup = magnet.getAttribute('port-group');
+          // console.log('validateMagnet', portGroup, portGroup !== 'in')
+          // 允许从除了'in'和'method'之外的端口发起连接
+          return !['in', 'method'].includes(portGroup);
         },
         // 显示可用的链接桩  在移动边的时候判断连接是否有效，如果返回 false，当鼠标放开的时候，不会连接到当前元素，否则会连接到当前元素。
         validateConnection: function validateConnection(_ref2) {
@@ -159,6 +162,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
             targetView = _ref2.targetView,
             sourceMagnet = _ref2.sourceMagnet,
             targetMagnet = _ref2.targetMagnet;
+          // console.log("validateConnection", sourceView, targetView, sourceMagnet, targetMagnet)
           // 不允许连接到自己
           if (sourceView === targetView) {
             return false;
@@ -169,8 +173,9 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
             return false;
           }
 
-          // 只能连接到输入链接桩
-          if (!targetMagnet || targetMagnet.getAttribute('port-group') !== 'in') {
+          // 只能连接到输入链接桩或方法端口
+          var targetPortGroup = targetMagnet === null || targetMagnet === void 0 ? void 0 : targetMagnet.getAttribute('port-group');
+          if (!targetMagnet || !['in', 'method'].includes(targetPortGroup)) {
             return false;
           }
 
@@ -266,7 +271,9 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
     // 渲染画布
     _defineProperty(_assertThisInitialized(_this), "renderGraph", function (wrapper, container) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      console.log('renderGraph');
+      var nodeConfig = arguments.length > 3 ? arguments[3] : undefined;
+      _this.nodeConfig = nodeConfig;
+      console.log('renderGraphxxx =====>1', nodeConfig, _this.nodeConfig);
       _this.experimentGraphSub = _this.experimentGraph$.pipe((0, _operators.filter)(function (x) {
         return !!x;
       }),
@@ -282,7 +289,8 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
             container: container,
             nodes: nodes,
             edges: edges,
-            options: options
+            options: options,
+            nodeConfig: nodeConfig
           });
         }
       });
@@ -298,7 +306,9 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
       _x11.Graph.registerEdge('group-edge', _edge2.GroupEdge);
     });
     _defineProperty(_assertThisInitialized(_this), "createTypeNodeMeta", function (nodeMeta, nodeType, experimentId) {
-      console.log('===================== createTypeNodeMeta', nodeMeta);
+      var _assertThisInitialize = _assertThisInitialized(_this),
+        nodeConfig = _assertThisInitialize.nodeConfig;
+      console.log('===================== createTypeNodeMeta', nodeType, _this.nodeConfig);
       var data = nodeMeta.data;
       var _ref3 = data,
         type = _ref3.type;
@@ -307,6 +317,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         /* 条件判断 */
         if (nodeType === _nodeTypes.SIGN_OPERATION.CONDITION) {
           return _this.graph.addNode(new _node.ConditionJudgment(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+            nodeConfig: nodeConfig,
             shape: 'condition-judgement-element',
             component: /*#__PURE__*/_react.default.createElement(_conditionElement.default, {
               experimentId: experimentId
@@ -316,6 +327,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         /* 逻辑运算 */
         if (nodeType === _nodeTypes.SIGN_OPERATION.LOGICAL || nodeType === _nodeTypes.COMMONLY_USED.LOCKED) {
           return _this.graph.addNode(new _node.LogicalNode(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+            nodeConfig: nodeConfig,
             shape: 'logical-node',
             component: /*#__PURE__*/_react.default.createElement(_logicalElement.default, {
               experimentId: experimentId
@@ -324,6 +336,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         }
         if ((nodeType === null || nodeType === void 0 ? void 0 : nodeType.indexOf(_nodeTypes.COMPONENTS_TYPE.APPLICATION)) === 0) {
           return _this.graph.addNode(new _node.ApplicationNode(_objectSpread(_objectSpread({}, nodeMeta), {}, {
+            nodeConfig: nodeConfig,
             shape: 'application-node',
             component: /*#__PURE__*/_react.default.createElement(_applicationElement.default, {
               experimentId: experimentId
@@ -331,7 +344,8 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
           })));
         }
         return _this.graph.addNode(new _node.CommonNode(_objectSpread(_objectSpread({}, nodeMeta), {}, {
-          shape: 'application-node',
+          shape: 'base-rect-node',
+          nodeConfig: nodeConfig,
           component: /*#__PURE__*/_react.default.createElement(_nodeElement.default, {
             experimentId: experimentId
           })
@@ -360,12 +374,12 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
     // 发起请求增加节点
     _defineProperty(_assertThisInitialized(_this), "requestAddNode", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(param) {
-        var _assertThisInitialize, graph, nodeMeta, clientX, clientY, pos, nodeRes, newNode;
+        var _assertThisInitialize2, graph, nodeMeta, clientX, clientY, pos, nodeRes, newNode;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               console.log('requestAddNode');
-              _assertThisInitialize = _assertThisInitialized(_this), graph = _assertThisInitialize.graph;
+              _assertThisInitialize2 = _assertThisInitialized(_this), graph = _assertThisInitialize2.graph;
               if (!graph) {
                 _context.next = 14;
                 break;
@@ -537,8 +551,8 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
     }());
     // 清除选中节点
     _defineProperty(_assertThisInitialized(_this), "unSelectNode", function () {
-      var _assertThisInitialize2 = _assertThisInitialized(_this),
-        graph = _assertThisInitialize2.graph;
+      var _assertThisInitialize3 = _assertThisInitialized(_this),
+        graph = _assertThisInitialize3.graph;
       if (graph) {
         graph.cleanSelection();
       }
@@ -609,7 +623,7 @@ var ExperimentGraph = /*#__PURE__*/function (_GraphCore) {
         return _resetGraphData.apply(this, arguments);
       }
       return resetGraphData;
-    }()
+    }() // 初始化预览数据
   }, {
     key: "initPreviewData",
     value: function () {

package/lib/packages/graph-model/node/index.d.ts

@@ -2,6 +2,8 @@ import { ReactShape } from '@antv/x6-react-shape';
 import type { Node } from '@antv/x6/src/model/node';
 import './node-basic.less';
 export default class BaseNode extends ReactShape {
+    methodList: any;
     constructor(metadata?: Node.Metadata);
+    addMethodPorts(methods: any[]): void;
     isGroup(): boolean;
 }

package/lib/packages/graph-model/node/index.js

@@ -1,17 +1,15 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _x6ReactShape = require("@antv/x6-react-shape");
 require("./node-basic.less");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -19,22 +17,72 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var BaseNode = exports.default = /*#__PURE__*/function (_ReactShape) {
   _inherits(BaseNode, _ReactShape);
   var _super = _createSuper(BaseNode);
   function BaseNode() {
+    var _metadata$nodeConfig;
     var _this;
     var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, BaseNode);
     _this = _super.call(this, metadata);
+    _defineProperty(_assertThisInitialized(_this), "methodList", void 0);
     _this.initPorts();
+    var methodList = metadata === null || metadata === void 0 || (_metadata$nodeConfig = metadata.nodeConfig) === null || _metadata$nodeConfig === void 0 ? void 0 : _metadata$nodeConfig[metadata === null || metadata === void 0 ? void 0 : metadata.nodeType];
+    if (methodList !== null && methodList !== void 0 && methodList.length) {
+      _this.methodList = methodList;
+      // 为每个方法在节点左侧添加端口
+      _this.addMethodPorts(methodList);
+    }
+    console.log("BaseNodexxxxx", metadata, _assertThisInitialized(_this));
     return _this;
   }
   _createClass(BaseNode, [{
+    key: "addMethodPorts",
+    value: function addMethodPorts(methods) {
+      var _this2 = this;
+      // 添加方法端口到节点左侧，保持垂直居中对称分布
+      var count = methods.length;
+      var spacing = 20; // 端口之间的间距
+      var totalHeight = (count - 1) * spacing; // 所有端口占据的总高度
+      var startY = -totalHeight / 2; // 起始Y位置，确保居中
+
+      methods.forEach(function (method, index) {
+        _this2.addPort({
+          id: "method-".concat(method.method),
+          group: 'method',
+          attrs: {
+            text: {
+              text: method.tag || method.method
+            }
+          },
+          args: {
+            dx: -10,
+            // 向左偏移10个单位
+            dy: startY + index * spacing // 垂直居中对称分布
+          }
+        });
+      });
+    }
+  }, {
     key: "isGroup",
     value: function isGroup() {
       return false;
     }
   }]);
   return BaseNode;
-}(_x6ReactShape.ReactShape);
+}(_x6ReactShape.ReactShape); // 配置方法端口的默认属性
+BaseNode.config({
+  ports: {
+    groups: {
+      method: {
+        position: 'left',
+        zIndex: 2,
+        magnet: false
+      }
+    }
+  }
+});

package/lib/packages/graph-model/node/node-basic.less

@@ -10,7 +10,8 @@
   opacity: 1;
 }
 
-.x6-node [magnet='true'][port-group='in'] {
+.x6-node [magnet='true'][port-group='in'],
+.x6-node [magnet='true'][port-group='method'] {
   cursor: move;
   stroke: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strategy-panel",
-  "version": "1.0.4-3",
+  "version": "1.0.5",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",