From c5be50698e31b48e28b512a64d14aa55108681b1 Mon Sep 17 00:00:00 2001
From: Yunine <rxy24@mails.tsinghua.edu.cn>
Date: Fri, 17 Jul 2026 17:25:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=94=BB=E5=B8=83=E6=8B=96?=
 =?UTF-8?q?=E6=8B=BD=E4=BA=A4=E4=BA=92=E4=BB=85=E4=BF=9D=E7=95=99=E9=BC=A0?=
 =?UTF-8?q?=E6=A0=87=E4=B8=AD=E9=94=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除鼠标右键拖拽画布的交互处理

保留鼠标中键拖拽画布功能

同步更新相关交互测试
---
 .../useImageCanvasStageInteractions.test.tsx  | 48 +++++++++++++++++++
 .../useImageCanvasStageInteractions.ts        |  2 +-
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/components/image-editor/useImageCanvasStageInteractions.test.tsx b/src/components/image-editor/useImageCanvasStageInteractions.test.tsx
index 0db87d40a..9c1ccdde9 100644
--- a/src/components/image-editor/useImageCanvasStageInteractions.test.tsx
+++ b/src/components/image-editor/useImageCanvasStageInteractions.test.tsx
@@ -920,4 +920,52 @@ describe('useImageCanvasStageInteractions', () => {
     expect(flushMinimapViewportDrag).toHaveBeenCalledTimes(1);
     expect(onViewportInteractionEnd).toHaveBeenCalledTimes(2);
   });
+
+  it('allows middle-button dragging and rejects right-button dragging', () => {
+    render(<StageInteractionsHarness />);
+
+    const viewport = screen.getByTestId('viewport');
+
+    act(() => {
+      fireEvent(
+        viewport, 
+        new MouseEvent('pointerdown',{
+          bubbles: true,
+          clientX: 100,
+          clientY: 100,
+          button: 1,
+          buttons: 4,
+        }),
+      );
+    });
+    expect(screen.getByTestId('panning').textContent).toBe('true');
+
+    act(() => {
+      fireEvent(
+        viewport, 
+        new MouseEvent('pointerup',{
+          bubbles: true,
+          clientX: 100,
+          clientY: 100,
+          button: 1,
+          buttons: 0,
+        }),
+      );
+    });
+    expect(screen.getByTestId('panning').textContent).toBe('false');
+
+    act(() => {
+      fireEvent(
+        viewport, 
+        new MouseEvent('pointerdown',{
+          bubbles: true,
+          clientX: 100,
+          clientY: 100,
+          button: 2,
+          buttons: 2,
+        }),
+      );
+    });
+    expect(screen.getByTestId('panning').textContent).toBe('false');
+  });
 });
diff --git a/src/components/image-editor/useImageCanvasStageInteractions.ts b/src/components/image-editor/useImageCanvasStageInteractions.ts
index 1b94876b2..5f19ae5d3 100644
--- a/src/components/image-editor/useImageCanvasStageInteractions.ts
+++ b/src/components/image-editor/useImageCanvasStageInteractions.ts
@@ -239,7 +239,7 @@ export function useImageCanvasStageInteractions({
   const handleCanvasPointerDown = useCallback(
     (event: ReactPointerEvent<HTMLDivElement>) => {
       const button = getPointerButton(event);
-      if (button !== 0 || effectiveTool === 'hand') {
+      if (button === 1 ||(button !== 2 && effectiveTool === 'hand')) {
         startPan(event);
         return;
       }