ronds-metadata 1.1.8 → 1.1.9

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

@@ -3,10 +3,11 @@ import React from "react";
 /*
  * @Author: wangxian
  * @Date: 2022-05-26 08:50:06
- * @LastEditTime: 2022-05-26 09:11:54
+ * @LastEditTime: 2022-05-28 11:10:24
  */
 import { DragSource } from 'react-dnd';
 import { GlobalOutlined } from '@ant-design/icons';
+import Icon from '../../../comps/Icons';
 import { DRAGGABLE_COMPONENT } from '../constant';
 import "../index.css";
 
@@ -18,7 +19,9 @@ var InnerNodeTitle = function InnerNodeTitle(props) {
     className: "node-element"
   }, /*#__PURE__*/React.createElement("div", {
     className: "icon"
-  }, /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
+  }, (data === null || data === void 0 ? void 0 : data.icon) ? /*#__PURE__*/React.createElement(Icon, {
+    type: data === null || data === void 0 ? void 0 : data.icon
+  }) : /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
     className: "notation"
   }, /*#__PURE__*/React.createElement("div", {
     className: "name"

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

@@ -4,12 +4,13 @@ import _Popover from "antd/es/popover";
 /*
  * @Author: wangxian
  * @Date: 2022-05-27 14:21:23
- * @LastEditTime: 2022-05-28 10:10:06
+ * @LastEditTime: 2022-05-28 10:18:24
  */
 import React from 'react';
 import { CompressOutlined, OneToOneOutlined, ZoomInOutlined, ZoomOutOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import "./index.css";
+import { tr } from '@/framework/locale';
 export var GraphHandler = function GraphHandler(props) {
   var className = props.className,
       onZoomIn = props.onZoomIn,
@@ -20,28 +21,28 @@ export var GraphHandler = function GraphHandler(props) {
     className: classNames('handler', className)
   }, /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u653E\u5927",
+    content: tr('放大'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onZoomIn,
     className: "item"
   }, /*#__PURE__*/React.createElement(ZoomInOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u7F29\u5C0F",
+    content: tr('缩小'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onZoomOut,
     className: "item"
   }, /*#__PURE__*/React.createElement(ZoomOutOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u5B9E\u9645\u5C3A\u5BF8",
+    content: tr('实际尺寸'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onRealContent,
     className: "item"
   }, /*#__PURE__*/React.createElement(OneToOneOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u9002\u5E94\u753B\u5E03",
+    content: tr('适应画布'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onFitContent,

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

@@ -3,20 +3,24 @@ import React from "react";
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 08:50:16
- * @LastEditTime: 2022-05-26 16:37:24
+ * @LastEditTime: 2022-05-28 11:09:22
  */
 import { GlobalOutlined } from '@ant-design/icons';
 import "../index.css";
+import Icon from '../../../comps/Icons';
 
 var NodeElement = function NodeElement(props) {
   var node = props.node;
   var data = (node === null || node === void 0 ? void 0 : node.getData()) || {};
-  var name = data.name;
+  var name = data.name,
+      icon = data.icon;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "node-element"
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'icon'
-  }, /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
+    className: "icon"
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+    type: icon
+  }) : /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
     className: "notation"
   }, /*#__PURE__*/React.createElement("div", {
     className: "name"

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

@@ -4,8 +4,18 @@ export declare namespace NDPGraph {
         edges: Edge[];
     }
     interface Node {
+        /**
+         * 图渲染的主键id
+         */
         id: string;
+        /**
+         * 原始组件库的id
+         */
         libId?: string;
+        /**
+         * 图标
+         */
+        icon?: string;
         name: string;
         inPorts: InPort[];
         outPorts: OutPort[];

package/es/comps/DynamicPorts/interface.js

@@ -1,6 +1,6 @@
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 16:10:46
- * @LastEditTime: 2022-05-26 10:47:42
+ * @LastEditTime: 2022-05-28 10:57:33
  */
 export {};

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

@@ -22,6 +22,7 @@ export declare function formatNodeInfoToNodeMeta(nodeData: NDPGraph.Node, inputP
         y: number;
         id: string;
         libId?: string;
+        icon?: string;
         name: string;
         inPorts: NDPGraph.InPort[];
         outPorts: NDPGraph.OutPort[];
@@ -32,6 +33,7 @@ export declare function formatNodeInfoToNodeMeta(nodeData: NDPGraph.Node, inputP
     };
     zIndex: number;
     libId?: string;
+    icon?: string;
     name: string;
     inPorts: NDPGraph.InPort[];
     outPorts: NDPGraph.OutPort[];
@@ -55,6 +57,7 @@ export declare function formatGraphData(graphData: NDPGraph.GraphData): {
             y: number;
             id: string;
             libId?: string;
+            icon?: string;
             name: string;
             inPorts: NDPGraph.InPort[];
             outPorts: NDPGraph.OutPort[];
@@ -65,6 +68,7 @@ export declare function formatGraphData(graphData: NDPGraph.GraphData): {
         };
         zIndex: number;
         libId?: string;
+        icon?: string;
         name: string;
         inPorts: NDPGraph.InPort[];
         outPorts: NDPGraph.OutPort[];

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import '../../framework/libs/iconfont/iconfont.css';
+interface Props {
+    /**
+     * 图标类型
+     */
+    type: string;
+    /**
+     * class样式
+     */
+    className?: string;
+    /**
+     * style
+     */
+    style?: React.CSSProperties;
+}
+declare const Icon: React.FC<Props>;
+export default Icon;

package/es/comps/Icons/index.js

@@ -0,0 +1,23 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from "react";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-28 11:04:20
+ * @LastEditTime: 2022-05-28 11:15:23
+ */
+import '../../framework/libs/iconfont/iconfont.css';
+
+var Icon = function Icon(props) {
+  var type = props.type,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "fa fa-".concat(type, " ").concat(className),
+    style: _objectSpread({}, style)
+  });
+};
+
+export default Icon;

package/es/comps/locales/en-US.d.ts

@@ -12,5 +12,9 @@ declare const _default: {
     请输入title: string;
     确认会删除该列: string;
     当前值无修改: string;
+    放大: string;
+    缩小: string;
+    实际尺寸: string;
+    适应画布: string;
 };
 export default _default;

package/es/comps/locales/en-US.js

@@ -1,3 +1,8 @@
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-09 11:53:44
+ * @LastEditTime: 2022-05-28 10:21:09
+ */
 export default {
   操作: 'Operation',
   添加一行: 'Add New Line',
@@ -11,5 +16,9 @@ export default {
   请输入key: 'Please enter key',
   请输入title: 'Please enter title',
   确认会删除该列: 'Confirm will delete the column?',
-  当前值无修改: 'No change to current value'
+  当前值无修改: 'No change to current value',
+  放大: 'Enlarge',
+  缩小: 'zoom out',
+  实际尺寸: 'Actual size',
+  适应画布: 'Fit to canvas'
 };

package/es/comps/locales/zh-CN.d.ts

@@ -12,5 +12,9 @@ declare const _default: {
     请输入title: string;
     确认会删除该列: string;
     当前值无修改: string;
+    放大: string;
+    缩小: string;
+    实际尺寸: string;
+    适应画布: string;
 };
 export default _default;

package/es/comps/locales/zh-CN.js

@@ -1,3 +1,8 @@
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-09 11:53:44
+ * @LastEditTime: 2022-05-28 10:19:25
+ */
 export default {
   操作: '操作',
   添加一行: '添加一行',
@@ -11,5 +16,9 @@ export default {
   请输入key: '请输入key',
   请输入title: '请输入title',
   确认会删除该列: '确认会删除该列?',
-  当前值无修改: '当前值无修改'
+  当前值无修改: '当前值无修改',
+  放大: '放大',
+  缩小: '缩小',
+  实际尺寸: '实际尺寸',
+  适应画布: '适应画布'
 };

package/es/framework/libs/iconfont/iconfont.css

@@ -0,0 +1,187 @@
+@font-face {
+  font-family: "fa"; /* Project id 2247093 */
+  src: url('iconfont.woff2?t=1653706081036') format('woff2'),
+       url('iconfont.woff?t=1653706081036') format('woff'),
+       url('iconfont.ttf?t=1653706081036') format('truetype');
+}
+
+.fa {
+  font-family: "fa" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-py:before {
+  content: "\e916";
+}
+
+.fa-Redis:before {
+  content: "\e669";
+}
+
+.fa-hezi:before {
+  content: "\e60b";
+}
+
+.fa-message:before {
+  content: "\e637";
+}
+
+.fa-shujuku:before {
+  content: "\e645";
+}
+
+.fa-hourglass:before {
+  content: "\e66b";
+}
+
+.fa-Bucket:before {
+  content: "\e8ce";
+}
+
+.fa-RondsLake:before {
+  content: "\e8a2";
+}
+
+.fa-Schema:before {
+  content: "\e62a";
+}
+
+.fa-Minio:before {
+  content: "\e64e";
+}
+
+.fa-color:before {
+  content: "\e678";
+}
+
+.fa-Neo4j:before {
+  content: "\e612";
+}
+
+.fa-knowledge:before {
+  content: "\e621";
+}
+
+.fa-evaluate:before {
+  content: "\e608";
+}
+
+.fa-json1:before {
+  content: "\e7bd";
+}
+
+.fa-result:before {
+  content: "\e64c";
+}
+
+.fa-analysis:before {
+  content: "\e72e";
+}
+
+.fa-select:before {
+  content: "\e701";
+}
+
+.fa-Http:before {
+  content: "\e668";
+}
+
+.fa-question:before {
+  content: "\e60e";
+}
+
+.fa-monitor:before {
+  content: "\e61f";
+}
+
+.fa-algorithm_lab:before {
+  content: "\e607";
+}
+
+.fa-engine:before {
+  content: "\e610";
+}
+
+.fa-user:before {
+  content: "\e713";
+}
+
+.fa-logout:before {
+  content: "\e611";
+}
+
+.fa-screen:before {
+  content: "\e606";
+}
+
+.fa-password:before {
+  content: "\e605";
+}
+
+.fa-news:before {
+  content: "\e638";
+}
+
+.fa-record:before {
+  content: "\e648";
+}
+
+.fa-home:before {
+  content: "\e609";
+}
+
+.fa-json:before {
+  content: "\e61a";
+}
+
+.fa-code:before {
+  content: "\e654";
+}
+
+.fa-diagram:before {
+  content: "\e60a";
+}
+
+.fa-setting:before {
+  content: "\e84b";
+}
+
+.fa-datasource:before {
+  content: "\e62e";
+}
+
+.fa-stream:before {
+  content: "\ec56";
+}
+
+.fa-Kafka:before {
+  content: "\e64f";
+}
+
+.fa-Table:before {
+  content: "\e72d";
+}
+
+.fa-PostgreSql:before {
+  content: "\e63b";
+}
+
+.fa-link:before {
+  content: "\e636";
+}
+
+.fa-LocalFileSystem:before {
+  content: "\e600";
+}
+
+.fa-Cassandra:before {
+  content: "\e74f";
+}
+
+.fa-DataBase:before {
+  content: "\e797";
+}
+

package/es/index.d.ts

@@ -9,6 +9,7 @@ export { default as MdEditor } from './comps/MdEdit';
 export { default as Editable } from './comps/Editable';
 export { default as DynamicPorts } from './comps/DynamicPorts';
 export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';
+export { default as Icon } from './comps/Icons';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';

package/es/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-26 09:02:38
+ * @LastEditTime: 2022-05-28 11:18:17
  */
 import "./theme.css";
 export { default as MetadataEdit } from './comps/MetadataEdit';
@@ -14,6 +14,7 @@ export { default as MdEditor } from './comps/MdEdit';
 export { default as Editable } from './comps/Editable';
 export { default as DynamicPorts } from './comps/DynamicPorts';
 export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';
+export { default as Icon } from './comps/Icons';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -80,6 +80,7 @@
     "prettier": "^2.2.1",
     "style-loader": "^1.2.1",
     "webpack-cli": "^3.3.12",
+    "copy-to-clipboard": "^3.3.1",
     "yorkie": "^2.0.0"
   }
 }