@riil-frontend/component-topology 11.0.29 → 11.0.30

package/lib/core/viewer/components/titlebar/widgets/MoreButtonMenu.js

@@ -1,18 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = MoreButtonMenu;
+
 var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
+
 var _menu = _interopRequireDefault(require("@alifd/next/lib/menu"));
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 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; }
+
 function MoreButtonMenu(props) {
   var topo = props.topo,
-    style = props.style;
+      style = props.style;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: style
   }, /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {

package/lib/core/viewer/components/titlebar/widgets/NodesDragSwitch.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = NodesDragSwitch;
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+
 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; }
+
 /**
  * 元素拖拽开关
  *
@@ -16,46 +24,50 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function NodesDragSwitch(props) {
   var _topo$view$topoClient;
+
   var topo = props.topo,
-    style = props.style;
+      style = props.style;
   var notifier = (_topo$view$topoClient = topo.view.topoClient) === null || _topo$view$topoClient === void 0 ? void 0 : _topo$view$topoClient.notifier;
+
   var _topo$store$useModel = topo.store.useModel("lock"),
-    lockState = _topo$store$useModel[0],
-    lockDispatchers = _topo$store$useModel[1];
+      lockState = _topo$store$useModel[0],
+      lockDispatchers = _topo$store$useModel[1];
+
   var lock = lockState.lock;
   var topoModState = topo.store.useModelState('topoMod');
-  var graphLoaded = topoModState.graphLoaded;
+  var graphLoaded = topoModState.graphLoaded; // 切换拓扑图后，重置为不可拖拽，与ht保持一致
 
-  // 切换拓扑图后，重置为不可拖拽，与ht保持一致
   (0, _react.useEffect)(function () {
     if (!lock) {
       lockDispatchers.setLock(true);
     }
-  }, [graphLoaded]);
+  }, [graphLoaded]); // 初始化时注册事件
 
-  // 初始化时注册事件
   (0, _react.useEffect)(function () {
     // 刷新拓扑图后，重置为不可拖拽
     var handleRefresh = function handleRefresh(e) {
       lockDispatchers.setLock(true);
     };
+
     notifier && notifier.on(_componentTopologyGraph.TopoEvent.EVENT_REFRESH, handleRefresh);
     return function () {
       notifier && notifier.off(_componentTopologyGraph.TopoEvent.EVENT_REFRESH, handleRefresh);
     };
   }, [notifier]);
+
   var changeLock = function changeLock() {
     var newLock = !lock;
-    lockDispatchers.setLock(newLock);
-    // 开锁状态元素可移动
+    lockDispatchers.setLock(newLock); // 开锁状态元素可移动
+
     topo.getGraphView().setMovableFunc(function (data) {
       return !newLock; // self._graphView.dm().sm().getSelection().size()===1 && !(data instanceof ht.Grid);
-    });
-    // 开锁状态下禁用悬停展示悬浮框，TODO 待迁移走独立
-    topo.attributeMetricDisplay.updateTagsTips();
-    // 开锁状态可移动链路指标位置
+    }); // 开锁状态下禁用悬停展示悬浮框，TODO 待迁移走独立
+
+    topo.attributeMetricDisplay.updateTagsTips(); // 开锁状态可移动链路指标位置
+
     topo.getHtTopo().setEdgeIndicatorCanDrag(!newLock);
   };
+
   var title = lock ? '解锁后可进行拓扑图标的移动' : '锁上后禁用图标移动';
   return /*#__PURE__*/_react["default"].createElement(_button["default"], {
     style: style,
@@ -65,4 +77,5 @@ function NodesDragSwitch(props) {
     type: lock ? 'lock' : 'unlock'
   }));
 }
+
 ;

package/lib/core/viewer/components/titlebar/widgets/NodesDragSwitchWrapper.js

@@ -1,19 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = NodesDragSwitchWrapper;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _NodesDragSwitch = _interopRequireDefault(require("./NodesDragSwitch"));
+
 var _topoPermissionUtil = _interopRequireDefault(require("../../../../../utils/topoPermissionUtil"));
+
 function NodesDragSwitchWrapper(props) {
   var topo = props.topo;
   var store = topo.store;
+
   var _store$useModel = store.useModel('topoMod'),
-    topoState = _store$useModel[0];
+      topoState = _store$useModel[0];
+
   var topoPermission = topoState.topoPermission;
+
   if (!_topoPermissionUtil["default"].isEditable(topoPermission)) {
     return null;
   }
+
   return /*#__PURE__*/_react["default"].createElement(_NodesDragSwitch["default"], props);
 }

package/lib/core/viewer/components/titlebar/widgets/SearchWidget.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+
 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; }
+
 var searchTypes = [{
   label: '设备名称',
   value: 'name'
@@ -16,46 +24,53 @@ var searchTypes = [{
   label: 'IP地址',
   value: 'ipAddress'
 }];
+
 function SearchWidget(props) {
   var _topo$view$topoClient;
+
   var topo = props.topo,
-    filterProps = props.filterProps;
+      filterProps = props.filterProps;
+
   var _useState = (0, _react.useState)('name'),
-    searchType = _useState[0],
-    setSearchType = _useState[1];
+      searchType = _useState[0],
+      setSearchType = _useState[1];
+
   var _useState2 = (0, _react.useState)(undefined),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
+      searchValue = _useState2[0],
+      setSearchValue = _useState2[1];
+
   var onSearch = (0, _react.useCallback)(function (value, type) {
     topo.searchElements(type, value);
   }, []);
   var id = topo.id;
-  var notifier = (_topo$view$topoClient = topo.view.topoClient) === null || _topo$view$topoClient === void 0 ? void 0 : _topo$view$topoClient.notifier;
+  var notifier = (_topo$view$topoClient = topo.view.topoClient) === null || _topo$view$topoClient === void 0 ? void 0 : _topo$view$topoClient.notifier; // 切换拓扑图后，重置，与ht保持一致
 
-  // 切换拓扑图后，重置，与ht保持一致
   (0, _react.useEffect)(function () {
     setSearchType('name');
     setSearchValue(undefined);
-  }, [id]);
+  }, [id]); // 初始化时注册事件
 
-  // 初始化时注册事件
   (0, _react.useEffect)(function () {
     // 刷新拓扑图后，重置
     var reset = function reset() {
       setSearchType('name');
       setSearchValue(undefined);
     };
+
     notifier && notifier.on(_componentTopologyGraph.TopoEvent.EVENT_REFRESH, reset);
     return function () {
       notifier && notifier.off(_componentTopologyGraph.TopoEvent.EVENT_REFRESH, reset);
     };
   }, [notifier]);
+
   var onChange = function onChange(value) {
     setSearchValue(value);
+
     if (!value) {
       topo.searchElements(searchType, value);
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement(_search["default"], {
     shape: "simple",
     value: searchValue,
@@ -71,6 +86,7 @@ function SearchWidget(props) {
     }
   });
 }
+
 SearchWidget.propTypes = {
   // 拓扑模型
   topo: _propTypes["default"].any.isRequired

package/lib/core/viewer/components/titlebar/widgets/SettingButton.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = SettingButton;
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _DisplaySettingDrawer = _interopRequireDefault(require("../../../../components/DisplaySettingDrawer"));
+
 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; }
+
 /**
  * 设置按钮
  *
@@ -16,16 +24,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function SettingButton(props) {
   var topo = props.topo,
-    displaySettingProps = props.displaySettingProps,
-    style = props.style,
-    isEditor = props.isEditor,
-    displaySettingRender = props.displaySettingRender;
+      displaySettingProps = props.displaySettingProps,
+      style = props.style,
+      isEditor = props.isEditor,
+      displaySettingRender = props.displaySettingRender;
+
   var _useState = (0, _react.useState)(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
+      visible = _useState[0],
+      setVisible = _useState[1];
+
   var changeClick = function changeClick() {
     setVisible(true);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     style: style,
     onClick: changeClick,
@@ -43,4 +54,5 @@ function SettingButton(props) {
     }
   }));
 }
+
 ;

package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js

@@ -1,10 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = SettingButtonWidget;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _SettingButton = _interopRequireDefault(require("./SettingButton"));
+
 /**
  * 设置按钮
  *
@@ -12,10 +16,10 @@ var _SettingButton = _interopRequireDefault(require("./SettingButton"));
  */
 function SettingButtonWidget(props) {
   var topo = props.topo,
-    viewerProps = props.viewerProps,
-    style = props.style,
-    isEditor = props.isEditor,
-    displaySettingRender = props.displaySettingRender;
+      viewerProps = props.viewerProps,
+      style = props.style,
+      isEditor = props.isEditor,
+      displaySettingRender = props.displaySettingRender;
   return /*#__PURE__*/_react["default"].createElement(_SettingButton["default"], {
     topo: topo,
     displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
@@ -24,4 +28,5 @@ function SettingButtonWidget(props) {
     style: style
   });
 }
+
 ;

package/lib/core/viewer/contextmenu/buildContextmenu.js

@@ -1,11 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = buildContextmenu;
+
 var _buildViewContextmenu = _interopRequireDefault(require("./buildViewContextmenu"));
+
 var _buildNodeContextmenu = _interopRequireDefault(require("./buildNodeContextmenu"));
+
 var _buildLinkContextmenu = _interopRequireDefault(require("./buildLinkContextmenu"));
+
 function buildContextmenu(topoApp) {
   return {
     bg: (0, _buildViewContextmenu["default"])(topoApp),

package/lib/core/viewer/contextmenu/buildLinkContextmenu.js

@@ -2,11 +2,11 @@
 
 exports.__esModule = true;
 exports["default"] = buildContextMenu;
+
 function buildContextMenu(topoApp) {
   return {
     enable: true,
-    items: [
-      // {
+    items: [// {
       //   label: '概览',
       //   id: 'Resource.detail',
       //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_overview.svg',

package/lib/core/viewer/contextmenu/buildNodeContextmenu.js

@@ -2,14 +2,15 @@
 
 exports.__esModule = true;
 exports["default"] = buildNodeContextmenu;
+
 function buildNodeContextmenu(topoApp) {
   var isResource = function isResource(node) {
     return !!node.isbinding;
   };
+
   return {
     enable: true,
-    items: [
-      // {
+    items: [// {
       //   label: '概览',
       //   id: 'Resource.detail',
       //   icon: '/img/topo/contextmenu/Topology_resources_menu_icon_overview.svg',
@@ -43,14 +44,11 @@ function buildNodeContextmenu(topoApp) {
       //     if (!isResource(data)) {
       //       return false;
       //     }
-
       //     const {ciType} = data;
       //     const ciMeta = topoApp.ciTyeCache.getCiType(ciType);
-
       //     if (!ciMeta) {
       //       return false;
       //     }
-
       //     const {domain} = ciMeta;
       //     // 是否有该页签，与资源详情保持一致
       //     const hasTab = domain === 'network' || domain === 'server';
@@ -65,14 +63,11 @@ function buildNodeContextmenu(topoApp) {
       //     if (!isResource(data)) {
       //       return false;
       //     }
-
       //     const {ciType} = data;
       //     const ciMeta = topoApp.ciTyeCache.getCiType(ciType);
-
       //     if (!ciMeta) {
       //       return false;
       //     }
-
       //     const {domain} = ciMeta;
       //     // 是否有该页签，与资源详情保持一致
       //     const hasTab = domain === 'network' || domain === 'server';

package/lib/core/viewer/contextmenu/buildViewContextmenu.js

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = buildViewContextmenu;
+
 function buildViewContextmenu(topo) {
   return {
     enable: false,

package/lib/createTopo.js

@@ -1,22 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.createTopo = createTopo;
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _createTopoApp = require("./core/createTopoApp");
+
 var _createMenuCommands = _interopRequireDefault(require("./contextmenu/createMenuCommands"));
+
 var _getTopoData = _interopRequireDefault(require("./networkTopo/getTopoData"));
+
 function createTopo(options) {
   var topoApp = (0, _createTopoApp.createTopoApp)((0, _extends2["default"])({
     loadData: _getTopoData["default"]
-  }, options));
+  }, options)); // 注册内置菜单动作
 
-  // 注册内置菜单动作
   var menuCommands = (0, _createMenuCommands["default"])(topoApp);
   topoApp.view.contextMenu.registerCommands(menuCommands);
   return topoApp;
 }
+
 var _default = createTopo;
 exports["default"] = _default;

package/lib/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {
   iconFactory: true,
@@ -11,31 +12,49 @@ var _exportNames = {
   setLink: true
 };
 exports.htElementUtils = void 0;
+
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+
 exports.iconFactory = _componentTopologyGraph.iconFactory;
+
 var _TopoView = _interopRequireDefault(require("./core/components/TopoView"));
+
 exports.Topology = _TopoView["default"];
+
 var _BasicConfig = _interopRequireDefault(require("./core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig"));
+
 exports.BasicTagTipDisplayConfig = _BasicConfig["default"];
+
 var _AlarmListPanel = _interopRequireDefault(require("./core/components/AlarmListPanel"));
+
 exports.AlarmListPanel = _AlarmListPanel["default"];
+
 var htElementUtils = _interopRequireWildcard(require("./utils/htElementUtils"));
+
 exports.htElementUtils = htElementUtils;
+
 var _Link = require("./components/Link");
+
 exports.setLink = _Link.setLink;
+
 var _createTopo = require("./createTopo");
+
 Object.keys(_createTopo).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _createTopo[key]) return;
   exports[key] = _createTopo[key];
 });
+
 var _titlebar = require("./core/components/titlebar");
+
 Object.keys(_titlebar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _titlebar[key]) return;
   exports[key] = _titlebar[key];
 });
+
 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; }

package/lib/mock/mock.js

@@ -9,10 +9,9 @@ var topoData = {
     name: '拓扑名字',
     topoType: 'topocenter',
     layout: 'circular' // 布局方式
-  },
 
-  layouts: [
-  // 层级信息，可为空
+  },
+  layouts: [// 层级信息，可为空
   {
     index: 1,
     name: '应用层'
@@ -25,7 +24,6 @@ var topoData = {
     // 所属层级，来源于HT，为null，为null代表不属于任何层级
     groupId: 14,
     // 所属groupId，来源于HT，可为null，为null代表不属于任何组
-
     attribute: {
       ciType: 'ruijieRouter',
       ciName: '锐捷路由器'
@@ -62,10 +60,11 @@ var topoData = {
     target: '00000000000122',
     attribute: {
       reltype: 'relation' // 关系relation，链路 link
+
     }
   }],
-
   serialize: '' // HT编辑后生成的数据，无需关心
+
 };
 exports.topoData = topoData;
 var topoCiInfo = {