@riil-frontend/component-topology 2.15.19 → 2.15.20

package/es/components/ResourceSelectDrawer/ResourceSelectList.js

@@ -23,7 +23,10 @@ function ResourceSelectList(props, ref) {
     limitTypes: limitTypes || RESOURCE_LIMIT_TYPES,
     defaultCondition: excludeIds.length ? "!id('" + excludeIds.join('\',\'') + "')" : undefined,
     request: getRequest(),
-    tableProps: tableProps
+    tableProps: tableProps,
+    paginationProps: {
+      type: 'simple'
+    }
   });
 }
 

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

@@ -122,6 +122,7 @@ var TopoView = function TopoView(props) {
   useEffect(function () {
     return function () {
       topoDispatchers.reset();
+      clearSelection();
     };
   }, []);
   var onGraphCreated = useCallback(function (topoClient) {

package/es/core/models/TopoApp.js

@@ -20,7 +20,7 @@ import { updateEdgeExpanded } from "../utils/edgeUtil";
 import PluginManager from "./PluginManager";
 import topoFactory from "./topoFactory"; // eslint-disable-next-line no-undef
 
-var version = typeof "2.15.19" === 'string' ? "2.15.19" : null;
+var version = typeof "2.15.20" === 'string' ? "2.15.20" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

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

@@ -20,12 +20,13 @@ import { queryCisByIds } from "../../../../../../services";
 import styles from "./index.module.scss"; // 基本信息
 
 function BaseInfoRender(type, data) {
+  var _itemCols$type;
+
   var itemCols = {
     node: [{
       label: '资源名称：',
       objKey: 'resource',
       render: function render(valueData, key) {
-        console.log('资源名称：', valueData, key);
         var display_name = valueData.display_name,
             link = valueData.link;
         return /*#__PURE__*/React.createElement("div", {
@@ -80,7 +81,7 @@ function BaseInfoRender(type, data) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles['base-info']
-  }, itemCols[type].map(function (_ref, key) {
+  }, (_itemCols$type = itemCols[type]) === null || _itemCols$type === void 0 ? void 0 : _itemCols$type.map(function (_ref, key) {
     var label = _ref.label,
         objKey = _ref.objKey,
         style = _ref.style,

package/es/core/viewer/components/plugins/BaseInfo/index.js

@@ -100,8 +100,11 @@ function BaseInfo(props) {
       userId = _useState4[0],
       setUserId = _useState4[1];
 
+  var _useState5 = useState(null),
+      paramData = _useState5[0],
+      setParamData = _useState5[1];
+
   useEffect(function () {
-    getUser();
     var notifier = topo.view.topoClient.notifier;
     notifier.on(TopoEvent.EVENT_DOUBLE_CLICK, openOverview);
     notifier.on('topo_element_click', changeOverview);
@@ -117,12 +120,51 @@ function BaseInfo(props) {
   }, []); // 解决切换拓扑图隐藏概览
 
   useEffect(function () {
-    setVisible(false); // TODO 其他数据重置
+    setVisible(false);
+    setParamData(null); // TODO 其他数据重置
   }, [topoId]);
 
   function getUser() {
     return _getUser.apply(this, arguments);
-  }
+  } // function changeOverview (node) {
+  //   const data = node.getAttrObject()
+  //   console.log('单击切换基本信息', data);
+  //   setVisible(prev => {
+  //     prev && openOverview(data)
+  //     return prev
+  //   })
+  // }
+  // function openOverview (data) {
+  //   console.log('双击打开基本信息', data);
+  //   const {
+  //     id,
+  //     name,
+  //     type,
+  //     ciType,
+  //     ciName,
+  //     operation,
+  //   } = data
+  //   // 仅展示资源和链路的概览
+  //   if (!['node', 'link', 'linkGroup'].includes(type)) return
+  //   // 应用拓扑中没有链路详情
+  //   if (topo.options.resourceOverviewDrawer?.getData && type === 'link') return
+  //   // 没有权限不显示
+  //   if (!operation) return
+  //   setActiveData({
+  //     id,
+  //     name,
+  //     type: type === 'linkGroup' ? 'link' : type,
+  //     ciType,
+  //     ciName
+  //   })
+  //   const { metrics } = topo.ciTyeCache.getCiType(ciType)
+  //   topoDispatchers.update({
+  //     id,
+  //     metricCodes: metrics.slice(0, 6).map(item => item.code), // 需要展示的关键指标 code
+  //   })
+  //   setVisible(true)
+  // }
+
 
   function _getUser() {
     _getUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -148,25 +190,41 @@ function BaseInfo(props) {
     return _getUser.apply(this, arguments);
   }
 
+  function onChangeActive(activeNode) {
+    console.log('切换基本信息资源', activeNode);
+    activeNode && openOverview(_extends({}, activeNode, {
+      type: 'node'
+    }));
+  }
+
+  useEffect(function () {
+    (visible || (paramData === null || paramData === void 0 ? void 0 : paramData.isVisible)) && paramData && init(paramData);
+  }, [paramData, visible]);
+
   function changeOverview(node) {
     var data = node.getAttrObject();
     console.log('单击切换基本信息', data);
-    setVisible(function (prev) {
-      prev && openOverview(data);
-      return prev;
-    });
+    setParamData(data);
   }
 
   function openOverview(data) {
+    console.log('双击打开基本信息', data);
+    setParamData(_extends({}, data, {
+      isVisible: true
+    }));
+  }
+
+  function init(data) {
     var _topo$options$resourc;
 
-    console.log('双击打开基本信息', data);
+    console.log('初始化基本信息', data);
     var id = data.id,
         name = data.name,
         type = data.type,
         ciType = data.ciType,
         ciName = data.ciName,
-        operation = data.operation; // 仅展示资源和链路的概览
+        operation = data.operation,
+        isVisible = data.isVisible; // 仅展示资源和链路的概览
 
     if (!['node', 'link', 'linkGroup'].includes(type)) return; // 应用拓扑中没有链路详情
 
@@ -190,15 +248,11 @@ function BaseInfo(props) {
         return item.code;
       }) // 需要展示的关键指标 code
 
-    });
-    setVisible(true);
-  }
+    }); // 显示隐藏
 
-  function onChangeActive(activeNode) {
-    console.log('切换基本信息资源', activeNode);
-    activeNode && openOverview(_extends({}, activeNode, {
-      type: 'node'
-    }));
+    isVisible && setVisible(true); // userId
+
+    userId || getUser();
   }
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Drawer, {

package/lib/components/ResourceSelectDrawer/ResourceSelectList.js

@@ -37,7 +37,10 @@ function ResourceSelectList(props, ref) {
     limitTypes: limitTypes || _ResourceTypeLimit.RESOURCE_LIMIT_TYPES,
     defaultCondition: excludeIds.length ? "!id('" + excludeIds.join('\',\'') + "')" : undefined,
     request: (0, _componentTopologyCommon.getRequest)(),
-    tableProps: tableProps
+    tableProps: tableProps,
+    paginationProps: {
+      type: 'simple'
+    }
   });
 }
 

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

@@ -151,6 +151,7 @@ var TopoView = function TopoView(props) {
   (0, _react.useEffect)(function () {
     return function () {
       topoDispatchers.reset();
+      clearSelection();
     };
   }, []);
   var onGraphCreated = (0, _react.useCallback)(function (topoClient) {

package/lib/core/models/TopoApp.js

@@ -48,7 +48,7 @@ var _PluginManager = _interopRequireDefault(require("./PluginManager"));
 var _topoFactory = _interopRequireDefault(require("./topoFactory"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "2.15.19" === 'string' ? "2.15.19" : null;
+var version = typeof "2.15.20" === 'string' ? "2.15.20" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

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

@@ -51,12 +51,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // 基本信息
 function BaseInfoRender(type, data) {
+  var _itemCols$type;
+
   var itemCols = {
     node: [{
       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", {
@@ -111,7 +112,7 @@ function BaseInfoRender(type, data) {
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"]['base-info']
-  }, itemCols[type].map(function (_ref, key) {
+  }, (_itemCols$type = itemCols[type]) === null || _itemCols$type === void 0 ? void 0 : _itemCols$type.map(function (_ref, key) {
     var label = _ref.label,
         objKey = _ref.objKey,
         style = _ref.style,

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

@@ -123,8 +123,11 @@ function BaseInfo(props) {
       userId = _useState4[0],
       setUserId = _useState4[1];
 
+  var _useState5 = (0, _react.useState)(null),
+      paramData = _useState5[0],
+      setParamData = _useState5[1];
+
   (0, _react.useEffect)(function () {
-    getUser();
     var notifier = topo.view.topoClient.notifier;
     notifier.on(_componentTopologyGraph.TopoEvent.EVENT_DOUBLE_CLICK, openOverview);
     notifier.on('topo_element_click', changeOverview);
@@ -140,12 +143,51 @@ function BaseInfo(props) {
   }, []); // 解决切换拓扑图隐藏概览
 
   (0, _react.useEffect)(function () {
-    setVisible(false); // TODO 其他数据重置
+    setVisible(false);
+    setParamData(null); // TODO 其他数据重置
   }, [topoId]);
 
   function getUser() {
     return _getUser.apply(this, arguments);
-  }
+  } // function changeOverview (node) {
+  //   const data = node.getAttrObject()
+  //   console.log('单击切换基本信息', data);
+  //   setVisible(prev => {
+  //     prev && openOverview(data)
+  //     return prev
+  //   })
+  // }
+  // function openOverview (data) {
+  //   console.log('双击打开基本信息', data);
+  //   const {
+  //     id,
+  //     name,
+  //     type,
+  //     ciType,
+  //     ciName,
+  //     operation,
+  //   } = data
+  //   // 仅展示资源和链路的概览
+  //   if (!['node', 'link', 'linkGroup'].includes(type)) return
+  //   // 应用拓扑中没有链路详情
+  //   if (topo.options.resourceOverviewDrawer?.getData && type === 'link') return
+  //   // 没有权限不显示
+  //   if (!operation) return
+  //   setActiveData({
+  //     id,
+  //     name,
+  //     type: type === 'linkGroup' ? 'link' : type,
+  //     ciType,
+  //     ciName
+  //   })
+  //   const { metrics } = topo.ciTyeCache.getCiType(ciType)
+  //   topoDispatchers.update({
+  //     id,
+  //     metricCodes: metrics.slice(0, 6).map(item => item.code), // 需要展示的关键指标 code
+  //   })
+  //   setVisible(true)
+  // }
+
 
   function _getUser() {
     _getUser = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
@@ -171,25 +213,41 @@ function BaseInfo(props) {
     return _getUser.apply(this, arguments);
   }
 
+  function onChangeActive(activeNode) {
+    console.log('切换基本信息资源', activeNode);
+    activeNode && openOverview((0, _extends2["default"])({}, activeNode, {
+      type: 'node'
+    }));
+  }
+
+  (0, _react.useEffect)(function () {
+    (visible || (paramData === null || paramData === void 0 ? void 0 : paramData.isVisible)) && paramData && init(paramData);
+  }, [paramData, visible]);
+
   function changeOverview(node) {
     var data = node.getAttrObject();
     console.log('单击切换基本信息', data);
-    setVisible(function (prev) {
-      prev && openOverview(data);
-      return prev;
-    });
+    setParamData(data);
   }
 
   function openOverview(data) {
+    console.log('双击打开基本信息', data);
+    setParamData((0, _extends2["default"])({}, data, {
+      isVisible: true
+    }));
+  }
+
+  function init(data) {
     var _topo$options$resourc;
 
-    console.log('双击打开基本信息', data);
+    console.log('初始化基本信息', data);
     var id = data.id,
         name = data.name,
         type = data.type,
         ciType = data.ciType,
         ciName = data.ciName,
-        operation = data.operation; // 仅展示资源和链路的概览
+        operation = data.operation,
+        isVisible = data.isVisible; // 仅展示资源和链路的概览
 
     if (!['node', 'link', 'linkGroup'].includes(type)) return; // 应用拓扑中没有链路详情
 
@@ -213,15 +271,11 @@ function BaseInfo(props) {
         return item.code;
       }) // 需要展示的关键指标 code
 
-    });
-    setVisible(true);
-  }
+    }); // 显示隐藏
 
-  function onChangeActive(activeNode) {
-    console.log('切换基本信息资源', activeNode);
-    activeNode && openOverview((0, _extends2["default"])({}, activeNode, {
-      type: 'node'
-    }));
+    isVisible && setVisible(true); // userId
+
+    userId || getUser();
   }
 
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_drawer["default"], {

package/package.json

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