POE 网页市集道具转英文2

Greasy Fork is available in English.
POE 网页市集道具转英文2

流放之路国服网页市集物品转换为国际服pob物品工具
当前为 2023-12-15 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         POE 网页市集道具转英文2
// @namespace    http://tampermonkey.net/
// @version      0.0.6
// @description  流放之路国服网页市集物品转换为国际服pob物品工具
// @author       Rxdey
// @match        https://poe.game.qq.com/trade/*
// @icon         https://poecdn.game.qq.com/protected/image/tencent/favicon-32x32.png?v=1&key=WDwrBirzWbDsbHkc0BgCMQ
// @require      https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/db.global.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/creater.global.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/translator.global.js
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';
    const copyToClipboard = (txt, cb = () => { }) => {
        const node = document.createElement('textarea');
        node.value = txt;
        node.class = 'copy-txt';
        document.body.appendChild(node);
        node.select();
        document.execCommand('Copy');
        document.body.removeChild(node);
        cb();
    };
    const setButton = () => {
        const targets = Array.from(document.querySelectorAll('.row[data-id]'));
        // console.log(targets);
        if (!targets || !targets.length) return;

        targets.forEach(target => {
            if (target.querySelector('.copy-en')) return;
            const leftEl = target.querySelector('.left');
            if (!leftEl) return;
            const btn = document.createElement('div');
            btn.className = 'copy-en';
            btn.title = '复制为英文';
            btn.setAttribute('style', `position: absolute;
            left: 84px;
            bottom: 8px;
            color: #fff;
            font-size: 14px;
            cursor: pointer;
            text-decoration: underline;`);
            btn.innerText = '复制为英文';
            leftEl.appendChild(btn);
            btn.addEventListener('click', () => {
                const text = target.__vue__.itemText;
                // 不先放里面翻译不完整
                let textarea = document.createElement('textarea');
                textarea.value = text;
                const factory = CnPoeTranslator.newBasicTranslatorFactory(CnPoeExportDb);
                const textTranslator = factory.getTextTranslator();
                const res = textTranslator.translate(textarea.value);
                textarea = null;
                copyToClipboard(res);
                target.__vue__.itemTextCopied();
            });
        });
    };
    const observer = new MutationObserver((mutationsList, observer) => {
        for (let mutation of mutationsList) {
            if (mutation.target.className !== 'resultset') return;
            setButton();
        }
    });
    console.log('翻译复制初始化');
    const targetNode = document.querySelector('body');
    const config = { childList: true, subtree: true };
    observer.observe(targetNode, config);

    /** 新增翻页面板 添加jquery */
    const createTranslatefield = () => {
        const container = `
        <div class="field-container">
            <div class="field-wrap">
                <div id="field-tip"></div>
                <textarea id="field-textarea" class="field-textarea" type="text" placeholder="在这里粘贴" rows="5"></textarea>
                <div class="field-button" id="en-button">转换并复制</div>
            </div>
            <div class="field-button field-button-red" id="close">显示转换界面</div>
        </div>
        `;
        let flag = false;
        $('body').append(container);
        $('#close').click(function() {
            flag = !flag;
            $(this).text(flag ? '隐藏转换界面' : '显示转换界面');
            $('.field-wrap').toggle();
        });
        let st = null;
        $('#en-button').click(() => {
            if (st) clearTimeout(st);
            $('#field-tip').text('');
            const text = $('#field-textarea').val();
            const factory = CnPoeTranslator.newBasicTranslatorFactory(CnPoeExportDb);
            const textTranslator = factory.getTextTranslator();
            const res = textTranslator.translate(text);
            $('#field-textarea').val(res);
            copyToClipboard(res);
            $('#field-tip').text('已复制');
            st = setTimeout(() => {
                $('#field-tip').text('');
            }, 2000);
        });
    };
    createTranslatefield();
    GM_addStyle(`.field-container{position:fixed;bottom:0;left:0;width:200px;z-index:1000}#field-tip{color:#fff;font-size:14px;margin-bottom:5px}.field-wrap{margin-bottom:5px;display:none}.field-textarea{width:100%;font-size:14px;padding:4px 8px;outline:0;border:1px solid #e5e5e5;color:#333;background-color:#fff;resize:none;box-sizing:border-box}.field-btn{display:flex;flex-flow:row nowrap}.field-button{text-align:center;outline:0;border:0;background-color:#3bc7ff;font-size:14px;color:#fff;padding:4px 8px;cursor:pointer;user-select:none;width:100%}.field-button.field-button-red{background-color:#ff5353}`);
})();