Greasy Fork is available in English.
浏览器快捷跳转
// ==UserScript==
// @name 袋鼠快跳
// @namespace https://chensuiyi.me
// @version 1.1.4
// @author 陈随易
// @description 浏览器快捷跳转
// @license MIT
// @icon https://static.yicode.tech/logo/kuaitiao2.png
// @homepage https://chensuiyi.me
// @homepageURL https://chensuiyi.me
// @source https://github.com/chenbimo/kangaroo-jump
// @match *://*/*
// @grant GM_addStyle
// @grant GM_deleteValue
// @grant GM_getValue
// @grant GM_listValues
// @grant GM_setValue
// ==/UserScript==
(o=>{if(typeof GM_addStyle=="function"){GM_addStyle(o);return}const i=document.createElement("style");i.textContent=o,document.head.append(i)})(" :root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.kuaitiao{position:fixed;top:50vh;left:50vw;height:600px;width:1000px;margin-top:-300px;margin-left:-500px;z-index:999999999;display:none;background-color:#333;border:2px solid #999;border-radius:10px;font-size:14px}.kuaitiao a{text-decoration:none!important;color:inherit!important}.kuaitiao a:hover{text-decoration:none!important}.kuaitiao *{box-sizing:border-box;padding:0;border:0;margin:0;outline:0}.kuaitiao.active{display:block}.kuaitiao .logo{position:absolute;top:-30px;left:50%;margin-left:-30px;height:60px;width:60px;border:2px solid #999;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:20px}.kuaitiao .panel{position:absolute;left:15px;right:0;bottom:41px;top:40px}.kuaitiao .panel .group .grid{display:flex;flex-wrap:wrap}.kuaitiao .panel .group .box{padding-right:15px;flex:0 0 16.6666666667%;margin-bottom:15px}.kuaitiao .panel .group .box .inner{position:relative;height:40px;background-color:#555;border-radius:20px;padding:0 10px;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.kuaitiao .panel .group .box .inner.move .pointer .shou{fill:#e33}.kuaitiao .panel .group .box .inner .pointer{position:absolute;height:100%;width:14px;left:-13px;font-size:14px;display:flex;flex-direction:column;justify-content:flex-end}.kuaitiao .panel .group .box .inner .link{flex:1 1 100%;display:flex;align-items:center;color:#fff}.kuaitiao .panel .group .box .inner .close{flex:0 0 auto;font-size:18px;cursor:pointer;display:flex;align-items:center}.kuaitiao .panel .group .box .inner .close .close-icon{fill:#666;transition:all .2s}.kuaitiao .panel .group .box .inner .close:hover .close-icon{fill:#e33}.kuaitiao .panel .group .box .inner:hover{box-shadow:0 2px #888}.kuaitiao .panel .group .box .inner:hover .dot{background-color:#3fed2d}.kuaitiao .panel .group .box .inner .dot{flex:0 0 12px;height:12px;background-color:#999;margin-right:6px;border-radius:6px;transition:all .2s}.kuaitiao .panel .group .box .inner .text{flex:1 1 100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eee!important;text-decoration:none!important}.kuaitiao .foot{position:absolute;bottom:0;left:15px;right:15px;height:26px;border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center}.kuaitiao .foot .left{flex:0 0 45%;font-size:12px;color:#666;cursor:pointer;transition:all .2s}.kuaitiao .foot .left:hover{color:#999}.kuaitiao .foot .right{flex:0 0 45%;display:flex;justify-content:flex-end;font-size:16px}.kuaitiao .foot .right .icon{cursor:pointer}.kuaitiao .foot .right .icon svg{transition:all .2s;fill:#666}.kuaitiao .foot .right .icon:hover svg{fill:#999}.kuaitiao .foot .center{flex:0 0 10%;display:flex;justify-content:center;align-items:center;font-size:24px}.kuaitiao .foot .center .icon{cursor:pointer}.kuaitiao .foot .center .icon .plus{fill:#ccc;transition:all .2s}.kuaitiao .foot .center .icon:hover .plus{fill:#fff}.kuaitiao .dialog.add{position:absolute;bottom:35px;width:200px;height:52px;border:2px solid #999;background-color:#fff;left:50%;margin-left:-100px;border-radius:6px;display:none}.kuaitiao .dialog.add.active{display:block}.kuaitiao .dialog.add .info{position:absolute;left:0;top:0;bottom:0;width:160px}.kuaitiao .dialog.add .info .input:first-of-type{border-bottom:1px solid #ccc}.kuaitiao .dialog.add .info input{height:24px;background-color:transparent;padding:0 6px}.kuaitiao .dialog.add .info input::placeholder{font-size:12px}.kuaitiao .dialog.add .send{position:absolute;right:0;top:0;bottom:0;width:40px;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer}.kuaitiao .dialog.add .send .gou{fill:#666;transition:all .2s}.kuaitiao .dialog.add .send:hover .gou{fill:#00b42a} ");
(function () {
'use strict';
var __defProp = Object.defineProperty;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
function noop() {
}
function run(fn) {
return fn();
}
function blank_object() {
return /* @__PURE__ */ Object.create(null);
}
function run_all(fns) {
fns.forEach(run);
}
function is_function(thing) {
return typeof thing === "function";
}
function safe_not_equal(a2, b) {
return a2 != a2 ? b == b : a2 !== b || a2 && typeof a2 === "object" || typeof a2 === "function";
}
function is_empty(obj) {
return Object.keys(obj).length === 0;
}
function append(target, node) {
target.appendChild(node);
}
function insert(target, node, anchor) {
target.insertBefore(node, anchor || null);
}
function detach(node) {
if (node.parentNode) {
node.parentNode.removeChild(node);
}
}
function element(name) {
return document.createElement(name);
}
function text(data) {
return document.createTextNode(data);
}
function space() {
return text(" ");
}
function listen(node, event, handler, options) {
node.addEventListener(event, handler, options);
return () => node.removeEventListener(event, handler, options);
}
function attr(node, attribute, value) {
if (value == null) node.removeAttribute(attribute);
else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
}
function children(element2) {
return Array.from(element2.childNodes);
}
function set_data(text2, data) {
data = "" + data;
if (text2.data === data) return;
text2.data = /** @type {string} */
data;
}
function set_input_value(input, value) {
input.value = value == null ? "" : value;
}
function set_style(node, key, value, important) {
{
node.style.setProperty(key, value, "");
}
}
function toggle_class(element2, name, toggle) {
element2.classList.toggle(name, !!toggle);
}
let current_component;
function set_current_component(component) {
current_component = component;
}
const dirty_components = [];
const binding_callbacks = [];
let render_callbacks = [];
const flush_callbacks = [];
const resolved_promise = /* @__PURE__ */ Promise.resolve();
let update_scheduled = false;
function schedule_update() {
if (!update_scheduled) {
update_scheduled = true;
resolved_promise.then(flush);
}
}
function add_render_callback(fn) {
render_callbacks.push(fn);
}
const seen_callbacks = /* @__PURE__ */ new Set();
let flushidx = 0;
function flush() {
if (flushidx !== 0) {
return;
}
const saved_component = current_component;
do {
try {
while (flushidx < dirty_components.length) {
const component = dirty_components[flushidx];
flushidx++;
set_current_component(component);
update(component.$$);
}
} catch (e2) {
dirty_components.length = 0;
flushidx = 0;
throw e2;
}
set_current_component(null);
dirty_components.length = 0;
flushidx = 0;
while (binding_callbacks.length) binding_callbacks.pop()();
for (let i2 = 0; i2 < render_callbacks.length; i2 += 1) {
const callback = render_callbacks[i2];
if (!seen_callbacks.has(callback)) {
seen_callbacks.add(callback);
callback();
}
}
render_callbacks.length = 0;
} while (dirty_components.length);
while (flush_callbacks.length) {
flush_callbacks.pop()();
}
update_scheduled = false;
seen_callbacks.clear();
set_current_component(saved_component);
}
function update($$) {
if ($$.fragment !== null) {
$$.update();
run_all($$.before_update);
const dirty = $$.dirty;
$$.dirty = [-1];
$$.fragment && $$.fragment.p($$.ctx, dirty);
$$.after_update.forEach(add_render_callback);
}
}
function flush_render_callbacks(fns) {
const filtered = [];
const targets = [];
render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
targets.forEach((c) => c());
render_callbacks = filtered;
}
const outroing = /* @__PURE__ */ new Set();
function transition_in(block, local) {
if (block && block.i) {
outroing.delete(block);
block.i(local);
}
}
function ensure_array_like(array_like_or_iterator) {
return (array_like_or_iterator == null ? void 0 : array_like_or_iterator.length) !== void 0 ? array_like_or_iterator : Array.from(array_like_or_iterator);
}
function destroy_block(block, lookup) {
block.d(1);
lookup.delete(block.key);
}
function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block2, next, get_context) {
let o2 = old_blocks.length;
let n2 = list.length;
let i2 = o2;
const old_indexes = {};
while (i2--) old_indexes[old_blocks[i2].key] = i2;
const new_blocks = [];
const new_lookup = /* @__PURE__ */ new Map();
const deltas = /* @__PURE__ */ new Map();
const updates = [];
i2 = n2;
while (i2--) {
const child_ctx = get_context(ctx, list, i2);
const key = get_key(child_ctx);
let block = lookup.get(key);
if (!block) {
block = create_each_block2(key, child_ctx);
block.c();
} else {
updates.push(() => block.p(child_ctx, dirty));
}
new_lookup.set(key, new_blocks[i2] = block);
if (key in old_indexes) deltas.set(key, Math.abs(i2 - old_indexes[key]));
}
const will_move = /* @__PURE__ */ new Set();
const did_move = /* @__PURE__ */ new Set();
function insert2(block) {
transition_in(block, 1);
block.m(node, next);
lookup.set(block.key, block);
next = block.first;
n2--;
}
while (o2 && n2) {
const new_block = new_blocks[n2 - 1];
const old_block = old_blocks[o2 - 1];
const new_key = new_block.key;
const old_key = old_block.key;
if (new_block === old_block) {
next = new_block.first;
o2--;
n2--;
} else if (!new_lookup.has(old_key)) {
destroy(old_block, lookup);
o2--;
} else if (!lookup.has(new_key) || will_move.has(new_key)) {
insert2(new_block);
} else if (did_move.has(old_key)) {
o2--;
} else if (deltas.get(new_key) > deltas.get(old_key)) {
did_move.add(new_key);
insert2(new_block);
} else {
will_move.add(old_key);
o2--;
}
}
while (o2--) {
const old_block = old_blocks[o2];
if (!new_lookup.has(old_block.key)) destroy(old_block, lookup);
}
while (n2) insert2(new_blocks[n2 - 1]);
run_all(updates);
return new_blocks;
}
function mount_component(component, target, anchor) {
const { fragment, after_update } = component.$$;
fragment && fragment.m(target, anchor);
add_render_callback(() => {
const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
if (component.$$.on_destroy) {
component.$$.on_destroy.push(...new_on_destroy);
} else {
run_all(new_on_destroy);
}
component.$$.on_mount = [];
});
after_update.forEach(add_render_callback);
}
function destroy_component(component, detaching) {
const $$ = component.$$;
if ($$.fragment !== null) {
flush_render_callbacks($$.after_update);
run_all($$.on_destroy);
$$.fragment && $$.fragment.d(detaching);
$$.on_destroy = $$.fragment = null;
$$.ctx = [];
}
}
function make_dirty(component, i2) {
if (component.$$.dirty[0] === -1) {
dirty_components.push(component);
schedule_update();
component.$$.dirty.fill(0);
}
component.$$.dirty[i2 / 31 | 0] |= 1 << i2 % 31;
}
function init(component, options, instance2, create_fragment2, not_equal, props, append_styles = null, dirty = [-1]) {
const parent_component = current_component;
set_current_component(component);
const $$ = component.$$ = {
fragment: null,
ctx: [],
// state
props,
update: noop,
not_equal,
bound: blank_object(),
// lifecycle
on_mount: [],
on_destroy: [],
on_disconnect: [],
before_update: [],
after_update: [],
context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
// everything else
callbacks: blank_object(),
dirty,
skip_bound: false,
root: options.target || parent_component.$$.root
};
append_styles && append_styles($$.root);
let ready = false;
$$.ctx = instance2 ? instance2(component, options.props || {}, (i2, ret, ...rest) => {
const value = rest.length ? rest[0] : ret;
if ($$.ctx && not_equal($$.ctx[i2], $$.ctx[i2] = value)) {
if (!$$.skip_bound && $$.bound[i2]) $$.bound[i2](value);
if (ready) make_dirty(component, i2);
}
return ret;
}) : [];
$$.update();
ready = true;
run_all($$.before_update);
$$.fragment = create_fragment2 ? create_fragment2($$.ctx) : false;
if (options.target) {
if (options.hydrate) {
const nodes = children(options.target);
$$.fragment && $$.fragment.l(nodes);
nodes.forEach(detach);
} else {
$$.fragment && $$.fragment.c();
}
if (options.intro) transition_in(component.$$.fragment);
mount_component(component, options.target, options.anchor);
flush();
}
set_current_component(parent_component);
}
class SvelteComponent {
constructor() {
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
__publicField(this, "$$");
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
__publicField(this, "$$set");
}
/** @returns {void} */
$destroy() {
destroy_component(this, 1);
this.$destroy = noop;
}
/**
* @template {Extract<keyof Events, string>} K
* @param {K} type
* @param {((e: Events[K]) => void) | null | undefined} callback
* @returns {() => void}
*/
$on(type, callback) {
if (!is_function(callback)) {
return noop;
}
const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
callbacks.push(callback);
return () => {
const index = callbacks.indexOf(callback);
if (index !== -1) callbacks.splice(index, 1);
};
}
/**
* @param {Partial<Props>} props
* @returns {void}
*/
$set(props) {
if (this.$$set && !is_empty(props)) {
this.$$.skip_bound = true;
this.$$set(props);
this.$$.skip_bound = false;
}
}
}
const PUBLIC_VERSION = "4";
if (typeof window !== "undefined")
(window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(PUBLIC_VERSION);
var t = ["Shift", "Meta", "Alt", "Control"], e = "object" == typeof navigator ? navigator.platform : "", n = /Mac|iPod|iPhone|iPad/.test(e), r = n ? "Meta" : "Control", o = "Win32" === e ? ["Control", "Alt"] : n ? ["Alt"] : [];
function i(t2, e2) {
return "function" == typeof t2.getModifierState && (t2.getModifierState(e2) || o.includes(e2) && t2.getModifierState("AltGraph"));
}
function a(t2) {
return t2.trim().split(" ").map(function(t3) {
var e2 = t3.split(/\b\+/), n2 = e2.pop();
return [e2 = e2.map(function(t4) {
return "$mod" === t4 ? r : t4;
}), n2];
});
}
function u(e2, n2) {
var r2;
void 0 === n2 && (n2 = {});
var o2 = null != (r2 = n2.timeout) ? r2 : 1e3, u2 = Object.keys(e2).map(function(t2) {
return [a(t2), e2[t2]];
}), c = /* @__PURE__ */ new Map(), f = null;
return function(e3) {
e3 instanceof KeyboardEvent && (u2.forEach(function(n3) {
var r3 = n3[0], o3 = n3[1], a2 = c.get(r3) || r3;
!function(e4, n4) {
return !(n4[1].toUpperCase() !== e4.key.toUpperCase() && n4[1] !== e4.code || n4[0].find(function(t2) {
return !i(e4, t2);
}) || t.find(function(t2) {
return !n4[0].includes(t2) && n4[1] !== t2 && i(e4, t2);
}));
}(e3, a2[0]) ? i(e3, e3.key) || c.delete(r3) : a2.length > 1 ? c.set(r3, a2.slice(1)) : (c.delete(r3), o3(e3));
}), f && clearTimeout(f), f = setTimeout(c.clear.bind(c), o2));
};
}
var _GM_deleteValue = /* @__PURE__ */ (() => typeof GM_deleteValue != "undefined" ? GM_deleteValue : void 0)();
var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)();
var _GM_listValues = /* @__PURE__ */ (() => typeof GM_listValues != "undefined" ? GM_listValues : void 0)();
var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)();
const logoSvg = "data:image/png;base64,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";
const addSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">\r\n <path class="plus" fill="#cccccc" d="M4.139 20q-.703 0-1.06-.606q-.358-.605.01-1.221L10.95 4.789q.187-.299.467-.457t.58-.159q.301 0 .584.159t.469.457l7.88 13.384q.368.616.01 1.221q-.357.606-1.06.606zm7.361-4.846v1.442q0 .213.144.357t.357.143t.356-.143t.143-.357v-1.442h1.48q.213 0 .357-.144t.144-.357t-.144-.356t-.356-.143H12.5V12.73q0-.213-.144-.356t-.357-.144t-.356.144t-.143.356v1.423h-1.461q-.213 0-.357.144t-.144.357t.144.356t.356.143z" />\r\n</svg>';
const githubSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">\r\n <path d="M12 2.247a10 10 0 0 0-3.162 19.487c.5.088.687-.212.687-.475c0-.237-.012-1.025-.012-1.862c-2.513.462-3.163-.613-3.363-1.175a3.636 3.636 0 0 0-1.025-1.413c-.35-.187-.85-.65-.013-.662a2.001 2.001 0 0 1 1.538 1.025a2.137 2.137 0 0 0 2.912.825a2.104 2.104 0 0 1 .638-1.338c-2.225-.25-4.55-1.112-4.55-4.937a3.892 3.892 0 0 1 1.025-2.688a3.594 3.594 0 0 1 .1-2.65s.837-.262 2.75 1.025a9.427 9.427 0 0 1 5 0c1.912-1.3 2.75-1.025 2.75-1.025a3.593 3.593 0 0 1 .1 2.65a3.869 3.869 0 0 1 1.025 2.688c0 3.837-2.338 4.687-4.562 4.937a2.368 2.368 0 0 1 .674 1.85c0 1.338-.012 2.413-.012 2.75c0 .263.187.575.687.475A10.005 10.005 0 0 0 12 2.247" />\r\n</svg>';
const gouSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="1.18em" height="1em" viewBox="0 0 1179 1000">\r\n <path class="gou" fill="#666666" d="M1179 72Q929 294 579 822l-115 179Q320 821 0 501l107-107l286 250q150-150 279-271.5T877.5 185T1009 74t77-59l21-14q4 0 11 2t26 19.5t35 49.5" />\r\n</svg>';
const closeSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">\r\n <path class="close-icon" fill="#666666" fill-rule="evenodd" d="M6.793 6.793a1 1 0 0 1 1.414 0L12 10.586l3.793-3.793a1 1 0 1 1 1.414 1.414L13.414 12l3.793 3.793a1 1 0 0 1-1.414 1.414L12 13.414l-3.793 3.793a1 1 0 0 1-1.414-1.414L10.586 12L6.793 8.207a1 1 0 0 1 0-1.414" clip-rule="evenodd" />\r\n</svg>';
const pointerSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">\r\n <g fill="none">\r\n <path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />\r\n <path class="shou" fill="none" d="M9.5 2a2.5 2.5 0 0 1 2.495 2.336L12 4.5v4.605l5.442.605a4 4 0 0 1 3.553 3.772l.005.203V14a8 8 0 0 1-7.75 7.996L13 22h-.674a8 8 0 0 1-7.024-4.171l-.131-.251l-2.842-5.684c-.36-.72-.093-1.683.747-2.028c1.043-.427 2.034-.507 3.055.012q.333.17.654.414l.215.17V4.5A2.5 2.5 0 0 1 9.5 2M4 6a1 1 0 0 1 0 2H3a1 1 0 0 1 0-2zm12-1a1 1 0 0 1 .117 1.993L16 7h-1a1 1 0 0 1-.117-1.993L15 5zM4.707 1.293l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 1.414-1.414m11 0a1 1 0 0 1 0 1.414l-1 1a1 1 0 1 1-1.414-1.414l1-1a1 1 0 0 1 1.414 0" />\r\n </g>\r\n</svg>';
function get_each_context(ctx, list, i2) {
const child_ctx = ctx.slice();
child_ctx[18] = list[i2];
child_ctx[20] = i2;
return child_ctx;
}
function create_each_block(key_1, ctx) {
let div5;
let div4;
let div0;
let raw0_value = (
/*getSvgCode*/
ctx[5](pointerSvg) + ""
);
let t0;
let a2;
let div1;
let t1;
let div2;
let t2_value = (
/*item*/
ctx[18].name + ""
);
let t2;
let a_href_value;
let t3;
let div3;
let raw1_value = (
/*getSvgCode*/
ctx[5](closeSvg) + ""
);
let t4;
let div5_data_key_value;
let div5_data_index_value;
let mounted;
let dispose;
return {
key: key_1,
first: null,
c() {
div5 = element("div");
div4 = element("div");
div0 = element("div");
t0 = space();
a2 = element("a");
div1 = element("div");
t1 = space();
div2 = element("div");
t2 = text(t2_value);
t3 = space();
div3 = element("div");
t4 = space();
attr(div0, "class", "pointer");
attr(div1, "class", "dot");
attr(div2, "class", "text");
attr(a2, "class", "link");
attr(a2, "target", "_blank");
attr(a2, "href", a_href_value = /*item*/
ctx[18].link);
attr(div3, "class", "close");
attr(div3, "aria-hidden", "true");
attr(div4, "class", "inner");
attr(div5, "class", "box");
attr(div5, "data-key", div5_data_key_value = /*item*/
ctx[18].key);
attr(div5, "data-index", div5_data_index_value = /*index*/
ctx[20]);
attr(div5, "draggable", "true");
this.first = div5;
},
m(target, anchor) {
insert(target, div5, anchor);
append(div5, div4);
append(div4, div0);
div0.innerHTML = raw0_value;
append(div4, t0);
append(div4, a2);
append(a2, div1);
append(a2, t1);
append(a2, div2);
append(div2, t2);
append(div4, t3);
append(div4, div3);
div3.innerHTML = raw1_value;
append(div5, t4);
if (!mounted) {
dispose = [
listen(
a2,
"click",
/*click_handler*/
ctx[8]
),
listen(div3, "click", function() {
if (is_function(
/*fnDelSite*/
ctx[7](
/*item*/
ctx[18].key
)
)) ctx[7](
/*item*/
ctx[18].key
).apply(this, arguments);
})
];
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty & /*sitesGrid*/
16 && t2_value !== (t2_value = /*item*/
ctx[18].name + "")) set_data(t2, t2_value);
if (dirty & /*sitesGrid*/
16 && a_href_value !== (a_href_value = /*item*/
ctx[18].link)) {
attr(a2, "href", a_href_value);
}
if (dirty & /*sitesGrid*/
16 && div5_data_key_value !== (div5_data_key_value = /*item*/
ctx[18].key)) {
attr(div5, "data-key", div5_data_key_value);
}
if (dirty & /*sitesGrid*/
16 && div5_data_index_value !== (div5_data_index_value = /*index*/
ctx[20])) {
attr(div5, "data-index", div5_data_index_value);
}
},
d(detaching) {
if (detaching) {
detach(div5);
}
mounted = false;
run_all(dispose);
}
};
}
function create_fragment(ctx) {
let div14;
let div0;
let t0;
let div3;
let div2;
let div1;
let each_blocks = [];
let each_1_lookup = /* @__PURE__ */ new Map();
let t1;
let div8;
let div4;
let t3;
let div6;
let div5;
let raw0_value = (
/*getSvgCode*/
ctx[5](addSvg) + ""
);
let t4;
let div7;
let a1;
let raw1_value = (
/*getSvgCode*/
ctx[5](githubSvg) + ""
);
let t5;
let div13;
let div11;
let div9;
let input0;
let t6;
let div10;
let input1;
let t7;
let div12;
let raw2_value = (
/*getSvgCode*/
ctx[5](gouSvg) + ""
);
let mounted;
let dispose;
let each_value = ensure_array_like(
/*sitesGrid*/
ctx[4]
);
const get_key = (ctx2) => (
/*item*/
ctx2[18].key
);
for (let i2 = 0; i2 < each_value.length; i2 += 1) {
let child_ctx = get_each_context(ctx, each_value, i2);
let key = get_key(child_ctx);
each_1_lookup.set(key, each_blocks[i2] = create_each_block(key, child_ctx));
}
return {
c() {
div14 = element("div");
div0 = element("div");
t0 = space();
div3 = element("div");
div2 = element("div");
div1 = element("div");
for (let i2 = 0; i2 < each_blocks.length; i2 += 1) {
each_blocks[i2].c();
}
t1 = space();
div8 = element("div");
div4 = element("div");
div4.innerHTML = `<a target="_blank" href="https://chensuiyi.me">作者：陈随易</a>`;
t3 = space();
div6 = element("div");
div5 = element("div");
t4 = space();
div7 = element("div");
a1 = element("a");
t5 = space();
div13 = element("div");
div11 = element("div");
div9 = element("div");
input0 = element("input");
t6 = space();
div10 = element("div");
input1 = element("input");
t7 = space();
div12 = element("div");
attr(div0, "class", "logo");
set_style(div0, "background-image", "url('" + logoSvg + "')");
attr(div1, "class", "grid");
attr(div1, "id", "grid");
attr(div2, "class", "group");
attr(div3, "class", "panel");
attr(div4, "class", "left");
attr(div5, "class", "icon add-site");
attr(div5, "aria-hidden", "true");
attr(div6, "class", "center");
attr(a1, "class", "icon");
attr(a1, "target", "_blank");
attr(a1, "href", "https://github.com/chenbimo/kangaroo-jump");
attr(div7, "class", "right");
attr(div8, "class", "foot");
attr(input0, "placeholder", "请输入名称");
attr(div9, "class", "input");
attr(input1, "placeholder", "请输入网址");
attr(div10, "class", "input");
attr(div11, "class", "info");
attr(div12, "class", "send");
attr(div12, "aria-hidden", "true");
attr(div13, "class", "dialog add");
toggle_class(
div13,
"active",
/*isActiveAddDialog*/
ctx[1]
);
attr(div14, "class", "kuaitiao");
toggle_class(
div14,
"active",
/*isActiveKuaiTiao*/
ctx[0]
);
},
m(target, anchor) {
insert(target, div14, anchor);
append(div14, div0);
append(div14, t0);
append(div14, div3);
append(div3, div2);
append(div2, div1);
for (let i2 = 0; i2 < each_blocks.length; i2 += 1) {
if (each_blocks[i2]) {
each_blocks[i2].m(div1, null);
}
}
append(div14, t1);
append(div14, div8);
append(div8, div4);
append(div8, t3);
append(div8, div6);
append(div6, div5);
div5.innerHTML = raw0_value;
append(div8, t4);
append(div8, div7);
append(div7, a1);
a1.innerHTML = raw1_value;
append(div14, t5);
append(div14, div13);
append(div13, div11);
append(div11, div9);
append(div9, input0);
set_input_value(
input0,
/*siteName*/
ctx[2]
);
append(div11, t6);
append(div11, div10);
append(div10, input1);
set_input_value(
input1,
/*siteLink*/
ctx[3]
);
append(div13, t7);
append(div13, div12);
div12.innerHTML = raw2_value;
if (!mounted) {
dispose = [
listen(
div5,
"click",
/*click_handler_1*/
ctx[9]
),
listen(
input0,
"input",
/*input0_input_handler*/
ctx[10]
),
listen(
input1,
"input",
/*input1_input_handler*/
ctx[11]
),
listen(
div12,
"click",
/*fnAddSite*/
ctx[6]
)
];
mounted = true;
}
},
p(ctx2, [dirty]) {
if (dirty & /*sitesGrid, fnDelSite, getSvgCode, isActiveKuaiTiao*/
177) {
each_value = ensure_array_like(
/*sitesGrid*/
ctx2[4]
);
each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div1, destroy_block, create_each_block, null, get_each_context);
}
if (dirty & /*siteName*/
4 && input0.value !== /*siteName*/
ctx2[2]) {
set_input_value(
input0,
/*siteName*/
ctx2[2]
);
}
if (dirty & /*siteLink*/
8 && input1.value !== /*siteLink*/
ctx2[3]) {
set_input_value(
input1,
/*siteLink*/
ctx2[3]
);
}
if (dirty & /*isActiveAddDialog*/
2) {
toggle_class(
div13,
"active",
/*isActiveAddDialog*/
ctx2[1]
);
}
if (dirty & /*isActiveKuaiTiao*/
1) {
toggle_class(
div14,
"active",
/*isActiveKuaiTiao*/
ctx2[0]
);
}
},
i: noop,
o: noop,
d(detaching) {
if (detaching) {
detach(div14);
}
for (let i2 = 0; i2 < each_blocks.length; i2 += 1) {
each_blocks[i2].d();
}
mounted = false;
run_all(dispose);
}
};
}
function instance($$self, $$props, $$invalidate) {
const generateRandomString = (length) => {
let result = "";
let characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
let charactersLength = characters.length;
for (var i2 = 0; i2 < length; i2++) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
};
let isActiveKuaiTiao = false;
let isActiveAddDialog = false;
let siteName = "";
let siteLink = "";
let sitesGrid = [];
let sitesMap = {};
let dragoverTime = 0;
const handlerKeydown = u({
"Control+q": () => {
$$invalidate(0, isActiveKuaiTiao = !isActiveKuaiTiao);
}
});
window.addEventListener("keydown", handlerKeydown);
const getSvgCode = (data) => {
return decodeURIComponent(data).replace(/https?\:\/\/.+\/assets\//, "");
};
const renderSiteGrids = () => {
$$invalidate(4, sitesGrid = _GM_listValues().map((key, index) => {
const group = _GM_getValue(key);
const data = {
name: group.name,
link: group.link,
key: group.key
};
sitesMap[key] = data;
return data;
}));
};
const fnAddSite = () => {
if (sitesGrid.length < 100) {
const siteKey = generateRandomString(10);
_GM_setValue(siteKey, {
name: siteName,
link: siteLink,
key: siteKey
});
$$invalidate(2, siteName = "");
$$invalidate(3, siteLink = "");
$$invalidate(1, isActiveAddDialog = false);
renderSiteGrids();
} else {
alert("常用导航熟练不能超过100个");
}
};
const fnDelSite = (siteKey) => {
_GM_deleteValue(siteKey);
renderSiteGrids();
};
let draggedElement = null;
document.addEventListener("click", function(e2) {
const kuaitiaoElement = e2.target.closest(".kuaitiao");
if (!kuaitiaoElement) {
$$invalidate(0, isActiveKuaiTiao = false);
}
});
document.addEventListener("dragstart", function(e2) {
draggedElement = e2.target.closest(".box");
});
document.addEventListener("dragover", function(e2) {
e2.preventDefault();
const nowMs = Date.now();
if (nowMs - dragoverTime > 100) {
dragoverTime = nowMs;
document.querySelectorAll(".box .inner").forEach((el) => {
el.closest(".inner").classList.remove("move");
});
const boxInnerEl = e2.target.closest(".inner");
if (boxInnerEl) {
boxInnerEl.classList.add("move");
}
}
});
document.addEventListener("drop", function(e2) {
e2.preventDefault();
const boxEl = e2.target.closest(".box");
if (boxEl) {
document.querySelectorAll(".box .inner").forEach((el) => {
el.closest(".inner").classList.remove("move");
});
const siteKeyOld = draggedElement.dataset.key;
const siteKeyNew = boxEl.dataset.key;
if (siteKeyOld === siteKeyNew) return;
const siteIndexOld = Number(draggedElement.dataset.index);
const siteIndexNew = Number(boxEl.dataset.index);
const siteItemOld = sitesMap[siteKeyOld];
const siteItemNew = sitesMap[siteKeyNew];
const sitesGrid2 = [];
for (let item of sitesGrid) {
if (item.key !== siteKeyOld) {
if (siteIndexOld > siteIndexNew) {
if (item.key !== siteKeyNew) {
sitesGrid2.push(item);
} else {
sitesGrid2.push(siteItemOld);
sitesGrid2.push(siteItemNew);
}
} else {
if (item.key !== siteKeyOld) {
sitesGrid2.push(item);
if (item.key === siteKeyNew) {
sitesGrid2.push(siteItemOld);
}
}
}
}
}
sitesGrid2.map((item) => {
_GM_deleteValue(item.key);
});
sitesGrid2.map((item) => {
_GM_setValue(item.key, item);
});
$$invalidate(4, sitesGrid = sitesGrid2);
}
});
renderSiteGrids();
const click_handler = () => $$invalidate(0, isActiveKuaiTiao = false);
const click_handler_1 = () => $$invalidate(1, isActiveAddDialog = !isActiveAddDialog);
function input0_input_handler() {
siteName = this.value;
$$invalidate(2, siteName);
}
function input1_input_handler() {
siteLink = this.value;
$$invalidate(3, siteLink);
}
return [
isActiveKuaiTiao,
isActiveAddDialog,
siteName,
siteLink,
sitesGrid,
getSvgCode,
fnAddSite,
fnDelSite,
click_handler,
click_handler_1,
input0_input_handler,
input1_input_handler
];
}
class App extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal, {});
}
}
new App({
target: (() => {
const app = document.createElement("div");
document.body.append(app);
return app;
})()
});
})();