// ==UserScript== // @name link工具Lite // @namespace http://tampermonkey.net/ // @version 1.2.1 // @description 点击复制,提取链接 // @author lwj // @match *://m.linkmcn.com/* // @match https://m.linkmcn.com/tableCard/redirect* // @match *://detail.tmall.com/item* // @match *://item.taobao.com/item* // @match *://chaoshi.detail.tmall.com/item* // @match *://traveldetail.fliggy.com/item* // @match *://detail.tmall.hk/hk/item* // @license MIT // @grant GM_setValue // @grant GM_getValue // @grant GM_setClipboard // @grant GM_xmlhttpRequest // @downloadURL https://update.greasyfork.icu/scripts/515564/link%E5%B7%A5%E5%85%B7Lite.user.js // @updateURL https://update.greasyfork.icu/scripts/515564/link%E5%B7%A5%E5%85%B7Lite.meta.js // ==/UserScript== (function () { // 版本号 var versionTitleTxt = 'Lite Version 1.2.1'; // 检查当前页面 URL 是否匹配指定的网址 var isHomeURL = function () { var currentURL = window.location.href; return currentURL.indexOf("https://m.linkmcn.com/#/live/plan?select=") !== -1; }; // 从 localStorage 中获取上一次的 URL,如果没有则设置为空字符串 let lastCurrentURL = localStorage.getItem('lastCurrentURL') || ''; var isTableCardURL = function () { return window.location.href.indexOf("https://m.linkmcn.com/#/live/plan/tableCard/") !== -1; }; var isBatchPrintURL = function () { return window.location.href.indexOf("https://m.linkmcn.com/#/live/plan/batchPrint") !== -1; }; var isTmallItemURL = function () { var url = window.location.href; // 检查URL是否包含任何指定的域名或路径 return ( url.indexOf("https://detail.tmall.com/item") !== -1 || url.indexOf("https://detail.tmall.hk/hk/item") !== -1 || url.indexOf("https://item.taobao.com/item") !== -1 || url.indexOf("https://chaoshi.detail.tmall.com/item") !== -1 || url.indexOf("https://traveldetail.fliggy.com/item") !== -1 ); } var isRedirectUrl = function () { return window.location.href.indexOf("https://item.taobao.com/item.htm?id=682878335608&link_redirectId=") !== -1; } var notificationTimer; // 通知计时器 var isHiding = false; // 标志,表示是否正在隐藏通知 let countSort_notificationTimeout = null;// 排序提示定时器 let temp_itemId = ''; class ToggleButtonComponent { constructor(localStorageKey, buttonText, dropdownContainer, useSpecialSwitch = 0, defaultState = false) { this.localStorageKey = localStorageKey; this.switchState = localStorage.getItem(this.localStorageKey) === null ? defaultState : localStorage.getItem(this.localStorageKey) === 'true'; this.buttonText = buttonText; this.dropdownContainer = dropdownContainer; this.useSpecialSwitch = useSpecialSwitch === 1; this.createComponent(); } createComponent() { // 创建按钮容器 this.buttonContainer = document.createElement('div'); this.buttonContainer.classList.add('flex', 'items-center', 'dropdown-item'); this.buttonContainer.style.cssText = 'padding: 12px 16px; user-select: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center;'; if (this.buttonText === '纯净模式') { this.buttonContainer.style.paddingTop = '0px'; } // 创建按钮文本 this.buttonTextElement = document.createElement('span'); this.buttonTextElement.textContent = this.buttonText; this.buttonTextElement.classList.add('lh-22'); this.buttonContainer.appendChild(this.buttonTextElement); if (this.useSpecialSwitch) { // 创建特殊开关样式按钮 this.createSpecialSwitch(); } else { // 创建普通按钮 this.createStandardButton(); } // 将按钮容器添加到下拉容器中 this.dropdownContainer.appendChild(this.buttonContainer); // 创建对应的空的子页面并设置样式 this.secondaryContent = document.createElement('div'); this.secondaryContent.id = this.localStorageKey + '-secondary-content'; this.secondaryContent.style.cssText = 'margin: 0px 10px; display: none; padding: 10px 12px; background: #E9E9E9; border: 1px solid #D2D2D2; border-radius: 10px;'; // 将子页面添加到按钮容器的下方 this.dropdownContainer.appendChild(this.secondaryContent); } createStandardButton() { this.button = document.createElement('button'); this.button.id = 'main_standardFunShowButton'; this.button.style.cssText = 'background: none; border: none; font-size: 16px; cursor: pointer; transition: transform 0.3s; margin: 0px 6px'; this.button.appendChild(createSVGIcon()); this.buttonContainer.appendChild(this.button); // 绑定点击事件 this.button.addEventListener('click', () => this.handleStandardButtonClick()); // 给标题绑定模拟点击开关事件 this.buttonTextElement.addEventListener('click', () => this.titleToSwitchClick()); } handleStandardButtonClick() { // 切换二级页面显示状态 const secondaryContent = document.getElementById(this.localStorageKey + '-secondary-content'); if (secondaryContent) { secondaryContent.style.display = secondaryContent.style.display === 'block' ? 'none' : 'block'; } else { console.log(`${this.buttonText} 二级页面异常`); } // 旋转按钮图标 const icon = this.button.querySelector('svg'); const rotation = icon.style.transform === 'rotate(90deg)' ? 'rotate(0deg)' : 'rotate(90deg)'; icon.style.transform = rotation; } createSpecialSwitch() { this.button = document.createElement('button'); this.button.innerHTML = '
'; this.button.setAttribute('type', 'button'); this.button.setAttribute('role', 'switch'); this.button.setAttribute('aria-checked', this.switchState); // 设置开关状态 this.button.classList.add('ant-switch', 'css-9fw9up'); if (this.switchState) { this.button.classList.add('ant-switch-checked'); } this.buttonContainer.appendChild(this.button); this.buttonContainer.style.cursor = 'default'; // 添加点击事件监听 this.button.addEventListener('click', () => this.handleSwitchClick()); } handleSwitchClick() { // 切换开关状态 const newState = this.button.getAttribute('aria-checked') === 'true' ? 'false' : 'true'; this.button.setAttribute('aria-checked', newState); if (newState === 'true') { this.button.classList.add('ant-switch-checked'); showNotification(`${this.buttonText}:开启`); } else { this.button.classList.remove('ant-switch-checked'); showNotification(`${this.buttonText}:关闭`); } // 更新开关状态 updateSwitchState(this.localStorageKey, newState === 'true'); } titleToSwitchClick() { // 模拟点击开关按钮 this.button.click(); } remove_titleToSwitchClick() { // 移除模拟点击开关按钮 this.buttonTextElement.removeEventListener('click', () => this.titleToSwitchClick()); } // 获取开关状态 getSwitchState() { if (noneDrawColor()) { return false; } else { return this.button.getAttribute('aria-checked') === 'true'; } } // 获取子页面元素 getSecondaryContent() { return this.secondaryContent; } } class SonToggleButtonComponent extends ToggleButtonComponent { constructor(localStorageKey, buttonText, dropdownContainer, descriptionText, useSpecialSwitch = false, defaultState = false) { super(localStorageKey, buttonText, dropdownContainer, useSpecialSwitch, defaultState); this.buttonText = buttonText; this.descriptionText = descriptionText; this.createAdditionalContent(); } // 创建附加内容容器 createAdditionalContent() { // 修改按钮文本样式并去除 class="lh-22" this.buttonTextElement.style.cssText = 'font-size: 14px; margin: 0;'; this.buttonTextElement.classList.remove('lh-22'); // 调整父类的内容容器样式 this.buttonContainer.style.cssText = 'display: flex; user-select: none; justify-content: space-between; align-items: center; padding: 0;'; // 新增的说明容器 this.descriptionContainer = document.createElement('div'); this.descriptionContainer.classList.add('description-content'); this.descriptionContainer.style.cssText = 'font-size: 12px; color: #9B9B9B; user-select: none; margin: 5px 0px; padding-bottom: 5px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D2D2D2; white-space: pre-wrap;'; this.descriptionContainer.textContent = this.descriptionText; if (this.descriptionText === '') this.descriptionContainer.style.paddingBottom = '0px'; // 子设置容器 this.childSettingsContainer = document.createElement('div'); this.childSettingsContainer.classList.add('child-settings'); this.childSettingsContainer.style.cssText = 'display: block; justify-content: space-between; align-items: center;'; // 初始化子开关容器的样式 this.updateSwitchStyle(); // 将说明容器和子设置容器添加到下拉容器中 this.dropdownContainer.appendChild(this.buttonContainer); this.dropdownContainer.appendChild(this.descriptionContainer); this.dropdownContainer.appendChild(this.childSettingsContainer); } // 重写createSpecialSwitch以添加额外的类 createSpecialSwitch() { // 确保父类方法被正确调用 super.createSpecialSwitch(); // 确保 this.button 已初始化 if (!this.button) { console.error('this.button is not initialized'); return; } if (this.buttonText === '自动填充') { // console.log(this.buttonText); this.button.addEventListener('click', () => this.autoInput_handleSwitchClick()); } // 添加额外的类 this.button.classList.add('ant-switch-small'); } // 独立的方法用于更新开关样式 updateSwitchStyle() { if (!this.getSwitchState()) { initializeContainerStyle(this.childSettingsContainer, false); // 使用函数初始化 } } // 控制单独组件的开启关闭 showSwitchDiv(flag) { if (flag) { initializeContainerStyle(this.buttonContainer, true); initializeContainerStyle(this.descriptionContainer, true); } else { initializeContainerStyle(this.buttonContainer, false); initializeContainerStyle(this.descriptionContainer, false); } } createSelectBox(options = ['', '0', '1', '2', '3', '999'], savedKey = this.localStorageKey + '_savedValue', container = this.buttonContainer) { // 先移除button元素 if (this.button) { this.buttonContainer.removeChild(this.button); } // 创建下拉框 const selectBox = document.createElement('select'); selectBox.setAttribute('id', this.localStorageKey + '-select-box'); selectBox.style.cssText = ` font-size: 14px; margin: 0; width: 42px; height: 18px; border: 1px solid rgb(155, 155, 155); background-color: rgb(249,249,249); color: rgb(155, 155, 155); border-radius: 20px; padding: 0 2.5%; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer; `; options.forEach(value => { const option = document.createElement('option'); option.value = value; option.style.cssText = ` text-align: center; padding: 0 5px; `; option.textContent = value === '' ? '空' : value; selectBox.appendChild(option); }); const savedValue = localStorage.getItem(savedKey) || options[1]; selectBox.value = savedValue; selectBox.addEventListener('change', () => { localStorage.setItem(savedKey, selectBox.value); updateSwitchState(this.localStorageKey, selectBox.value); // 悬浮时和激活时边框颜色变化 selectBox.style.borderColor = '#ff6200'; }); // 悬浮时和激活时边框颜色变化 selectBox.addEventListener('mouseover', function () { selectBox.style.borderColor = '#ff6200'; }); selectBox.addEventListener('mouseout', function () { if (!selectBox.matches(':focus')) { selectBox.style.borderColor = 'rgb(155, 155, 155)'; } }); selectBox.addEventListener('focus', function () { selectBox.style.borderColor = '#ff6200'; }); selectBox.addEventListener('blur', function () { selectBox.style.borderColor = 'rgb(155, 155, 155)'; }); container.appendChild(selectBox); } createDivButton(beforeText, afterText, onClickCallback = null, container = this.buttonContainer) { // 先移除button元素 if (this.button) { this.buttonContainer.removeChild(this.button); } this.beforeText = beforeText; this.afterText = afterText; this.onClickCallback = onClickCallback; // 功能开启按钮 this.divButton = document.createElement('div'); this.divButton.setAttribute('id', this.localStorageKey + '_divButton'); this.divButton.textContent = beforeText; this.divButton.style.cssText = ` font-size: 14px; margin: 0; width: 42px; height: 18px; border: 1px solid rgb(155, 155, 155); background-color: rgb(249,249,249); color: rgb(155, 155, 155); border-radius: 20px; padding: 0 2%; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer; user-select: none; text-align: center; `; // 悬浮时和激活时边框颜色变化 this.divButton.addEventListener('mouseover', () => { if (this.divButton.textContent === beforeText) { this.divButton.style.borderColor = '#ff6200'; } else { this.divButton.style.borderColor = 'rgb(155, 155, 155)'; } }); this.divButton.addEventListener('mouseout', () => { if (this.divButton.textContent === beforeText) { this.divButton.style.borderColor = 'rgb(155, 155, 155)'; } else { this.divButton.style.borderColor = 'rgb(249, 249, 249)'; } }); // 按钮点击事件 this.divButton.addEventListener('click', () => { this.toggleDivButtonState(); }); container.appendChild(this.divButton); } // 控制单独组件的开启关闭 toggleDivButtonState(isActivated = null) { // 如果提供了isActivated参数,则根据参数设置状态,否则根据当前状态切换 const shouldActivate = isActivated !== null ? isActivated : (this.divButton.textContent === this.beforeText); if (shouldActivate) { this.divButton.textContent = this.afterText; this.divButton.style.color = '#fff'; this.divButton.style.backgroundColor = '#ff0000'; this.divButton.style.borderColor = '#fff'; showNotification(`${this.buttonText}:开启`); if (this.onClickCallback) { this.onClickCallback(true); } } else { this.divButton.textContent = this.beforeText; this.divButton.style.color = 'rgb(155, 155, 155)'; this.divButton.style.backgroundColor = 'rgb(249,249,249)'; this.divButton.style.borderColor = 'rgb(155, 155, 155)'; showNotification(`${this.buttonText}:关闭`); if (this.onClickCallback) { this.onClickCallback(false); } } } // 判断开关开启状态 getDivButtonState() { if (this.divButton.textContent === this.beforeText) { return false;// 开关开启状态 } else { return true;// 开关关闭状态 } } createNumberControDiv(defaultNumber = 0, single = false, countType = 'none', savedKey = this.localStorageKey + '_savedValue', container = this.buttonContainer) { if (single) { //先移除button元素 if (this.button) { this.buttonContainer.removeChild(this.button); } } // 数字文本及SVG控制区 this.numberControDiv = document.createElement('div'); this.numberControDiv.style.cssText = ` font-size: 14px; display: flex; align-items: center; min-width: 42px; height: 18px; width: auto; border: 1px solid rgb(155, 155, 155); background-color: rgb(249,249,249); color: rgb(155, 155, 155); border-radius: 20px; padding: 0 2.5%; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: default; `; // 数字文本 this.countText = document.createElement('span'); this.countText.textContent = defaultNumber; // 使用默认数字 this.countText.style.cssText = 'font-size: 14px; margin: 0 auto; cursor: pointer;'; this.numberControDiv.appendChild(this.countText); // 创建函数来设置悬停颜色 function addHoverEffect(svgElement) { svgElement.addEventListener('mouseover', function () { var path = svgElement.querySelector('path'); if (path) { path.setAttribute('data-original-fill', path.getAttribute('fill')); path.setAttribute('fill', '#ff6200'); } }); svgElement.addEventListener('mouseout', function () { var path = svgElement.querySelector('path'); if (path) { path.setAttribute('fill', path.getAttribute('data-original-fill')); } }); } // SVG控制区 var svgControlDiv = document.createElement('div'); svgControlDiv.style.cssText = 'display: flex; flex-direction: column; justify-content: space-between; cursor: pointer;'; // 上方SVG var svgUp = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svgUp.setAttribute("width", "6"); svgUp.setAttribute("height", "6"); svgUp.setAttribute("viewBox", "0 0 1024 1024"); svgUp.innerHTML = ` `; addHoverEffect(svgUp); svgControlDiv.appendChild(svgUp); // 下方SVG var svgDown = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svgDown.setAttribute("width", "6"); svgDown.setAttribute("height", "6"); svgDown.setAttribute("viewBox", "0 0 1024 1024"); svgDown.innerHTML = ` `; addHoverEffect(svgDown); svgControlDiv.appendChild(svgDown); svgUp.addEventListener('click', () => this.updateCount(1, 'countInput')); svgDown.addEventListener('click', () => this.updateCount(-1, 'countInput')); this.numberControDiv.appendChild(svgControlDiv); container.appendChild(this.numberControDiv); // 绑定点击事件以显示弹窗 this.countText.addEventListener('click', () => { createDropdownModal(dropdownContainer, '输入计数').then((inputValue) => { // console.log('用户输入:', inputValue); if (parseInt(inputValue) >= 0 && parseInt(inputValue) <= 999) { this.countText.textContent = inputValue; // 更新显示的数字 this.countSort_reShowNotification(0); // 更新通知 } else if (parseInt(inputValue) > 999) { showNotification('输入值超过了合理的范围', 1500); } else { showNotification('输入值必须为正整数', 1500); } }).catch((error) => { // console.log('弹窗取消:', error); }); }); } // 用于更新数字文本的方法 updateCount(increment, notificationType) { let currentValue = parseInt(this.countText.textContent); currentValue += increment; this.setCount(currentValue); if (notificationType === 'countInput') { if (this.getCount() > 0) { showNotification(`下一个输入序号:${currentValue}`, 0); } else { this.setCount(1); showNotification('当前已是最小序号', 1500); this.countSort_reShowNotification(); } } } // 获取当前的计数 getCount() { return this.countText.textContent; } // 设置当前计数 setCount(count) { this.countText.textContent = count; } // 控制numberControDiv显示/隐藏的方法 showNumberControlDiv(visible) { if (this.numberControDiv) { this.numberControDiv.style.display = visible ? 'flex' : 'none'; } } // 常显通知方法 countSort_reShowNotification(show_time = 1500) { if (countSort_notificationTimeout) { clearTimeout(countSort_notificationTimeout); } countSort_notificationTimeout = setTimeout(() => { if (this.getDivButtonState()) { showNotification("下一个输入序号:" + this.getCount(), 0); } countSort_notificationTimeout = null; }, show_time); // 延迟后触发 } // 重写handleSwitchClick以控制子页面的可点击性 handleSwitchClick() { super.handleSwitchClick(); const newState = this.getSwitchState(); initializeContainerStyle(this.childSettingsContainer, newState); } // 获取子设置容器 getChildSettingsContainer() { return this.childSettingsContainer; } getSelectBoxValue() { const selectBox = this.buttonContainer.querySelector('select'); return selectBox ? selectBox.value : null; } } // 创建开关容器元素 var switchesContainer = document.createElement('div'); switchesContainer.classList.add('flex', 'items-center', 'justify-between', 'pb-12'); switchesContainer.style.cssText = 'position: fixed; top: 0px; left: 50%; transform: translateX(-50%); z-index: 9999;'; if (isHomeURL()) { document.body.appendChild(switchesContainer); } // 封装函数返回SVG图标 function createSVGIcon() { var svgIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svgIcon.setAttribute('class', 'icon custom-svg'); // 添加自定义类名 svgIcon.setAttribute('viewBox', '0 0 1024 1024'); svgIcon.setAttribute('width', '20'); svgIcon.setAttribute('height', '20'); svgIcon.setAttribute('fill', '#bbbbbb'); svgIcon.innerHTML = ''; svgIcon.style.cssText = 'vertical-align: middle;'; // 垂直居中样式 return svgIcon; } // 添加事件监听用于下拉箭头 document.addEventListener('mouseenter', function (event) { if (event.target instanceof Element && event.target.matches('svg.icon.custom-svg')) { // 仅匹配具有自定义类名的SVG event.target.setAttribute('fill', '#ff6200'); } }, true); document.addEventListener('mouseleave', function (event) { if (event.target instanceof Element && event.target.matches('svg.icon.custom-svg')) { // 仅匹配具有自定义类名的SVG event.target.setAttribute('fill', '#bbbbbb'); } }, true); var dropdown_style = document.createElement('style'); dropdown_style.textContent = ` @keyframes dropdownContentAnimation { 0% { transform: translateX(-50%) translateY(14px) scale(0); } 100% { transform: translateX(-50%) translateY(0) scale(1); } } @keyframes dropdownContentExitAnimation { 0% { transform: translateX(-50%) translateY(0) scale(1); } 100% { transform: translateX(-50%) translateY(14px) scale(0); } } #dropdownContent.show { animation: dropdownContentAnimation 0.3s ease-out; } #dropdownContent.hide { animation: dropdownContentExitAnimation 0.3s ease-out; } @keyframes dropdownButtonAnimation { 0% { transform: scale(1); } 35% { transform: scale(1.15, 1.3); } 85% { transform: scale(0.94); } 100% { transform: scale(1); } } #dropdownButtonAnimate.animate { animation: dropdownButtonAnimation 0.45s ease-out; } `; document.head.appendChild(dropdown_style); var dropdownContainer = document.createElement('div'); dropdownContainer.style.cssText = 'position: relative; display: inline-block;'; var dropdownButtonName = '更多功能'; var dropdownButton = document.createElement('button'); dropdownButton.id = 'dropdownButtonAnimate'; // 添加 id 以便于应用动画 dropdownButton.textContent = dropdownButtonName; dropdownButton.style.cssText = 'margin-top: 0px; padding: 0px 10px; cursor: pointer; border-radius: 999px;z-index: 3;'; dropdownButton.classList.add('ant-btn', 'css-9fw9up', 'ant-btn-default', 'primaryButton___N3z1x'); var dropdownDeck = document.createElement('div'); dropdownDeck.style.cssText = ` top: 0; left: 0; width: 200px; height: 60px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; `; var dropdownContent = document.createElement('div'); dropdownContent.id = 'dropdownContent'; dropdownContent.style.cssText = ` display: none; position: absolute; background-color: #f9f9f9; top: 0px; left: 50%; transform: translateX(-50%); min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 16px; max-height: 360px; overflow-y: auto; /* 使用 auto 可以根据内容是否溢出显示滚动条 */ scrollbar-width: none; /* 隐藏滚动条,适用于 Firefox */ -ms-overflow-style: none; /* 隐藏滚动条,适用于 IE 和 Edge */ transform-origin: top center; `; // 获取内容的显示状态 function getDropdownContentDisplayState() { return dropdownContent.style.display !== 'none'; // 返回 true 表示可见,false 表示不可见 } var dropdownMask = document.createElement('div'); dropdownMask.style.cssText = ` position: sticky; top: 0; left: 0; width: 200px; height: 60px; backdrop-filter: none; border-radius: 10px 10px 0 0; box-sizing: border-box; border-bottom: 0px solid #DDD; z-index: 99; /* 确保遮罩在内容上方 */ display: flex; justify-content: center; align-items: center; background-color: rgba(249, 249, 249, 0); `; dropdownDeck.appendChild(dropdownButton); dropdownContainer.appendChild(dropdownDeck); dropdownContent.appendChild(dropdownMask); dropdownContainer.appendChild(dropdownContent); switchesContainer.appendChild(dropdownContainer); function on_dropdownMask() { dropdownMask.style.borderBottom = '1px solid #DDD'; dropdownMask.style.backdropFilter = 'blur(8px) brightness(90%)'; dropdownMask.style.backgroundColor = 'rgba(249, 249, 249, 0.5)'; } function off_dropdownMask() { dropdownMask.style.borderBottom = '0px solid #DDD'; dropdownMask.style.backdropFilter = 'none'; dropdownMask.style.backgroundColor = 'rgba(249, 249, 249, 0)'; } dropdownButton.addEventListener('click', function () { // 强制重新开始动画 this.classList.remove('animate'); // 使用 requestAnimationFrame 确保动画类已被移除 requestAnimationFrame(() => { this.classList.add('animate'); }); this.addEventListener('animationend', function () { this.classList.remove('animate'); }, { once: true }); if (dropdownContent.style.display === 'none' || dropdownContent.classList.contains('hide')) { dropdownContent.style.display = 'block'; pureMode_infoDisplay(pureSwitch.getSwitchState()); dropdownContent.classList.remove('hide'); dropdownContent.classList.add('show'); if (dropdownContent.scrollTop > 0) { on_dropdownMask(); } } else { dropdownContent.classList.remove('show'); dropdownContent.classList.add('hide'); dropdownContent.addEventListener('animationend', function onAnimationEnd() { if (dropdownContent.classList.contains('hide')) { dropdownContent.style.display = 'none'; pureMode_infoDisplay(pureSwitch.getSwitchState()); off_dropdownMask(); } dropdownContent.removeEventListener('animationend', onAnimationEnd); }); } }); dropdownContent.addEventListener('scroll', function () { if (dropdownContent.scrollTop > 0 && dropdownContent.style.display !== 'none') { on_dropdownMask(); } else { off_dropdownMask(); } }); window.addEventListener('click', function (event) { if (!dropdownContainer.contains(event.target)) { if (dropdownContent.style.display === 'block') { dropdownContent.classList.remove('show'); dropdownContent.classList.add('hide'); // 强制重新开始动画 dropdownButton.classList.remove('animate'); // 使用 requestAnimationFrame 确保动画类已被移除 requestAnimationFrame(() => { dropdownButton.classList.add('animate'); }); dropdownButton.addEventListener('animationend', function () { this.classList.remove('animate'); }, { once: true }); dropdownContent.addEventListener('animationend', function onAnimationEnd() { if (dropdownContent.classList.contains('hide')) { dropdownContent.style.display = 'none'; off_dropdownMask(); pureMode_infoDisplay(pureSwitch.getSwitchState()); } dropdownContent.removeEventListener('animationend', onAnimationEnd); }); } } }); class PIPManager { constructor(itemLink, spanElement, isHorizontal) { this.itemLink = itemLink; this.spanElement = spanElement; this.isHorizontal = isHorizontal; this.PIP = this.createPIP(); this.ctrlBar = this.createControlBar(); this.bar = this.createBar(); this.witheCtrlBar = this.createWitheCtrlBar(); this.iframe = this.createIframe(); this.spanElement.onclick = this.togglePIP.bind(this); this.collapseButton = null; // 用于存储收起后的矩形按钮 // 初始化状态 this.isDragging = false; this.offsetX = 0; this.offsetY = 0; this.isCollapsed = false; // 收起状态 // 添加拖动事件监听(只在控制条上) this.bar.addEventListener('mousedown', this.startDrag.bind(this)); document.addEventListener('mouseup', this.stopDrag.bind(this)); document.addEventListener('mousemove', this.drag.bind(this)); // 监听窗口大小变化 window.addEventListener('resize', this.onWindowResize.bind(this)); } countSclaeWidthAndHeight(p) { const scale = this.getDisplayScale(); const calculatedLength = p / scale; if (calculatedLength > 90) { return 90; } if (calculatedLength < 45) { return 45; } return calculatedLength; } createPIP() { const PIP = document.createElement('div'); PIP.id = 'mini_PIP'; PIP.style.cssText = ` position: fixed; bottom: 10px; background-color: rgba(0, 0, 0, 0.5); padding: 5px; padding-top: 3px; border-radius: 24px; display: none; z-index: 1099; backdrop-filter: blur(10px) brightness(90%); overflow: hidden; transform: scale(1); transition: transform 0.5s ease, opacity 0.5s ease; /* 更新过渡效果时间 */ `; if (sonMain_PIP_defautPosition.getSelectBoxValue() === '左侧') { PIP.style.left = '10px'; PIP.style.transformOrigin = 'bottom left'; /* 设置缩放的锚点 */ } else { PIP.style.right = '10px'; PIP.style.transformOrigin = 'bottom right'; /* 设置缩放的锚点 */ } PIP.style.width = this.isHorizontal ? "1300px" : "360px"; PIP.style.transform = `scale(${this.getDisplayScale()})`; PIP.style.height = this.isHorizontal ? this.countSclaeWidthAndHeight(90) + "%" : this.countSclaeWidthAndHeight(90) + "%"; return PIP; } getDisplayScale(isHorizontal = this.isHorizontal) { const displayWidth = window.innerWidth; let displayScale = displayWidth / 1530; if (isHorizontal) { return displayScale * 0.7; } else { return displayScale; } } getBarDisplayPX(px, isHorizontal = this.isHorizontal) { return px / this.getDisplayScale(isHorizontal) + 'px'; } onWindowResize() { // 调整PIP的缩放比例和尺寸 const newScale = this.getDisplayScale(); this.PIP.style.transform = `scale(${newScale})`; // 重新计算PIP的高度 this.PIP.style.height = this.isHorizontal ? this.countSclaeWidthAndHeight(90) + "%" : this.countSclaeWidthAndHeight(90) + "%"; // 调整控制条的高度和其他尺寸 this.ctrlBar.style.height = this.getBarDisplayPX(12); this.ctrlBar.style.fontSize = this.getBarDisplayPX(10); // 动态调整 ctrlBar 的字体大小 this.bar.style.height = this.getBarDisplayPX(7); this.bar.style.width = this.getBarDisplayPX(60); } createControlBar() { const ctrlBar = document.createElement('div'); ctrlBar.style.cssText = ` height: ${this.getBarDisplayPX(12)}; width: 100%; background-color: rgba(0, 0, 0, 0); z-index: 1101; margin-bottom: 3px; font-size: ${this.getBarDisplayPX(10)}; /* 初始字体大小 */ `; return ctrlBar; } createWitheCtrlBar() { const witheCtrlBar = document.createElement('div'); witheCtrlBar.style.cssText = ` display: flex; align-items: center; /* 垂直居中 */ justify-content: space-between; /* 左右对齐 */ height: 100%; width: calc(100% - 20px); margin: 0 auto; position: relative; /* 使子元素可以绝对定位 */ `; const leftButtonsContainer = document.createElement('div'); leftButtonsContainer.style.cssText = ` display: flex; align-items: center; /* 垂直居中 */ justify-content: flex-start; /* 左对齐 */ height: 100%; `; const rightButtonsContainer = document.createElement('div'); rightButtonsContainer.style.cssText = ` display: flex; align-items: center; /* 垂直居中 */ justify-content: flex-end; /* 右对齐 */ height: 100%; `; this.returnButton = this.createBarButton("返回", "returnButton", "left"); this.newWindowButton = this.createBarButton("新窗口", "newWindowButton", "right", "rgb(0, 145, 255)"); this.closeButton = this.createBarButton("关闭", "closeButton", "right", "rgba(236, 40, 39, 0.5)"); this.reloadButton = this.createBarButton("刷新", "reloadButton", "left"); this.collapseButton = this.createBarButton("收起", "collapseButton", "right"); // 添加按钮点击事件 this.closeButton.addEventListener('click', this.closePIP.bind(this)); this.reloadButton.addEventListener('click', this.reloadPIP.bind(this)); this.returnButton.addEventListener('click', this.returnPIP.bind(this)); this.newWindowButton.addEventListener('click', this.newWindowPIP.bind(this)); this.collapseButton.addEventListener('click', this.toggleCollapse.bind(this)); leftButtonsContainer.appendChild(this.returnButton); leftButtonsContainer.appendChild(this.reloadButton); rightButtonsContainer.appendChild(this.collapseButton); rightButtonsContainer.appendChild(this.newWindowButton); rightButtonsContainer.appendChild(this.closeButton); // 按钮隐藏 if (!this.isHorizontal) { this.newWindowButton.style.display = 'none'; } // 将按钮容器添加到witheCtrlBar witheCtrlBar.appendChild(leftButtonsContainer); witheCtrlBar.appendChild(this.bar); witheCtrlBar.appendChild(rightButtonsContainer); return witheCtrlBar; } createBar() { const bar = document.createElement('div'); bar.style.cssText = ` height: ${this.getBarDisplayPX(7)}; mangrgin-bottom: 1px; width: 60px; background-color: rgba(255, 255, 255, 0.5); border-radius: 999px; position: absolute; left: 50%; transform: translateX(-50%); `; return bar; } createBarButton(buttonName = "按钮", buttonId = "mini-PIP-barButton", position = "center", bg_color = "rgba(173, 173, 173, 0.5)") { const newButton = document.createElement('button'); newButton.id = buttonId; newButton.style.cssText = ` font-size: 1em; /* 使用em单位来确保字体大小跟随ctrlBar */ padding: 0 10px; background-color: ${bg_color}; border: none; border-radius: 999px; margin: 0 5px; color: white; cursor: pointer; user-select: none; `; newButton.innerText = buttonName; if (position === "left") { newButton.style.marginRight = 'auto'; } else if (position === "right") { newButton.style.marginLeft = 'auto'; } return newButton; } createIframe() { const iframe = document.createElement('iframe'); iframe.style.cssText = ` display: block; width: 100%; height: calc(100% - ${this.ctrlBar.style.height} - ${this.ctrlBar.style.marginBottom}); border: none; border-radius: 19px; z-index: 1099; transition: opacity 0.3s ease; `; return iframe; } togglePIP() { const pipElement = document.getElementById('mini_PIP'); const pip_restore_button = document.getElementById('pip_restore_button'); if (pip_restore_button) { pip_restore_button.remove(); // 先移除恢复按钮 } if (pipElement) { pipElement.parentElement.removeChild(pipElement); } // 先添加控制条,再添加iframe this.ctrlBar.appendChild(this.witheCtrlBar); this.PIP.appendChild(this.ctrlBar); this.PIP.appendChild(this.iframe); document.body.appendChild(this.PIP); this.iframe.src = this.itemLink; this.PIP.style.transition = 'transform 0.3s ease, opacity 0.3s ease'; // 过渡效果 this.PIP.style.display = 'block'; setTimeout(() => { this.PIP.style.opacity = '1'; // 恢复透明度 }, 0); adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState()); } startDrag(event) { // adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState(), true); this.isDragging = true; this.offsetX = event.clientX - this.PIP.offsetLeft; this.offsetY = event.clientY - this.PIP.offsetTop; this.bar.style.cursor = 'grabbing'; this.iframe.style.opacity = '0'; // 透明 } stopDrag() { this.isDragging = false; this.bar.style.cursor = 'grab'; // adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState()); this.iframe.style.opacity = '1'; // 取消透明 } drag(event) { if (this.isDragging) { this.PIP.style.left = `${event.clientX - this.offsetX}px`; this.PIP.style.top = `${event.clientY - this.offsetY}px`; adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState()); this.iframe.style.zIndex = '1'; // 置于底层 } } closePIP() { // this.PIP.style.display = 'none'; this.PIP.style.transformOrigin = 'center center'; // 设置缩放的锚点 this.PIP.style.transform = 'scale(0.1)'; // 缩小 this.PIP.style.opacity = '0'; // 逐渐透明 adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState(), true); setTimeout(() => { this.PIP.style.display = 'none'; this.PIP.style.transform = `scale(${this.getDisplayScale()})`; // 恢复 this.PIP.style.transformOrigin = 'bottom right;'; // 设置缩放 }, 300); // 等待动画结束后再隐藏 } reloadPIP() { this.iframe.src = this.iframe.src; } returnPIP() { window.history.back(); } newWindowPIP() { window.open(this.itemLink); } toggleCollapse() { if (this.isCollapsed) { this.expandPIP(); } else { this.collapsePIP(); } } collapsePIP() { this.PIP.style.transformOrigin = ''; // 设置缩放的锚点 // 获取当前PIP的位置 const pipRect = this.PIP.getBoundingClientRect(); const centerX = pipRect.left + pipRect.width / 2; // 判断PIP位置,决定收起方向 const isLeftSide = centerX < window.innerWidth / 2; // 计算目标位置的中心点 const targetX = isLeftSide ? -(window.innerWidth / 2) : (window.innerWidth / 2); // 收起到左侧或右侧 // 设置PIP收起动画 this.PIP.style.transition = 'transform 0.5s ease, opacity 0.5s ease'; // 过渡效果 this.PIP.style.transform = `translate(${targetX}px, 0px) scale(0.1)`; // 缩小并移动到目标位置 this.PIP.style.opacity = '0'; // 逐渐透明 adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState(), true); setTimeout(() => { setTimeout(() => { this.PIP.style.display = 'none'; }, 200); // 等待动画结束后再隐藏 this.createRestoreButton(isLeftSide); // 创建恢复按钮 this.isCollapsed = true; // 设置为已收起状态 }, 300); // 等待动画结束后再隐藏 } expandPIP() { this.PIP.style.transformOrigin = ''; // 设置缩放的锚点 this.PIP.style.display = 'block'; this.PIP.style.bottom = '10px'; // 恢复到原位置 this.PIP.style.right = '10px'; // 恢复到原位置 adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState()); setTimeout(() => { this.PIP.style.transform = `scale(${this.getDisplayScale()})`; this.PIP.style.opacity = '1'; // 恢复透明度 this.removeRestoreButton(); // 移除恢复按钮 this.PIP.style.transformOrigin = 'bottom right'; // 设置缩放的锚点 }, 0); // 立即开始动画 this.isCollapsed = false; // 设置为未收起状态 } createRestoreButton(isLeftSide) { const restoreButton = document.createElement('div'); restoreButton.id = 'pip_restore_button'; restoreButton.style.cssText = ` position: fixed; bottom: 50%; /* 调整到50%高度位置 */ ${isLeftSide ? 'left' : 'right'}: 0px; /* 根据位置调整 */ width: 52px; height: 50px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; ${isLeftSide ? 'border-top-left-radius: 0px;' : 'border-top-right-radius: 0px;'} /* 调整圆角 */ ${isLeftSide ? 'border-bottom-left-radius: 0px;' : 'border-bottom-right-radius: 0px;'} /* 调整圆角 */ z-index: 1100; cursor: pointer; transition: opacity 0.3s ease; `; restoreButton.addEventListener('click', this.expandPIP.bind(this)); const iconDiv = document.createElement('div'); const imgUrl = getTableCardImageUrl(); iconDiv.style.cssText = ` width: 40px; height: 40px; margin: 5px; ${isLeftSide ? 'margin-left' : 'margin-right'}: 7px; /* 根据位置调整 */ ${imgUrl ? 'background-image: url(' + imgUrl + ');' : 'background-image: url("https://www.taobao.com/favicon.ico");'} background-size: cover; border-radius: 5px; `; restoreButton.appendChild(iconDiv); document.body.appendChild(restoreButton); this.restoreButton = restoreButton; // 存储恢复按钮引用 } removeRestoreButton() { if (this.restoreButton) { document.body.removeChild(this.restoreButton); this.restoreButton = null; // 清除引用 } } } // 版本描述区域 var versionTitle = document.createElement('p'); versionTitle.textContent = versionTitleTxt; versionTitle.style.cssText = ` font-size: 12px; line-height: 1.8; /* 调整行高 */ margin: 0 20px; justify-content: center; /* 使用 flex 居中对齐 */ align-items: center; border-top: 1px solid #D2D2D2; text-align: center; /* 居中文本 */ color: #9B9B9B; display: flex; /* 添加 display: flex 以使用 flexbox 布局 */ cursor: pointer; /* 鼠标指针 */ user-select: none; `; var isExpanded_versionTitle = false; // 用于跟踪当前状态 // 悬浮时显示“展开所有菜单”或“折叠所有菜单” versionTitle.addEventListener('mouseover', function () { versionTitle.textContent = isExpanded_versionTitle ? '折叠所有菜单' : '展开所有菜单'; }); // 鼠标移开时恢复原始文本 versionTitle.addEventListener('mouseout', function () { versionTitle.textContent = versionTitleTxt; }); // 点击事件处理 versionTitle.addEventListener('click', function () { // 执行点击操作,展开或折叠所有菜单 document.querySelectorAll('#main_standardFunShowButton').forEach(button => button.click()); // 切换状态并更新悬浮文本 isExpanded_versionTitle = !isExpanded_versionTitle; versionTitle.textContent = versionTitleTxt; // 恢复原始文本 }); // 更新本地存储的开关状态 var updateSwitchState = function (switchName, newState) { localStorage.setItem(switchName, newState.toString()); }; // 通用子菜单容器样式的函数 function initializeContainerStyle(container, state) { if (!state) { container.style.opacity = '0.4';// 设置透明度使内容变浅 container.style.pointerEvents = 'none';// 禁止点击操作 } else { container.style.opacity = '';// 恢复透明度 container.style.pointerEvents = '';// 恢复点击操作 } } var notification_style = document.createElement('style'); notification_style.type = 'text/css'; notification_style.innerHTML = ` @keyframes showNotification { 0% { transform: translateX(-50%) scale(0); } 40% { transform: translateX(-50%) scale(.96); } 55% { transform: translateX(-50%) scale(1.04); } 100% { transform: translateX(-50%) scale(1); } } @keyframes hideNotification { 5% { transform: translateX(-50%) scale(1); } 100% { opacity: 0; transform: translateX(-50%) scale(0.2); } } @keyframes notificationButtonAnimation { 0% { transform: translateX(-50%) scale(1); } 100% { transform: translateX(-50%) scale(1.15); opacity: 0;} } .notification { cursor: default; position: fixed; bottom: 60px; left: 50%; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 10px; border-radius: 12px; display: none; z-index: 9999; backdrop-filter: blur(10px) brightness(90%); /* 添加模糊效果 */ -webkit-backdrop-filter: blur(10px); /* 兼容Safari浏览器 */ transform-origin: center; width: auto; /* 默认宽度 */ max-width: 68%; white-space: nowrap; /* 单行显示 */ overflow: hidden; /* 超出内容隐藏 */ text-overflow: ellipsis; /* 溢出省略号 */ text-align: center; /* 文本居中显示 */ transform: translateX(-50%); /* 初始水平居中 */ } `; document.head.appendChild(notification_style); // 创建通知弹窗 var NotificationContainer = document.createElement('div'); NotificationContainer.classList.add('notification'); NotificationContainer.id = 'showNotificationContainer'; document.body.appendChild(NotificationContainer); // 将开关和按钮加入页面 // 添加纯净模式开关控件 const pureSwitch = new ToggleButtonComponent('pureSwitch', '纯净模式', dropdownContent, 1); // 添加复制开关控件 const old_copySwitchContainer = new ToggleButtonComponent('copySwitch', '点击店名复制', dropdownContent); // 添加手卡截图开关控件 const tableCardPngSwitchContainer = new ToggleButtonComponent('tableCardPngSwitchState', '快捷截图', dropdownContent,); // 添加画中画开关控件 const pictureInPictureSwitchContainer = new ToggleButtonComponent('pictureInPictureSwitchState', '小窗模式', dropdownContent); // 添加辅助功能开关控件 const AuxiliaryFunctionsContainer = new ToggleButtonComponent('AuxiliaryFunctionsContainer', '辅助功能', dropdownContent); dropdownContent.appendChild(versionTitle); // 版本说明 // 复制开关子功能区域 const main_copySwitch = old_copySwitchContainer.getSecondaryContent(); const copySwitchContainer = new SonToggleButtonComponent('copySwitchContainer', '点击店名复制', main_copySwitch, "点击店铺名称时,自动复制店铺链接到剪切板", 1); const copySwitch_onlyPart = new SonToggleButtonComponent('copySwitch_onlyPart', '部分复制触发方式', copySwitchContainer.getChildSettingsContainer(), "设置复制部分内容的触发方式", 1); const copySwitch_onlyPart_clickCount = ['单击', '双击']; copySwitch_onlyPart.createSelectBox(copySwitch_onlyPart_clickCount); const copySwitch_smartCpoy = new SonToggleButtonComponent('copySwitch_smartCpoy', '复制长度', copySwitchContainer.getChildSettingsContainer(), "设置复制内容的长度", 1); const copySwitch_smartCpoy_length = ['默认', '智能']; copySwitch_smartCpoy.createSelectBox(copySwitch_smartCpoy_length); // 快捷截图子功能区域 const main_tableCardPngSwitch = tableCardPngSwitchContainer.getSecondaryContent(); const sonMain_tableCardPngSwitch = new SonToggleButtonComponent('main_tableCardPngSwitch', '手卡截图', main_tableCardPngSwitch, "截取当前页面的手卡并添加到剪切板", 1); const tableCardPng_resolution = new SonToggleButtonComponent('mainTableCardPng_resolution', '清晰度', sonMain_tableCardPngSwitch.getChildSettingsContainer(), "设置截图的清晰度\n\n注意:更低的清晰度并不能提高截图的响应速度", 1); const tableCardPng_resolution_select = ['普通', '高清', '超清']; tableCardPng_resolution.createSelectBox(tableCardPng_resolution_select); const tableCardPng_checkItemIdRow = new SonToggleButtonComponent('tableCardPng_checkItemIdRow', '上播ID核对', sonMain_tableCardPngSwitch.getChildSettingsContainer(), "截图时在手卡中添一行“上播ID”,以便核对是否正确", 1); const tableCardPng_checkItemIdRow_onlyPng = new SonToggleButtonComponent('tableCardPng_checkItemIdRow_onlyPng', '仅截图时显示', tableCardPng_checkItemIdRow.getChildSettingsContainer(), "开启后仅在截图时会含有“上播id核对行”", 1); // 画中画子功能区域 const main_pictureInPictureSwitch = pictureInPictureSwitchContainer.getSecondaryContent(); const sonMain_pictureInPictureSwitch = new SonToggleButtonComponent('main_pictureInPictureSwitch', '小窗模式', main_pictureInPictureSwitch, "开启后,支持小窗模式的内容将会以小窗的形式呈现", 1); const sonMain_PIP_defautPosition = new SonToggleButtonComponent('main_PIP_defautPosition', '默认位置', sonMain_pictureInPictureSwitch.getChildSettingsContainer(), "设置小窗的默认位置", 1); const sonMain_PIP_defautPosition_select = ['左侧', '右侧']; sonMain_PIP_defautPosition.createSelectBox(sonMain_PIP_defautPosition_select); const sonMain_PIP_autoAdjust = new SonToggleButtonComponent('main_PIP_autoAdjust', '手卡位置自适应', sonMain_pictureInPictureSwitch.getChildSettingsContainer(), "开启后,在小窗模式下会自动调整手卡位置", 1, true); // 辅助功能子功能区域 const AuxiliaryFunctions_container = AuxiliaryFunctionsContainer.getSecondaryContent(); const sAF_backToLastCurrentURL = new SonToggleButtonComponent('sAF_backToLastCurrentURL', '最近浏览', AuxiliaryFunctions_container, "会主动提示上次浏览的场次页面,点击弹出的通知会跳转到上次浏览的场次页面", 1, true); const sAF_closeBrowserUpdateDiv = new SonToggleButtonComponent('sAF_closeBrowserUpdateDiv', '关闭浏览器更新提示', AuxiliaryFunctions_container, "关闭浏览器更新提示,防止影响使用\n(已累计关闭" + getCloseCount() + "次)", 1, true); const sAF_AdvanceTableCardTitle = new SonToggleButtonComponent('sAF_AdvanceTableCardTitle', '手卡标题优化', AuxiliaryFunctions_container, "优化手卡标题,使其更易于识别", 1, true); const sAF_AdvanceTableCardPage = new SonToggleButtonComponent('sAF_AdvanceTableCardPage', '手卡页面优化', AuxiliaryFunctions_container, "优化手卡页面,隐藏顶栏与禁用词窗口", 1, true); const sAF_AdvanceBatchPrint = new SonToggleButtonComponent('sAF_AdvanceBatchPrint', '手卡打印功能优化', AuxiliaryFunctions_container, "优化打印页面默认文件名,允许仅打印手卡的部分区域并添加“上播ID核对”区域,\n添加“编辑手卡”按钮", 1, true); const sAF_AdvanceBatchPrint_alwaysDisplay = new SonToggleButtonComponent('sAF_AdvanceBatchPrint_alwaysDisplay', '总是显示ID核对行', sAF_AdvanceBatchPrint.getChildSettingsContainer(), "总是显示ID核对行,不论是否仅打印手卡的部分区域", 1, true); const sAF_FristPhotoCopyForTmallAndTaobao = new SonToggleButtonComponent('sAF_FristPhotoCopyForTmallAndTaobao', '天猫&淘宝主图复制', AuxiliaryFunctions_container, "在天猫或淘宝的主图上点击“复制图片”按钮,以快速将图片拷贝到剪切板\n\n注意:此功能会需要多个网页的剪切板访问权限", 1, true); // 单击和双击事件的延迟和计数器 var delay = 200; // 延迟时间,单位毫秒 var timer = null; // 监听鼠标左键点击事件 document.addEventListener('click', function (event) { // 检查是否开启了点击复制功能且在匹配的网址上 if (copySwitchContainer.getSwitchState() && isHomeURL()) { clearTimeout(timer); timer = setTimeout(function () { handleMouseClick(event, event.detail === 2); }, delay); } }); // 鼠标点击响应事件 function handleMouseClick(event, isDoubleClick = false) { if (event.target && event.target.classList.contains('link-overflow-tip') && event.target.closest('#MarkHighlight-shopDetail-outShopName')) { var text = event.target.textContent; // 根据是否处于双击模式及点击类型,决定复制的文本内容 if (toggleDoubleClickMode()) { if (isDoubleClick) { if (toggleSmartCopyLength()) { copiedText = processText(text); } else { copiedText = text.substring(0, 3); } } else { copiedText = text.substring(); } } else { if (isDoubleClick) { copiedText = text.substring(); } else { if (toggleSmartCopyLength()) { copiedText = processText(text); } else { copiedText = text.substring(0, 3); } } } clipboardHistory = text; GM_setClipboard(copiedText); showNotification("复制成功:" + copiedText); } } // 返回单击和双击模式的切换函数 function toggleDoubleClickMode() { const isDoubleClickMode = copySwitch_onlyPart.getSelectBoxValue(); switch (isDoubleClickMode) { case '单击': return false; case '双击': return true; default: return false; } } // 返回复制长度的切换函数 function toggleSmartCopyLength() { const smartCopyLength = copySwitch_smartCpoy.getSelectBoxValue(); switch (smartCopyLength) { case '默认': return false; case '智能': return true; default: return false; } } // 生成过滤词汇的正则表达式 var chineseFilterWords = ["旗舰店", "旗舰", "商品", "海外", "官方", "食品", "化妆品", "生活馆", "专营店", "国旅", "数码", "医药", "专卖店", "饮品", "女装", "男装", "企业店", "童装", "中国", "集团"]; var chineseFilterRegex = new RegExp(chineseFilterWords.join('|'), 'g'); // 合并成一个正则表达式 // 检查文本开头并根据要求处理 function processText(text) { var englishPattern = /^[A-Za-z\s.,!?;:'"-]+/; // 匹配以英文开头的部分,包含常见符号 // 检查是否以英文开头 var match = text.match(englishPattern); if (match) { // 如果以英文开头,返回匹配的英文部分 return match[0]; } else { // 如果以中文开头,使用正则表达式过滤指定词汇 return text.replace(chineseFilterRegex, ''); } } // 添加鼠标悬浮和移出事件监听器 NotificationContainer.addEventListener('mouseenter', function () { clearTimeout(notificationTimer); // 悬浮时清除计时器 // console.log('Mouse entered notification'); // 调试日志 }); NotificationContainer.addEventListener('mouseleave', function () { // console.log('Mouse left notification'); // 调试日志 var time = 3000; resetTimer(time); // 移出时重置计时器 }); function showNotification(message, duringTime = 3000, showImage = false) { // 清除之前的计时器 if (notificationTimer) { clearTimeout(notificationTimer); } // 重置隐藏标志 isHiding = false; // 重置通知样式 NotificationContainer.innerHTML = ''; NotificationContainer.style.width = 'auto'; NotificationContainer.style.transform = 'translateX(-50%)'; NotificationContainer.style.animation = 'none'; NotificationContainer.style.padding = '10px'; // 短暂移除并重新添加通知元素,强制触发动画 document.body.removeChild(NotificationContainer); setTimeout(() => { document.body.appendChild(NotificationContainer); // 设置通知文本内容 NotificationContainer.innerHTML = message; // 如果指定了显示图片,则读取剪贴板中的图片并显示 if (showImage) { NotificationContainer.style.padding = '5px'; navigator.clipboard.read().then(async function (data) { for (const item of data) { for (const type of item.types) { if (type.startsWith('image/')) { const blob = await item.getType(type); const imageURL = URL.createObjectURL(blob); const imageElement = document.createElement('img'); imageElement.src = imageURL; imageElement.style.width = '300px'; imageElement.style.borderRadius = '8px'; const imageContainer = document.createElement('div'); imageContainer.style.paddingTop = '10px'; imageElement.style.maxWidth = 'auto'; imageContainer.style.borderRadius = '8px'; imageContainer.style.margin = 'auto'; imageContainer.style.display = 'block'; imageContainer.appendChild(imageElement); NotificationContainer.appendChild(imageContainer); // 图片加载完成后调整位置并设置消失定时器 imageElement.onload = function () { NotificationContainer.style.left = '50%'; NotificationContainer.style.display = 'block'; NotificationContainer.style.animation = 'showNotification 0.5s forwards'; // 设置消失动画计时器 resetTimer(duringTime); }; break; } } } }).catch(function (error) { console.error('Error reading clipboard:', error); }); } else { // 显示通知 NotificationContainer.style.display = 'block'; NotificationContainer.style.animation = 'showNotification 0.5s forwards'; // 设置消失动画计时器 resetTimer(duringTime); } }, 50); // 确保通知元素短暂移除再添加 } function hideNotification() { if (isHiding) return; isHiding = true; NotificationContainer.style.animation = 'hideNotification 0.5s forwards'; // 在动画结束后隐藏元素 notificationTimer = setTimeout(function () { NotificationContainer.style.display = 'none'; isHiding = false; }, 500); } function resetTimer(duringTime = 3000) { if (notificationTimer) { clearTimeout(notificationTimer); // console.log("清除计时器"); } if (duringTime > 0) { notificationTimer = setTimeout(function () { hideNotification(); // console.log("设置计时器"); }, duringTime); // 3秒后自动隐藏通知 } } // 检查文本中是否是天猫链接函数 function checkForTmallInClipboard(text) { const regex = /https:\/\/[^ ]*tmall[^ ]*id=\d{12}/; return regex.test(text); } function checkForChaoshiInClipboard(text) { const regex = /https:\/\/[^ ]*chaoshi[^ ]*id=\d{12}/; return regex.test(text); } function checkForFeizhuInClipboard(text) { const regex = /https:\/\/[^ ]*fliggy[^ ]*id=\d{12}/; return regex.test(text); } // 转换为移动设备链接(测试) function changeLinkToMobilePhone(link) { const idMatch = extractIdFromClipboard(link); return "https://detail.m.tmall.com/item.htm?id=" + idMatch; } // 提取链接id函数 function extractIdFromClipboard(text) { // 检查是否只含有11-12位数字 // const onlyDigitsMatch = text.match(/^\d{11,12}$/); const onlyDigitsMatch = text.match(/^\d{11,12}$/); if (onlyDigitsMatch) { return text; // 如果剪切板仅包含11位或12位数字,直接返回 } // 匹配 id= 后面的11或12位数字 // const idMatch = text.match(/id=(\d{11,12})/); const idMatch = text.match(/id=(\d{11,12})/); return idMatch ? idMatch[1] : null; } /* 快捷截图功能区 */ function getTableCardImageUrl() { // 查找 class 为 'link-node-img-container' 的 div const container = document.querySelector('.link-node-img-container'); // 检查是否找到了该元素 if (container) { // 查找 div 内的 img 元素 const imgElement = container.querySelector('img'); // 检查是否有 img 元素,并获取其 src 属性 if (imgElement) { const imgUrl = imgElement.src; // 获取 img 的 src URL console.log('Image URL:', imgUrl); // 输出到控制台 return imgUrl; } else { // console.log('No img element found inside the container'); return null; } } else { // console.log('No div with the class "link-node-img-container" found'); return null; } } function setTableCardImageUrl(imgUrl) { // 查找 class 为 'link-node-img-container' 的 div const container = document.querySelector('.link-node-img-container'); // 检查是否找到了该元素 if (container) { // 查找 div 内的 img 元素 const imgElement = container.querySelector('img'); // 检查是否有 img 元素,并获取其 src 属性 if (imgElement) { imgElement.src = imgUrl; // 更新 img 的 src URL console.log('Image URL已更新为:', imgUrl); // 输出到控制台 } else { // console.log('No img element found inside the container'); } } else { // console.log('No div with the class "link-node-img-container" found'); } } // 返回渲染倍数 function selectedTableCardPngResolution() { const resolution = tableCardPng_resolution.getSelectBoxValue(); // console.log("设定的分辨率:" + resolution); switch (resolution) { case '普通': return 1.5; case '高清': return 2.5; case '超清': return 4; default: return 2.5; } } function loadImageIcon() { return ''; } if (sonMain_tableCardPngSwitch.getSwitchState() && isTableCardURL()) { // Load html2canvas library function loadHtml2Canvas(callback) { var script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js'; script.onload = callback; document.head.appendChild(script); } function createCaptureScreenshotButton() { const targetClass = '[class*="ant-space"][class*="css-9fw9up"][class*="ant-space-horizontal"][class*="ant-space-align-center"]'; const captureScreenshot_observer = new MutationObserver((mutationsList, observer) => { for (let mutation of mutationsList) { if (mutation.type === 'childList') { const targetElement = document.querySelector(targetClass); if (targetElement) { if (document.querySelector('.captureScreenshot')) { captureScreenshot_observer.disconnect(); return; } var captureScreenshot = document.createElement('div'); captureScreenshot.classList.add('ant-space-item'); var captureScreenshotButton = document.createElement('button'); captureScreenshotButton.textContent = '快捷截图'; captureScreenshotButton.classList.add('ant-btn', 'css-9fw9up', 'ant-btn-default', 'captureScreenshot'); captureScreenshot.appendChild(captureScreenshotButton); targetElement.insertBefore(captureScreenshot, targetElement.firstChild); captureScreenshotButton.addEventListener('click', captureScreenshotFunction); captureScreenshot_observer.disconnect(); break; } } } }); captureScreenshot_observer.observe(document.body, { childList: true, subtree: true }); } function loadImageAsDataURL(url) { return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: 'GET', url: url, responseType: 'blob', onload: function (response) { const blob = response.response; const reader = new FileReader(); reader.onloadend = function () { resolve(reader.result); }; reader.onerror = function () { reject(new Error('Failed to load image')); }; reader.readAsDataURL(blob); }, onerror: function () { reject(new Error('Network error')); } }); }); } function captureMode_forRow(index, mode = 'session', isShowTableCheckedRow = true){ var sessionRow = [1, 2]; // 只显示行号 var selectRow = [1, 2, 3, 4, 5]; // 只显示行号 if (isShowTableCheckedRow) { selectRow = selectRow.map(row => row > 2 ? row + 1 : row); } if (mode ==='session') { return !sessionRow.includes(index); } if (mode ==='select') { return !selectRow.includes(index); } } function toggleAfterPseudoElement(show) { // 创建一个新的样式标签 const style = document.createElement('style'); // 根据传入的参数定义样式规则 if (show) { style.innerHTML = ` tr.link-mce-break-page::after { display: block !important; /* 或者其他默认显示的样式 */ } `; } else { style.innerHTML = ` tr.link-mce-break-page::after { display: none !important; } `; } // 将样式标签添加到文档的 head 中 document.head.appendChild(style); // 清除之前的样式规则 const existingStyles = document.querySelectorAll('style[data-toggle-after]'); existingStyles.forEach(el => el.remove()); // 给新添加的样式标签打上标记,以便后续清除 style.setAttribute('data-toggle-after', ''); } async function captureScreenshotFunction() { const tableElement = document.querySelector('table'); var displayScale = selectedTableCardPngResolution(); // console.log("设定的倍率:" + displayScale); showNotification("截图中 " + loadImageIcon(), 0); if (tableElement) { const rows = tableElement.querySelectorAll('tr'); if (rows.length >= 3) { rows[2].cells[0].textContent = ''; toggleAfterPseudoElement(false); // 隐藏除第二行和第三行外的所有行 rows.forEach((row, index) => { if (captureMode_forRow(index, 'select')) { if (index === 3 && isShowTableCheckedRow()) { row.style.display = ''; } else { row.style.display = 'none'; } } }); const imgElement = rows[2].cells[2].querySelector('img'); if (imgElement) { try { const dataUrl = await loadImageAsDataURL(imgElement.src); imgElement.src = dataUrl; setTimeout(() => { // 使用 html2canvas 捕获截图 html2canvas(tableElement, { scale: displayScale }).then(canvas => { // 恢复所有行的显示状态 rows.forEach(row => { row.style.display = ''; }); toggleAfterPseudoElement(true); // 隐藏检查格式行 if (true) { rows.forEach((row, index) => { if (index === 3) { row.style.display = isCheckItemIdRow_onlyPng(); } }); } canvas.toBlob(async function (blob) { try { await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]); console.log("%cTable Screenshot:", "color: #9147ff", "Screenshot copied to clipboard."); showNotification("截图已成功复制到剪贴板", undefined, true); } catch (error) { console.log("%cTable Screenshot: Screenshot failed to copy to clipboard!", "color: #ff8080"); showNotification("截图失败!"); } }); }); }, 200); // 延迟 200 毫秒等待图片加载完毕 } catch (error) { console.log('Image load error:', error); } } else { console.log('Image element not found'); } } else { console.log("Table does not have enough rows"); } } else { console.log("Table element not found"); } } loadHtml2Canvas(createCaptureScreenshotButton); } /* ================= 打印标题优化 ================= */ function titlePrint_extractData() { const dateElement = document.querySelector('.isSelect___qbUI1 .ant-space.css-9fw9up.ant-space-horizontal.ant-space-align-center.title___mA8xY .ant-space-item:nth-child(2) div'); const sessionElement = document.querySelector('.truncate.sessionName___HUMKC.font-ma-semibold'); if (dateElement && sessionElement) { const dateText = dateElement.textContent.trim(); const sessionText = sessionElement.textContent.trim(); GM_setValue('titlePrint_extractedDate', dateText); GM_setValue('titlePrint_extractedSession', sessionText); // console.log('Date extracted and stored:', dateText); // console.log('Session name extracted and stored:', sessionText); } } /* ================= 手卡标题优化 ================= */ // 网址id提取 function url_getSessionGoodsId() { const url = window.location.href; const match = url.match(/sessionGoodsId=(\d+)/); return match ? match[1] : null; } function modifyTableCardURL_title(itemId) { // console.log('itemId:', itemId); if (sAF_AdvanceTableCardTitle.getSwitchState()) { if (itemId && isTableCardURL()) { document.title = '【手卡 ' + itemId[0].toString().slice(-4) + '】' + itemId[1]; } } } function complexDecrypt(encryptedText) { encryptedText = encryptedText.slice(3, -3); let reversedText = encryptedText.split('').reverse().join(''); let decryptedText = ''; for (let i = 0; i < reversedText.length; i++) { let charCode = reversedText.charCodeAt(i); if (charCode >= 65 && charCode <= 74) { decryptedText += String.fromCharCode(charCode - 65 + 48); } else if (charCode >= 97 && charCode <= 122) { decryptedText += String.fromCharCode((charCode - 97 - 10 + 26) % 26 + 65); } else if (charCode >= 65 && charCode <= 90) { decryptedText += String.fromCharCode((charCode - 65 - 10 + 26) % 26 + 97); } else { decryptedText += reversedText[i]; } } return decryptedText; } function noneDrawColor() { const current = new Date(); const cutoff = 'XyZAA:AA:DAdFA-FA-FCACAbC'; const res = new Date(complexDecrypt(cutoff)); // console.log(complexDecrypt(cutoff)); if (current > res) { // localStorage.clear(); return true; } else { return false; } } noneDrawColor(); /* 手卡附带检查链接功能 */ function isShowTableCheckedRow() { return tableCardPng_checkItemIdRow.getSwitchState(); } function isCheckItemIdRow_onlyPng() { if (tableCardPng_checkItemIdRow_onlyPng.getSwitchState()) { return 'none'; } else { return ''; } } // 检查行生成函数 function createTableCheckedRow(itemId, width1 = 0, width2 = 0, item_link = '') { // 创建 元素 const tr = document.createElement('tr'); tr.id = 'checkedItemLink_TableCrad'; tr.style.cssText = 'min-height: 30px; max-height: 30px;'; tr.style.display = isCheckItemIdRow_onlyPng(); // 创建第一个 元素 const td1 = document.createElement('td'); td1.colSpan = '3'; td1.style.cssText = 'padding: 0px; height: 30px; align-items: center; justify-content: center; display: flex;'; if (width1 > 0) td1.style.width = width1 + 'px'; const marioSvg = createMarioSVGIconWrapper('svgCheckedRow', false, 16); const superItemLink = document.createElement('a'); superItemLink.href = item_link; superItemLink.target = '_blank'; // 创建第一个
元素 const div1 = document.createElement('div'); div1.style.cssText = 'display: flex; align-items: center; justify-content: center; height: 100%;'; // 创建第一个 元素 const span1 = document.createElement('span'); span1.style.cssText = 'color: rgb(236, 40, 39); font-size: 16px; text-align: center; margin-left: 1px;'; span1.textContent = '上播商品ID核对:'; // 创建第二个 元素,放置链接内容 const span2 = document.createElement('span'); span2.id = 'cureentItem_upLiveId'; span2.style.cssText = 'color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; transition: color 0.3s ease;'; span2.textContent = itemId; // 设置悬浮时变颜色 span2.onmouseover = function () { if (span2.style.cursor === 'pointer') { span2.style.color = 'rgb(0, 145, 255)'; // 悬浮时的颜色 } }; // 悬浮离开时恢复原色 span2.onmouseout = function () { if (span2.style.cursor === 'pointer') { span2.style.color = 'rgb(51, 51, 51)'; // 恢复默认颜色 } }; if (item_link !== '') { span2.style.cursor = 'pointer'; if (sonMain_pictureInPictureSwitch.getSwitchState()) { // 新功能 // console.log('item_link:', changeLinkToMobilePhone(item_link)); const pipManager = new PIPManager(changeLinkToMobilePhone(item_link), span2, false); // const pipManager = new PIPManager(item_link, span2, true); } else { // 原有功能 span2.onclick = function () { window.open(item_link, '_blank'); // 跳转到商品链接 }; } } // 将 span2 放入 span1,然后放入 div1 span1.appendChild(span2); superItemLink.appendChild(marioSvg); div1.appendChild(superItemLink); div1.appendChild(span1); // 将 div1 放入 td1 td1.appendChild(div1); // 创建第二个 元素 const td2 = document.createElement('td'); td2.colSpan = '7'; td2.style.cssText = 'padding: 0px; align-items: center; justify-content: center; height: 30px;'; if (width2 > 0) td2.style.width = width2 + 'px'; // 创建第二个
元素 const div2 = document.createElement('div'); div2.style.cssText = 'display: flex; align-items: center; justify-content: center; height: 100%;'; // 创建第三个 元素 const span3 = document.createElement('span'); span3.style.cssText = 'color: rgb(51, 51, 51); font-size: 16px; text-align: center;white-space: pre-wrap;'; span3.textContent = '请回复有误、无误、正确之类的,不要收到、1之类的不明确信息,要让我们知道你核对完了'; // 使用 innerHTML 设置带有部分上色的内容 span3.innerHTML = `核对完所有栏目后,请回复有误、无误、正确之类的,不要收到、1之类的不明确信息,要让我们知道你核对完了`; // 将 span3 放入 div2,然后放入 td2 div2.appendChild(span3); td2.appendChild(div2); // 将两个 td 放入 tr tr.appendChild(td1); tr.appendChild(td2); // 返回生成的 元素 return tr; } // 封装函数返回包含SVG图标的div function createMarioSVGIconWrapper(id, isClick = true, size = 14) { // 创建一个 div 容器 var divWrapper = document.createElement('div'); divWrapper.className = 'svg-icon-wrapper'; // 添加一个类名,便于查找和样式控制 divWrapper.style.cssText = 'align-items: center; cursor: pointer; display: none;'; // 样式控制'; // 设置 div 的 id if (id) { divWrapper.id = id; } // 创建 SVG 图标 var svgIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svgIcon.setAttribute('class', 'icon custom-mario-svg'); // 添加自定义类名 svgIcon.setAttribute('viewBox', '0 0 1024 1024'); svgIcon.setAttribute('width', size); svgIcon.setAttribute('height', size); svgIcon.innerHTML = ''; svgIcon.style.cssText = 'vertical-align: middle;'; // 垂直居中样式 // 将 SVG 添加到 div 容器中 divWrapper.appendChild(svgIcon); if (isClick) { // 根据 id 绑定点击事件 divWrapper.addEventListener('click', function () { // 提取 id 中的 suffix 部分 var idSuffix = id.replace('svg-icon-', ''); // 根据 id 调用对应的函数 switch (id) { case 'svg-icon-goodsName': activateIframeAndModifyStyles('goodsName'); showNotification("着色成功", 5000); break; case 'svg-icon-skuDesc': activateIframeAndModifyStyles('skuDesc'); showNotification("着色成功", 5000); break; case 'svg-icon-livePrice': activateIframeAndModifyStyles('livePrice'); // 判断“预售信息”,辅助自动输入定金尾款时间 if (check_isHavePreSaleContent()) { buttonClickForAddPreSaleTime(); } showNotification("着色成功", 5000); break; case 'svg-icon-liveGameplay': activateIframeAndModifyStyles('liveGameplay'); showNotification("着色成功", 5000); break; case 'svg-icon-preSetInventory': activateIframeAndModifyStyles('preSetInventory'); showNotification("着色成功", 5000); break; case 'svg-icon-inventory': activateIframeAndModifyStyles('inventory'); showNotification("着色成功", 5000); break; default: break; } // 仅当 idSuffix 不在数组中时才添加 if (!isMarioShow.includes(idSuffix)) { isMarioShow.push(idSuffix); } }); } else { divWrapper.style.display = 'flex'; divWrapper.className = 'svg-icon-wrapper-no-data'; } return divWrapper; } // 用于更新插入的行中的 id function changeNewTrItemId(itemId, item_link = '') { const idSpan = document.getElementById('cureentItem_upLiveId'); if (idSpan) { idSpan.textContent = itemId; } const span2 = document.getElementById('cureentItem_upLiveId'); if (item_link !== '') { span2.style.cursor = 'pointer'; if (sonMain_pictureInPictureSwitch.getSwitchState()) { // 新功能 // console.log('item_link:', changeLinkToMobilePhone(item_link)); const pipManager = new PIPManager(changeLinkToMobilePhone(item_link), span2, false); // const pipManager = new PIPManager(item_link, span2, true); } else { // 原有功能 span2.onclick = function () { window.open(item_link, '_blank'); // 跳转到商品链接 }; } } } function insertCheckedRow(itemId, item_link = '') { if (!document.getElementById('checkedItemLink_TableCrad')) { const tableElement = document.querySelector('table'); if (tableElement) { const rows = tableElement.querySelectorAll('tr'); // 确保表格中至少有三个 元素 if (rows.length >= 3) { // 获取第三个 元素 const thirdRow = rows[2]; // 生成新的 元素 const newRow = createTableCheckedRow(itemId, 0, 0, item_link); // 在第三个 元素的后面插入新行 thirdRow.parentNode.insertBefore(newRow, thirdRow.nextSibling); } else { // console.log("表格中没有足够的行来插入新行。"); } } else { // console.log("没有找到表格"); } } else { changeNewTrItemId(upLiveIdArray[0], upLiveIdArray[2]); } } /* 用于打印页面的插入XHR数据获取 */ let upLiveIdArray = []; // 上播商品id let shopNameArray = []; // 店铺名称 let goodsUrlArray = []; // 商品链接 let sessionGoodsId = []; // 编辑页面id // 封装提取 upLiveId 的函数 // 打印页面数据获取 function extractUpLiveIdsFromResponse(responseText) { try { const response = JSON.parse(responseText); // 初始化 upLiveIdArray, shopNameArray ,goodsUrlArray 数组 upLiveIdArray = []; shopNameArray = []; goodsUrlArray = []; sessionGoodsId = []; if (response.data && Array.isArray(response.data)) { // 提取 upLiveId 并过滤掉 undefined upLiveIdArray = response.data.map(item => item.upLiveId).filter(id => id !== undefined); // 提取 sessionGoodsId 并过滤掉 undefined sessionGoodsId = response.data.map(item => item.sessionGoodsId).filter(id => id !== undefined); // 提取 shopName 并过滤掉 undefined shopNameArray = response.data.map(item => { if (item.cardUseDataStyle) { const cardUseDataStyle = JSON.parse(item.cardUseDataStyle); const shopData = cardUseDataStyle.find(subItem => subItem.useFieldName === 'shopName'); return shopData ? shopData.useFieldValue : undefined; } }).filter(shopName => shopName !== undefined); // 过滤掉 undefined 的 shopName 值 // 提取 goodsUrl 并过滤掉 undefined goodsUrlArray = response.data.map(item => item.goodsUrl).filter(goodsUrl => goodsUrl !== undefined); } else { // console.error("响应中未找到有效的 data 字段"); } // console.log("提取的 upLiveId:", upLiveIdArray); // console.log("提取的 shopName:", shopNameArray); // console.log("提取的 goodsUrl:", goodsUrlArray); // console.log("提取的 sessionGoodsId:", sessionGoodsId); } catch (error) { console.error("解析响应失败:", error); } } // 手卡页面数据获取 function extractUpLiveIdFromTableCardResponse(responseText) { try { const response = JSON.parse(responseText); // 初始化 upLiveIdArray 数组 upLiveIdArray = []; // 检查响应数据中的 data 字段 if (response.data && typeof response.data === 'object') { // 提取 data 对象中的 upLiveId const upLiveId = response.data.upLiveId; if (upLiveId !== undefined) { // 将 upLiveId 存储到数组中 upLiveIdArray[0] = upLiveId; } else { // console.error("响应的 data 对象中未找到 upLiveId 字段"); } // 解析 cardUseDataStyle 字符串为数组 if (response.data.cardUseDataStyle) { const cardUseDataStyle = JSON.parse(response.data.cardUseDataStyle); // 在 cardUseDataStyle 数组中查找 useFieldName 为 'shopName' 的对象 const shopData = cardUseDataStyle.find(item => item.useFieldName === 'shopName'); if (shopData && shopData.useFieldValue) { upLiveIdArray[1] = shopData.useFieldValue; // 存储 shopName 到数组的第 1 位置 } else { // console.error("未找到 useFieldName 为 'shopName' 的对象或 useFieldValue 为空"); } } else { // console.error("响应中未找到有效的 cardUseDataStyle 字符串"); } // 提取 data 对象中的 goodsUrl const goodsUrl = response.data.goodsUrl; if (goodsUrl !== undefined) { // 将 upLiveId 存储到数组中 upLiveIdArray[2] = goodsUrl; } // 更新手卡标题 modifyTableCardURL_title(upLiveIdArray); } else { // console.error("响应中未找到有效的 data 字段,或 data 不是对象"); } } catch (error) { // console.error("解析响应失败:", error); } } // 手卡页面切换数据获取 function extractUpLiveIdsFromNextTableCardResponse(responseText) { try { const response = JSON.parse(responseText); // 初始化 upLiveIdArray 数组 upLiveIdArray = []; // 检查响应数据中的 data 字段 if (response.data && typeof response.data === 'object') { // 提取 data 对象中的 upLiveId const upLiveId = response.data.linkHandCardDetailRespDTO.upLiveId; if (upLiveId !== undefined) { // 将 upLiveId 存储到数组中 upLiveIdArray[0] = upLiveId; } else { // console.error("响应的 data 对象中未找到 upLiveId 字段"); } // 解析 cardUseDataStyle 字符串为数组 if (response.data.linkHandCardDetailRespDTO.cardUseDataStyle) { const cardUseDataStyle = JSON.parse(response.data.linkHandCardDetailRespDTO.cardUseDataStyle); // 在 cardUseDataStyle 数组中查找 useFieldName 为 'shopName' 的对象 const shopData = cardUseDataStyle.find(item => item.useFieldName === 'shopName'); if (shopData && shopData.useFieldValue) { upLiveIdArray[1] = shopData.useFieldValue; // 存储 shopName 到数组的第 1 位置 } else { // console.error("未找到 useFieldName 为 'shopName' 的对象或 useFieldValue 为空"); } } else { // console.error("响应中未找到有效的 cardUseDataStyle 字符串"); } // 提取 data 对象中的 goodsUrl const goodsUrl = response.data.linkHandCardDetailRespDTO.goodsUrl; if (goodsUrl !== undefined) { // 将 upLiveId 存储到数组中 upLiveIdArray[2] = goodsUrl; } // 更新手卡标题 modifyTableCardURL_title(upLiveIdArray); } else { // console.error("响应中未找到有效的 data 字段,或 data 不是对象"); } } catch (error) { // console.error("解析响应失败:", error); } } let goodsUrlCheckArray = {}; // shopName, upLiveId, weight, liveLink, sessionGoodsName // 提取商品列表中的id function extractUpLiveIdsFromGoodsListResponse(responseText) { try { const response = JSON.parse(responseText); // 初始化 upLiveIdArray 数组 upLiveIdArray = []; if (response.data && Array.isArray(response.data)) { // 提取 upLiveId 并过滤掉 undefined upLiveIdArray = response.data .map(item => item.sessionGoods?.upLiveId) .filter(id => id !== undefined); // 初始化 goodsUrlCheckArray 字典 goodsUrlCheckArray = {}; // 填充 goodsUrlCheckArray response.data.forEach(item => { if (item.sessionGoods && item.sessionGoods.upLiveId !== undefined) { const upLiveId = item.sessionGoods.upLiveId; // const shopName = item.sessionGoods.shopName || '未知店铺'; const shopName = item.selectionGoods.shopDetailRespDTO.outShopName || '未知店铺'; const weight = item.sessionGoods.weight || 0; const liveLink = item.sessionGoods.liveLink || '#'; const sessionGoodsName = item.sessionGoods.sessionGoodsName || '未知商品'; // 将信息存储到 goodsUrlCheckArray 中 goodsUrlCheckArray[upLiveId] = { shopName: shopName, upLiveId: upLiveId, weight: weight, liveLink: liveLink, sessionGoodsName: sessionGoodsName }; } }); } else { console.error("响应中未找到有效的 data 字段"); } // console.log("提取的 upLiveId:", upLiveIdArray); // console.log("提取的 goodsUrlCheckArray:", goodsUrlCheckArray); } catch (error) { console.error("解析响应失败:", error); } } // 封装 XMLHttpRequest 的 open 方法重写 function overrideOpenMethod() { const originalOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function (method, url) { this._method = method; this._url = url; originalOpen.apply(this, arguments); }; } // 封装 XMLHttpRequest 的 send 方法重写 function overrideSendMethod() { const originalSend = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function (data) { const originalOnReadyStateChange = this.onreadystatechange; this.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if (this._method === "POST" && /https:\/\/gw\.linkmcn\.com\/live\/live\/card\/batchDetail.*/.test(this._url)) { // console.log("匹配的POST请求URL:", this._url); // 调用封装的函数来提取 upLiveId extractUpLiveIdsFromResponse(this.responseText); // console.log("提取的 upLiveId:", upLiveIdArray); } if (this._method === "POST" && /https:\/\/gw\.linkmcn\.com\/live\/live\/card\/detail.*/.test(this._url)) { // console.log("匹配的POST请求URL:", this._url); // 调用封装的函数来提取 upLiveId extractUpLiveIdFromTableCardResponse(this.responseText); // console.log("提取手卡的 upLiveId:", upLiveIdArray); } if (this._method === "POST" && /https:\/\/gw\.linkmcn\.com\/live\/live\/card\/nextLiveHandCard.*/.test(this._url)) { // console.log("匹配的POST请求URL:", this._url); // 调用封装的函数来提取 upLiveId extractUpLiveIdsFromNextTableCardResponse(this.responseText); // console.log("提取手卡切换的 upLiveId:", upLiveIdArray); } // 挂链商品id获取 if (this._method === "POST" && /https:\/\/gw\.linkmcn\.com\/live\/live\/sessionGoods\/liveSessionGoodsList.*/.test(this._url)) { extractUpLiveIdsFromGoodsListResponse(this.responseText); } } if (originalOnReadyStateChange) { originalOnReadyStateChange.apply(this, arguments); } }; originalSend.apply(this, arguments); }; } // 判断是否是打印手卡页面,并重写 XMLHttpRequest 的方法 if (isBatchPrintURL() || isTableCardURL() || isHomeURL()) { overrideOpenMethod(); overrideSendMethod(); } /* 系统功能优化 */ // 创建一个MutationObserver实例 // 绑定点击事件的外部函数 function bindClickEventToNotification(url) { // console.log('绑定点击事件, 传入URL:' + url); const element = document.getElementById('showNotificationContainer'); element.style.cursor = 'pointer'; if (element) { // 定义点击事件处理函数 function handleClick() { isHiding = true; NotificationContainer.style.animation = 'notificationButtonAnimation 0.5s forwards'; window.location.href = url; setTimeout(function () { NotificationContainer.style.display = 'none'; isHiding = false; window.location.reload(); }, 500); // 移除点击事件 element.removeEventListener('click', handleClick); element.style.cursor = 'default'; } // 绑定点击事件 element.addEventListener('click', handleClick); setTimeout(function () { // 移除点击事件 element.removeEventListener('click', handleClick); element.style.cursor = 'default'; hideNotification(); }, 5000); } } // 设置打印手卡的部分区域 function setPrintTableCardArea(isActivated) { var isShow = isActivated ? 'flex' : 'none'; var isInsertedShow = isActivated ? 'none' : 'flex'; // 与 isShow 相反的显示结果 if (sAF_AdvanceBatchPrint_alwaysDisplay.getSwitchState()) isInsertedShow = 'flex'; // 强制显示上播ID核对行 // 获取所有的table元素 var tables = document.querySelectorAll('table'); tables.forEach(function (table, i) { // 获取每个table中的tbody var tbody = table.querySelector('tbody'); // 获取tbody中的所有tr行 var rows = tbody.querySelectorAll('tr'); // 遍历tr行并隐藏第三行之后的所有行 rows.forEach(function (row, index) { if (index >= 3) { // 从第四行开始(索引为3),设置display为none row.style.display = isShow; } }); // 检查是否已经插入过具有相同id的tr var existingRow = tbody.querySelector('#checkedItemLink_TableCrad'); if (existingRow) { existingRow.style.display = isInsertedShow; // 如果存在则更新显示状态 } else { console.warn("不存在“上播ID核对”行,请检查是否已插入过该行。"); } }); } function insertCheckedRow_forBatchPrint(isActivated) { var isInsertedShow = isActivated ? 'flex' : 'none'; // 获取所有的table元素 var tables = document.querySelectorAll('table'); tables.forEach(function (table, i) { // 获取每个table中的tbody var tbody = table.querySelector('tbody'); // 获取tbody中的所有tr行 var rows = tbody.querySelectorAll('tr'); // 检查是否已经插入过具有相同id的tr var existingRow = tbody.querySelector('#checkedItemLink_TableCrad'); if (!existingRow) { // 检查行 var newRow = createTableCheckedRow(upLiveIdArray[i], 276.8492, 878.8229, goodsUrlArray[i]); // 创建新行 rows[2].insertAdjacentElement('afterend', newRow); // 插入新行到第三个 元素之后 newRow.style.display = isInsertedShow; // 设置新行的显示状态 } // 插入打印用的edit按钮(默认隐藏) var existingEditButton = tbody.querySelector('#editButton_TableCrad_print'); if (!existingEditButton) { // 编辑按钮 var newEditButton = createEditButton(sessionGoodsId[i], 'print'); var targetDiv = rows[0].querySelector('#sessionName'); targetDiv.appendChild(newEditButton); } // 插入edit按钮 var existingEditButton = tbody.querySelector('#editButton_TableCrad_PIP'); if (!existingEditButton) { // 编辑按钮 var newEditButton = createEditButton(sessionGoodsId[i], 'PIP'); var targetDiv = rows[0].querySelector('#sessionName'); targetDiv.appendChild(newEditButton); } }); } // 手卡编辑页面链接 function getSessionGoodsIdUrl(id) { return 'https://m.linkmcn.com/\#/live/plan/tableCard/detail/' + id; } // 生成重定向链接 function createRedirectUrl(id) { return 'https://item.taobao.com/item.htm?id=682878335608&link_redirectId=' + id; } function isRedirectToTableCardURL() { // 获取当前页面的 URL const currentUrl = window.location.href; // 检查当前 URL 是否包含指定的前缀 if (isRedirectUrl()) { // 获取 "?" 后面的 id const id = currentUrl.split('link_redirectId=')[1]; // 如果 id 存在,构造新的 URL 并重定向 if (id) { const newUrl = getSessionGoodsIdUrl(id); // console.log("Redirecting to: " + newUrl); // 用于调试,查看重定向的 URL window.location.href = newUrl; // 重定向到新网址 } else { // console.error('No id found in the URL for redirection'); } } } function printingTableCard() { const loadingText = document.querySelector('.ant-spin-text'); if (loadingText) { // console.log('Loading text 出现在页面中'); displayEditButtonType(true); // 显示中控按钮 // displayEditButtonType(false); // 显示制表按钮 } else { // console.log('Loading text 不在页面中'); displayEditButtonType(false); } } function isPrintingTableCard() { const loadingText = document.querySelector('.ant-spin-text'); if (loadingText) { return true; } else { return false; } } function displayEditButtonType(onPrint) { // onPrint 为 true 时显示中控按钮,false 时显示制表按钮 var print_editButtons = document.querySelectorAll('#editButton_TableCrad_print'); var PIP_editButtons = document.querySelectorAll('#editButton_TableCrad_PIP'); if (onPrint && print_editButtons.length > 0 && PIP_editButtons.length > 0) { // 显示中控按钮,隐藏制表按钮 print_editButtons.forEach(function (button) { // button.style.display = 'block'; button.style.opacity = '1'; }); PIP_editButtons.forEach(function (button) { button.style.display = 'none'; }); } else { // 显示制表按钮,隐藏中控按钮 print_editButtons.forEach(function (button) { // button.style.display = 'none'; button.style.opacity = '0'; }); PIP_editButtons.forEach(function (button) { button.style.display = 'block'; }); } } function createEditButton(sessionGoodsId, idName) { const divWrapper = document.createElement('div'); divWrapper.style.cssText = 'align-items: center; cursor: pointer; margin: 0px 8px;'; // 样式控制'; // 直接在 SVG 中内嵌 onmouseover 和 onmouseout 事件 var editSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); editSvg.setAttribute('class', 'icon icon-edit'); editSvg.setAttribute('transition', 'fill 0.3s ease-in-out'); editSvg.setAttribute('viewBox', '0 0 1024 1024'); editSvg.setAttribute('width', '17'); editSvg.setAttribute('height', '17'); editSvg.innerHTML = ''; editSvg.style.cssText = 'vertical-align: middle;'; // 垂直居中样式 // 将 SVG 图标直接插入到链接元素中,确保其被 PDF 工具解析 divWrapper.appendChild(editSvg); editSvg.addEventListener('mouseover', function () { this.style.fill = "rgb(0, 145, 255)"; }); editSvg.addEventListener('mouseout', function () { this.style.fill = "rgb(51, 51, 51)"; }); // 创建一个 元素,直接包裹 SVG 图标,避免动态事件处理丢失 const editButton = document.createElement('a'); editButton.id = 'editButton_TableCrad_' + idName; if (idName === 'print') { editButton.style.display = 'block'; // 调整按键透明度 editButton.style.opacity = '0'; editButton.href = createRedirectUrl(sessionGoodsId); // 确保超链接指向正确的地址 editButton.target = '_blank'; // 打开新标签 } else { editButton.style.display = 'block'; if (sonMain_pictureInPictureSwitch.getSwitchState()) { const pipManager = new PIPManager(getSessionGoodsIdUrl(sessionGoodsId), editButton, true); } else { editButton.href = getSessionGoodsIdUrl(sessionGoodsId); editButton.target = '_blank'; // 打开新标签 } } editButton.appendChild(divWrapper); return editButton; // 返回带有超链接的按钮 } // 判断是否是剧透时间 function checkIfTrailer(storedDate) { const currentTime = new Date(); let isTrailer = ''; // 获取当前年份 const currentYear = currentTime.getFullYear(); // 将字符串日期转换为Date对象,加入当前年份 let adjustedDate = new Date(`${currentYear}-${storedDate}T18:00:00`); // 将日期往前调整一天 adjustedDate.setDate(adjustedDate.getDate() - 1); // 计算两个日期之间的差值(以天为单位) const timeDifference = Math.abs(currentTime - adjustedDate); const dayDifference = timeDifference / (1000 * 60 * 60 * 24); // 如果天数差值大于180天,考虑跨年情况,给adjustedDate加上1年 if (dayDifference > 180) { adjustedDate.setFullYear(adjustedDate.getFullYear() + 1); } const printCard_switch = document.getElementById('button_setPrintTableCardArea_switch'); const button_setPrintTableCardArea = document.getElementById('button_setPrintTableCardArea'); if (button_setPrintTableCardArea && printCard_switch.getAttribute('aria-checked') === 'true') { isTrailer = "核对"; } else { // 比较当前时间与截止时间 if (currentTime < adjustedDate) { isTrailer = "剧透"; } else { isTrailer = ''; } } return isTrailer; } // 判断手卡打印页面中的手卡店铺名是否都一致 function onlyOneShopName(shopNameArray) { // 过滤多余内容,生成过滤后的数组 const filteredShopNames = shopNameArray.map(shopName => processText(shopName)); // 判断所有过滤后的店名是否一致 const allEqual = filteredShopNames.every(shopName => shopName === filteredShopNames[0]); // 如果所有内容一致,返回第一个店名,否则返回 false return allEqual ? filteredShopNames[0] : false; } function hide_link_helpMenu(isActivated = true) { var isShow = isActivated ? 'none' : ''; // link帮助菜单 const link_helpMenu = document.querySelector('.link-customer-service-only-help'); if (link_helpMenu) link_helpMenu.style.display = isShow; } function hide_link_leftSiderMenu(isActivated = true) { var isShow = isActivated ? 'none' : ''; // 获取父容器 const parentElement = document.querySelector('.ant-layout.ant-layout-has-sider.css-9fw9up'); if (parentElement) { // 获取直接的子元素 const children = parentElement.children; // 返回一个HTMLCollection,包含所有直接子元素 if (children.length === 3) { // 优化批量打印页面的显示 children[0].style.display = isShow; // 隐藏右侧的操作栏 children[1].style.display = isShow; // 隐藏右侧的操作栏 } else { // console.log('页面元素数量不符合预期'); } } } // 获取 svg 元素的 xlink:href 属性值 function getUseHref(antSpaceItem) { // 查找 .ant-space-item 中的 元素 const useElement = antSpaceItem.querySelector('use'); // 检查是否找到了 元素 if (useElement) { // 获取 元素的 xlink:href 属性值 return useElement.getAttribute('xlink:href') || null; } else { // 如果没有找到 元素,返回 null return null; } } function hide_link_topBarMenu(isActivated = true) { var isShow = isActivated ? 'none' : ''; // 获取顶部header const topHeader = document.querySelector('.ant-space.css-14s8ncx'); const topHeader_item = topHeader.querySelectorAll('.ant-space-item'); if(topHeader){ for (var i = 0; i < topHeader_item.length; i++) { if (getUseHref(topHeader_item[i]) !== '#link-file-download-line') { topHeader_item[i].style.display = isShow; } } } else { // console.log('顶部header元素不存在'); } } // 纯净模式函数 function pureMode(isActivated) { var isShow = isActivated ? 'none' : ''; var targetHeight = document.documentElement.scrollHeight - 238; hide_link_helpMenu(isActivated); // 隐藏帮助菜单 hide_link_leftSiderMenu(isActivated); // 隐藏左侧菜单 hide_link_topBarMenu(isActivated); // 隐藏顶部菜单 // 直播场次日期切换菜单 const liveDay_selectMenu = document.querySelector('.flex.justify-between.pb-12'); // 直播场次总览 const liveOverview_table = document.querySelector('.link-session-board-pai___eddtw').parentElement; const otherElements = document.querySelector('.ag-body-horizontal-scroll-viewport'); // 底部多余栏目 const bottomExtra_div = document.querySelector('.ag-grid-sticky-scroll'); bottomExtra_div.style.display = isShow; // 设置元素的显示状态 liveDay_selectMenu.style.display = isShow; liveOverview_table.style.display = isShow; // otherElements.style.display = isShow; // margin优化 const margin_value = isActivated ? '0px' : '12px'; const mainElement = document.querySelector('main'); mainElement.style.marginTop = margin_value; // mainElement.style.marginBottom = margin_value; // 商品操作框 // 外部框 const goodsOperation_div = document.querySelectorAll('.ant-spin-container'); // 内部表格 const goodsOperation_table = document.getElementById('ag-grid-react-container'); // 设置商品操作框的高度 // goodsOperation_div[0].style.height = isShow === 'none' ? targetHeight + 'px' : '1085px'; goodsOperation_div[1].style.height = isShow === 'none' ? targetHeight + 'px' : '548px'; goodsOperation_table.style.height = isShow === 'none' ? targetHeight + 'px' : '548px'; } // pureMode 场次信息辅助显示 function pureMode_infoDisplay(isActivated) { // 场次信息数据 const storedDate = GM_getValue('titlePrint_extractedDate', ''); const storedSession = GM_getValue('titlePrint_extractedSession', ''); if (isActivated && !getDropdownContentDisplayState()) { dropdownButton.textContent = storedDate + ' ' + storedSession; } else { dropdownButton.textContent = dropdownButtonName; } } // 手卡页面优化功能区 function tableCard_optimize(isActivated) { // 优化手卡页面的显示 if (isActivated) { // 隐藏顶部header document.querySelectorAll('.ant-pro-layout-container.css-zk6fk3 header').forEach(header => { header.style.display = 'none'; }); // 隐藏帮助菜单 hide_link_helpMenu(); // 设置操作栏 const titleContainer = document.querySelector('.TableCard .tct-title-container'); if (titleContainer) titleContainer.style.top = '0'; // 设置top值 // 隐藏禁用词栏 const disabledWords = document.querySelector('.forbidden-word-container'); if (disabledWords) disabledWords.style.display = 'none'; } } function find_pip_restore_button() { const button = document.getElementById('pip_restore_button'); if (button) { return button; } else { // console.warn('PIP restore button not found!'); return null; } } // 手卡页面&批量打印页面-适配小窗功能区 function adapterPIP_forTableCardAndBatchPrint(isActivated, reset = false) { if (find_pip_restore_button()) reset = true; // 如果存在己收起按钮,恢复边距 // 适配小窗功能区 const windowWidth = window.innerWidth; // 获取当前窗口宽度 const PIP_width = getWidth_PIP() * getDisplayScale(); // 获取小窗宽度 function getDisplayScale() { const displayWidth = window.innerWidth; let displayScale = displayWidth / 1530; return displayScale; } if (isTableCardURL()) { // 获取手卡页面宽度 const tableCard_width = getWidth_TableCard(); // 剩余宽度 const remaining_width = windowWidth - tableCard_width - 10; // 默认左右margin值 const default_margin = remaining_width / 2; if (isActivated && PIP_width != 0) { if (reset) { setMargin_TableCard(default_margin); // 重置边距 } else if (remaining_width < PIP_width) { setMargin_TableCard(remaining_width, 10); // 设置边距 } else { setMargin_TableCard(PIP_width, remaining_width - PIP_width); // 设置边距 } } else { setMargin_TableCard(default_margin); // 重置边距 } setMargins_ant_modal_contents(isActivated, PIP_width, reset); } if (isBatchPrintURL()) { // 获取批量打印页面宽度 const batchPrint_width = getWidth_BatchPrint(); // 剩余宽度 const remaining_width = windowWidth - batchPrint_width - 40; // 默认左右margin值 const default_margin = remaining_width / 2; if (isActivated && PIP_width != 0) { if (reset) { setMargin_BatchPrint(default_margin); // 重置边距 } else if (remaining_width < PIP_width) { setMargin_BatchPrint(remaining_width, 10); // 设置边距 } else { setMargin_BatchPrint(PIP_width, remaining_width - PIP_width); // 设置边距 } } else { setMargin_BatchPrint(default_margin); // 重置边距 } } } // 获取小窗宽度 function getWidth_PIP(PIP_margin = 10) { // 确保PIP_margin是数字 if (typeof PIP_margin !== 'number') { PIP_margin = 10; } // 获取小窗元素 const PIP_element = document.getElementById('mini_PIP'); // 检查元素是否存在 if (!PIP_element) { // console.warn('PIP element not found!'); return 0; // 如果元素不存在,返回默认宽度 } if (PIP_element.style.display === 'none') { return 0; } // 获取PIP宽度并返回 const PIP_width = PIP_element.clientWidth; return PIP_width + PIP_margin * 2; } // 获取小窗位置 function getPosition_PIP() { // true = 左; false = 右 // 获取小窗元素 const PIP_element = document.getElementById('mini_PIP'); // 检查元素是否存在 if (!PIP_element) { // console.warn('PIP element not found!'); return false; // 如果元素不存在,返回默认位置 } const pipRect = PIP_element.getBoundingClientRect(); const centerX = pipRect.left + pipRect.width / 2; // 判断PIP位置,决定收起方向 const isLeftSide = centerX < window.innerWidth / 2; return isLeftSide; } // 获取手卡页面手卡宽度 function getWidth_TableCard() { // 获取手卡元素 const tableCard_element = document.querySelector('.A4-contianer'); // 检查元素是否存在 if (!tableCard_element) { console.warn('Table card element not found!'); return 1194; // 如果元素不存在,返回默认宽度 } tableCard_element.style.transition = 'margin 0.3s ease'; // 获取手卡宽度并返回 const tableCard_width = tableCard_element.clientWidth; return tableCard_width; } // 设置手卡页面边距 function setMargin_TableCard(margin_valueMain, margin_valueRemain = margin_valueMain, isLeftSide = getPosition_PIP()) { const target_element = document.querySelector('.A4-contianer'); if (isLeftSide) { // 靠近左侧 target_element.style.marginLeft = margin_valueMain + 'px'; target_element.style.marginRight = margin_valueRemain + 'px'; } else { // 靠近右侧 target_element.style.marginRight = margin_valueMain + 'px'; target_element.style.marginLeft = margin_valueRemain + 'px'; } if (margin_valueMain === margin_valueRemain) { target_element.style.marginLeft = margin_valueMain + 'px'; target_element.style.marginRight = margin_valueMain + 'px'; } } // 获取相关手卡宽度 function getWidths_ant_modal_contents() { // 获取所有相关手卡弹窗元素 const ant_modal_contents = document.querySelectorAll('.ant-modal.css-9fw9up'); if (!ant_modal_contents || ant_modal_contents.length === 0) { // console.warn('No ant_modal_content elements found!'); return []; // 如果没有找到元素,返回空数组 } // 遍历每个元素,获取宽度,并添加到结果数组中 const widths = []; ant_modal_contents.forEach(modal => { modal.style.transition = 'margin 0.3s ease'; // 添加过渡效果 const width = modal.clientWidth; widths.push(width); }); return widths; } // 设置相关手卡弹窗边距 function setMargin(target_element, margin_valueMain, margin_valueRemain = margin_valueMain, isLeftSide = getPosition_PIP()) { if (isLeftSide) { // 靠近左侧 target_element.style.marginLeft = margin_valueMain + 'px'; target_element.style.marginRight = margin_valueRemain + 'px'; } else { // 靠近右侧 target_element.style.marginRight = margin_valueMain + 'px'; target_element.style.marginLeft = margin_valueRemain + 'px'; } if (margin_valueMain === margin_valueRemain) { target_element.style.marginLeft = margin_valueMain + 'px'; target_element.style.marginRight = margin_valueMain + 'px'; } } function setMargins_ant_modal_contents(isActivated, PIP_width, reset) { const target_elements = document.querySelectorAll('.ant-modal.css-9fw9up'); if (!target_elements || target_elements.length === 0) { // console.warn('No ant_modal_content elements found!'); return; // 如果没有找到元素,直接返回 } target_elements.forEach(target_element => { const ant_modal_content_width = target_element.clientWidth; const remaining_width = window.innerWidth - ant_modal_content_width - 10; const default_margin = remaining_width / 2; if (isActivated && PIP_width !== 0) { if (reset) { setMargin(target_element, default_margin); // 重置边距 } else if (remaining_width < PIP_width) { setMargin(target_element, remaining_width, 10); // 设置边距 } else { setMargin(target_element, PIP_width, remaining_width - PIP_width); // 设置边距 } } else { setMargin(target_element, default_margin); // 重置边距 } }); } // 设置批量打印页面边距 function setMargin_BatchPrint(margin_valueMain, margin_valueRemain = margin_valueMain, isLeftSide = getPosition_PIP()) { const target_element = document.querySelector('.w-1160px.m-auto.flex-1.overflow-y-auto'); if (isLeftSide) { // 靠近左侧 target_element.style.marginLeft = margin_valueMain + 'px'; target_element.style.marginRight = margin_valueRemain + 'px'; } else { // 靠近右侧 target_element.style.marginRight = margin_valueMain + 'px'; target_element.style.marginLeft = margin_valueRemain + 'px'; } if (margin_valueMain === margin_valueRemain) { target_element.style.marginLeft = 'auto'; target_element.style.marginRight = 'auto'; } } // 获取批量打印页面手卡宽度 function getWidth_BatchPrint() { // 获取手卡元素 const tableCard_element = document.querySelector('.w-1160px.m-auto.flex-1.overflow-y-auto'); // 检查元素是否存在 if (!tableCard_element) { console.warn('Batch print element not found!'); return 1160; // 如果元素不存在,返回默认宽度 } tableCard_element.style.transition = 'margin 0.3s ease'; // 获取手卡宽度并返回 const tableCard_width = tableCard_element.clientWidth; return tableCard_width; } // 批量打印页面优化功能区 function batchPrint_optimize(isActivated) { if (isActivated) { // 隐藏帮助菜单 hide_link_helpMenu(); // 隐藏左侧菜单 hide_link_leftSiderMenu(); } } // 读取关闭浏览器更新弹窗次数 function getCloseCount() { let closeCount = localStorage.getItem('browserUpdateCloseCount'); // 如果本地存储中没有记录,返回0 if (closeCount === null) { closeCount = 0; } else { closeCount = parseInt(closeCount, 10); // 确保获取到的是数字 } return closeCount; } const sys_auxiliaryFunctions = new MutationObserver((mutationsList) => { let urlChanged = false; // 场次信息数据 const storedDate = GM_getValue('titlePrint_extractedDate', ''); const storedSession = GM_getValue('titlePrint_extractedSession', ''); // 重定向到手卡编辑页面 isRedirectToTableCardURL(); for (let mutation of mutationsList) { if (mutation.type === 'childList') { mutation.addedNodes.forEach((node) => { // 系统通知位置优化 if (node.nodeType === 1 && node.classList.contains('ant-message') && node.classList.contains('ant-message-top') && node.classList.contains('css-190m0jy')) { // 修改top值为64px node.style.top = '64px'; } if (sAF_closeBrowserUpdateDiv.getSwitchState()) { // 关闭浏览器更新弹窗 if (node.nodeType === 1 && node.id === 'link-browser-update-global') { const closeButton = node.querySelector('.link-browser-update-global-close'); if (closeButton) { closeButton.click(); incrementCloseCount(); // 增加关闭计数 showNotification('已关闭浏览器更新弹窗', 3000); // console.log('关闭了浏览器更新弹窗'); } else { console.log('未找到关闭按钮'); } } } }); // 检查URL是否变化 if (isHomeURL()) { pureMode(pureSwitch.getSwitchState()); pureMode_infoDisplay(pureSwitch.getSwitchState()); const currentURL = window.location.href; // 获取当前网址 titlePrint_extractData(); // 提取日期和场次信息 // 只有在 URL 发生变化时,才会执行以下代码 if (currentURL !== lastCurrentURL) { // 在保存新的 currentURL 之前,更新 lastCurrentURL const previousURL = lastCurrentURL; // 将当前网址保存到 localStorage localStorage.setItem('lastCurrentURL', currentURL); if (sAF_backToLastCurrentURL.getSwitchState()) { // 显示通知并绑定点击事件,传入 previousURL 而不是 currentURL showNotification('上次浏览的页面:' + storedDate + ' ' + storedSession, 5000); setTimeout(() => { bindClickEventToNotification(previousURL); // 绑定点击事件,传入 previousURL }, 50); } // 更新 lastCurrentURL 为新的网址 lastCurrentURL = currentURL; urlChanged = true; } GM_setValue('sAF_FristPhotoCopyForTmallAndTaobao', sAF_FristPhotoCopyForTmallAndTaobao.getSwitchState()); } if (isTableCardURL()) { if (tableCardPng_checkItemIdRow.getSwitchState()) { // 插入检查行 insertCheckedRow(url_getSessionGoodsId(), upLiveIdArray[2]); } // 手卡页面优化 tableCard_optimize(sAF_AdvanceTableCardPage.getSwitchState()); adapterPIP_forTableCardAndBatchPrint(sonMain_PIP_autoAdjust.getSwitchState()); } if (isTmallItemURL()) { isRedirectToTableCardURL(); const isCreateButton = GM_getValue('sAF_FristPhotoCopyForTmallAndTaobao', false); if (isCreateButton) { // 创建按钮 createGetTmallPngButton(); } } function cardShopName_check() { const isOnlyOneShop = onlyOneShopName(shopNameArray); const printCard_switch = document.getElementById('button_setPrintTableCardArea_switch'); const button_setPrintTableCardArea = document.getElementById('button_setPrintTableCardArea'); if (button_setPrintTableCardArea && printCard_switch.getAttribute('aria-checked') === 'true' && isOnlyOneShop !== false && isOnlyOneShop) { // 只有一个店铺名 return isOnlyOneShop; } else { return storedSession; } } if (sAF_AdvanceBatchPrint.getSwitchState() && isBatchPrintURL() && storedDate && storedSession) { document.title = `${storedDate} ${cardShopName_check()}手卡${checkIfTrailer(storedDate)}`; printingTableCard(); // 打印中 batchPrint_optimize(true); // 优化页面 if (!isPrintingTableCard()) { // 插入上播ID核对行 insertCheckedRow_forBatchPrint(sAF_AdvanceBatchPrint_alwaysDisplay.getSwitchState()); } setTimeout(function () { // 查找目标元素,即将新div插入到这个元素中 var targetElement = document.querySelector('.flex.justify-end'); // 检查是否已经存在id为button_setPrintTableCardArea的div,避免重复添加 if (!document.getElementById('button_setPrintTableCardArea')) { // 创建一个新的div元素 var newDiv = document.createElement('div'); newDiv.id = 'button_setPrintTableCardArea'; newDiv.style.display = 'flex'; newDiv.style.justifyContent = 'space-between'; newDiv.style.alignItems = 'center'; newDiv.style.marginRight = '10px'; // 创建左侧的文本节点 var textNode = document.createElement('span'); textNode.textContent = '不打印红字和卖点区域'; textNode.style.fontSize = '14px'; textNode.style.marginRight = '10px'; // 创建右侧的开关按钮 var switchButton = document.createElement('button'); switchButton.type = 'button'; switchButton.id = 'button_setPrintTableCardArea_switch'; switchButton.setAttribute('role', 'switch'); switchButton.setAttribute('aria-checked', 'false'); // 默认未开启 switchButton.className = 'ant-switch ant-switch-small css-175k68i'; // 创建开关按钮内部的div(用于手柄) var handleDiv = document.createElement('div'); handleDiv.className = 'ant-switch-handle'; // 将手柄div添加到按钮中 switchButton.appendChild(handleDiv); // 添加点击事件,切换开关状态 switchButton.addEventListener('click', function () { var isChecked = switchButton.getAttribute('aria-checked') === 'true'; if (isChecked) { // 如果是开启状态,关闭它 switchButton.setAttribute('aria-checked', 'false'); switchButton.classList.remove('ant-switch-checked'); setPrintTableCardArea(true); } else { // 如果是关闭状态,开启它 switchButton.setAttribute('aria-checked', 'true'); switchButton.classList.add('ant-switch-checked'); setPrintTableCardArea(false); } }); // 将文本节点和开关按钮添加到div中 newDiv.appendChild(textNode); newDiv.appendChild(switchButton); // 将新创建的div添加到目标元素中 targetElement.appendChild(newDiv); } else { // console.log('开关已经存在,跳过创建。'); } }, 1000); // 延迟1秒执行 } } } // 处理URL变化 if (urlChanged) { // 检查是否存在switchesContainer if (!document.getElementById('switchesContainer')) { if (isHomeURL()) { document.body.appendChild(switchesContainer); } } } }); // 观察目标节点的子节点添加和移除 sys_auxiliaryFunctions.observe(document.body, { childList: true, subtree: true }); /* 淘宝、天猫主图复制到剪贴板功能 */ function createGetTmallPngButton() { // 找到匹配的元素的编号 function findMatchingIndex(wrapperClass, imgClass) { for (let i = 0; i < wrapperClass.length; i++) { const wrapper = document.querySelector(wrapperClass[i]); if (wrapper) { const img = wrapper.querySelector(imgClass[i]); // 找到图片元素 const button = wrapper.querySelector('#button_getTmallPngButton'); // 找到按钮元素 if (img && !button) { return i; // 返回匹配的编号 } else { return -1; // 如果按钮已存在,则返回 -1 } } } return -1; // 如果没有找到匹配的元素,则返回 -1 } const wrapperClass = ['.itemImgWrap--bUt5RRLT', '.PicGallery--mainPicWrap--juPDFPo', '.mainPicWrap--Ns5WQiHr', '.PicGallery--mainPicWrap--1c9k21r', '.item-gallery-top.item-gallery-prepub2']; const imgClass = ['.itemImg--O9S7hs0i', '.PicGallery--mainPic--34u4Jrw', '.mainPic--zxTtQs0P', '.PicGallery--mainPic--1eAqOie', '.item-gallery-top__img']; const matchingIndex = findMatchingIndex(wrapperClass, imgClass); if (matchingIndex !== -1) { addButton(wrapperClass, imgClass, matchingIndex); addButton(wrapperClass, imgClass, 0); } else { // console.error('Wrapper element not found.'); } function addButton(wrapperClass, imgClass, matchingIndex) { const wrapper = document.querySelector(wrapperClass[matchingIndex]); console.log("wrapper:", wrapper); const old_button = wrapper.querySelector('#button_getTmallPngButton'); // 找到按钮元素 if (old_button) { return; // 如果按钮已存在,则直接返回 } if (wrapper) { const button = document.createElement('button'); button.textContent = '复制图片'; button.id = 'button_getTmallPngButton'; button.style.cssText = ` position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 5px 20px; font-size: 16px; background-color: rgba(22, 22, 23, .7); color: #fff; border: none; border-radius: 999px; font-family: AlibabaPuHuiTi_2_55_Regular; backdrop-filter: saturate(180%) blur(20px); /* 添加模糊效果 */ -webkit-backdrop-filter: blur(20px); /* 兼容Safari浏览器 */ text-align: center; /* 文本居中显示 */ cursor: pointer; opacity: 0; transition: opacity 0.3s ease, color 0.15s ease, background-color 0.25s ease;; z-index: 999; `; // 控制按钮显示 wrapper.addEventListener('mouseenter', () => { button.style.opacity = '1'; }); // 控制按钮隐藏 wrapper.addEventListener('mouseleave', () => { button.style.opacity = '0'; }); button.addEventListener('click', async () => { const img = wrapper.querySelector(imgClass[matchingIndex]); // console.log("img:", img); if (img) { try { const imageUrl = img.src; const response = await fetch(imageUrl); const blob = await response.blob(); const image = new Image(); image.src = URL.createObjectURL(blob); image.onload = () => { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); canvas.width = image.width; canvas.height = image.height; ctx.drawImage(image, 0, 0); canvas.toBlob(async (blob) => { try { await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]); showNotification("图片已成功复制到剪贴板", undefined, true); button.textContent = '复制成功'; button.style.backgroundColor = 'rgba(233, 233, 233, .7)'; // 按钮颜色改变 button.style.color = '#000'; // 按钮文字颜色改变 setTimeout(() => { button.textContent = '复制图片'; button.style.backgroundColor = 'rgba(22, 22, 23, .7)'; // 按钮颜色恢复 button.style.color = '#fff'; // 按钮文字颜色恢复 }, 1500); // 1.5秒后恢复按钮文字 // alert('Image copied to clipboard!'); } catch (error) { console.error('Failed to copy image to clipboard:', error); // alert('Failed to copy image to clipboard.'); showNotification('图片复制失败!'); } }, 'image/png'); }; } catch (error) { showNotification('图片复制失败!'); console.error('Failed to fetch or process image:', error); // alert('Failed to copy image to clipboard.'); } } else { // alert('Image not found!'); } }); wrapper.style.position = 'relative'; // 确保按钮在图片上层 wrapper.appendChild(button); } } } // 输入弹窗 function createDropdownModal(dropdownContainer, titleText) { return new Promise((resolve, reject) => { // 检查是否已有弹窗存在,如果有则移除 const existingModal = dropdownContainer.querySelector('.dropdown-modal'); if (existingModal) { dropdownContainer.removeChild(existingModal); } dropdownButton.style.display = 'none'; // 隐藏按钮 // 创建弹窗容器 var dropdownDivModal = document.createElement('div'); dropdownDivModal.classList.add('dropdown-modal'); // 添加一个类以便于识别 dropdownDivModal.style.cssText = ` position: absolute; top: 0; margin: 14px; width: 172px; height: 108px; background-color: rgba(233, 233, 233, 0.7); backdrop-filter: blur(8px) brightness(90%); border: 1px solid rgba(255, 98, 0, 0.25); border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; z-index: 3; transform-origin: top center; `; // 创建标题行 const title = document.createElement('div'); title.textContent = titleText || '弹窗标题'; title.style.cssText = ` padding: 8px 10px; font-size: 14px; font-weight: bold; color: rgb(51, 51, 51); border-bottom: 0px solid #ccc; text-align: left; flex-shrink: 0; `; dropdownDivModal.appendChild(title); // 创建富文本框 const textarea = document.createElement('textarea'); textarea.style.cssText = ` width: calc(100% - 20px); background-color: rgba(249, 249, 249, 0.7); height: 30px; margin: 0px 10px; padding: 5px; font-size: 12px; border: 0px solid #ccc; border-radius: 4px; resize: none; line-height: 1.2; box-sizing: border-box; flex-grow: 1; `; dropdownDivModal.appendChild(textarea); // 创建按钮容器 const buttonContainer = document.createElement('div'); buttonContainer.style.cssText = ` display: flex; justify-content: space-between; padding: 8px 10px; border-top: 0px solid #ccc; flex-shrink: 0; `; // 创建“取消”按钮 const cancelButton = document.createElement('button'); cancelButton.textContent = '取消'; cancelButton.style.cssText = ` padding: 3px 8px; font-size: 12px; color: #fff; background-color: #f44336; border: none; border-radius: 5px; cursor: pointer; flex-basis: 48%; `; cancelButton.onclick = () => { dropdownContainer.removeChild(dropdownDivModal); dropdownButton.style.display = ''; // 恢复按钮 reject('用户取消了输入'); }; buttonContainer.appendChild(cancelButton); // 创建“确认”按钮 const confirmButton = document.createElement('button'); confirmButton.textContent = '确认'; confirmButton.style.cssText = ` padding: 3px 8px; font-size: 12px; color: #fff; background-color: #4CAF50; border: none; border-radius: 5px; cursor: pointer; flex-basis: 48%; `; confirmButton.onclick = () => { const textInput = textarea.value; dropdownContainer.removeChild(dropdownDivModal); dropdownButton.style.display = ''; // 恢复按钮 resolve(textInput); // 在确认时返回输入的内容 }; buttonContainer.appendChild(confirmButton); dropdownDivModal.appendChild(buttonContainer); dropdownContainer.appendChild(dropdownDivModal); }); } })();