跳转到内容

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

勤求古训,博采众方
无编辑摘要
无编辑摘要
标签手工回退
 
(未显示同一用户的5个中间版本)
第8行: 第8行:
         install: function () {
         install: function () {
             var $printLink = $('#t-print a');
             var $printLink = $('#t-print a');
             if ($printLink.length === 0) {
             if ($printLink.length === 0) return;
                return;
            }
              
              
            // ⚠️ 修复点:移除捕获阶段监听,改用标准事件绑定
             $printLink
             $printLink
                 .text('可打印版本')
                 .text('可打印版本')
                 .off('click')
                 .off('click')
                 .one('click', function (e) {
                 .on('click', function (e) {
                    // 🔧 修复点:确保仅在点击时加载资源并触发弹窗
                     mw.loader.using(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows'])
                     mw.loader.using(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows'])
                         .then(function () {
                         .then(printOptions.createWindow)
                            printOptions.createWindow();
                        })
                         .catch(function (err) {
                         .catch(function (err) {
                             mw.log.error('打印对话框加载失败:', err);
                             mw.notify('打印功能加载失败: ' + err.message, { type: 'error' });
                         });
                         });
                   
                     e.preventDefault();
                     e.preventDefault();
                    e.stopPropagation();
                 });
                 });
              
              
             // 🚀 预加载资源(不影响主流程)
             // 预加载资源
             mw.loader.load(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows']);
             mw.loader.load(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows']);
         },
         },
          
          
         createWindow: function () {
         createWindow: function () {
            // 🔒 防止重复初始化
            if (printDialog) {
                windowManager.openWindow(printDialog);
                return;
            }
           
            // 🖥️ 对话框类定义
             function PrintDialog(config) {
             function PrintDialog(config) {
                 PrintDialog.super.call(this, config);
                 PrintDialog.super.call(this, config);
第56行: 第41行:
             PrintDialog.prototype.initialize = function () {
             PrintDialog.prototype.initialize = function () {
                 PrintDialog.super.prototype.initialize.apply(this, arguments);
                 PrintDialog.super.prototype.initialize.apply(this, arguments);
               
                 this.panel = new OO.ui.PanelLayout({ padded: true, expanded: false });
                 this.panel = new OO.ui.PanelLayout({ padded: true, expanded: false });
                 this.content = new OO.ui.FieldsetLayout();
                 this.content = new OO.ui.FieldsetLayout();
                  
                  
                // ✅ 动态生成选项
                 printOptions.questions.forEach(function (question) {
                 printOptions.questions.forEach(function (question) {
                     if (question.type === 'checkbox') {
                     if (question.type === 'checkbox') {
第80行: 第63行:
             };
             };
              
              
            // ✅ 修复点:明确处理取消动作
             PrintDialog.prototype.getActionProcess = function (action) {
             PrintDialog.prototype.getActionProcess = function (action) {
                 if (action === 'print') {
                 if (action === 'print') {
                     return new OO.ui.Process(function () {
                     return new OO.ui.Process(function () {
                        // 📝 保存用户选择
                         printOptions.questions.forEach(function (question) {
                         printOptions.questions.forEach(function (question) {
                             if (question.type === 'checkbox' && question.widget) {
                             if (question.widget) {
                                 printOptions[question.returnvalue] = question.widget.isSelected();
                                 printOptions[question.returnvalue] = question.widget.isSelected();
                             }
                             }
                         });
                         });
                       
                         return this.close({ action: action }).then(function () {
                         return this.close({ action: action }).then(function () {
                             // ⏳ 添加延迟确保弹窗关闭后再打印
                             printOptions.changePrintCSS();
                            setTimeout(function () {
                            printOptions.otherEnhancements();
                                printOptions.changePrintCSS();
                            setTimeout(window.print, 100);
                                printOptions.otherEnhancements();
                                window.print();
                                setTimeout(function () {
                                    location.reload(); // 恢复页面状态
                                }, 500);
                            }, 100);
                         });
                         });
                    }.bind(this));
                }
                // 🔥 关键修复:取消时直接关闭对话框
                if (action === 'cancel') {
                    return new OO.ui.Process(function () {
                        return this.close({ action: action });
                     }.bind(this));
                     }.bind(this));
                 }
                 }
第106行: 第88行:
             };
             };
              
              
            // 🌐 初始化窗口管理器
             if (!windowManager) {
             if (!windowManager) {
                 windowManager = new OO.ui.WindowManager();
                 windowManager = new OO.ui.WindowManager();
                windowManager.$element.css('z-index', '100000'); // 确保在最顶层
                 $('body').append(windowManager.$element);
                 $('body').append(windowManager.$element);
             }
             }
              
             if (!printDialog) {
            // 🆕 创建对话框实例(仅首次)
                printDialog = new PrintDialog({ size: 'medium' });
            printDialog = new PrintDialog({ size: 'medium' });
                windowManager.addWindows([printDialog]);
            windowManager.addWindows([printDialog]);
            }
             windowManager.openWindow(printDialog); // 🎯 关键修复:确保点击后才打开
             windowManager.openWindow(printDialog);
         },
         },
          
          
         changePrintCSS: function () {
         changePrintCSS: function () {
             /* 原有样式处理逻辑(保持不变)*/
             /* 原有CSS处理逻辑 */
             var printStyle = '';
             var printStyle = '';
            if (this.enhanced === false) {
                // ...(样式表处理代码)
            }
             if (this.noimages) printStyle += 'img, .thumb { display:none !important; }\n';
             if (this.noimages) printStyle += 'img, .thumb { display:none !important; }\n';
             if (this.norefs) printStyle += '.references, .reference { display:none !important; }\n';
             if (this.norefs) printStyle += '.references, .reference { display:none !important; }\n';
第131行: 第108行:
             if (this.blacktext) printStyle += '* { color: black !important; }\n';
             if (this.blacktext) printStyle += '* { color: black !important; }\n';
              
              
            $('style[media="print"]').remove(); // 清理旧样式
             if (printStyle) {
             if (printStyle) {
                 $('head').append('<style media="print">' + printStyle + '</style>');
                 $('head').append('<style media="print">' + printStyle + '</style>');
第185行: 第163行:
     };
     };
      
      
     // 🚦 安全初始化(避免与其他脚本冲突)
     // 延迟初始化以避免冲突
     mw.hook('wikipage.content').add(function () {
     $(function () {
         if (mw.config.get('wgNamespaceNumber') >= 0) {
         if (mw.config.get('wgNamespaceNumber') >= 0) {
             setTimeout(printOptions.install, 0); // 确保在最后执行
             setTimeout(printOptions.install, 100);
         }
         }
     });
     });
})();
})();

2025年11月1日 (六) 22:56的最新版本

(function () {
    'use strict';
    
    var windowManager;
    var printDialog;
    
    var printOptions = {
        install: function () {
            var $printLink = $('#t-print a');
            if ($printLink.length === 0) return;
            
            $printLink
                .text('可打印版本')
                .off('click')
                .on('click', function (e) {
                    mw.loader.using(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows'])
                        .then(printOptions.createWindow)
                        .catch(function (err) {
                            mw.notify('打印功能加载失败: ' + err.message, { type: 'error' });
                        });
                    e.preventDefault();
                });
            
            // 预加载资源
            mw.loader.load(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows']);
        },
        
        createWindow: function () {
            function PrintDialog(config) {
                PrintDialog.super.call(this, config);
            }
            OO.inheritClass(PrintDialog, OO.ui.ProcessDialog);
            
            PrintDialog.static.name = 'printdialog';
            PrintDialog.static.title = '打印此页面';
            PrintDialog.static.actions = [
                { action: 'print', label: '打印', flags: ['primary', 'progressive'] },
                { action: 'cancel', label: '取消', flags: 'safe' }
            ];
            
            PrintDialog.prototype.initialize = function () {
                PrintDialog.super.prototype.initialize.apply(this, arguments);
                this.panel = new OO.ui.PanelLayout({ padded: true, expanded: false });
                this.content = new OO.ui.FieldsetLayout();
                
                printOptions.questions.forEach(function (question) {
                    if (question.type === 'checkbox') {
                        var checkbox = new OO.ui.CheckboxInputWidget({
                            selected: question.checked
                        });
                        question.widget = checkbox;
                        this.content.addItems([
                            new OO.ui.FieldLayout(checkbox, {
                                label: question.label,
                                align: 'inline'
                            })
                        ]);
                    }
                }, this);
                
                this.panel.$element.append(this.content.$element);
                this.$body.append(this.panel.$element);
            };
            
            // ✅ 修复点:明确处理取消动作
            PrintDialog.prototype.getActionProcess = function (action) {
                if (action === 'print') {
                    return new OO.ui.Process(function () {
                        printOptions.questions.forEach(function (question) {
                            if (question.widget) {
                                printOptions[question.returnvalue] = question.widget.isSelected();
                            }
                        });
                        return this.close({ action: action }).then(function () {
                            printOptions.changePrintCSS();
                            printOptions.otherEnhancements();
                            setTimeout(window.print, 100);
                        });
                    }.bind(this));
                }
                // 🔥 关键修复:取消时直接关闭对话框
                if (action === 'cancel') {
                    return new OO.ui.Process(function () {
                        return this.close({ action: action });
                    }.bind(this));
                }
                return PrintDialog.super.prototype.getActionProcess.call(this, action);
            };
            
            if (!windowManager) {
                windowManager = new OO.ui.WindowManager();
                $('body').append(windowManager.$element);
            }
            if (!printDialog) {
                printDialog = new PrintDialog({ size: 'medium' });
                windowManager.addWindows([printDialog]);
            }
            windowManager.openWindow(printDialog);
        },
        
        changePrintCSS: function () {
            /* 原有CSS处理逻辑 */
            var printStyle = '';
            if (this.noimages) printStyle += 'img, .thumb { display:none !important; }\n';
            if (this.norefs) printStyle += '.references, .reference { display:none !important; }\n';
            if (this.notoc) printStyle += '#toc, .toc { display:none !important; }\n';
            if (this.nobackground) printStyle += 'body { background: white !important; }\n';
            if (this.blacktext) printStyle += '* { color: black !important; }\n';
            
            $('style[media="print"]').remove(); // 清理旧样式
            if (printStyle) {
                $('head').append('<style media="print">' + printStyle + '</style>');
            }
        },
        
        otherEnhancements: function () {
            var $link = $('div.printfooter a');
            try {
                $link.text(decodeURIComponent($link.text()));
            } catch (e) {
                mw.log.warn('URL解码失败:', e);
            }
        },
        
        questions: [
            {
                label: '隐藏界面元素',
                type: 'checkbox',
                checked: true,
                returnvalue: 'enhanced'
            },
            {
                label: '隐藏图像',
                type: 'checkbox',
                checked: false,
                returnvalue: 'noimages'
            },
            {
                label: '隐藏引用',
                type: 'checkbox',
                checked: false,
                returnvalue: 'norefs'
            },
            {
                label: '隐藏目录',
                type: 'checkbox',
                checked: false,
                returnvalue: 'notoc'
            },
            {
                label: '删除背景(部分浏览器可能无效)',
                type: 'checkbox',
                checked: false,
                returnvalue: 'nobackground'
            },
            {
                label: '强制文本为黑色',
                type: 'checkbox',
                checked: true,
                returnvalue: 'blacktext'
            }
        ]
    };
    
    // 延迟初始化以避免冲突
    $(function () {
        if (mw.config.get('wgNamespaceNumber') >= 0) {
            setTimeout(printOptions.install, 100);
        }
    });
})();