生活不易，猪猪叹气 —— 赏口饲料，让我少气！🐷✨
拖动滑块观察变化，数字越大字越清晰 (0~1，步长0.05)
`; Swal.fire({ title: '请选择清晰度', html: customHtml, showCancelButton: true, confirmButtonText: '保存', cancelButtonText: '还原', showCloseButton: true, customClass: {popup: 'mactype-popup'}, }).then((res) => { util.setValue('has_init', true); if (res.isConfirmed) { const currVal = parseFloat(document.getElementById('sliderValue').innerText); util.setValue('current_val', currVal); this.changeStyle(); } if (res.isDismissed && res.dismiss === "cancel") { util.setValue('current_val', 0); this.changeStyle(); } }); const sliderRoot = document.getElementById('sliderRoot'); const trackWrapper = document.getElementById('trackWrapper'); const sliderRange = document.getElementById('sliderRange'); const sliderValue = document.getElementById('sliderValue'); const leftIcon = document.querySelector('.left-icon'); const rightIcon = document.querySelector('.right-icon'); let isDragging = false; let region = 'middle'; let overflow = 0; const maxValue = 1; const minValue = 0; const stepSize = 0.05; const getSteppedValue = (val) => { return Math.round(val / stepSize) * stepSize; }; const updateSlider = (val) => { const percentage = (val / (maxValue - minValue)) * 100; sliderRange.style.width = `${percentage}%`; sliderValue.innerText = val.toFixed(2); util.setValue('current_val', val); this.changeStyle(); }; const handlePointerMove = (e) => { if (!isDragging || !sliderRoot) return; const { left, right, width } = sliderRoot.getBoundingClientRect(); const clientX = e.clientX; if (clientX < left) { region = 'left'; overflow = decay(left - clientX, MAX_OVERFLOW); leftIcon.style.transform = `scale(${1 + (overflow/MAX_OVERFLOW)*0.4})`; rightIcon.style.transform = 'scale(1)'; } else if (clientX > right) { region = 'right'; overflow = decay(clientX - right, MAX_OVERFLOW); rightIcon.style.transform = `scale(${1 + (overflow/MAX_OVERFLOW)*0.4})`; leftIcon.style.transform = 'scale(1)'; } else { region = 'middle'; overflow = 0; leftIcon.style.transform = 'scale(1)'; rightIcon.style.transform = 'scale(1)'; } trackWrapper.style.transform = `scaleX(${1 + overflow/width}) scaleY(${1 - overflow/(MAX_OVERFLOW*2)})`; trackWrapper.style.transformOrigin = clientX < left + width/2 ? 'right' : 'left'; let newValue = minValue + ((clientX - left) / width) * (maxValue - minValue); newValue = Math.min(Math.max(newValue, minValue), maxValue); newValue = getSteppedValue(newValue); updateSlider(newValue); }; const handlePointerUp = () => { if (!isDragging) return; isDragging = false; overflow = 0; trackWrapper.style.transform = 'scaleX(1) scaleY(1)'; leftIcon.style.transform = 'scale(1)'; rightIcon.style.transform = 'scale(1)'; document.body.style.cursor = 'default'; }; sliderRoot.addEventListener('pointerdown', (e) => { isDragging = true; handlePointerMove(e); e.target.setPointerCapture(e.pointerId); document.body.style.cursor = 'grabbing'; }); document.addEventListener('pointermove', handlePointerMove.bind(this)); document.addEventListener('pointerup', handlePointerUp); document.addEventListener('pointerleave', handlePointerUp); updateSlider(initVal); }, registerMenuCommand() { let whiteList = util.getValue('white_list'); let host = location.host; if (whiteList.includes(host)) { GM_registerMenuCommand('💡 当前网站：❌', () => { let index = whiteList.indexOf(host); whiteList.splice(index, 1); util.setValue('white_list', whiteList); history.go(0); }); } else { GM_registerMenuCommand('💡 当前网站：✔️', () => { whiteList.push(host); util.setValue('white_list', whiteList); history.go(0); }); } GM_registerMenuCommand('⚙️ 设置', () => { this.showSetting(); }); }, generateStyle() { let val = util.getValue('current_val'); return ` .mactype-popup { font-size: 14px!important } .swal2-range input { -webkit-appearance: auto!important; appearance: auto;!important } *:not(pre) { -webkit-text-stroke: ${val}px !important; text-stroke: ${val}px !important } ::selection { color: #fff;background: #338fff } `; }, changeStyle() { document.getElementById('mactype-style').innerHTML = this.generateStyle(); }, addPluginStyle() { let style = this.generateStyle(); if (document.head) { util.addStyle('swal-pub-style', 'style', GM_getResourceText('swalStyle')); util.addStyle('mactype-style', 'style', style); } const headObserver = new MutationObserver(() => { util.addStyle('swal-pub-style', 'style', GM_getResourceText('swalStyle')); util.addStyle('mactype-style', 'style', style); }); headObserver.observe(document.head, {childList: true, subtree: true}); }, isTopWindow() { return window.self === window.top; }, init() { this.initValue(); this.isTopWindow() && !util.getValue('has_init') && this.showSetting(); this.isTopWindow() && this.registerMenuCommand(); if (util.getValue('white_list').includes(location.host)) return; this.addPluginStyle(); } }; main.init(); })();