fix(ColorPicker): fix slider mouse move behavior bug (#3042)

* fix: ä¿color-picker-panel slider鼠标move缺陷 * fix: color-picker-panel slider mouseup mousemove绑定缺陷 --------- Co-authored-by: jhl <[email protected]>
Tencent · Aug 9, 2024 · 037202d · 037202d
1 parent d655613
commit 037202d
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/hooks/useDrag.ts b/src/hooks/useDrag.ts
@@ -44,17 +44,15 @@ const useDrag = (ref, options: DraggableProps) => {
   const handlePointerUp = (e: MouseEvent) => {
     isDraggingRef.current = false;
     end(getCoordinate(e), e);
-    const element = ref.current;
-    element.removeEventListener('mouseup', handlePointerUp);
-    element.removeEventListener('mousemove', handlePointerMove);
+    document.removeEventListener('mouseup', handlePointerUp);
+    document.removeEventListener('mousemove', handlePointerMove);
   };
 
   const handlePointerDown = (e: MouseEvent) => {
     isDraggingRef.current = true;
     start(getCoordinate(e), e);
-    const element = ref.current;
-    element.addEventListener('mouseup', handlePointerUp);
-    element.addEventListener('mousemove', handlePointerMove);
+    document.addEventListener('mouseup', handlePointerUp);
+    document.addEventListener('mousemove', handlePointerMove);
   };
 
   useEffect(() => {