Greasy Fork is available in English.
设置倒计时，在计时结束时对页面进行刷新。同时增加了倒计时的进度条，可以更直观地看到多久后页面会刷新
// ==UserScript== // @name 定时刷新页面 // @name:en Auto refresh // @name:zh 定时刷新页面 // @name:zh-CN 定时刷新页面 // @namespace Violentmonkey Scripts // @description 设置倒计时，在计时结束时对页面进行刷新。同时增加了倒计时的进度条，可以更直观地看到多久后页面会刷新 // @description:en Set a countdown and refresh the page at the end of the countdown // @description:zh 设置倒计时，在计时结束时对页面进行刷新。同时增加了倒计时的进度条，可以更直观地看到多久后页面会刷新 // @description:zh-CN 设置倒计时，在计时结束时对页面进行刷新。同时增加了倒计时的进度条，可以更直观地看到多久后页面会刷新 // @match *://*/* // @supportURL https://gitee.com/jiabaox/timer-refreshes/issues // @noframes // @inject-into content // @run-at document-idle // @grant GM_setValue // @grant GM_getValue // @grant GM_deleteValue // @grant GM_registerMenuCommand // @grant GM_unregisterMenuCommand // @grant GM_listValues // @grant GM_setClipboard // @version V1.0.11.17 // @author JiabaoX // @homepageURL https://gitee.com/jiabaox/timer-refreshes.git // @license MIT // @require https://unpkg.com/@violentmonkey/[email protected]/dist/index.js // @require https://unpkg.com/vue@3/dist/vue.global.prod.js // @icon data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjY3NDYxMjc1MTEyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc4NSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTEuMiA1MS4ybTE1My42IDBsNjA5LjI4IDBxMTUzLjYgMCAxNTMuNiAxNTMuNmwwIDYwOS4yOHEwIDE1My42LTE1My42IDE1My42bC02MDkuMjggMHEtMTUzLjYgMC0xNTMuNi0xNTMuNmwwLTYwOS4yOHEwLTE1My42IDE1My42LTE1My42WiIgZmlsbD0iI0YxOTE0OSIgb3BhY2l0eT0iLjIiIHAtaWQ9Ijc4NiI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgMTU4LjcyYTM1My4yOCAzNTMuMjggMCAxIDAgMzUzLjI4IDM1My4yOCAzNTMuMjggMzUzLjI4IDAgMCAwLTM1My4yOC0zNTMuMjh6IG0xMjYuNjEyNDggNTA0LjE5NzEyYTE5Ni45NDU5MiAxOTYuOTQ1OTIgMCAwIDEtMzIwLjg4MDY0LTExOC4wOTI4aC0zNi4zMDA4YTE2LjE3NDA4IDE2LjE3NDA4IDAgMCAxLTEzLjAyMDE2LTI1Ljc2Mzg0bDYzLjU5NTUyLTg2LjM2NDE2YTE2LjE3NDA4IDE2LjE3NDA4IDAgMCAxIDI2LjA0NTQ0IDBsNjMuNTk1NTIgODYuMzY0MTZhMTYuMTc0MDggMTYuMTc0MDggMCAwIDEtMTMuMDIwMTYgMjUuNzYzODRoLTMyLjcxNjhhMTM5LjkxNDI0IDEzOS45MTQyNCAwIDAgMCAyMjUuOTk2OCA3NC40MTkyIDI4LjUyMzUyIDI4LjUyMzUyIDAgMCAxIDM2LjcwNTI4IDQzLjY3MzZ6TTc1NC4yODg2NCA1MDcuMzkyTDY5MC42ODggNTkzLjc3MTUyYTE2LjE3NDA4IDE2LjE3NDA4IDAgMCAxLTI2LjA0NTQ0IDBMNjAxLjA0MTkyIDUwNy4zOTJhMTYuMTc0MDggMTYuMTc0MDggMCAwIDEgMTMuMDI1MjgtMjUuNzYzODRoMzQuNDc4MDhhMTM5LjkxOTM2IDEzOS45MTkzNiAwIDAgMC0yMjYuNTcwMjQtNzYuODcxNjggMjguNTIzNTIgMjguNTIzNTIgMCAxIDEtMzYuNzA1MjgtNDMuNjczNiAxOTYuOTkyIDE5Ni45OTIgMCAwIDEgMzIxLjMyMDk2IDEyMC41NjU3NmgzNC42NzI2NGExNi4xNzQwOCAxNi4xNzQwOCAwIDAgMSAxMy4wMjUyOCAyNS43NDMzNnoiIGZpbGw9IiNGMTkxNDkiIHAtaWQ9Ijc4NyI+PC9wYXRoPjwvc3ZnPg== // ==/UserScript== const vue=Vue; (function (VM, Vue, vue) { 'use strict'; function styleInject(css, ref) { if (ref === void 0) ref = {}; var insertAt = ref.insertAt; if (!css || typeof document === 'undefined') { return; } var head = document.head || document.getElementsByTagName('head')[0]; var style = document.createElement('style'); style.type = 'text/css'; if (insertAt === 'top') { if (head.firstChild) { head.insertBefore(style, head.firstChild); } else { head.appendChild(style); } } else { head.appendChild(style); } if (style.styleSheet) { style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } } var css_248z$5 = "#loading-status { \r\n border: 0px #669CB8 solid;\r\n -webkit-box-shadow: 0px 2px 2px #D0D4D6;\r\n height: 10px;\r\n -webkit-border-radius: 10px;\r\n background: -webkit-gradient(linear, 0 0, 0 100%, from(#E1E9EE), to(white));\r\n padding: 1px;\r\n position: fixed;\r\n bottom: 0;\r\n z-index: 9999;\r\n width: 100%;\r\n opacity: 0.8;\r\n}\r\n\r\n#userscript-app{\r\n position: absolute;\r\n bottom: 10px;\r\n top: 0;\r\nleft: 0;\r\n \r\n}\r\n\r\n#precent {\r\n background: -webkit-gradient(linear, 0 0, 0 100%, from(#7BC3FF), color-stop(0.5, #42A9FF), to(#7BC3FF));\r\n height: 100%;\r\n -webkit-border-radius: 10px;\r\n -webkit-transition: width 0.2s ease-in-out;\r\n\r\n}"; styleInject(css_248z$5); var script$5 = { props: ['precent', 'showPrecent', "showProgressBar", "position","themeColor","tranislationTime"], data() { return { } }, methods: { }, mounted() { }, computed: { } }; const _hoisted_1$5 = { key: 0, class: "us-loading-status" }; const _hoisted_2$4 = { key: 0, style: {"color":"white","text-align":"right","padding":"0 10px"} }; function render$5(_ctx, _cache, $props, $setup, $data, $options) { return ($props.showProgressBar) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [ vue.createElementVNode("div", { class: "us-precent", style: vue.normalizeStyle({ width: $props.precent + '%', background:$props.themeColor ,transition:'width '+$props.tranislationTime+'s ease-in-out'} ) }, [ ($props.showPrecent) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, vue.toDisplayString($props.precent.toFixed(2) + '%'), 1 /* TEXT */)) : vue.createCommentVNode("v-if", true) ], 4 /* STYLE */) ])) : vue.createCommentVNode("v-if", true) } var css_248z$4 = "\n.us-loading-status {\r\n border: 0px #669CB8 solid;\r\n box-shadow: 0px 2px 2px #D0D4D6;\r\n height: 10px;\r\n border-radius: 10px;\r\n background: -webkit-gradient(linear, 0 0, 0 100%, from(#E1E9EE), to(white));\r\n padding: 0px;\r\n position: relative;\r\n\r\n z-index: 9999;\r\n width: 100%;\r\n opacity: 0.8;\n}\n.us-precent {\r\n color: rgb(103,85,200);\r\n color: rgb(46,89,200);\r\n background: -webkit-gradient(linear, 0 0, 0 100%, from(#7BC3FF), color-stop(0.5, #42A9FF), to(#7BC3FF));\r\n height: 100%;\r\n border-radius: 10px;\n}\r\n"; styleInject(css_248z$4); script$5.render = render$5; script$5.__file = "src/components/progressBar.vue"; var script$4 = { props: ['duration', 'active'], emits:['timeElapsedChanged','endOfCountdown'], data() { return { timeElapsed: 0, millisec: 1000, isFirst: true, startTime: 0, count: 0 } }, methods: { reset() { this.timeElapsed = this.duration; this.count = 0; this.startTime = new Date().getTime(); } }, watch: { active: { handler(newValue, oldValue) { if (this.isFirst) { this.timeElapsed = this.duration; this.isFirst = false; } this.startTime = new Date().getTime(); this.count = 0; const timer = window.setTimeout(function runAgain(data, props, $emit) { if (!props.active) { //暂停计时 window.clearTimeout(timer); } else { data.count++; let currentTime = new Date().getTime(); let delay = currentTime - (data.startTime + data.count * data.millisec); let nextTime = data.millisec - delay; //console.debug('延迟', nextTime, currentTime, data.startTime + data.count * data.millisec, data.count, delay) if (nextTime < 0) { data.timeElapsed += nextTime; data.count += -nextTime / data.millisec; //console.debug('超延迟', data.timeElapsed, data.count); } else { data.timeElapsed -= data.millisec; } //触发倒计时时间变化事件 $emit("timeElapsedChanged", data.timeElapsed); if (data.timeElapsed <= 0) { window.clearTimeout(timer); //触发倒计时结束事件 $emit("endOfCountdown"); } else { setTimeout(runAgain, nextTime, data, props, $emit); } } }, this.$data.millisec, this.$data, this.$props, this.$emit); }, immediate: true }, }, mounted() { }, computed: { countDown() { //TODO 计算时、分、秒 if (this.timeElapsed <= 0) this.timeElapsed = 0; //一小时= 1000*60*60 let hour = Math.floor(this.timeElapsed / (1000 * 60 * 60)); //一分钟 = 1000*60 let min = Math.floor((this.timeElapsed % (1000 * 60 * 60)) / (1000 * 60)); //一秒 = 1000 let sec = Math.floor((this.timeElapsed % (1000 * 60)) / 1000); let hourStr; let minStr; let secStr; if (hour >= 0 && hour <= 9) { hourStr = "0" + hour; } else { hourStr = hour + ""; } if (min >= 0 && min <= 9) { minStr = "0" + min; } else { minStr = min + ""; } if (sec >= 0 && sec <= 9) { secStr = "0" + sec; } else { secStr = sec + ""; } return hourStr + ":" + minStr + ":" + secStr; } }, }; const _hoisted_1$4 = { class: "countdown" }; function render$4(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$4, vue.toDisplayString($options.countDown), 1 /* TEXT */)) } var css_248z$3 = "\n.countdown {\r\n font-variant-numeric: tabular-nums;\n}\r\n"; styleInject(css_248z$3); script$4.render = render$4; script$4.__file = "src/components/countdown.vue"; var img$9 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1667703884063' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2135' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M511.999787 1023.997867a508.627426 508.627426 0 0 1-362.025309-149.972771A508.712759 508.712759 0 0 1 0.001707 511.999787a508.627426 508.627426 0 0 1 149.972771-362.025309A508.627426 508.627426 0 0 1 511.999787 0.001707h0.597331a508.243427 508.243427 0 0 1 361.64131 149.802105 508.755426 508.755426 0 0 1 110.932918 166.186043A509.267424 509.267424 0 0 1 1023.997867 511.999787a508.712759 508.712759 0 0 1-149.972771 362.067975A508.670092 508.670092 0 0 1 511.999787 1023.997867zM435.797406 298.667253A55.466459 55.466459 0 0 0 384.000267 356.992368v309.972171A55.466459 55.466459 0 0 0 435.797406 725.33232a49.151816 49.151816 0 0 0 25.941236-7.509305l238.463106-155.47675A61.055771 61.055771 0 0 0 725.33232 511.999787a61.098438 61.098438 0 0 0-25.173239-50.303812l-238.463106-155.47675A48.98115 48.98115 0 0 0 435.797406 298.667253z' p-id='2136' fill='%231296db'%3e%3c/path%3e%3c/svg%3e"; var img$8 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1667703924818' class='icon' viewBox='0 0 1026 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2318' xmlns:xlink='http://www.w3.org/1999/xlink' width='200.390625' height='200'%3e%3cpath d='M565.93216 12.8C226.73216-25.6-54.86784 275.2 9.13216 620.8c38.4 198.4 198.4 352 396.8 390.4 345.6 64 633.6-204.8 595.2-544C981.93216 230.4 796.33216 38.4 565.93216 12.8zM476.33216 710.4h-128v-384h128v384z m192 0h-128v-384h128v384z' fill='%23d81e06' p-id='2319'%3e%3c/path%3e%3c/svg%3e"; var img$7 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1667716116558' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6112' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M621.714286 512 1002.057143 131.657143c29.257143-29.257143 29.257143-80.457143 0-109.714286-29.257143-29.257143-80.457143-29.257143-109.714286 0L512 402.285714 131.657143 21.942857c-29.257143-29.257143-80.457143-29.257143-109.714286 0-29.257143 29.257143-29.257143 80.457143 0 109.714286L402.285714 512 21.942857 892.342857c-29.257143 29.257143-29.257143 80.457143 0 109.714286 29.257143 29.257143 80.457143 29.257143 109.714286 0L512 621.714286l380.342857 380.342857c29.257143 29.257143 80.457143 29.257143 109.714286 0 29.257143-29.257143 29.257143-80.457143 0-109.714286L621.714286 512z' p-id='6113'%3e%3c/path%3e%3c/svg%3e"; var img$6 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1668149469147' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9829' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M512 128a384 384 0 1 1 0 768A384 384 0 0 1 512 128z m0 109.824a32 32 0 0 0-32 32V512l0.64 6.336a32 32 0 0 0 13.76 20.352l186.816 123.264 5.12 2.752a32 32 0 0 0 39.232-11.84l2.688-5.12a32 32 0 0 0-11.776-39.168L544 494.72V269.824l-0.512-5.76A32 32 0 0 0 512 237.824z' fill='%23FF8F49' p-id='9830'%3e%3c/path%3e%3c/svg%3e"; var img$5 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1668068365135' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='16823' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M511.33 63c-247.42 0-448 200.57-448 448s200.58 448 448 448 448-200.58 448-448-200.57-448-448-448z m163.42 625.54H347.91a42.27 42.27 0 0 1 0-84.53h326.84a42.27 42.27 0 1 1 0 84.53z m0-135.25H347.91a42.27 42.27 0 0 1 0-84.53h326.84a42.27 42.27 0 1 1 0 84.53z m0-135.24H347.91a42.27 42.27 0 0 1 0-84.53h326.84a42.27 42.27 0 1 1 0 84.53z' p-id='16824' fill='%238a8a8a'%3e%3c/path%3e%3c/svg%3e"; var img$4 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1668068263546' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='14061' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M512 512m-389.12 0a389.12 389.12 0 1 0 778.24 0 389.12 389.12 0 1 0-778.24 0Z' fill='%233889FF' p-id='14062'%3e%3c/path%3e%3cpath d='M492.78976 401.11104c-73.68704 10.25024-126.89408 75.74528-121.84576 149.97504 5.05856 74.21952 66.6624 131.90144 141.056 132.07552a141.68064 141.68064 0 0 0 141.66016-141.69088 27.50464 27.50464 0 1 1 55.00928 0c0 108.62592-88.04352 196.66944-196.66944 196.66944S315.33056 650.11712 315.33056 541.4912c0-102.84032 78.92992-187.2384 179.47648-195.93216l26.7776 26.75712-28.79488 28.80512v-0.01024z m0 0' fill='white' p-id='14063'%3e%3c/path%3e%3cpath d='M482.07872 332.81024a27.50464 27.50464 0 0 1 38.90176-38.90176l58.94144 58.95168a27.50464 27.50464 0 0 1 0 38.90176l-58.94144 58.94144a27.50464 27.50464 0 0 1-38.90176-38.90176l39.50592-39.50592-39.50592-39.48544z m0 0' fill='white' p-id='14064'%3e%3c/path%3e%3c/svg%3e"; var script$3 = { props: ['config','startCounting','countdown'], emits:['reset','start','suspend'], data() { return { defaultConfig: Object.assign({}, this.config),//备份配置选项（浅拷贝） icons: { running: img$9, suspend: img$8, close: img$7, menu: img$5, reset: img$4 ,timer: img$6} } }, methods: { reset() { for (let key in this.config) { //console.debug(key, this.config[key], this.defaultConfig[key]) this.config[key] = this.defaultConfig[key]; } }, submit() { let msg = "确认保存配置吗？"; if (confirm(msg) == true) { //保存配置到本地 GM_setValue('config', this.config); } GM_getValue('config'); }, clear() { let msg = "确认清除设置吗（此操作将会刷新页面）？"; if (confirm(msg) == true) { //保存配置到本地 GM_deleteValue('config'); location.reload(); } } }, mounted() { }, components: {}, watch: { }, computed: { intervalOptions() { let items = new Array(); for (let index = 1; index <= 9; index++) { items.push(index / 10); } for (let index = 1; index <= 1440; index++) { items.push(index); } return items; } } }; const _hoisted_1$3 = /*#__PURE__*/vue.createElementVNode("div", { class: "userscript-head" }, null, -1 /* HOISTED */); const _hoisted_2$3 = { class: "userscript-content" }; const _hoisted_3$3 = { class: "userscript-tab-content" }; const _hoisted_4$3 = { class: "userscript-key-item" }; const _hoisted_5$2 = { class: "userscript-value-item" }; const _hoisted_6$2 = { title: "倒计时", class: "userscript-button", style: {"pointer-events":"none"} }; const _hoisted_7$2 = ["src"]; const _hoisted_8$2 = ["src"]; const _hoisted_9$2 = ["src"]; const _hoisted_10$2 = ["src"]; const _hoisted_11$2 = { class: "userscript-key-item" }; const _hoisted_12$2 = { class: "userscript-value-item" }; const _hoisted_13$2 = ["value"]; const _hoisted_14$2 = /*#__PURE__*/vue.createElementVNode("span", null, "⚠️注：该设置下次刷新页面时生效。", -1 /* HOISTED */); const _hoisted_15$2 = { class: "userscript-key-item" }; const _hoisted_16$2 = { class: "userscript-value-item" }; const _hoisted_17$2 = /*#__PURE__*/vue.createElementVNode("label", { for: "showPrecent" }, "显示进度条百分比", -1 /* HOISTED */); const _hoisted_18$2 = { class: "userscript-value-item" }; const _hoisted_19$1 = /*#__PURE__*/vue.createElementVNode("label", { for: "showTimeElapsed" }, "显示操作按钮", -1 /* HOISTED */); const _hoisted_20 = /*#__PURE__*/vue.createElementVNode("span", null, [ /*#__PURE__*/vue.createTextVNode("⚠️注：点击暴力猴/油猴插件图标，选择"), /*#__PURE__*/vue.createElementVNode("b", null, "\"设置\""), /*#__PURE__*/vue.createTextVNode("菜单，可以对设置进行更改。") ], -1 /* HOISTED */); const _hoisted_21 = { class: "userscript-value-item" }; const _hoisted_22 = { class: "userscript-value-item" }; const _hoisted_23 = { class: "userscript-key-item" }; const _hoisted_24 = { class: "userscript-value-item" }; const _hoisted_25 = /*#__PURE__*/vue.createElementVNode("label", { for: "showProgressBar" }, "显示进度条", -1 /* HOISTED */); const _hoisted_26 = { class: "userscript-value-item" }; const _hoisted_27 = /*#__PURE__*/vue.createElementVNode("br", null, null, -1 /* HOISTED */); const _hoisted_28 = { class: "radiodiv" }; const _hoisted_29 = /*#__PURE__*/vue.createElementVNode("label", { for: "us-1" }, "顶部", -1 /* HOISTED */); const _hoisted_30 = { class: "radiodiv" }; const _hoisted_31 = /*#__PURE__*/vue.createElementVNode("label", { for: "us-2" }, "底部", -1 /* HOISTED */); const _hoisted_32 = { class: "userscript-value-item" }; const _hoisted_33 = /*#__PURE__*/vue.createElementVNode("br", null, null, -1 /* HOISTED */); const _hoisted_34 = { class: "userscript-value-item" }; const _hoisted_35 = { class: "userscript-tab-func" }; function render$3(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [ _hoisted_1$3, vue.createElementVNode("div", _hoisted_2$3, [ vue.createElementVNode("div", _hoisted_3$3, [ vue.createElementVNode("div", _hoisted_4$3, [ vue.createTextVNode(" 操作 "), vue.createElementVNode("div", _hoisted_5$2, [ vue.createElementVNode("button", _hoisted_6$2, [ vue.createElementVNode("img", { src: this.icons.timer }, null, 8 /* PROPS */, _hoisted_7$2), vue.createTextVNode(" " + vue.toDisplayString(this.countdown), 1 /* TEXT */) ]), vue.createElementVNode("button", { title: "重置倒计时", onClick: _cache[0] || (_cache[0] = $event => (this.$emit('reset'))), class: "userscript-button" }, [ vue.createElementVNode("img", { src: this.icons.reset }, null, 8 /* PROPS */, _hoisted_8$2), vue.createTextVNode(" 重置倒计时 ") ]), vue.withDirectives(vue.createElementVNode("button", { title: "开始倒计时", onClick: _cache[1] || (_cache[1] = $event => (this.$emit('start'))), class: "userscript-button" }, [ vue.createElementVNode("img", { src: this.icons.running }, null, 8 /* PROPS */, _hoisted_9$2), vue.createTextVNode(" 开始倒计时 ") ], 512 /* NEED_PATCH */), [ [vue.vShow, !this.startCounting] ]), vue.withDirectives(vue.createElementVNode("button", { title: "暂停倒计时", onClick: _cache[2] || (_cache[2] = $event => (this.$emit('suspend'))), class: "userscript-button" }, [ vue.createElementVNode("img", { src: this.icons.suspend }, null, 8 /* PROPS */, _hoisted_10$2), vue.createTextVNode(" 暂停倒计时 ") ], 512 /* NEED_PATCH */), [ [vue.vShow, this.startCounting] ]) ]) ]), vue.createElementVNode("div", _hoisted_11$2, [ vue.createTextVNode(" 刷新时间 "), vue.createElementVNode("div", _hoisted_12$2, [ vue.createTextVNode(" 页面刷新间隔（分钟）: "), vue.withDirectives(vue.createElementVNode("select", { "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((this.config.refreshInterval) = $event)) }, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.intervalOptions, (item) => { return (vue.openBlock(), vue.createElementBlock("option", { value: item }, vue.toDisplayString(item), 9 /* TEXT, PROPS */, _hoisted_13$2)) }), 256 /* UNKEYED_FRAGMENT */)) ], 512 /* NEED_PATCH */), [ [vue.vModelSelect, this.config.refreshInterval] ]), _hoisted_14$2 ]) ]), vue.createElementVNode("div", _hoisted_15$2, [ vue.createTextVNode(" 显示内容 "), vue.createElementVNode("div", _hoisted_16$2, [ vue.withDirectives(vue.createElementVNode("input", { type: "checkbox", id: "showPrecent", "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((this.config.showPrecent) = $event)) }, null, 512 /* NEED_PATCH */), [ [vue.vModelCheckbox, this.config.showPrecent] ]), _hoisted_17$2 ]), vue.createElementVNode("div", _hoisted_18$2, [ vue.withDirectives(vue.createElementVNode("input", { type: "checkbox", id: "showTimeElapsed", "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => ((this.config.showTimeElapsed) = $event)) }, null, 512 /* NEED_PATCH */), [ [vue.vModelCheckbox, this.config.showTimeElapsed] ]), _hoisted_19$1, _hoisted_20 ]), vue.createElementVNode("div", _hoisted_21, [ vue.createTextVNode(" 倒计时提示: "), vue.withDirectives(vue.createElementVNode("input", { type: "text", min: "0", max: "100", "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => ((this.config.label) = $event)) }, null, 512 /* NEED_PATCH */), [ [vue.vModelText, this.config.label] ]) ]), vue.createElementVNode("div", _hoisted_22, [ vue.createTextVNode(" 透明度: "), vue.withDirectives(vue.createElementVNode("input", { type: "range", min: "0", max: "100", "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => ((this.config.opacity) = $event)) }, null, 512 /* NEED_PATCH */), [ [vue.vModelText, this.config.opacity] ]), vue.createElementVNode("span", null, vue.toDisplayString(this.config.opacity) + "%", 1 /* TEXT */) ]) ]), vue.createElementVNode("div", _hoisted_23, [ vue.createTextVNode(" 进度条 "), vue.createElementVNode("div", _hoisted_24, [ vue.withDirectives(vue.createElementVNode("input", { type: "checkbox", id: "showProgressBar", "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => ((this.config.showProgressBar) = $event)) }, null, 512 /* NEED_PATCH */), [ [vue.vModelCheckbox, this.config.showProgressBar] ]), _hoisted_25 ]), vue.createElementVNode("div", _hoisted_26, [ vue.createTextVNode(" 位置:"), _hoisted_27, vue.createElementVNode("div", null, [ vue.createElementVNode("div", _hoisted_28, [ vue.withDirectives(vue.createElementVNode("input", { type: "radio", id: "us-1", "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => ((this.config.position) = $event)), value: "top" }, null, 512 /* NEED_PATCH */), [ [vue.vModelRadio, this.config.position] ]), _hoisted_29 ]), vue.createElementVNode("div", _hoisted_30, [ vue.withDirectives(vue.createElementVNode("input", { type: "radio", id: "us-2", "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => ((this.config.position) = $event)), value: "bottom" }, null, 512 /* NEED_PATCH */), [ [vue.vModelRadio, this.config.position] ]), _hoisted_31 ]) ]) ]), vue.createElementVNode("div", _hoisted_32, [ vue.createTextVNode(" 颜色: "), _hoisted_33, vue.withDirectives(vue.createElementVNode("input", { type: "color", name: "favcolor", "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => ((this.config.themeColor) = $event)) }, null, 512 /* NEED_PATCH */), [ [vue.vModelText, this.config.themeColor] ]), vue.createElementVNode("span", null, vue.toDisplayString(this.config.themeColor), 1 /* TEXT */) ]), vue.createElementVNode("div", _hoisted_34, [ vue.createTextVNode(" 高 度: "), vue.withDirectives(vue.createElementVNode("input", { type: "range", min: "1", max: "100", "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => ((this.config.height) = $event)) }, null, 512 /* NEED_PATCH */), [ [vue.vModelText, this.config.height] ]), vue.createElementVNode("span", null, vue.toDisplayString(this.config.height) + "px", 1 /* TEXT */) ]) ]) ]) ]), vue.createElementVNode("div", _hoisted_35, [ vue.createElementVNode("button", { title: "恢复到脚本刚安装时的默认配置", type: "reset", onClick: _cache[13] || (_cache[13] = (...args) => ($options.clear && $options.clear(...args))), class: "userscript-button" }, "清除设置"), vue.createElementVNode("button", { title: "取消", type: "reset", onClick: _cache[14] || (_cache[14] = (...args) => ($options.reset && $options.reset(...args))), class: "userscript-button" }, "取消"), vue.createElementVNode("button", { title: "保存", type: "submit", onClick: _cache[15] || (_cache[15] = (...args) => ($options.submit && $options.submit(...args))), class: "userscript-button" }, "保存") ]) ], 64 /* STABLE_FRAGMENT */)) } var css_248z$2 = "\n.userscript-tab-func{\r\n position: absolute;\r\n bottom: 0;\r\n margin: 5px;\n}\n.userscript-head {}\n.userscript-content {\n}\n.userscript-tab-head {}\n.userscript-tab-content {\r\n color: black;\r\n width: 90%;\r\n margin: 0 auto;\r\n padding:0 0 20px 0;\n}\n.userscript-key-item {\r\n font-weight: bold;\r\n margin: 8px 0;\n}\n.userscript-value-item {\r\n font-weight: normal;\r\n padding: 8px;\n}\n.userscript-value-item img {\r\n height: 30px;\r\n vertical-align: middle;\n}\n.userscript-value-item span {\r\n color: rgb(255, 138, 66);\r\n margin: 0 5px;\n}\n.userscript-value-item input {\r\n margin: 0 2px;\r\n height: 20px;\r\n cursor: pointer;\n}\n.userscript-value-item input[type=\"color\"] {\r\n height: 30px;\r\n width: 45px;\r\n border-radius: 3px;\r\n border: solid 0px red\n}\n.userscript-value-item .radiodiv {\r\n display: inline;\r\n float: flex;\r\n margin: 0px 3px;\n}\n.userscript-value-item label {\r\n cursor: pointer;\n}\n.userscript-value-item label:hover {\r\n color: rgb(0, 136, 255);\n}\r\n"; styleInject(css_248z$2); script$3.render = render$3; script$3.__file = "src/components/settingsTab.vue"; const delEmptyQueryNodes = (obj = {}) => { Object.keys(obj).forEach(key => { let value = obj[key]; value && typeof value === 'object' && delEmptyQueryNodes(value); (value === '' || value === null || value === undefined || value.length === 0 || Object.keys(value).length === 0) && delete obj[key]; }); return obj; }; const objKeysSort = obj => { /** * 先用Object内置类的keys方法获取要排序对象的属性名 * 再利用Array原型上的sort方法对获取的属性名进行排序 * newKey是一个数组 */ var newKey = Object.keys(obj).sort(); // 创建一个新对象，用于存放排好序的键值对 var newObj = {}; // 遍历数组 for (var i = 0; i < newKey.length; i++) { // 向新创建的对象中按照排好的顺序依次增加键值对 newObj[newKey[i]] = obj[newKey[i]]; } // 返回新对象 return newObj; }; var script$2 = { props: [], data() { return { } }, methods: { }, mounted() { }, computed: { }, beforeCreate() { this.data = GM_info; this.data.script=delEmptyQueryNodes(delEmptyQueryNodes(this.data.script)); this.data.script=objKeysSort(this.data.script); // this.data=this.data.script.filter((item)=>{ // return item.lenght>0; // }); } }; const _hoisted_1$2 = { class: "us-platform" }; const _hoisted_2$2 = /*#__PURE__*/vue.createElementVNode("h4", null, " scriptHandler: ", -1 /* HOISTED */); const _hoisted_3$2 = { class: "us-table" }; const _hoisted_4$2 = { key: 0 }; const _hoisted_5$1 = /*#__PURE__*/vue.createElementVNode("td", null, "scriptHandler ", -1 /* HOISTED */); const _hoisted_6$1 = { key: 1 }; const _hoisted_7$1 = /*#__PURE__*/vue.createElementVNode("td", null, "scriptHandler ", -1 /* HOISTED */); const _hoisted_8$1 = { class: "us-platform" }; const _hoisted_9$1 = /*#__PURE__*/vue.createElementVNode("h4", null, " environment: ", -1 /* HOISTED */); const _hoisted_10$1 = { key: 0, class: "us-table" }; const _hoisted_11$1 = { class: "us-platform" }; const _hoisted_12$1 = /*#__PURE__*/vue.createElementVNode("h4", null, " script: ", -1 /* HOISTED */); const _hoisted_13$1 = { class: "us-table" }; const _hoisted_14$1 = { key: 0 }; const _hoisted_15$1 = ["src"]; const _hoisted_16$1 = { key: 1 }; const _hoisted_17$1 = { key: 2 }; const _hoisted_18$1 = /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /* HOISTED */); function render$2(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [ vue.createElementVNode("div", _hoisted_1$2, [ _hoisted_2$2, vue.createElementVNode("table", _hoisted_3$2, [ (this.data.scriptHandler!=undefined) ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_4$2, [ _hoisted_5$1, vue.createElementVNode("td", null, vue.toDisplayString(this.data.scriptHandler), 1 /* TEXT */) ])) : vue.createCommentVNode("v-if", true), (this.data.version!=undefined) ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$1, [ _hoisted_7$1, vue.createElementVNode("td", null, vue.toDisplayString(this.data.version), 1 /* TEXT */) ])) : vue.createCommentVNode("v-if", true) ]) ]), vue.createElementVNode("div", _hoisted_8$1, [ _hoisted_9$1, (this.data.platform!=undefined) ? (vue.openBlock(), vue.createElementBlock("table", _hoisted_10$1, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(this.data.platform), (item) => { return (vue.openBlock(), vue.createElementBlock("tr", null, [ vue.createElementVNode("td", null, vue.toDisplayString(item), 1 /* TEXT */), vue.createElementVNode("td", null, vue.toDisplayString(this.data.platform[item]), 1 /* TEXT */) ])) }), 256 /* UNKEYED_FRAGMENT */)) ])) : vue.createCommentVNode("v-if", true) ]), vue.createElementVNode("div", _hoisted_11$1, [ _hoisted_12$1, vue.createElementVNode("table", _hoisted_13$1, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(this.data.script), (item) => { return (vue.openBlock(), vue.createElementBlock("tr", { key: item }, [ vue.createElementVNode("td", null, vue.toDisplayString(item), 1 /* TEXT */), (item == 'icon') ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_14$1, [ vue.createElementVNode("img", { style: {"width":"50px"}, src: this.data.script[item] }, null, 8 /* PROPS */, _hoisted_15$1) ])) : (Array.isArray( this.data.script[item] ) ) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_16$1, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(this.data.script[item], (item1) => { return (vue.openBlock(), vue.createElementBlock("li", null, vue.toDisplayString(item1), 1 /* TEXT */)) }), 256 /* UNKEYED_FRAGMENT */)) ])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_17$1, vue.toDisplayString(this.data.script[item]), 1 /* TEXT */)) ])) }), 128 /* KEYED_FRAGMENT */)) ]) ]), _hoisted_18$1 ], 64 /* STABLE_FRAGMENT */)) } script$2.render = render$2; script$2.__file = "src/components/userScriptInfo.vue"; var script$1 = { props: [], data() { return { arrayOfKeys: [], stoage: [], file_is_show: true } }, methods: { clear() { let msg = "确认清除所有数据吗（此操作将会刷新页面）？"; if (confirm(msg) == true) { for (const iterator of this.arrayOfKeys) { GM_deleteValue(iterator); } location.reload(); } }, copy(key,e) { let result= this.stoage[key]; GM_setClipboard(result); }, remove(key, e) { //console.debug(key, e) const index = this.arrayOfKeys.indexOf(key); if (index > -1) { // 移除找到的指定元素 GM_deleteValue(key); this.arrayOfKeys.splice(index, 1); // 移除元素 } // console.debug(index, this.arrayOfKeys) }, refresh() { let arrayOfKeys = GM_listValues(); if (arrayOfKeys != undefined) { this.arrayOfKeys = arrayOfKeys; for (const iterator of arrayOfKeys) { this.stoage[iterator] = JSON.stringify(GM_getValue(iterator)); } } else { this.arrayOfKeys = []; } } }, mounted() { this.refresh(); }, computed: { }, watch: { } }; const _hoisted_1$1 = { style: {"width":"100%"}, class: "us-table" }; const _hoisted_2$1 = /*#__PURE__*/vue.createElementVNode("thead", null, [ /*#__PURE__*/vue.createElementVNode("th", null, "key"), /*#__PURE__*/vue.createElementVNode("th", null, "value") ], -1 /* HOISTED */); const _hoisted_3$1 = ["onClick"]; const _hoisted_4$1 = ["onClick"]; function render$1(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock("div", null, [ vue.createElementVNode("table", _hoisted_1$1, [ _hoisted_2$1, vue.createElementVNode("tbody", null, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(this.arrayOfKeys, (item) => { return (vue.openBlock(), vue.createElementBlock("tr", null, [ vue.createElementVNode("td", null, vue.toDisplayString(item), 1 /* TEXT */), vue.createElementVNode("td", null, vue.toDisplayString(this.stoage[item]), 1 /* TEXT */), vue.createElementVNode("button", { class: "userscript-button", onClick: $event => ($options.remove(item, $event)) }, "删除", 8 /* PROPS */, _hoisted_3$1), vue.createElementVNode("button", { class: "userscript-button", onClick: $event => ($options.copy(item,$event)) }, "复制", 8 /* PROPS */, _hoisted_4$1) ])) }), 256 /* UNKEYED_FRAGMENT */)) ]) ]), vue.createElementVNode("button", { title: "清除所有数据", class: "userscript-button", onClick: _cache[0] || (_cache[0] = (...args) => ($options.clear && $options.clear(...args))) }, "全部清除"), vue.createElementVNode("button", { title: "刷新", class: "userscript-button", onClick: _cache[1] || (_cache[1] = (...args) => ($options.refresh && $options.refresh(...args))) }, "刷新") ])) } var css_248z$1 = "\n.us-table {\r\n word-break: break-all;\r\n width: 100%;\r\n list-style-type: decimal;\n}\n.us-table th {\r\n font-weight: bold;\r\n\r\n border-bottom: solid 1px rgba(65, 65, 65, 0.592);\n}\n.us-table tr:nth-of-type(odd) {\r\n background-color: rgba(236, 236, 236, 0.29);\n}\n.us-table td {\r\n padding: 20px;\r\n border-bottom: solid 1px rgba(65, 65, 65, 0.592);\n}\n.us-table tr:nth-of-type(even) {}\n.us-table td:nth-of-type(odd) {\r\n width: 30%;\n}\r\n"; styleInject(css_248z$1); script$1.render = render$1; script$1.__file = "src/components/stoage.vue"; var img$3 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1668068079138' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3242' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M747.1 116.6H280.9c-90.1 0-163.5 73.4-163.5 163.5v466.2c0 90.1 73.4 163.5 163.5 163.5h466.2c90.1 0 164.1-73.4 163.5-163.5V280.1c0-90.2-73.3-163.5-163.5-163.5z m-363 713.6H233.6c-20.5 0-37.9-16.8-38.5-38.5V641.3c0-21.1 16.8-37.9 37.9-37.9 10.6 0 19.9 4.4 26.7 11.2 6.8 6.8 11.2 16.8 11.2 26.7v58.4l136.2-136.2c14.9-14.9 39.2-14.9 54.1 0 14.9 14.9 14.9 39.2 0 54.1L325 753.8h58.4c21.1 0 37.9 16.8 37.9 37.9s-16.1 38.5-37.2 38.5z m257.5-642.8H792c20.5 0 37.9 16.8 38.5 38.5v150.4c0 21.1-16.8 37.9-37.9 37.9-10.6 0-19.9-4.4-26.7-11.2-6.8-6.8-11.2-16.8-11.2-26.7V318L618.5 454.2c-14.9 14.9-39.2 14.9-54.1 0-14.9-14.9-14.9-39.2 0-54.1l136.2-136.2h-58.4c-21.1 0-37.9-16.8-37.9-37.9s16.1-38.6 37.3-38.6z' p-id='3243'%3e%3c/path%3e%3c/svg%3e"; var img$2 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1668068041631' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1537' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M746.2 131.1H279.9c-90.1 0-163.5 73.4-163.5 163.5v466.2c0 90.1 73.4 163.5 163.5 163.5h466.2c90.1 0 164.1-73.4 163.5-163.5V294.6c0.1-90.2-73.3-163.5-163.4-163.5zM282.5 566.8h150.4c20.5 0 37.9 16.8 38.5 38.5v150.4c0 21.1-16.8 37.9-37.9 37.9-10.6 0-19.9-4.4-26.7-11.2s-11.2-16.8-11.2-26.7v-58.4L259.4 833.6c-14.9 14.9-39.2 14.9-54.1 0-14.9-14.9-14.9-39.2 0-54.1l136.2-136.2h-58.4c-21.1 0-37.9-16.8-37.9-37.9 0-21.2 16.2-38.6 37.3-38.6z m458.7-86.9H590.8c-20.5 0-37.9-16.8-38.5-38.5V291c0-21.1 16.8-37.9 37.9-37.9 10.6 0 19.9 4.4 26.7 11.2s11.2 16.8 11.2 26.7v58.4l136.2-136.2c14.9-14.9 39.2-14.9 54.1 0 14.9 14.9 14.9 39.2 0 54.1L682.1 403.5h58.4c21.1 0 37.9 16.8 37.9 37.9 0.1 21.1-16.1 38.5-37.2 38.5z' p-id='1538'%3e%3c/path%3e%3c/svg%3e"; var img$1 = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1668132292571' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2133' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M684.408675 959.148993c-26.192545 0-52.375881-9.988492-72.359005-29.971615L267.23232 584.357981c-39.963177-39.963177-39.963177-104.754832 0-144.716986L612.04967 94.822622c39.963177-39.963177 104.754832-39.963177 144.718009 0 39.963177 39.962154 39.963177 104.754832 0 144.716986L484.308311 512 756.76768 784.459369c39.963177 39.963177 39.963177 104.754832 0 144.718009C736.788649 949.155385 710.594057 959.148993 684.408675 959.148993z' p-id='2134'%3e%3c/path%3e%3c/svg%3e"; var img = "data:image/svg+xml,%3c%3fxml version='1.0' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg t='1668132230047' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2129' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3e%3cpath d='M339.590302 959.148993c-26.188452 0-52.377928-9.990538-72.357981-29.971615-39.963177-39.963177-39.963177-104.754832 0-144.718009l272.459369-272.459369L267.23232 239.539608c-39.963177-39.962154-39.963177-104.754832 0-144.716986 39.962154-39.963177 104.754832-39.963177 144.716986 0l344.818373 344.818373c39.963177 39.962154 39.963177 104.753809 0 144.716986L411.949306 929.177378C391.96823 949.158455 365.779777 959.148993 339.590302 959.148993z' p-id='2130'%3e%3c/path%3e%3c/svg%3e"; var script = { data() { return { precent: 0, startCounting: true, config: { showTimeElapsed: true, showPrecent: true, showProgressBar: true, position: 'bottom', refreshInterval: 2, themeColor: null, opacity: 100, height: 6, label: '刷新倒计时', }, selectedTab: 1, showMainForm: true, imgs: {}, scriptInfo: {}, refreshInterval: 2, enableFullScreen: false, menuItem: undefined, isUnfolded: true } }, watch: { showMainForm(newValue, oldValue) { let showMainForm = GM_getValue('showMainForm'); if (showMainForm != newValue) { GM_setValue('showMainForm', newValue); } }, selectedTab(newValue) { let selectedTab = GM_getValue('selectedTab'); if (selectedTab != newValue) { GM_setValue('selectedTab', newValue); } }, isUnfolded(newValue) { let isUnfolded = GM_getValue('isUnfolded'); if (isUnfolded != newValue) { GM_setValue('isUnfolded', newValue); } } }, methods: { precentIncrease(timeElapsed) { // if (this.menuItem != undefined) { // GM_unregisterMenuCommand(this.menuItem); // this.menuItem = undefined; // }; // let menuText = '刷新倒计时:' + this.$refs.countdown.countDown; // this.menuItem = GM_registerMenuCommand(menuText, () => { // }); if (timeElapsed <= 0) timeElapsed = 0; this.precent = (1 - (timeElapsed / (this.refreshInterval * 60 * 1000))) * 100; }, reload() { location.reload(); }, startOrStop() { this.startCounting = !this.startCounting; }, maskClick() { if (this.showMainForm) { this.showMainForm = false; } }, fullScreen() { if (document.fullscreenEnabled) { document.body.requestFullscreen(); this.enableFullScreen = true; } else { alert('浏览器不允许或者不支持全屏显示'); } }, cancelFullScreen() { document.exitFullscreen(); this.enableFullScreen = false; }, reset() { this.$refs.countdown.reset(); } }, components: { ProgressBar: script$5, Countdown: script$4, SettingsTab: script$3, UserScriptInfo: script$2, Stoage: script$1 }, computed: { displayPosition() { if (this.config.position == "top") return "top"; else return "bottom" }, interval() { return this.config.refreshInterval * 60 * 1000; }, tranislationTime() { // let result = 0.2 / this.config.refreshInterval; // result = result >= 0.01 ? result : 0; // result = result > 1 ? 0.5 : result; //return result return 0.5; } }, mounted() { this.imgs = { running: img$9, suspend: img$8, close: img$7, cancelFullScreen: img$2, fullScreen: img$3, menu: img$5, reset: img$4, right: img, left: img$1 }; console.debug(this.imgs); GM_registerMenuCommand('设置', () => { this.$data.showMainForm = true; }); GM_registerMenuCommand('关于', () => { this.$data.selectedTab = 2; this.$data.showMainForm = true; }); GM_registerMenuCommand('数据', () => { this.$data.selectedTab = 3; this.$data.showMainForm = true; }); }, created() { let config = GM_getValue('config'); if (config != undefined) { this.$data.config = config; } let showMainForm = GM_getValue('showMainForm'); if (showMainForm != undefined) { this.$data.showMainForm = showMainForm; } let selectedTab = GM_getValue('selectedTab'); if (selectedTab != undefined) { this.$data.selectedTab = selectedTab; } let isUnfolded = GM_getValue('isUnfolded'); if (isUnfolded != undefined) { this.$data.isUnfolded = isUnfolded; } let icon = GM_info.script.icon; this.$data.imgs = { icon }; this.scriptInfo = GM_info; this.refreshInterval = this.config.refreshInterval; }, beforeCreate() { } }; const _hoisted_1 = ["src"]; const _hoisted_2 = ["src"]; const _hoisted_3 = ["src"]; const _hoisted_4 = ["src"]; const _hoisted_5 = ["src"]; const _hoisted_6 = ["src"]; const _hoisted_7 = ["title"]; const _hoisted_8 = ["src"]; const _hoisted_9 = ["src"]; const _hoisted_10 = { class: "us-tab-head us-tab-mainbgcolor" }; const _hoisted_11 = { class: "us-tab-head-title" }; const _hoisted_12 = ["src"]; const _hoisted_13 = { class: "us-tab-menu-bg us-tab-mainbgcolor" }; const _hoisted_14 = { class: "us-tab-menu" }; const _hoisted_15 = { class: "userscript-card-bordered" }; const _hoisted_16 = { index: "1" }; const _hoisted_17 = { index: "2" }; const _hoisted_18 = { key: 0, index: "3" }; const _hoisted_19 = /*#__PURE__*/vue.createElementVNode("div", { class: "us-container" }, null, -1 /* HOISTED */); function render(_ctx, _cache, $props, $setup, $data, $options) { const _component_Countdown = vue.resolveComponent("Countdown"); const _component_ProgressBar = vue.resolveComponent("ProgressBar"); const _component_SettingsTab = vue.resolveComponent("SettingsTab"); const _component_UserScriptInfo = vue.resolveComponent("UserScriptInfo"); const _component_Stoage = vue.resolveComponent("Stoage"); return (vue.openBlock(), vue.createElementBlock("div", { class: vue.normalizeClass(["us-main-form", this.showMainForm ? 'us-mask' : '']), style: {}, onClick: _cache[14] || (_cache[14] = vue.withModifiers((...args) => ($options.maskClick && $options.maskClick(...args)), ["stop"])) }, [ vue.createElementVNode("div", { class: vue.normalizeClass(["us-main-func", $options.displayPosition]), style: vue.normalizeStyle({ opacity: this.config.opacity / 100, display: this.config.opacity == 0 ? 'none' : '' }) }, [ vue.withDirectives(vue.createElementVNode("div", { class: vue.normalizeClass(["userscript-countdown-label", $options.displayPosition]), style: vue.normalizeStyle($options.displayPosition=='bottom'?'bottom:'+this.config.height+'px':'top:'+this.config.height+'px') }, [ vue.withDirectives(vue.createElementVNode("button", { title: "收缩 ", class: "userscript-button", onClick: _cache[0] || (_cache[0] = vue.withModifiers($event => (this.isUnfolded = false), ["stop"])) }, [ vue.createElementVNode("img", { src: this.imgs.left }, null, 8 /* PROPS */, _hoisted_1) ], 512 /* NEED_PATCH */), [ [vue.vShow, this.isUnfolded] ]), vue.withDirectives(vue.createElementVNode("span", null, [ vue.createElementVNode("button", { title: "主菜单 ", class: "userscript-button", onClick: _cache[1] || (_cache[1] = vue.withModifiers($event => (this.showMainForm = !this.showMainForm), ["stop"])) }, [ vue.createElementVNode("img", { src: this.imgs.menu }, null, 8 /* PROPS */, _hoisted_2) ]), vue.withDirectives(vue.createElementVNode("button", { title: "全屏 ", class: "userscript-button", onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => ($options.fullScreen && $options.fullScreen(...args)), ["stop"])) }, [ vue.createElementVNode("img", { src: this.imgs.fullScreen }, null, 8 /* PROPS */, _hoisted_3) ], 512 /* NEED_PATCH */), [ [vue.vShow, !this.enableFullScreen] ]), vue.withDirectives(vue.createElementVNode("button", { title: "退出全屏 ", class: "userscript-button", onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => ($options.cancelFullScreen && $options.cancelFullScreen(...args)), ["stop"])) }, [ vue.createElementVNode("img", { src: this.imgs.cancelFullScreen }, null, 8 /* PROPS */, _hoisted_4) ], 512 /* NEED_PATCH */), [ [vue.vShow, this.enableFullScreen] ]), vue.createElementVNode("button", { title: "重置计时 ", class: "userscript-button", onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => ($options.reset && $options.reset(...args)), ["stop"])) }, [ vue.createElementVNode("img", { src: this.imgs.reset }, null, 8 /* PROPS */, _hoisted_5) ]) ], 512 /* NEED_PATCH */), [ [vue.vShow, this.isUnfolded] ]), vue.withDirectives(vue.createElementVNode("button", { title: "展开 ", class: "userscript-button", onClick: _cache[5] || (_cache[5] = vue.withModifiers($event => (this.isUnfolded = true), ["stop"])) }, [ vue.createElementVNode("img", { src: this.imgs.right }, null, 8 /* PROPS */, _hoisted_6) ], 512 /* NEED_PATCH */), [ [vue.vShow, !this.isUnfolded] ]), vue.createElementVNode("button", { title: this.startCounting ? '暂停倒计时' : '开始倒计时', class: "userscript-button", onClick: _cache[6] || (_cache[6] = vue.withModifiers((...args) => ($options.startOrStop && $options.startOrStop(...args)), ["stop"])) }, [ (this.startCounting) ? (vue.openBlock(), vue.createElementBlock("img", { key: 0, src: this.imgs.suspend }, null, 8 /* PROPS */, _hoisted_8)) : (vue.openBlock(), vue.createElementBlock("img", { key: 1, src: this.imgs.running }, null, 8 /* PROPS */, _hoisted_9)) ], 8 /* PROPS */, _hoisted_7), vue.createTextVNode(" " + vue.toDisplayString(this.config.label || '刷新倒计时') + " ", 1 /* TEXT */), vue.createVNode(_component_Countdown, { ref: "countdown", class: "", active: this.startCounting, duration: $options.interval, onTimeElapsedChanged: $options.precentIncrease, onEndOfCountdown: $options.reload }, null, 8 /* PROPS */, ["active", "duration", "onTimeElapsedChanged", "onEndOfCountdown"]) ], 6 /* CLASS, STYLE */), [ [vue.vShow, this.config.showTimeElapsed] ]), vue.createVNode(_component_ProgressBar, { "tranislation-time": $options.tranislationTime, style: vue.normalizeStyle({ height: this.config.height + 'px', lineHeight: this.config.height + 'px', 'font-size': this.config.height + 'px' }), class: vue.normalizeClass($options.displayPosition), position: this.config.position, precent: $data.precent, themeColor: this.config.themeColor, showPrecent: this.config.showPrecent, showProgressBar: this.config.showProgressBar }, null, 8 /* PROPS */, ["tranislation-time", "style", "class", "position", "precent", "themeColor", "showPrecent", "showProgressBar"]) ], 6 /* CLASS, STYLE */), vue.createVNode(vue.Transition, { persisted: "" }, { default: vue.withCtx(() => [ vue.withDirectives(vue.createElementVNode("div", { class: "us-tab-container", onClick: _cache[13] || (_cache[13] = vue.withModifiers(() => {}, ["stop"])) }, [ vue.createElementVNode("div", _hoisted_10, [ vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(this.scriptInfo.script.name) + "-脚本设置 ", 1 /* TEXT */), vue.createElementVNode("img", { class: "us-close", onClick: _cache[7] || (_cache[7] = (...args) => ($options.maskClick && $options.maskClick(...args))), src: this.imgs.close, title: "关闭" }, null, 8 /* PROPS */, _hoisted_12) ]), vue.createElementVNode("div", _hoisted_13, [ vue.createElementVNode("div", _hoisted_14, [ vue.createElementVNode("button", { index: "1", onClick: _cache[8] || (_cache[8] = $event => (this.selectedTab = 1)), class: vue.normalizeClass(this.selectedTab == 1 ? 'us-seleted' : '') }, "⚙️设置", 2 /* CLASS */), vue.createElementVNode("button", { index: "2", onClick: _cache[9] || (_cache[9] = $event => (this.selectedTab = 2)), class: vue.normalizeClass(this.selectedTab == 2 ? 'us-seleted' : '') }, "🪧关于", 2 /* CLASS */), vue.createElementVNode("button", { index: "3", onClick: _cache[10] || (_cache[10] = $event => (this.selectedTab = 3)), class: vue.normalizeClass(this.selectedTab == 3 ? 'us-seleted' : '') }, "📄数据", 2 /* CLASS */) ]) ]), vue.createElementVNode("div", _hoisted_15, [ vue.withDirectives(vue.createElementVNode("div", _hoisted_16, [ vue.createVNode(_component_SettingsTab, { countdown: this.$refs.countdown?.countDown, config: this.config, startCounting: this.startCounting, onStart: _cache[11] || (_cache[11] = $event => (this.startCounting = true)), onReset: $options.reset, onSuspend: _cache[12] || (_cache[12] = $event => (this.startCounting = false)) }, null, 8 /* PROPS */, ["countdown", "config", "startCounting", "onReset"]) ], 512 /* NEED_PATCH */), [ [vue.vShow, this.selectedTab == 1] ]), vue.withDirectives(vue.createElementVNode("div", _hoisted_17, [ vue.createVNode(_component_UserScriptInfo) ], 512 /* NEED_PATCH */), [ [vue.vShow, this.selectedTab == 2] ]), (this.selectedTab == 3) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [ vue.createVNode(_component_Stoage) ])) : vue.createCommentVNode("v-if", true) ]) ], 512 /* NEED_PATCH */), [ [vue.vShow, this.showMainForm] ]) ]), _: 1 /* STABLE */ }), _hoisted_19 ], 2 /* CLASS */)) } var css_248z = "\n.us-tab-head-title {\r\n color: #676767;\r\n text-align: center;\r\n\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, .2);\n}\n.us-tab-mainbgcolor {\r\n background-color: rgba(220, 220, 220, 0.492);\n}\n.us-tab-head {\r\n grid-column-start: 1;\r\n grid-column-end: 3;\r\n grid-row: 1;\r\n position: relative;\n}\n.us-tab-head-title {\r\n line-height: 30px;\r\n text-align: center;\n}\n.us-tab-head img {\r\n vertical-align: middle;\r\n width: 20px;\r\n height: 20px;\n}\n.us-tab-head .us-close {\r\n\r\n position: absolute;\r\n opacity: 0.7;\r\n cursor: pointer;\r\n top: 5px;\r\n right: 5px;\n}\n.us-mask {\r\n position: fixed;\r\n width: 100%;\r\n height: 100%;\n}\n.v-enter-active,\r\n.v-leave-active {\r\n transition: opacity 0.1s ease;\n}\n.v-enter-from,\r\n.v-leave-to {\r\n opacity: 0;\n}\n.us-tab-menu-bg {\r\n grid-column: 1;\r\n grid-row: 2;\r\n width: 100%;\r\n height: 100%;\n}\n.us-seleted {\r\n color: #078fff !important;\n}\n.us-main-func {\r\n\r\n position: fixed;\r\n z-index: 999999999;\r\n left: 0px;\r\n transition: opacity 1s;\r\n width: 100%;\r\n margin: 2px 0px;\n}\n.us-main-func button:hover {\r\n opacity: 1;\n}\n.us-main-func img {\r\n overflow: hidden;\r\n display: inline-flex;\r\n text-align: center;\r\n width: 100%;\r\n vertical-align: middle;\r\n line-height: 0 !important;\n}\n.us-main-func button {\r\n opacity: 0.6;\r\n width: 20px;\r\n height: auto;\r\n padding: 1px !important;\r\n line-height: 0 !important;\n}\n.us-tab-container {\r\n z-index: 999999999;\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n margin: auto;\r\n display: grid;\r\n max-width: 700px;\r\n max-height: 500px;\r\n grid-template-columns: 120px auto;\r\n grid-template-rows: 30px auto;\r\n backdrop-filter: blur(5px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgb(233, 233, 233);\r\n background-color: rgba(255, 255, 255, 0.9);\r\n border-radius: 3px;\n}\n.us-tab-menu {\r\n\r\n margin-top: 15px;\r\n position: relative;\n}\n.us-tab-menu button {\r\n width: 100%;\r\n border-width: 0px !important;\r\n background: none !important;\r\n padding: 10px !important;\r\n margin: 0 !important;\n}\n.userscript-card-bordered {\r\n text-align: left;\r\n padding: 20px;\r\n grid-column: 2;\r\n grid-row: 2;\r\n overflow-y: scroll;\r\n overflow-x: hidden;\n}\n.userscript-countdown-label {\r\n position: absolute;\r\n background-color: rgba(255, 255, 255, 0.5);\r\n backdrop-filter: blur(1px);\r\n border-radius: 3px;\r\n left: 2px;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, .2);\r\n padding: 0 2px;\r\n font-weight: 400;\r\n margin: 1px;\r\n border-style: solid;\r\n border-width: 0px;\r\n display: inline-block;\r\n font-size: 12px;\r\n line-height: 20px;\r\n color: black;\n}\n.us-container .top {\r\n position: fixed;\r\n top: 10px;\n}\n.us-container .bottom {\r\n position: fixed;\r\n bottom: 10px;\n}\n.bottom {\r\n bottom: 0;\n}\n.top {\r\n top: 0;\n}\n.us-main-form button {\r\n margin: 1px;\r\n padding: 0 14px;\r\n font-weight: 400;\r\n border-style: solid;\r\n border-width: 1px;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n line-height: 2;\r\n background-color: white;\r\n border-color: rgb(218, 216, 216);\r\n color: rgb(0, 0, 0);\r\n transition: color 0.3s, background-color 0.3s, border-color 0.3s;\n}\n.userscript-button:hover,\r\n.us-tab-menu button:hover {\r\n color: #42A9FF;\r\n border-color: #42A9FF;\n}\n.us-tab-menu button:hover {\r\n background-color: #42aaff70 !important;\n}\r\n"; styleInject(css_248z); script.render = render; script.__file = "src/app.vue"; function mount() { const appDom = VM.hm("div", { id: "userscript-app" }); document.body.appendChild(appDom); const app = Vue.createApp(script); app.config.errorHandler = (err, instance, info) => { console.error(err); // 向追踪服务报告错误 var date = new Date().toLocaleString(); let errors = GM_getValue("errors"); if (errors == undefined) { GM_setValue("errors", [{ date, err, info }]); } else { errors.push({ date, err, info }); GM_setValue("errors", errors); } }; app.mount(appDom); } function startUp() { try { var int = window.setTimeout(function () { mount(); }, 1000); } catch (error) { console.error(error); } } startUp(); })(VM, Vue, vue); /* */