☰

Greasy Fork is available in English.

B站快速收藏

按住收藏按钮，移动到收藏选项，松开按钮直接收藏

// ==UserScript==
// @name         B站快速收藏
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  按住收藏按钮，移动到收藏选项，松开按钮直接收藏
// @author       F_thx
// @match        https://www.bilibili.com/video/*
// @license      MIT
// ==/UserScript==

(function () {
    let mouseX = 0
    let mouseY = 0
    let timeOut = 1000
    const debugMode = 0
    'use strict';

    // 添加样式以隐藏bili-dialog-m
    const style = document.createElement('style');
    style.innerHTML = `
        #debug-info {
            position: fixed;
            top: 10px;
            left: 10px;
            color: red;
            z-index: 10001;
        }
        .wheelItem {
            color: var(--text2);
            background: var(--graph_bg_regular);
            height: 28px;
            line-height: 28px;
            border-radius: 14px;
            font-size: 13px;
            padding: 0 12px;
            box-sizing: border-box;
            transition: all .3s;
            display: inline-flex;
            align-items: center;
            cursor: pointer;
        }
    `;

    const style2 = document.createElement('style');
    style2.innerHTML = ``;
    style2.id = 'runtimeStyle'
    document.addEventListener('mousemove', function (event) {
        mouseX = event.clientX;
        mouseY = event.clientY;
    });

    document.head.appendChild(style);
    document.head.appendChild(style2);

    // 创建调试信息元素
    const debugInfo = document.createElement('div');
    debugInfo.id = 'debug-info';
    document.body.appendChild(debugInfo);

    // 更新调试信息
    function updateDebugInfo(message) {
        if (!debugMode)return
        debugInfo.textContent = message;
    }

    // 获取收藏按钮
    const favButton = document.querySelector('div[title="收藏（E）"]');

    // 监听按住事件
    let holdTimeout;
    favButton.addEventListener('mousedown', function (event) {


        holdTimeout = setTimeout(() => {
            // 模拟点击收藏按钮以打开收藏夹页面
            document.querySelector('#runtimeStyle').innerHTML = `
            .bili-dialog-bomb {
                display: none !important;
            }
            `;
            favButton.click();
            setTimeout(() => {
                // 显示转盘菜单
                showWheelMenu();
            }, 50); // 等待收藏夹内容加载
        }, 300); // 0.5秒后显示转盘
    });

    favButton.addEventListener('mouseup', function (event) {
        clearTimeout(holdTimeout);
    });

    // 显示转盘菜单
    function showWheelMenu() {


        // 获取收藏夹列表
        let favList = document.querySelectorAll('body > div.bili-dialog-m > div > div > div.content > div > ul > li > label > span.fav-title');
        if (favList.length < 1) {
            setTimeout(showWheelMenu,50)
            timeOut += 50
            return
        }
        // 更新调试信息
        updateDebugInfo('收藏夹已开启 耗时'+timeOut+'ms');
        timeOut = 0


        // 创建并显示自定义转盘菜单
        const wheelMenu = document.createElement('div');
        wheelMenu.id = 'wheel-menu';
        wheelMenu.style.position = 'fixed';
        wheelMenu.style.top = '50%';
        wheelMenu.style.left = '50%';
        wheelMenu.style.transform = 'translate(-50%, -50%)';
        wheelMenu.style.zIndex = '10000';
        wheelMenu.style.background = 'white';
        wheelMenu.style.borderRadius = '50%';
        wheelMenu.style.width = '200px';
        wheelMenu.style.height = '200px';
        wheelMenu.style.display = 'flex';
        wheelMenu.style.flexDirection = 'column';
        wheelMenu.style.alignItems = 'center';
        wheelMenu.style.justifyContent = 'center';
        wheelMenu.style.left = (mouseX - wheelMenu.offsetWidth / 2) + 'px';
        wheelMenu.style.top = (mouseY - wheelMenu.offsetHeight / 2) + 'px';
        wheelMenu.classList.add('wheelMenu')
        wheelMenu.zIndex = '10202'
        let selectFavorit = false

        favList.forEach((fav, index) => {
            const favItem = document.createElement('div');
            favItem.textContent = fav.textContent;
            // favItem.style.padding = '10px 20px';
            // favItem.style.margin = '10px';
            // favItem.style.borderRadius = '15px';
            // favItem.style.cursor = 'pointer';
            // favItem.style.color = 'white';
            // favItem.style.fontSize = '16px';
            // favItem.style.background = 'rgba(0, 0, 0, 0.6)';
            // favItem.style.transition = 'background-color 0.2s ease';
            favItem.classList.add('wheelItem')
            if (fav.parentElement.querySelector('[type="checkbox"]').checked) { favItem.style.background = '#c8e4ff' }
            // 鼠标悬停效果
            favItem.addEventListener('mouseenter', function () {
                favItem.style.background = '#d8d8d8'
                if (fav.parentElement.querySelector('[type="checkbox"]').checked) { favItem.style.background = '#ffe4ff' }
            });

            favItem.addEventListener('mouseleave', function () {
                favItem.style.background = 'var(--graph_bg_regular)';
            });

            favItem.addEventListener('mouseup', function () {
                selectFavorit = true
                selectFavoriteAndConfirm(index + 1);
                document.querySelector('body > div.bili-dialog-m').removeChild(wheelMenu);
            });

            // // 根据角度分布项目，形成转盘布局
            // const angle = (index * 360) / numItems;
            // favItem.style.position = 'absolute';
            // favItem.style.transform = `rotate(${angle}deg) translate(120px) rotate(-${angle}deg)`;

            wheelMenu.appendChild(favItem);
        });

        document.querySelector('body > div.bili-dialog-m').appendChild(wheelMenu);


        // 监听取消操作
        document.addEventListener('mouseup', function cancelWheelMenu(event) {
            if (!selectFavorit) {
                try {
                    document.querySelector('body > div.bili-dialog-m').removeChild(wheelMenu);
                    let dialog = document.querySelector('body > div.bili-dialog-m');
                    if (dialog) {
                        const close = document.querySelector("body > div.bili-dialog-m > div > div > div.title > i");
                        if (close) {
                            close.click();
                        }
                    }
                    updateDebugInfo('操作已取消');
                    document.removeEventListener('mouseup', cancelWheelMenu);
                    setTimeout(() => {
                        document.querySelector('#runtimeStyle').innerHTML = ``;
                        updateDebugInfo('操作已取消 => 取消隐藏')
                    }, 500);
                } catch { }

            }
        });
    }

    // 模拟选择收藏夹并点击确认
    function selectFavoriteAndConfirm(index) {
        const checkbox = document.querySelector(`body > div.bili-dialog-m > div > div > div.content > div > ul > li:nth-child(${index}) > label`);
        const confirmButton = document.querySelector('button.btn.submit-move');

        if (checkbox && confirmButton) {
            checkbox.click();
            setTimeout(() => {
                confirmButton.click();
                updateDebugInfo('收藏夹已选择: ' + document.querySelectorAll('body > div.bili-dialog-m > div > div > div.content > div > ul > li > label > span.fav-title')[index - 1].textContent);

                let dialog = document.querySelector('body > div.bili-dialog-m');
                if (dialog) {
                    setTimeout(() => {
                        document.querySelector('#runtimeStyle').innerHTML = ``;
                        updateDebugInfo('收藏夹已选择 => 取消隐藏')
                    }, 500)
                }
            }, 100);


        }
    }
})();