@whitesev/utils 1.0.4 → 1.0.6

package/src/LockFunction/LockFunction.js

@@ -1,35 +0,0 @@
-const LockFunction = function (callback, context, delayTime = 0) {
-	let flag = false;
-	let that = this;
-	context = context || this;
-	/**
-	 * 锁
-	 */
-	this.lock = function () {
-		flag = true;
-	};
-	/**
-	 * 解锁
-	 */
-	this.unlock = function () {
-		setTimeout(() => {
-			flag = false;
-		}, delayTime);
-	};
-	/**
-	 * 执行
-	 */
-	this.run = async function (...args) {
-		if (flag) {
-			return;
-		}
-		that.lock();
-		await callback.apply(context, args);
-		that.unlock();
-	};
-};
-
-
-export {
-    LockFunction
-}

package/src/LockFunction/index.d.ts

@@ -1,47 +0,0 @@
-/** Utils.LockFunction */
-declare interface UtilsLockFunction {
-	/**
-	 * @param callback 需要执行的函数
-	 * @param delayTime （可选）延迟xx毫秒后解锁，默认：0
-	 */
-	new <K extends (...args: any[]) => any | Promise<any> | void>(
-		callback: K,
-		delayTime?: number
-	): {
-		/**
-		 * 上锁
-		 */
-		lock: () => void;
-		/**
-		 * 解锁
-		 */
-		unlock: () => void;
-		/**
-		 * 执行函数
-		 */
-		run: () => ReturnType<K>;
-	};
-	/**
-	 * @param callback 需要执行的函数
-	 * @param context （可选）函数作用域，默认：this(Utils)
-	 * @param delayTime （可选）延迟xx毫秒后解锁，默认：0
-	 */
-	new <K extends (...args: any[]) => any | Promise<any>>(
-		callback: K,
-		context?: UtilsNestedObjectWithToString,
-		delayTime?: number
-	): {
-		/**
-		 * 上锁
-		 */
-		lock: () => void;
-		/**
-		 * 解锁
-		 */
-		unlock: () => void;
-		/**
-		 * 执行函数
-		 */
-		run: () => ReturnType<K>;
-	};
-}

package/src/Log/Log.js

@@ -1,256 +0,0 @@
-const Log = function (
-	_GM_info_ = {
-		script: {
-			name: "Utils.Log",
-		},
-	},
-	console = globalThis.console
-) {
-	let msgColorDetails = [
-		"font-weight: bold; color: cornflowerblue",
-		"font-weight: bold; color: cornflowerblue",
-		"font-weight: bold; color: darkorange",
-		"font-weight: bold; color: cornflowerblue",
-	];
-	/**
-	 * @type {UtilsLogOptions}
-	 */
-	let details = {
-		tag: true,
-		successColor: "#0000FF",
-		errorColor: "#FF0000",
-		infoColor: "0",
-		warnColor: "0",
-		debug: false,
-		autoClearConsole: false,
-		logMaxCount: 999,
-	};
-	let logCount = 0;
-	/**
-	 * 解析Error的堆栈获取实际调用者的函数名及函数所在的位置
-	 * @param {string[]} stack
-	 * @returns {{
-	 *   name: string,
-	 *   position: string,
-	 * }}
-	 */
-	let parseErrorStack = function (stack) {
-		let result = {
-			name: "",
-			position: "",
-		};
-		for (let stackString of stack) {
-			stackString = stackString.trim();
-			let stackFunctionName = stackString.match(/^at[\s]+(.+?)[\s]+/i);
-			let stackFunctionNamePosition = stackString.match(
-				/^at[\s]+.+[\s]+\((.+?)\)/i
-			);
-			if (stackFunctionName == null) {
-				continue;
-			}
-			stackFunctionName = stackFunctionName[stackFunctionName.length - 1];
-			stackFunctionNamePosition =
-				stackFunctionNamePosition[stackFunctionNamePosition.length - 1];
-			if (
-				stackFunctionName === "" ||
-				stackFunctionName.match(
-					new RegExp(
-						"(^Utils.Log.|.<anonymous>$|^Function.each|^NodeList.forEach|^k.fn.init.each)",
-						"g"
-					)
-				)
-			) {
-				continue;
-			} else {
-				result.name = stackFunctionName;
-				result.position = stackFunctionNamePosition;
-				break;
-			}
-		}
-		if (result.position === "") {
-			let lastStackString = stack[stack.length - 1].trim();
-			if (lastStackString.startsWith("at chrome-extension://")) {
-				let lastStackMatch = lastStackString.match(/^at[\s]+(.+)/);
-				if (lastStackMatch) {
-					result.position = lastStackMatch[lastStackMatch.length - 1];
-				}
-			}
-		}
-		if (result.position === "") {
-			result.position = stack[stack.length - 1].trim().replace(/^at[\s]*/g, "");
-		}
-		return result;
-	};
-	/**
-	 * 待恢复的函数或对象
-	 */
-	let recoveryList = [];
-	/**
-	 * 检测清理控制台
-	 * @this {Utils.Log}
-	 */
-	let checkClearConsole = function () {
-		logCount++;
-		if (details.autoClearConsole && logCount > details.logMaxCount) {
-			console.clear();
-			logCount = 0;
-		}
-	};
-	/**
-	 * 输出内容
-	 * @param {any} msg 需要输出的内容
-	 * @param {string} color 颜色
-	 * @param {string|undefined} otherStyle 其它CSS
-	 * @this {Utils.Log}
-	 */
-	let printContent = function (msg, color, otherStyle) {
-		checkClearConsole.apply(this);
-		otherStyle = otherStyle || "";
-		let stackSplit = new Error().stack.split("\n");
-		stackSplit.splice(0, 2);
-		let { name: callerName, position: callerPosition } =
-			parseErrorStack(stackSplit);
-		let tagName = this.tag;
-		function consoleMsg(_msg_) {
-			if (typeof _msg_ === "string") {
-				console.log(
-					`%c[${tagName}%c-%c${callerName}%c]%c %s`,
-					...msgColorDetails,
-					`color: ${color};${otherStyle}`,
-					_msg_
-				);
-			} else if (typeof _msg_ === "number") {
-				console.log(
-					`%c[${tagName}%c-%c${callerName}%c]%c %d`,
-					...msgColorDetails,
-					`color: ${color};${otherStyle}`,
-					_msg_
-				);
-			} else if (typeof _msg_ === "object") {
-				console.log(
-					`%c[${tagName}%c-%c${callerName}%c]%c %o`,
-					...msgColorDetails,
-					`color: ${color};${otherStyle}`,
-					_msg_
-				);
-			} else {
-				console.log(_msg_);
-			}
-		}
-		if (Array.isArray(msg)) {
-			msg.forEach((item) => {
-				consoleMsg(item);
-			});
-		} else {
-			consoleMsg(msg);
-		}
-		if (details.debug) {
-			/* 如果开启调试模式，输出堆栈位置 */
-			console.log(callerPosition);
-		}
-	};
-	/**
-	 * 前面的TAG标志
-	 */
-	this.tag = _GM_info_?.script?.name || "Utils.Log";
-	/**
-	 * 控制台-普通输出
-	 * @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param {string|undefined} color 输出的颜色
-	 * @param {string|undefined} otherStyle 其它CSS
-	 */
-	this.info = function (msg, color = details.infoColor, otherStyle) {
-		printContent.call(this, msg, color, otherStyle);
-	};
-	/**
-	 * 控制台-警告输出
-	 * @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param {string|undefined} color 输出的颜色
-	 * @param {string|undefined} otherStyle 其它CSS
-	 */
-	this.warn = function (
-		msg,
-		color = details.warnColor,
-		otherStyle = "background: #FEF6D5;padding: 4px 6px 4px 0px;"
-	) {
-		printContent.call(this, msg, color, otherStyle);
-	};
-	/**
-	 * 控制台-错误输出
-	 * @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param {string|undefined} color 输出的颜色
-	 * @param {string|undefined} otherStyle 其它CSS
-	 */
-	this.error = function (msg, color = details.errorColor, otherStyle) {
-		printContent.call(this, msg, color, otherStyle);
-	};
-	/**
-	 * 控制台-成功输出
-	 * @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param {string|undefined} color 输出的颜色
-	 * @param {string|undefined} otherStyle 其它CSS
-	 */
-	this.success = function (msg, color = details.successColor, otherStyle) {
-		printContent.call(this, msg, color, otherStyle);
-	};
-	/**
-	 * 控制台-输出表格
-	 * @param {object[]} msg
-	 * @param {string|undefined} color 输出的颜色
-	 * @param {string|undefined} otherStyle 其它CSS
-	 * @example
-	 * log.table([{"名字":"example","值":"123"},{"名字":"example2","值":"345"}])
-	 */
-	this.table = function (msg, color = details.infoColor, otherStyle = "") {
-		checkClearConsole.apply(this);
-		let stack = new Error().stack.split("\n");
-		stack.splice(0, 1);
-		let errorStackParse = parseErrorStack(stack);
-		let stackFunctionName = errorStackParse.name;
-		let stackFunctionNamePosition = errorStackParse.position;
-		let callerName = stackFunctionName;
-		console.log(
-			`%c[${this.tag}%c-%c${callerName}%c]%c`,
-			...msgColorDetails,
-			`color: ${color};${otherStyle}`
-		);
-		console.table(msg);
-		if (details.debug) {
-			console.log(stackFunctionNamePosition);
-		}
-	};
-	/**
-	 * 配置Log对象的颜色
-	 * @param {UtilsLogOptions} paramDetails 配置信息
-	 */
-	this.config = function (paramDetails) {
-		details = Object.assign(details, paramDetails);
-	};
-	/**
-	 * 禁用输出
-	 */
-	this.disable = function () {
-		let that = this;
-		Object.keys(this)
-			.filter((keyName) => Boolean(keyName.match(/info|error|success|table/)))
-			.forEach((keyName) => {
-				let value = {};
-				value[keyName] = that[keyName];
-				recoveryList = [...recoveryList, value];
-				that[keyName] = () => {};
-			});
-	};
-	/**
-	 * 恢复输出
-	 */
-	this.recovery = function () {
-		let that = this;
-		recoveryList.forEach((item) => {
-			let keyName = Object.keys(item);
-			that[keyName] = item[keyName];
-		});
-		recoveryList = [];
-	};
-};
-
-export { Log };

package/src/Log/index.d.ts

@@ -1,91 +0,0 @@
-/** Utils.Log的初始化配置 */
-declare interface UtilsLogOptions {
-	/** 是否输出Tag，false的话其它的颜色也不输出，默认为true */
-	tag?: boolean;
-	/** log.success的颜色，默认#0000FF */
-	successColor?: string;
-	/** log.warn的颜色，默认0 */
-	warnColor?: string;
-	/** log.error的颜色，默认#FF0000 */
-	errorColor?: string;
-	/** log.info的颜色，默认0 */
-	infoColor?: string;
-	/** 是否开启debug模式，true会在控制台每次调用时输出调用函数的所在位置，false不会输出位置，默认false */
-	debug?: boolean;
-	/** 当console输出超过logMaxCount数量自动清理控制台，默认false */
-	autoClearConsole?: boolean;
-	/** console输出的最高数量，autoClearConsole开启则生效，默认999 */
-	logMaxCount?: number;
-}
-
-/** Utils.Log */
-declare interface UtilsLogConstructor {
-	/** 前面的TAG标志 */
-	tag: string;
-	/**
-	 * 控制台-普通输出
-	 * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param color 输出的颜色
-	 * @param otherStyle 其它CSS
-	 */
-	info(msg: any, color?: string, otherStyle?: string): void;
-	/**
-	 * 控制台-警告输出
-	 * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param color 输出的颜色
-	 * @param otherStyle 其它CSS
-	 */
-	warn(msg: any, color?: string, otherStyle?: string): void;
-	/**
-	 * 控制台-错误输出
-	 * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param color 输出的颜色
-	 * @param otherStyle 其它CSS
-	 */
-	error(msg: any, color?: string, otherStyle?: string): void;
-	/**
-	 * 控制台-成功输出
-	 * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-	 * @param color 输出的颜色
-	 * @param otherStyle 其它CSS
-	 */
-	success(msg: any, color?: string, otherStyle?: string): void;
-	/**
-	 * 控制台-输出表格
-	 * @param msg
-	 * @param color 输出的颜色
-	 * @param otherStyle 其它CSS
-	 * @example
-	 * log.table([{"名字":"example","值":"123"},{"名字":"example2","值":"345"}])
-	 */
-	table(
-		msg: UtilsNestedObjectWithToString[],
-		color?: string,
-		otherStyle?: string
-	): void;
-	/**
-	 * 配置Log对象的颜色
-	 * @param paramDetails 配置信息
-	 */
-	config(paramDetails: UtilsLogOptions): void;
-	/** 禁用输出 */
-	disable(): void;
-	/** 恢复输出 */
-	recovery(): void;
-}
-
-/** Utils.Log */
-declare interface UtilsLog {
-	/**
-	 * @param _GM_info_ 油猴管理器的API GM_info，或者是一个对象，如{"script":{name:"Utils.Log"}}
-	 * @param console 可指定console对象为unsafeWindow下的console或者是油猴window下的console
-	 */
-	new (
-		_GM_info_: {
-			script: {
-				name: string;
-			};
-		},
-		console: Console
-	): UtilsLogConstructor;
-}

package/src/Progress/Progress.js

@@ -1,98 +0,0 @@
-const Progress = function (paramConfig) {
-	this.config = {
-		/**
-		 * canvas元素节点
-		 * @type {HTMLCanvasElement}
-		 */
-		canvasNode: null,
-		/**
-		 * 绘制角度
-		 */
-		deg: 95,
-		/**
-		 * 进度
-		 */
-		progress: 0,
-		/**
-		 * 绘制的线宽度
-		 */
-		lineWidth: 10,
-		/**
-		 * 绘制的背景颜色
-		 */
-		lineBgColor: "#1e637c",
-		/**
-		 * 绘制的线的颜色
-		 */
-		lineColor: "#25deff",
-		/**
-		 * 绘制的字体颜色
-		 */
-		textColor: "#000000",
-		/**
-		 * 绘制的字体大小(px)
-		 */
-		fontSize: 22,
-		/**
-		 * 绘制的圆的半径
-		 */
-		circleRadius: 50,
-		/**
-		 * 控制绘制的函数
-		 */
-		draw: () => {},
-	};
-	this.config = Utils.assign(this.config, paramConfig);
-	if (!(this.config.canvasNode instanceof HTMLCanvasElement)) {
-		throw new Error("Utils.Progress 参数 canvasNode 必须是 HTMLCanvasElement");
-	}
-	/* 获取画笔 */
-	let ctx = this.config.canvasNode.getContext("2d");
-	/* 元素宽度 */
-	let width = this.config.canvasNode.width;
-	/* 元素高度 */
-	let height = this.config.canvasNode.height;
-
-	/* 清除锯齿 */
-	if (window.devicePixelRatio) {
-		this.config.canvasNode.style.width = width + "px";
-		this.config.canvasNode.style.height = height + "px";
-		this.config.canvasNode.height = height * window.devicePixelRatio;
-		this.config.canvasNode.width = width * window.devicePixelRatio;
-		ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
-	}
-	/* 设置线宽 */
-	ctx.lineWidth = this.config.lineWidth;
-	/* 绘制 */
-	this.draw = function () {
-		let degActive = (this.config.progress * 360) / 100;
-		/* 清除画布 */
-		ctx.clearRect(0, 0, width, height);
-		/* 开始绘制底圆 */
-		ctx.beginPath();
-		ctx.arc(width / 2, height / 2, this.config.circleRadius, 1, 8);
-		ctx.strokeStyle = this.config.lineBgColor;
-		ctx.stroke();
-		/* 开始绘制动态圆 */
-		ctx.beginPath();
-		ctx.arc(
-			width / 2,
-			height / 2,
-			this.config.circleRadius,
-			-Math.PI / 2,
-			(degActive * Math.PI) / 180 - Math.PI / 2
-		);
-		ctx.strokeStyle = this.config.lineColor;
-		ctx.stroke();
-		/* 获取百分比 */
-		let txt = parseInt(this.config.progress) + "%";
-		ctx.font = this.config.fontSize + "px SimHei";
-		/* 获取文本宽度 */
-		let w = ctx.measureText(txt).width;
-		let h = this.config.fontSize / 2;
-		ctx.fillStyle = this.config.textColor;
-		ctx.fillText(txt, width / 2 - w / 2, height / 2 + h / 2);
-	}.bind(this);
-};
-
-export { Progress };

package/src/Progress/index.d.ts

@@ -1,30 +0,0 @@
-/** Progress */
-declare interface UtilsProgressConstructor {}
-/** Progress */
-declare interface UtilsProgress {
-	/**
-	 * @param paramConfig 配置信息
-	 */
-	new (paramConfig: {
-		/** canvas元素节点 */
-		canvasNode?: HTMLCanvasElement;
-		/** 绘制角度，默认：95 */
-		deg: number;
-		/** 进度，默认：0 */
-		progress: number;
-		/** 绘制的线宽度，默认：10 */
-		lineWidth: number;
-		/** 绘制的背景颜色，默认：#1e637c */
-		lineBgColor: string;
-		/** 绘制的线的颜色，默认：#25deff */
-		lineColor: string;
-		/** 绘制的字体颜色，默认：#000000 */
-		textColor: string;
-		/** 绘制的字体大小(px)，默认：22px */
-		fontSize: string;
-		/** 绘制的圆的半径，默认：50 */
-		circleRadius: string;
-		/** 控制绘制的函数 */
-		draw?: () => void;
-	}): UtilsProgressConstructor;
-}