ronds-metadata 1.3.89 → 1.3.91

package/es/comps/DynamicPorts/index.less

@@ -87,13 +87,21 @@
     stroke: none;
   }
 
+  .x6-node [magnet='true'][port-group='config'] {
+    cursor: move;
+    stroke: none;
+  }
+
   .x6-port-body > span {
     display: block;
   }
 
   .x6-node-selected {
     .node-element,
-    .node-element-form {
+    .node-element-form,
+    .node-element-algo,
+    .node-element-config,
+    .node-element-read {
       background-color: var(--ronds-metadata-color-bg-4);
       border: 1px solid #1890ff;
       box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
@@ -101,14 +109,41 @@
   }
 
   .dp-port {
-    width: 100%;
-    height: 100%;
+    width: 8px;
+    height: 8px;
     border: 1px solid #808080;
     border-radius: 100%;
     background: #fff;
     display: block;
   }
 
+  // .dp-port-in {
+  //   width: 8px;
+  //   height: 16px;
+  //   border: 2px solid #808080;
+  //   border-radius: 2px !important;
+  //   background: #fff;
+  //   display: block;
+  // }
+
+  .dp-port-in {
+    width: 8px;
+    height: 8px;
+    border: 1px solid #808080;
+    border-radius: 100%;
+    background: #fff;
+    display: block;
+  }
+  .dp-port-config {
+    width: 8px;
+    height: 8px;
+    border: 1px solid #808080;
+    background: #fff;
+    border-radius: 0px !important;
+    transform: rotate(45deg);
+    display: block;
+  }
+
   .dp-port.connected {
     width: 0;
     height: 0;
@@ -121,6 +156,43 @@
     background-color: transparent;
   }
 
+  // .dp-port-in.connected {
+  //   width: 0;
+  //   height: 0;
+  //   margin-top: 1px;
+  //   margin-left: -1px;
+  //   border-width: 5px 4px 0;
+  //   border-style: solid;
+  //   border-color: #808080 transparent transparent;
+  //   border-radius: 0;
+  //   background-color: transparent;
+  //   transform: rotate(270deg);
+  // }
+
+  .dp-port-in.connected {
+    width: 0;
+    height: 0;
+    margin-top: 3px;
+    margin-left: -1px;
+    border-width: 5px 4px 0;
+    border-style: solid;
+    border-color: #808080 transparent transparent;
+    border-radius: 0;
+    background-color: transparent;
+  }
+  .dp-port-config.connected {
+    width: 0;
+    height: 0;
+    margin-top: 1px;
+    margin-left: -1px;
+    border-width: 5px 4px 0;
+    border-style: solid;
+    border-color: #808080 transparent transparent;
+    border-radius: 0;
+    background-color: transparent;
+    transform: rotate(180deg);
+  }
+
   .node-element-form {
     .dp-port.connected {
       width: 0;
@@ -305,3 +377,232 @@
     }
   }
 }
+
+.node-element-algo {
+  display: flex;
+  box-sizing: border-box;
+  overflow: hidden;
+  min-height: 64px;
+  background-color: var(--ronds-metadata-color-bg-4);
+  color: var(--ronds-metadata-color-text-1);
+  border-radius: 4px;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
+
+  &.selected,
+  &:hover {
+    background-color: var(--ronds-metadata-color-bg-4);
+    color: var(--ronds-metadata-color-text-1);
+    border: 1px solid #1890ff;
+    box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
+
+    .icon {
+      width: 64px;
+      height: 64px;
+      margin: 0 1px 0 -1px;
+    }
+  }
+
+  & > * {
+    flex-grow: 1;
+  }
+  .icon {
+    display: inline-flex;
+    flex-grow: 0;
+    align-items: center;
+    justify-content: center;
+    width: 64px;
+    height: 64px;
+    background-color: var(--ronds-metadata-color-bg-6);
+    border-radius: 4px 0 0 4px;
+  }
+
+  .notation {
+    display: inline-flex;
+    align-items: center;
+    width: calc(100% - 32px);
+    padding: 0 8px;
+    user-select: none;
+
+    & > * {
+      flex-grow: 1;
+    }
+
+    .name {
+      overflow-x: hidden;
+      color: var(--ronds-metadata-color-text-1);
+      font-size: 14px;
+      font-weight: bold;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+    }
+    .remark {
+      font-size: 12px;
+      color: #808080;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+      -webkit-box-orient: vertical;
+    }
+
+    .statusIcon {
+      display: inline-flex;
+      flex-grow: 0;
+      align-items: center;
+      font-size: 14px;
+      cursor: pointer;
+      transform: translateZ(0);
+      z-index: 1000;
+    }
+  }
+}
+
+.node-element-read {
+  display: flex;
+  box-sizing: border-box;
+  overflow: hidden;
+  min-height: 64px;
+  background-color: var(--ronds-metadata-color-bg-4);
+  color: var(--ronds-metadata-color-text-1);
+  border-radius: 24px 0px 0px 24px;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
+
+  &.selected,
+  &:hover {
+    background-color: var(--ronds-metadata-color-bg-4);
+    color: var(--ronds-metadata-color-text-1);
+    border: 1px solid #1890ff;
+    box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
+
+    .icon {
+      width: 64px;
+      height: 64px;
+      margin: 0 1px 0 -1px;
+    }
+  }
+
+  & > * {
+    flex-grow: 1;
+  }
+  .icon {
+    display: inline-flex;
+    flex-grow: 0;
+    align-items: center;
+    justify-content: center;
+    width: 64px;
+    height: 64px;
+    background-color: var(--ronds-metadata-color-bg-6);
+    border-radius: 4px 0 0 4px;
+  }
+
+  .notation {
+    display: inline-flex;
+    align-items: center;
+    width: calc(100% - 32px);
+    padding: 0 8px;
+    user-select: none;
+
+    & > * {
+      flex-grow: 1;
+    }
+
+    .name {
+      overflow-x: hidden;
+      color: var(--ronds-metadata-color-text-1);
+      font-size: 14px;
+      font-weight: bold;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+    }
+    .remark {
+      font-size: 12px;
+      color: #808080;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+      -webkit-box-orient: vertical;
+    }
+
+    .statusIcon {
+      display: inline-flex;
+      flex-grow: 0;
+      align-items: center;
+      font-size: 14px;
+      cursor: pointer;
+      transform: translateZ(0);
+      z-index: 1000;
+    }
+  }
+}
+
+.node-element-config {
+  box-sizing: border-box;
+  overflow: hidden;
+  text-align: center;
+  min-height: 64px;
+  background-color: var(--ronds-metadata-color-bg-4);
+  color: var(--ronds-metadata-color-text-1);
+  border-radius: 20%;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
+
+  &.selected,
+  &:hover {
+    background-color: var(--ronds-metadata-color-bg-4);
+    color: var(--ronds-metadata-color-text-1);
+    border: 1px solid #1890ff;
+    box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
+
+    .icon {
+      width: 64px;
+      height: 32px;
+      margin: 0 1px 0 -1px;
+    }
+  }
+
+  & > * {
+    flex-grow: 1;
+  }
+  .icon {
+    // display: inline-flex;
+    flex-grow: 0;
+    align-items: center;
+    justify-content: center;
+    width: 64px;
+    height: 32px;
+    background-color: var(--ronds-metadata-color-bg-6);
+    border-radius: 4px 0 0 4px;
+  }
+
+  .notation {
+    line-height: 32px;
+    height: 32px;
+    padding: 0 8px;
+    user-select: none;
+    & > * {
+      flex-grow: 1;
+    }
+
+    .name {
+      overflow-x: hidden;
+      color: var(--ronds-metadata-color-text-1);
+      font-size: 14px;
+      font-weight: bold;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+    }
+
+    .statusIcon {
+      display: inline-flex;
+      flex-grow: 0;
+      align-items: center;
+      font-size: 14px;
+      cursor: pointer;
+      transform: translateZ(0);
+      z-index: 1000;
+    }
+  }
+}

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

@@ -28,6 +28,10 @@ export declare namespace NDPGraph {
          * 输出引脚
          */
         outPorts: OutPort[];
+        /**
+         * 配置引脚
+         */
+        configPorts?: ConfigPort[];
         /**
          * position x
          */
@@ -52,10 +56,13 @@ export declare namespace NDPGraph {
     }
     interface InPort extends Port {
     }
+    interface ConfigPort extends Port {
+    }
     interface Port {
         id: string;
         name: string;
         color?: string;
+        group?: string;
         seq: number;
         type: number | string;
     }

package/es/comps/DynamicPorts/interface.js

@@ -1,6 +1,6 @@
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 16:10:46
- * @LastEditTime: 2023-09-12 18:32:38
+ * @LastEditTime: 2025-07-01 16:40:42
  */
 export {};

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

@@ -26,6 +26,7 @@ export declare function formatNodeInfoToNodeMeta(nodeData: NDPGraph.Node, inputP
         name: string;
         inPorts: NDPGraph.InPort[];
         outPorts: NDPGraph.OutPort[];
+        configPorts?: NDPGraph.ConfigPort[];
         param?: NDPGraph.Param;
     };
     ports: {
@@ -37,6 +38,7 @@ export declare function formatNodeInfoToNodeMeta(nodeData: NDPGraph.Node, inputP
     name: string;
     inPorts: NDPGraph.InPort[];
     outPorts: NDPGraph.OutPort[];
+    configPorts?: NDPGraph.ConfigPort[];
     param?: NDPGraph.Param;
 };
 export declare function formattedEdgesToEdgeMeta(edge: NDPGraph.Edge): {
@@ -97,6 +99,7 @@ export declare function formatGraphData(graphData: NDPGraph.GraphData): {
             name: string;
             inPorts: NDPGraph.InPort[];
             outPorts: NDPGraph.OutPort[];
+            configPorts?: NDPGraph.ConfigPort[];
             param?: NDPGraph.Param;
         };
         ports: {
@@ -108,6 +111,7 @@ export declare function formatGraphData(graphData: NDPGraph.GraphData): {
         name: string;
         inPorts: NDPGraph.InPort[];
         outPorts: NDPGraph.OutPort[];
+        configPorts?: NDPGraph.ConfigPort[];
         param?: NDPGraph.Param;
     }[];
     edges: {

package/es/comps/DynamicPorts/utils.js

@@ -5,7 +5,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 16:40:49
- * @LastEditTime: 2023-12-05 09:56:52
+ * @LastEditTime: 2025-07-02 14:23:08
  */
 import { sortBy } from 'lodash-es';
 import { NODE_HEIGHT, NODE_WIDTH } from './constant';
@@ -41,7 +41,8 @@ export function formatNodeInfoToNodeMeta(nodeData) {
     _nodeData$y = nodeData.y,
     y = _nodeData$y === void 0 ? 0 : _nodeData$y,
     inPorts = nodeData.inPorts,
-    outPorts = nodeData.outPorts;
+    outPorts = nodeData.outPorts,
+    configPorts = nodeData.configPorts;
   sortBy(inPorts, 'seq').forEach(function (inPort) {
     portItems.push(_objectSpread(_objectSpread({}, inPort), {}, {
       color: inPort === null || inPort === void 0 ? void 0 : inPort.color,
@@ -58,6 +59,16 @@ export function formatNodeInfoToNodeMeta(nodeData) {
       connected: !!inputPortConnectedMap["".concat(id.toString()).concat(outPort.id.toString())]
     }));
   });
+  if (configPorts) {
+    sortBy(configPorts, 'seq').forEach(function (configPort) {
+      portItems.push(_objectSpread(_objectSpread({}, configPort), {}, {
+        color: configPort === null || configPort === void 0 ? void 0 : configPort.color,
+        group: 'config',
+        id: configPort.id.toString(),
+        connected: !!inputPortConnectedMap["".concat(id.toString()).concat(configPort.id.toString())]
+      }));
+    });
+  }
   return _objectSpread(_objectSpread({}, nodeData), {}, {
     x: x,
     y: y,

package/es/comps/Editable/DataCell/ButtonCell.js

@@ -1,5 +1,7 @@
 import "antd/es/form/style";
 import _Form from "antd/es/form";
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 /*
@@ -8,12 +10,14 @@ import _Button from "antd/es/button";
  * @LastEditTime: 2022-07-08 08:57:41
  */
 import React from 'react';
-import { SettingOutlined } from '@ant-design/icons';
+import { SettingOutlined, UploadOutlined } from '@ant-design/icons';
 import { EditableContext } from '../interface';
+import { tr } from '../../../framework/locale';
 function Index(props) {
   var dataIndex = props.dataIndex,
     record = props.record,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    isUpload = props.isUpload;
   var _ref = React.useContext(EditableContext) || undefined,
     editableStream = _ref.editableStream,
     editConfig = _ref.editConfig;
@@ -24,12 +28,34 @@ function Index(props) {
       payload: record
     });
   };
+  var onUpload = function onUpload(option) {
+    editableStream && editableStream.next({
+      type: 'onUpload',
+      payload: {
+        record: record,
+        option: option
+      }
+    });
+    // 模拟上传过程
+    setTimeout(function () {
+      option.onSuccess();
+    }, 1000);
+  };
   return /*#__PURE__*/React.createElement(_Form.Item, {
     name: dataIndex,
     style: {
       margin: 0
     }
+  }, isUpload ? /*#__PURE__*/React.createElement(_Upload, {
+    customRequest: onUpload,
+    multiple: true,
+    showUploadList: true
   }, /*#__PURE__*/React.createElement(_Button, {
+    title: tr('上传'),
+    disabled: editConfig.type === 'edit' ? disabled : false,
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
+  })) : /*#__PURE__*/React.createElement(_Button, {
     type: "link",
     disabled: editConfig.type === 'edit' ? disabled : false,
     onClick: onClick,

package/es/comps/Editable/comps/EditableAction.d.ts

@@ -1,5 +1,6 @@
 interface IEditableActionProps {
     type: 'single' | 'multiple' | 'freedom';
+    isNoRowDelete?: boolean;
     record: any;
 }
 declare const EditableAction: (props: IEditableActionProps) => JSX.Element;

package/es/comps/Editable/comps/EditableAction.js

@@ -14,6 +14,7 @@ import { tr } from '../../../framework/locale';
 var EditableAction = function EditableAction(props) {
   var _editConfig$editCellK;
   var type = props.type,
+    isNoRowDelete = props.isNoRowDelete,
     record = props.record;
   var _ref = React.useContext(EditableContext) || undefined,
     editableStream = _ref.editableStream,
@@ -86,7 +87,7 @@ var EditableAction = function EditableAction(props) {
       padding: 0,
       marginRight: '10px'
     }
-  }, tr('确定')))), /*#__PURE__*/React.createElement(_Popconfirm, {
+  }, tr('确定')))), !isNoRowDelete && /*#__PURE__*/React.createElement(_Popconfirm, {
     placement: 'left',
     title: tr('确认删除该条数据'),
     onConfirm: onDelete,

package/es/comps/Editable/comps/EditableRow.js

@@ -7,7 +7,7 @@ var _excluded = ["record", "index", "className"];
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 10:01:10
- * @LastEditTime: 2023-05-24 09:07:32
+ * @LastEditTime: 2024-11-28 15:32:19
  */
 import React from 'react';
 import { useDrag, useDrop } from 'react-dnd';
@@ -43,7 +43,8 @@ var EditableRow = function EditableRow(props) {
       drop: function drop(item, monitor) {
         (restProps === null || restProps === void 0 ? void 0 : restProps.onMove) && (restProps === null || restProps === void 0 ? void 0 : restProps.onMove({
           dragIndex: item.index,
-          hoverIndex: index
+          hoverIndex: index,
+          record: record
         }));
       }
     }),

package/es/comps/Editable/comps/Texty.js

@@ -55,7 +55,7 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
       var extraStyle = tooltipMaxWidth ? _objectSpread(_objectSpread({}, tooltipStyle), {}, {
         maxWidth: tooltipMaxWidth
       }) : tooltipStyle;
-      return /*#__PURE__*/ReactDom.createPortal( /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/ReactDom.createPortal(/*#__PURE__*/React.createElement("div", {
         ref: ref,
         "data-texty-tooltip": placement,
         className: tooltipClassName,
@@ -188,7 +188,6 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
         return null;
         // return <Tag { ...rest } ref={ this.setTargetRef } data-texty={ false } />;
       }
-
       var target = this.targetNode;
       var isTruncated = !!target && target.scrollWidth > target.offsetWidth;
       var showTooltip = this.state.isHovered && isTruncated;

package/es/comps/Editable/comps/Texty.less

@@ -1,43 +1,43 @@
-[data-texty] {
-  width: 100%;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-[data-texty-tooltip] {
-  padding: 4px 10px;
-  border-radius: 4px;
-  background-color: #222;
-  color: #fff;
-  z-index: 99999;
-}
-
-[data-texty-arrow] {
-  position: absolute;
-  bottom: -6px;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 6px 6px 0;
-  border-color: #222 transparent transparent;
-}
-
-[data-texty-arrow*='bottom'] {
-  top: -6px;
-  bottom: inherit;
-  transform: rotate(180deg);
-}
-
-/* disable the builtin tooltip for truncated text on Safari */
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  @supports (not (-ms-ime-align: auto)) {
-    .EllipsisText::before {
-      content: '';
-      display: block;
-      width: 0;
-      height: 0;
-    }
-  }
-}
+[data-texty] {
+  width: 100%;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+[data-texty-tooltip] {
+  padding: 4px 10px;
+  border-radius: 4px;
+  background-color: #222;
+  color: #fff;
+  z-index: 99999;
+}
+
+[data-texty-arrow] {
+  position: absolute;
+  bottom: -6px;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 6px 6px 0;
+  border-color: #222 transparent transparent;
+}
+
+[data-texty-arrow*='bottom'] {
+  top: -6px;
+  bottom: inherit;
+  transform: rotate(180deg);
+}
+
+/* disable the builtin tooltip for truncated text on Safari */
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  @supports (not (-ms-ime-align: auto)) {
+    .EllipsisText::before {
+      content: '';
+      display: block;
+      width: 0;
+      height: 0;
+    }
+  }
+}