From 25827cdf8d1aeed82a691795eacac4fb0b44aa7b Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Sun, 24 Aug 2025 22:16:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(hooks):=20=E6=B7=BB=E5=8A=A0useDrag?=
 =?UTF-8?q?=E9=92=A9=E5=AD=90=E5=AE=9E=E7=8E=B0=E6=8B=96=E6=8B=BD=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/hooks/useDrag.ts | 38 +++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/renderer/src/hooks/useDrag.ts

diff --git a/src/renderer/src/hooks/useDrag.ts b/src/renderer/src/hooks/useDrag.ts
new file mode 100644
index 0000000000..b48382e550
--- /dev/null
+++ b/src/renderer/src/hooks/useDrag.ts
@@ -0,0 +1,38 @@
+import { useCallback, useState } from 'react'
+
+export const useDrag = <T extends HTMLElement>(onDrop: (e: React.DragEvent<T>) => Promise<void> | void) => {
+  const [isDragging, setIsDragging] = useState(false)
+
+  const handleDragOver = useCallback((e: React.DragEvent<T>) => {
+    e.preventDefault()
+    e.stopPropagation()
+  }, [])
+
+  const handleDragEnter = useCallback((e: React.DragEvent<T>) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDragging(true)
+  }, [])
+
+  const handleDragLeave = useCallback((e: React.DragEvent<T>) => {
+    e.preventDefault()
+    e.stopPropagation()
+    // 确保是离开当前元素，而不是进入子元素
+    if (e.currentTarget.contains(e.relatedTarget as Node)) {
+      return
+    }
+    setIsDragging(false)
+  }, [])
+
+  const handleDrop = useCallback(
+    async (e: React.DragEvent<T>) => {
+      e.preventDefault()
+      e.stopPropagation()
+      setIsDragging(false)
+      await onDrop(e)
+    },
+    [onDrop]
+  )
+
+  return { isDragging, handleDragOver, handleDragEnter, handleDragLeave, handleDrop }
+}