// ==UserScript== // @name 学习通/MOOC等 隐藏答案 Hide Answer // @namespace https://github.com/lcandy2/user.js/tree/main/generics/hide-answer // @version 2.3.2 // @author 甜檸Cirtron (lcandy2) // @description 添加一个切换答案按钮，点击可显示/隐藏答案 // @license AGPL-3.0-or-later // @copyright lcandy2 All Rights Reserved // @homepage https://greasyfork.org/scripts/469779 // @homepageURL https://greasyfork.org/scripts/469779 // @match *://mooc1.chaoxing.com/mooc* // @match *://mooc1.chaoxing.com/exam* // @require https://registry.npmmirror.com/vue/3.4.27/files/dist/vue.global.prod.js // @require data:application/javascript,%3Bwindow.Vue%3DVue%3B // ==/UserScript== (function (vue) { 'use strict'; const chaoxingMooc = "mooc1.chaoxing.com/mooc"; const chaoxingExam = "mooc1.chaoxing.com/exam"; const UrlDetection = () => { const url = window.location.href; if (url.includes(chaoxingMooc) || url.includes(chaoxingExam)) { if (url.includes("work/view") || url.includes("test/reVersionPaperMarkContentNew")) { return "chaoxing-mooc"; } } }; var oe = "M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M11,15H13V17H11V15M11,7H13V13H11V7", ae = "M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16", re = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", ne = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ie = "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"; const le = { transform: "rotate(var(--r, 0deg)) scale(var(--sx, 1), var(--sy, 1))" }, E = { fill: "currentColor" }, z = { mdi: { size: 24, viewbox: "0 0 24 24" }, "simple-icons": { size: 24, viewbox: "0 0 24 24" }, default: { size: 0, viewbox: "0 0 0 0" } }, N = { name: "icon", props: { type: { type: String, default: "mdi" }, faIcon: { type: Object, default: null }, path: { type: [String, Object, Array] }, size: { type: [Number, String], default: 24 }, viewbox: String, flip: { type: String, validator: (t) => ["horizontal", "vertical", "both"].includes(t) }, rotate: { type: [Number, String], default: 0 } }, setup(t) { if (!t.path && !t.faIcon) return console.warn("vue3-icon requires either a 'path' or an 'fa-icon' property"), () => vue.h("div"); const s = vue.computed(() => { var d; return ((d = t.faIcon) == null ? void 0 : d.prefix) || t.type; }), o = vue.computed(() => parseInt(t.rotate, 10)), e = vue.computed(() => z[s.value] || z.default), r = vue.computed(() => parseInt(t.size, 10) || e.value.size), i = vue.computed(() => t.faIcon ? `0 0 ${t.faIcon.icon[0]} ${t.faIcon.icon[1]}` : false), l = vue.computed(() => i.value || t.viewbox || e.value.viewbox), f = vue.computed(() => ({ ...le, "--sx": ["both", "horizontal"].includes(t.flip) ? "-1" : "1", "--sy": ["both", "vertical"].includes(t.flip) ? "-1" : "1", "--r": isNaN(o.value) ? o.value : o.value + "deg" })), m = vue.computed(() => { var d; return t.faIcon ? (d = t.faIcon) == null ? void 0 : d.icon[4] : t.type === "simple-icons" && typeof t.path == "object" ? t.path.path : t.path; }), p = vue.computed(() => s.value === "fad" ? (console.warn("vue3-icon does not currently support Duotone FontAwesome icons"), vue.h("path")) : Array.isArray(t.path) ? vue.h( "g", { style: { ...E } }, t.path.map((d) => typeof d == "string" ? vue.h("path", { d }) : vue.h("path", { ...d })) ) : vue.h("path", { d: m.value, style: { ...E } })); return () => vue.h( "svg", { style: f.value, class: ["vue3-icon"], width: r.value, height: r.value, viewBox: l.value }, [p.value] ); } }, ue = { class: "vue3-snackbar-message-wrapper" }, ce = { key: 0, class: "vue3-snackbar-message-icon" }, de = { class: "vue3-snackbar-message-content" }, fe = { key: 0, class: "vue3-snackbar-message-badge" }, me = { class: "vue3-snackbar-message-title" }, pe = { key: 0, class: "vue3-snackbar-message-additional" }, ge = /* @__PURE__ */ vue.createElementVNode("div", { class: "spacer" }, null, -1), ve = { class: "vue3-snackbar-message-close" }, be = { __name: "Vue3SnackbarMessage", props: { borderClass: { type: String, default: "" }, message: { type: Object, default: () => ({}) }, messageClass: { type: String, default: "" }, dense: { type: Boolean, default: false } }, emits: ["dismiss"], setup(t, { emit: s }) { const o = s, e = t; let r = null, i = null, l = vue.ref(false); const f = () => { const a = !e.message.duration && !e.message.dismissible ? 4e3 : e.message.duration; r = setTimeout(p, a); }; vue.onMounted(() => { f(); }), vue.watch( () => e.message.count, (a) => { if (a === 1) return false; clearTimeout(r), clearTimeout(i), i = setTimeout(() => { l.value = false; }, 1e3), l.value = true, f(); } ); const m = () => { r && clearTimeout(r), p(); }, p = () => { o("dismiss", e.message); }, d = { success: { path: re }, info: { path: ie }, warning: { path: ae }, error: { path: oe } }, n = vue.computed(() => { const a = d[e.message.type]; return a ? (a.type = "mdi", a) : e.message.icon && typeof e.message.icon == "object" ? e.message.icon : { path: "", type: "default" }; }); return (a, u) => (vue.openBlock(), vue.createElementBlock("article", { class: vue.normalizeClass(["vue3-snackbar-message", [ e.message.type || "custom", e.messageClass, e.borderClass, { "has-background": e.message.background, "has-border": e.borderClass, "is-dense": e.dense, "shake-baby-shake": vue.unref(l) } ]]), style: vue.normalizeStyle({ "--message-background": e.message.background, "--message-text-color": e.message.textColor, "--message-icon-color": e.message.iconColor }) }, [ vue.renderSlot(a.$slots, "message-inner", { message: e.message }, () => [ vue.createElementVNode("div", ue, [ n.value ? (vue.openBlock(), vue.createElementBlock("div", ce, [ vue.renderSlot(a.$slots, "message-icon", { message: e.message, icon: n.value }, () => [ vue.createVNode(vue.unref(N), vue.mergeProps(n.value, { role: "img" }), null, 16) ]) ])) : vue.createCommentVNode("", true), vue.createElementVNode("div", de, [ vue.renderSlot(a.$slots, "message-badge", { message: e.message, count: e.message.count }, () => [ e.message.count > 1 ? (vue.openBlock(), vue.createElementBlock("div", fe, vue.toDisplayString(e.message.count), 1)) : vue.createCommentVNode("", true) ]), vue.renderSlot(a.$slots, "message-content", { message: e.message, title: e.message.title, text: e.message.text }, () => [ vue.createElementVNode("div", me, vue.toDisplayString(e.message.title || e.message.text), 1), e.message.title && e.message.text ? (vue.openBlock(), vue.createElementBlock("div", pe, vue.toDisplayString(e.message.text), 1)) : vue.createCommentVNode("", true) ]) ]), ge, vue.createElementVNode("div", ve, [ vue.renderSlot(a.$slots, "message-close-icon", { message: e.message, isDimissible: e.message.dismissible, isDismissible: e.message.dismissible, dismiss: m }, () => [ e.message.dismissible !== false ? (vue.openBlock(), vue.createElementBlock("button", { key: 0, onClick: m }, [ vue.createVNode(vue.unref(N), { type: "mdi", path: vue.unref(ne) }, null, 8, ["path"]) ])) : vue.createCommentVNode("", true) ]) ]) ]) ]) ], 6)); } }, ye = typeof window < "u" ? HTMLElement : Object, he = { /* ****************************************** * LOCATION PROPS ****************************************** */ top: { type: Boolean, default: false }, bottom: { type: Boolean, default: false }, left: { type: Boolean, default: false }, right: { type: Boolean, default: false }, /* ****************************************** * COLOUR PROPS ****************************************** */ success: { type: String, default: "#4caf50" }, error: { type: String, default: "#ff5252" }, warning: { type: String, default: "#fb8c00" }, info: { type: String, default: "#2196f3" }, messageTextColor: { type: String, default: "#fff" }, messageIconColor: { type: String, default: "currentColor" }, /* ****************************************** * OTHER PROPS ****************************************** */ attach: { type: [String, ye], default: "body" }, border: { type: String, default: "", validator: (t) => ["top", "bottom", "left", "right", ""].includes(t) }, backgroundOpacity: { type: [String, Number], default: 0.12, validator: (t) => !isNaN(parseFloat(t)) && isFinite(t) }, backgroundColor: { type: String, default: "currentColor" }, baseBackgroundColor: { type: String, default: "#fff" }, duration: { type: [Number, String], default: null }, messageClass: { type: String }, zIndex: { type: Number, default: 1e4 }, dense: { type: Boolean, default: false }, reverse: { type: Boolean, default: false }, groups: { type: Boolean, default: false }, shadow: { type: Boolean, default: false } }; function Se(t) { return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t; } var V = { exports: {} }; function B() { } B.prototype = { on: function(t, s, o) { var e = this.e || (this.e = {}); return (e[t] || (e[t] = [])).push({ fn: s, ctx: o }), this; }, once: function(t, s, o) { var e = this; function r() { e.off(t, r), s.apply(o, arguments); } return r._ = s, this.on(t, r, o); }, emit: function(t) { var s = [].slice.call(arguments, 1), o = ((this.e || (this.e = {}))[t] || []).slice(), e = 0, r = o.length; for (e; e < r; e++) o[e].fn.apply(o[e].ctx, s); return this; }, off: function(t, s) { var o = this.e || (this.e = {}), e = o[t], r = []; if (e && s) for (var i = 0, l = e.length; i < l; i++) e[i].fn !== s && e[i].fn._ !== s && r.push(e[i]); return r.length ? o[t] = r : delete o[t], this; } }; V.exports = B; V.exports.TinyEmitter = B; var ke = V.exports, Ce = ke, we = new Ce(); const _ = /* @__PURE__ */ Se(we), C = { $on: (...t) => _.on(...t), $once: (...t) => _.once(...t), $off: (...t) => _.off(...t), $emit: (...t) => _.emit(...t) }, b = vue.ref([]), W = Symbol(); function Ee() { const t = vue.inject(W); if (!t) throw new Error("No Snackbar provided!"); return t; } const ze = { install: (t, s = {}) => { const { disableGlobals: o = false } = s, e = { add: (r) => { C.$emit("add", r); }, clear: () => { C.$emit("clear"); } }; o !== true && (t.config.globalProperties.$snackbar = e, typeof window < "u" && (window.$snackbar = e)), t.provide(W, e); } }; function _e(t) { return vue.getCurrentScope() ? (vue.onScopeDispose(t), true) : false; } function P(t) { return typeof t == "function" ? t() : vue.unref(t); } const Z = typeof window < "u" && typeof document < "u"; typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope; const Me = (t) => t != null; function Le(t) { return vue.getCurrentInstance(); } function $e(t, s = true, o) { Le() ? vue.onMounted(t, o) : s ? t() : vue.nextTick(t); } function xe(t) { var s; const o = P(t); return (s = o == null ? void 0 : o.$el) != null ? s : o; } const Ve = Z ? window : void 0, Be = Z ? window.document : void 0; function Oe() { const t = vue.ref(false), s = vue.getCurrentInstance(); return s && vue.onMounted(() => { t.value = true; }, s), t; } function Te(t) { const s = Oe(); return vue.computed(() => (s.value, !!t())); } function Ae(t, s, o = {}) { const { window: e = Ve, ...r } = o; let i; const l = Te(() => e && "MutationObserver" in e), f = () => { i && (i.disconnect(), i = void 0); }, m = vue.computed(() => { const a = P(t), u = (Array.isArray(a) ? a : [a]).map(xe).filter(Me); return new Set(u); }), p = vue.watch( () => m.value, (a) => { f(), l.value && a.size && (i = new MutationObserver(s), a.forEach((u) => i.observe(u, r))); }, { immediate: true, flush: "post" } ), d = () => i == null ? void 0 : i.takeRecords(), n = () => { f(), p(); }; return _e(n), { isSupported: l, stop: n, takeRecords: d }; } function He(t = {}) { const { document: s = Be, selector: o = "html", observe: e = false, initialValue: r = "ltr" } = t; function i() { var f, m; return (m = (f = s == null ? void 0 : s.querySelector(o)) == null ? void 0 : f.getAttribute("dir")) != null ? m : r; } const l = vue.ref(i()); return $e(() => l.value = i()), e && s && Ae( s.querySelector(o), () => l.value = i(), { attributes: true } ), vue.computed({ get() { return l.value; }, set(f) { var m, p; l.value = f, s && (l.value ? (m = s.querySelector(o)) == null || m.setAttribute("dir", l.value) : (p = s.querySelector(o)) == null || p.removeAttribute("dir")); } }); } const Ne = { __name: "Vue3Snackbar", props: { ...he }, emits: ["added", "dismissed", "removed", "cleared"], setup(t, { emit: s }) { const o = He(), e = t, r = s, i = vue.computed(() => ({ "is-top": e.top, "is-bottom": e.top === false && e.bottom, "is-left": e.left, "is-right": e.left === false && e.right, "is-middle": e.top === false && e.bottom === false, "is-centre": e.left === false && e.right === false, "has-shadow": e.shadow, "is-rtl": o.value === "rtl" })), l = vue.computed(() => ({ "--success-colour": e.success, "--error-colour": e.error, "--warning-colour": e.warning, "--info-colour": e.info, "--snackbar-zindex": e.zIndex, "--background-opacity": e.backgroundOpacity, "--background-color": e.backgroundColor, "--base-background-color": e.baseBackgroundColor, "--message-text-color": e.messageTextColor, "--message-icon-color": e.messageIconColor })), f = vue.computed(() => e.border ? `border-${e.border}` : ""), m = (n) => Math.abs(n.split("").reduce((a, u) => (a << 5) - a + u.charCodeAt(0) | 0, 0)); let p = 1; C.$on("add", (n) => { r("added", n), n.group || (n.group = m(`${n.type}${n.title}${n.text}`).toString(16)), e.duration && !n.duration && n.duration !== 0 && (n.duration = +e.duration); const a = n.group && b.value.find((u) => u.group === n.group); if (e.groups === false || !a) { const u = { ...n, id: p, count: 1 }; e.reverse ? b.value.unshift(u) : b.value.push(u), p++; } else a.count++; }), C.$on("clear", () => { r("cleared"), b.value = []; }), vue.onUnmounted(() => { C.$off("add"), C.$off("clear"); }); const d = (n, a = false) => { r(a ? "dismissed" : "removed", n), b.value = b.value.filter((u) => u.id !== n.id); }; return (n, a) => (vue.openBlock(), vue.createBlock(vue.Teleport, { to: e.attach }, [ vue.createElementVNode("section", { id: "vue3-snackbar--container", class: vue.normalizeClass([[i.value], "vue3-snackbar"]), style: vue.normalizeStyle(l.value) }, [ vue.createVNode(vue.TransitionGroup, { name: "vue3-snackbar-message", tag: "div" }, { default: vue.withCtx(() => [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(b), (u) => (vue.openBlock(), vue.createBlock(be, { key: u.id, message: u, "message-class": e.messageClass, dense: e.dense, "border-class": f.value, onDismiss: a[0] || (a[0] = (O) => d(O, true)) }, vue.createSlots({ _: 2 }, [ vue.renderList(n.$slots, (O, T) => ({ name: T, fn: vue.withCtx((R) => [ vue.renderSlot(n.$slots, T, vue.mergeProps({ ref_for: true }, R)) ]) })) ]), 1032, ["message", "message-class", "dense", "border-class"]))), 128)) ]), _: 3 }) ], 6) ], 8, ["to"])); } }; const _sfc_main = /* @__PURE__ */ vue.defineComponent({ __name: "chaoxing-mooc", setup(__props) { const snackbar = Ee(); const elements = Array.from( document.getElementsByClassName("mark_answer") ); const isHide = vue.ref(false); const toggleHide = () => { const value = isHide.value; snackbar.clear(); snackbar.add({ type: value ? "info" : "success", title: value ? "答案已显示" : "答案已隐藏", text: '你还可以按下 "H" 键来切换答案的显示状态。' }); elements.forEach((element) => { element.style.visibility = isHide.value ? "visible" : "hidden"; }); isHide.value = !isHide.value; }; const keydownHandler = (event) => { if (event.key === "h" || event.key === "H") { toggleHide(); } }; vue.onMounted(() => { window.addEventListener("keydown", keydownHandler); }); vue.onUnmounted(() => { window.removeEventListener("keydown", keydownHandler); }); return (_ctx, _cache) => { return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [ vue.createElementVNode("a", { href: "javascript:;", onClick: toggleHide, class: "fl", tabindex: "0", role: "button" }, vue.toDisplayString(isHide.value ? "显示答案 (H)" : "隐藏答案 (H)"), 1), vue.createVNode(vue.unref(Ne), { top: "", duration: 0, border: "left", shadow: "", dense: "", reverse: "" }) ], 64); }; } }); const appendChaoxingMoocButton = () => { const app = vue.createApp(_sfc_main); app.use(ze); const targetElement = document.querySelector(".subNav"); if (targetElement) { const css = document.createElement("link"); css.rel = "stylesheet"; css.href = "https://unpkg.zhimg.com/vue3-snackbar@2.2.2/dist/style.css"; document.head.appendChild(css); const toggleButton = document.createElement("div"); toggleButton.className = "sub-button fr"; toggleButton.id = "submitFocus"; toggleButton.setAttribute("tabIndex", "-1"); targetElement.appendChild(toggleButton); app.mount(toggleButton); } }; const urlDetection = UrlDetection(); if (urlDetection === "chaoxing-mooc") { appendChaoxingMoocButton(); } })(Vue);