cleanup

2026-05-07 06:23:06 +08:00 · 2026-03-15 16:53:10 +00:00
parent 9d18c36eb3
commit 82dc0390dd
1 changed files with 0 additions and 106 deletions
@@ -1,106 +0,0 @@
 import { useCallback, useRef } from 'react';
 type LongPressOptions = {
  threshold?: number;
  onLongPress: (e: React.TouchEvent | React.MouseEvent) => void;
  onClick?: (e: React.TouchEvent | React.MouseEvent) => void;
 };
 type LongPressHandlers = {
  onMouseDown: (e: React.MouseEvent) => void;
  onMouseUp: (e: React.MouseEvent) => void;
  onMouseLeave: (e: React.MouseEvent) => void;
  onTouchStart: (e: React.TouchEvent) => void;
  onTouchEnd: (e: React.TouchEvent) => void;
 };
 export function useLongPress({
  threshold = 400,
  onLongPress,
  onClick,
 }: LongPressOptions): LongPressHandlers {
  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
  const isLongPressRef = useRef(false);
  const startPosRef = useRef<{ x: number; y: number } | null>(null);
  const start = useCallback(
    (e: React.TouchEvent | React.MouseEvent) => {
      isLongPressRef.current = false;
      // Store initial position to detect movement
      if ('touches' in e) {
        startPosRef.current = {
          x: e.touches[0].clientX,
          y: e.touches[0].clientY,
        };
      } else {
        startPosRef.current = { x: e.clientX, y: e.clientY };
      }
      timerRef.current = setTimeout(() => {
        isLongPressRef.current = true;
        onLongPress(e);
      }, threshold);
    },
    [onLongPress, threshold]
  );
  const clear = useCallback(
    (e: React.TouchEvent | React.MouseEvent, shouldTriggerClick = true) => {
      if (timerRef.current) {
        clearTimeout(timerRef.current);
        timerRef.current = null;
      }
      if (shouldTriggerClick && !isLongPressRef.current && onClick) {
        onClick(e);
      }
    },
    [onClick]
  );
  const handleMouseDown = useCallback(
    (e: React.MouseEvent) => {
      // Only handle left click
      if (e.button !== 0) return;
      start(e);
    },
    [start]
  );
  const handleMouseUp = useCallback(
    (e: React.MouseEvent) => {
      clear(e);
    },
    [clear]
  );
  const handleMouseLeave = useCallback(
    (e: React.MouseEvent) => {
      clear(e, false);
    },
    [clear]
  );
  const handleTouchStart = useCallback(
    (e: React.TouchEvent) => {
      start(e);
    },
    [start]
  );
  const handleTouchEnd = useCallback(
    (e: React.TouchEvent) => {
      clear(e);
    },
    [clear]
  );
  return {
    onMouseDown: handleMouseDown,
    onMouseUp: handleMouseUp,
    onMouseLeave: handleMouseLeave,
    onTouchStart: handleTouchStart,
    onTouchEnd: handleTouchEnd,
  };
 }