ronds-metadata 1.2.8 → 1.2.10

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

@@ -47,7 +47,11 @@ interface ISqlEditProps {
     /**
      * 是否只读
      */
-    readOnly?: boolean;
+    readOnly?: boolean | string;
+    /**
+     * 显示选中行的样式
+     */
+    styleActiveLine?: boolean;
     /**
      * 鼠标光标选中回调
      */

package/es/comps/MetadataForm/index.less

@@ -10,7 +10,7 @@
     margin-left: 5px;
   }
   .ant-form-item-label {
-    padding: 0px !important;
+    padding: 0 0 2px !important;
   }
 
   .ant-input-number,

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

@@ -1,5 +1,5 @@
 import { IFormOptions } from './interface';
-export declare function getDataCell(item: any, options: IFormOptions, colSpan: any): JSX.Element;
+export declare function getDataCell(item: any, options: IFormOptions, colSpan: number): JSX.Element;
 /**
  *  渲染表单
  * @param schemaRef 元数据的schema

package/package.json

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

package/es/api/index.js

@@ -1,249 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-
-/*
- * @Author:wangxian
- * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-02-09 19:16:42
- */
-import { guid, md5 } from '../utils';
-import { addInterceptor, HttpHelper } from '../framework/http';
-var http = new HttpHelper();
-var token = 'Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6IkNBMzFBMEJDMkQ5M0I3RkVFOTBDMDkwMDI4MUVBMTlEIiwidHlwIjoiYXQrand0In0.eyJuYmYiOjE2NzAyODgzMTksImV4cCI6MTcwMTgyNDMxOSwiaXNzIjoiaHR0cDovLzE5Mi4xNjguMS4xNzk6MzEwMDIiLCJhdWQiOiJlcG0iLCJjbGllbnRfaWQiOiJlcG0iLCJzdWIiOiIzYTAyZTY3Zi1mYzNjLWU2YjQtYTFjNC1jOTEzOWE1NjM3OTUiLCJhdXRoX3RpbWUiOjE2NzAyODgzMTksImlkcCI6ImxvY2FsIiwicm9sZSI6InBobV9hZG1pbiIsInBob25lX251bWJlciI6IjEyMzQ1NiIsInBob25lX251bWJlcl92ZXJpZmllZCI6IkZhbHNlIiwiZW1haWwiOiJwaG1AYWJwLmlvIiwiZW1haWxfdmVyaWZpZWQiOiJGYWxzZSIsIm5hbWUiOiJwaG0iLCJpYXQiOjE2NzAyODgzMTksInNjb3BlIjpbImFkZHJlc3MiLCJlbWFpbCIsImVwbSIsIm9wZW5pZCIsInBob25lIiwicHJvZmlsZSIsInJvbGUiLCJvZmZsaW5lX2FjY2VzcyJdLCJhbXIiOlsicHdkIl19.J1FKumhVm8zRAAqk61-4_LxjIz7gSehrAWhTKj0BPExZytQhLe8vLjGpXtLL-n_j3JE2eDz8____0afXdC5LaD_b6z-Wxyowe0BdCgGCRxAZDVjHUF-J5PnGPTYpjBTnbQ0g2lpTLTNPCb3AmEKj172okXm_3jRKj3FYYB7delG4ZDNPFKu4VtSoH8B4PubAliSAuBifcDtMYYPv83_mb6zipFbb_S1CgI-IZLNV5c5dMIz6jPpooYyKkOu1B0bcCE31R40V4NcARlomO41nfJiJ3PdwwVfmrOe1OHeFkwLwyG_rersTYVLF1nACT2cOMT9VRWzofkWjhRbW1iz_3w';
-addInterceptor(function (httpClient) {
-  httpClient.interceptors.request.use(function (_config) {
-    if (!_config.headers) {
-      _config.headers = {};
-    }
-
-    _config.headers.Authorization = token;
-    var url = _config.url;
-    var timestamp = new Date().getTime();
-
-    var _guid = guid();
-
-    var signature = md5("".concat(url).concat(timestamp).concat(guid));
-    _config.headers.url = url;
-    _config.headers.timestamp = timestamp;
-    _config.headers.nonce = _guid;
-    _config.headers.signature = signature;
-    return _config;
-  });
-});
-
-var Api = /*#__PURE__*/function () {
-  function Api() {
-    _classCallCheck(this, Api);
-  }
-
-  _createClass(Api, [{
-    key: "GetMetadataList",
-    value:
-    /**
-     * 获取元数据列表
-     * @param keyWords
-     * @returns
-     */
-    function () {
-      var _GetMetadataList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyWords) {
-        var _res$data;
-
-        var param, url, res;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                param = {
-                  filter: {
-                    name: '',
-                    tags: keyWords
-                  },
-                  order: [],
-                  pagination: {
-                    page: 1,
-                    size: 30
-                  }
-                };
-                url = "/metamgt-web/metadata/list";
-                _context.next = 4;
-                return http.post(url, param);
-
-              case 4:
-                res = _context.sent;
-                return _context.abrupt("return", (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.list);
-
-              case 6:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      function GetMetadataList(_x) {
-        return _GetMetadataList.apply(this, arguments);
-      }
-
-      return GetMetadataList;
-    }()
-    /**
-     * 通过元数据Id获取元数据详情
-     * @param metadataId
-     * @returns
-     */
-
-  }, {
-    key: "GetMetadataDetailById",
-    value: function () {
-      var _GetMetadataDetailById = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(metadataId) {
-        var url, res;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                url = "/metamgt-web/metadata/".concat(metadataId);
-                _context2.next = 3;
-                return http.get(url);
-
-              case 3:
-                res = _context2.sent;
-                return _context2.abrupt("return", res.data);
-
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
-
-      function GetMetadataDetailById(_x2) {
-        return _GetMetadataDetailById.apply(this, arguments);
-      }
-
-      return GetMetadataDetailById;
-    }()
-    /** 添加元数据 */
-
-  }, {
-    key: "SaveMetadata",
-    value: function () {
-      var _SaveMetadata = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data, metadataTag) {
-        var param, url, res;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                param = {
-                  schema: JSON.stringify([data]),
-                  name: data.id,
-                  tags: [metadataTag],
-                  permission: 'public'
-                };
-                url = "/metamgt-web/metadata/add";
-                _context3.next = 4;
-                return http.post(url, param);
-
-              case 4:
-                res = _context3.sent;
-                return _context3.abrupt("return", res.data);
-
-              case 6:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3);
-      }));
-
-      function SaveMetadata(_x3, _x4) {
-        return _SaveMetadata.apply(this, arguments);
-      }
-
-      return SaveMetadata;
-    }() // 获取元数据的值
-
-  }, {
-    key: "GetMetadataObjList",
-    value: function () {
-      var _GetMetadataObjList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
-        var url, res;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                url = "/dataset-web/source/{namespace}/entity/page".replace('{namespace}', data.id);
-                _context4.next = 3;
-                return http.post(encodeURI(url), data);
-
-              case 3:
-                res = _context4.sent;
-                return _context4.abrupt("return", res.successed ? res.data : []);
-
-              case 5:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4);
-      }));
-
-      function GetMetadataObjList(_x5) {
-        return _GetMetadataObjList.apply(this, arguments);
-      }
-
-      return GetMetadataObjList;
-    }() // 通过扩展规则获取枚举类型的值
-
-  }, {
-    key: "GetEnumDataByUrl",
-    value: function () {
-      var _GetEnumDataByUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(url, method, body) {
-        var res, _res;
-
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                if (!(method === 'get')) {
-                  _context5.next = 7;
-                  break;
-                }
-
-                _context5.next = 3;
-                return http.get(encodeURI(url));
-
-              case 3:
-                res = _context5.sent;
-                return _context5.abrupt("return", res.successed ? res.data : []);
-
-              case 7:
-                _context5.next = 9;
-                return http.post(encodeURI(url), body);
-
-              case 9:
-                _res = _context5.sent;
-                return _context5.abrupt("return", _res.successed ? _res.data : []);
-
-              case 11:
-              case "end":
-                return _context5.stop();
-            }
-          }
-        }, _callee5);
-      }));
-
-      function GetEnumDataByUrl(_x6, _x7, _x8) {
-        return _GetEnumDataByUrl.apply(this, arguments);
-      }
-
-      return GetEnumDataByUrl;
-    }()
-  }]);
-
-  return Api;
-}();
-
-export { Api as default };

package/es/comps/DynamicPorts/comps/ContextMenu.js

@@ -1,44 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/*
- * @Author: wangxian
- * @Date: 2022-05-27 09:56:39
- * @LastEditTime: 2022-05-27 16:16:25
- */
-import React from 'react';
-import NodeContextMenu from './contextMenu/NodeContextMenu';
-import './ContextMenu.less';
-import { EdgeContextMenu } from './contextMenu/EdgeContextMenu';
-import useObservable from '../../../framework/rxjs-hooks/useObservable';
-
-var ContextMenu = function ContextMenu(props) {
-  var _graph$factory$;
-
-  var graph = props.graph;
-
-  var _React$useState = React.useState(),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      menu = _React$useState2[0],
-      setMenu = _React$useState2[1];
-
-  useObservable(function (v) {
-    setMenu(v);
-  }, [graph === null || graph === void 0 ? void 0 : (_graph$factory$ = graph.factory$) === null || _graph$factory$ === void 0 ? void 0 : _graph$factory$.contextMenuInfo]);
-
-  // 暂时屏蔽graph的右击菜单
-  if (!(menu === null || menu === void 0 ? void 0 : menu.type) || (menu === null || menu === void 0 ? void 0 : menu.type) === 'graph') {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "mask"
-  }, (menu === null || menu === void 0 ? void 0 : menu.type) === 'node' && /*#__PURE__*/React.createElement(NodeContextMenu, {
-    graph: graph,
-    data: menu.data
-  }), (menu === null || menu === void 0 ? void 0 : menu.type) === 'edge' && /*#__PURE__*/React.createElement(EdgeContextMenu, {
-    graph: graph,
-    data: menu.data
-  }));
-};
-
-export default ContextMenu;

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

@@ -1,55 +0,0 @@
-import React from "react";
-
-/*
- * @Author: wangxian
- * @Date: 2022-05-26 08:50:06
- * @LastEditTime: 2022-06-25 10:46:48
- */
-import { DragSource } from 'react-dnd';
-import { GlobalOutlined } from '@ant-design/icons';
-import Icon from '../../../comps/Icons';
-import { DRAGGABLE_COMPONENT } from '../constant';
-import '../index.less';
-
-var InnerNodeTitle = function InnerNodeTitle(props) {
-  var data = props.data,
-      connectDragPreview = props.connectDragPreview,
-      connectDragSource = props.connectDragSource;
-  return /*#__PURE__*/React.createElement("div", null, connectDragPreview(connectDragSource( /*#__PURE__*/React.createElement("div", {
-    className: "node-element",
-    style: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "icon"
-  }, (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"
-  }, data.name))))));
-};
-
-var NodeTitle = DragSource(DRAGGABLE_COMPONENT, {
-  beginDrag: function beginDrag(props) {
-    return {
-      comp: props.data
-    };
-  }
-}, function (connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    connectDragPreview: connect.dragPreview(),
-    isDragging: monitor.isDragging()
-  };
-})(InnerNodeTitle);
-
-var DragNode = function DragNode(props) {
-  var data = props.data;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NodeTitle, {
-    data: data
-  }));
-};
-
-export default DragNode;

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

@@ -1,51 +0,0 @@
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-
-/*
- * @Author: wangxian
- * @Date: 2022-05-27 14:21:23
- * @LastEditTime: 2022-05-30 09:45:54
- */
-import React from 'react';
-import { CompressOutlined, OneToOneOutlined, ZoomInOutlined, ZoomOutOutlined } from '@ant-design/icons';
-import classNames from 'classnames';
-import './index.less';
-import { tr } from '../../../../framework/locale';
-export var GraphHandler = function GraphHandler(props) {
-  var className = props.className,
-      onZoomIn = props.onZoomIn,
-      onZoomOut = props.onZoomOut,
-      onFitContent = props.onFitContent,
-      onRealContent = props.onRealContent;
-  return /*#__PURE__*/React.createElement("ul", {
-    className: classNames('handler', className)
-  }, /*#__PURE__*/React.createElement(_Popover, {
-    overlayClassName: "popover",
-    content: tr('放大'),
-    placement: "left"
-  }, /*#__PURE__*/React.createElement("li", {
-    onClick: onZoomIn,
-    className: "item"
-  }, /*#__PURE__*/React.createElement(ZoomInOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
-    overlayClassName: "popover",
-    content: tr('缩小'),
-    placement: "left"
-  }, /*#__PURE__*/React.createElement("li", {
-    onClick: onZoomOut,
-    className: "item"
-  }, /*#__PURE__*/React.createElement(ZoomOutOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
-    overlayClassName: "popover",
-    content: tr('实际尺寸'),
-    placement: "left"
-  }, /*#__PURE__*/React.createElement("li", {
-    onClick: onRealContent,
-    className: "item"
-  }, /*#__PURE__*/React.createElement(OneToOneOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
-    overlayClassName: "popover",
-    content: tr('适应画布'),
-    placement: "left"
-  }, /*#__PURE__*/React.createElement("li", {
-    onClick: onFitContent,
-    className: "item"
-  }, /*#__PURE__*/React.createElement(CompressOutlined, null))));
-};

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

@@ -1,30 +0,0 @@
-import React from "react";
-
-/*
- * @Author: wangxian
- * @Date: 2022-05-24 08:50:16
- * @LastEditTime: 2022-05-28 11:09:22
- */
-import { GlobalOutlined } from '@ant-design/icons';
-import '../index.less';
-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,
-      icon = data.icon;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "node-element"
-  }, /*#__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"
-  }, name))));
-};
-
-export default NodeElement;

package/es/comps/DynamicPorts/comps/contextMenu/EdgeContextMenu/index.js

@@ -1,42 +0,0 @@
-import "antd/es/menu/style";
-import _Menu from "antd/es/menu";
-
-/*
- * @Author: wangxian
- * @Date: 2022-05-27 15:55:57
- * @LastEditTime: 2022-05-28 10:07:16
- */
-import React, { useCallback, useRef } from 'react';
-import { DeleteOutlined } from '@ant-design/icons';
-import { useClickAway } from 'ahooks';
-import { graphPointToOffsetPoint } from '../../../utils';
-import './index.less';
-import { tr } from '../../../../../framework/locale';
-export var EdgeContextMenu = function EdgeContextMenu(props) {
-  var graph = props.graph,
-      data = props.data;
-  var containerRef = useRef(null);
-  useClickAway(function () {
-    graph.clearContextMenuInfo();
-  }, containerRef);
-  var onDeleteEdge = useCallback(function () {
-    graph.onDeleteEdges(data.edge);
-    graph.clearContextMenuInfo();
-  }, [graph, data]);
-
-  var _graphPointToOffsetPo = graphPointToOffsetPoint(graph.graph, data, graph.wrapper),
-      left = _graphPointToOffsetPo.x,
-      top = _graphPointToOffsetPo.y;
-
-  return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: "edgeContextMenu",
-    style: {
-      top: top,
-      left: left
-    }
-  }, /*#__PURE__*/React.createElement(_Menu, null, /*#__PURE__*/React.createElement(_Menu.Item, {
-    onClick: onDeleteEdge,
-    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
-  }, tr('删除'))));
-};

package/es/comps/DynamicPorts/comps/contextMenu/GraphContextMenu/index.js

@@ -1,40 +0,0 @@
-import "antd/es/menu/style";
-import _Menu from "antd/es/menu";
-
-/*
- * @Author: wangxian
- * @Date: 2022-05-27 16:04:27
- * @LastEditTime: 2022-05-28 10:07:54
- */
-import React, { useRef } from 'react';
-import { ReloadOutlined } from '@ant-design/icons';
-import { useClickAway } from 'ahooks';
-import { graphPointToOffsetPoint } from '../../../utils';
-import { tr } from '../../../../../framework/locale';
-import './index.less';
-export var GraphContextMenu = function GraphContextMenu(props) {
-  var graph = props.graph,
-      data = props.data;
-  var containerRef = useRef(null);
-  useClickAway(function () {
-    graph.clearContextMenuInfo();
-  }, containerRef);
-
-  var onRefresh = function onRefresh() {};
-
-  var _graphPointToOffsetPo = graphPointToOffsetPoint(graph.graph, data, graph.wrapper),
-      left = _graphPointToOffsetPo.x,
-      top = _graphPointToOffsetPo.y;
-
-  return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: "graphContextMenu",
-    style: {
-      top: top,
-      left: left
-    }
-  }, /*#__PURE__*/React.createElement(_Menu, null, /*#__PURE__*/React.createElement(_Menu.Item, {
-    onClick: onRefresh,
-    icon: /*#__PURE__*/React.createElement(ReloadOutlined, null)
-  }, tr('刷新'))));
-};

package/es/comps/DynamicPorts/comps/contextMenu/NodeContextMenu/index.js

@@ -1,55 +0,0 @@
-import "antd/es/menu/style";
-import _Menu from "antd/es/menu";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { DeleteOutlined } from '@ant-design/icons';
-import React from 'react';
-import { useClickAway } from 'ahooks';
-import { graphPointToOffsetPoint } from '../../../utils';
-import { tr } from '../../../../../framework/locale';
-import './index.less';
-
-var NodeContextMenu = function NodeContextMenu(props) {
-  var graph = props.graph,
-      data = props.data;
-  var containerRef = React.useRef(null);
-  useClickAway(function () {
-    graph.clearContextMenuInfo();
-  }, containerRef);
-  var onNodeDel = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return graph.onDeleteNodes([data.node.id]);
-
-          case 2:
-            graph.clearContextMenuInfo();
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })), [graph]);
-
-  var _graphPointToOffsetPo = graphPointToOffsetPoint(graph.graph, data, graph.wrapper),
-      left = _graphPointToOffsetPo.x,
-      top = _graphPointToOffsetPo.y;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: "graphContextMenu",
-    style: {
-      top: top,
-      left: left
-    }
-  }, /*#__PURE__*/React.createElement(_Menu, null, /*#__PURE__*/React.createElement(_Menu.Item, {
-    onClick: onNodeDel,
-    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
-  }, tr('删除')))));
-};
-
-export default NodeContextMenu;

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

@@ -1,19 +0,0 @@
-/*
- * @Author: wangxian
- * @Date: 2022-05-24 10:53:37
- * @LastEditTime: 2022-05-24 10:53:41
- */
-import { Graph } from '@antv/x6';
-Graph.registerConnector('pai', function (s, t) {
-  var offset = 4;
-  var control = 80;
-  var v1 = {
-    x: s.x,
-    y: s.y + offset + control
-  };
-  var v2 = {
-    x: t.x,
-    y: t.y - offset - control
-  };
-  return "M ".concat(s.x, " ").concat(s.y, "\n       L ").concat(s.x, " ").concat(s.y + offset, "\n       C ").concat(v1.x, " ").concat(v1.y, " ").concat(v2.x, " ").concat(v2.y, " ").concat(t.x, " ").concat(t.y - offset, "\n       L ").concat(t.x, " ").concat(t.y, "\n      ");
-}, true);