ronds-metadata 1.3.13 → 1.3.14

package/es/comps/DynamicPorts/comps/DragNode.js

@@ -4,7 +4,7 @@ import React from "react";
 /*
  * @Author: wangxian
  * @Date: 2022-05-26 08:50:06
- * @LastEditTime: 2023-09-15 14:55:47
+ * @LastEditTime: 2023-09-15 15:23:06
  */
 import { DragSource } from 'react-dnd';
 import { GlobalOutlined } from '@ant-design/icons';
@@ -12,7 +12,7 @@ import Icon from '../../../comps/Icons';
 import { DRAGGABLE_COMPONENT } from '../constant';
 import '../index.less';
 var InnerNodeTitle = function InnerNodeTitle(props) {
-  var _data$param;
+  var _data$param, _data$param2;
   var data = props.data,
     connectDragPreview = props.connectDragPreview,
     connectDragSource = props.connectDragSource;
@@ -22,7 +22,7 @@ var InnerNodeTitle = function InnerNodeTitle(props) {
       width: '100%'
     }
   }, /*#__PURE__*/React.createElement(_Tooltip, {
-    title: /*#__PURE__*/React.createElement("div", {
+    title: (data === null || data === void 0 ? void 0 : (_data$param = data.param) === null || _data$param === void 0 ? void 0 : _data$param.remark) ? /*#__PURE__*/React.createElement("div", {
       style: {
         maxHeight: '200px',
         whiteSpace: 'pre-line',
@@ -30,7 +30,7 @@ var InnerNodeTitle = function InnerNodeTitle(props) {
         overflowX: 'hidden',
         wordBreak: 'break-all'
       }
-    }, /*#__PURE__*/React.createElement("span", null, data === null || data === void 0 ? void 0 : (_data$param = data.param) === null || _data$param === void 0 ? void 0 : _data$param.remark))
+    }, /*#__PURE__*/React.createElement("span", null, data === null || data === void 0 ? void 0 : (_data$param2 = data.param) === null || _data$param2 === void 0 ? void 0 : _data$param2.remark)) : undefined
   }, /*#__PURE__*/React.createElement("div", {
     className: "icon",
     style: {

package/es/comps/DynamicPorts/comps/NodeElement.js

@@ -7,7 +7,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 08:50:16
- * @LastEditTime: 2023-09-15 14:56:57
+ * @LastEditTime: 2023-09-15 16:07:13
  */
 import { GlobalOutlined } from '@ant-design/icons';
 import { filter } from 'rxjs/operators';
@@ -31,6 +31,10 @@ var NodeElement = function NodeElement(props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     isNameEidt = _React$useState4[0],
     setIsNameEdit = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isCanEidt = _React$useState6[0],
+    setIsCanEdit = _React$useState6[1];
   React.useEffect(function () {
     var sub = gDPGraph && gDPGraph.factory$.executionStatus.pipe(filter(function (x) {
       return !!x;
@@ -46,6 +50,14 @@ var NodeElement = function NodeElement(props) {
       sub.unsubscribe();
     };
   }, [gDPGraph]);
+  React.useEffect(function () {
+    var sub = gDPGraph && gDPGraph.factory$.isUpdateNodeName.subscribe(function (v) {
+      setIsCanEdit(v);
+    });
+    return function () {
+      sub.unsubscribe();
+    };
+  }, [gDPGraph]);
   var onStatusClick = function onStatusClick(e) {
     e.stopPropagation();
     gDPGraph.factory$.statusClick.next(_objectSpread(_objectSpread({}, data), {}, {
@@ -54,10 +66,14 @@ var NodeElement = function NodeElement(props) {
       }, nodeStatus)
     }));
   };
+  var onPressEnter = function onPressEnter(e) {
+    setIsNameEdit(false);
+    gDPGraph.updateNodeNameById(id, e.target.value);
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "node-element"
   }, /*#__PURE__*/React.createElement(_Tooltip, {
-    title: /*#__PURE__*/React.createElement("div", {
+    title: (param === null || param === void 0 ? void 0 : param.remark) ? /*#__PURE__*/React.createElement("div", {
       style: {
         maxHeight: '200px',
         whiteSpace: 'pre-line',
@@ -65,7 +81,7 @@ var NodeElement = function NodeElement(props) {
         overflowX: 'hidden',
         wordBreak: 'break-all'
       }
-    }, /*#__PURE__*/React.createElement("span", null, param === null || param === void 0 ? void 0 : param.remark))
+    }, /*#__PURE__*/React.createElement("span", null, param === null || param === void 0 ? void 0 : param.remark)) : undefined
   }, /*#__PURE__*/React.createElement("div", {
     className: "icon",
     style: {
@@ -78,12 +94,15 @@ var NodeElement = function NodeElement(props) {
   }, isNameEidt ? /*#__PURE__*/React.createElement(_Input, {
     size: "small",
     defaultValue: name,
-    onPressEnter: function onPressEnter() {
-      setIsNameEdit(false);
-    }
+    onPressEnter: onPressEnter
   }) : /*#__PURE__*/React.createElement("div", {
     className: "name",
-    title: name
+    title: name,
+    onDoubleClick: function onDoubleClick() {
+      if (isCanEidt) {
+        setIsNameEdit(true);
+      }
+    }
   }, name), nodeStatus && (nodeStatus === null || nodeStatus === void 0 ? void 0 : nodeStatus.nodeStatus) && /*#__PURE__*/React.createElement(NodeStatus, {
     onClick: onStatusClick,
     className: "statusIcon",

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

@@ -16,6 +16,10 @@ interface IFactory$ {
      * 实验图加载状态
      */
     running: BehaviorSubject<boolean>;
+    /**
+     * 是否可以双击重命名节点名称
+     */
+    isUpdateNodeName: BehaviorSubject<boolean>;
     executionStatus: BehaviorSubject<NDPGraph.ExecutionStatus>;
     /**
      * 图数据流

package/es/comps/DynamicPorts/graph.js

@@ -13,7 +13,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 14:31:01
- * @LastEditTime: 2023-09-13 16:28:08
+ * @LastEditTime: 2023-09-15 15:58:12
  */
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import produce from 'immer';
@@ -175,6 +175,7 @@ var DPGraph = /*#__PURE__*/function (_GraphCore) {
     _this.factory$ = {
       loading: new BehaviorSubject(false),
       running: new BehaviorSubject(false),
+      isUpdateNodeName: new BehaviorSubject(false),
       executionStatus: new BehaviorSubject(null),
       dpGraph: new BehaviorSubject(null),
       statusClick: new BehaviorSubject(null),

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: 2023-09-15 11:05:34
+ * @LastEditTime: 2023-09-15 16:07:36
  */
 import React from 'react';
 import { filter } from 'rxjs';
@@ -20,6 +20,7 @@ var DynamicPorts = function DynamicPorts(props) {
   var defaultValue = props.defaultValue,
     _props$dispose = props.dispose,
     dispose = _props$dispose === void 0 ? true : _props$dispose,
+    isUpdateNodeName = props.isUpdateNodeName,
     onChange = props.onChange,
     onNodeSelect = props.onNodeSelect,
     onStopGraph = props.onStopGraph,
@@ -81,6 +82,11 @@ var DynamicPorts = function DynamicPorts(props) {
       firstLoadRef.current = false;
     }
   }, [defaultValue]);
+  React.useEffect(function () {
+    if (dpGraph) {
+      dpGraphRef.current.factory$.isUpdateNodeName.next(isUpdateNodeName);
+    }
+  }, [dpGraph, isUpdateNodeName]);
   // 处理组件拖拽落下事件
   var _useDrop = useDrop({
       accept: [DRAGGABLE_COMPONENT, DRAGGABLE_MODEL],

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",