@whitesev/utils 2.3.3 → 2.3.5

package/dist/index.system.js

@@ -3119,6 +3119,9 @@ System.register('Utils', [], (function (exports) {
                     autoClearConsole: false,
                     logMaxCount: 999,
                 };
+                /**
+                 * 颜色配置
+                 */
                 #msgColorDetails = [
                     "font-weight: bold; color: cornflowerblue",
                     "font-weight: bold; color: cornflowerblue",
@@ -3126,16 +3129,16 @@ System.register('Utils', [], (function (exports) {
                     "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;
                 }
@@ -3210,24 +3213,33 @@ System.register('Utils', [], (function (exports) {
                     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);
@@ -3239,67 +3251,67 @@ System.register('Utils', [], (function (exports) {
                 }
                 /**
                  * 控制台-普通输出
-                 * @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);