打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.js

MediaWiki界面页面

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
( function () {
    'use strict';
    var MAIN_SITE = 'https://www.dolshipmaker.vip';
    var WIKI_BASE = 'https://wiki.dolshipmaker.vip';

    function setupLogout() {
        $( document ).on( 'click', '[href*="action=logout"], [href*="UserLogout"], [data-mw-logouturl]', function ( e ) {
            e.preventDefault();
            e.stopImmediatePropagation();
            new mw.Api().postWithToken( 'csrf', { action: 'logout' } )
                .then( function () {
                    return fetch( MAIN_SITE + '/api/auth/cookie-logout', { method: 'POST', credentials: 'include' } );
                } )
                .catch( function () {} )
                .finally( function () {
                    window.location.href = WIKI_BASE + '/wiki/首页';
                } );
            return false;
        } );
    }

    function interceptLoginButton() {
        $( document ).on( 'click', 'a[href*="Special:UserLogin"], a[href*="action=login"]', function ( e ) {
            e.preventDefault();
            window.location.href = MAIN_SITE + '/login.html?redirect=' + encodeURIComponent( window.location.href );
        } );
    }

    function interceptRegisterButton() {
        $( document ).on( 'click', 'a[href*="Special:CreateAccount"], a[href*="action=createaccount"]', function ( e ) {
            e.preventDefault();
            window.location.href = MAIN_SITE + '/register.html?redirect=' + encodeURIComponent( window.location.href );
        } );
    }

    function interceptEditForAnon() {
        if ( mw.config.get( 'wgUserId' ) !== 0 ) {
            return;
        }
        $( document ).on( 'click', 'a[href*="action=edit"], a[href*="veaction=edit"]', function ( e ) {
            e.preventDefault();
            window.location.href = MAIN_SITE + '/login.html?redirect=' + encodeURIComponent( window.location.href );
        } );
    }

    // ── 语言切换 ──────────────────────────────────────────
    var currentLang = localStorage.getItem( 'dol-wiki-lang' ) || 'zh';

    function applyLang( lang ) {
        currentLang = lang;
        localStorage.setItem( 'dol-wiki-lang', lang );
        $( '.lang-btn' ).css( { background: 'transparent', color: '#b0c4d8' } );
        $( '.lang-btn[data-lang="' + lang + '"]' ).css( { background: '#c9a84c', color: '#0a1628' } );
        $( document ).trigger( 'dol-lang-change', [ lang ] );
    }

    function setupLangSwitch() {
        $( document ).on( 'click', '.lang-btn', function () {
            applyLang( $( this ).data( 'lang' ) );
        } );
        applyLang( currentLang );
    }

    // ── 城市页多语言切换(城市名称、交易品名称)────────────────────
    $( document ).on( 'dol-lang-change', function ( e, lang ) {
    var l = lang || currentLang;
    // 城市名称
    $( '.city-lang' ).hide();
    $( '.city-lang-' + l ).show();
    // 交易品名称
    $( '.goods-lang' ).hide();
    $( '.goods-lang-' + l ).show();
    // 通用 i18n(配方/材料/其他新模块)
    $( '.i18n-text' ).hide();
    $( '.i18n-' + l ).show();
} );

    // ── 地图公共 ──────────────────────────────────────────
    var MAP_W = 4096;
    var MAP_H = 2048;
    var GAME_W = 16384;
    var GAME_H = 8192;
    var IMG = '/images/e/ea/Map.jpg';
    var GOODS_ENDPOINT = '/goods-data.php';
    var LEAFLET_CSS = '/images/leaflet/leaflet.css';
    var LEAFLET_JS = '/images/leaflet/leaflet.js';
    var CITY_MAP_ENDPOINT = '/map-data.php';
    // 循环副本偏移量(足够覆盖无限拖动)
    var OFFSETS = [ 0, -1, 1, -2, 2, -3, 3, -4, 4 ].map( function ( n ) {
        return n * MAP_W;
    } );

    function gameToMap( gx, gy ) {
        return [ MAP_H - ( gy / GAME_H * MAP_H ), gx / GAME_W * MAP_W ];
    }

    function parseCityWikitext( title, wikitext ) {
        var city = { title: title };
        [ 'id', 'zh', 'zh-tw', 'ja', 'en', '坐标', '船厂', 'type', 'type_id', 'region', 'country' ].forEach( function ( f ) {
            var m = wikitext.match( new RegExp( '\\|' + f + '=([^\\|\\}]*)' ) );
            city[ f ] = m ? m[ 1 ].trim() : '';
        } );
        return city;
    }

    function getCityName( city ) {
        return city[ currentLang ] || city.zh || city.title;
    }

    function setupMapCursor( map ) {
        map.getContainer().style.cursor = 'default';
        map.on( 'mousedown', function () {
            map.getContainer().style.cursor = 'grabbing';
        } );
        map.on( 'mouseup dragend', function () {
            map.getContainer().style.cursor = 'default';
        } );
    }

    function addMapImages( L, map ) {
        OFFSETS.forEach( function ( ox ) {
            L.imageOverlay( IMG, [ [ 0, ox ], [ MAP_H, ox + MAP_W ] ] ).addTo( map );
        } );
        map.setMaxBounds( [ [ -MAP_H * 0.2, -MAP_W * 4.5 ], [ MAP_H * 1.2, MAP_W * 4.5 ] ] );
    }

    // ── 世界地图 ──────────────────────────────────────────
    // 城市图标(多图标)
    // 规则:按 city.type 匹配对应图片文件名;找不到则使用默认图标。
    // 你需要先在 Wiki 上传对应图片(例如 File:CityIcon_Capital.png)。
    var CITY_ICON_MAP = {
        '首都': 'CityIcon_首都.png',

        // 你的说明:支配/领地港 共用同一套图标(CityIcon_港口.png)
        '领地港': 'CityIcon_港口.png',
        '同盟港': 'CityIcon_港口.png',

        // 你的说明:海盗港单独一套图标
        '海盗港': 'CityIcon_海盗港.png',

        // 你的说明:内陆/开拓/农场等使用各自图标
        '内陆城市': 'CityIcon_内陆城市.png',
        '补给港': 'CityIcon_补给港.png',
        '登陆点': 'CityIcon_登陆点.png',
        '城市郊外': 'CityIcon_城市郊外.png',
        '商会开拓城市': 'CityIcon_商会开拓城市.png',
        '私人农场': 'CityIcon_私人农场.png',

        '奥斯曼首都': 'CityIcon_奥斯曼首都.png',
        '奥斯曼领地': 'CityIcon_奥斯曼.png',
        '奥斯曼同盟港': 'CityIcon_奥斯曼.png',

        '陆地二层': 'CityIcon_登陆点.png',
        '工业港': 'CityIcon_工业港.png'
    };
    // 默认图标:必须保证远程确实存在,否则未命中映射的城市会“看不到图标”
    var CITY_ICON_DEFAULT = 'CityIcon_港口.png';
    // 城市 ID 单独覆盖图标(特殊港口/特殊城市)
    // 写法:key 用 city.id 的字符串形式,比如 '42'
    // value:你上传到 Wiki 的文件名,比如 'CityIcon_SpecialPort.png'
    var CITY_ICON_BY_ID = {
        // '10007': 'CityIcon_SpecialPort.png',
    };

    // 城市类型ID -> 图标文件名(用于“扩展/覆盖图标规则”)
    // 注意:key 必须是 city.type_id 的字符串形式(例如 '1'、'2')。
    // 如果你不填,这个功能会自动回退到 CITY_ICON_MAP(按 city.type 名称)。
    var CITY_ICON_BY_TYPE_ID = {
        '0': 'CityIcon_首都.png',
        '1': 'CityIcon_港口.png',
        '2': 'CityIcon_港口.png',
        '3': 'CityIcon_海盗港.png',
        '4': 'CityIcon_内陆城市.png',
        '5': 'CityIcon_补给港.png',
        '6': 'CityIcon_私人农场.png',
        '7': 'CityIcon_商会开拓城市.png',
        '8': 'CityIcon_登陆点.png',
        '9': 'CityIcon_城市郊外.png',
        '10': 'CityIcon_奥斯曼首都.png',
        '11': 'CityIcon_奥斯曼.png',
        '12': 'CityIcon_奥斯曼.png',
        '13': 'CityIcon_登陆点.png',
        '14': 'CityIcon_工业港.png'
    };
    var cityIconCache = {};

    function getCityIcon( L, city ) {
        // 优先按 ID 精确覆盖(特殊港口等)
        var idKey = ( city.id || '' ).toString().trim();
        if ( idKey && CITY_ICON_BY_ID[ idKey ] ) {
            var byIdFileName = CITY_ICON_BY_ID[ idKey ];
            if ( !cityIconCache[ byIdFileName ] ) {
                cityIconCache[ byIdFileName ] = L.icon( {
                    iconUrl: WIKI_BASE + '/wiki/Special:FilePath/' + encodeURIComponent( byIdFileName ),
                iconSize: [ 16, 16 ],     // 你的图标尺寸:16x16
                iconAnchor: [ 8, 8 ]       // 锚点:放在中心
                } );
            }
            return cityIconCache[ byIdFileName ];
        }

        // 再尝试:按 type_id 扩展规则(例如把多个 type_id 映射到同一类图标)
        var typeIdKey = ( city.type_id || '' ).toString().trim();
        if ( typeIdKey && CITY_ICON_BY_TYPE_ID[ typeIdKey ] ) {
            var byTypeIdFileName = CITY_ICON_BY_TYPE_ID[ typeIdKey ];
            if ( !cityIconCache[ byTypeIdFileName ] ) {
                cityIconCache[ byTypeIdFileName ] = L.icon( {
                    iconUrl: WIKI_BASE + '/wiki/Special:FilePath/' + encodeURIComponent( byTypeIdFileName ),
                    iconSize: [ 16, 16 ],
                    iconAnchor: [ 8, 8 ]
                } );
            }
            return cityIconCache[ byTypeIdFileName ];
        }

        // 最后回退:按 type 名称
        var key = ( city.type || '' ).trim();
        var fileName = CITY_ICON_MAP[ key ] || CITY_ICON_DEFAULT;

        if ( !cityIconCache[ fileName ] ) {
            cityIconCache[ fileName ] = L.icon( {
                iconUrl: WIKI_BASE + '/wiki/Special:FilePath/' + encodeURIComponent( fileName ),
                iconSize: [ 16, 16 ],  // 你的图标尺寸:16x16
                iconAnchor: [ 8, 8 ]  // 锚点:放在中心
            } );
        }
        return cityIconCache[ fileName ];
    }

    var worldMap = null;
    var cityMarkers = [];
    var selectedCity = null;

    function updateMarkerTooltips() {
        cityMarkers.forEach( function ( item ) {
            item.marker.setTooltipContent( getCityName( item.city ) );
        } );
    }

    function showCityDetail( city ) {
        selectedCity = city;

        $( '#city-detail-name' ).text( getCityName( city ) );
        $( '#city-detail-type' ).text( city.type || '' );
        $( '#city-detail-region' ).text( city.region || '' );
        $( '#city-detail-country' ).text( city.country || '' );
        $( '#city-detail-coord' ).text( city.坐标 || '' );
        $( '#city-detail-shipyard' ).text( city.船厂 || '' );
        $( '#city-detail-link' ).attr( 'href', WIKI_BASE + '/wiki/' + encodeURIComponent( city.title ) );

        $( '#city-detail' ).show();
    }

    function hideCityDetail() {
        selectedCity = null;
        $( '#city-detail' ).hide();
    }

    function addCityMarkers( L, map, markers, cities, clickHandler ) {
        var tOpts = {
            permanent: false,
            direction: 'top',
            className: 'city-tooltip'
        };

        // 按坐标去重:相同坐标只保留 ID 最小的
        var coordMap = {};
        cities.forEach( function ( city ) {
            if ( !city.坐标 ) {
                return;
            }

            var key = city.坐标;
            var id = parseInt( city.id, 10 ) || 999999;

            if ( !coordMap[ key ] || id < ( parseInt( coordMap[ key ].id, 10 ) || 999999 ) ) {
                coordMap[ key ] = city;
            }
        } );

        Object.keys( coordMap ).forEach( function ( key ) {
            var city = coordMap[ key ];
            var parts = key.split( ',' );
            if ( parts.length !== 2 ) {
                return;
            }

            var gx = parseInt( parts[ 0 ], 10 );
            var gy = parseInt( parts[ 1 ], 10 );
            if ( isNaN( gx ) || isNaN( gy ) ) {
                return;
            }

            var latlng = gameToMap( gx, gy );

            OFFSETS.forEach( function ( ox ) {
                var marker = L.marker(
                    [ latlng[ 0 ], latlng[ 1 ] + ox ],
                    { icon: getCityIcon( L, city ) }
                ).addTo( map );

                marker.bindTooltip( getCityName( city ), tOpts );

                if ( clickHandler ) {
                    marker.on( 'click', ( function ( c ) {
                        return function ( e ) {
                            // 阻止点击标记时冒泡到地图,避免立刻触发关闭逻辑
                            if ( e ) {
                                L.DomEvent.stopPropagation( e );
                                if ( e.originalEvent ) {
                                    L.DomEvent.stopPropagation( e.originalEvent );
                                }
                            }
                            clickHandler( c );
                        };
                    } )( city ) );
                }

                markers.push( { marker: marker, city: city } );
            } );
        } );
    }

    function loadAllCities( callback ) {
        fetch( CITY_MAP_ENDPOINT, { credentials: 'same-origin' } )
            .then( function ( res ) {
                if ( !res.ok ) {
                    throw new Error( 'Map endpoint failed: ' + res.status );
                }
                return res.json();
            } )
            .then( function ( data ) {
                if ( data && Array.isArray( data.cities ) ) {
                    callback( data.cities );
                    return;
                }
                throw new Error( 'Invalid map endpoint payload' );
            } )
            .catch( function () {
                loadAllCitiesFromWikiApi( callback );
            } );
    }

    function loadAllCitiesFromWikiApi( callback ) {
        // 强制使用正确的 MediaWiki API 入口,避免环境导致 mw.Api 默认走到不存在的路径
        var api = new mw.Api( { ajax: WIKI_BASE + '/api.php' } );

        // MediaWiki 的 allpages 需要处理 continuation(不处理会导致只拿到前 N 页)
        var titles = [];
        var allDone = false;

        function fetchAllPages( apcontinue ) {
            var params = {
                action: 'query',
                list: 'allpages',
                apprefix: '城市/',
                aplimit: 500,
                format: 'json'
            };
            if ( apcontinue ) {
                params.apcontinue = apcontinue;
            }

            return api.get( params ).then( function ( data ) {
                var ap = data && data.query && data.query.allpages ? data.query.allpages : [];
                ap.forEach( function ( p ) { titles.push( p.title ); } );

                if ( data && data.continue && data.continue.apcontinue ) {
                    return fetchAllPages( data.continue.apcontinue );
                }
                return null;
            } );
        }

        fetchAllPages( null ).then( function () {
            if ( allDone ) return;
            allDone = true;

            if ( !titles.length ) {
                callback( [] );
                return;
            }

            var batches = [];
            var allCities = [];
            var done = 0;

            for ( var i = 0; i < titles.length; i += 50 ) {
                batches.push( titles.slice( i, i + 50 ) );
            }

            batches.forEach( function ( batch ) {
                api.get( {
                    action: 'query',
                    titles: batch.join( '|' ),
                    prop: 'revisions',
                    rvprop: 'content',
                    format: 'json'
                } ).then( function ( res ) {
                    var pages = res && res.query ? res.query.pages : null;
                    if ( !pages ) pages = {};

                    Object.keys( pages ).forEach( function ( pid ) {
                        var page = pages[ pid ];
                        if ( !page.revisions ) {
                            return;
                        }

                        var wt = page.revisions[ 0 ][ '*' ] || page.revisions[ 0 ].content || '';
                        allCities.push( parseCityWikitext( page.title, wt ) );
                    } );

                    done++;
                    if ( done === batches.length ) {
                        callback( allCities );
                    }
                } ).catch( function () {
                    // 某一批次失败也要推进,否则可能永远不回调
                    done++;
                    if ( done === batches.length ) {
                        callback( allCities );
                    }
                } );
            } );
        } ).catch( function () {
            // 首次/后续 allpages 查询失败也要回调,避免页面无标记且无提示
            callback( [] );
        } );
    }

    function initWorldMap() {
        if ( !document.getElementById( 'world-map' ) ) {
            return;
        }

        mw.loader.load( LEAFLET_CSS, 'text/css' );

        var script = document.createElement( 'script' );
        script.src = LEAFLET_JS;

        script.onload = function () {
            var L = window.L;

            worldMap = L.map( 'world-map', {
                crs: L.CRS.Simple,
                minZoom: -2,
                maxZoom: 3,
                zoomSnap: 0.5,
                attributionControl: false
            } );

            addMapImages( L, worldMap );
            setupMapCursor( worldMap );
            worldMap.setView( [ 1248, -145 ], 0 );

            loadAllCities( function ( cities ) {
                addCityMarkers( L, worldMap, cityMarkers, cities, showCityDetail );
            } );

            // 点击地图空白区域时关闭右侧城市详情
            worldMap.on( 'click', function () {
                hideCityDetail();
            } );

            // 语言切换时更新 tooltip 和当前选中城市的详情
            $( document ).on( 'dol-lang-change', function () {
                updateMarkerTooltips();
                if ( selectedCity ) {
                    showCityDetail( selectedCity );
                }
            } );
        };

        document.head.appendChild( script );
    }

    // ── 城市详情页小地图 ──────────────────────────────────
    function initCityMiniMap() {
        var container = document.getElementById( 'city-mini-map' );
        if ( !container ) {
            return;
        }

        var coordStr = container.getAttribute( 'data-coord' );
        if ( !coordStr ) {
            return;
        }

        var parts = coordStr.split( ',' );
        if ( parts.length !== 2 ) {
            return;
        }

        var gx = parseInt( parts[ 0 ], 10 );
        var gy = parseInt( parts[ 1 ], 10 );
        if ( isNaN( gx ) || isNaN( gy ) ) {
            return;
        }

        mw.loader.load( LEAFLET_CSS, 'text/css' );

        var script = document.createElement( 'script' );
        script.src = LEAFLET_JS;

        script.onload = function () {
            var L = window.L;
            var latlng = gameToMap( gx, gy );

            var miniMap = L.map( 'city-mini-map', {
                crs: L.CRS.Simple,
                minZoom: -1,
                maxZoom: 3,
                zoomSnap: 0.5,
                attributionControl: false
            } );

            addMapImages( L, miniMap );
            setupMapCursor( miniMap );
            miniMap.setView( latlng, 1 );

            L.circleMarker( latlng, {
                radius: 6,
                fillColor: '#e74c3c',
                color: '#fff',
                weight: 2,
                opacity: 1,
                fillOpacity: 1
            } ).addTo( miniMap );
        };

        document.head.appendChild( script );
    }

    // ── 交易品分类切换 ────────────────────────────────────
    function initGoodsFilter() {
        $( '.goods-table' ).each( function () {
            var table = $( this );
            // 收集所有分类
            var types = [];

            table.find( 'tr' ).each( function () {
                var td = $( this ).find( 'td' ).eq( 1 ).text().trim();
                if ( td && types.indexOf( td ) === -1 ) {
                    types.push( td );
                }
            } );

            if ( !types.length ) {
                return;
            }

            // 生成切换按钮
            var bar = $( '<div class="goods-filter-bar" style="margin-bottom:6px;"></div>' );
            var allBtn = $( '<span class="goods-filter-btn active" data-type="all" style="cursor:pointer;padding:3px 10px;border-radius:3px;margin:0 3px 3px 0;display:inline-block;background:#c9a84c;color:#0a1628;">全部</span>' );

            bar.append( allBtn );

            types.forEach( function ( t ) {
                bar.append( $( '<span class="goods-filter-btn" data-type="' + t + '" style="cursor:pointer;padding:3px 10px;border-radius:3px;margin:0 3px 3px 0;display:inline-block;background:#1a3a5c;color:#b0c4d8;">' + t + '</span>' ) );
            } );

            table.before( bar );

            // 点击切换
            bar.on( 'click', '.goods-filter-btn', function () {
                var type = $( this ).data( 'type' );

                bar.find( '.goods-filter-btn' ).css( { background: '#1a3a5c', color: '#b0c4d8' } );
                $( this ).css( { background: '#c9a84c', color: '#0a1628' } );

                table.find( 'tr' ).each( function () {
                    var tds = $( this ).find( 'td' );
                    if ( !tds.length ) {
                        return; // 表头行
                    }

                    if ( type === 'all' ) {
                        $( this ).show();
                    } else {
                        $( this ).toggle( tds.eq( 1 ).text().trim() === type );
                    }
                } );
            } );
        } );
    }

    // ── 交易品汇总页(页面名:交易品)──────────────────────────
    function normalizeWikiFileTitle( fileParam ) {
        var s = ( fileParam || '' ).trim();
        if ( !s ) return '';
        if ( s.indexOf( 'File:' ) === 0 ) s = s.slice( 5 );
        if ( s.indexOf( '文件:' ) === 0 ) s = s.slice( 3 );
        return s;
    }

    function buildFileUrl( fileParam ) {
        var title = normalizeWikiFileTitle( fileParam );
        if ( !title ) return '';
        return WIKI_BASE + '/wiki/Special:FilePath/' + encodeURIComponent( title );
    }

    function goodsNameHtml( g ) {
        return '<span class="goods-lang goods-lang-zh">' + ( g.zh || '' ) + '</span>'
            + '<span class="goods-lang goods-lang-zh-tw" style="display:none">' + ( g['zh-tw'] || '' ) + '</span>'
            + '<span class="goods-lang goods-lang-ja" style="display:none">' + ( g.ja || '' ) + '</span>'
            + '<span class="goods-lang goods-lang-en" style="display:none">' + ( g.en || '' ) + '</span>';
    }

    function initGoodsOverviewPage() {
        var root = document.getElementById( 'goods-overview-root' );
        if ( !root ) return;

        var pageName = mw.config.get( 'wgPageName' ) || '';
        if ( pageName !== '交易品' ) return;

        var controls = document.getElementById( 'goods-overview-controls' );
        var table = document.getElementById( 'goods-overview-table' );
        if ( !controls || !table ) return;

        var tbody = table.tBodies && table.tBodies[ 0 ] ? table.tBodies[ 0 ] : null;
        if ( !tbody ) {
            tbody = document.createElement( 'tbody' );
            table.appendChild( tbody );
        }

        var typeSel = document.createElement( 'select' );
        typeSel.id = 'goods-filter-type';
        var typeDefault = document.createElement( 'option' );
        typeDefault.value = '';
        typeDefault.textContent = '全部';
        typeSel.appendChild( typeDefault );

        var bookSel = document.createElement( 'select' );
        bookSel.id = 'goods-filter-book';
        var bookDefault = document.createElement( 'option' );
        bookDefault.value = '';
        bookDefault.textContent = '全部';
        bookSel.appendChild( bookDefault );

        var countEl = document.createElement( 'b' );
        countEl.id = 'goods-overview-count';
        countEl.textContent = '0';

        controls.innerHTML = '';
        controls.appendChild( document.createTextNode( '交易品类型:' ) );
        controls.appendChild( typeSel );
        controls.appendChild( document.createTextNode( '  采买书分类:' ) );
        controls.appendChild( bookSel );
        controls.appendChild( document.createTextNode( '  结果数量:' ) );
        controls.appendChild( countEl );

        fetch( GOODS_ENDPOINT, { credentials: 'same-origin' } )
            .then( function ( res ) {
                if ( !res.ok ) throw new Error( 'goods endpoint failed: ' + res.status );
                return res.json();
            } )
            .then( function ( data ) {
                var goods = Array.isArray( data.goods ) ? data.goods : [];

                var types = {};
                var books = {};
                goods.forEach( function ( g ) {
                    var t = ( g['类别'] || '' ).trim();
                    var b = ( g['采买书类别'] || '' ).toString().trim();
                    if ( t ) types[ t ] = true;
                    if ( b ) books[ b ] = true;
                } );

                Object.keys( types ).sort().forEach( function ( t ) {
                    var op = document.createElement( 'option' );
                    op.value = t;
                    op.textContent = t;
                    typeSel.appendChild( op );
                } );
                Object.keys( books ).sort( function ( a, b ) { return parseInt( a, 10 ) - parseInt( b, 10 ); } ).forEach( function ( b ) {
                    var op = document.createElement( 'option' );
                    op.value = b;
                    op.textContent = '类别' + b;
                    bookSel.appendChild( op );
                } );

                function render() {
                    var tVal = typeSel.value;
                    var bVal = bookSel.value;
                    var shown = 0;
                    tbody.innerHTML = '';

                    goods.forEach( function ( g ) {
                        var gt = ( g['类别'] || '' ).trim();
                        var gb = ( g['采买书类别'] || '' ).toString().trim();
                        if ( tVal && gt !== tVal ) return;
                        if ( bVal && gb !== bVal ) return;

                        var tr = document.createElement( 'tr' );

                        var imgUrl = buildFileUrl( g['图片'] );
                        var typeImgUrl = buildFileUrl( g['类别图片'] );
                        var bookImgUrl = buildFileUrl( g['采买书图片'] );
                        var title = ( g.title || '' ).trim();

                        tr.innerHTML =
                            '<td style="text-align:center;">' + ( imgUrl ? '<img src="' + imgUrl + '" style="width:32px;height:32px;object-fit:contain;" />' : '' ) + '</td>'
                            + '<td><a href="' + WIKI_BASE + '/wiki/' + encodeURIComponent( title ) + '">' + goodsNameHtml( g ) + '</a></td>'
                            + '<td style="text-align:center;">' + ( typeImgUrl ? '<img src="' + typeImgUrl + '" style="width:20px;height:20px;vertical-align:middle;margin-right:4px;" />' : '' ) + ( gt || '' ) + '</td>'
                            + '<td style="text-align:center;">' + ( bookImgUrl ? '<img src="' + bookImgUrl + '" style="width:20px;height:20px;vertical-align:middle;margin-right:4px;" />' : '' ) + '类别' + ( gb || '' ) + ' ★' + ( g['采买书星'] || '' ) + '</td>'
                            + '<td>' + ( g['说明'] || '' ) + '</td>';

                        tbody.appendChild( tr );
                        shown++;
                    } );

                    if ( countEl ) countEl.textContent = String( shown );
                    $( document ).trigger( 'dol-lang-change', [ currentLang ] );
                }

                typeSel.addEventListener( 'change', render );
                bookSel.addEventListener( 'change', render );
                render();
            } )
            .catch( function () {
                if ( countEl ) countEl.textContent = '0';
                tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;color:#d66;">交易品数据加载失败</td></tr>';
            } );
    }

    mw.loader.using( 'mediawiki.util' ).done( function () {
        $( document ).ready( function () {
            setupLogout();
            interceptLoginButton();
            interceptRegisterButton();
            interceptEditForAnon();
            setupLangSwitch();
            initWorldMap();
            initCityMiniMap();
            initGoodsFilter();
            initGoodsOverviewPage();
        } );
    } );
}() );