fix: 拓扑显示居中响应改变宽高

src/views/dashboard/overview/components/Topology/index.vue

@@ -138,6 +138,8 @@ function handleRanderGraph(
     height: clientHeight - 36,
     fitCenter: true,
     fitView: true,
+    fitViewPadding: [40],
+    autoPaint: true,
     modes: {
       default: [
         'drag-combo',
@@ -166,6 +168,20 @@ function handleRanderGraph(
 
   graphG6.value = graph;
 
+  // 创建 ResizeObserver 实例
+  var observer = new ResizeObserver(function (entries) {
+    // 当元素大小发生变化时触发回调函数
+    entries.forEach(function (entry) {
+      graphG6.value.changeSize(
+        entry.contentRect.width,
+        entry.contentRect.height - 30
+      );
+      graphG6.value.fitCenter();
+    });
+  });
+  // 监听元素大小变化
+  observer.observe(container);
+
   return graph;
 }