MediaWiki:Common.js - 版本历史

2026年9月27日 (日) 15:40 Ancimen

2026-09-27T15:40:49Z

←上一版本		2026年9月27日 (日) 23:40的版本
第300行：		第300行：
	Rail.close();		Rail.close();
	}		}

	var details = document.getElementById('citizen-preferences-details');		var details = document.getElementById('citizen-preferences-details');
	if (details) {		if (details) {
第305行：		第306行：
	}		}
	document.body.classList.add('citizen-preferences-shown');		document.body.classList.add('citizen-preferences-shown');

			// 插入关闭按钮（只插一次）
			var card = document.getElementById('citizen-preferences-dropdown__card');
			if (card && !card.querySelector('.citizen-preferences-close')) {
			var closeBtn = document.createElement('button');
			closeBtn.className = 'citizen-preferences-close';
			closeBtn.type = 'button';
			closeBtn.textContent = '×';
			closeBtn.setAttribute('aria-label', '关闭');
			closeBtn.addEventListener('click', function () {
			document.body.classList.remove('citizen-preferences-shown');
			var d = document.getElementById('citizen-preferences-details');
			if (d) d.open = false;
			});
			card.insertBefore(closeBtn, card.firstChild);
			}
	});		});
	}		}
第316行：		第333行：
	if (card.contains(e.target)) return;		if (card.contains(e.target)) return;
	if (trigger && trigger.contains(e.target)) return;		if (trigger && trigger.contains(e.target)) return;
	~~// 关闭~~
	document.body.classList.remove('citizen-preferences-shown');		document.body.classList.remove('citizen-preferences-shown');
	var details = document.getElementById('citizen-preferences-details');		var details = document.getElementById('citizen-preferences-details');
第338行：		第354行：
	/* ===== 侧边工具栏 Rail 管理器 ===== */		/* ===== 侧边工具栏 Rail 管理器 ===== */
	/* ===== 侧边工具栏 Rail 管理器 ===== */		/* ===== 侧边工具栏 Rail 管理器 ===== */


	/* ===== 首页轮播图 ===== */		/* ===== 首页轮播图 ===== */

2026年9月27日 (日) 14:57 Ancimen

2026-09-27T14:57:56Z

←上一版本		2026年9月27日 (日) 22:57的版本
第293行：		第293行：
	function bindRailPreferences() {		function bindRailPreferences() {
	var trigger = document.getElementById('rail-open-preferences');		var trigger = document.getElementById('rail-open-preferences');
	if (!trigger) return;		if (!trigger \|\| trigger.dataset.bound === '1') return;
			trigger.dataset.bound = '1';

	trigger.addEventListener('click', function () {		trigger.addEventListener('click', function () {
	~~// Citizen 的偏好设置面板由 <details id~~=~~"citizen-preferences-details"> 控制~~		if (window.Rail && typeof Rail.close === 'function') {
			Rail.close();
			}
	var details = document.getElementById('citizen-preferences-details');		var details = document.getElementById('citizen-preferences-details');
	if (details) {		if (details) {
	~~// 关闭 rail 面板~~
	~~if (window.Rail && typeof Rail.close === 'function') {~~
	~~Rail.close();~~
	}
	~~// 打开 Citizen 原生偏好设置面板~~
	details.open = true;		details.open = true;
	~~// 滚动到顶部，让用户能看到面板~~
	~~window.scrollTo({ top: 0, behavior: 'smooth' });~~
	~~} else {~~
	~~// 回退：如果找不到原生元素，直接跳转到参数设置页~~
	~~window.location.href = mw.util.getUrl('特殊:参数设置');~~
	}		}
			document.body.classList.add('citizen-preferences-shown');
	});		});
	}		}

	// ~~rail 面板内容是通过 API 异步加载的，所以需要监听加载完成~~		// 点击面板外部关闭
	function ~~observeRailContent~~() {		document.addEventListener('click', function (e) {
	var ~~target~~ = document.getElementById('rail-~~panel~~-~~content~~');		if (!document.body.classList.contains('citizen-preferences-shown')) return;
	if (!target) return;		var card = document.getElementById('citizen-preferences-dropdown__card');
			var trigger = document.getElementById('rail-open-preferences');
			if (!card) return;
			if (card.contains(e.target)) return;
			if (trigger && trigger.contains(e.target)) return;
			// 关闭
			document.body.classList.remove('citizen-preferences-shown');
			var details = document.getElementById('citizen-preferences-details');
			if (details) details.open = false;
			});

	~~var observer = new MutationObserver~~(function () {		// Esc 关闭
	~~bindRailPreferences~~();		document.addEventListener('keydown', function (e) {
	});		if (e.key !== 'Escape') return;
	~~observer~~.~~observe~~(~~target, { childList: true, subtree: true }~~);		if (!document.body.classList.contains('citizen-preferences-shown')) return;
	}		document.body.classList.remove('citizen-preferences-shown');
			var details = document.getElementById('citizen-preferences-details');
			if (details) details.open = false;
			});

	if (~~document.readyState === 'loading'~~) {		var observer = new MutationObserver(bindRailPreferences);
	document.~~addEventListener('DOMContentLoaded'~~, ~~function ()~~ {		observer.observe(document.body, { childList: true, subtree: true });
	~~observeRailContent();~~		bindRailPreferences();
	});
	~~} else {~~
	~~observeRailContent~~();
	}
	})();		})();

2026年9月27日 (日) 12:08 Ancimen

2026-09-27T12:08:33Z

@@ 第176行： / 第176行： @@
 (function () {
      var HIDDEN_GROUPS = ['*', 'user', 'autoconfirmed', 'emailconfirmed'];
      function formatDate(ms) {
@@ 第183行： / 第192行： @@
              String(d.getMonth() + 1).padStart(2, '0') + '-' +
              String(d.getDate()).padStart(2, '0');
+     }
@@ 第192行： / 第221行： @@
          return visible.map(function (g) {
-            var memberKey = 'group-' + g + '-member';
+             var name = getGroupName(g);
-            var pageKey = 'grouppage-' + g;
+             var url = getGroupUrl(g);
-             var name = mw.message(memberKey).exists()
+             return '<a href="' + url + '" class="rail-group-tag">' + name + '</a>';
          }).join('');
+     }
@@ 第209行： / 第229行： @@
      function renderGuest(box) {
          box.innerHTML = [
              '<p class="rail-account-guest">您的身份是访客</p>',
              '<div class="rail-account-actions">',
@@ 第224行： / 第245行： @@
          box.innerHTML = [
-             '<div class="rail-account-name">' + userName + '</div>',
+             '<div class="rail-account-title">账户：' + userName + '</div>',
              '<div class="rail-account-groups">权限组：' + getGroupHtml(groups) + '</div>',
              '<div class="rail-account-actions">',
              '  <a href="' + mw.util.getUrl('Special:Contributions/' + userName) + '" class="rail-action-button">贡献</a>',
              '  <a href="' + mw.util.getUrl('Special:Watchlist') + '" class="rail-action-button">监视列表</a>',
              '  <a href="' + mw.util.getUrl('User talk:' + userName) + '" class="rail-action-button">用户讨论</a>',
              '</div>',
              '<div class="rail-account-logout">',

2026年9月27日 (日) 11:56 Ancimen

2026-09-27T11:56:19Z

@@ 第140行： / 第140行： @@
      };
 })();
 /* ===== 工具栏账户信息动态填充 ===== */
@@ 第280行： / 第312行： @@
+     }
 })();
 /* ===== 侧边工具栏 Rail 管理器 ===== */
 /* ===== 侧边工具栏 Rail 管理器 ===== */

2026年9月27日 (日) 11:50 Ancimen

2026-09-27T11:50:41Z

←上一版本		2026年9月27日 (日) 19:50的版本
第141行：		第141行：
	})();		})();

			/* ===== 工具栏账户信息动态填充 ===== */
			(function () {
			var HIDDEN_GROUPS = ['*', 'user', 'autoconfirmed', 'emailconfirmed'];

			function formatDate(ms) {
			if (!ms) return '—';
			var d = new Date(ms);
			return d.getFullYear() + '-' +
			String(d.getMonth() + 1).padStart(2, '0') + '-' +
			String(d.getDate()).padStart(2, '0');
			}

			function getGroupHtml(groups) {
			var visible = groups.filter(function (g) {
			return HIDDEN_GROUPS.indexOf(g) === -1;
			});
			if (!visible.length) return '无';

			return visible.map(function (g) {
			var memberKey = 'group-' + g + '-member';
			var pageKey = 'grouppage-' + g;
			var name = mw.message(memberKey).exists()
			? mw.message(memberKey).text()
			: g;
			var page = mw.message(pageKey).exists()
			? mw.message(pageKey).text()
			: '';
			if (page) {
			return '<a href="' + mw.util.getUrl(page) + '" class="rail-group-tag">' + name + '</a>';
			}
			return '<span class="rail-group-tag">' + name + '</span>';
			}).join('');
			}

			function renderGuest(box) {
			box.innerHTML = [
			'<p class="rail-account-guest">您的身份是访客</p>',
			'<div class="rail-account-actions">',
			' <a href="' + mw.util.getUrl('Special:UserLogin') + '" class="rail-action-button">登录</a>',
			' <a href="' + mw.util.getUrl('Special:CreateAccount') + '" class="rail-action-button">创建账户</a>',
			'</div>'
			].join('');
			}

			function renderUser(box) {
			var userName = mw.config.get('wgUserName');
			var groups = mw.config.get('wgUserGroups') \|\| [];
			var editCount = mw.config.get('wgUserEditCount');
			var regTime = mw.config.get('wgUserRegistration');

			box.innerHTML = [
			'<div class="rail-account-name">' + userName + '</div>',
			'<div class="rail-account-groups">权限组：' + getGroupHtml(groups) + '</div>',
			'<div class="rail-account-stats">',
			' <span>编辑数：' + (editCount != null ? editCount : '—') + '</span>',
			' <span>加入时间：' + formatDate(regTime) + '</span>',
			'</div>',
			'<div class="rail-account-actions">',
			' <a href="' + mw.util.getUrl('Special:Contributions/' + userName) + '" class="rail-action-button">贡献</a>',
			' <a href="' + mw.util.getUrl('Special:Watchlist') + '" class="rail-action-button">监视列表</a>',
			' <a href="' + mw.util.getUrl('User talk:' + userName) + '" class="rail-action-button">用户讨论</a>',
			'</div>',
			'<div class="rail-account-logout">',
			' <a href="' + mw.util.getUrl('Special:UserLogout') + '" class="rail-action-button rail-action-button--danger">退出登录</a>',
			'</div>'
			].join('');
			}

			function fillAccountInfo() {
			var box = document.getElementById('rail-account-info');
			if (!box \|\| box.dataset.filled === '1') return;
			box.dataset.filled = '1';

			if (mw.config.get('wgUserName')) {
			renderUser(box);
			} else {
			renderGuest(box);
			}
			}

			function observeRailPanel() {
			var target = document.getElementById('rail-panel-content');
			if (!target) return;
			var observer = new MutationObserver(fillAccountInfo);
			observer.observe(target, { childList: true, subtree: true });
			fillAccountInfo();
			}

			if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', observeRailPanel);
			} else {
			observeRailPanel();
			}
			})();

	/* ===== 在 rail 面板中触发 Citizen 偏好设置面板 ===== */		/* ===== 在 rail 面板中触发 Citizen 偏好设置面板 ===== */

2026年9月27日 (日) 11:49 Ancimen

2026-09-27T11:49:59Z

@@ 第140行： / 第140行： @@
      };
 })();
 /* ===== 在 rail 面板中触发 Citizen 偏好设置面板 ===== */
@@ 第145行： / 第146行： @@
      function bindRailPreferences() {
          var trigger = document.getElementById('rail-open-preferences');
-         if (!trigger || trigger.dataset.bound === '1') return;
+         if (!trigger) return;
-         function activate() {
+         trigger.addEventListener('click', function () {
              var details = document.getElementById('citizen-preferences-details');
              if (details) {
                  details.open = true;
                  window.scrollTo({ top: 0, behavior: 'smooth' });
              } else {
                  window.location.href = mw.util.getUrl('特殊:参数设置');
+             }
          });
+     }
      function observeRailContent() {
          var target = document.getElementById('rail-panel-content');
@@ 第178行： / 第176行： @@
          });
          observer.observe(target, { childList: true, subtree: true });
+     }
      if (document.readyState === 'loading') {
-         document.addEventListener('DOMContentLoaded', observeRailContent);
+         document.addEventListener('DOMContentLoaded', function () {
      } else {
          observeRailContent();
@@ 第222行： / 第219行： @@
+}
 /* ===== 侧边工具栏 Rail 管理器 ===== */
 /* ===== 侧边工具栏 Rail 管理器 ===== */

2026年9月27日 (日) 11:31 Ancimen

2026-09-27T11:31:38Z

@@ 第139行： / 第139行： @@
          close: close
      };
 })();

2026年9月27日 (日) 11:26 Ancimen

2026-09-27T11:26:24Z

@@ 第172行： / 第172行： @@
      Rail.init();
+}
 /* ===== 侧边工具栏 Rail 管理器 ===== */
 /* ===== 侧边工具栏 Rail 管理器 ===== */

2026年9月27日 (日) 11:15 Ancimen

2026-09-27T11:15:19Z

←上一版本		2026年9月27日 (日) 19:15的版本
第144行：		第144行：
	Rail.register('navigation', {		Rail.register('navigation', {
	icon: '☰',		icon: '☰',
	~~iconActive: '✕',~~
	label: '导航',		label: '导航',
	template: 'Template:工具栏导航'		template: 'Template:工具栏导航'
	});		});

	Rail.register('~~settings~~', {		Rail.register('claim', {
	icon: '~~⚙',~~		icon: '！',
	~~iconActive: '✕~~',		label: '公告',
	label: '设置',		template: 'Template:工具栏公告'
	template: 'Template:~~工具栏设置~~'
	});		});

	Rail.register('help', {		Rail.register('help', {
	icon: '?',		icon: '?',
	~~iconActive: '✕',~~
	label: '帮助',		label: '帮助',
	template: 'Template:工具栏帮助'		template: 'Template:工具栏帮助'
			});

			Rail.register('settings', {
			icon: '⚙',
			label: '设置',
			template: 'Template:工具栏设置'
	});		});

2026年9月27日 (日) 10:19 Ancimen

2026-09-27T10:19:09Z

←上一版本		2026年9月27日 (日) 18:19的版本
第42行：		第42行：
	}		}

	function createButton(item) {		function createButton(item) {
	var btn = document.createElement('button');		var btn = document.createElement('button');
	btn.type = 'button';		btn.type = 'button';
	btn.className = 'rail-button fx-swap fx-pulse';		btn.className = 'rail-button fx-swap fx-pulse'; // 呼吸
	btn.setAttribute('data-rail-id', item.id);		btn.setAttribute('data-rail-id', item.id);
	btn.setAttribute('aria-label', item.label);		btn.setAttribute('aria-label', item.label);
第54行：		第54行：

	btn.innerHTML =		btn.innerHTML =
	'<span class="fx-swap__a rail-button__icon">' + iconDefault + '</span>' +		'<span class="fx-swap__a rail-button__icon fx-text-pulse">' + iconDefault + '</span>' +
	'<span class="fx-swap__b rail-button__icon">' + iconActive + '</span>';		'<span class="fx-swap__b rail-button__icon fx-text-pulse">' + iconActive + '</span>';

	btn.addEventListener('click', function () {		btn.addEventListener('click', function () {