MediaWiki:Common.js：修订间差异

来自SOKA CAFE
Banmad3n
Banmad3n（留言 | 贡献） （Edit）
小
 
（未显示同一用户的1个中间版本）
第140行： 第140行：
/* End of mw.loader.using callback */
/* End of mw.loader.using callback */
} );
} );
/* Lazy Loading */
( function () {
'use strict';
var CONCURRENCY = 2;      // 同时只允许2个请求在跑
var STAGGER_MS = 400;    // 每次触发下一张之间的间隔拉长到400ms
var INITIAL_DELAY_MS = 250; // 首批也错开触发，而不是同时启动
var images = document.querySelectorAll( '#mw-content-text img[src]:not([data-src])' );
var queue = [];
var active = 0;
images.forEach( function ( img ) {
img.dataset.src = img.getAttribute( 'src' );
img.removeAttribute( 'src' );
} );
function loadNext() {
if ( active >= CONCURRENCY || !queue.length ) {
return;
}
var img = queue.shift();
active++;
img.src = img.dataset.src;
img.addEventListener( 'load', onSettled, { once: true } );
img.addEventListener( 'error', onSettled, { once: true } );
}
function onSettled() {
active--;
setTimeout( loadNext, STAGGER_MS );
}
function enqueue( img ) {
queue.push( img );
// 错开首批的启动时机，避免IntersectionObserver一次性抛出一堆entry时集中触发
setTimeout( loadNext, queue.length * INITIAL_DELAY_MS );
}
var observer = new IntersectionObserver( function ( entries, obs ) {
entries.forEach( function ( entry ) {
if ( entry.isIntersecting ) {
obs.unobserve( entry.target );
enqueue( entry.target );
}
} );
}, { rootMargin: '100px' } ); // 缩小预加载范围，减少一次性被观察到的图片数量
images.forEach( function ( img ) {
observer.observe( img );
} );
}() );
/* End of Lazy Loading */
/* DO NOT ADD CODE BELOW THIS LINE */
/* DO NOT ADD CODE BELOW THIS LINE */

2026年8月9日 (日) 00:09的最新版本

/* 以下内容均从https://en.wikipedia.org/wiki/MediaWiki:Common.js导入 */
/**
 * Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
 * loaded for all users on every wiki page. If possible create a gadget that is
 * enabled by default instead of adding it here (since gadgets are fully
 * optimized ResourceLoader modules with possibility to add dependencies etc.)
 *
 * Since Common.js isn't a gadget, there is no place to declare its
 * dependencies, so we have to lazy load them with mw.loader.using on demand and
 * then execute the rest in the callback. In most cases these dependencies will
 * be loaded (or loading) already and the callback will not be delayed. In case a
 * dependency hasn't arrived yet it'll make sure those are loaded before this.
 */

/* global mw, $ */
/* jshint strict:false, browser:true */

mw.loader.using( [ 'mediawiki.util' ] ).done( function () {
	/**
	 * Collapsible tables; reimplemented with mw-collapsible
	 * Styling is also in place to avoid FOUC
	 *
	 * Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
	 * @version 3.0.0 (2018-05-20)
	 * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
	 * @author [[User:R. Koot]]
	 * @author [[User:Krinkle]]
	 * @author [[User:TheDJ]]
	 * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
	 * is supported in MediaWiki core. Shimmable since MediaWiki 1.32
	 *
	 * @param {jQuery} $content
	 */
	function makeCollapsibleMwCollapsible( $content ) {
		var $tables = $content
			.find( 'table.collapsible:not(.mw-collapsible)' )
			.addClass( 'mw-collapsible' );

		$.each( $tables, function ( index, table ) {
			// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
			if ( $( table ).hasClass( 'collapsed' ) ) {
				$( table ).addClass( 'mw-collapsed' );
				// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
			}
		} );
		if ( $tables.length > 0 ) {
			mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
				$tables.makeCollapsible();
			} );
		}
	}
	mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

	/**
	 * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
	 *
	 * Maintainers: TheDJ
	 */
	function mwCollapsibleSetup( $collapsibleContent ) {
		var $element,
			$toggle,
			autoCollapseThreshold = 2;
		$.each( $collapsibleContent, function ( index, element ) {
			$element = $( element );
			if ( $element.hasClass( 'collapsible' ) ) {
				$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
			}
			if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
				$element.data( 'mw-collapsible' ).collapse();
			} else if ( $element.hasClass( 'innercollapse' ) ) {
				if ( $element.parents( '.outercollapse' ).length > 0 ) {
					$element.data( 'mw-collapsible' ).collapse();
				}
			}
			// because of colored backgrounds, style the link in the text color
			// to ensure accessible contrast
			$toggle = $element.find( '.mw-collapsible-toggle' );
			if ( $toggle.length ) {
				// Make the toggle inherit text color
				if ( $toggle.parent()[ 0 ].style.color ) {
					$toggle.find( 'a' ).css( 'color', 'inherit' );
				}
			}
		} );
	}

	mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

	/**
	 * Dynamic Navigation Bars (experimental)
	 *
	 * Description: See [[Wikipedia:NavFrame]].
	 * Maintainers: UNMAINTAINED
	 */

	var collapseCaption = '隐藏';
	var expandCaption = '显示';

	// Set up the words in your language
	var navigationBarHide = '[' + collapseCaption + ']';
	var navigationBarShow = '[' + expandCaption + ']';

	/**
	 * Shows and hides content and picture (if available) of navigation bars.
	 *
	 * @param {number} indexNavigationBar The index of navigation bar to be toggled
	 * @param {jQuery.Event} event Event object
	 * @return {boolean}
	 */
	function toggleNavigationBar( indexNavigationBar, event ) {
		var navToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
		var navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
		var navChild;

		if ( !navFrame || !navToggle ) {
			return false;
		}

		// If shown now
		if ( navToggle.firstChild.data === navigationBarHide ) {
			for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
				if ( $( navChild ).hasClass( 'NavContent' ) ) {
					navChild.style.display = 'none';
				}
			}
			navToggle.firstChild.data = navigationBarShow;

		// If hidden now
		} else if ( navToggle.firstChild.data === navigationBarShow ) {
			for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {
				if ( $( navChild ).hasClass( 'NavContent' ) ) {
					navChild.style.display = 'block';
				}
			}
			navToggle.firstChild.data = navigationBarHide;
		}

		event.preventDefault();
	}
	/* End of mw.loader.using callback */
} );

/* Lazy Loading */
( function () {
	'use strict';

	var CONCURRENCY = 2;      // 同时只允许2个请求在跑
	var STAGGER_MS = 400;     // 每次触发下一张之间的间隔拉长到400ms
	var INITIAL_DELAY_MS = 250; // 首批也错开触发，而不是同时启动

	var images = document.querySelectorAll( '#mw-content-text img[src]:not([data-src])' );
	var queue = [];
	var active = 0;

	images.forEach( function ( img ) {
		img.dataset.src = img.getAttribute( 'src' );
		img.removeAttribute( 'src' );
	} );

	function loadNext() {
		if ( active >= CONCURRENCY || !queue.length ) {
			return;
		}
		var img = queue.shift();
		active++;
		img.src = img.dataset.src;
		img.addEventListener( 'load', onSettled, { once: true } );
		img.addEventListener( 'error', onSettled, { once: true } );
	}

	function onSettled() {
		active--;
		setTimeout( loadNext, STAGGER_MS );
	}

	function enqueue( img ) {
		queue.push( img );
		// 错开首批的启动时机，避免IntersectionObserver一次性抛出一堆entry时集中触发
		setTimeout( loadNext, queue.length * INITIAL_DELAY_MS );
	}

	var observer = new IntersectionObserver( function ( entries, obs ) {
		entries.forEach( function ( entry ) {
			if ( entry.isIntersecting ) {
				obs.unobserve( entry.target );
				enqueue( entry.target );
			}
		} );
	}, { rootMargin: '100px' } ); // 缩小预加载范围，减少一次性被观察到的图片数量

	images.forEach( function ( img ) {
		observer.observe( img );
	} );
}() );

/* End of Lazy Loading */

/* DO NOT ADD CODE BELOW THIS LINE */
取自“https://soka.cafe/index.php?title=MediaWiki:Common.js&oldid=3378”