mirror of
https://github.com/langgenius/dify.git
synced 2026-04-28 22:48:07 +08:00
f1ce933b33
1. Add confirmation dialog when closing dirty tabs 2. Fix file double-click race condition with useDelayedClick hook 3. Fix previewTabId orphan state in closeTab 4. Remove auto-pin on every keystroke (VS Code behavior) 5. Extract shared MenuItem component to eliminate duplication 6. Make nodeId optional when node is provided (reduce props drilling)
41 lines
1006 B
TypeScript
41 lines
1006 B
TypeScript
import { useCallback, useRef } from 'react'
|
|
|
|
type UseDelayedClickOptions = {
|
|
delay?: number
|
|
onSingleClick: () => void
|
|
onDoubleClick: () => void
|
|
}
|
|
|
|
/**
|
|
* Hook to distinguish between single-click and double-click events.
|
|
* Single-click is delayed to allow double-click detection.
|
|
* Double-click cancels any pending single-click.
|
|
*/
|
|
export function useDelayedClick({
|
|
delay = 200,
|
|
onSingleClick,
|
|
onDoubleClick,
|
|
}: UseDelayedClickOptions) {
|
|
const timeoutRef = useRef<NodeJS.Timeout | null>(null)
|
|
|
|
const handleClick = useCallback(() => {
|
|
if (timeoutRef.current)
|
|
clearTimeout(timeoutRef.current)
|
|
|
|
timeoutRef.current = setTimeout(() => {
|
|
onSingleClick()
|
|
timeoutRef.current = null
|
|
}, delay)
|
|
}, [delay, onSingleClick])
|
|
|
|
const handleDoubleClick = useCallback(() => {
|
|
if (timeoutRef.current) {
|
|
clearTimeout(timeoutRef.current)
|
|
timeoutRef.current = null
|
|
}
|
|
onDoubleClick()
|
|
}, [onDoubleClick])
|
|
|
|
return { handleClick, handleDoubleClick }
|
|
}
|