选择 连接模式

src/views/model/index.vue

@@ -539,7 +539,7 @@ const handleTopoButtonClick = ({ action, isActive }) => {
 // 处理 topoButtonBar 触发的 mode-switch 事件
 const handleTopoModeSwitch = (value) => {
   modeSwitch.value = value
-  setInteractive(!value)
+  // setInteractive(!value)
   console.log(value ? "切换到选择模式" : "切换到连接模式")
 }
 

src/views/model/vueflow/index.vue

@@ -14,6 +14,8 @@
         :max-zoom="2.5"
         :multi-selection-key-code="'Control'" 
         :selection-key-code="'Shift'"
+        :nodes-draggable="!props.isSelectMode"
+        :nodes-connectable="props.isSelectMode ? false : true"
         @drop="customOnDrop"
         @node-contextmenu="onNodeContextMenu"
         @dragover="onDragOver"