feat:update

package.json

@@ -18,7 +18,11 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+<<<<<<< HEAD
     "@antv/g6": "^5.0.51",
+=======
+    "@antv/g6": "^4.8.24",
+>>>>>>> bcccf5986756021846ec7ffd1850352eae45f26c
     "@element-plus/icons-vue": "^2.3.1",
     "@kangc/v-md-editor": "^2.3.18",
     "@microsoft/fetch-event-source": "^2.0.1",

src/views/exportControl/v2.0SingleSanction/components/deepMining/components/RelationGraph.vue

 <template>
   <div class="relation-graph-wrapper">
     <div class="graph-controls">
-      <div
-        v-for="item in controlBtns"
-        :key="item.type"
+      <div v-for="item in controlBtns" :key="item.type"
         :class="['control-btn', { 'control-btn-active': currentLayoutType === item.type }]"
-        @click="handleClickControlBtn(item.type)"
-      >
+        @click="handleClickControlBtn(item.type)">
         <img :src="item.icon" alt="" />
       </div>
     </div>
     <div ref="containerRef" class="graph-container"></div>
-    
+
     <div v-if="selectedNode" class="node-popup">
       <div class="popup-header">
         <img :src="selectedNode.image || defaultIcon" alt="" class="popup-icon" />
@@ -33,10 +30,8 @@
 
 <script setup>
 import { ref, onMounted, onUnmounted, watch, nextTick } from 'vue'
-// import G6 from '@antv/g6'
-import G6 from '@antv/g6/dist/g6.min';
+import { Graph, TreeGraph } from '@antv/g6'
 import { Close } from '@element-plus/icons-vue'
-
 import echartsIcon01 from '../assets/echartsicon01.png'
 import echartsIcon02 from '../assets/echartsicon02.png'
 import echartsIcon03 from '../assets/echartsicon03.png'
@@ -108,7 +103,7 @@ const initNormalGraph = (layoutType, width, height) => {
     alphaMin: 0.001
   }
 
-  graphInstance.value = new G6.Graph({
+  graphInstance.value = new Graph({
     container: containerRef.value,
     width,
     height,
@@ -237,7 +232,7 @@ const initCircularGraph = (width, height) => {
     centerNode.fy = centerY
   }
 
-  graphInstance.value = new G6.Graph({
+  graphInstance.value = new Graph({
     container: containerRef.value,
     width,
     height,
@@ -343,7 +338,7 @@ const initTreeGraph = (width, height) => {
 
   if (!treeDataSource) return
 
-  graphInstance.value = new G6.TreeGraph({
+  graphInstance.value = new TreeGraph({
     container: containerRef.value,
     width,
     height,
@@ -524,7 +519,7 @@ const processGraphData = (rawData) => {
 
   rawData.nodes.forEach((node, index) => {
     const nodeId = String(node.id || index)
-    
+
     if (nodeMap.has(nodeId)) {
       return
     }
@@ -798,4 +793,4 @@ defineExpose({
     }
   }
 }
-</style>
+</style>
\ No newline at end of file