陋室

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

以互动方式浏览历史
←上一编辑

Maintenance script​（留言 | 贡献）

647次编辑
删除的内容 添加的内容
Maintenance script​（留言 | 贡献）
647次编辑
拖选时实时更新并增强触发
Maintenance script​（留言 | 贡献）
647次编辑
小 优化 SelectionCounter：事件驱动计数与低开销显示
 
（未显示同一用户的2个中间版本）
第1行：
/* MediaWiki Gadget: SelectionCounter */
/* ================================================================
( function () {
MediaWiki Gadget: SelectionCounter
'use strict';
功能：
- 选中文本时显示字数统计
- 与 RightToolbar 风格一致
================================================================= */
 
if ( window.SelectionCounterLoaded ) {
mw.loader.using(['mediawiki.util']).then(function () {
return;
if (window.SelectionCounterLoaded) {
}
return;
window.SelectionCounterLoaded = true;
}
window.SelectionCounterLoaded = true;
 
mw.loader.using( [ 'jquery', 'mediawiki.util' $] ).then( function () {
var $counter = $('#mw-selection-counter');
var rafId = 0;
var hideTimer = 0;
var lastRendered = '';
var lastShownAt = 0;
var selecting = false;
var canSegment = typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function';
var segmenter = canSegment ? new Intl.Segmenter( mw.config.get( 'wgUserLanguage' ) || 'zh-cn', {
granularity: 'grapheme'
} ) : null;
 
function getMessage( count ) {
if (!$counter.length) {
var lang = ( mw.config.get( 'wgUserLanguage' ) || mw.config.get( 'wgContentLanguage' ) || 'zh-cn' ).toLowerCase();
$counter = $('<div id="mw-selection-counter" class="mw-selection-counter" role="status" aria-live="polite"></div>')
return lang.indexOf( 'en' ) === 0 ? 'Selected ' + count + ' chars' : '已选 ' + count + ' 字';
.hide()
}
.appendTo('body');
}
 
function getSelectionText() {
var rafId = null;
var selection = window.getSelection && window.getSelection();
var pollTimer = null;
if ( !selection || selection.rangeCount === 0 || selection.isCollapsed ) {
var lastText = '';
return '';
var lastTime = 0;
}
var isSelecting = false;
return selection.toString();
}
 
function countText( text ) {
function getSelectionText() {
var compact = text.replace( /\s+/g, '' );
var selection = window.getSelection();
if ( !compact ) {
if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {
return ''0;
}
}
if ( segmenter ) {
return selection.toString();
return Array.from( segmenter.segment( compact ) ).length;
}
}
return Array.from( compact ).length;
}
 
function compactTexthideCounter(text) {
lastRendered = '';
return text.replace(/\s+/g, '');
$counter.attr( 'hidden', 'hidden' ).text( '' );
}
}
 
function showCountrenderCounter( text ) {
var compactcount = compactTextcountText( text );
var rendered;
if (!compact) {
return false;
}
var count = Array.from(compact).length;
$counter.text('已选 ' + count + ' 字').show();
return true;
}
 
if ( count < 1 ) {
function updateCounter() {
hideCounter();
rafId = null;
return;
var text = getSelectionText();
}
if (text) {
lastText = text;
lastTime = Date.now();
showCount(text);
return;
}
 
rendered = getMessage( count );
if (lastText && Date.now() - lastTime < 1200) {
if ( rendered !== lastRendered ) {
showCount(lastText);
$counter.text( rendered );
return;
lastRendered = rendered;
}
}
lastShownAt = Date.now();
$counter.removeAttr( 'hidden' );
}
 
function updateCounter() {
$counter.hide();
var text;
}
 
rafId = 0;
function scheduleUpdate() {
text = getSelectionText();
if (rafId) {
return;
}
rafId = window.requestAnimationFrame(updateCounter);
}
 
if ( text ) {
function scheduleUpdateDelayed() {
renderCounter( text );
window.setTimeout(scheduleUpdate, 0);
return;
}
}
 
if ( !selecting && Date.now() - lastShownAt > 800 ) {
function startPolling() {
hideCounter();
if (pollTimer) {
}
return;
}
}
pollTimer = window.setInterval(updateCounter, 500);
}
 
function stopPollingscheduleUpdate() {
if ( rafId ) {
if (!pollTimer) {
return;
}
}
rafId = window.requestAnimationFrame( updateCounter );
window.clearInterval(pollTimer);
}
pollTimer = null;
}
 
function onSelectMovescheduleHide() {
window.clearTimeout( hideTimer );
if (!isSelecting) {
hideTimer = window.setTimeout( scheduleUpdate, 900 );
return;
}
}
scheduleUpdate();
}
 
document.addEventListener $('selectionchange', function () {
$counter = $( '#mw-selection-counter' );
var text = getSelectionText();
if ( !$counter.length ) {
if (text) {
$counter = $( '<div>' )
lastText = text;
.attr( {
lastTime = Date.now();
id: 'mw-selection-counter',
}
hidden: 'hidden',
scheduleUpdate();
role: 'status',
});
'aria-live': 'polite',
document.addEventListener('mousedown', function () {
'aria-atomic': 'true'
isSelecting = true;
} )
}, true);
.addClass( 'mw-selection-counter' )
document.addEventListener('mouseup', function () {
.appendTo( document.body );
isSelecting = false;
}
scheduleUpdateDelayed();
}, 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;
}
startPolling();
});
 
document.addEventListener( 'selectionchange', scheduleUpdate, { passive: true } );
startPolling();
document.addEventListener( 'pointerdown', function () {
});
selecting = true;
});
scheduleUpdate();
}, true );
document.addEventListener( 'pointermove', function () {
if ( selecting ) {
scheduleUpdate();
}
}, { passive: true, capture: true } );
document.addEventListener( 'pointerup', function () {
selecting = false;
scheduleUpdate();
scheduleHide();
}, true );
document.addEventListener( 'keyup', function ( event ) {
if ( event.key === 'Escape' ) {
hideCounter();
return;
}
scheduleUpdate();
} );
window.addEventListener( 'blur', hideCounter );
} );
} );
}() );
取自“https://xn--k7y073b.xn--6qqs2j68e.xn--fiqs8s/wiki/MediaWiki:Gadget-SelectionCounter.js”