@riil-frontend/component-topology 7.0.0-dev.20 → 7.0.0-dev.22

package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js

@@ -1,129 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _Box from "@alifd/next/es/box";
-import _Collapse from "@alifd/next/es/collapse";
-import React, { useEffect } from "react";
-import styles from "./LinkInfoPreview.module.scss";
-import { formatMetric } from "../../../../../../core/models/attributeFormatter";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-var CollapsePanel = _Collapse.Panel;
-
-function Item(props) {
-  return /*#__PURE__*/React.createElement(_Box, {
-    key: props.name,
-    direction: "row",
-    spacing: 8,
-    className: styles.row
-  }, /*#__PURE__*/React.createElement(_Box, {
-    className: styles.label
-  }, props.label), /*#__PURE__*/React.createElement(_Box, {
-    className: props.name === "use" ? styles.uselabelValue : styles.labelValue,
-    flex: 1
-  }, props.content));
-}
-
-export default function LindInfoPreview(props) {
-  var topo = props.topo,
-      data = props.data,
-      isCmpTopo = props.isCmpTopo,
-      target = props.target;
-  var cmpFields = [];
-  var cmpFieldsSource = []; // 分级拓扑逻辑
-
-  if (isCmpTopo && target.id.indexOf("sub") >= 0) {
-    cmpFields.push({
-      label: "所属平台",
-      content: target.attributes.platform
-    });
-    cmpFieldsSource.push({
-      label: "所属平台",
-      content: '本级平台'
-    });
-  }
-
-  var fields = [{
-    label: "链路名称",
-    name: "display_name"
-  }, {
-    label: "源节点名称",
-    name: "network_link.source_device_id"
-  }, {
-    label: "源节点IP",
-    name: "network_link.source_device_ipv4"
-  }, {
-    label: "源端口",
-    name: "source_id"
-  }, {
-    label: "源端IP",
-    name: "network_link.source_ipv4"
-  }].concat(cmpFieldsSource, [{
-    label: "目的节点名称",
-    name: "network_link.destination_device_id"
-  }, {
-    label: "目的节点IP",
-    name: "network_link.destination_device_ipv4"
-  }, {
-    label: "目的端口",
-    name: "destination_id"
-  }, {
-    label: "目的端IP",
-    name: "network_link.destination_ipv4"
-  }], cmpFields, [{
-    label: "取值端口",
-    name: "network_link.value_port"
-  }, {
-    label: "实际带宽",
-    name: "network_link.actual_bandwidth"
-  }, {
-    label: "用途",
-    name: "use"
-  }]);
-
-  var getValue = function getValue(name) {
-    var value; // console.log('LindInfoPreview-getValue',data,name)
-
-    if (data) {
-      if (data.attributes[name + "_object"]) {
-        value = data.attributes[name + "_object"].displayName;
-      } else {
-        value = data.attributes[name];
-      }
-
-      var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
-      value = formatMetric(value, attrMeta);
-
-      if (name === "network_link.value_port") {
-        value = "源端口";
-      }
-    } else {
-      value = "-";
-    }
-
-    return value;
-  };
-
-  return fields.map(function (field, index) {
-    return /*#__PURE__*/React.createElement(Item, _extends({
-      key: index
-    }, field, {
-      content: field.content || getValue(field.name)
-    }));
-  }); // <Collapse
-  //   defaultExpandedKeys={["相关资源"]}
-  //   style={{ border: "none" }}
-  //   className={styles.panelFullHeight}
-  // >
-  //   <CollapsePanel key="相关资源" title="相关资源">
-  //     {fields.map((field) => (
-  //       <Box
-  //         key={field.name}
-  //         direction="row"
-  //         spacing={12}
-  //         className={styles.row}
-  //       >
-  //         <Box className={styles.label}>{field.label}</Box>
-  //         <Box flex={1}>{getValue(field.name)}</Box>
-  //       </Box>
-  //     ))}
-  //   </CollapsePanel>
-  // </Collapse>
-}

package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss

@@ -1,65 +0,0 @@
-@import '~@alifd/next/variables.scss';
-
-
-.row {
-  margin-bottom: 12px;
-}
-
-.label {
-  width: 74px;
-  text-align: right;
-  color: #78849C;
-}
-
-.labelValue {
-  max-width: 160px;
-  max-height: 200px;
-  overflow-x: hidden;
-  overflow-wrap: break-word;
-}
-
-.uselabelValue {
-  max-width: 160px;
-  max-height: 200px;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  overflow-wrap: break-word;
-
-}
-
-
-.content {}
-
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  border-top: 1px solid #e8e8e8;
-  padding: 10px 16px;
-  text-align: right;
-  left: 0;
-  background: #fff;
-  border-radius: 0 0 4px 4px;
-
-  & .button {
-    &:not(:first-child) {
-      margin-left: 8px;
-    }
-  }
-}
-
-
-.panelFullHeight {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding-top: 12px;
-  padding-left: 16px;
-
-  :global {
-    .#{$css-prefix}collapse-panel-content {
-      flex: 1;
-      overflow: auto;
-    }
-  }
-}

package/es/networkTopo/components/editor/useEditorProps.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _useGroupSortResources from "../../hooks/editor/useGroupSortResources";
-import LayerConfigPlugin from "./plugins/LayerConfigPlugin";
-import EdgePropertyView from "./propertyViews/edge/EdgePropertyView";
-import LinkPropertyView from "./propertyViews/edge/LinkPropertyView";
-import LayerRelatedResourceList from "./propertyViews/LayerRelatedResourceList";
-export default function useEditorProps(props) {
-  var topo = props.topo,
-      customEditorProps = props.editorProps;
-  return _extends({
-    useGroupSortResources: function useGroupSortResources(nodes) {
-      return _useGroupSortResources(topo.store, nodes);
-    },
-    layerRelatedResourceList: LayerRelatedResourceList,
-    multipleElementPropertyViewProps: {
-      showElementAlign: true
-    },
-    // 连线属性面板
-    edgePropertyViews: {
-      edge: EdgePropertyView,
-      link: LinkPropertyView
-    },
-    getEdgePropertyViewType: function getEdgePropertyViewType(_ref) {
-      var edge = _ref.edge;
-      return edge.getTag() ? 'link' : null;
-    },
-    showLinkConfig: true
-  }, customEditorProps, {
-    plugins: [LayerConfigPlugin].concat((customEditorProps === null || customEditorProps === void 0 ? void 0 : customEditorProps.plugins) || [])
-  });
-}

package/es/networkTopo/hooks/editor/useDeleteEdges.js

@@ -1,203 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _Message from "@alifd/next/es/message";
-import _Dialog from "@alifd/next/es/dialog";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import linkService from "../../services/link";
-import { getLinkPermission } from "../../utils/resourcePermissionUtil";
-/**
- * 删除连线
- */
-
-export default (function (_ref) {
-  var topo = _ref.topo;
-
-  var confirmDeleteLink = function confirmDeleteLink(onOk) {
-    _Dialog.confirm({
-      title: '删除',
-      content: '若执行相关操作，此链路将会从数据库删除，确定删除吗？',
-      okProps: {
-        children: '确定'
-      },
-      messageProps: {
-        type: 'warning'
-      },
-      onOk: onOk
-    });
-  };
-
-  function checkLinkDeleteable(link) {
-    var deleteable = link.permission.deleteable;
-
-    if (deleteable) {
-      return deleteable;
-    } // 分级管理 下级链路禁用删除
-
-
-    if (link.isSubResource) {
-      return false;
-    }
-
-    _Message.notice('无删除权限');
-
-    return deleteable;
-  }
-
-  var doDeleteLink = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(link, edge) {
-      var id, isGroup, success, htTopo, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              id = link.id;
-              isGroup = false;
-              _context.next = 4;
-              return linkService.deleteLink(id);
-
-            case 4:
-              success = _context.sent;
-
-              if (success) {
-                _context.next = 8;
-                break;
-              }
-
-              _Message.error('删除失败');
-
-              return _context.abrupt("return");
-
-            case 8:
-              _Message.success('删除成功');
-
-              topo.historyManager.setDisabled(true, '删除链路');
-              htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表 
-
-              edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
-
-              if (edgesInNodes.length >= 2) {
-                if (isGroup) {
-                  htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
-                } else {
-                  htTopo.deleteEdge(edge);
-                }
-              } else {
-                // 一根线时
-                edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
-                edgeData = htTopo.getEdgeData(edge);
-
-                if (isGroup && edgeData) {
-                  // 当前是连线组代理 且 有连线数据，清空组数据
-                  htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
-                } else if (!isGroup && edgeGroupData) {
-                  htTopo.setEdgeData(edge, null);
-                } else {
-                  htTopo.deleteEdge(edge);
-                }
-              } // 更新数据
-
-
-              _topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
-              _topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
-              _context.next = 17;
-              return topoDispatchers.update({
-                data: _extends({}, topoState.data, {
-                  links: links.filter(function (item) {
-                    return item.id !== id;
-                  }),
-                  linkGroups: linkGroups.filter(function (item) {
-                    return item.id !== id;
-                  })
-                })
-              });
-
-            case 17:
-              // 刷新链路动态线宽
-              topo.linkDynamicStyleExecutor.execute();
-              topo.historyManager.setDisabled(false, '删除链路');
-
-            case 19:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function doDeleteLink(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var deleteLink = function deleteLink(edge) {
-    var id = edge.getTag();
-    var link = topo.dataModel.getDataById(id);
-
-    if (!checkLinkDeleteable(link)) {
-      return;
-    }
-
-    confirmDeleteLink( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              doDeleteLink(link, edge);
-
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-  };
-  /**
-   * 删除未关联数据的子连线
-   * @param {*} edge 
-   */
-
-
-  var deleteNoBindEdge = function deleteNoBindEdge(edge) {
-    var htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表 
-
-    var edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget()); // 如果仅一条连线且有连线组数据，则清空连线组数据，此时展示组的数据
-
-    var edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
-    rlog.debug('deleteEdges', {
-      edgeGroupData: edgeGroupData
-    });
-
-    if (edgesInNodes.length === 1 && edgeGroupData) {
-      htTopo.setEdgeData(edge, null);
-    } else {
-      htTopo.deleteEdge(edge);
-    }
-
-    topo.linkDynamicStyleExecutor.execute();
-  };
-
-  var deleteEdges = function deleteEdges(edges) {
-    var htTopo = topo.getHtTopo(); // const linkEdges = edges.filter(edge => !!edge.getTag());
-    // 当前只处理单个连线删除
-
-    var edge = edges[0];
-
-    if (edge.getTag()) {
-      // 删除关联链路的连线
-      deleteLink(edge);
-    } else if (!htTopo.isEdgeGroupAgent(edge)) {
-      // 判断当前状态是子连线
-      topo.historyManager.beginTransaction();
-      deleteNoBindEdge(edge);
-      topo.historyManager.endTransaction();
-    } else {
-      // 删除连线组
-      _Message.notice('连线组无法删除');
-    }
-  };
-
-  return deleteEdges;
-});

package/es/networkTopo/hooks/editor/useGroupSortResources.js

@@ -1,16 +0,0 @@
-export default function useGroupSortResources(store, nodes) {
-  var _store$useModelState = store.useModelState('topoMod'),
-      data = _store$useModelState.data;
-
-  var resources = [];
-  ((data === null || data === void 0 ? void 0 : data.nodes) || []).forEach(function (res) {
-    var node = nodes.find(function (item) {
-      return item.id === res.id;
-    });
-
-    if (node) {
-      resources.push(node);
-    }
-  });
-  return resources;
-}

package/es/networkTopo/hooks/useTopoEdit.js

@@ -1,26 +0,0 @@
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import { isEdge } from "../../utils/htElementUtils";
-import useDeleteEdges from "./editor/useDeleteEdges";
-export default (function (props) {
-  var topo = props.topo;
-  var functionAuthState = topo.store.useModelState('functionAuth');
-  var canAddLink = !!functionAuthState.permissions.addResource;
-  var deleteEdges = useDeleteEdges({
-    topo: topo
-  });
-
-  var onElementsDelete = function onElementsDelete(a) {
-    var elements = topo.getSelectionModel().getSelection().toArray();
-    rlog.debug('onElementsDelete', elements);
-    var edges = elements.filter(isEdge); // 多选节点和连线时只删除节点，仅选择一根连线/链路时删除连线/链路
-
-    if (edges.length === 1 && elements.length === 1) {
-      deleteEdges(edges);
-    }
-  };
-
-  return {
-    canAddLink: canAddLink,
-    onElementsDelete: onElementsDelete
-  };
-});

package/lib/networkTopo/components/Topology.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = NetworkTopologyFull;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _TopoView = _interopRequireDefault(require("./TopoView"));
-
-var _useTopoEdit = _interopRequireDefault(require("../hooks/useTopoEdit"));
-
-var _useEditorProps = _interopRequireDefault(require("./editor/useEditorProps"));
-
-function NetworkTopologyFull(props) {
-  var topo = props.topo,
-      showTools = props.showTools;
-  var topoEdit = (0, _useTopoEdit["default"])({
-    topo: topo
-  });
-  var editorProps = (0, _useEditorProps["default"])(props);
-  return /*#__PURE__*/_react["default"].createElement(_TopoView["default"], (0, _extends2["default"])({}, props, {
-    editorProps: editorProps,
-    graphViewProps: (0, _extends2["default"])({}, props.graphViewProps, {
-      onElementsDelete: topoEdit.onElementsDelete,
-      createHtTopoProps: {
-        showTools: showTools,
-        elementChangeLayerByDrag: true,
-        editor: {
-          useNewElementsDeleteEvent: true,
-          // 通过数仓【添加资源】权限控制 是否启用新建链路功能，
-          enableRelateResource: topoEdit.canAddLink
-        }
-      }
-    })
-  }));
-}

package/lib/networkTopo/components/editor/plugins/LayerConfigPlugin.js

@@ -1,32 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = LayerConfigPlugin;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * 分层拓扑：横向分层、纵向分层
- * @param {*} props 
- * @returns 
- */
-function LayerConfigPlugin(props) {
-  var topo = props.topo,
-      topoContext = props.topoContext,
-      topoEdit = props.topoEdit,
-      editorProps = props.editorProps;
-  (0, _react.useEffect)(function () {
-    var notifier = topo.view.topoClient.notifier;
-    notifier.on('topo_layer_add', topoEdit.onLayerAdded);
-    return function () {
-      notifier.off('topo_layer_add', topoEdit.onLayerAdded);
-    };
-  }, []);
-  return null;
-}
-
-;

package/lib/networkTopo/components/editor/propertyViews/LayerRelatedResourceList.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = LayerResourceList;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
-
-var _ResourceList = _interopRequireDefault(require("../../../../core/editor/components/settings/common/GroupNodeList/ResourceList"));
-
-var _htElementUtils = require("../../../../utils/htElementUtils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function getResourceNodes(store, htNodes) {
-  var _store$getModelState = store.getModelState('topoMod'),
-      data = _store$getModelState.data;
-
-  var list = [];
-  ((data === null || data === void 0 ? void 0 : data.nodes) || []).forEach(function (resource) {
-    var htNode = htNodes.filter(function (node) {
-      return node.getTag() === resource.id;
-    })[0];
-
-    if (htNode) {
-      list.push({
-        resource: resource,
-        node: htNode
-      });
-    }
-  });
-  return list;
-}
-/**
- * 分层关联资源列表
- */
-
-
-function LayerResourceList(props) {
-  var topo = props.topo,
-      layer = props.layer;
-  var nodes = (0, _htElementUtils.getLayerChildren)(layer);
-  var resourceNodes = getResourceNodes(topo.store, nodes);
-  var data = resourceNodes.map(function (_ref) {
-    var node = _ref.node,
-        resource = _ref.resource;
-    return {
-      title: resource.name,
-      img: _componentTopologyGraph.iconFactory.getIconImageUrl(node.getImage())
-    };
-  }); // rlog.debug('LayerResourceList', {nodes, resourceNodes, data});
-
-  return /*#__PURE__*/_react["default"].createElement(_ResourceList["default"], {
-    data: data
-  });
-}
-
-;

package/lib/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = EdgeGroupPropertyView;
-
-var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _TabView = _interopRequireDefault(require("../../../../../core/editor/components/settings/common/tab/TabView"));
-
-var _EdgeGroupSetting = _interopRequireDefault(require("../../../../../core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting"));
-
-var _LinkInfoPreview = _interopRequireDefault(require("./link/LinkInfoPreview"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// V1.2 废弃
-function EdgeGroupPropertyView(props) {
-  var topo = props.topo,
-      edge = props.edge,
-      values = props.values,
-      onChange = props.onChange,
-      editorProps = props.editorProps; // 查询是否有聚合链路
-
-  var source = edge.getSource().getTag();
-  var target = edge.getTarget().getTag();
-  var linkGroups = topo.store.useModelState('topoMod').data.linkGroups;
-  var aggLink = linkGroups.find(function (link) {
-    return link.source === source && link.target === target || link.target === source && link.source === target;
-  });
-
-  if (aggLink) {
-    return /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
-      title: "\u6570\u636E",
-      key: "1"
-    }, /*#__PURE__*/_react["default"].createElement(_LinkInfoPreview["default"], {
-      data: aggLink,
-      topo: topo
-    })), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
-      title: "\u8BBE\u7F6E",
-      key: "2"
-    }, /*#__PURE__*/_react["default"].createElement(_EdgeGroupSetting["default"], props)));
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_EdgeGroupSetting["default"], props);
-}