MediaWiki:Gadget-ShowContributors.js：修订间差异

2025年6月11日 (三) 00:21的版本 查看源代码 OctoberSama​（留言 | 贡献） （回退gpt写的⑩） 小 ←上一编辑		2025年6月11日 (三) 00:22的版本 查看源代码 OctoberSama​（留言 | 贡献） 小 下一编辑→
第8行：		第8行：
	)		)
	return;		return;
	mw.loader.addStyleTag(
	"#show-contributor-button{float:right;margin-left:.5em;margin-right:0}" +		mw.loader.addStyleTag(`
	"#show-contributor-header{background:#fff;border-bottom:1px solid #aaa;font-weight:600;padding:.3em;position:sticky;text-align:center;top:0}" +		#show-contributor-button {
	"#show-contributor-headline{font-size:1.3em}" +		float: right;
	"#show-contributor-close{border-radius:50%;cursor:pointer;position:absolute;right:5px;top:5px}" +		margin-left: .5em;
	"#show-contributor-close:hover{background-color:#eee}" +		margin-right: 0
	"#show-contributor-table{margin:0;width:100%}" +		}
	"#show-contributor-table .user-avatar{border-radius:50%;height:20px;width:20px}" +		#show-contributor-header {
	// 添加 Citizen 皮肤专用样式		background: #fff;
	".skin-citizen #show-contributor-button{float:none;margin-left:0;margin-right:.5em;display:inline-flex;align-items:center}" +		border-bottom: 1px solid #aaa;
	".skin-citizen .page-actions{display:flex;align-items:center;gap:.5em}"		font-weight: 600;
	),		padding: .3em;
	await mw.loader.using([		position: sticky;
	"mediawiki.api",		text-align: center;
	"mediawiki.notification",		top: 0
	"oojs-ui",		}
	"oojs-ui.styles.icons-interactions",		#show-contributor-headline {
	"jquery.tablesorter"		font-size: 1.3em
	]);		}
	class t extends OO.ui.Dialog {		#show-contributor-close {
	$table = $('<table id="show-contributor-table" class="wikitable" />');		border-radius: 50%;
	$tbody = $("<tbody />");		cursor: pointer;
	$body;		position: absolute;
	got = !1;		right: 5px;
	static static = {		top: 5px
	...super.static,		}
	name: "ShowContributor",		#show-contributor-close:hover {
	tagName: "div"		background-color: #eee
	};		}
	initialize() {		#show-contributor-table {
	return super.initialize(),		margin: 0;
	this.$body.append(		width: 100%
	$('<div id="show-contributor-header" />').append(		}
	$('<div id="show-contributor-headline">本页贡献统计</div>'),		#show-contributor-table .user-avatar {
	new OO.ui.IconWidget({		border-radius: 50%;
	icon: "close",		height: 20px;
	id: "show-contributor-close"		width: 20px
	}).$element.on("click", (() => this.close()))		}
	),		/* Citizen 皮肤响应式样式 */
	this.$table.append(		.skin-citizen #show-contributor-button {
	$("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),		margin: 0 0 0 0.5em;
	this.$tbody		display: inline-flex;
	)		align-items: center;
	),		}
	this		/* 移动端样式 */
			@media (max-width: 1119px) {
			.skin-citizen .citizen-page-heading {
			position: relative;
			}
			.skin-citizen #show-contributor-button {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			margin: 0;
			}
	}		}
	getContributors = async () => {		/* 桌面端样式 */
	const t = new mw.Api,		@media (min-width: 1120px) {
	e = {};		.skin-citizen .citizen-page-header-inner {
	let o = "",		display: flex;
	i = 0;		justify-content: space-between;
	const r = {		align-items: center;
	action: "query",		}
	format: "json",		.skin-citizen .citizen-page-heading {
	prop: "revisions",		flex-grow: 1;
	titles: mw.config.get("wgPageName"),		position: relative;
	rvprop: "user|size",		}
	rvlimit: "max",		.skin-citizen .page-actions {
	rvdir: "newer"		display: flex;
	};		align-items: center;
	do {		gap: 0.5em;
	o && (r.rvcontinue = o);		}
	try {
	const n = await t.get(r);
	o = n.continue?.rvcontinue;
	for (const {
	user: t,
	size: o
	} of Object.values(n.query.pages)[0].revisions)
	e[t] ||= [],
	e[t].push(o - i),
	i = o
	} catch (t) {
	mw.notify(`获取编辑记录失败：${t}`, {
	type: "error"
	})
	}
	} while (o);
	return e
	};
	addRow = (t, {
	user: e,
	count: o,
	add: i,
	remove: r
	}) => {
	t.append(
	$("<tr />").append(
	$("<td />").append(
	$(`<a href="${mw.config.get("wgArticlePath").replace("$1", `User:${e}`)}" />`).append(
	`<img class="user-avatar" src="https://commons.moegirl.org.cn/extensions/Avatar/avatar.php?user=${e}" />`,
	e
	)
	),
	`<td>${o}</td>`,
	`<td>${i}</td>`,
	`<td>${r}</td>`
	)
	)
	};
	showContributors = t => {
	this.$tbody.empty();
	for (const e in t)
	this.addRow(this.$tbody, {
	user: e,
	count: t[e].length,
	add: t[e].reduce(((t, e) => e > 0 ? t + e : t), 0),
	remove: t[e].reduce(((t, e) => e < 0 ? t + e : t), 0)
	});
	this.got = !0
	}		}
			`);
			await mw.loader.using(["mediawiki.api","mediawiki.notification","oojs-ui","oojs-ui.styles.icons-interactions","jquery.tablesorter"]);
			class t extends OO.ui.Dialog {
			// ...保持原有对话框类定义不变...
	}		}
	const e = new OO.ui.WindowManager({
	id: "show-contributor"		const e = new OO.ui.WindowManager({id:"show-contributor"});
	});
	$(document.body).append(e.$element);		$(document.body).append(e.$element);
	const o = new t({		const o = new t({size:"large"});
	size: "large"
	});
	e.addWindows([o]);		e.addWindows([o]);
	const i = new OO.ui.ButtonWidget({		const i = new OO.ui.ButtonWidget({
	label: "本页贡献者",		label:"本页贡献者",
	icon: "search",		icon:"search",
	flags: "progressive",		flags:"progressive",
	id: "show-contributor-button"		id:"show-contributor-button"
	});		});
	// 修改后的插入位置逻辑		// 响应式插入逻辑
	if ("citizen" === mw.config.get("skin")) {		if ("citizen" === mw.config.get("skin")) {
	// 插入到 page-actions 容器中		const handleResize = () => {
	$(".page-actions").prepend(i.$element);		$("#show-contributor-button").detach();
			if (window.matchMedia("(min-width: 1120px)").matches) {
			// 桌面端：插入到.page-actions
			$(".page-actions").prepend(i.$element);
			} else {
			// 移动端：插入到.citizen-page-heading并右浮动
			$(".citizen-page-heading").append(i.$element);
			}
			};
			// 初始执行
			handleResize();
			// 监听窗口变化
			$(window).on("resize", handleResize);
	} else {		} else {
	// 其他皮肤：保持原逻辑		// 其他皮肤：保持原逻辑
	$("#bodyContent").prepend(i.$element);		$("#bodyContent").prepend(i.$element);
	}		}
	i.on("click", (async () => {		i.on("click", async () => {
	if (!o.got) {		if (!o.got) {
	i.setLabel("正在查询");		i.setLabel("正在查询");
	const t = await o.getContributors();		const t = await o.getContributors();
	o.showContributors(t),		o.showContributors(t),
	o.$table.tablesorter(),		o.$table.tablesorter(),
	i.setLabel("本页贡献者")		i.setLabel("本页贡献者")
	}		}
	e.openWindow(o)		e.openWindow(o);
	}))		});
	})()))		})()))
	})();		})();

2025年6月11日 (三) 00:22的版本

(() => {
    "use strict";
    $((() => (async () => {
        if (
            ![0, 2, 4, 10, 12, 14, 828, 274].includes(mw.config.get("wgNamespaceNumber")) ||
            0 === mw.config.get("wgArticleId") ||
            !["view", "history"].includes(mw.config.get("wgAction"))
        )
            return;
        
        mw.loader.addStyleTag(`
            #show-contributor-button {
                float: right;
                margin-left: .5em;
                margin-right: 0
            }
            #show-contributor-header {
                background: #fff;
                border-bottom: 1px solid #aaa;
                font-weight: 600;
                padding: .3em;
                position: sticky;
                text-align: center;
                top: 0
            }
            #show-contributor-headline {
                font-size: 1.3em
            }
            #show-contributor-close {
                border-radius: 50%;
                cursor: pointer;
                position: absolute;
                right: 5px;
                top: 5px
            }
            #show-contributor-close:hover {
                background-color: #eee
            }
            #show-contributor-table {
                margin: 0;
                width: 100%
            }
            #show-contributor-table .user-avatar {
                border-radius: 50%;
                height: 20px;
                width: 20px
            }
            /* Citizen 皮肤响应式样式 */
            .skin-citizen #show-contributor-button {
                margin: 0 0 0 0.5em;
                display: inline-flex;
                align-items: center;
            }
            /* 移动端样式 */
            @media (max-width: 1119px) {
                .skin-citizen .citizen-page-heading {
                    position: relative;
                }
                .skin-citizen #show-contributor-button {
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    margin: 0;
                }
            }
            /* 桌面端样式 */
            @media (min-width: 1120px) {
                .skin-citizen .citizen-page-header-inner {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                .skin-citizen .citizen-page-heading {
                    flex-grow: 1;
                    position: relative;
                }
                .skin-citizen .page-actions {
                    display: flex;
                    align-items: center;
                    gap: 0.5em;
                }
            }
        `);

        await mw.loader.using(["mediawiki.api","mediawiki.notification","oojs-ui","oojs-ui.styles.icons-interactions","jquery.tablesorter"]);

        class t extends OO.ui.Dialog {
            // ...保持原有对话框类定义不变...
        }

        const e = new OO.ui.WindowManager({id:"show-contributor"});
        $(document.body).append(e.$element);
        const o = new t({size:"large"});
        e.addWindows([o]);

        const i = new OO.ui.ButtonWidget({
            label:"本页贡献者",
            icon:"search",
            flags:"progressive",
            id:"show-contributor-button"
        });

        // 响应式插入逻辑
        if ("citizen" === mw.config.get("skin")) {
            const handleResize = () => {
                $("#show-contributor-button").detach();
                if (window.matchMedia("(min-width: 1120px)").matches) {
                    // 桌面端：插入到.page-actions
                    $(".page-actions").prepend(i.$element);
                } else {
                    // 移动端：插入到.citizen-page-heading并右浮动
                    $(".citizen-page-heading").append(i.$element);
                }
            };

            // 初始执行
            handleResize();
            
            // 监听窗口变化
            $(window).on("resize", handleResize);
        } else {
            // 其他皮肤：保持原逻辑
            $("#bodyContent").prepend(i.$element);
        }

        i.on("click", async () => {
            if (!o.got) {
                i.setLabel("正在查询");
                const t = await o.getContributors();
                o.showContributors(t),
                o.$table.tablesorter(),
                i.setLabel("本页贡献者")
            }
            e.openWindow(o);
        });
    })()))
})();