@whitesev/utils 2.3.3 → 2.3.4

package/dist/index.umd.js

@@ -3120,6 +3120,9 @@
             autoClearConsole: false,
             logMaxCount: 999,
         };
+        /**
+         * 颜色配置
+         */
         #msgColorDetails = [
             "font-weight: bold; color: cornflowerblue",
             "font-weight: bold; color: cornflowerblue",
@@ -3127,16 +3130,16 @@
             "font-weight: bold; color: cornflowerblue",
         ];
         /**
-         * @param _GM_info_ 油猴管理器的API GM_info，或者是一个对象，如{"script":{name:"Utils.Log"}}，或者直接是一个字符串
+         * @param __GM_info 油猴管理器的API GM_info，或者是一个对象，如{"script":{name:"Utils.Log"}}，或者直接是一个字符串，用作tag名
          * @param console 可指定console对象为unsafeWindow下的console或者是油猴window下的console
          */
-        constructor(_GM_info_, console = window.console) {
-            if (typeof _GM_info_ === "string") {
-                this.tag = _GM_info_;
+        constructor(__GM_info, console = window.console) {
+            if (typeof __GM_info === "string") {
+                this.tag = __GM_info;
             }
-            else if (typeof _GM_info_ === "object" &&
-                typeof _GM_info_?.script?.name === "string") {
-                this.tag = _GM_info_.script.name;
+            else if (typeof __GM_info === "object" &&
+                typeof __GM_info?.script?.name === "string") {
+                this.tag = __GM_info.script.name;
             }
             this.#console = console;
         }
@@ -3211,24 +3214,33 @@
             let { name: callerName, position: callerPosition } = this.parseErrorStack(stackSplit);
             let tagName = this.tag;
             let that = this;
-            function consoleMsg(_msg_) {
-                if (typeof _msg_ === "string") {
-                    that.#console.log(`%c[${tagName}%c-%c${callerName}%c]%c %s`, ...that.#msgColorDetails, `color: ${color};${otherStyle}`, _msg_);
+            /** tag的html输出格式 */
+            let tagNameHTML = `%c[${tagName}%c`;
+            /** 调用的函数名的html输出格式 */
+            let callerNameHTML = `%c${callerName}%c]%c`;
+            callerName.trim() !== "" && (callerNameHTML = "-" + callerNameHTML);
+            /**
+             * 输出消息到控制台
+             * @param message
+             */
+            function consoleMsg(message) {
+                if (typeof message === "string") {
+                    that.#console.log(`${tagNameHTML}${callerNameHTML} %s`, ...that.#msgColorDetails, `color: ${color};${otherStyle}`, message);
                 }
-                else if (typeof _msg_ === "number") {
-                    that.#console.log(`%c[${tagName}%c-%c${callerName}%c]%c %d`, ...that.#msgColorDetails, `color: ${color};${otherStyle}`, _msg_);
+                else if (typeof message === "number") {
+                    that.#console.log(`${tagNameHTML}${callerNameHTML} %d`, ...that.#msgColorDetails, `color: ${color};${otherStyle}`, message);
                 }
-                else if (typeof _msg_ === "object") {
-                    that.#console.log(`%c[${tagName}%c-%c${callerName}%c]%c %o`, ...that.#msgColorDetails, `color: ${color};${otherStyle}`, _msg_);
+                else if (typeof message === "object") {
+                    that.#console.log(`${tagNameHTML}${callerNameHTML} %o`, ...that.#msgColorDetails, `color: ${color};${otherStyle}`, message);
                 }
                 else {
-                    that.#console.log(_msg_);
+                    that.#console.log(message);
                 }
             }
             if (Array.isArray(msg)) {
-                msg.forEach((item) => {
-                    consoleMsg(item);
-                });
+                for (let index = 0; index < msg.length; index++) {
+                    consoleMsg(msg[index]);
+                }
             }
             else {
                 consoleMsg(msg);
@@ -3240,67 +3252,67 @@
         }
         /**
          * 控制台-普通输出
-         * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-         * @param color 输出的颜色
-         * @param otherStyle 其它CSS
+         * @param args 需要输出的内容
+         * @example
+         * log.info("输出信息","输出信息2","输出信息3","输出")
          */
-        info(msg, color = this.#details.infoColor, otherStyle) {
+        info(...args) {
             if (this.#disable)
                 return;
-            this.printContent.call(this, msg, color, otherStyle);
+            this.printContent(args, this.#details.infoColor);
         }
         /**
          * 控制台-警告输出
-         * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-         * @param color 输出的颜色
-         * @param otherStyle 其它CSS
+         * @param args 需要输出的内容
+         * @example
+         * log.warn("输出警告","输出警告2","输出警告3","输出警告4")
          */
-        warn(msg, color = this.#details.warnColor, otherStyle = "background: #FEF6D5;padding: 4px 6px 4px 0px;") {
+        warn(...args) {
             if (this.#disable)
                 return;
-            this.printContent.call(this, msg, color, otherStyle);
+            this.printContent(args, this.#details.warnColor, "background: #FEF6D5;padding: 4px 6px 4px 0px;");
         }
         /**
          * 控制台-错误输出
-         * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-         * @param color 输出的颜色
-         * @param otherStyle 其它CSS
+         * @param args 需要输出的内容
+         * @example
+         * log.error("输出错误","输出错误2","输出错误3","输出错误4")
          */
-        error(msg, color = this.#details.errorColor, otherStyle) {
+        error(...args) {
             if (this.#disable)
                 return;
-            this.printContent.call(this, msg, color, otherStyle);
+            this.printContent(args, this.#details.errorColor);
         }
         /**
          * 控制台-成功输出
-         * @param msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
-         * @param color 输出的颜色
-         * @param otherStyle 其它CSS
+         * @param args 需要输出的内容
+         * @example
+         * log.success("输出成功")
          */
-        success(msg, color = this.#details.successColor, otherStyle) {
+        success(...args) {
             if (this.#disable)
                 return;
-            this.printContent.call(this, msg, color, otherStyle);
+            this.printContent(args, this.#details.successColor);
         }
         /**
          * 控制台-输出表格
-         * @param msg
-         * @param color 输出的颜色
-         * @param otherStyle 其它CSS
+         * @param msg 需要输出的内容
          * @example
          * log.table([{"名字":"example","值":"123"},{"名字":"example2","值":"345"}])
          */
-        table(msg, color = this.#details.infoColor, otherStyle = "") {
+        table(msg) {
             if (this.#disable)
                 return;
             this.checkClearConsole();
             let stack = new Error().stack.split("\n");
             stack.splice(0, 1);
             let errorStackParse = this.parseErrorStack(stack);
+            /** 堆栈函数名 */
             let stackFunctionName = errorStackParse.name;
+            /** 堆栈位置 */
             let stackFunctionNamePosition = errorStackParse.position;
             let callerName = stackFunctionName;
-            this.#console.log(`%c[${this.tag}%c-%c${callerName}%c]%c`, ...this.#msgColorDetails, `color: ${color};${otherStyle}`);
+            this.#console.log(`%c[${this.tag}%c-%c${callerName}%c]%c`, ...this.#msgColorDetails, `color: ${this.#details.infoColor};`);
             this.#console.table(msg);
             if (this.#details.debug) {
                 this.#console.log(stackFunctionNamePosition);