添加一个切换答案按钮，点击可显示/隐藏答案
// ==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);