☰

Swiss Army Knife

Swiss Army Knife, impletement some useful tools for self

// ==UserScript==
// @name         Swiss Army Knife
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Swiss Army Knife, impletement some useful tools for self
// @author       You
// @match        *://*/*
// @require      https://code.jquery.com/jquery-3.6.3.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/flat-ui/2.1.3/js/jquery-ui-1.10.3.custom.min.js
// @icon         https://www.google.com/s2/favicons?sz=64&domain=flyudesk.com
// @grant        none
// @license MIT
// ==/UserScript==

// 解决和原网页jquery版本冲突
var $SAK = jQuery.noConflict(true);


(function() {
    'use strict';
    let addCss = function(styles) {
        var css = document.createElement('style');
        css.type = 'text/css';

        if (css.styleSheet)
            css.styleSheet.cssText = styles;
        else
            css.appendChild(document.createTextNode(styles));

        document.getElementsByTagName("head")[0].appendChild(css);
    }

    let jqUiCss = "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"
    addCss(jqUiCss);

    var originTitle = document.title
    var body = $SAK(':root > body')
    var closeStyle = 'position:fixed; z-index:1000; top:100px; right:100px; height:36px; width:36px; overflow:hidden; ' +
        'border:solid1px#826b6b; background-color:#dedede; border-radius:100%';
    var openStyle = 'position:fixed; z-index:1000; top:100px; right:100px; min-height:47px; overflow:auto;' +
        'border:solid1px#826b6b; background-color:#dedede;';
    let svg = '<svg t="1673798366177" style="padding:12%; cursor: grab; width: 70%" id="svg" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1229" data-darkreader-inline-fill=""><path d="M285.6 794.8c-19.1-0.1-34.6-15.7-34.6-34.7v-17.3h-17.3c-19.1-0.1-34.6-15.7-34.6-34.7 0.1-19.1 15.7-34.6 34.7-34.6h17.3v-17.3c0.1-19.1 15.7-34.6 34.7-34.6 19.1 0.1 34.6 15.7 34.6 34.7v17.3h17.3c19.1 0 34.6 15.6 34.6 34.7-0.1 19.1-15.7 34.6-34.7 34.6h-17.3v17.3c-0.1 19.1-15.7 34.6-34.7 34.6z m-25.1-71h9.5v36.3c0 8.6 7 15.6 15.7 15.7 8.5 0 15.6-7 15.6-15.7v-36.2h36.3c8.6 0 15.6-7 15.7-15.7 0-8.6-7-15.6-15.6-15.6h-36.3v-36.3c0-8.6-7-15.6-15.7-15.7-8.5 0-15.6 7-15.6 15.7v36.2h-36.3c-8.6 0-15.6 7-15.7 15.7 0 8.5 7 15.6 15.7 15.6h26.7z" fill="#1afa29" p-id="1230" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#50a354;"></path><path d="M738.2 843.8h-0.4l-68.4-0.1-236-0.3c-6.6 0-12-5.4-12-12s5.4-12 12-12l236 0.3 68.4 0.1h0.3c36.9 0 71-15.7 93.6-43 16.3-19.6 24.8-43 24.8-67.9 0-22.6-7.1-44.4-20.8-63-13.4-18.3-32.1-32.3-54-40.5-6.2-2.3-9.4-9.2-7-15.4 2.3-6.2 9.2-9.4 15.4-7 26.3 9.8 48.8 26.7 65 48.8 16.7 22.8 25.5 49.4 25.4 77.2 0 30.5-10.5 59.3-30.4 83.2-27 32.8-67.8 51.6-111.9 51.6zM362.7 843.1l-83.9-0.1c-39.6 0-76.3-15-103.5-42.2-25.2-25.2-39-58.2-39-93 0.1-74.4 64.1-134.9 142.6-134.9h0.2l459 0.6c6.6 0 12 5.4 12 12s-5.4 12-12 12l-459-0.6h-0.2c-65.3 0-118.5 49.7-118.6 110.9 0 28.3 11.3 55.3 32 76 22.7 22.7 53.4 35.2 86.5 35.2l83.9 0.1c6.6 0 12 5.4 12 12s-5.4 12-12 12z" fill="#1afa29" p-id="1231" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#50a354;"></path><path d="M815.9 607.8l-24-0.2 3-408.6v-7.8h-4.1l-0.1 14-9.6 1.9c-28.5 5.5-52.9 20.5-70.6 43.3-17.7 22.8-27.1 51.2-27.4 82.3l-0.1 17.8 10 0.1 63.3 0.5-0.5 67-0.4 47.9c-0.1 20.7-17 37.4-37.7 37.4h-0.3c-16.5-0.1-30.4-10.9-35.4-25.7l-0.7 95.4-24-0.2 1.2-167.7 46 0.4-0.5 59.9c-0.1 7.5 6 13.7 13.6 13.8h0.1c7.5 0 13.7-6.1 13.7-13.6l0.4-47.9 0.3-43-39.3-0.3-34-0.3 0.3-41.8c0.3-36.4 11.5-69.8 32.4-96.8 19.3-24.9 45.2-42 75.4-50v-2c0-9.1 7.5-16.5 16.7-16.5l18.8 0.1c9.1 0 16.5 7.5 16.5 16.7V199l-3 408.8z m-13.7-416.5s0.1 0 0 0zM477.1 589.3l-55.2-157.8 11.2-4c8-2.9 14.3-8.7 18-16.4 3.6-7.7 4-16.3 1.1-24.3s-8.7-14.3-16.4-18c-7.7-3.6-16.3-4-24.3-1.1-11.9 4.3-20.1 15.2-20.9 27.9l-23.9-1.6c1.4-22.2 15.8-41.4 36.7-48.9 14-5.1 29.1-4.3 42.6 2s23.7 17.5 28.7 31.5c9.1 25.1-1 52.5-22.8 66.1l47.8 136.6-22.6 8zM566.5 587.9l-36-138.7c-14.5-55.9-14.8-113.8-0.9-172l11.2-46.8 88.6 341.2-23.2 6-62-238.6c-2.5 35.3 0.7 70.1 9.5 104.2l36 138.7-23.2 6z" fill="#1afa29" p-id="1232" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#50a354;"></path></svg>'
    var SAK = $SAK("<div>", {
        id: "SAK",
        // draggable: "true",
        style: closeStyle,
        class: "draggable ",
        click: function(){
            $SAK(this).attr("style", openStyle)
            $SAK('#SAK-content').show()
            $SAK('#svg').hide()
        },
        drag: function() {
            console.log('drag')
        },
        dragstart: function() {
            console.log('start')
        }
    })
    var content = '<div id="SAK-content">' +
        '<div>标题: <input id="set-title-input" type="text" style="width:100px" /> <button id="set-title-btn" type="button">设置</button></div>' +
        '<div>时间: <input id="timestamp-input" type="text" style="width:100px" /> <button id="parse-timestamp-btn" type="button">转换</button></div>' +
        "</div>"

    /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> handlers define scope >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
    let parseTimestamp = function () {
        let str = $SAK('#timestamp-input').val().trim()
        let timestamp = parseInt(str)
        if (isNaN(timestamp) || timestamp < 1000000000) { return }

        timestamp = timestamp < 10000000000 ? timestamp * 1000 : timestamp;
        let now = new Date(timestamp),
            y = now.getFullYear(),
            m = now.getMonth() + 1,
            d = now.getDate();
        let date = y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d) + " " + now.toTimeString().substr(0, 8);
        $SAK('#timestamp-input').val(date)
    }
    let parseDatetime = function () { Math.round(new Date() / 1000) }
    let setTitle = function() { document.title = $SAK.trim($SAK('#set-title-input').val()); }
    /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< handlers define bottom <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


    /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> initial >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
    body.append(SAK);
    SAK.append(content);
    SAK.append(svg);
    $SAK('#SAK-content').hide()
    $SAK('#svg').show()
    /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<< initial <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

    /* >>>>>>>>>>>>>>>>>>>>>>>>>>> 添加 Dom 事件 >>>>>>>>>>>>>>>>>>>>>>>>>> */
    // 全局点击事件，点击 SAK 弹出，否则隐藏
    window.onclick = function(event) {
        if (event.target.id == 'SAK' || $SAK('#SAK').has($SAK(event.target)).length > 0) { // contains
            $SAK('#SAK').attr("style", openStyle);
            $SAK('#svg').hide()
            let allInputs = $SAK('input')
            if (allInputs.val() != "") return
            navigator.clipboard.readText().then(function (text) {
                allInputs.val($SAK.trim(text))
                allInputs.focus()
                allInputs.select()
            });
        } else { // 非窗体处点击
            $SAK('#SAK').attr("style", closeStyle)
            $SAK('#SAK-content').css({"display": "none"})
            $SAK('#svg').show()
        }
    }
    // 设置 title
    $SAK('#set-title-input').keydown(function(e) { e.keyCode == 13 ? setTitle(): null; });
    $SAK('#set-title-btn').click(setTitle)
    // 时间戳转换
    $SAK('#parse-timestamp-btn').click(parseTimestamp)
    /* >>>>>>>>>>>>>>>>>>>>>>>>>>> 添加 Dom 事件 END >>>>>>>>>>>>>>>>>>>>>>>>>> */

    var ondragend1 = function(e){
        return
        e.preventDefault();// 阻止默认事件，以免造成可能的奇怪结果
        // X方向上的处理
        if(e.clientX < panel.offsetWidth/2){
            panel.style.left = "0px";
        }
        else if(e.clientX > body.clientWidth-panel.offsetWidth){
            panel.style.left = body.clientWidth-panel.offsetWidth + "px";
        }
        else {
            panel.style.left = (e.clientX-panel.offsetWidth/2) + "px";
        }
        //Y方向上的处理
        if(e.clientY < panel.offsetWidth/2){
            panel.style.top = "0px";
        }
        else if(e.clientY > body.clientHeight-panel.offsetHeight){
            panel.style.top = body.clientHeight-panel.offsetHeight + "px";
        }
        else {
            panel.style.top = (e.clientY-panel.offsetWidth/2) + "px";
        }
    }
})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址