@riil-frontend/component-topology 11.0.34 → 12.0.0-dev.1

package/es/core/models/TopoApp.js

@@ -24,19 +24,20 @@ 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.34" === 'string' ? "11.0.34" : null;
+var version = typeof "12.0.0-dev.1" === 'string' ? "12.0.0-dev.1" : 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;
@@ -98,20 +99,18 @@ 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);
     }));
@@ -128,29 +127,27 @@ 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);
     }));
@@ -165,12 +162,10 @@ 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);
     }));
@@ -240,30 +235,28 @@ 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);
     }));
@@ -287,20 +280,18 @@ 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);
     }));
@@ -323,15 +314,13 @@ 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);
     }));
@@ -362,23 +351,21 @@ 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);
     }));
@@ -393,26 +380,24 @@ 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);
     }));
@@ -427,12 +412,10 @@ 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);
     }));
@@ -472,12 +455,10 @@ 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);
     }));
@@ -504,15 +485,13 @@ 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);
     }));
@@ -534,55 +513,53 @@ 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');
-
-              if (!this.options.onSwitchToEditModeBegin) {
-                _context12.next = 4;
-                break;
-              }
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            rlog.info('TopoApp.enterEditMode');
 
+            if (!this.options.onSwitchToEditModeBegin) {
               _context12.next = 4;
-              return this.options.onSwitchToEditModeBegin(this);
+              break;
+            }
 
-            case 4:
-              topoDispatchers = this.store.getModelDispatchers('topoMod');
-              _context12.next = 7;
-              return topoDispatchers.update({
-                viewState: 'edit'
-              });
+            _context12.next = 4;
+            return this.options.onSwitchToEditModeBegin(this);
 
-            case 7:
-              _context12.next = 9;
-              return this.view.switchToEditMode();
+          case 4:
+            topoDispatchers = this.store.getModelDispatchers('topoMod');
+            _context12.next = 7;
+            return topoDispatchers.update({
+              viewState: 'edit'
+            });
 
-            case 9:
-              updateEdgeExpanded(this);
+          case 7:
+            _context12.next = 9;
+            return this.view.switchToEditMode();
 
-              if (!this.options.onSwitchToEditMode) {
-                _context12.next = 13;
-                break;
-              }
+          case 9:
+            updateEdgeExpanded(this);
 
+            if (!this.options.onSwitchToEditMode) {
               _context12.next = 13;
-              return this.options.onSwitchToEditMode(this);
+              break;
+            }
+
+            _context12.next = 13;
+            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);
     }));
@@ -598,28 +575,26 @@ 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();
-
-            case 2:
-              editDispatchers = this.store.getModelDispatchers('topoConfig');
-              editDispatchers.switchToViewMode(this.id);
+        while (1) switch (_context13.prev = _context13.next) {
+          case 0:
+            _context13.next = 2;
+            return this.view.switchToViewMode();
 
-              if (!this.options.onSwitchToViewMode) {
-                _context13.next = 7;
-                break;
-              }
+          case 2:
+            editDispatchers = this.store.getModelDispatchers('topoConfig');
+            editDispatchers.switchToViewMode(this.id);
 
+            if (!this.options.onSwitchToViewMode) {
               _context13.next = 7;
-              return this.options.onSwitchToViewMode(this);
+              break;
+            }
 
-            case 7:
-            case "end":
-              return _context13.stop();
-          }
+            _context13.next = 7;
+            return this.options.onSwitchToViewMode(this);
+
+          case 7:
+          case "end":
+            return _context13.stop();
         }
       }, _callee13, this);
     }));
@@ -640,15 +615,13 @@ 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);
     }));
@@ -669,15 +642,13 @@ 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);
     }));
@@ -701,20 +672,18 @@ 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);
     }));
@@ -735,12 +704,10 @@ 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);
     }));
@@ -755,12 +722,10 @@ 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,11 +9,12 @@ 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();
@@ -52,15 +53,13 @@ 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);
     }));
@@ -75,15 +74,13 @@ 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);
     }));