chore: update

package-lock.json

@@ -14,7 +14,7 @@
         "@fortaine/fetch-event-source": "^3.0.6",
         "@tinymce/tinymce-vue": "^5.0.1",
         "@vue-flow/controls": "^1.1.2",
-        "@vue-flow/core": "^1.38.5",
+        "@vue-flow/core": "^1.39.0",
         "@vueuse/components": "^10.11.0",
         "@vueuse/core": "^10.9.0",
         "axios": "^1.6.8",
@@ -1980,9 +1980,10 @@
       }
     },
     "node_modules/@vue-flow/core": {
-      "version": "1.38.5",
-      "resolved": "https://registry.npmjs.org/@vue-flow/core/-/core-1.38.5.tgz",
-      "integrity": "sha512-Bu1bmHNeyDN1r26yNCfrM2zJGS8S5w/H8yJJf2AtIALQT6TwOuOn8y0urzwbX8LqLW2h896O89yIOSkVC2lEOA==",
+      "version": "1.39.0",
+      "resolved": "https://registry.npmjs.org/@vue-flow/core/-/core-1.39.0.tgz",
+      "integrity": "sha512-QBcKFrLV5a6f+DmTALQQtNRKKF7q6HRd2KOVx0ygoHOUK0vwcawoOPd3KNpKVDOVjbf/D/L9zM5hrqruW6JjmQ==",
+      "license": "MIT",
       "dependencies": {
         "@vueuse/core": "^10.5.0",
         "d3-drag": "^3.0.0",

package.json

@@ -21,7 +21,7 @@
     "@fortaine/fetch-event-source": "^3.0.6",
     "@tinymce/tinymce-vue": "^5.0.1",
     "@vue-flow/controls": "^1.1.2",
-    "@vue-flow/core": "^1.38.5",
+    "@vue-flow/core": "^1.39.0",
     "@vueuse/components": "^10.11.0",
     "@vueuse/core": "^10.9.0",
     "axios": "^1.6.8",

src/modules/market/my/components/Report.vue

@@ -234,6 +234,7 @@ defineExpose({ generateImage, generatePdf })
           :edges="tripStore.edges"
           :zoom-on-scroll="false"
           :prevent-scrolling="false"
+          :pan-on-drag="false"
           disabled
           style="height: 200px; margin: 20px 0"></Flow>
         <p>相关节点设计说明如下：</p>
@@ -258,6 +259,7 @@ defineExpose({ generateImage, generatePdf })
             :edges="item.data.edges"
             :zoom-on-scroll="false"
             :prevent-scrolling="false"
+            :pan-on-drag="false"
             disabled
             style="height: 200px; margin: 20px 0"
             v-if="item.data.nodes?.length"></Flow>

src/modules/market/my/components/flow/Flow.vue

@@ -32,6 +32,8 @@ onConnect(params => {
 
 const { layout } = useLayout(findNode)
 async function layoutGraph(direction) {
+  if (props.disabled) return
+  console.log('layoutGraph', direction)
   setNodes(layout(nodes.value, edges.value, direction))
   nextTick(() => {
     fitView()
@@ -42,6 +44,7 @@ async function layoutGraph(direction) {
 <template>
   <VueFlow
     :id="id"
+    fit-view-on-init
     :connection-radius="30"
     :nodes-draggable="false"
     :nodes-connectable="false"

src/modules/market/my/components/flow/style.css

@@ -6,6 +6,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  box-sizing: border-box;
 }
 .flow-node-start {
   border-radius: 30px;