// ==UserScript==
// @name         Temu 销量定位
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  销量定位、高亮、拖动、删除、下载图片不跳转
// @author       豆包
// @match        https://www.temu.com/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    function createSalesPositionTable() {
        const oldTable = document.getElementById('salesPositionTable');
        if (oldTable) oldTable.remove();

        const GOODS_CONTAINER_CLASSES = [
            "_6q6qVUF5 _1UrrHYym",
        ];

        const goodsSelector = GOODS_CONTAINER_CLASSES.map(c => `div.${c.split(' ').join('.')}`).join(',');
        const allGoodsItems = document.querySelectorAll(goodsSelector);
        const validItems = [];

        allGoodsItems.forEach(item => {
            const salesEl = item.querySelector('span._1GKMA1Nk.undefined');
            if (!salesEl) return;
            const salesNum = salesEl.textContent.replace(/\D/g, '') || '0';
            const imgWrap = item.querySelector('div._1GE1BzXo._3QE924aA.NChdjz2-.goods-img-external');
            const imgs = imgWrap?.querySelectorAll('img');
            if (!imgs || imgs.length < 2) return;

            validItems.push({
                dom: item,
                sales: salesNum,
                smallImg: imgs[0].src,
                bigImg: imgs[1].src
            });
        });

        const style = document.createElement('style');
        style.textContent = `
            #salesPositionTable { position: fixed; z-index: 999999; width: 480px; background: #fff; border-radius: 12px; box-shadow: 0 0 25px rgba(0,0,0,0.25); font-family: system-ui; overflow: hidden; user-select: none; left: 20px; top: 50%; transform: translateY(-50%); }
            .table-header { padding: 12px 16px; background: #2f54eb; color: white; font-weight: bold; display: flex; justify-content: space-between; align-items: center; cursor: move; }
            .header-title { display: flex; align-items: center; gap: 8px; }
            .drag-icon { font-size: 16px; opacity: 0.8; }
            .header-buttons { display: flex; gap: 6px; }
            .header-btn { padding: 4px 10px; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; }
            .btn-refresh { background: #fff; color: #2f54eb; }
            .btn-download-all { background: #ff7d00; color: #fff; }
            .btn-next { background: #00b42a; color: #fff; }
            .table-body { max-height: 600px; overflow-y: auto; }
            .table-row { display: flex; padding: 10px; border-bottom: 1px solid #f5f5f5; align-items: center; }
            .table-col { flex: 1; text-align: center; }
            .thumb-img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; cursor: pointer; border: 1px solid #eee; }
            .operate-btn { padding: 6px 8px; margin: 2px; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; }
            .btn-goto { background: #2f54eb; color: white; }
            .btn-download { background: #f53f3f; color: white; }
            .btn-del { background: #999; color: white; }
            #imgPreviewModal { position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 1000000; display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
            #imgPreviewModal img { max-width: 90vw; max-height: 90vh; border-radius: 10px; }
            @keyframes highlightFlash { 0%{border:3px solid #ff7d00;box-shadow:0 0 20px #ff7d00}50%{border:3px solid #ff3f3f;box-shadow:0 0 30px #ff3f3f}100%{border:3px solid #ff7d00;box-shadow:0 0 20px #ff7d00} }
            .highlight-goods { animation: highlightFlash 3s ease forwards; z-index:9999!important;position:relative; }
        `;
        document.head.appendChild(style);

        const tableContainer = document.createElement('div');
        tableContainer.id = 'salesPositionTable';
        const header = document.createElement('div');
        header.className = 'table-header';
        header.innerHTML = `
            <div class="header-title"><span class="drag-icon">⋮⋮</span><span>📊 销量定位</span></div>
            <div class="header-buttons">
                <button class="header-btn btn-refresh">刷新</button>
                <button class="header-btn btn-download-all">下载全部</button>
                <button class="header-btn btn-next">下一页</button>
            </div>`;
        const body = document.createElement('div');
        body.className = 'table-body';
        tableContainer.append(header, body);
        document.body.appendChild(tableContainer);

        function initDrag(dragEl, handleEl) {
            let isDrag = false, ox=0, oy=0;
            handleEl.onmousedown = e => { isDrag=true; const r=dragEl.getBoundingClientRect(); ox=e.clientX-r.left; oy=e.clientY-r.top; dragEl.style.transition='none'; };
            document.onmousemove = e=>{if(!isDrag)return; dragEl.style.left=e.clientX-ox+'px'; dragEl.style.top=e.clientY-oy+'px'; dragEl.style.transform='none';};
            document.onmouseup = ()=>isDrag=false;
        }
        initDrag(tableContainer, header);

        // ==========================
        // 修复下载：跨域图片不跳转
        // ==========================
        function downloadImage(url, name) {
            const img = new Image();
            img.crossOrigin = 'anonymous';
            img.onload = function() {
                const canvas = document.createElement('canvas');
                canvas.width = img.width;
                canvas.height = img.height;
                const ctx = canvas.getContext('2d');
                ctx.drawImage(img, 0, 0);
                canvas.toBlob(blob => {
                    const a = document.createElement('a');
                    a.href = URL.createObjectURL(blob);
                    a.download = name;
                    a.click();
                    setTimeout(() => URL.revokeObjectURL(a.href), 2000);
                }, 'image/jpeg');
            };
            img.src = url;
        }

        function render() {
            body.innerHTML = '';
            if(validItems.length===0){body.innerHTML='<div style="padding:25px;text-align:center;color:#999">暂无数据</div>';return;}
            validItems.forEach((item,idx)=>{
                const row = document.createElement('div');
                row.className='table-row';
                row.innerHTML=`
                    <div class="table-col"><img src="${item.smallImg}" class="thumb-img"></div>
                    <div class="table-col">${item.sales} 件</div>
                    <div class="table-col">
                        <button class="operate-btn btn-goto">定位</button>
                        <button class="operate-btn btn-download">下载</button>
                        <button class="operate-btn btn-del">删除</button>
                    </div>`;
                body.appendChild(row);

                row.querySelector('.thumb-img').onclick=()=>{
                    const m=document.createElement('div');
                    m.id='imgPreviewModal';
                    m.innerHTML=`<img src="${item.bigImg}">`;
                    m.onclick=()=>m.remove();
                    document.body.append(m);
                };

                row.querySelector('.btn-goto').onclick=()=>{
                    item.dom.scrollIntoView({behavior:'smooth',block:'center'});
                    item.dom.classList.add('highlight-goods');
                    setTimeout(()=>item.dom.classList.remove('highlight-goods'),3000);
                };

                // 下载单张
                row.querySelector('.btn-download').onclick=()=>{
                    downloadImage(item.bigImg,`商品_${idx}_${Date.now()}.jpg`);
                };

                // 删除
                row.querySelector('.btn-del').onclick=()=>{
                    validItems.splice(idx,1);
                    render();
                };
            });
        }

        // 下载全部
        async function downloadAll(){
            for(let i=0;i<validItems.length;i++){
                downloadImage(validItems[i].bigImg,`全量_${i+1}.jpg`);
                await new Promise(r=>setTimeout(r,300));
            }
        }

        header.querySelector('.btn-refresh').onclick=createSalesPositionTable;
        header.querySelector('.btn-download-all').onclick=downloadAll;
        header.querySelector('.btn-next').onclick=async()=>{
            const nextBtn=document.querySelector('._2ugbvrpI._3E4sGl93._28_m8Owy.R8mNGZXv._2rMaxXAr');
            if(!nextBtn){alert('已到最后一页');return;}
            nextBtn.scrollIntoView({behavior:'smooth',block:'center'});
            await new Promise(r=>setTimeout(r,800));
            nextBtn.click();
            setTimeout(createSalesPositionTable,1800);
        };

        render();
    }

    window.addEventListener('load',()=>{
        setTimeout(createSalesPositionTable,1500);
    });
})();