☰

OKX withdrawal Address Filler

Automate withdrawal address entry on OKX withdrawal page.

// ==UserScript==
// @name         OKX withdrawal Address Filler
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Automate withdrawal address entry on OKX withdrawal page.
// @author       You
// @match        https://www.okx.com/*/balance/withdrawal-address/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let container;
    let textarea, prefixInput;

    // 创建用户界面
    const createUserInterface = () => {
        container = document.createElement('div');
        container.style.position = 'fixed';
        container.style.top = '50%';
        container.style.left = '100px';
        container.style.transform = 'translateY(-50%)';
        container.style.zIndex = '99999';
        container.style.backgroundColor = '#FFF';
        container.style.padding = '10px';
        container.style.border = '1px solid #CCC';
        container.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.2)';
        container.style.borderRadius = '8px';
        container.style.display = 'none'; // 初始设置为隐藏

        textarea = document.createElement('textarea');
        textarea.placeholder = '粘贴地址列表，每行一个';
        textarea.style.width = '300px';
        textarea.style.height = '150px';
        textarea.style.resize = 'none';

        prefixInput = document.createElement('input');
        prefixInput.placeholder = '备注前缀（如 a1, 那么备注会是 a1 到 aN）';
        prefixInput.style.display = 'block';
        prefixInput.style.marginTop = '5px';
        prefixInput.style.width = '290px';


        const fillButton = document.createElement('button');
        fillButton.textContent = '填充地址';
        fillButton.style.backgroundColor = 'black'; // 按钮背景色
        fillButton.style.color = 'white'; // 文字颜色
        fillButton.style.padding = '5px 10px'; // 内边距
        fillButton.style.border = 'none'; // 无边框
        fillButton.style.borderRadius = '15px'; // 边框圆角
        fillButton.style.cursor = 'pointer'; // 鼠标样式
        fillButton.style.marginTop = '10px'; // 顶部外边距
        fillButton.style.float = 'right'; // 右浮动
        fillButton.onclick = () => handleFillButton(textarea.value, prefixInput.value);


        container.appendChild(textarea);
        container.appendChild(prefixInput);
        container.appendChild(fillButton);
        document.body.appendChild(container);
    };

   const resetFormData = () => {
        textarea.value = '';
        prefixInput.value = '';
    };

   const adjustPosition = () => {
        const popup = document.querySelector('.okui-dialog-window');
        if (popup) {
            const rect = popup.getBoundingClientRect();
            container.style.top = `${rect.top + (rect.height / 2) - (container.offsetHeight / 2)}px`; // 纵向居中
            container.style.left = `${rect.left - container.offsetWidth - 10}px`; // 横向放在弹出窗口左侧
        }
    };

    const handleFillButton = async (rawData, prefix) => {
        const data = parseAddresses(rawData, prefix);
        await addAddresses(data.length-1);
        fillForm(0, data);
    };

    // 监听DOM变化
    const observeDOM = (element, callback) => {
        const observer = new MutationObserver(mutations => {
            if (mutations.length) {
                callback();
                adjustPosition(); // 每次DOM变化后调整位置

            }
        });

        observer.observe(element, { childList: true, subtree: true });
    };

    // 检查“新增提现地址”框是否显示
    const checkForPopup = () => {
        const popup = document.querySelector('.balance_okui-dialog-window');
        if (popup && getComputedStyle(popup).display !== 'none') {
            container.style.display = 'block';
        } else {
            container.style.display = 'none';
            resetFormData(); // 当弹出窗口关闭时重置数据
        }
    };

    // 连续点击添加按钮
    const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
    const addAddresses = async (count) => {
        for (let i = 0; i < count; i++) {
            document.querySelector('.add-address-form-btn').click();
            await delay(20);
        }
    };

    // 解析地址和前缀
    const parseAddresses = (rawData, prefix) => {
        const lines = rawData.split('\n');
        const baseIndex = parseInt(prefix.substring(1)) || 0;
        return lines.map((line, index) => {
            const address = line.trim();
            const note = `${prefix.substring(0, 1)}${baseIndex + index}`;
            return { address, note };
        });
    };

    // 填充地址
    const fillAddresses = (rawData, prefix) => {
        const data = parseAddresses(rawData, prefix);
        fillForm(0, data);
    };

    function simulateReactInputChange(input, value) {
        const lastValue = input.value;
        input.value = value;

        const event = new Event('input', { bubbles: true });
        event.simulated = true;

        const tracker = input._valueTracker;
        if (tracker) {
            tracker.setValue(lastValue);
        }

        input.dispatchEvent(event);
    }

    function fillForm(index, data) {
        if (index >= data.length) {
            console.log('所有表单已填充完毕。');
            return;
        }

        setTimeout(() => {
            const addressInputs = document.querySelectorAll(
                'input[placeholder*="地址 / .crypto domain"]'
            );
            const noteInputs = document.querySelectorAll(
                'input[placeholder="如：“我的钱包”"]'
            );

            if (addressInputs.length === 0 || noteInputs.length === 0) {
                console.error('找不到输入框，请检查选择器。');
                return;
            }

            if (index >= addressInputs.length || index >= noteInputs.length) {
                console.error('数据超过了输入框的数量。');
                return;
            }

            simulateReactInputChange(addressInputs[index], data[index].address);
            simulateReactInputChange(noteInputs[index], data[index].note);

            console.log(`已填充表单 ${index + 1}。`);

            fillForm(index + 1, data);
        }, 0);
    }

    // 初始化
    window.addEventListener('load', () => {
        createUserInterface();
        observeDOM(document.body, checkForPopup); // 监听body的变化
    });
})();