@riil-frontend/component-topology 2.15.20 → 2.15.23

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

@@ -123,10 +123,6 @@ 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 () {
     var notifier = topo.view.topoClient.notifier;
     notifier.on(_componentTopologyGraph.TopoEvent.EVENT_DOUBLE_CLICK, openOverview);
@@ -143,111 +139,94 @@ function BaseInfo(props) {
   }, []); // 解决切换拓扑图隐藏概览
 
   (0, _react.useEffect)(function () {
-    setVisible(false);
-    setParamData(null); // TODO 其他数据重置
+    setVisible(false); // 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)
-  // }
+  } // select切换
 
 
   function _getUser() {
-    _getUser = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var res;
-      return _regenerator["default"].wrap(function _callee$(_context) {
+    _getUser = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
-              _context.next = 2;
-              return _overview["default"].getUserId();
-
-            case 2:
-              res = _context.sent;
-              setUserId((res === null || res === void 0 ? void 0 : res.user_id) || '');
-
-            case 4:
+              setUserId( /*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(prev) {
+                  var res;
+                  return _regenerator["default"].wrap(function _callee$(_context) {
+                    while (1) {
+                      switch (_context.prev = _context.next) {
+                        case 0:
+                          console.log('获取用户id', prev); // 如果已经获取过，就不再重新获取
+
+                          if (!prev) {
+                            _context.next = 3;
+                            break;
+                          }
+
+                          return _context.abrupt("return", prev);
+
+                        case 3:
+                          _context.next = 5;
+                          return _overview["default"].getUserId();
+
+                        case 5:
+                          res = _context.sent;
+                          return _context.abrupt("return", (res === null || res === void 0 ? void 0 : res.user_id) || '');
+
+                        case 7:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }
+                  }, _callee);
+                }));
+
+                return function (_x) {
+                  return _ref2.apply(this, arguments);
+                };
+              }());
+
+            case 1:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee);
+      }, _callee2);
     }));
     return _getUser.apply(this, arguments);
   }
 
   function onChangeActive(activeNode) {
-    console.log('切换基本信息资源', activeNode);
-    activeNode && openOverview((0, _extends2["default"])({}, activeNode, {
+    activeNode && init((0, _extends2["default"])({}, activeNode, {
       type: 'node'
-    }));
-  }
+    }), 'select');
+  } // 单击切换
 
-  (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);
-    setParamData(data);
-  }
+    init(data, 'click');
+  } // 双击打开
+
 
   function openOverview(data) {
-    console.log('双击打开基本信息', data);
-    setParamData((0, _extends2["default"])({}, data, {
-      isVisible: true
-    }));
+    init(data, 'doubleClick');
   }
 
-  function init(data) {
+  function init(data, targetType) {
     var _topo$options$resourc;
 
-    console.log('初始化基本信息', data);
+    console.log('初始化基本信息', data, targetType);
     var id = data.id,
         name = data.name,
         type = data.type,
         ciType = data.ciType,
         ciName = data.ciName,
-        operation = data.operation,
-        isVisible = data.isVisible; // 仅展示资源和链路的概览
+        operation = data.operation; // 仅展示资源和链路的概览
 
     if (!['node', 'link', 'linkGroup'].includes(type)) return; // 应用拓扑中没有链路详情
 
@@ -273,9 +252,9 @@ function BaseInfo(props) {
 
     }); // 显示隐藏
 
-    isVisible && setVisible(true); // userId
+    targetType === 'doubleClick' && setVisible(true); // userId
 
-    userId || getUser();
+    getUser();
   }
 
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
@@ -296,7 +275,7 @@ function BaseInfo(props) {
   }, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
     title: "\u8D44\u6E90\u6982\u89C8",
     key: "1"
-  }, /*#__PURE__*/_react["default"].createElement(_ResourceOverview["default"], (0, _extends2["default"])({}, props, activeData, {
+  }, activeData.id && /*#__PURE__*/_react["default"].createElement(_ResourceOverview["default"], (0, _extends2["default"])({}, props, activeData, {
     userId: userId
   }))))));
 }

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

@@ -9,56 +9,61 @@ var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
 
+var _overlay = _interopRequireDefault(require("@alifd/next/lib/overlay"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
 
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 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 Popup = _overlay["default"].Popup;
 /**
  * 元素拖拽开关
  *
  * @return {any}
  */
+
 function AlarmListShowButton(props) {
   var topo = props.topo,
-      style = props.style;
+      style = props.style,
+      viewerProps = props.viewerProps;
+  var AlarmListPanel = viewerProps.AlarmListPanel;
   var store = topo.store;
 
   var _store$useModel = store.useModel("topoAlarm"),
       topoState = _store$useModel[0];
 
-  var alarmPanelIsOpen = topoState.alarmPanelIsOpen; // const [visiable, setVisiable] = useState(false);
-  // useEffect(() => {
-  //   if (movable) {
-  //     setVisiable(false);
-  //   }
-  // }, []);
-  // 初始化时注册打开设置事件
-  //   useEffect(() => {
-  //     const handleRefresh = (e) => {
-  //       setMovable(false);
-  //     };
-  //     notifier && notifier.on(TopoEvent.EVENT_REFRESH, handleRefresh);
-  //     return () => {
-  //       notifier && notifier.off(TopoEvent.EVENT_REFRESH, handleRefresh);
-  //     };
-  //   }, [notifier]);
+  var alarmPanelIsOpen = topoState.alarmPanelIsOpen;
+  var alarmBtn = (0, _react.useRef)();
 
   var showAlarmList = function showAlarmList() {
-    // const flag = !visiable;
-    //setVisiable(flag);
-    topo.alarm.switchAlarmPopPanel(true); // topo.getGraphView().setMovableFunc((data) => {
-    //   return flag; // self._graphView.dm().sm().getSelection().size()===1 && !(data instanceof ht.Grid);
-    // });
+    topo.alarm.switchAlarmPopPanel(true);
+  };
+
+  var onVisibleChange = function onVisibleChange(visible) {
+    topo.alarm.switchAlarmPopPanel(visible);
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    style: style,
-    onClick: showAlarmList
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    type: "warning"
-  }));
+  return /*#__PURE__*/_react["default"].createElement(Popup, {
+    trigger: /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      style: style,
+      ref: alarmBtn
+    }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+      type: "warning"
+    })),
+    cache: true,
+    defaultVisible: true,
+    visible: alarmPanelIsOpen,
+    onVisibleChange: onVisibleChange,
+    offset: [112, 5],
+    triggerType: "click",
+    safeNode: function safeNode() {
+      return alarmBtn;
+    }
+  }, /*#__PURE__*/_react["default"].createElement(AlarmListPanel, props));
 }

package/lib/hooks/useTopoEdit.js

@@ -852,7 +852,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
   var bindNodeResource = /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(params) {
-      var id, oldResId, newResId, node, groupElement, config, groupId, groupTag, _yield$editDispatcher, elements, nodeRelatedData, replaceOrAddRes;
+      var id, oldResId, newResId, node, groupElement, config, groupId, groupTag, _yield$editDispatcher, elements, nodeRelatedDatas, replaceOrAddRes;
 
       return _regenerator["default"].wrap(function _callee7$(_context7) {
         while (1) {
@@ -881,7 +881,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
                 groupTag = groupElement.a('tag'); // 容器临时id
 
-                config.groups = groups.map(function (g) {
+                config.groups = config.groups.map(function (g) {
                   // 匹配到容器，替换资源或增加
                   if (g.id === groupId || g.tag === groupTag) {
                     return (0, _extends2["default"])({}, g, {
@@ -908,15 +908,26 @@ var useTopoEdit = function useTopoEdit(params) {
               _yield$editDispatcher = _context7.sent;
               elements = _yield$editDispatcher.topoDataTrans;
               // 过滤出关联的节点和连线，通知ht更新
-              nodeRelatedData = (0, _format.filterElementsByNodeId)(elements, newResId);
-              saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_SINGLE, nodeRelatedData);
+              nodeRelatedDatas = (0, _format.filterElementsByNodeId)(elements, newResId);
+
+              if (nodeRelatedDatas.length) {
+                _context7.next = 17;
+                break;
+              }
+
+              _message["default"].error('关联资源失败');
+
+              return _context7.abrupt("return", false);
+
+            case 17:
+              saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_SINGLE, nodeRelatedDatas);
               node.a('customName', null); // 临时放这里，仅拓扑中心有
 
               if (topo.linkDynamicStyleExecutor) {
                 topo.linkDynamicStyleExecutor.execute();
               }
 
-            case 17:
+            case 20:
             case "end":
               return _context7.stop();
           }

package/lib/index.js

@@ -4,13 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 exports.__esModule = true;
 var _exportNames = {
-  Topology: true
+  iconFactory: true,
+  Topology: true,
+  htElementUtils: true
 };
+exports.htElementUtils = void 0;
+
+var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+
+exports.iconFactory = _componentTopologyGraph.iconFactory;
 
 var _TopoView = _interopRequireDefault(require("./core/components/TopoView"));
 
 exports.Topology = _TopoView["default"];
 
+var htElementUtils = _interopRequireWildcard(require("./utils/htElementUtils"));
+
+exports.htElementUtils = htElementUtils;
+
 var _createTopo = require("./createTopo");
 
 Object.keys(_createTopo).forEach(function (key) {
@@ -27,4 +38,8 @@ Object.keys(_titlebar).forEach(function (key) {
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _titlebar[key]) return;
   exports[key] = _titlebar[key];
-});
+});
+
+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; }

package/lib/style.js

@@ -23,6 +23,7 @@ require('@alifd/next/lib/divider/style');
 require('@alifd/next/lib/box/style');
 require('@alifd/next/lib/dropdown/style');
 require('@alifd/next/lib/menu/style');
+require('@alifd/next/lib/overlay/style');
 require('@alifd/next/lib/radio/style');
 require('@alifd/next/lib/checkbox/style');
 require('@alifd/next/lib/grid/style');

package/lib/topoCenter/components/TopoView.js

@@ -41,7 +41,7 @@ function NetworkTopology(props) {
       titleBar = props.titleBar,
       onEnterEdit = props.onEnterEdit,
       otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  var topoState = topo.store.useModelState('topoMod');
+  var topoState = topo.store.useModelState("topoMod");
   var loading = topoState.loading,
       topoId = topoState.topoId,
       topoData = topoState.topoData,
@@ -51,7 +51,8 @@ function NetworkTopology(props) {
     var viewerProps = (0, _extends2["default"])({}, props.viewerProps, {
       showLinkConfig: true,
       // 是否显示链路相关配置
-      plugins: [_AlarmListPanel["default"]]
+      AlarmListPanel: _AlarmListPanel["default"],
+      plugins: []
     });
     return /*#__PURE__*/_react["default"].createElement(_TopoView["default"], (0, _extends2["default"])({}, otherProps, {
       topo: topo,
@@ -89,9 +90,9 @@ function NetworkTopology(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _indexModule["default"]['topo-center-view']
+    className: _indexModule["default"]["topo-center-view"]
   }, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-    className: _indexModule["default"]['topo-center-mask-loading'],
+    className: _indexModule["default"]["topo-center-mask-loading"],
     visible: loading
   }, renderContent()));
 }

package/lib/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js

@@ -7,14 +7,12 @@ exports["default"] = LayerResourceList;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
 
 var _ResourceList = _interopRequireDefault(require("../../../../core/editor/components/settings/common/GroupNodeList/ResourceList"));
 
 var _htElementUtils = require("../../../../utils/htElementUtils");
 
-var _icon = require("../../../../core/common/icons/icon");
-
 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; }
@@ -53,7 +51,7 @@ function LayerResourceList(props) {
         resource = _ref.resource;
     return {
       title: resource.name,
-      img: (0, _icon.getIconById)(node.getImage(), topo)
+      img: _componentTopologyGraph.iconFactory.getIconImageUrl(node.getImage())
     };
   }); // rlog.debug('LayerResourceList', {nodes, resourceNodes, data});
 

package/lib/topoCenter/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js

@@ -38,9 +38,7 @@ function LinkSetting(props) {
     onChange: function onChange(name, value) {
       var newValues = field.getValues();
 
-      if (values[name] !== value) {
-        _onChange(name, value, newValues);
-      }
+      _onChange(name, value, newValues);
     }
   });
 

package/lib/topoCenter/hooks/editor/useDeleteEdges.js

@@ -17,6 +17,8 @@ var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
+var _linkUtils = require("../../../core/models/utils/linkUtils");
+
 var _link = _interopRequireDefault(require("../../services/link"));
 
 var _linPermissionUtil = require("../../utils/linPermissionUtil");
@@ -57,6 +59,7 @@ var _default = function _default(_ref) {
   var deleteLink = function deleteLink(edge) {
     var id = edge.getTag();
     var link = topo.dataModel.getDataById(id);
+    var isAgg = (0, _linkUtils.isAggLink)(link);
 
     if (!checkLinkDeleteable(link)) {
       return;
@@ -64,7 +67,7 @@ var _default = function _default(_ref) {
 
     var htTopo = topo.getHtTopo();
     confirmDeleteLink( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var success, edgesInNodes, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
+      var success, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
 
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
@@ -86,26 +89,32 @@ var _default = function _default(_ref) {
               return _context.abrupt("return");
 
             case 6:
-              _message["default"].success('删除成功'); // 当前是连线组代理，清空组数据
+              _message["default"].success('删除成功'); // 获取两个节点间的连线数据列表 
+
 
+              edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
 
-              if (htTopo.isEdgeGroupAgent(edge)) {
-                // 获取两个节点间的连线数据列表 
-                edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget()); // 如果仅一条连线且有连线数据，则清空连线组数据，此时展示连线的数据
+              if (edgesInNodes.length >= 2) {
+                htTopo.deleteEdge(edge);
+              } else {
+                // 一根线时
+                edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
+                edgeData = htTopo.getEdgeData(edge);
 
-                if (edgesInNodes.length === 1 && htTopo.getEdgeData(edge)) {
+                if (isAgg && edgeData) {
+                  // 当前是连线组代理 且 有连线数据，清空组数据
                   htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
+                } else if (!isAgg && edgeGroupData) {
+                  htTopo.setEdgeData(edge, null);
                 } else {
                   htTopo.deleteEdge(edge);
                 }
-              } else {
-                htTopo.deleteEdge(edge);
               } // 更新数据
 
 
               _topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
               _topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
-              _context.next = 12;
+              _context.next = 13;
               return topoDispatchers.update({
                 data: (0, _extends2["default"])({}, topoState.data, {
                   links: links.filter(function (link) {
@@ -117,11 +126,11 @@ var _default = function _default(_ref) {
                 })
               });
 
-            case 12:
+            case 13:
               // 刷新链路动态线宽
               topo.linkDynamicStyleExecutor.execute();
 
-            case 13:
+            case 14:
             case "end":
               return _context.stop();
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "2.15.20",
+  "version": "2.15.23",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -41,7 +41,7 @@
     "@ahooksjs/use-tree-plugin": "^0.2.1",
     "@alifd/biz-anchor": "^1.1.7",
     "@ice/store": "^1.4.2",
-    "@riil-frontend/component-topo-icon-select": "^1.0.9",
+    "@riil-frontend/component-topo-icon-select": "^1.0.10",
     "@riil-frontend/component-topology-utils": "^2.0.20-alpha.0",
     "classnames": "^2.2.3",
     "prop-types": "^15.5.8",
@@ -68,7 +68,7 @@
     "@riil-frontend/component-table-filter-tags": "latest",
     "@riil-frontend/component-table-layout": "^2.0.2",
     "@riil-frontend/component-topology-common": "^1.0.9",
-    "@riil-frontend/component-topology-graph": "^2.5.2",
+    "@riil-frontend/component-topology-graph": "^2.5.6",
     "@riil-frontend/css": "^2.0.2",
     "@riil-frontend/hooks": "latest",
     "@riil-frontend/next-collapse": "^1.0.1-a.0",
@@ -110,6 +110,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.15.20/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.15.23/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }