@whitesev/pops 1.7.3 → 1.7.4

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

@@ -79,7 +79,7 @@ declare class Pops {
             formatTime(text?: string | number | Date, formatType?: string): string;
             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: () => any;
+            AnyTouch: () => typeof import("any-touch").default;
         };
         /** pops使用的DOM工具类 */
         DOMUtils: {

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

@@ -1,3 +1,4 @@
+import AnyTouch from "any-touch";
 declare class PopsUtils {
     /**
      * 判断是否是window，例如window、self、globalThis
@@ -117,7 +118,7 @@ declare class PopsUtils {
      * > 793.27
      **/
     formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T): T extends true ? string : number;
-    AnyTouch: () => any;
+    AnyTouch: () => typeof AnyTouch;
 }
 declare const popsUtils: PopsUtils;
 export { popsUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "弹窗库",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -37,6 +37,7 @@
     "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
+    "any-touch": "^2.2.0",
     "rollup-plugin-clear": "^2.0.7",
     "tslib": "^2.6.2"
   },

package/src/Pops.ts

@@ -83,7 +83,7 @@ class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2024.10.13",
+		version: "2024.10.19",
 		cssText: {
 			/** 主CSS */
 			index: indexCSS,

package/src/components/panel/PanelHandleContentDetails.ts

@@ -903,7 +903,7 @@ export const PanelHandleContentDetails = () => {
 				setPanEvent() {
 					const AnyTouch = popsUtils.AnyTouch();
 					this.$tooltip = new AnyTouch(this.$ele.button, {
-						preventEvent() {
+						preventDefault() {
 							return false;
 						},
 					});

package/src/css/index.css

@@ -133,3 +133,11 @@ button.pops-header-control i:hover {
 .pops[type-value] .pops-header-controls {
 	display: flex;
 }
+
+/* 标题禁止选中文字 */
+.pops [class^="pops"][class*="-title"] p[pops] {
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}

package/src/utils/PopsInstanceUtils.ts

@@ -519,7 +519,7 @@ export const PopsInstanceUtils = {
 		let clickElementTopOffset = 0;
 		let AnyTouch = popsUtils.AnyTouch();
 		let anyTouchElement = new AnyTouch(options.dragElement, {
-			preventEvent(event: Event) {
+			preventDefault(event: Event) {
 				if (typeof options.preventEvent === "function") {
 					return options.preventEvent(event as any);
 				} else {
@@ -606,133 +606,123 @@ export const PopsInstanceUtils = {
 
 		let resumeMoveElementStyle: Function | null = null;
 
-		anyTouchElement.on(
-			"pan",
-			function (
-				event: PointerEvent & {
-					phase: string;
-				}
-			) {
-				if (!isMove) {
-					isMove = true;
-					let rect = options.dragElement.getBoundingClientRect();
-					clickElementLeftOffset = event.x - rect.left;
-					clickElementTopOffset = event.y - rect.top;
-					transformInfo = getTransform(moveElement);
-					transformLeft = transformInfo.transformLeft;
-					transformTop = transformInfo.transformTop;
-					//if (event.nativeEvent.offsetX) {
-					//  clickElementLeftOffset = parseInt(event.nativeEvent.offsetX);
-					//} else {
-					//  clickElementLeftOffset = parseInt(event.getOffset().x);
-					//}
-					//if (event.nativeEvent.offsetY) {
-					//  clickElementTopOffset = parseInt(event.nativeEvent.offsetY);
-					//} else {
-					//  clickElementTopOffset = parseInt(event.getOffset().y);
-					//}
-					resumeMoveElementStyle = changeMoveElementStyle(moveElement);
-				}
+		anyTouchElement.on("pan", function (event) {
+			if (!isMove) {
+				isMove = true;
+				let rect = options.dragElement.getBoundingClientRect();
+				clickElementLeftOffset = event.x - rect.left;
+				clickElementTopOffset = event.y - rect.top;
+				transformInfo = getTransform(moveElement);
+				transformLeft = transformInfo.transformLeft;
+				transformTop = transformInfo.transformTop;
+				//if (event.nativeEvent.offsetX) {
+				//  clickElementLeftOffset = parseInt(event.nativeEvent.offsetX);
+				//} else {
+				//  clickElementLeftOffset = parseInt(event.getOffset().x);
+				//}
+				//if (event.nativeEvent.offsetY) {
+				//  clickElementTopOffset = parseInt(event.nativeEvent.offsetY);
+				//} else {
+				//  clickElementTopOffset = parseInt(event.getOffset().y);
+				//}
+				resumeMoveElementStyle = changeMoveElementStyle(moveElement);
+			}
 
-				/** 当前移动的left偏移 */
-				let currentMoveLeftOffset =
-					event.x - clickElementLeftOffset + transformLeft;
-				/** 当前移动的top偏移 */
-				let currentMoveTopOffset =
-					event.y - clickElementTopOffset + transformTop;
-				/* 拖拽移动 */
-				if (event.phase === "move") {
-					if (options.limit) {
-						/* 限制在容器内移动 */
-						/* left偏移最大值 */
-						let maxLeftOffset =
-							getContainerWidthOrHeight(options.container!).width -
-							popsDOMUtils.width(moveElement) +
-							transformLeft;
-						let { left: minLeftOffset, top: minTopOffset } =
-							getContainerTopOrLeft(options.container!);
-						/* top偏移的最大值 */
-						let maxTopOffset =
-							getContainerWidthOrHeight(options.container!).height -
-							popsDOMUtils.height(moveElement) +
-							transformTop;
-						if (currentMoveLeftOffset > maxLeftOffset) {
-							/* 不允许超过容器的最大宽度 */
-							currentMoveLeftOffset = maxLeftOffset;
-						}
-						if (currentMoveTopOffset > maxTopOffset) {
-							/* 不允许超过容器的最大高度 */
-							currentMoveTopOffset = maxTopOffset;
-						}
-						if (
-							currentMoveLeftOffset - options.extraDistance * 2 <
-							minLeftOffset + transformLeft
-						) {
-							/* 不允许left偏移小于容器最小值 */
-							currentMoveLeftOffset = minLeftOffset + transformLeft;
-							/* 最左边 +额外距离 */
-							currentMoveLeftOffset += options.extraDistance;
-						} else {
-							/* 最右边 -额外距离 */
-							currentMoveLeftOffset -= options.extraDistance;
-						}
-						if (
-							currentMoveTopOffset - options.extraDistance * 2 <
-							minTopOffset + transformTop
-						) {
-							/* 不允许top偏移小于容器最小值 */
-							currentMoveTopOffset = minTopOffset + transformTop;
-							/* 最上面 +额外距离 */
-							currentMoveTopOffset += options.extraDistance;
-						} else {
-							/* 最下面 -额外距离 */
-							currentMoveTopOffset -= options.extraDistance;
-						}
+			/** 当前移动的left偏移 */
+			let currentMoveLeftOffset =
+				event.x - clickElementLeftOffset + transformLeft;
+			/** 当前移动的top偏移 */
+			let currentMoveTopOffset = event.y - clickElementTopOffset + transformTop;
+			/* 拖拽移动 */
+			if (event.phase === "move") {
+				if (options.limit) {
+					/* 限制在容器内移动 */
+					/* left偏移最大值 */
+					let maxLeftOffset =
+						getContainerWidthOrHeight(options.container!).width -
+						popsDOMUtils.width(moveElement) +
+						transformLeft;
+					let { left: minLeftOffset, top: minTopOffset } =
+						getContainerTopOrLeft(options.container!);
+					/* top偏移的最大值 */
+					let maxTopOffset =
+						getContainerWidthOrHeight(options.container!).height -
+						popsDOMUtils.height(moveElement) +
+						transformTop;
+					if (currentMoveLeftOffset > maxLeftOffset) {
+						/* 不允许超过容器的最大宽度 */
+						currentMoveLeftOffset = maxLeftOffset;
 					}
-					if (typeof options.moveCallBack === "function") {
-						options.moveCallBack(
-							moveElement,
-							currentMoveLeftOffset,
-							currentMoveTopOffset
-						);
+					if (currentMoveTopOffset > maxTopOffset) {
+						/* 不允许超过容器的最大高度 */
+						currentMoveTopOffset = maxTopOffset;
 					}
-
-					popsDOMUtils.css(moveElement, {
-						left: currentMoveLeftOffset + "px",
-						top: currentMoveTopOffset + "px",
-					});
-				}
-
-				/* 停止拖拽 */
-				if (event.phase === "end") {
-					isMove = false;
-					if (typeof resumeMoveElementStyle === "function") {
-						resumeMoveElementStyle();
-						resumeMoveElementStyle = null;
+					if (
+						currentMoveLeftOffset - options.extraDistance * 2 <
+						minLeftOffset + transformLeft
+					) {
+						/* 不允许left偏移小于容器最小值 */
+						currentMoveLeftOffset = minLeftOffset + transformLeft;
+						/* 最左边 +额外距离 */
+						currentMoveLeftOffset += options.extraDistance;
+					} else {
+						/* 最右边 -额外距离 */
+						currentMoveLeftOffset -= options.extraDistance;
 					}
-					if (typeof options.endCallBack === "function") {
-						options.endCallBack(
-							moveElement,
-							currentMoveLeftOffset,
-							currentMoveTopOffset
-						);
+					if (
+						currentMoveTopOffset - options.extraDistance * 2 <
+						minTopOffset + transformTop
+					) {
+						/* 不允许top偏移小于容器最小值 */
+						currentMoveTopOffset = minTopOffset + transformTop;
+						/* 最上面 +额外距离 */
+						currentMoveTopOffset += options.extraDistance;
+					} else {
+						/* 最下面 -额外距离 */
+						currentMoveTopOffset -= options.extraDistance;
 					}
 				}
-			}
-		);
-		/* 因为会覆盖上面的点击事件，主动触发一下 */
-		anyTouchElement.on(
-			["click", "tap"],
-			function (
-				event: PointerEvent & {
-					changedPoints: any[];
+				if (typeof options.moveCallBack === "function") {
+					options.moveCallBack(
+						moveElement,
+						currentMoveLeftOffset,
+						currentMoveTopOffset
+					);
 				}
-			) {
-				event.changedPoints.forEach((item) => {
-					popsDOMUtils.trigger(item.target, "click", void 0, true);
+
+				popsDOMUtils.css(moveElement, {
+					left: currentMoveLeftOffset + "px",
+					top: currentMoveTopOffset + "px",
 				});
 			}
-		);
+
+			/* 停止拖拽 */
+			if (event.phase === "end") {
+				isMove = false;
+				if (typeof resumeMoveElementStyle === "function") {
+					resumeMoveElementStyle();
+					resumeMoveElementStyle = null;
+				}
+				if (typeof options.endCallBack === "function") {
+					options.endCallBack(
+						moveElement,
+						currentMoveLeftOffset,
+						currentMoveTopOffset
+					);
+				}
+			}
+		});
+		/* 因为会覆盖上面的点击事件，主动触发一下 */
+		anyTouchElement.on(["tap"], function (event) {
+			event.changedPoints.forEach((item) => {
+				popsDOMUtils.trigger(
+					item.target! as HTMLElement,
+					"click",
+					void 0,
+					true
+				);
+			});
+		});
 	},
 	/**
 	 * 排序数组

package/src/utils/PopsUtils.ts

@@ -1,7 +1,7 @@
 import { PopsCore } from "../Core";
 import type { PopsUtilsOwnObject } from "../types/main";
 import { popsDOMUtils } from "./PopsDOMUtils";
-import { AnyTouch } from "./AnyTouch";
+import AnyTouch from "any-touch";
 
 class PopsUtils {
 	/**
@@ -370,13 +370,16 @@ class PopsUtils {
 				break;
 			}
 		}
+		new Date();
 		result = result.toFixed(2) as any;
 		result = addType
 			? result + resultType.toString()
 			: (parseFloat(result.toString()) as any);
 		return result;
 	}
-	AnyTouch: () => any = AnyTouch;
+	AnyTouch = () => {
+		return AnyTouch;
+	};
 }
 
 const popsUtils = new PopsUtils();

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

@@ -1,17 +0,0 @@
-export function AnyTouch(): {
-    (el: any, options: any): this;
-    STATE_POSSIBLE: number;
-    STATE_START: number;
-    STATE_MOVE: number;
-    STATE_END: number;
-    STATE_CANCELLED: number;
-    STATE_FAILED: number;
-    STATE_RECOGNIZED: number;
-    tap: (at: any, options: any) => any;
-    pan: (at: any, options: any) => any;
-    swipe: (at: any, options: any) => any;
-    press: (at: any, options: any) => any;
-    rotate: (at: any, options: any) => any;
-    pinch: (at: any, options: any) => any;
-    doubletap: (at: any) => any;
-};