ronds-metadata 1.2.10 → 1.2.11

package/es/api/index.js

@@ -0,0 +1,249 @@
+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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,51 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,19 @@
+/*
+ * @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);

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

@@ -0,0 +1,91 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-24 09:18:34
+ * @LastEditTime: 2022-05-24 10:43:18
+ */
+import { Shape, Edge } from '@antv/x6';
+import './edge.less';
+export var BaseEdge = /*#__PURE__*/function (_Shape$Edge) {
+  _inherits(BaseEdge, _Shape$Edge);
+
+  var _super = _createSuper(BaseEdge);
+
+  function BaseEdge() {
+    _classCallCheck(this, BaseEdge);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(BaseEdge, [{
+    key: "isGroupEdge",
+    value: // eslint-disable-next-line class-methods-use-this
+    function isGroupEdge() {
+      return false;
+    }
+  }]);
+
+  return BaseEdge;
+}(Shape.Edge);
+export var DPEdge = /*#__PURE__*/function (_BaseEdge) {
+  _inherits(DPEdge, _BaseEdge);
+
+  var _super2 = _createSuper(DPEdge);
+
+  function DPEdge() {
+    _classCallCheck(this, DPEdge);
+
+    return _super2.apply(this, arguments);
+  }
+
+  return DPEdge;
+}(BaseEdge);
+DPEdge.config({
+  shape: 'DPEdge',
+  connector: {
+    name: 'pai'
+  },
+  zIndex: 2,
+  attrs: {
+    line: {
+      stroke: '#808080',
+      strokeWidth: 1,
+      targetMarker: {
+        stroke: 'none',
+        fill: 'none'
+      }
+    }
+  }
+});
+export var DPGroupEdge = /*#__PURE__*/function (_DPEdge) {
+  _inherits(DPGroupEdge, _DPEdge);
+
+  var _super3 = _createSuper(DPGroupEdge);
+
+  function DPGroupEdge() {
+    _classCallCheck(this, DPGroupEdge);
+
+    return _super3.apply(this, arguments);
+  }
+
+  _createClass(DPGroupEdge, [{
+    key: "isGroupEdge",
+    value: // eslint-disable-next-line class-methods-use-this
+    function isGroupEdge() {
+      return true;
+    }
+  }]);
+
+  return DPGroupEdge;
+}(DPEdge);
+DPGroupEdge.config({
+  shape: 'DPGroupEdge'
+});
+Edge.registry.register({
+  DPEdge: DPEdge,
+  DPGroupEdge: DPGroupEdge
+});