回帖 - yyk1111

替换 callout 标题为中文

2025-12-17 14:54

菜单增加翻译

// custom.js - 高性能统一中文化（带节流 + 精准更新）
(function () {
    const translations = {
        "Note": "信息补充",
        "Tip": "提示",
        "Important": "重要",
        "Warning": "警告",
        "Caution": "问题"
    };

    const defaultTitles = {
        "NOTE": "Note",
        "TIP": "Tip",
        "IMPORTANT": "Important",
        "WARNING": "Warning",
        "CAUTION": "Caution"
    };

    const menuButtonIds = {
        "NOTE": "calloutNote",
        "TIP": "calloutTip",
        "IMPORTANT": "calloutImportant",
        "WARNING": "calloutWarning",
        "CAUTION": "calloutCaution"
    };

    // === 内容区更新（节流）===
    let contentUpdateTimer = null;
    function updateCalloutTitlesInContent() {
        if (contentUpdateTimer) return;
        contentUpdateTimer = setTimeout(() => {
            document.querySelectorAll('.callout[data-subtype]').forEach(callout => {
                const subtype = callout.getAttribute('data-subtype');
                const expected = defaultTitles[subtype];
                if (!expected) return;
                const titleEl = callout.querySelector('.callout-title');
                if (titleEl && titleEl.textContent === expected) {
                    titleEl.textContent = translations[expected];
                }
            });
            contentUpdateTimer = null;
        }, 60); // 60ms 节流，平衡响应速度与性能
    }

    // === 菜单项更新（即时，因菜单不频繁）===
    function updateCalloutMenuItems() {
        Object.values(menuButtonIds).forEach(dataId => {
            const button = document.querySelector(`button[data-id="${dataId}"]`);
            if (!button) return;
            const colorSpan = button.querySelector('.b3-list-item__text span[style*="--b3-callout"]');
            if (!colorSpan) return;
            const original = colorSpan.textContent.trim();
            if (translations[original]) {
                colorSpan.textContent = translations[original];
            }
        });
    }

    // === 合并更新（区分策略）===
    function onDomChange() {
        updateCalloutTitlesInContent(); // 节流
        updateCalloutMenuItems();       // 即时
    }

    // 初始执行
    updateCalloutTitlesInContent();
    updateCalloutMenuItems();

    // 监听整个 body（因菜单动态插入到 body）
    const observer = new MutationObserver(onDomChange);
    observer.observe(document.body, { childList: true, subtree: true });
})();