@riil-frontend/component-topology 11.0.29 → 11.0.30

package/lib/core/components/TopoView/topoView.js

@@ -1,85 +1,117 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames2 = _interopRequireDefault(require("classnames"));
+
 var _componentTopologyGraph = _interopRequireWildcard(require("@riil-frontend/component-topology-graph"));
+
 var _PortalContainer = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/components/PortalContainer"));
+
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 var _showMessage = _interopRequireDefault(require("../../utils/showMessage"));
+
 var _template = require("../../../utils/template");
+
 var _edgeUtil = require("../../utils/edgeUtil");
+
 var _useRouterAdapter = _interopRequireDefault(require("../../hooks/useRouterAdapter"));
+
 var _graphLinkUtil = require("../../utils/graphLinkUtil");
+
 var _clusterUtil = require("../../../utils/clusterUtil");
+
 var _GraphViewPanel = _interopRequireDefault(require("./GraphViewPanel"));
+
 var _TopoViewModule = _interopRequireDefault(require("./TopoView.module.scss"));
+
 var _ViewerPlugin = _interopRequireDefault(require("../../viewer/components/plugins/ViewerPlugin"));
+
 var _useTopoEdit = _interopRequireDefault(require("../../hooks/useTopoEdit"));
+
 var _EditorPlugin = _interopRequireDefault(require("../../editor/components/EditorPlugin"));
+
 var _EditorToolbar = _interopRequireDefault(require("../../editor/components/Toolbar/EditorToolbar"));
+
 var _Sidebar = _interopRequireDefault(require("../../editor/components/Sidebar/Sidebar"));
+
 var _PropertyView = _interopRequireDefault(require("../../editor/components/settings/PropertyView"));
+
 var _HistoryManager = _interopRequireDefault(require("../../models/HistoryManager"));
+
 var _editorModule = _interopRequireDefault(require("./editor.module.scss"));
+
 var _basicIcons = _interopRequireDefault(require("../../common/icons/basicIcons"));
+
 var _HelpIcon = _interopRequireDefault(require("../../editor/components/BottomFloatTool/HelpIcon"));
+
 var _nodeNameVisibleUtil = require("../../models/utils/nodeNameVisibleUtil");
+
 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 Topology = function Topology(props) {
   var _classnames;
+
   var topo = props.topo,
-    defaultEnterEditMode = props.defaultEnterEditMode,
-    titleBar = props.titleBar,
-    buildLoadOptions = props.buildLoadOptions,
-    onReady = props.onReady,
-    onLoaded = props.onLoaded,
-    onLoad = props.onLoad,
-    onDestroy = props.onDestroy,
-    onRefreshTopo = props.onRefresh,
-    onSave = props.onSave,
-    nodeDeleteable = props.nodeDeleteable,
-    onNodeDelete = props.onNodeDelete,
-    onLineDelete = props.onLineDelete,
-    onEvent = props.onEvent,
-    _props$graphViewProps = props.graphViewProps,
-    graphViewProps = _props$graphViewProps === void 0 ? {} : _props$graphViewProps,
-    viewerProps = props.viewerProps,
-    editorProps = props.editorProps,
-    topoContext = props.topoContext;
+      defaultEnterEditMode = props.defaultEnterEditMode,
+      titleBar = props.titleBar,
+      buildLoadOptions = props.buildLoadOptions,
+      onReady = props.onReady,
+      onLoaded = props.onLoaded,
+      onLoad = props.onLoad,
+      onDestroy = props.onDestroy,
+      onRefreshTopo = props.onRefresh,
+      onSave = props.onSave,
+      nodeDeleteable = props.nodeDeleteable,
+      onNodeDelete = props.onNodeDelete,
+      onLineDelete = props.onLineDelete,
+      onEvent = props.onEvent,
+      _props$graphViewProps = props.graphViewProps,
+      graphViewProps = _props$graphViewProps === void 0 ? {} : _props$graphViewProps,
+      viewerProps = props.viewerProps,
+      editorProps = props.editorProps,
+      topoContext = props.topoContext;
   topo.viewProps = props;
   var store = topo.store;
+
   var _store$useModel = store.useModel('topoMod'),
-    topoState = _store$useModel[0],
-    topoDispatchers = _store$useModel[1];
+      topoState = _store$useModel[0],
+      topoDispatchers = _store$useModel[1];
+
   var topoId = topoState.topoId,
-    viewState = topoState.viewState,
-    graphLoaded = topoState.graphLoaded,
-    topoData = topoState.topoData,
-    urlParams = topoState.urlParams;
+      viewState = topoState.viewState,
+      graphLoaded = topoState.graphLoaded,
+      topoData = topoState.topoData,
+      urlParams = topoState.urlParams;
   var isEditMode = viewState === 'edit';
   var topoShowType = topoState.type;
   var isLayerTopo = topoShowType === _template.TPL_TREE;
+
   var _useState = (0, _react.useState)(buildLoadOptions ? buildLoadOptions(topoData) : topoData),
-    tData = _useState[0],
-    setTData = _useState[1];
+      tData = _useState[0],
+      setTData = _useState[1];
+
   var helpIconPortalRef = (0, _react.useRef)(); // 编辑模式帮助提示图标Portal
 
-  (0, _useRouterAdapter["default"])(props);
+  (0, _useRouterAdapter["default"])(props); // 编辑模式----
 
-  // 编辑模式----
   var topoEdit = (0, _useTopoEdit["default"])({
     topo: topo,
     topoId: topoId,
@@ -107,13 +139,16 @@ var Topology = function Topology(props) {
     // 拓扑退出注销
     return function () {
       _rlog["default"].info('TopoView 退出');
+
       topo.selectionModel.destroy();
       topoDispatchers.reset();
     };
   }, []);
   var onGraphCreated = (0, _react.useCallback)(function (topoClient) {
     topo.view.onCreatedView(topoClient);
+
     _rlog["default"].info('TopoView.onGraphCreated');
+
     if (onReady) {
       onReady();
     }
@@ -124,19 +159,23 @@ var Topology = function Topology(props) {
       topoData: topoData,
       htElements: topo.getDataModel().getDatas().toArray()
     });
+
     (0, _nodeNameVisibleUtil.updateNodesNameVisible)(topo);
     (0, _clusterUtil.upgradeV103GraphClusterNode)(topo, topoData);
     (0, _graphLinkUtil.fixLink)(topo);
     (0, _clusterUtil.handleClusterNoPermission)(topo);
     (0, _edgeUtil.updateEdgeExpanded)(topo);
     var htHistoryManager = topo.getDataModel().getHistoryManager();
+
     if (htHistoryManager) {
       topo.historyManager = new _HistoryManager["default"](topo, htHistoryManager);
     }
+
     topo.selectionModel.init();
     topoDispatchers.update({
       graphLoaded2: true
     });
+
     if (onLoad) {
       onLoad();
     }
@@ -147,6 +186,7 @@ var Topology = function Topology(props) {
       topoData: topoData,
       htElements: topo.getDataModel().getDatas().toArray()
     });
+
     (0, _nodeNameVisibleUtil.updateNodesNameVisible)(topo);
     (0, _clusterUtil.upgradeV103GraphClusterNode)(topo, topoData);
     (0, _graphLinkUtil.fixLink)(topo);
@@ -155,11 +195,11 @@ var Topology = function Topology(props) {
     topo.selectionModel.init();
     topoDispatchers.update({
       graphLoaded: true
-    });
+    }); // url选中元素
 
-    // url选中元素
     var _topo$store$getModelS = topo.store.getModelState('selection'),
-      initSelectionId = _topo$store$getModelS.initSelectionId;
+        initSelectionId = _topo$store$getModelS.initSelectionId;
+
     if (initSelectionId) {
       var ele = topo.getHtTopo().getGraphView().dm().getDataByTag(initSelectionId);
       topo.getHtTopo().getGraphView().sm().setSelection([ele]);
@@ -168,59 +208,78 @@ var Topology = function Topology(props) {
         initSelectionId: null
       });
     }
+
     if (onLoaded) {
       onLoaded(topoData);
     }
+
     if (onLoad) {
       onLoad();
     }
   }, [topoData]);
+
   var rightEventHandle = function rightEventHandle(event) {
     _rlog["default"].debug('右键事件', event);
+
     var contextMenu = topo.view.contextMenu;
+
     if (contextMenu.containsCommand(event.data.id)) {
       contextMenu.executeCommand(event.data.id, event.data);
     }
   };
+
   var onRefresh = function onRefresh(e) {
     _rlog["default"].debug('TopoView:onRefresh', e);
+
     onRefreshTopo ? onRefreshTopo() : topoDispatchers.refreshTopo();
   };
-
   /**
    * 接收HT传递的事件
    * @param {*} event
    */
+
+
   var handleEvent = function handleEvent(event) {
     _rlog["default"].debug('TopoView:onEvent', event);
+
     onEvent && onEvent(event);
     topoEdit.onEvent(event);
+
     switch (event.name) {
       case _componentTopologyGraph.TopoEvent.EVENT_SHOW_MESSAGE:
         if (event.data && event.data.type) (0, _showMessage["default"])(event.data.type, event.data.message);
         break;
+
       case _componentTopologyGraph.TopoEvent.EVENT_RIGHT_CLICK:
         rightEventHandle(event);
         break;
+
       case _componentTopologyGraph.TopoEvent.EVENT_DATA_DELETE:
         topoEdit.onDeleteElement(event.data);
         break;
       // FIXME 保存逻辑优化
+
       case _componentTopologyGraph.TopoEvent.EVENT_SAVE_TOPO:
         topoEdit.onSaveTopo(event.data);
         break;
+
       case _componentTopologyGraph.TopoEvent.EVENT_REFRESH:
         onRefresh(event.data);
         break;
+
       case _componentTopologyGraph.TopoEvent.EVENT_CONTEXT_TOOL:
         _rlog["default"].debug('自定义工具栏事件', event);
+
         break;
+
       default:
         break;
     }
   };
+
   var renderCanvas = function renderCanvas() {
     var _graphViewProps$creat;
+
     return /*#__PURE__*/_react["default"].createElement(_GraphViewPanel["default"], (0, _extends2["default"])({
       topo: topo
     }, props), /*#__PURE__*/_react["default"].createElement(_componentTopologyGraph["default"], (0, _extends2["default"])({}, graphViewProps, {
@@ -248,6 +307,7 @@ var Topology = function Topology(props) {
       debugId: topo.debugId
     })));
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _TopoViewModule["default"].topoView,
     "data-version": topo.version,
@@ -293,6 +353,7 @@ var Topology = function Topology(props) {
     topoType: props.topoType
   }))));
 };
+
 Topology.propTypes = {
   // 拓扑模型
   topo: _propTypes["default"].any.isRequired,
@@ -309,6 +370,7 @@ Topology.propTypes = {
   onLoad: _propTypes["default"].func,
   // 拓扑类型，用于分别控制进入编辑模式默认显示帮助信息
   topoType: _propTypes["default"].string,
+
   /**
    * @deprecated 工具栏
    */

package/lib/core/components/buildProvider.js

@@ -1,10 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = buildProvider;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _TopoAppProvider = _interopRequireDefault(require("./TopoAppProvider"));
+
 function buildProvider(topo) {
   return function Provider(props) {
     return /*#__PURE__*/_react["default"].createElement(_TopoAppProvider["default"], {
@@ -12,4 +16,5 @@ function buildProvider(topo) {
     }, props.children);
   };
 }
+
 ;

package/lib/core/components/titlebar/TitleBar.js

@@ -1,43 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _TopoViewerTitleBar = _interopRequireDefault(require("../../viewer/components/titlebar/TopoViewerTitleBar"));
+
 var _TopoEditorTitleBar = _interopRequireDefault(require("../../editor/components/titlebar/TopoEditorTitleBar"));
+
 var _excluded = ["topo", "render", "viewerProps"];
+
 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 TitleBar(props) {
   var topo = props.topo,
-    render = props.render,
-    viewerProps = props.viewerProps,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      render = props.render,
+      viewerProps = props.viewerProps,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   var store = topo.store;
+
   var _store$useModel = store.useModel("topoMod"),
-    topoState = _store$useModel[0];
+      topoState = _store$useModel[0];
+
   var viewState = topoState.viewState;
   var isEditMode = viewState === "edit";
+
   if (render) {
     return render({
       isEditMode: isEditMode
     });
   }
+
   if (isEditMode) {
     return /*#__PURE__*/_react["default"].createElement(_TopoEditorTitleBar["default"], (0, _extends2["default"])({
       topo: topo
     }, otherProps));
   }
+
   return /*#__PURE__*/_react["default"].createElement(_TopoViewerTitleBar["default"], (0, _extends2["default"])({
     topo: topo
   }, otherProps, {
     viewerProps: viewerProps
   }));
 }
+
 TitleBar.propTypes = {
   // 拓扑模型
   topo: _propTypes["default"].any.isRequired,

package/lib/core/components/titlebar/index.js

@@ -1,20 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
+
 var _TitleBar = _interopRequireDefault(require("./TitleBar"));
+
 exports.TitleBar = _TitleBar["default"];
+
 var _SearchWidget = _interopRequireDefault(require("../../viewer/components/titlebar/widgets/SearchWidget"));
+
 exports.SearchWidget = _SearchWidget["default"];
+
 var _SettingButton = _interopRequireDefault(require("../../viewer/components/titlebar/widgets/SettingButton"));
+
 exports.DisplaySettingButton = _SettingButton["default"];
+
 var _NodesDragSwitch = _interopRequireDefault(require("../../viewer/components/titlebar/widgets/NodesDragSwitch"));
+
 exports.NodesDragSwitch = _NodesDragSwitch["default"];
+
 var _AlarmListShowButton = _interopRequireDefault(require("../../viewer/components/titlebar/widgets/AlarmListShowButton"));
+
 exports.AlarmListShowButton = _AlarmListShowButton["default"];
+
 var _TitleWidget = _interopRequireDefault(require("./widgets/TitleWidget"));
+
 exports.TitleWidget = _TitleWidget["default"];
+
 var _ViewerTools = _interopRequireDefault(require("../../viewer/components/titlebar/ViewerTools"));
+
 exports.ViewerTools = _ViewerTools["default"];
+
 var _DebugTools = _interopRequireDefault(require("../../editor/components/titlebar/widgets/DebugTools"));
+
 exports.DebugTools = _DebugTools["default"];

package/lib/core/components/titlebar/widgets/TitleWidget.js

@@ -1,19 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = TitleWidget;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _TitleBarModule = _interopRequireDefault(require("../TitleBar.module.scss"));
+
 function TitleWidget(props) {
   var topo = props.topo;
   var store = topo.store;
   var topoState = store.useModelState('topoMod');
+
   var _topoState$currentTop = topoState.currentTopo,
-    _topoState$currentTop2 = _topoState$currentTop === void 0 ? {} : _topoState$currentTop,
-    topoName = _topoState$currentTop2.name;
+      _topoState$currentTop2 = _topoState$currentTop === void 0 ? {} : _topoState$currentTop,
+      topoName = _topoState$currentTop2.name;
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _TitleBarModule["default"].title
   }, topoName);
 }
+
 ;

package/lib/core/createTopoApp.js

@@ -1,11 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.createTopoApp = createTopoApp;
 exports.createTopology = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _TopoApp = _interopRequireDefault(require("./models/TopoApp"));
+
 /**
  *
  * @param options
@@ -14,5 +18,6 @@ var _TopoApp = _interopRequireDefault(require("./models/TopoApp"));
 function createTopoApp(options) {
   return new _TopoApp["default"]((0, _extends2["default"])({}, options));
 }
+
 var createTopology = createTopoApp;
 exports.createTopology = createTopology;