MediaWiki:Gadget-SelectionCounter.js:修订间差异

删除的内容 添加的内容
Maintenance script​(留言 | 贡献)
维护 SelectionCounter:显式依赖和本地化文本
Maintenance script​(留言 | 贡献)
小 优化 SelectionCounter:事件驱动计数与低开销显示
 
第2行:
( function () {
'use strict';
 
if ( window.SelectionCounterLoaded ) {
return;
}
window.SelectionCounterLoaded = true;
 
mw.loader.using( [ 'jquery', 'mediawiki.util' ] ).then( function () {
var $counter;
var rafId = null0;
var pollTimerhideTimer = null0;
var lastTextlastRendered = '';
var lastTimelastShownAt = 0;
var isSelectingselecting = false;
var canSegment = typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function';
 
var segmenter = canSegment ? new Intl.Segmenter( mw.config.get( 'wgUserLanguage' ) || 'zh-cn', {
if ( window.SelectionCounterLoaded ) {
granularity: 'grapheme'
return;
} ) : null;
window.SelectionCounterLoaded = true;
 
function labelgetMessage( count ) {
var lang = ( mw.config.get( 'wgUserLanguage' ) || mw.config.get( 'wgContentLanguage' ) || 'zh-cn' ).toLowerCase();
return lang.toLowerCase().indexOf( 'en' ) === 0 ? 'Selected ' + count + ' chars' : '已选 ' + count + ' 字';
}
 
function getSelectionText() {
var selection = window.getSelection && window.getSelection();
if ( !selection || selection.rangeCount === 0 || selection.isCollapsed ) {
return '';
第29行 ⟶ 第33行:
}
 
function showCountcountText( text ) {
var compact = text.replace( /\s+/g, '' );
var count;
if ( !compact ) {
return false0;
}
if ( segmenter ) {
count = Array.from( compact ).length;
$counter return Array.textfrom( labelsegmenter.segment( countcompact ) ).show()length;
}
return true;
return Array.from( compact ).length;
}
 
function hideCounter() {
lastRendered = '';
$counter.attr( 'hidden', 'hidden' ).text( '' );
}
 
function renderCounter( text ) {
var count = countText( text );
var rendered;
 
if ( count < 1 ) {
hideCounter();
return;
}
 
rendered = getMessage( count );
if ( rendered !== lastRendered ) {
$counter.text( rendered );
lastRendered = rendered;
}
lastShownAt = Date.now();
$counter.removeAttr( 'hidden' );
}
 
function updateCounter() {
var text;
 
rafId = null;
rafId = 0;
text = getSelectionText();
 
if ( text ) {
lastText =renderCounter( text );
lastTime = Date.now();
showCount( text );
return;
}
 
if ( lastText!selecting && Date.now() - lastTimelastShownAt <> 1200800 ) {
showCounthideCounter( lastText );
return;
}
 
$counter.hide();
}
 
function scheduleUpdate() {
if ( !rafId ) {
return;
rafId = window.requestAnimationFrame( updateCounter );
}
rafId = window.requestAnimationFrame( updateCounter );
}
 
function scheduleUpdateDelayedscheduleHide() {
window.setTimeoutclearTimeout( scheduleUpdate, 0hideTimer );
hideTimer = window.setTimeout( scheduleUpdate, 900 );
}
 
function startPolling() {
if ( !pollTimer ) {
pollTimer = window.setInterval( updateCounter, 500 );
}
}
 
function stopPolling() {
if ( pollTimer ) {
window.clearInterval( pollTimer );
pollTimer = null;
}
}
 
function onSelectMove() {
if ( isSelecting ) {
scheduleUpdate();
}
}
 
第92行 ⟶ 第98行:
$counter = $( '#mw-selection-counter' );
if ( !$counter.length ) {
$counter = $( '<div id="mw-selection-counter" class="mw-selection-counter" role="status" aria-live="polite"></div>' )
.hideattr() {
id: 'mw-selection-counter',
.appendTo( 'body' );
hidden: 'hidden',
role: 'status',
'aria-live': 'polite',
'aria-atomic': 'true'
} )
.addClass( 'mw-selection-counter' )
.appendTo( document.body );
}
 
document.addEventListener( 'selectionchange', function ()scheduleUpdate, { passive: true } );
document.addEventListener( 'pointerdown', function () {
var text = getSelectionText();
ifselecting (= text ) {true;
lastText = textscheduleUpdate();
lastTime}, =true Date.now();
document.addEventListener( 'pointermove', function () {
if ( selecting ) {
scheduleUpdate();
}
}, { passive: true, capture: true } );
document.addEventListener( 'pointerup', function () {
selecting = false;
scheduleUpdate();
} scheduleHide();
document.addEventListener( 'mousedown', function () {
isSelecting = true;
}, true );
document.addEventListener( 'mouseupkeyup', function ( event ) {
if ( event.key === 'Escape' ) {
isSelecting = false;
scheduleUpdateDelayed hideCounter();
}, true );
document.addEventListener( 'mousemove', onSelectMove, true );
document.addEventListener( 'touchstart', function () {
isSelecting = true;
}, { passive: true, capture: true } );
document.addEventListener( 'touchmove', onSelectMove, { passive: true, capture: true } );
document.addEventListener( 'touchend', function () {
isSelecting = false;
scheduleUpdateDelayed();
}, { passive: true, capture: true } );
document.addEventListener( 'keyup', scheduleUpdate );
window.addEventListener( 'focus', startPolling );
window.addEventListener( 'blur', stopPolling );
document.addEventListener( 'visibilitychange', function () {
if ( document.hidden ) {
stopPolling();
return;
}
startPollingscheduleUpdate();
} );
window.addEventListener( 'blur', hideCounter );
 
startPolling();
} );
} );