@whitesev/utils 2.7.1 → 2.7.3

package/src/UtilsCommon.ts

@@ -5,14 +5,10 @@ export const GenerateUUID = function () {
 	if (typeof window?.crypto?.randomUUID === "function") {
 		return window.crypto.randomUUID();
 	} else {
-		return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
-			/[xy]/g,
-			function (charStr) {
-				var randomValue = (Math.random() * 16) | 0,
-					randomCharValue =
-						charStr === "x" ? randomValue : (randomValue & 0x3) | 0x8;
-				return randomCharValue.toString(16);
-			}
-		);
+		return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (charStr) {
+			var randomValue = (Math.random() * 16) | 0,
+				randomCharValue = charStr === "x" ? randomValue : (randomValue & 0x3) | 0x8;
+			return randomCharValue.toString(16);
+		});
 	}
 };

package/src/UtilsGMCookie.ts

@@ -211,10 +211,7 @@ export class UtilsGMCookie {
 	 * @param option 配置
 	 * @param callback 删除操作后的回调(成功/失败)
 	 */
-	delete(
-		option: UtilsGMCookieDeleteOptions,
-		callback?: (error?: Error) => void
-	) {
+	delete(option: UtilsGMCookieDeleteOptions, callback?: (error?: Error) => void) {
 		let errorInfo;
 		try {
 			let defaultOption: Required<UtilsGMCookieDeleteOptions> = {

package/src/UtilsGMMenu.ts

@@ -5,7 +5,7 @@ import type {
 	UtilsGMMenuOptionData,
 } from "./types/UtilsGMMenu";
 
-class GMMenu {
+export class GMMenu {
 	private GM_Api = {
 		/**
 		 * 获取存储的数据
@@ -60,9 +60,7 @@ class GMMenu {
 		init() {
 			for (let index = 0; index < this.$data.data.length; index++) {
 				let menuOption = this.$data.data[index]["data"];
-				menuOption.enable = Boolean(
-					this.getLocalMenuData(menuOption.key, menuOption.enable as boolean)
-				);
+				menuOption.enable = Boolean(this.getLocalMenuData(menuOption.key, menuOption.enable as boolean));
 				if (typeof menuOption.showText !== "function") {
 					menuOption.showText = (menuText, menuEnable) => {
 						if (menuEnable) {
@@ -91,10 +89,7 @@ class GMMenu {
 				const { showText, clickCallBack } = this.handleMenuData(
 					cloneMenuOptionData as Required<UtilsGMMenuOption>
 				);
-				let menuId = that.context.GM_Api.registerMenuCommand(
-					showText,
-					clickCallBack
-				);
+				let menuId = that.context.GM_Api.registerMenuCommand(showText, clickCallBack);
 				menuOptions[index].id = menuId;
 				(cloneMenuOptionData as any).deleteMenu = function () {
 					that.context.GM_Api.unregisterMenuCommand(menuId);
@@ -130,9 +125,7 @@ class GMMenu {
 		 * @param menuOption
 		 */
 		handleInitDetail(menuOption: Required<UtilsGMMenuOption>) {
-			menuOption.enable = Boolean(
-				this.getLocalMenuData(menuOption.key, menuOption.enable)
-			);
+			menuOption.enable = Boolean(this.getLocalMenuData(menuOption.key, menuOption.enable));
 			if (typeof menuOption.showText !== "function") {
 				menuOption.showText = (menuText, menuEnable) => {
 					if (menuEnable) {
@@ -152,48 +145,39 @@ class GMMenu {
 			let that = this;
 			let menuLocalDataItemKey = menuOption.key;
 			/* 菜单默认开启的状态 */
-			let defaultEnable = Boolean(
-				this.getLocalMenuData(menuLocalDataItemKey, menuOption.enable)
-			);
+			let defaultEnable = Boolean(this.getLocalMenuData(menuLocalDataItemKey, menuOption.enable));
 			/** 油猴菜单上显示的文本 */
 			let showText = menuOption.showText(menuOption.text, defaultEnable);
-			// @ts-ignore
-			const GMMenuOptions = {
-				/**
-				 * 菜单的id
-				 */
-				id: menuOption.id,
-				/**
-				 * 点击菜单项后是否应关闭弹出菜单
-				 */
-				autoClose: menuOption.autoClose,
-				/**
-				 * 菜单项的可选访问键
-				 */
-				accessKey: menuOption.accessKey,
-				/**
-				 * 菜单项的鼠标悬浮上的工具提示
-				 */
-				title: menuOption.title,
-			};
+			// const GMMenuOptions = {
+			// 	/**
+			// 	 * 菜单的id
+			// 	 */
+			// 	id: menuOption.id,
+			// 	/**
+			// 	 * 点击菜单项后是否应关闭弹出菜单
+			// 	 */
+			// 	autoClose: menuOption.autoClose,
+			// 	/**
+			// 	 * 菜单项的可选访问键
+			// 	 */
+			// 	accessKey: menuOption.accessKey,
+			// 	/**
+			// 	 * 菜单项的鼠标悬浮上的工具提示
+			// 	 */
+			// 	title: menuOption.title,
+			// };
 			/* 点击菜单后触发callback后的网页是否刷新 */
 			menuOption.autoReload =
-				typeof menuOption.autoReload !== "boolean"
-					? this.$default.autoReload
-					: menuOption.autoReload;
+				typeof menuOption.autoReload !== "boolean" ? this.$default.autoReload : menuOption.autoReload;
 			/* 点击菜单后触发callback后的网页是否存储值 */
 			menuOption.isStoreValue =
-				typeof menuOption.isStoreValue !== "boolean"
-					? this.$default.isStoreValue
-					: menuOption.isStoreValue;
+				typeof menuOption.isStoreValue !== "boolean" ? this.$default.isStoreValue : menuOption.isStoreValue;
 			/**
 			 * 用户点击菜单后的回调函数
 			 * @param event
 			 */
 			function clickCallBack(event: MouseEvent | PointerEvent) {
-				let localEnable = Boolean(
-					that.getLocalMenuData(menuLocalDataItemKey, defaultEnable)
-				);
+				let localEnable = Boolean(that.getLocalMenuData(menuLocalDataItemKey, defaultEnable));
 				if (menuOption.isStoreValue) {
 					that.setLocalMenuData(menuLocalDataItemKey, !localEnable);
 				}
@@ -240,8 +224,7 @@ class GMMenu {
 		 * @param menuKey 菜单-键key
 		 */
 		getMenuHandledOption(menuKey: string) {
-			return this.$data.data.find((item) => item!.handleData!.key === menuKey)
-				?.handleData;
+			return this.$data.data.find((item) => item!.handleData!.key === menuKey)?.handleData;
 		},
 	};
 	constructor(details: UtilsGMMenuConstructorOptions) {
@@ -249,13 +232,10 @@ class GMMenu {
 		this.GM_Api.setValue = details.GM_setValue;
 		this.GM_Api.registerMenuCommand = details.GM_registerMenuCommand;
 		this.GM_Api.unregisterMenuCommand = details.GM_unregisterMenuCommand;
-		this.MenuHandle.$default.autoReload =
-			typeof details.autoReload === "boolean" ? details.autoReload : true;
+		this.MenuHandle.$default.autoReload = typeof details.autoReload === "boolean" ? details.autoReload : true;
 		for (const keyName of Object.keys(this.GM_Api)) {
 			if (typeof (this.GM_Api as any)[keyName] !== "function") {
-				throw new Error(
-					`Utils.GM_Menu 请在脚本开头加上 @grant  ${keyName}，且传入该对象`
-				);
+				throw new Error(`Utils.GM_Menu 请在脚本开头加上 @grant  ${keyName}，且传入该对象`);
 			}
 		}
 		this.add(details?.data || []);
@@ -472,5 +452,3 @@ class GMMenu {
 		this.MenuHandle.$data.key = keyName;
 	}
 }
-
-export { GMMenu };

package/src/Vue.ts

@@ -37,11 +37,10 @@ class ReactiveEffect {
 	deps: any[] = [];
 	private active = true;
 	private fn;
-	// @ts-ignore
-	private scheduler;
+	// private scheduler;
 	constructor(fn: Function, scheduler: any) {
 		this.fn = fn;
-		this.scheduler = scheduler;
+		// this.scheduler = scheduler;
 	}
 	run(cb: (activeEffect: any) => void) {
 		if (!this.active) {
@@ -107,8 +106,7 @@ export class Vue {
 	reactive<T extends object>(target: T): T {
 		const that = this;
 		if (!(typeof target === "object" && target !== null)) {
-			// @ts-ignore
-			return;
+			return void 0 as any as T;
 		}
 		if (VueUtils.isReactive(target)) {
 			return target;
@@ -142,10 +140,7 @@ export class Vue {
 	 * @param source 被观察的对象，这里采用函数返回对象
 	 * @param changeCallBack 值改变的回调
 	 */
-	watch<T>(
-		source: () => T,
-		changeCallBack: (newValue: T | undefined, oldValue: T | undefined) => void
-	) {
+	watch<T>(source: () => T, changeCallBack: (newValue: T | undefined, oldValue: T | undefined) => void) {
 		let getter;
 		if (VueUtils.isReactive(source)) {
 			getter = () => this.traversal(source);
@@ -179,18 +174,11 @@ export class Vue {
 	toRefs(object: any) {
 		const result = VueUtils.isArray(object) ? new Array(object.length) : {};
 		for (let key in object) {
-            // @ts-ignore
-			result[key] = this.toRef(object, key);
+			(result as any)[key as any] = this.toRef(object, key);
 		}
 		return result;
 	}
-	private trigger(
-		target: any,
-		type: string,
-		key: string | symbol,
-		oldValue: any,
-		value: any
-	) {
+	private trigger(target: any, type: string, key: string | symbol, oldValue: any, value: any) {
 		const depsMap = this.targetMap.get(target);
 		if (!depsMap) return;
 		const effects = depsMap.get(key);

package/src/WindowApi.ts

@@ -1,6 +1,6 @@
 import type { WindowApiOption } from "./types/WindowApi";
 
-class WindowApi {
+export class WindowApi {
 	/** 默认的配置 */
 	private defaultApi: Required<WindowApiOption> = {
 		document: document,
@@ -23,8 +23,7 @@ class WindowApi {
 		if (!option) {
 			option = Object.assign({}, this.defaultApi);
 		}
-		// @ts-ignore
-		this.api = Object.assign({}, option);
+		this.api = Object.assign({}, option as Required<WindowApiOption>);
 	}
 	get document() {
 		return this.api.document;
@@ -42,5 +41,3 @@ class WindowApi {
 		return this.api.top;
 	}
 }
-
-export { WindowApi };

package/src/indexedDB.ts

@@ -1,3 +1,6 @@
+/**
+ * indexedDB 错误结果
+ */
 declare interface UtilsIDBOpenErrorResult {
 	code: number;
 	msg: string;
@@ -6,13 +9,13 @@ declare interface UtilsIDBOpenErrorResult {
 		target: IDBRequest;
 	} & Event;
 }
-class indexedDB {
+
+export class indexedDB {
 	#dbName: string;
 	#storeName: string;
 	#dbVersion: number;
 	/* websql的版本号，由于ios的问题，版本号的写法不一样 */
-	// @ts-ignore
-	#slqVersion = "1";
+	// #slqVersion = "1";
 	/* 监听IndexDB */
 	#indexedDB =
 		window.indexedDB ||
@@ -23,8 +26,7 @@ class indexedDB {
 	#db: {
 		[key: string]: IDBDatabase;
 	} = {};
-	// @ts-ignore
-	#store: IDBObjectStore = null as any;
+	// #store: IDBObjectStore = null as any;
 	/** 状态码 */
 	#statusCode = {
 		operationSuccess: {
@@ -51,11 +53,7 @@ class indexedDB {
 	 * @param storeName 表名，默认为：default_form
 	 * @param dbVersion indexDB的版本号，默认为：1
 	 */
-	constructor(
-		dbName = "default_db",
-		storeName = "default_form",
-		dbVersion = 1
-	) {
+	constructor(dbName = "default_db", storeName = "default_form", dbVersion = 1) {
 		this.#dbName = dbName;
 		this.#storeName = storeName;
 		this.#dbVersion = dbVersion;
@@ -70,13 +68,10 @@ class indexedDB {
 	 */
 	createStore(dbName: string) {
 		let txn, store;
-		txn = this.#db[dbName].transaction(
-			this.#storeName,
-			"readwrite"
-		) as IDBTransaction;
+		txn = this.#db[dbName].transaction(this.#storeName, "readwrite") as IDBTransaction;
 		/* IndexDB的读写权限 */
 		store = txn.objectStore(this.#storeName) as IDBObjectStore;
-		this.#store = store;
+		// this.#store = store;
 		return store;
 	}
 	/**
@@ -365,9 +360,7 @@ class indexedDB {
 				} else {
 					let request = idbStore.getAll();
 					request.onsuccess = function (event: any) {
-						let target = event.target as IDBRequest<
-							{ key: string; value: T }[]
-						>;
+						let target = event.target as IDBRequest<{ key: string; value: T }[]>;
 						let result = target.result;
 						if (result.length !== 0) {
 							result.forEach((dataItem, index) => {
@@ -507,5 +500,3 @@ class indexedDB {
 		});
 	}
 }
-
-export { indexedDB };

package/src/types/Event.d.ts

@@ -40,8 +40,7 @@ declare interface DOMUtils_Frame_Object_Event {
 	scroll: Event;
 	unload: Event;
 }
-declare type DOMUtils_Frame_Object_EventType =
-	keyof DOMUtils_Frame_Object_Event;
+declare type DOMUtils_Frame_Object_EventType = keyof DOMUtils_Frame_Object_Event;
 /**
  * 表单事件
  */