fix: support dynamically toggling drag and selection features

Author: SSShooter

src/methods.ts

@@ -86,10 +86,8 @@ const methods = {
     if (import.meta.env.MODE !== 'lite') {
       this.keypress && keypressInit(this, this.keypress)
 
-      if (this.editable) {
-        selection(this)
-        this.disposable.push(nodeDraggable(this))
-      }
+      selection(this)
+      this.disposable.push(nodeDraggable(this))
       if (this.contextMenu) {
         this.disposable.push(contextMenu(this, this.contextMenu))
       }

src/mouse.ts

@@ -20,8 +20,8 @@ export default function (mind: MindElixirInstance) {
   let lastDistance: number | null = null
   const activePointers = new Map<number, { x: number; y: number }>()
 
-  // Node drag state - only initialize if draggable is enabled
-  const nodeDragState = mind.editable ? createNodeDragState(mind) : null
+  // Node drag state - always initialize
+  const nodeDragState = createNodeDragState(mind)
 
   // Long press state for touch devices
   let longPressTimer: number | null = null
@@ -190,7 +190,7 @@ export default function (mind: MindElixirInstance) {
     const mouseMoveButton = mind.mouseSelectionButton === 0 ? 2 : 0
 
     // Handle node dragging with left button or touch (only for topics)
-    if (nodeDragState && (e.button === 0 || e.pointerType === 'touch')) {
+    if (mind.editable && nodeDragState && (e.button === 0 || e.pointerType === 'touch')) {
       // For touch, only start drag with single finger
       if (e.pointerType === 'touch' && activePointers.size > 1) {
         // Cancel any ongoing drag if second finger touches

src/plugin/selection.ts

@@ -25,6 +25,7 @@ export default function (mei: MindElixirInstance) {
     },
   })
     .on('beforestart', ({ event }) => {
+      if (!mei.editable) return false
       if (mei.spacePressed) return false
       const target = event!.target as HTMLElement
       if (target.id === 'input-box') return false