@riil-frontend/component-topology 2.15.4 → 2.15.7

package/es/topoCenter/components/editor/propertyViews/edge/link/LindInfoPreview.module.scss

@@ -13,8 +13,18 @@
 
 .labelValue {
   max-width: 160px;
-  overflow-y: scroll;
   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;
+
 }
 
 

package/es/utils/tree.js

@@ -40,7 +40,9 @@ export function formatTree(json, funcPermissions) {
         type: type,
         name: name,
         showDefault: showDefault,
-        permission: node.operation,
+        // permission: node.operation,
+        // FIXME 拓扑数据权限临时方案，待移除
+        permission: funcPermissions.createTopo ? 'delete' : 'read',
         children: node !== null && node !== void 0 && node.children ? loop(node.children) : []
       };
     });
@@ -133,7 +135,7 @@ export var loopTreeFun = function loopTreeFun(data, callback) {
       loopTreeFun(item.children, callback);
     }
 
-    return callback(item, index, arr);
+    callback(item, index, arr);
   });
 };
 /**

package/lib/core/models/AttributeMetricDisplay.js

@@ -560,7 +560,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
 
               return _context3.abrupt("return", ciDatas.map(function (ciData) {
                 var id = ciData.id;
-                var attributeMap = (0, _extends2["default"])({}, ciData);
+                var attributeMap = (0, _extends2["default"])({}, ciData.attributeMap);
                 ciRefAttributeMap[id].forEach(function (refAttrs) {
                   var refCi = refCiMap[refAttrs.id];
 

package/lib/core/models/PluginManager.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _plugins = _interopRequireDefault(require("./plugins"));
+
+var PluginManager = /*#__PURE__*/function () {
+  /**
+   * @type {Array}
+   */
+  function PluginManager(topo) {
+    this.topo = void 0;
+    this.pluginMap = {};
+    this.plugins = void 0;
+    this.topo = topo;
+    this.init(_plugins["default"]);
+  }
+
+  var _proto = PluginManager.prototype;
+
+  _proto.init = function init(plugins) {
+    var _this = this;
+
+    this.plugins = plugins.map(function (Plugin) {
+      var plugin = new Plugin(_this.topo);
+      _this.pluginMap[plugin.name] = plugin;
+      return plugin;
+    });
+  };
+
+  _proto.onTopoDataLoaded = function onTopoDataLoaded(topoData) {
+    this.plugins.forEach(function (plugin) {
+      if (plugin.onTopoDataLoaded) {
+        plugin.onTopoDataLoaded(topoData);
+      }
+    });
+  };
+
+  _proto.destroy = function destroy() {};
+
+  return PluginManager;
+}();
+
+exports["default"] = PluginManager;
+;

package/lib/core/models/TopoApp.js

@@ -43,8 +43,10 @@ var _GraphDataModel = _interopRequireDefault(require("./GraphDataModel"));
 
 var _edgeUtil = require("../utils/edgeUtil");
 
+var _PluginManager = _interopRequireDefault(require("./PluginManager"));
+
 // eslint-disable-next-line no-undef
-var version = typeof "2.15.4" === 'string' ? "2.15.4" : null;
+var version = typeof "2.15.7" === 'string' ? "2.15.7" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 var topoDebug = {};
 window.topoDebug = topoDebug;
@@ -98,7 +100,8 @@ var Topo = /*#__PURE__*/function () {
     this.view = new _TopoGraphView["default"]();
     this.view.setStore(this.store);
     this.dataModel = new _DataModel["default"](this);
-    this.graphDataModel = new _GraphDataModel["default"](this); // 初始化插件 ============================
+    this.graphDataModel = new _GraphDataModel["default"](this);
+    this.pluginManager = new _PluginManager["default"](this); // 初始化插件 ============================
     // 告警
 
     this.alarm.init(this); // 指标
@@ -517,7 +520,30 @@ var Topo = /*#__PURE__*/function () {
 
   _proto.isGraphLoaded = function isGraphLoaded() {
     return this.store.getModelState('topoMod').graphLoaded;
-  }
+  };
+
+  _proto.onTopoDataLoaded = /*#__PURE__*/function () {
+    var _onTopoDataLoaded = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11(topoData) {
+      return _regenerator["default"].wrap(function _callee11$(_context11) {
+        while (1) {
+          switch (_context11.prev = _context11.next) {
+            case 0:
+              this.pluginManager.onTopoDataLoaded(topoData);
+
+            case 1:
+            case "end":
+              return _context11.stop();
+          }
+        }
+      }, _callee11, this);
+    }));
+
+    function onTopoDataLoaded(_x9) {
+      return _onTopoDataLoaded.apply(this, arguments);
+    }
+
+    return onTopoDataLoaded;
+  }()
   /**
    * 进入编辑模式
    */
@@ -526,11 +552,11 @@ var Topo = /*#__PURE__*/function () {
   _proto.enterEditMode =
   /*#__PURE__*/
   function () {
-    var _enterEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+    var _enterEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
       var topoDispatchers, editDispatchers, iconManageDispatchers;
-      return _regenerator["default"].wrap(function _callee11$(_context11) {
+      return _regenerator["default"].wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
               topoDispatchers = this.store.getModelDispatchers('topoMod');
               topoDispatchers.update({
@@ -538,15 +564,15 @@ var Topo = /*#__PURE__*/function () {
               });
 
               if (!this.options.onSwitchToEditModeBegin) {
-                _context11.next = 5;
+                _context12.next = 5;
                 break;
               }
 
-              _context11.next = 5;
+              _context12.next = 5;
               return this.options.onSwitchToEditModeBegin(this);
 
             case 5:
-              _context11.next = 7;
+              _context12.next = 7;
               return this.view.switchToEditMode();
 
             case 7:
@@ -564,10 +590,10 @@ var Topo = /*#__PURE__*/function () {
 
             case 13:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
         }
-      }, _callee11, this);
+      }, _callee12, this);
     }));
 
     function enterEditMode() {
@@ -578,13 +604,13 @@ var Topo = /*#__PURE__*/function () {
   }();
 
   _proto.exitEditMode = /*#__PURE__*/function () {
-    var _exitEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+    var _exitEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
       var editDispatchers;
-      return _regenerator["default"].wrap(function _callee12$(_context12) {
+      return _regenerator["default"].wrap(function _callee13$(_context13) {
         while (1) {
-          switch (_context12.prev = _context12.next) {
+          switch (_context13.prev = _context13.next) {
             case 0:
-              _context12.next = 2;
+              _context13.next = 2;
               return this.view.switchToViewMode();
 
             case 2:
@@ -597,10 +623,10 @@ var Topo = /*#__PURE__*/function () {
 
             case 5:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
         }
-      }, _callee12, this);
+      }, _callee13, this);
     }));
 
     function exitEditMode() {
@@ -617,19 +643,19 @@ var Topo = /*#__PURE__*/function () {
   _proto.triggerSaveEvent =
   /*#__PURE__*/
   function () {
-    var _triggerSaveEvent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
-      return _regenerator["default"].wrap(function _callee13$(_context13) {
+    var _triggerSaveEvent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+      return _regenerator["default"].wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
               this.view.topoClient.saveExternal();
 
             case 1:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
         }
-      }, _callee13, this);
+      }, _callee14, this);
     }));
 
     function triggerSaveEvent() {
@@ -646,19 +672,19 @@ var Topo = /*#__PURE__*/function () {
   _proto.save =
   /*#__PURE__*/
   function () {
-    var _save = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
-      return _regenerator["default"].wrap(function _callee14$(_context14) {
+    var _save = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15() {
+      return _regenerator["default"].wrap(function _callee15$(_context15) {
         while (1) {
-          switch (_context14.prev = _context14.next) {
+          switch (_context15.prev = _context15.next) {
             case 0:
               this.triggerSaveEvent();
 
             case 1:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
         }
-      }, _callee14, this);
+      }, _callee15, this);
     }));
 
     function save() {
@@ -677,11 +703,11 @@ var Topo = /*#__PURE__*/function () {
   _proto.exportImage =
   /*#__PURE__*/
   function () {
-    var _exportImage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15(name) {
+    var _exportImage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee16(name) {
       var fileName;
-      return _regenerator["default"].wrap(function _callee15$(_context15) {
+      return _regenerator["default"].wrap(function _callee16$(_context16) {
         while (1) {
-          switch (_context15.prev = _context15.next) {
+          switch (_context16.prev = _context16.next) {
             case 0:
               fileName = name;
 
@@ -692,13 +718,13 @@ var Topo = /*#__PURE__*/function () {
 
             case 3:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
         }
-      }, _callee15, this);
+      }, _callee16, this);
     }));
 
-    function exportImage(_x9) {
+    function exportImage(_x10) {
       return _exportImage.apply(this, arguments);
     }
 
@@ -718,19 +744,19 @@ var Topo = /*#__PURE__*/function () {
   _proto.loadAttrsAndMetrics =
   /*#__PURE__*/
   function () {
-    var _loadAttrsAndMetrics = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee16(data) {
-      return _regenerator["default"].wrap(function _callee16$(_context16) {
+    var _loadAttrsAndMetrics = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee17(data) {
+      return _regenerator["default"].wrap(function _callee17$(_context17) {
         while (1) {
-          switch (_context16.prev = _context16.next) {
+          switch (_context17.prev = _context17.next) {
             case 0:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
         }
-      }, _callee16);
+      }, _callee17);
     }));
 
-    function loadAttrsAndMetrics(_x10) {
+    function loadAttrsAndMetrics(_x11) {
       return _loadAttrsAndMetrics.apply(this, arguments);
     }
 
@@ -738,16 +764,16 @@ var Topo = /*#__PURE__*/function () {
   }();
 
   _proto.switchToViewMode = /*#__PURE__*/function () {
-    var _switchToViewMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee17() {
-      return _regenerator["default"].wrap(function _callee17$(_context17) {
+    var _switchToViewMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee18() {
+      return _regenerator["default"].wrap(function _callee18$(_context18) {
         while (1) {
-          switch (_context17.prev = _context17.next) {
+          switch (_context18.prev = _context18.next) {
             case 0:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
         }
-      }, _callee17);
+      }, _callee18);
     }));
 
     function switchToViewMode() {
@@ -758,16 +784,16 @@ var Topo = /*#__PURE__*/function () {
   }();
 
   _proto.switchToEditMode = /*#__PURE__*/function () {
-    var _switchToEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee18() {
-      return _regenerator["default"].wrap(function _callee18$(_context18) {
+    var _switchToEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee19() {
+      return _regenerator["default"].wrap(function _callee19$(_context19) {
         while (1) {
-          switch (_context18.prev = _context18.next) {
+          switch (_context19.prev = _context19.next) {
             case 0:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
         }
-      }, _callee18);
+      }, _callee19);
     }));
 
     function switchToEditMode() {

package/lib/core/models/TopoGraphView.js

@@ -11,8 +11,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _ContextMenu = _interopRequireDefault(require("./common/ContextMenu"));
 
-var _resourceWebControllUrl = _interopRequireDefault(require("./plugins/resourceWebControllUrl"));
-
 var _Background = _interopRequireDefault(require("./graph/Background"));
 
 /**
@@ -35,9 +33,7 @@ var TopoGraphView = /*#__PURE__*/function () {
 
   _proto.init = function init() {
     // 初始化核心组件
-    this.contextMenu = new _ContextMenu["default"](); // 初始化插件功能
-
-    this.resourceWebControllUrl = (0, _resourceWebControllUrl["default"])(this);
+    this.contextMenu = new _ContextMenu["default"]();
   };
 
   _proto.getHtDataModel = function getHtDataModel() {
@@ -117,30 +113,6 @@ var TopoGraphView = /*#__PURE__*/function () {
     this.background = new _Background["default"](this);
   };
 
-  _proto.afterTopoDataLoaded = /*#__PURE__*/function () {
-    var _afterTopoDataLoaded = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(topoData) {
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return this.resourceWebControllUrl.afterTopoDataLoaded(topoData);
-
-            case 2:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3, this);
-    }));
-
-    function afterTopoDataLoaded(_x) {
-      return _afterTopoDataLoaded.apply(this, arguments);
-    }
-
-    return afterTopoDataLoaded;
-  }();
-
   _proto.setStore = function setStore(s) {
     this.store = s;
   };

package/lib/core/models/plugins/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _resourceWebControllUrl = _interopRequireDefault(require("./resourceWebControllUrl"));
+
+var _default = [_resourceWebControllUrl["default"]];
+exports["default"] = _default;

package/lib/core/models/plugins/resourceWebControllUrl.js

@@ -22,7 +22,7 @@ function _default(topo) {
 
   function init() {
     // 注册菜单点击处理
-    topo.contextMenu.registerCommands({
+    topo.view.contextMenu.registerCommands({
       'Resource.WebConsole.setting': function ResourceWebConsoleSetting(data) {
         openSettingDialog(data.bussiInformation.id);
       },
@@ -32,12 +32,12 @@ function _default(topo) {
     });
   }
 
-  function afterTopoDataLoaded(_x) {
-    return _afterTopoDataLoaded.apply(this, arguments);
+  function onTopoDataLoaded(_x) {
+    return _onTopoDataLoaded.apply(this, arguments);
   }
 
-  function _afterTopoDataLoaded() {
-    _afterTopoDataLoaded = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(topoData) {
+  function _onTopoDataLoaded() {
+    _onTopoDataLoaded = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(topoData) {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -51,7 +51,7 @@ function _default(topo) {
         }
       }, _callee);
     }));
-    return _afterTopoDataLoaded.apply(this, arguments);
+    return _onTopoDataLoaded.apply(this, arguments);
   }
 
   function initData(_x2) {
@@ -197,8 +197,9 @@ function _default(topo) {
   }
 
   var resourceWebUrl = {
+    name: 'resourceWebControllUrl',
     initData: initData,
-    afterTopoDataLoaded: afterTopoDataLoaded,
+    onTopoDataLoaded: onTopoDataLoaded,
     getResourceUrl: getResourceUrl,
     setting: {
       getCurrentId: function getCurrentId() {

package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.js

@@ -56,6 +56,7 @@ function BaseInfoRender(type, data) {
       label: '资源名称：',
       objKey: 'resource',
       render: function render(valueData, key) {
+        console.log('资源名称：', valueData, key);
         var display_name = valueData.display_name,
             link = valueData.link;
         return /*#__PURE__*/_react["default"].createElement("div", {
@@ -242,7 +243,7 @@ function ResourceOverview(props) {
     _init = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var _topo$options$resourc, _attributeMap$source_, _attributeMap$destina;
 
-      var ciTypeMeta, link, linkConnectType, _ciTypeMeta, modelMetrics, ciName, modelAttributeMap, domain, topModelMetrics, isAppTopoFlag, _findItem, attributeMap, metrics, res_address, rated_bandwidth, _modelAttributeMap$;
+      var ciTypeMeta, link, linkConnectType, _ciTypeMeta, modelMetrics, ciName, modelAttributeMap, domain, topModelMetrics, isAppTopoFlag, _findItem, attributeMap, metrics, res_address, _attributeMap$, rated_bandwidth, _modelAttributeMap$;
 
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
@@ -280,29 +281,30 @@ function ResourceOverview(props) {
             case 10:
               // 拓扑（默认） ---------------------------
               // 基本信息
-              _findItem = (0, _topoData.findItem)(attrsAndMetrics, 'id', id), attributeMap = _findItem.attributeMap, metrics = _findItem.metrics; // 位置
+              _findItem = (0, _topoData.findItem)(attrsAndMetrics, 'id', id), attributeMap = _findItem.attributeMap, metrics = _findItem.metrics;
+              console.log('基本信息', attributeMap, attrsAndMetrics); // 位置
 
               res_address = false;
 
               if (!modelAttributeMap['owned_computer_room']) {
-                _context.next = 18;
+                _context.next = 19;
                 break;
               }
 
-              _context.next = 15;
+              _context.next = 16;
               return getAddressFormat(attributeMap);
 
-            case 15:
+            case 16:
               res_address = _context.sent;
-              _context.next = 19;
+              _context.next = 20;
               break;
 
-            case 18:
-              if (modelAttributeMap[ciType + ".computer_room"]) {
-                res_address = attributeMap[ciType + ".computer_room"] || attributeMap[ciType + ".area"] ? (attributeMap[ciType + ".computer_room"] || '') + " " + (attributeMap[ciType + ".area"] || '') : '';
+            case 19:
+              if (modelAttributeMap[ciType + ".computer_room"] || modelAttributeMap[ciType + ".area"]) {
+                res_address = attributeMap[ciType + ".computer_room "] || attributeMap[ciType + ".area"] ? " " + (((_attributeMap$ = attributeMap[ciType + ".area_object"]) === null || _attributeMap$ === void 0 ? void 0 : _attributeMap$.displayName) || '') + " " + (attributeMap[ciType + ".computer_room"] || '') : false;
               }
 
-            case 19:
+            case 20:
               // 链路带宽(取实际带宽)
               rated_bandwidth = false;
 
@@ -342,7 +344,7 @@ function ResourceOverview(props) {
 
               getAlarmRiskData(id);
 
-            case 24:
+            case 25:
             case "end":
               return _context.stop();
           }
@@ -361,7 +363,7 @@ function ResourceOverview(props) {
     _initAppTopo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(topModelMetrics, modelAttributeMap, ciName, domain) {
       var _topo$options$resourc2, _alarmList;
 
-      var _yield$topo$options$r, metrics, alarmList, attributeMap, res_address;
+      var _yield$topo$options$r, metrics, alarmList, attributeMap, res_address, _attributeMap$2;
 
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
@@ -391,10 +393,25 @@ function ResourceOverview(props) {
               // 位置
               res_address = false;
 
-              if (modelAttributeMap[ciType + ".computer_room"]) {
-                res_address = attributeMap[ciType + ".computer_room"] || attributeMap[ciType + ".area"] ? (attributeMap[ciType + ".computer_room"] || '') + " " + (attributeMap[ciType + ".area"] || '') : '';
+              if (!modelAttributeMap['owned_computer_room']) {
+                _context2.next = 17;
+                break;
+              }
+
+              _context2.next = 14;
+              return getAddressFormat(attributeMap);
+
+            case 14:
+              res_address = _context2.sent;
+              _context2.next = 18;
+              break;
+
+            case 17:
+              if (modelAttributeMap[ciType + ".computer_room"] || modelAttributeMap[ciType + ".area"]) {
+                res_address = attributeMap[ciType + ".computer_room "] || attributeMap[ciType + ".area"] ? " " + (((_attributeMap$2 = attributeMap[ciType + ".area_object"]) === null || _attributeMap$2 === void 0 ? void 0 : _attributeMap$2.displayName) || '') + " " + (attributeMap[ciType + ".computer_room"] || '') : false;
               }
 
+            case 18:
               setBaseInfo({
                 // 资源
                 //display_name: modelAttributeMap['display_name'] ? attributeMap.display_name : false,
@@ -434,7 +451,7 @@ function ResourceOverview(props) {
               })) || [];
               setAlarmRiskList(alarmList);
 
-            case 16:
+            case 22:
             case "end":
               return _context2.stop();
           }

package/lib/core/viewer/components/plugins/ResourceWebControllUrlSettingDialog.js

@@ -31,8 +31,8 @@ var FormItem = _form["default"].Item;
 
 function ResourceWebControllUrlSettingDialog(props) {
   var topo = props.topo;
-  var store = topo.store,
-      resourceWebControllUrl = topo.view.resourceWebControllUrl;
+  var store = topo.store;
+  var resourceWebControllUrl = topo.pluginManager.pluginMap.resourceWebControllUrl;
 
   var _store$useModel = store.useModel('resourceWebControllUrlSetting'),
       state = _store$useModel[0];

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

@@ -20,12 +20,13 @@ function EditButton(props) {
   var topo = props.topo,
       onEnterEdit = props.onEnterEdit,
       style = props.style;
-  var store = topo.store; // const [topoState] = store.useModel('topoMod');
-  // const { topoPermission, } = topoState;
+  var store = topo.store;
 
-  var functionAuthState = store.useModelState('functionAuth'); // let show = topo.options.usePermission ? topoPermissonUtil.isEditable(topoPermission) : true;
+  var _store$useModel = store.useModel('topoMod'),
+      topoState = _store$useModel[0];
 
-  var show = topo.options.usePermission ? functionAuthState.permissions.createTopo : true;
+  var topoPermission = topoState.topoPermission;
+  var show = topo.options.usePermission ? _topoPermissionUtil["default"].isEditable(topoPermission) : true;
 
   if (!show) {
     return null;

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

@@ -28,7 +28,8 @@ function buildNodeContextmenu(topoApp) {
         label: '访问',
         id: 'Resource.WebConsole.open',
         disable: function disable(data) {
-          return !topoApp.view.resourceWebControllUrl.getResourceUrl(data.id);
+          var resourceWebControllUrl = topoApp.pluginManager.pluginMap.resourceWebControllUrl;
+          return !resourceWebControllUrl.getResourceUrl(data.id);
         }
       }, {
         label: '设置',