refactor: delete useContextMenu.ts (#1899 #1900)

This commit is contained in:
2026-09-14 20:44:53 +08:00
parent ce4e9b95e8
commit c0404816c3
@@ -1,68 +0,0 @@
import { useState, useRef, useCallback, useEffect } from "react"
interface ContextMenuState {
x: number
y: number
clipId: string
}
interface UseContextMenuOptions {
onClipSplit?: (clipId: string, splitRatio: number) => void
onClipResetTrim?: (clipId: string) => void
onClipRemove?: (clipId: string) => void
}
export function useContextMenu({
onClipSplit,
onClipResetTrim,
onClipRemove,
}: UseContextMenuOptions) {
const [contextMenu, setContextMenu] = useState<ContextMenuState | null>(null)
const contextMenuRef = useRef<HTMLDivElement>(null)
const handleContextMenu = useCallback((e: React.MouseEvent, clipId: string) => {
e.preventDefault()
e.stopPropagation()
setContextMenu({ x: e.clientX, y: e.clientY, clipId })
}, [])
const handleContextSplit = useCallback(() => {
if (!contextMenu) return
onClipSplit?.(contextMenu.clipId, 0.5)
setContextMenu(null)
}, [contextMenu, onClipSplit])
const handleContextResetTrim = useCallback(() => {
if (!contextMenu) return
onClipResetTrim?.(contextMenu.clipId)
setContextMenu(null)
}, [contextMenu, onClipResetTrim])
const handleContextDelete = useCallback(() => {
if (!contextMenu) return
onClipRemove?.(contextMenu.clipId)
setContextMenu(null)
}, [contextMenu, onClipRemove])
useEffect(() => {
const handleClickOutside = (e: MouseEvent) => {
if (contextMenuRef.current && !contextMenuRef.current.contains(e.target as Node)) {
setContextMenu(null)
}
}
if (contextMenu) {
document.addEventListener("mousedown", handleClickOutside)
}
return () => document.removeEventListener("mousedown", handleClickOutside)
}, [contextMenu])
return {
contextMenu,
setContextMenu,
contextMenuRef,
handleContextMenu,
handleContextSplit,
handleContextResetTrim,
handleContextDelete,
}
}