feat: add pointDown action

src/index.tsx

@@ -523,6 +523,21 @@
       };
     }
 
+    // ======================= Action: PointDown ========================
+    const pointDownToShow = showActions.has('pointerDown');
+    const pointDownToHide = hideActions.has('pointerDown');
+    if (pointDownToShow || pointDownToHide) {
+      cloneProps.onPointerDown = (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.onPointerDown?.(event, ...args);
+      }
+    }
     // ======================= Action: Click ========================
     if (clickToShow || clickToHide) {
       cloneProps.onClick = (
@@ -541,7 +556,7 @@
       };
     }
 
-    // Click to hide is special action since click popup element should not hide
+    // Click/PointerDown to hide is special action since click popup element should not hide
     useWinClick(
       mergedOpen,
       clickToHide,
@@ -552,7 +567,6 @@
       inPopupOrChild,
       triggerOpen,
     );
-
     // ======================= Action: Hover ========================
     const hoverToShow = showActions.has('hover');
     const hoverToHide = hideActions.has('hover');
@@ -653,6 +667,7 @@
       'onMouseLeave',
       'onFocus',
       'onBlur',
+      'onPointerDown',
     ];
 
     passedEventList.forEach((eventName) => {

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' | 'pointerDown';
 
 export type AnimationType = string;