@riil-frontend/component-topology 11.0.30 → 11.0.31

package/es/core/models/TopoApp.js

@@ -24,20 +24,19 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel";
 import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
 
-var version = typeof "11.0.30" === 'string' ? "11.0.30" : null;
+var version = typeof "11.0.31" === 'string' ? "11.0.31" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑
  */
 
 var Topo = /*#__PURE__*/function () {
+  /**
+   * @type TopoGraphView
+   */
   function Topo(options) {
     this.options = void 0;
     this.id = void 0;
-
-    /**
-     * @type TopoGraphView
-     */
     this.view = void 0;
     this.alarm = new Alarm();
     this.store = void 0;
@@ -99,18 +98,20 @@ var Topo = /*#__PURE__*/function () {
     var _exit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var topoDispatchers;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            topoDispatchers = this.store.getModelDispatchers('topoMod');
-            _context.next = 3;
-            return topoDispatchers.exit();
-
-          case 3:
-            this.destroy();
-
-          case 4:
-          case "end":
-            return _context.stop();
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              topoDispatchers = this.store.getModelDispatchers('topoMod');
+              _context.next = 3;
+              return topoDispatchers.exit();
+
+            case 3:
+              this.destroy();
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee, this);
     }));
@@ -127,27 +128,29 @@ var Topo = /*#__PURE__*/function () {
       var _data$groups, groups, _data$nodes, nodes, links, lines, topoDispatchers;
 
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (options === void 0) {
-              options = {};
-            }
-
-            _data$groups = data.groups, groups = _data$groups === void 0 ? [] : _data$groups, _data$nodes = data.nodes, nodes = _data$nodes === void 0 ? [] : _data$nodes, links = data.links, lines = data.lines;
-            topoDispatchers = this.store.getModelDispatchers('topoMod');
-            _context2.next = 5;
-            return topoDispatchers.openTopoPage(_extends({
-              data: _extends({}, data, {
-                groups: groups,
-                nodes: nodes,
-                links: links || lines || [],
-                linkGroups: data.linkGroups || data.lineGroups || []
-              })
-            }, options));
-
-          case 5:
-          case "end":
-            return _context2.stop();
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (options === void 0) {
+                options = {};
+              }
+
+              _data$groups = data.groups, groups = _data$groups === void 0 ? [] : _data$groups, _data$nodes = data.nodes, nodes = _data$nodes === void 0 ? [] : _data$nodes, links = data.links, lines = data.lines;
+              topoDispatchers = this.store.getModelDispatchers('topoMod');
+              _context2.next = 5;
+              return topoDispatchers.openTopoPage(_extends({
+                data: _extends({}, data, {
+                  groups: groups,
+                  nodes: nodes,
+                  links: links || lines || [],
+                  linkGroups: data.linkGroups || data.lineGroups || []
+                })
+              }, options));
+
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
         }
       }, _callee2, this);
     }));
@@ -162,10 +165,12 @@ var Topo = /*#__PURE__*/function () {
   _proto.clear = /*#__PURE__*/function () {
     var _clear = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-          case "end":
-            return _context3.stop();
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+            case "end":
+              return _context3.stop();
+          }
         }
       }, _callee3);
     }));
@@ -235,28 +240,30 @@ var Topo = /*#__PURE__*/function () {
       var _data$groups2, groups, _data$nodes2, nodes, links, lines;
 
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            _data$groups2 = data.groups, groups = _data$groups2 === void 0 ? [] : _data$groups2, _data$nodes2 = data.nodes, nodes = _data$nodes2 === void 0 ? [] : _data$nodes2, links = data.links, lines = data.lines;
-            this.view.topoClient.updateElements(cloneDeep({
-              groups: formatGroups(groups),
-              nodes: nodes.map(function (node) {
-                return _extends({}, node, {
-                  type: 'node',
-                  dtype: 'device'
-                });
-              }),
-              links: (links || lines || []).map(function (link) {
-                return _extends({}, link, {
-                  type: 'link',
-                  dtype: 'link'
-                });
-              })
-            })); // TODO 更新store，触发属性、指标模型加载，更新指标
-
-          case 2:
-          case "end":
-            return _context4.stop();
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _data$groups2 = data.groups, groups = _data$groups2 === void 0 ? [] : _data$groups2, _data$nodes2 = data.nodes, nodes = _data$nodes2 === void 0 ? [] : _data$nodes2, links = data.links, lines = data.lines;
+              this.view.topoClient.updateElements(cloneDeep({
+                groups: formatGroups(groups),
+                nodes: nodes.map(function (node) {
+                  return _extends({}, node, {
+                    type: 'node',
+                    dtype: 'device'
+                  });
+                }),
+                links: (links || lines || []).map(function (link) {
+                  return _extends({}, link, {
+                    type: 'link',
+                    dtype: 'link'
+                  });
+                })
+              })); // TODO 更新store，触发属性、指标模型加载，更新指标
+
+            case 2:
+            case "end":
+              return _context4.stop();
+          }
         }
       }, _callee4, this);
     }));
@@ -280,18 +287,20 @@ var Topo = /*#__PURE__*/function () {
     var _addElements = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(elements) {
       var data;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            data = {
-              groups: [].concat(this.getGroups(), elements.groups || []),
-              nodes: [].concat(this.getNodes(), elements.nodes || []),
-              lines: [].concat(this.getLines(), elements.lines || [])
-            };
-            this.updateElements(data); // TODO 更新store，触发属性、指标模型加载，更新指标
-
-          case 2:
-          case "end":
-            return _context5.stop();
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              data = {
+                groups: [].concat(this.getGroups(), elements.groups || []),
+                nodes: [].concat(this.getNodes(), elements.nodes || []),
+                lines: [].concat(this.getLines(), elements.lines || [])
+              };
+              this.updateElements(data); // TODO 更新store，触发属性、指标模型加载，更新指标
+
+            case 2:
+            case "end":
+              return _context5.stop();
+          }
         }
       }, _callee5, this);
     }));
@@ -314,13 +323,15 @@ var Topo = /*#__PURE__*/function () {
   function () {
     var _updateData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(data) {
       return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            this.updateElements(data);
-
-          case 1:
-          case "end":
-            return _context6.stop();
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              this.updateElements(data);
+
+            case 1:
+            case "end":
+              return _context6.stop();
+          }
         }
       }, _callee6, this);
     }));
@@ -351,21 +362,23 @@ var Topo = /*#__PURE__*/function () {
     var _open = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id, mode) {
       var lastId;
       return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            rlog.info('TopoApp.open 打开拓扑图', id); // 如果是切换拓扑图，注销原拓扑图
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              rlog.info('TopoApp.open 打开拓扑图', id); // 如果是切换拓扑图，注销原拓扑图
 
-            lastId = this.id;
-            this.id = id;
+              lastId = this.id;
+              this.id = id;
 
-            if (lastId && id !== lastId) {
-              this.alarm.close();
-            } // 加载新拓扑图
+              if (lastId && id !== lastId) {
+                this.alarm.close();
+              } // 加载新拓扑图
 
 
-          case 4:
-          case "end":
-            return _context7.stop();
+            case 4:
+            case "end":
+              return _context7.stop();
+          }
         }
       }, _callee7, this);
     }));
@@ -380,24 +393,26 @@ var Topo = /*#__PURE__*/function () {
   _proto.close = /*#__PURE__*/function () {
     var _close = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
       return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
-          case 0:
-            rlog.info('关闭拓扑图', this.id);
+        while (1) {
+          switch (_context8.prev = _context8.next) {
+            case 0:
+              rlog.info('关闭拓扑图', this.id);
 
-            if (this.id) {
-              _context8.next = 3;
-              break;
-            }
+              if (this.id) {
+                _context8.next = 3;
+                break;
+              }
 
-            return _context8.abrupt("return");
+              return _context8.abrupt("return");
 
-          case 3:
-            this.alarm.close();
-            this.id = null;
+            case 3:
+              this.alarm.close();
+              this.id = null;
 
-          case 5:
-          case "end":
-            return _context8.stop();
+            case 5:
+            case "end":
+              return _context8.stop();
+          }
         }
       }, _callee8, this);
     }));
@@ -412,10 +427,12 @@ var Topo = /*#__PURE__*/function () {
   _proto.refresh = /*#__PURE__*/function () {
     var _refresh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
       return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
-          case 0:
-          case "end":
-            return _context9.stop();
+        while (1) {
+          switch (_context9.prev = _context9.next) {
+            case 0:
+            case "end":
+              return _context9.stop();
+          }
         }
       }, _callee9);
     }));
@@ -455,10 +472,12 @@ var Topo = /*#__PURE__*/function () {
   _proto.openViewMode = /*#__PURE__*/function () {
     var _openViewMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(id) {
       return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
-          case 0:
-          case "end":
-            return _context10.stop();
+        while (1) {
+          switch (_context10.prev = _context10.next) {
+            case 0:
+            case "end":
+              return _context10.stop();
+          }
         }
       }, _callee10);
     }));
@@ -485,13 +504,15 @@ var Topo = /*#__PURE__*/function () {
   _proto.onTopoDataLoaded = /*#__PURE__*/function () {
     var _onTopoDataLoaded = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(topoData) {
       return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-        while (1) switch (_context11.prev = _context11.next) {
-          case 0:
-            this.pluginManager.onTopoDataLoaded(topoData);
-
-          case 1:
-          case "end":
-            return _context11.stop();
+        while (1) {
+          switch (_context11.prev = _context11.next) {
+            case 0:
+              this.pluginManager.onTopoDataLoaded(topoData);
+
+            case 1:
+            case "end":
+              return _context11.stop();
+          }
         }
       }, _callee11, this);
     }));
@@ -513,53 +534,55 @@ var Topo = /*#__PURE__*/function () {
     var _enterEditMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
       var topoDispatchers, iconManageDispatchers;
       return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-        while (1) switch (_context12.prev = _context12.next) {
-          case 0:
-            rlog.info('TopoApp.enterEditMode');
+        while (1) {
+          switch (_context12.prev = _context12.next) {
+            case 0:
+              rlog.info('TopoApp.enterEditMode');
+
+              if (!this.options.onSwitchToEditModeBegin) {
+                _context12.next = 4;
+                break;
+              }
 
-            if (!this.options.onSwitchToEditModeBegin) {
               _context12.next = 4;
-              break;
-            }
+              return this.options.onSwitchToEditModeBegin(this);
 
-            _context12.next = 4;
-            return this.options.onSwitchToEditModeBegin(this);
+            case 4:
+              topoDispatchers = this.store.getModelDispatchers('topoMod');
+              _context12.next = 7;
+              return topoDispatchers.update({
+                viewState: 'edit'
+              });
 
-          case 4:
-            topoDispatchers = this.store.getModelDispatchers('topoMod');
-            _context12.next = 7;
-            return topoDispatchers.update({
-              viewState: 'edit'
-            });
+            case 7:
+              _context12.next = 9;
+              return this.view.switchToEditMode();
 
-          case 7:
-            _context12.next = 9;
-            return this.view.switchToEditMode();
+            case 9:
+              updateEdgeExpanded(this);
 
-          case 9:
-            updateEdgeExpanded(this);
+              if (!this.options.onSwitchToEditMode) {
+                _context12.next = 13;
+                break;
+              }
 
-            if (!this.options.onSwitchToEditMode) {
               _context12.next = 13;
-              break;
-            }
-
-            _context12.next = 13;
-            return this.options.onSwitchToEditMode(this);
+              return this.options.onSwitchToEditMode(this);
 
-          case 13:
-            if (this.getDataModel()) {
-              // 更新节点名称显示隐藏
-              this.attributeMetricDisplay.updateNodesNameVisible();
-            } // 加载自定义上传的图标
+            case 13:
+              if (this.getDataModel()) {
+                // 更新节点名称显示隐藏
+                this.attributeMetricDisplay.updateNodesNameVisible();
+              } // 加载自定义上传的图标
 
 
-            iconManageDispatchers = this.store.getModelDispatchers('customIcon');
-            iconManageDispatchers.loadEditorIcons();
+              iconManageDispatchers = this.store.getModelDispatchers('customIcon');
+              iconManageDispatchers.loadEditorIcons();
 
-          case 16:
-          case "end":
-            return _context12.stop();
+            case 16:
+            case "end":
+              return _context12.stop();
+          }
         }
       }, _callee12, this);
     }));
@@ -575,26 +598,28 @@ var Topo = /*#__PURE__*/function () {
     var _exitEditMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
       var editDispatchers;
       return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-        while (1) switch (_context13.prev = _context13.next) {
-          case 0:
-            _context13.next = 2;
-            return this.view.switchToViewMode();
+        while (1) {
+          switch (_context13.prev = _context13.next) {
+            case 0:
+              _context13.next = 2;
+              return this.view.switchToViewMode();
 
-          case 2:
-            editDispatchers = this.store.getModelDispatchers('topoConfig');
-            editDispatchers.switchToViewMode(this.id);
+            case 2:
+              editDispatchers = this.store.getModelDispatchers('topoConfig');
+              editDispatchers.switchToViewMode(this.id);
 
-            if (!this.options.onSwitchToViewMode) {
-              _context13.next = 7;
-              break;
-            }
+              if (!this.options.onSwitchToViewMode) {
+                _context13.next = 7;
+                break;
+              }
 
-            _context13.next = 7;
-            return this.options.onSwitchToViewMode(this);
+              _context13.next = 7;
+              return this.options.onSwitchToViewMode(this);
 
-          case 7:
-          case "end":
-            return _context13.stop();
+            case 7:
+            case "end":
+              return _context13.stop();
+          }
         }
       }, _callee13, this);
     }));
@@ -615,13 +640,15 @@ var Topo = /*#__PURE__*/function () {
   function () {
     var _triggerSaveEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
       return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
-          case 0:
-            this.view.topoClient.saveExternal();
-
-          case 1:
-          case "end":
-            return _context14.stop();
+        while (1) {
+          switch (_context14.prev = _context14.next) {
+            case 0:
+              this.view.topoClient.saveExternal();
+
+            case 1:
+            case "end":
+              return _context14.stop();
+          }
         }
       }, _callee14, this);
     }));
@@ -642,13 +669,15 @@ var Topo = /*#__PURE__*/function () {
   function () {
     var _save = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
       return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-        while (1) switch (_context15.prev = _context15.next) {
-          case 0:
-            this.triggerSaveEvent();
-
-          case 1:
-          case "end":
-            return _context15.stop();
+        while (1) {
+          switch (_context15.prev = _context15.next) {
+            case 0:
+              this.triggerSaveEvent();
+
+            case 1:
+            case "end":
+              return _context15.stop();
+          }
         }
       }, _callee15, this);
     }));
@@ -672,18 +701,20 @@ var Topo = /*#__PURE__*/function () {
     var _exportImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(name) {
       var fileName;
       return _regeneratorRuntime.wrap(function _callee16$(_context16) {
-        while (1) switch (_context16.prev = _context16.next) {
-          case 0:
-            fileName = name;
+        while (1) {
+          switch (_context16.prev = _context16.next) {
+            case 0:
+              fileName = name;
 
-            if (!name) {// TODO 获取拓扑名称，避免改名重绘拓扑图
-            }
+              if (!name) {// TODO 获取拓扑名称，避免改名重绘拓扑图
+              }
 
-            this.view.topoClient.exportImage(fileName);
+              this.view.topoClient.exportImage(fileName);
 
-          case 3:
-          case "end":
-            return _context16.stop();
+            case 3:
+            case "end":
+              return _context16.stop();
+          }
         }
       }, _callee16, this);
     }));
@@ -704,10 +735,12 @@ var Topo = /*#__PURE__*/function () {
   _proto.switchToViewMode = /*#__PURE__*/function () {
     var _switchToViewMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17() {
       return _regeneratorRuntime.wrap(function _callee17$(_context17) {
-        while (1) switch (_context17.prev = _context17.next) {
-          case 0:
-          case "end":
-            return _context17.stop();
+        while (1) {
+          switch (_context17.prev = _context17.next) {
+            case 0:
+            case "end":
+              return _context17.stop();
+          }
         }
       }, _callee17);
     }));
@@ -722,10 +755,12 @@ var Topo = /*#__PURE__*/function () {
   _proto.switchToEditMode = /*#__PURE__*/function () {
     var _switchToEditMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18() {
       return _regeneratorRuntime.wrap(function _callee18$(_context18) {
-        while (1) switch (_context18.prev = _context18.next) {
-          case 0:
-          case "end":
-            return _context18.stop();
+        while (1) {
+          switch (_context18.prev = _context18.next) {
+            case 0:
+            case "end":
+              return _context18.stop();
+          }
         }
       }, _callee18);
     }));

package/es/core/models/TopoGraphView.js

@@ -9,12 +9,11 @@ import Background from "./graph/Background";
  */
 
 var TopoGraphView = /*#__PURE__*/function () {
+  /**
+   * @type TopoClient
+   */
   function TopoGraphView() {
     this.store = void 0;
-
-    /**
-     * @type TopoClient
-     */
     this.topoClient = void 0;
     this.background = void 0;
     this.init();
@@ -53,13 +52,15 @@ var TopoGraphView = /*#__PURE__*/function () {
   _proto.switchToViewMode = /*#__PURE__*/function () {
     var _switchToViewMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            this.topoClient.exitEditMode();
-
-          case 1:
-          case "end":
-            return _context.stop();
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              this.topoClient.exitEditMode();
+
+            case 1:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee, this);
     }));
@@ -74,13 +75,15 @@ var TopoGraphView = /*#__PURE__*/function () {
   _proto.switchToEditMode = /*#__PURE__*/function () {
     var _switchToEditMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            this.topoClient.enterEditMode();
-
-          case 1:
-          case "end":
-            return _context2.stop();
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              this.topoClient.enterEditMode();
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
         }
       }, _callee2, this);
     }));