☰

autolog.js

一个小而美的toast插件

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.gf.qytechs.cn/scripts/515426/1476406/autologjs.js 

  1. /*!
  2.  * autolog.js v2.2.0
  3.  * (c) 2023-present Larry Zhu
  4.  * Released under the MIT License.
  5.  */
  6. (function webpackUniversalModuleDefinition(root, factory) {
  7. 	if(typeof exports === 'object' && typeof module === 'object')
  8. 		module.exports = factory();
  9. 	else if(typeof define === 'function' && define.amd)
  10. 		define([], factory);
  11. 	else if(typeof exports === 'object')
  12. 		exports["autolog"] = factory();
  13. 	else
  14. 		root["autolog"] = factory();
  15. })(self, function() {
  16. return /******/ (function() { // webpackBootstrap
  17. /******/ 	"use strict";
  18. var __webpack_exports__ = {};
  19. var cssStr = "#autolog{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:9999999;cursor:pointer;transition:.2s}#autolog>span{pointer-events:auto;width:max-content;animation:fadein .4s;animation-delay:0s;border-radius:6px;padding:10px 20px;box-shadow:0 0 10px 6px rgba(0,0,0,.1);margin:4px;transition:.2s;z-index:9999999;font-size:14px;display:flex;align-items:center;justify-content:center;gap:4px;height:max-content;overflow:hidden;background-color:#fafafa}#autolog>span>span{max-width:50vw}#autolog span.hide{opacity:0;pointer-events:none;transform:translateY(-10px);height:0;padding:0;margin:0}#autolog>.autolog-warn{background-color:#fffaec;color:#e29505}#autolog>.autolog-error{background-color:#fde7e7;color:#d93025}#autolog>.autolog-info{background-color:#e6f7ff;color:#0e6eb8}#autolog>.autolog-success{background-color:#e9f7e7;color:#1a9e2c}#autolog>.autolog-{background-color:#fafafa;color:#333}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}";
  20. var svgIcons = {
  21.     warn: "<svg t=\"1713405237257\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2387\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\"><path d=\"M934.4 770.133333L605.866667 181.333333C586.666667 147.2 550.4 128 512 128c-38.4 0-74.666667 21.333333-93.866667 53.333333L89.6 770.133333c-19.2 34.133333-19.2 76.8 0 110.933334S145.066667 938.666667 183.466667 938.666667h657.066666c38.4 0 74.666667-21.333333 93.866667-57.6 19.2-34.133333 19.2-76.8 0-110.933334z m-55.466667 81.066667c-8.533333 14.933333-23.466667 23.466667-38.4 23.466667H183.466667c-14.933333 0-29.866667-8.533333-38.4-23.466667-8.533333-14.933333-8.533333-34.133333 0-49.066667L473.6 213.333333c8.533333-12.8 23.466667-21.333333 38.4-21.333333s29.866667 8.533333 38.4 21.333333l328.533333 588.8c8.533333 14.933333 8.533333 32 0 49.066667z\" fill=\"#e29505\" p-id=\"2388\"></path><path d=\"M512 746.666667m-42.666667 0a42.666667 42.666667 0 1 0 85.333334 0 42.666667 42.666667 0 1 0-85.333334 0Z\" fill=\"#e29505\" p-id=\"2389\"></path><path d=\"M512 629.333333c17.066667 0 32-14.933333 32-32v-192c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v192c0 17.066667 14.933333 32 32 32z\" fill=\"#e29505\" p-id=\"2390\"></path></svg>",
  22.     error: "<svg t=\"1713405212725\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1744\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\"><path d=\"M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 810.666666c-204.8 0-373.333333-168.533333-373.333333-373.333333S307.2 138.666667 512 138.666667 885.333333 307.2 885.333333 512 716.8 885.333333 512 885.333333z\" fill=\"#d93025\" p-id=\"1745\"></path><path d=\"M657.066667 360.533333c-12.8-12.8-32-12.8-44.8 0l-102.4 102.4-102.4-102.4c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l102.4 102.4-102.4 102.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533334s17.066667-2.133333 23.466667-8.533334l102.4-102.4 102.4 102.4c6.4 6.4 14.933333 8.533333 23.466667 8.533334s17.066667-2.133333 23.466666-8.533334c12.8-12.8 12.8-32 0-44.8l-106.666666-100.266666 102.4-102.4c12.8-12.8 12.8-34.133333 0-46.933334z\" fill=\"#d93025\" p-id=\"1746\"></path></svg>",
  23.     info: "<svg t=\"1713405208589\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1582\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\"><path d=\"M853.333333 138.666667H170.666667c-40.533333 0-74.666667 34.133333-74.666667 74.666666v512c0 40.533333 34.133333 74.666667 74.666667 74.666667h151.466666V917.333333c0 12.8 8.533333 25.6 19.2 29.866667 4.266667 2.133333 8.533333 2.133333 12.8 2.133333 8.533333 0 17.066667-4.266667 23.466667-10.666666l136.533333-138.666667H853.333333c40.533333 0 74.666667-34.133333 74.666667-74.666667V213.333333c0-40.533333-34.133333-74.666667-74.666667-74.666666z m10.666667 586.666666c0 6.4-4.266667 10.666667-10.666667 10.666667H501.333333c-8.533333 0-17.066667 4.266667-23.466666 10.666667l-89.6 93.866666V768c0-17.066667-14.933333-32-32-32H170.666667c-6.4 0-10.666667-4.266667-10.666667-10.666667V213.333333c0-6.4 4.266667-10.666667 10.666667-10.666666h682.666666c6.4 0 10.666667 4.266667 10.666667 10.666666v512z\" fill=\"#0e6eb8\" p-id=\"1583\"></path><path d=\"M512 490.666667H298.666667c-17.066667 0-32 14.933333-32 32S281.6 554.666667 298.666667 554.666667h213.333333c17.066667 0 32-14.933333 32-32S529.066667 490.666667 512 490.666667zM672 341.333333H298.666667c-17.066667 0-32 14.933333-32 32S281.6 405.333333 298.666667 405.333333h373.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z\" fill=\"#0e6eb8\" p-id=\"1584\"></path></svg>",
  24.     success: "<svg t=\"1713405224326\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2225\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\"><path d=\"M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 810.666666c-204.8 0-373.333333-168.533333-373.333333-373.333333S307.2 138.666667 512 138.666667 885.333333 307.2 885.333333 512 716.8 885.333333 512 885.333333z\" fill=\"#1a9e2c\" p-id=\"2226\"></path><path d=\"M701.866667 381.866667L448 637.866667 322.133333 512c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l149.333334 149.333333c6.4 6.4 14.933333 8.533333 23.466666 8.533334s17.066667-2.133333 23.466667-8.533334l277.333333-277.333333c12.8-12.8 12.8-32 0-44.8-14.933333-12.8-36.266667-12.8-49.066666-2.133333z\" fill=\"#1a9e2c\" p-id=\"2227\"></path></svg>",
  25.     x: "<svg class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\"><path d=\"M256 810.666667c-12.8 0-21.333333-4.266667-29.866667-12.8-17.066667-17.066667-17.066667-42.666667 0-59.733334l512-512c17.066667-17.066667 42.666667-17.066667 59.733334 0s17.066667 42.666667 0 59.733334l-512 512c-8.533333 8.533333-17.066667 12.8-29.866667 12.8zM768 810.666667c-12.8 0-21.333333-4.266667-29.866667-12.8l-512-512c-17.066667-17.066667-17.066667-42.666667 0-59.733334s42.666667-17.066667 59.733334 0l512 512c17.066667 17.066667 17.066667 42.666667 0 59.733334-8.533333 8.533333-17.066667 12.8-29.866667 12.8z\" fill=\"#000000\"/></svg>",
  26.     "": "",
  27. };
  28. var autolog = {
  29.     log: function (text, type, time, autoClose) {
  30.         if (text === void 0) { text = ""; }
  31.         if (type === void 0) { type = ""; }
  32.         if (time === void 0) { time = 2500; }
  33.         if (autoClose === void 0) { autoClose = true; }
  34.         if (typeof type === "number") {
  35.             autoClose = time; // interpret time as autoClose
  36.             time = type;
  37.             type = "";
  38.         }
  39.         else if (typeof type === "boolean") {
  40.             autoClose = type;
  41.             type = "";
  42.             time = 2500;
  43.         }
  44.         else if (typeof time === "boolean") {
  45.             autoClose = time;
  46.             time = 2500;
  47.         }
  48.         time += 900; // 400ms for fadein, 500ms for fadeout
  49.         var mainEl = getMainElement();
  50.         var el = document.createElement("span");
  51.         el.className = "autolog-".concat(type.toString());
  52.         if (type.toString().startsWith("icon-")) {
  53.             el.innerHTML = "<span class=\"iconfont ".concat(type.toString(), "\"></span> <span>").concat(text.replace(/\n/g, "</br>"), "</span>");
  54.         }
  55.         else {
  56.             el.innerHTML =
  57.                 svgIcons[type] + "<span>".concat(text.replace(/\n/g, "</br>"), "</span>");
  58.         }
  59.         if (!autoClose) {
  60.             el.innerHTML += getX(type);
  61.         }
  62.         mainEl.appendChild(el);
  63.         // 当time和autoClose都存在时，点击关闭
  64.         if (autoClose) {
  65.             setTimeout(function () {
  66.                 el.classList.add("hide");
  67.             }, time - 500);
  68.             setTimeout(function () {
  69.                 mainEl.removeChild(el);
  70.                 el = null;
  71.             }, time);
  72.         }
  73.         else {
  74.             el === null || el === void 0 ? void 0 : el.addEventListener('click', function () {
  75.                 el.classList.add("hide");
  76.                 setTimeout(function () {
  77.                     mainEl.removeChild(el);
  78.                     el = null;
  79.                 }, 500);
  80.             });
  81.         }
  82.     },
  83.     create: function (options) {
  84.         customIcons(options.svgIcons);
  85.         return {
  86.             log: this.log.bind(this),
  87.         };
  88.     }
  89. };
  90. // 定义 mtoastElementColor 对象
  91. var mtoastElementColor = {
  92.     warn: '#e29505',
  93.     error: '#d93025',
  94.     info: '#0e6eb8',
  95.     success: '#1a9e2c',
  96. };
  97. // 定义 getX 函数
  98. function getX(type) {
  99.     var svgEl = svgIcons.x; // 从 svgIcons 获取 x 图标
  100.     var coloredSvgEl = svgEl.replace('fill="#000000"', "fill=\"".concat(mtoastElementColor[type], "\""));
  101.     return coloredSvgEl;
  102. }
  103. function customIcons(icons) {
  104.     Object.assign(svgIcons, icons);
  105. }
  106. function getMainElement() {
  107.     var mainEl = document.querySelector("#autolog");
  108.     if (!mainEl) {
  109.         mainEl = document.createElement("div");
  110.         mainEl.id = "autolog";
  111.         document.body.appendChild(mainEl);
  112.         var style = document.createElement("style");
  113.         style.innerHTML = cssStr;
  114.         document.head.insertBefore(style, document.head.firstChild);
  115.     }
  116.     return mainEl;
  117. }
  118. /* harmony default export */ __webpack_exports__["default"] = (autolog);
  119.  
  120. __webpack_exports__ = __webpack_exports__["default"];
  121. /******/ 	return __webpack_exports__;
  122. /******/ })()
  123. ;
  124. });

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址