feat: ✨ add pointerDown action

Author: enson0131

src/index.tsx

@@ -523,6 +523,21 @@ export function generateTrigger(
       };
     }
 
+    // ======================= Action: PointDown ========================
+    const pointDownToShow = showActions.has('pointDown');
+    const pointDownToHide = hideActions.has('pointDown');
+    if (pointDownToShow || pointDownToHide) {
+      cloneProps.onPointDown = (event: React.PointerEvent<HTMLElement>, ...args: any[]) => {
+        if (openRef.current && pointDownToHide) {
+          triggerOpen(false); // to hide
+        } else if (!openRef.current && pointDownToShow) {
+          setMousePosByEvent(event);
+          triggerOpen(true);
+        }
+        // origin methods
+        originChildProps.onPointDown?.(event, ...args);
+      }
+    }
     // ======================= Action: Click ========================
     if (clickToShow || clickToHide) {
       cloneProps.onClick = (
@@ -541,7 +556,7 @@ export function generateTrigger(
       };
     }
 
-    // Click to hide is special action since click popup element should not hide
+    // Click/PointDown to hide is special action since click popup element should not hide
     useWinClick(
       mergedOpen,
       clickToHide,
@@ -552,7 +567,7 @@ export function generateTrigger(
       inPopupOrChild,
       triggerOpen,
     );
-
+  
     // ======================= Action: Hover ========================
     const hoverToShow = showActions.has('hover');
     const hoverToHide = hideActions.has('hover');

src/interface.ts

@@ -104,7 +104,7 @@ export type BuildInPlacements = Record<string, AlignType>;
 
 export type StretchType = string;
 
-export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
+export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu' | 'pointDown';
 
 export type AnimationType = string;