@whitesev/pops 3.3.1 → 3.3.2

package/dist/types/src/Pops.d.ts

@@ -100,6 +100,7 @@ declare class Pops {
             formatTime(text?: string | number | Date, formatType?: "yyyy-MM-dd HH:mm:ss" | "yyyy/MM/dd HH:mm:ss" | "yyyy_MM_dd_HH_mm_ss" | "yyyy\u5E74MM\u6708dd\u65E5 HH\u65F6mm\u5206ss\u79D2" | "yyyy\u5E74MM\u6708dd\u65E5 hh:mm:ss" | "yyyy\u5E74MM\u6708dd\u65E5 HH:mm:ss" | "yyyy-MM-dd" | "yyyyMMdd" | "HH:mm:ss"): string;
             formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T | undefined): T extends true ? string : number;
             AnyTouch: () => typeof import("any-touch").default;
+            AnyTouchDoubleTapPlugin: () => typeof import("@any-touch/doubletap").default;
             isPhone(userAgent?: string): boolean;
             setTimeout(callback: (...args: any[]) => any, timeout?: number): number;
             clearTimeout(timeId: number | undefined): void;

package/dist/types/src/utils/PopsUtils.d.ts

@@ -1,4 +1,5 @@
 import AnyTouch from "any-touch";
+import doubletap from "@any-touch/doubletap";
 declare class PopsUtils {
     /**
      * 判断是否是window，例如window、self、globalThis
@@ -112,7 +113,14 @@ declare class PopsUtils {
      * > 793.27
      **/
     formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T): T extends true ? string : number;
+    /**
+     * https://github.com/any86/any-touch/blob/master/README.CN.md
+     */
     AnyTouch: () => typeof AnyTouch;
+    /**
+     * `any-touch`的`doubletap`事件插件
+     */
+    AnyTouchDoubleTapPlugin: () => typeof doubletap;
     /**
      * 通过navigator.userAgent判断是否是手机访问
      * @param userAgent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "弹窗库，包含了alert、confirm、prompt、drawer、folder、loading、iframe、panel、tooltip、searchSuggestion、rightClickMenu组件",
   "keywords": [
     "ScriptCat",
@@ -40,6 +40,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
+    "@any-touch/doubletap": "^2.2.0",
     "any-touch": "^2.2.0"
   },
   "devDependencies": {

package/src/handler/PopsHandler.ts

@@ -171,14 +171,14 @@ export const PopsHandler = {
         );
       }
       // 判断按下的元素是否是pops-anim
-      popsDOMUtils.on(config.animElement, ["touchstart", "mousedown"], (event) => {
+      popsDOMUtils.on(config.animElement, "pointerup", (event) => {
         const $click = event.composedPath()[0] as HTMLElement;
         isMaskClick = isAnimElement($click);
       });
       // 如果有动画层，在动画层上监听点击事件
       popsDOMUtils.on<MouseEvent | PointerEvent>(config.animElement, "click", (event) => {
         const $click = event.composedPath()[0] as HTMLElement;
-        if (isAnimElement($click) && isMaskClick) {
+        if (isMaskClick && isAnimElement($click)) {
           return clickEvent(event);
         }
       });

package/src/utils/PopsUtils.ts

@@ -1,4 +1,5 @@
 import AnyTouch from "any-touch";
+import doubletap from "@any-touch/doubletap";
 import { PopsCore } from "../PopsCore";
 import type { PopsUtilsOwnObject } from "../types/main";
 
@@ -336,9 +337,18 @@ class PopsUtils {
     result = addType ? result + resultType.toString() : (parseFloat(result.toString()) as any);
     return result;
   }
+  /**
+   * https://github.com/any86/any-touch/blob/master/README.CN.md
+   */
   AnyTouch = () => {
     return AnyTouch;
   };
+  /**
+   * `any-touch`的`doubletap`事件插件
+   */
+  AnyTouchDoubleTapPlugin = () => {
+    return doubletap;
+  };
   /**
    * 通过navigator.userAgent判断是否是手机访问
    * @param userAgent