@riil-frontend/component-topology 6.0.1 → 6.0.3

package/es/components/ColorPanel/index.js

@@ -75,6 +75,7 @@ function ColorPanel(props) {
   };
 
   useEffect(function () {
+    if (value == undefined) return;
     if (!value) return setActive('-1');
     var activeColor = value.hex ? Color(value.hex).rgb() : Color(value).rgb(); // eslint-disable-next-line no-unused-vars, array-callback-return
 

package/es/core/editor/components/EditorPlugin.js

@@ -6,27 +6,28 @@ import MultipleResourceSelectPlugin from "./plugins/MultipleResourceSelectPlugin
 import GroupAddResourceDrawerPlugin from "./GroupAddResourceDrawerPlugin";
 import MetricPollingPlugin from "../../viewer/components/plugins/MetricPollingPlugin";
 import AddElementThemePlugin from "./plugins/AddElementThemePlugin";
-import useKeyboardShortcut from "../hooks/useKeyboardShortcut";
-import useUpdateHtTopoDefaultTagStyle from "./Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle";
+import CorePlugin from "./plugins/CorePlugin";
 export default function TopoEditorPlugin(props) {
   var topo = props.topo,
       topoContext = props.topoContext,
       topoEdit = props.topoEdit,
       editorProps = props.editorProps;
   var store = topo.store;
+
+  var _topo$store$useModelS = topo.store.useModelState('topoMod'),
+      graphLoaded = _topo$store$useModelS.graphLoaded;
+
   useEffect(function () {
     return function () {
       topoEdit.reset();
     };
   }, []);
-  useKeyboardShortcut({
-    topo: topo,
-    topoEdit: topoEdit
-  });
-  useUpdateHtTopoDefaultTagStyle({
-    topo: topo
-  });
-  var plugins = [SaveLoading, GroupAddResourceDrawerPlugin, MultipleResourceSelectPlugin, AddElementThemePlugin, CustomIconPlugin, MetricPollingPlugin].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
+
+  if (!graphLoaded) {
+    return null;
+  }
+
+  var plugins = [CorePlugin, SaveLoading, AddElementThemePlugin, CustomIconPlugin, GroupAddResourceDrawerPlugin, MultipleResourceSelectPlugin, MetricPollingPlugin].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/React.createElement(Plugin, _extends({
       key: index,

package/es/core/editor/components/plugins/CorePlugin.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import useKeyboardShortcut from "../../hooks/useKeyboardShortcut";
+import useUpdateHtTopoDefaultTagStyle from "../../hooks/useUpdateHtTopoDefaultTagStyle";
+
+function CorePlugin(props) {
+  var topo = props.topo,
+      topoContext = props.topoContext,
+      topoEdit = props.topoEdit,
+      editorProps = props.editorProps;
+  useKeyboardShortcut({
+    topo: topo,
+    topoEdit: topoEdit
+  });
+  useUpdateHtTopoDefaultTagStyle({
+    topo: topo
+  });
+  return null;
+}
+
+export default CorePlugin;

package/es/core/hooks/useAlarm.js

@@ -71,7 +71,7 @@ export default function useAlarm(options) {
       risks: risks
     });
 
-    if (!alarmSwitch) {
+    if (alarmSwitch === false) {
       // 告警静默
       return;
     }

package/es/core/hooks/useGraphAlarmDisplay.js

@@ -39,11 +39,7 @@ export default function useGraphAlarmDisplay(options) {
   var topo = options.topo,
       alarmSwitch = options.alarmSwitch;
   var store = topo.store;
-
-  var _topo$store$useModel = topo.store.useModel('topoMod'),
-      topoState = _topo$store$useModel[0],
-      topoDispatchers = _topo$store$useModel[1];
-
+  var topoState = topo.store.useModelState('topoMod');
   var graphLoaded = topoState.graphLoaded,
       viewState = topoState.viewState;
   var isEditMode = viewState === 'edit';
@@ -84,7 +80,7 @@ export default function useGraphAlarmDisplay(options) {
         return;
       }
 
-      if (!alarmSwitch) {
+      if (alarmSwitch === false) {
         // 告警静默
         topo.view.loadAlarm([]);
         return;

package/es/core/models/TopoApp.js

@@ -23,7 +23,7 @@ import topoFactory from "./topoFactory";
 import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
 
-var version = typeof "6.0.1" === 'string' ? "6.0.1" : null;
+var version = typeof "6.0.3" === 'string' ? "6.0.3" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js

@@ -82,7 +82,10 @@ function _queryLinkLatestMetrics() {
               break;
             }
 
-            return _context3.abrupt("return", []);
+            return _context3.abrupt("return", {
+              linkMetrics: [],
+              linkMetricsTs: undefined
+            });
 
           case 3:
             _context3.next = 5;

package/lib/components/ColorPanel/index.js

@@ -92,6 +92,7 @@ function ColorPanel(props) {
   };
 
   (0, _react.useEffect)(function () {
+    if (value == undefined) return;
     if (!value) return setActive('-1');
     var activeColor = value.hex ? (0, _color["default"])(value.hex).rgb() : (0, _color["default"])(value).rgb(); // eslint-disable-next-line no-unused-vars, array-callback-return
 

package/lib/core/editor/components/EditorPlugin.js

@@ -21,9 +21,7 @@ var _MetricPollingPlugin = _interopRequireDefault(require("../../viewer/componen
 
 var _AddElementThemePlugin = _interopRequireDefault(require("./plugins/AddElementThemePlugin"));
 
-var _useKeyboardShortcut = _interopRequireDefault(require("../hooks/useKeyboardShortcut"));
-
-var _useUpdateHtTopoDefaultTagStyle = _interopRequireDefault(require("./Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle"));
+var _CorePlugin = _interopRequireDefault(require("./plugins/CorePlugin"));
 
 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); }
 
@@ -35,19 +33,21 @@ function TopoEditorPlugin(props) {
       topoEdit = props.topoEdit,
       editorProps = props.editorProps;
   var store = topo.store;
+
+  var _topo$store$useModelS = topo.store.useModelState('topoMod'),
+      graphLoaded = _topo$store$useModelS.graphLoaded;
+
   (0, _react.useEffect)(function () {
     return function () {
       topoEdit.reset();
     };
   }, []);
-  (0, _useKeyboardShortcut["default"])({
-    topo: topo,
-    topoEdit: topoEdit
-  });
-  (0, _useUpdateHtTopoDefaultTagStyle["default"])({
-    topo: topo
-  });
-  var plugins = [_SaveLoading["default"], _GroupAddResourceDrawerPlugin["default"], _MultipleResourceSelectPlugin["default"], _AddElementThemePlugin["default"], _CustomIconPlugin["default"], _MetricPollingPlugin["default"]].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
+
+  if (!graphLoaded) {
+    return null;
+  }
+
+  var plugins = [_CorePlugin["default"], _SaveLoading["default"], _AddElementThemePlugin["default"], _CustomIconPlugin["default"], _GroupAddResourceDrawerPlugin["default"], _MultipleResourceSelectPlugin["default"], _MetricPollingPlugin["default"]].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/_react["default"].createElement(Plugin, (0, _extends2["default"])({
       key: index,

package/lib/core/editor/components/plugins/CorePlugin.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useKeyboardShortcut = _interopRequireDefault(require("../../hooks/useKeyboardShortcut"));
+
+var _useUpdateHtTopoDefaultTagStyle = _interopRequireDefault(require("../../hooks/useUpdateHtTopoDefaultTagStyle"));
+
+function CorePlugin(props) {
+  var topo = props.topo,
+      topoContext = props.topoContext,
+      topoEdit = props.topoEdit,
+      editorProps = props.editorProps;
+  (0, _useKeyboardShortcut["default"])({
+    topo: topo,
+    topoEdit: topoEdit
+  });
+  (0, _useUpdateHtTopoDefaultTagStyle["default"])({
+    topo: topo
+  });
+  return null;
+}
+
+var _default = CorePlugin;
+exports["default"] = _default;

package/lib/core/hooks/useAlarm.js

@@ -84,7 +84,7 @@ function useAlarm(options) {
       risks: risks
     });
 
-    if (!alarmSwitch) {
+    if (alarmSwitch === false) {
       // 告警静默
       return;
     }

package/lib/core/hooks/useGraphAlarmDisplay.js

@@ -49,11 +49,7 @@ function useGraphAlarmDisplay(options) {
   var topo = options.topo,
       alarmSwitch = options.alarmSwitch;
   var store = topo.store;
-
-  var _topo$store$useModel = topo.store.useModel('topoMod'),
-      topoState = _topo$store$useModel[0],
-      topoDispatchers = _topo$store$useModel[1];
-
+  var topoState = topo.store.useModelState('topoMod');
   var graphLoaded = topoState.graphLoaded,
       viewState = topoState.viewState;
   var isEditMode = viewState === 'edit';
@@ -94,7 +90,7 @@ function useGraphAlarmDisplay(options) {
         return;
       }
 
-      if (!alarmSwitch) {
+      if (alarmSwitch === false) {
         // 告警静默
         topo.view.loadAlarm([]);
         return;

package/lib/core/models/TopoApp.js

@@ -54,7 +54,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
 var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "6.0.1" === 'string' ? "6.0.1" : null;
+var version = typeof "6.0.3" === 'string' ? "6.0.3" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js

@@ -100,7 +100,10 @@ function _queryLinkLatestMetrics() {
               break;
             }
 
-            return _context3.abrupt("return", []);
+            return _context3.abrupt("return", {
+              linkMetrics: [],
+              linkMetricsTs: undefined
+            });
 
           case 3:
             _context3.next = 5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -116,6 +116,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.1/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.3/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }