@whitesev/utils 2.4.7 → 2.5.0

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

@@ -469,6 +469,25 @@ declare class Utils {
      * > 'Mozilla/5.0 (Linux; Android 10; MI 13 Build/OPR1.170623.027; wv) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.3490.40 Mobile Safari/537.36'
      **/
     getRandomAndroidUA(): string;
+    /**
+     * 获取随机的电脑端User-Agent
+     * + Mozilla/5.0：以前用于Netscape浏览器，目前大多数浏览器UA都会带有
+     * + Windows NT 13：代表Window11系统
+     * + Windows NT 10.0：代表Window10系统
+     * + Windows NT 6.1：代表windows7系统
+     * + WOW64：Windows-on-Windows 64-bit，32位的应用程序运行于此64位处理器上
+     * + Win64：64位
+     * + AppleWebKit/537.36：浏览器内核
+     * + KHTML：HTML排版引擎
+     * + like Gecko：这不是Geckeo 浏览器，但是运行起来像Geckeo浏览器
+     * + Chrome/106.0.5068.19：Chrome版本号
+     * + Safari/537.36：宣称自己是Safari？
+     * @returns 返回随机字符串
+     * @example
+     * Utils.getRandomPCUA();
+     * > 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.5068.19 Safari/537.36'
+     **/
+    getRandomPCUA(): string;
     /**
      * 获取随机值
      * @example
@@ -500,25 +519,6 @@ declare class Utils {
      * > {1: 1}
      */
     getRandomValue<T extends any>(val_1: UtilsOwnObject<T>, val_2: UtilsOwnObject<T>): T;
-    /**
-     * 获取随机的电脑端User-Agent
-     * + Mozilla/5.0：以前用于Netscape浏览器，目前大多数浏览器UA都会带有
-     * + Windows NT 13：代表Window11系统
-     * + Windows NT 10.0：代表Window10系统
-     * + Windows NT 6.1：代表windows7系统
-     * + WOW64：Windows-on-Windows 64-bit，32位的应用程序运行于此64位处理器上
-     * + Win64：64位
-     * + AppleWebKit/537.36：浏览器内核
-     * + KHTML：HTML排版引擎
-     * + like Gecko：这不是Geckeo 浏览器，但是运行起来像Geckeo浏览器
-     * + Chrome/106.0.5068.19：Chrome版本号
-     * + Safari/537.36：宣称自己是Safari？
-     * @returns 返回随机字符串
-     * @example
-     * Utils.getRandomPCUA();
-     * > 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.5068.19 Safari/537.36'
-     **/
-    getRandomPCUA(): string;
     /**
      * 获取元素上的使用React框架的实例属性，目前包括reactFiber、reactProps、reactEvents、reactEventHandlers、reactInternalInstance
      * @param element 需要获取的目标元素
@@ -786,12 +786,18 @@ declare class Utils {
     isNativeFunc(target: Function): boolean;
     /**
      * 判断当前的位置是否位于页面底部附近
-     * @param nearValue （可选）判断在页面底部的误差值，默认：50
+     * @param nearBottomHeight （可选）判断在底部的误差值，默认：50
      * @returns
      * + true 在底部附近
      * + false 不在底部附近
      */
-    isNearBottom(nearValue?: number): boolean;
+    isNearBottom(nearBottomHeight?: number): boolean;
+    /**
+     * 判断元素内当前的位置是否位于元素内底部附近
+     * @param target 需要判断的元素
+     * @param nearBottomHeight （可选）判断在底部的误差值，默认：50
+     */
+    isNearBottom(target: HTMLElement, nearBottomHeight?: number): boolean;
     /**
      * 判断对象是否是元素
      * @param target

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/utils",
-  "version": "2.4.7",
+  "version": "2.5.0",
   "description": "一个常用的工具库",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/Httpx.ts

@@ -275,7 +275,7 @@ class Httpx {
 			let that = this;
 			let requestOption = <Required<HttpxRequestOption>>{
 				url: userRequestOption.url || this.context.#defaultDetails.url,
-				method: (method || "GET").toString().toUpperCase(),
+				method: (method || "GET").toString().toUpperCase().trim(),
 				timeout:
 					userRequestOption.timeout || this.context.#defaultDetails.timeout,
 				responseType:
@@ -510,14 +510,22 @@ class Httpx {
 						// GET类型，data如果有，那么需要转为searchParams
 						let urlObj = new URL(requestOption.url);
 						let urlSearch = "";
+						let isHandler = false;
 						if (typeof requestOption.data === "string") {
+							isHandler = true;
 							urlSearch = requestOption.data;
 						} else if (typeof requestOption.data === "object") {
+							isHandler = true;
 							// URLSearchParams参数可以转普通的string:string，包括FormData
 							// @ts-ignore
 							let searchParams = new URLSearchParams(requestOption.data);
 							urlSearch = searchParams.toString();
 						}
+						if (isHandler) {
+							// GET/HEAD请求不支持data参数
+							// 对data进行处理了才可以删除
+							Reflect.deleteProperty(requestOption, "data");
+						}
 						if (urlSearch != "") {
 							if (urlObj.search === "") {
 								// url没有search参数，直接覆盖
@@ -580,6 +588,7 @@ class Httpx {
 			} catch (error) {
 				console.warn("Httpx ==> 转换data参数错误", error);
 			}
+
 			return requestOption;
 		},
 		/**

package/src/Utils.ts

@@ -1398,7 +1398,6 @@ class Utils {
 	 * Utils.getRandomAndroidUA();
 	 * > 'Mozilla/5.0 (Linux; Android 10; MI 13 Build/OPR1.170623.027; wv) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.3490.40 Mobile Safari/537.36'
 	 **/
-	getRandomAndroidUA(): string;
 	getRandomAndroidUA(): string {
 		let UtilsContext = this;
 		let mobileNameList = [
@@ -1417,14 +1416,44 @@ class Utils {
 			"M2003J15SC Build/RP1A.200720.011; wv",
 			"MI 13 Build/OPR1.170623.027; wv",
 		];
+		/* 安卓版本 */
 		let androidVersion = UtilsContext.getRandomValue(12, 14);
+		/* 手机型号 */
 		let randomMobile = UtilsContext.getRandomValue(mobileNameList);
-		let chromeVersion1 = UtilsContext.getRandomValue(115, 127);
+		/* chrome大版本号 */
+		let chromeVersion1 = UtilsContext.getRandomValue(120, 132);
 		let chromeVersion2 = UtilsContext.getRandomValue(0, 0);
 		let chromeVersion3 = UtilsContext.getRandomValue(2272, 6099);
 		let chromeVersion4 = UtilsContext.getRandomValue(1, 218);
 		return `Mozilla/5.0 (Linux; Android ${androidVersion}; ${randomMobile}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Mobile Safari/537.36`;
 	}
+	/**
+	 * 获取随机的电脑端User-Agent
+	 * + Mozilla/5.0：以前用于Netscape浏览器，目前大多数浏览器UA都会带有
+	 * + Windows NT 13：代表Window11系统
+	 * + Windows NT 10.0：代表Window10系统
+	 * + Windows NT 6.1：代表windows7系统
+	 * + WOW64：Windows-on-Windows 64-bit，32位的应用程序运行于此64位处理器上
+	 * + Win64：64位
+	 * + AppleWebKit/537.36：浏览器内核
+	 * + KHTML：HTML排版引擎
+	 * + like Gecko：这不是Geckeo 浏览器，但是运行起来像Geckeo浏览器
+	 * + Chrome/106.0.5068.19：Chrome版本号
+	 * + Safari/537.36：宣称自己是Safari？
+	 * @returns 返回随机字符串
+	 * @example
+	 * Utils.getRandomPCUA();
+	 * > 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.5068.19 Safari/537.36'
+	 **/
+	getRandomPCUA(): string {
+		let UtilsContext = this;
+		/* chrome大版本号 */
+		let chromeVersion1 = UtilsContext.getRandomValue(120, 132);
+		let chromeVersion2 = UtilsContext.getRandomValue(0, 0);
+		let chromeVersion3 = UtilsContext.getRandomValue(2272, 6099);
+		let chromeVersion4 = UtilsContext.getRandomValue(1, 218);
+		return `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Safari/537.36`;
+	}
 	/**
 	 * 获取随机值
 	 * @example
@@ -1493,32 +1522,6 @@ class Utils {
 			}
 		}
 	}
-	/**
-	 * 获取随机的电脑端User-Agent
-	 * + Mozilla/5.0：以前用于Netscape浏览器，目前大多数浏览器UA都会带有
-	 * + Windows NT 13：代表Window11系统
-	 * + Windows NT 10.0：代表Window10系统
-	 * + Windows NT 6.1：代表windows7系统
-	 * + WOW64：Windows-on-Windows 64-bit，32位的应用程序运行于此64位处理器上
-	 * + Win64：64位
-	 * + AppleWebKit/537.36：浏览器内核
-	 * + KHTML：HTML排版引擎
-	 * + like Gecko：这不是Geckeo 浏览器，但是运行起来像Geckeo浏览器
-	 * + Chrome/106.0.5068.19：Chrome版本号
-	 * + Safari/537.36：宣称自己是Safari？
-	 * @returns 返回随机字符串
-	 * @example
-	 * Utils.getRandomPCUA();
-	 * > 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.5068.19 Safari/537.36'
-	 **/
-	getRandomPCUA(): string {
-		let UtilsContext = this;
-		let chromeVersion1 = UtilsContext.getRandomValue(115, 127);
-		let chromeVersion2 = UtilsContext.getRandomValue(0, 0);
-		let chromeVersion3 = UtilsContext.getRandomValue(2272, 6099);
-		let chromeVersion4 = UtilsContext.getRandomValue(1, 218);
-		return `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Safari/537.36`;
-	}
 	/**
 	 * 获取元素上的使用React框架的实例属性，目前包括reactFiber、reactProps、reactEvents、reactEventHandlers、reactInternalInstance
 	 * @param element 需要获取的目标元素
@@ -1857,21 +1860,64 @@ class Utils {
 	}
 	/**
 	 * 判断当前的位置是否位于页面底部附近
-	 * @param nearValue （可选）判断在页面底部的误差值，默认：50
+	 * @param nearBottomHeight （可选）判断在底部的误差值，默认：50
 	 * @returns
 	 * + true 在底部附近
 	 * + false 不在底部附近
 	 */
-	isNearBottom(nearValue?: number): boolean;
-	isNearBottom(nearValue: number = 50): boolean {
-		var scrollTop =
-			this.windowApi.window.pageYOffset ||
-			this.windowApi.document.documentElement.scrollTop;
-		var windowHeight =
-			this.windowApi.window.innerHeight ||
-			this.windowApi.document.documentElement.clientHeight;
-		var documentHeight = this.windowApi.document.documentElement.scrollHeight;
-		return scrollTop + windowHeight >= documentHeight - nearValue;
+	isNearBottom(nearBottomHeight?: number): boolean;
+	/**
+	 * 判断元素内当前的位置是否位于元素内底部附近
+	 * @param target 需要判断的元素
+	 * @param nearBottomHeight （可选）判断在底部的误差值，默认：50
+	 */
+	isNearBottom(target: HTMLElement, nearBottomHeight?: number): boolean;
+	isNearBottom(...args: any[]): boolean {
+		let nearBottomHeight = 50;
+
+		let checkWindow = () => {
+			// 已滚动的距离
+			let scrollTop: number =
+				this.windowApi.window.pageYOffset ||
+				this.windowApi.document.documentElement.scrollTop;
+			// 视窗高度
+			let viewportHeight: number =
+				this.windowApi.window.innerHeight ||
+				this.windowApi.document.documentElement.clientHeight;
+			// 最大滚动距离
+			let maxScrollHeight: number =
+				this.windowApi.document.documentElement.scrollHeight - nearBottomHeight;
+
+			return scrollTop + viewportHeight >= maxScrollHeight;
+		};
+
+		let checkNode = ($ele: HTMLElement) => {
+			// 已滚动的距离
+			let scrollTop: number = $ele.scrollTop;
+			// 视窗高度
+			let viewportHeight: number = $ele.clientHeight;
+			// 最大滚动距离
+			let maxScrollHeight: number =
+				$ele.scrollHeight - viewportHeight - nearBottomHeight;
+
+			return scrollTop >= maxScrollHeight;
+		};
+
+		let firstArg = args[0];
+		if (args.length === 0 || typeof args[0] === "number") {
+			// nearBottomHeight
+			//
+			return checkWindow();
+		} else if (typeof args[0] === "object" && args[0] instanceof HTMLElement) {
+			// target
+			// target，nearBottomHeight
+			if (typeof args[1] === "number" && !Number.isNaN(args[1])) {
+				nearBottomHeight = args[1];
+			}
+			return checkNode(args[0]);
+		} else {
+			throw new TypeError("参数1类型错误" + typeof firstArg);
+		}
 	}
 	/**
 	 * 判断对象是否是元素