支持英、法、日、韩、泰、越、他加禄语，部分语言的翻译结果为英语
目前为
// ==UserScript==
// @name 多语言划词翻译
// @description 支持英、法、日、韩、泰、越、他加禄语，部分语言的翻译结果为英语
// @version 2.1.0
// @match *://*/*
// @allFrames true
// @grant GM_xmlhttpRequest
// @run-at document-end
// @license MIT
// @namespace KiohPun
// ==/UserScript==
(function () {
'use strict';
function noop() { }
const identity = x => x;
function is_promise(value) {
return value && typeof value === 'object' && typeof value.then === 'function';
}
function run(fn) {
return fn();
}
function blank_object() {
return Object.create(null);
}
function run_all(fns) {
fns.forEach(run);
}
function is_function(thing) {
return typeof thing === 'function';
}
function safe_not_equal(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
}
let src_url_equal_anchor;
function src_url_equal(element_src, url) {
if (!src_url_equal_anchor) {
src_url_equal_anchor = document.createElement('a');
}
src_url_equal_anchor.href = url;
return element_src === src_url_equal_anchor.href;
}
function is_empty(obj) {
return Object.keys(obj).length === 0;
}
const is_client = typeof window !== 'undefined';
let now = is_client
? () => window.performance.now()
: () => Date.now();
let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
const tasks = new Set();
function run_tasks(now) {
tasks.forEach(task => {
if (!task.c(now)) {
tasks.delete(task);
task.f();
}
});
if (tasks.size !== 0)
raf(run_tasks);
}
/**
* Creates a new task that runs on each raf frame
* until it returns a falsy value or is aborted
*/
function loop(callback) {
let task;
if (tasks.size === 0)
raf(run_tasks);
return {
promise: new Promise(fulfill => {
tasks.add(task = { c: callback, f: fulfill });
}),
abort() {
tasks.delete(task);
}
};
}
function append(target, node) {
target.appendChild(node);
}
function append_styles(target, style_sheet_id, styles) {
const append_styles_to = get_root_for_style(target);
if (!append_styles_to.getElementById(style_sheet_id)) {
const style = element('style');
style.id = style_sheet_id;
style.textContent = styles;
append_stylesheet(append_styles_to, style);
}
}
function get_root_for_style(node) {
if (!node)
return document;
const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
if (root && root.host) {
return root;
}
return node.ownerDocument;
}
function append_empty_stylesheet(node) {
const style_element = element('style');
append_stylesheet(get_root_for_style(node), style_element);
return style_element.sheet;
}
function append_stylesheet(node, style) {
append(node.head || node, style);
}
function insert(target, node, anchor) {
target.insertBefore(node, anchor || null);
}
function detach(node) {
node.parentNode.removeChild(node);
}
function destroy_each(iterations, detaching) {
for (let i = 0; i < iterations.length; i += 1) {
if (iterations[i])
iterations[i].d(detaching);
}
}
function element(name) {
return document.createElement(name);
}
function svg_element(name) {
return document.createElementNS('http://www.w3.org/2000/svg', name);
}
function text(data) {
return document.createTextNode(data);
}
function space() {
return text(' ');
}
function empty() {
return text('');
}
function listen(node, event, handler, options) {
node.addEventListener(event, handler, options);
return () => node.removeEventListener(event, handler, options);
}
function stop_propagation(fn) {
return function (event) {
event.stopPropagation();
// @ts-ignore
return fn.call(this, event);
};
}
function attr(node, attribute, value) {
if (value == null)
node.removeAttribute(attribute);
else if (node.getAttribute(attribute) !== value)
node.setAttribute(attribute, value);
}
function children(element) {
return Array.from(element.childNodes);
}
function set_data(text, data) {
data = '' + data;
if (text.wholeText !== data)
text.data = data;
}
function toggle_class(element, name, toggle) {
element.classList[toggle ? 'add' : 'remove'](name);
}
function custom_event(type, detail, bubbles = false) {
const e = document.createEvent('CustomEvent');
e.initCustomEvent(type, bubbles, false, detail);
return e;
}
class HtmlTag {
constructor() {
this.e = this.n = null;
}
c(html) {
this.h(html);
}
m(html, target, anchor = null) {
if (!this.e) {
this.e = element(target.nodeName);
this.t = target;
this.c(html);
}
this.i(anchor);
}
h(html) {
this.e.innerHTML = html;
this.n = Array.from(this.e.childNodes);
}
i(anchor) {
for (let i = 0; i < this.n.length; i += 1) {
insert(this.t, this.n[i], anchor);
}
}
p(html) {
this.d();
this.h(html);
this.i(this.a);
}
d() {
this.n.forEach(detach);
}
}
// we need to store the information for multiple documents because a Svelte application could also contain iframes
// https://github.com/sveltejs/svelte/issues/3624
const managed_styles = new Map();
let active = 0;
// https://github.com/darkskyapp/string-hash/blob/master/index.js
function hash(str) {
let hash = 5381;
let i = str.length;
while (i--)
hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
return hash >>> 0;
}
function create_style_information(doc, node) {
const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
managed_styles.set(doc, info);
return info;
}
function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
const step = 16.666 / duration;
let keyframes = '{\n';
for (let p = 0; p <= 1; p += step) {
const t = a + (b - a) * ease(p);
keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
}
const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
const name = `__svelte_${hash(rule)}_${uid}`;
const doc = get_root_for_style(node);
const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
if (!rules[name]) {
rules[name] = true;
stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
}
const animation = node.style.animation || '';
node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
active += 1;
return name;
}
function delete_rule(node, name) {
const previous = (node.style.animation || '').split(', ');
const next = previous.filter(name
? anim => anim.indexOf(name) < 0 // remove specific animation
: anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
);
const deleted = previous.length - next.length;
if (deleted) {
node.style.animation = next.join(', ');
active -= deleted;
if (!active)
clear_rules();
}
}
function clear_rules() {
raf(() => {
if (active)
return;
managed_styles.forEach(info => {
const { stylesheet } = info;
let i = stylesheet.cssRules.length;
while (i--)
stylesheet.deleteRule(i);
info.rules = {};
});
managed_styles.clear();
});
}
let current_component;
function set_current_component(component) {
current_component = component;
}
function get_current_component() {
if (!current_component)
throw new Error('Function called outside component initialization');
return current_component;
}
function createEventDispatcher() {
const component = get_current_component();
return (type, detail) => {
const callbacks = component.$$.callbacks[type];
if (callbacks) {
// TODO are there situations where events could be dispatched
// in a server (non-DOM) environment?
const event = custom_event(type, detail);
callbacks.slice().forEach(fn => {
fn.call(component, event);
});
}
};
}
// TODO figure out if we still want to support
// shorthand events, or if we want to implement
// a real bubbling mechanism
function bubble(component, event) {
const callbacks = component.$$.callbacks[event.type];
if (callbacks) {
// @ts-ignore
callbacks.slice().forEach(fn => fn.call(this, event));
}
}
const dirty_components = [];
const binding_callbacks = [];
const render_callbacks = [];
const flush_callbacks = [];
const resolved_promise = 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);
}
// flush() calls callbacks in this order:
// 1. All beforeUpdate callbacks, in order: parents before children
// 2. All bind:this callbacks, in reverse order: children before parents.
// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
// for afterUpdates called during the initial onMount, which are called in
// reverse order: children before parents.
// Since callbacks might update component values, which could trigger another
// call to flush(), the following steps guard against this:
// 1. During beforeUpdate, any updated components will be added to the
// dirty_components array and will cause a reentrant call to flush(). Because
// the flush index is kept outside the function, the reentrant call will pick
// up where the earlier call left off and go through all dirty components. The
// current_component value is saved and restored so that the reentrant call will
// not interfere with the "parent" flush() call.
// 2. bind:this callbacks cannot trigger new flush() calls.
// 3. During afterUpdate, any updated components will NOT have their afterUpdate
// callback called a second time; the seen_callbacks set, outside the flush()
// function, guarantees this behavior.
const seen_callbacks = new Set();
let flushidx = 0; // Do *not* move this inside the flush() function
function flush() {
const saved_component = current_component;
do {
// first, call beforeUpdate functions
// and update components
while (flushidx < dirty_components.length) {
const component = dirty_components[flushidx];
flushidx++;
set_current_component(component);
update(component.$$);
}
set_current_component(null);
dirty_components.length = 0;
flushidx = 0;
while (binding_callbacks.length)
binding_callbacks.pop()();
// then, once components are updated, call
// afterUpdate functions. This may cause
// subsequent updates...
for (let i = 0; i < render_callbacks.length; i += 1) {
const callback = render_callbacks[i];
if (!seen_callbacks.has(callback)) {
// ...so guard against infinite loops
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);
}
}
let promise;
function wait() {
if (!promise) {
promise = Promise.resolve();
promise.then(() => {
promise = null;
});
}
return promise;
}
function dispatch(node, direction, kind) {
node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));
}
const outroing = new Set();
let outros;
function group_outros() {
outros = {
r: 0,
c: [],
p: outros // parent group
};
}
function check_outros() {
if (!outros.r) {
run_all(outros.c);
}
outros = outros.p;
}
function transition_in(block, local) {
if (block && block.i) {
outroing.delete(block);
block.i(local);
}
}
function transition_out(block, local, detach, callback) {
if (block && block.o) {
if (outroing.has(block))
return;
outroing.add(block);
outros.c.push(() => {
outroing.delete(block);
if (callback) {
if (detach)
block.d(1);
callback();
}
});
block.o(local);
}
}
const null_transition = { duration: 0 };
function create_bidirectional_transition(node, fn, params, intro) {
let config = fn(node, params);
let t = intro ? 0 : 1;
let running_program = null;
let pending_program = null;
let animation_name = null;
function clear_animation() {
if (animation_name)
delete_rule(node, animation_name);
}
function init(program, duration) {
const d = (program.b - t);
duration *= Math.abs(d);
return {
a: t,
b: program.b,
d,
duration,
start: program.start,
end: program.start + duration,
group: program.group
};
}
function go(b) {
const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
const program = {
start: now() + delay,
b
};
if (!b) {
// @ts-ignore todo: improve typings
program.group = outros;
outros.r += 1;
}
if (running_program || pending_program) {
pending_program = program;
}
else {
// if this is an intro, and there's a delay, we need to do
// an initial tick and/or apply CSS animation immediately
if (css) {
clear_animation();
animation_name = create_rule(node, t, b, duration, delay, easing, css);
}
if (b)
tick(0, 1);
running_program = init(program, duration);
add_render_callback(() => dispatch(node, b, 'start'));
loop(now => {
if (pending_program && now > pending_program.start) {
running_program = init(pending_program, duration);
pending_program = null;
dispatch(node, running_program.b, 'start');
if (css) {
clear_animation();
animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);
}
}
if (running_program) {
if (now >= running_program.end) {
tick(t = running_program.b, 1 - t);
dispatch(node, running_program.b, 'end');
if (!pending_program) {
// we're done
if (running_program.b) {
// intro — we can tidy up immediately
clear_animation();
}
else {
// outro — needs to be coordinated
if (!--running_program.group.r)
run_all(running_program.group.c);
}
}
running_program = null;
}
else if (now >= running_program.start) {
const p = now - running_program.start;
t = running_program.a + running_program.d * easing(p / running_program.duration);
tick(t, 1 - t);
}
}
return !!(running_program || pending_program);
});
}
}
return {
run(b) {
if (is_function(config)) {
wait().then(() => {
// @ts-ignore
config = config();
go(b);
});
}
else {
go(b);
}
},
end() {
clear_animation();
running_program = pending_program = null;
}
};
}
function handle_promise(promise, info) {
const token = info.token = {};
function update(type, index, key, value) {
if (info.token !== token)
return;
info.resolved = value;
let child_ctx = info.ctx;
if (key !== undefined) {
child_ctx = child_ctx.slice();
child_ctx[key] = value;
}
const block = type && (info.current = type)(child_ctx);
let needs_flush = false;
if (info.block) {
if (info.blocks) {
info.blocks.forEach((block, i) => {
if (i !== index && block) {
group_outros();
transition_out(block, 1, 1, () => {
if (info.blocks[i] === block) {
info.blocks[i] = null;
}
});
check_outros();
}
});
}
else {
info.block.d(1);
}
block.c();
transition_in(block, 1);
block.m(info.mount(), info.anchor);
needs_flush = true;
}
info.block = block;
if (info.blocks)
info.blocks[index] = block;
if (needs_flush) {
flush();
}
}
if (is_promise(promise)) {
const current_component = get_current_component();
promise.then(value => {
set_current_component(current_component);
update(info.then, 1, info.value, value);
set_current_component(null);
}, error => {
set_current_component(current_component);
update(info.catch, 2, info.error, error);
set_current_component(null);
if (!info.hasCatch) {
throw error;
}
});
// if we previously had a then/catch block, destroy it
if (info.current !== info.pending) {
update(info.pending, 0);
return true;
}
}
else {
if (info.current !== info.then) {
update(info.then, 1, info.value, promise);
return true;
}
info.resolved = promise;
}
}
function update_await_block_branch(info, ctx, dirty) {
const child_ctx = ctx.slice();
const { resolved } = info;
if (info.current === info.then) {
child_ctx[info.value] = resolved;
}
if (info.current === info.catch) {
child_ctx[info.error] = resolved;
}
info.block.p(child_ctx, dirty);
}
function create_component(block) {
block && block.c();
}
function mount_component(component, target, anchor, customElement) {
const { fragment, on_mount, on_destroy, after_update } = component.$$;
fragment && fragment.m(target, anchor);
if (!customElement) {
// onMount happens before the initial afterUpdate
add_render_callback(() => {
const new_on_destroy = on_mount.map(run).filter(is_function);
if (on_destroy) {
on_destroy.push(...new_on_destroy);
}
else {
// Edge case - component was destroyed immediately,
// most likely as a result of a binding initialising
run_all(new_on_destroy);
}
component.$$.on_mount = [];
});
}
after_update.forEach(add_render_callback);
}
function destroy_component(component, detaching) {
const $$ = component.$$;
if ($$.fragment !== null) {
run_all($$.on_destroy);
$$.fragment && $$.fragment.d(detaching);
// TODO null out other refs, including component.$$ (but need to
// preserve final state?)
$$.on_destroy = $$.fragment = null;
$$.ctx = [];
}
}
function make_dirty(component, i) {
if (component.$$.dirty[0] === -1) {
dirty_components.push(component);
schedule_update();
component.$$.dirty.fill(0);
}
component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
}
function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
const parent_component = current_component;
set_current_component(component);
const $$ = component.$$ = {
fragment: null,
ctx: null,
// 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 = instance
? instance(component, options.props || {}, (i, ret, ...rest) => {
const value = rest.length ? rest[0] : ret;
if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
if (!$$.skip_bound && $$.bound[i])
$$.bound[i](value);
if (ready)
make_dirty(component, i);
}
return ret;
})
: [];
$$.update();
ready = true;
run_all($$.before_update);
// `false` as a special case of no DOM component
$$.fragment = create_fragment ? create_fragment($$.ctx) : false;
if (options.target) {
if (options.hydrate) {
const nodes = children(options.target);
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
$$.fragment && $$.fragment.l(nodes);
nodes.forEach(detach);
}
else {
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
$$.fragment && $$.fragment.c();
}
if (options.intro)
transition_in(component.$$.fragment);
mount_component(component, options.target, options.anchor, options.customElement);
flush();
}
set_current_component(parent_component);
}
/**
* Base class for Svelte components. Used when dev=false.
*/
class SvelteComponent {
$destroy() {
destroy_component(this, 1);
this.$destroy = noop;
}
$on(type, callback) {
const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
callbacks.push(callback);
return () => {
const index = callbacks.indexOf(callback);
if (index !== -1)
callbacks.splice(index, 1);
};
}
$set($$props) {
if (this.$$set && !is_empty($$props)) {
this.$$.skip_bound = true;
this.$$set($$props);
this.$$.skip_bound = false;
}
}
}
function cubicOut(t) {
const f = t - 1.0;
return f * f * f + 1.0;
}
function slide(node, { delay = 0, duration = 400, easing = cubicOut } = {}) {
const style = getComputedStyle(node);
const opacity = +style.opacity;
const height = parseFloat(style.height);
const padding_top = parseFloat(style.paddingTop);
const padding_bottom = parseFloat(style.paddingBottom);
const margin_top = parseFloat(style.marginTop);
const margin_bottom = parseFloat(style.marginBottom);
const border_top_width = parseFloat(style.borderTopWidth);
const border_bottom_width = parseFloat(style.borderBottomWidth);
return {
delay,
duration,
easing,
css: t => 'overflow: hidden;' +
`opacity: ${Math.min(t * 20, 1) * opacity};` +
`height: ${t * height}px;` +
`padding-top: ${t * padding_top}px;` +
`padding-bottom: ${t * padding_bottom}px;` +
`margin-top: ${t * margin_top}px;` +
`margin-bottom: ${t * margin_bottom}px;` +
`border-top-width: ${t * border_top_width}px;` +
`border-bottom-width: ${t * border_bottom_width}px;`
};
}
const getYoudaoApi = (le, dict) => (`http://dict.youdao.com/jsonapi?le=${le}&dicts=${encodeURIComponent(`{"count": 1, dicts: [["${dict}"]]}`)}&jsonversion=2&q=`);
const getYoudaoVoice = (audio) => `https://dict.youdao.com/dictvoice?audio=${audio}`;
function get(url, responseType) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url,
responseType,
onload: (res) => resolve(res.response),
onerror: reject,
});
});
}
function setPosition(el, rect, offset = 0) {
const { innerWidth, innerHeight } = window;
let left = rect.right;
let top = rect.bottom;
const { clientWidth, clientHeight } = el;
if (left + clientWidth > innerWidth) {
left -= clientWidth;
}
if (top + clientHeight + offset > innerHeight) {
top -= (clientHeight + offset);
}
/* eslint-disable no-param-reassign */
el.style.left = `${left}px`;
el.style.top = `${top}px`;
}
/* src/components/ResultEntry.svelte generated by Svelte v3.46.4 */
function add_css$2(target) {
append_styles(target, "svelte-i1rcat", ".info.svelte-i1rcat{display:flex;align-items:baseline;margin:0.5em 0}.word.svelte-i1rcat{margin:0}.phonetic.svelte-i1rcat{margin-left:0.5em;color:#a2a5a6}.sound.svelte-i1rcat{all:unset;align-self:center;width:1.5em;height:1.5em;padding:0.1em;margin-left:auto;color:var(--main-color);cursor:pointer}.sound.svelte-i1rcat:disabled{opacity:0.3}.meanings.svelte-i1rcat{all:unset;display:block}.meaning.svelte-i1rcat{list-style:none;margin:0.4em 0}.meaning-type.svelte-i1rcat{margin-right:0.5em;color:var(--main-color);font-weight:500}.meaning-content.svelte-i1rcat{all:unset;display:block}.en .meaning-type.svelte-i1rcat,.fr .meaning-type.svelte-i1rcat,.th .meaning-type.svelte-i1rcat{float:left}");
}
function get_each_context$2(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[4] = list[i];
return child_ctx;
}
function get_each_context_1$1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[7] = list[i];
return child_ctx;
}
// (22:2) {#if entry.word}
function create_if_block_1$1(ctx) {
let div;
let h2;
let raw_value = /*entry*/ ctx[0].word + "";
let t0;
let t1;
let if_block0 = /*entry*/ ctx[0].phonetic && create_if_block_3(ctx);
let if_block1 = /*entry*/ ctx[0].sound && create_if_block_2$1(ctx);
return {
c() {
div = element("div");
h2 = element("h2");
t0 = space();
if (if_block0) if_block0.c();
t1 = space();
if (if_block1) if_block1.c();
attr(h2, "class", "word svelte-i1rcat");
attr(div, "class", "info svelte-i1rcat");
},
m(target, anchor) {
insert(target, div, anchor);
append(div, h2);
h2.innerHTML = raw_value;
append(div, t0);
if (if_block0) if_block0.m(div, null);
append(div, t1);
if (if_block1) if_block1.m(div, null);
},
p(ctx, dirty) {
if (dirty & /*entry*/ 1 && raw_value !== (raw_value = /*entry*/ ctx[0].word + "")) h2.innerHTML = raw_value;
if (/*entry*/ ctx[0].phonetic) {
if (if_block0) {
if_block0.p(ctx, dirty);
} else {
if_block0 = create_if_block_3(ctx);
if_block0.c();
if_block0.m(div, t1);
}
} else if (if_block0) {
if_block0.d(1);
if_block0 = null;
}
if (/*entry*/ ctx[0].sound) {
if (if_block1) {
if_block1.p(ctx, dirty);
} else {
if_block1 = create_if_block_2$1(ctx);
if_block1.c();
if_block1.m(div, null);
}
} else if (if_block1) {
if_block1.d(1);
if_block1 = null;
}
},
d(detaching) {
if (detaching) detach(div);
if (if_block0) if_block0.d();
if (if_block1) if_block1.d();
}
};
}
// (25:6) {#if entry.phonetic}
function create_if_block_3(ctx) {
let span;
let t0;
let html_tag;
let raw_value = /*entry*/ ctx[0].phonetic + "";
let t1;
return {
c() {
span = element("span");
t0 = text("[");
html_tag = new HtmlTag();
t1 = text("]");
html_tag.a = t1;
attr(span, "class", "phonetic svelte-i1rcat");
},
m(target, anchor) {
insert(target, span, anchor);
append(span, t0);
html_tag.m(raw_value, span);
append(span, t1);
},
p(ctx, dirty) {
if (dirty & /*entry*/ 1 && raw_value !== (raw_value = /*entry*/ ctx[0].phonetic + "")) html_tag.p(raw_value);
},
d(detaching) {
if (detaching) detach(span);
}
};
}
// (28:6) {#if entry.sound}
function create_if_block_2$1(ctx) {
let button;
let svg;
let path;
let mounted;
let dispose;
return {
c() {
button = element("button");
svg = svg_element("svg");
path = svg_element("path");
attr(path, "stroke-linecap", "round");
attr(path, "stroke-linejoin", "round");
attr(path, "d", "M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z");
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
attr(svg, "fill", "none");
attr(svg, "viewBox", "0 0 24 24");
attr(svg, "stroke", "currentColor");
attr(svg, "stroke-width", "2");
attr(button, "class", "sound svelte-i1rcat");
attr(button, "aria-label", "播放");
button.disabled = /*isPlaying*/ ctx[1];
},
m(target, anchor) {
insert(target, button, anchor);
append(button, svg);
append(svg, path);
if (!mounted) {
dispose = listen(button, "click", /*play*/ ctx[2]);
mounted = true;
}
},
p(ctx, dirty) {
if (dirty & /*isPlaying*/ 2) {
button.disabled = /*isPlaying*/ ctx[1];
}
},
d(detaching) {
if (detaching) detach(button);
mounted = false;
dispose();
}
};
}
// (46:8) {#if meaning.type}
function create_if_block$1(ctx) {
let div;
let t_value = /*meaning*/ ctx[4].type + "";
let t;
return {
c() {
div = element("div");
t = text(t_value);
attr(div, "class", "meaning-type svelte-i1rcat");
},
m(target, anchor) {
insert(target, div, anchor);
append(div, t);
},
p(ctx, dirty) {
if (dirty & /*entry*/ 1 && t_value !== (t_value = /*meaning*/ ctx[4].type + "")) set_data(t, t_value);
},
d(detaching) {
if (detaching) detach(div);
}
};
}
// (50:10) {#each meaning.items as item}
function create_each_block_1$1(ctx) {
let li;
let raw_value = /*item*/ ctx[7] + "";
return {
c() {
li = element("li");
},
m(target, anchor) {
insert(target, li, anchor);
li.innerHTML = raw_value;
},
p(ctx, dirty) {
if (dirty & /*entry*/ 1 && raw_value !== (raw_value = /*item*/ ctx[7] + "")) li.innerHTML = raw_value; },
d(detaching) {
if (detaching) detach(li);
}
};
}
// (44:4) {#each entry.meanings as meaning}
function create_each_block$2(ctx) {
let li;
let t0;
let ol;
let t1;
let if_block = /*meaning*/ ctx[4].type && create_if_block$1(ctx);
let each_value_1 = /*meaning*/ ctx[4].items;
let each_blocks = [];
for (let i = 0; i < each_value_1.length; i += 1) {
each_blocks[i] = create_each_block_1$1(get_each_context_1$1(ctx, each_value_1, i));
}
return {
c() {
li = element("li");
if (if_block) if_block.c();
t0 = space();
ol = element("ol");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
t1 = space();
attr(ol, "class", "meaning-content svelte-i1rcat");
attr(li, "class", "meaning svelte-i1rcat");
},
m(target, anchor) {
insert(target, li, anchor);
if (if_block) if_block.m(li, null);
append(li, t0);
append(li, ol);
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(ol, null);
}
append(li, t1);
},
p(ctx, dirty) {
if (/*meaning*/ ctx[4].type) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block$1(ctx);
if_block.c();
if_block.m(li, t0);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
if (dirty & /*entry*/ 1) {
each_value_1 = /*meaning*/ ctx[4].items;
let i;
for (i = 0; i < each_value_1.length; i += 1) {
const child_ctx = get_each_context_1$1(ctx, each_value_1, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
} else {
each_blocks[i] = create_each_block_1$1(child_ctx);
each_blocks[i].c();
each_blocks[i].m(ol, null);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].d(1);
}
each_blocks.length = each_value_1.length;
}
},
d(detaching) {
if (detaching) detach(li);
if (if_block) if_block.d();
destroy_each(each_blocks, detaching);
}
};
}
function create_fragment$2(ctx) {
let div;
let t;
let ul;
let if_block = /*entry*/ ctx[0].word && create_if_block_1$1(ctx);
let each_value = /*entry*/ ctx[0].meanings;
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
}
return {
c() {
div = element("div");
if (if_block) if_block.c();
t = space();
ul = element("ul");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
attr(ul, "class", "meanings svelte-i1rcat");
attr(div, "class", "entry");
},
m(target, anchor) {
insert(target, div, anchor);
if (if_block) if_block.m(div, null);
append(div, t);
append(div, ul);
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(ul, null);
}
},
p(ctx, [dirty]) {
if (/*entry*/ ctx[0].word) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block_1$1(ctx);
if_block.c();
if_block.m(div, t);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
if (dirty & /*entry*/ 1) {
each_value = /*entry*/ ctx[0].meanings;
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context$2(ctx, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
} else {
each_blocks[i] = create_each_block$2(child_ctx);
each_blocks[i].c();
each_blocks[i].m(ul, null);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].d(1);
}
each_blocks.length = each_value.length;
}
},
i: noop,
o: noop,
d(detaching) {
if (detaching) detach(div);
if (if_block) if_block.d();
destroy_each(each_blocks, detaching);
}
};
}
function instance$2($$self, $$props, $$invalidate) {
let { entry } = $$props;
let isPlaying = false;
const audio = new Audio();
audio.addEventListener('ended', () => {
$$invalidate(1, isPlaying = false);
});
async function play() {
$$invalidate(1, isPlaying = true);
if (audio.src) {
audio.play();
return;
}
const res = await get(entry.sound, 'blob');
const blob = res.slice(0, res.size, 'audio/mpeg');
audio.src = URL.createObjectURL(blob);
audio.play();
}
$$self.$$set = $$props => {
if ('entry' in $$props) $$invalidate(0, entry = $$props.entry);
};
return [entry, isPlaying, play];
}
class ResultEntry extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$2, create_fragment$2, safe_not_equal, { entry: 0 }, add_css$2);
}
}
/* src/components/LangSection.svelte generated by Svelte v3.46.4 */
function add_css$1(target) {
append_styles(target, "svelte-lqa3ug", ".lang.svelte-lqa3ug.svelte-lqa3ug:not(:first-child){margin-top:0.5em}.header.svelte-lqa3ug.svelte-lqa3ug{display:flex;align-items:center;height:2.5em;border-bottom:1px solid #f5f5f5;font-size:12px;transition:0.2s}.switch.svelte-lqa3ug.svelte-lqa3ug{all:unset;width:1em;height:1em;padding:0.5em;margin-left:-0.5em;cursor:pointer}.switch.svelte-lqa3ug>svg.svelte-lqa3ug{fill:#a2a5a6}.switch.svelte-lqa3ug:hover>svg.svelte-lqa3ug{fill:var(--main-color)}.name.svelte-lqa3ug.svelte-lqa3ug{margin:0;color:var(--main-color);font-family:'Segoe UI', 'Malgun Gothic', meiryo, sans-serif;font-weight:600;margin-right:auto}.more.svelte-lqa3ug.svelte-lqa3ug{width:1rem;height:1rem;padding:0.5em;color:#a2a5a6;transition:0.3s}.more.svelte-lqa3ug.svelte-lqa3ug:hover{color:#000}.content.svelte-lqa3ug.svelte-lqa3ug{height:12em;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;background:linear-gradient(#fff 33%, rgba(255,255,255, 0)),\n linear-gradient(rgba(255,255,255, 0), #fff 66%) 0 100%,\n radial-gradient(farthest-side at 50% 0, rgba(200,200,200, 0.5), rgba(0,0,0,0)),\n radial-gradient(farthest-side at 50% 100%, rgba(200,200,200, 0.5), rgba(0,0,0,0)) 0 100%;background-color:#fff;background-repeat:no-repeat;background-attachment:local, local, scroll, scroll;background-size:100% 12px, 100% 12px, 100% 4px, 100% 4px}.content.svelte-lqa3ug a.svelte-lqa3ug{color:var(--main-color)}.tip.svelte-lqa3ug.svelte-lqa3ug{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;width:100%;height:100%;color:#666}.tip.svelte-lqa3ug p.svelte-lqa3ug{margin:0}.alternatives.svelte-lqa3ug.svelte-lqa3ug{display:flex;gap:0.4em}.alternatives.svelte-lqa3ug img.svelte-lqa3ug{border-radius:3px}.loading.svelte-lqa3ug.svelte-lqa3ug{box-sizing:border-box;display:block;padding:3.5em;margin:0 auto;height:100%;aspect-ratio:1;fill:var(--main-color);opacity:0.75}");
}
function get_each_context_1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[10] = list[i];
return child_ctx;
}
function get_each_context$1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[6] = list[i];
return child_ctx;
}
// (29:6) {:else}
function create_else_block(ctx) {
let svg;
let path;
return {
c() {
svg = svg_element("svg");
path = svg_element("path");
attr(path, "fill-rule", "evenodd");
attr(path, "d", "M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z");
attr(path, "clip-rule", "evenodd");
attr(svg, "aria-hidden", "true");
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
attr(svg, "viewBox", "0 0 20 20");
attr(svg, "fill", "currentColor");
attr(svg, "class", "svelte-lqa3ug");
},
m(target, anchor) {
insert(target, svg, anchor);
append(svg, path);
},
d(detaching) {
if (detaching) detach(svg);
}
};
}
// (25:6) {#if lang.enabled}
function create_if_block_2(ctx) {
let svg;
let path;
return {
c() {
svg = svg_element("svg");
path = svg_element("path");
attr(path, "fill-rule", "evenodd");
attr(path, "d", "M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z");
attr(path, "clip-rule", "evenodd");
attr(svg, "aria-hidden", "true");
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
attr(svg, "viewBox", "0 0 20 20");
attr(svg, "fill", "currentColor");
attr(svg, "class", "svelte-lqa3ug");
},
m(target, anchor) {
insert(target, svg, anchor);
append(svg, path);
},
d(detaching) {
if (detaching) detach(svg);
}
};
}
// (53:2) {#if lang.enabled}
function create_if_block(ctx) {
let div;
let promise;
let div_transition;
let current;
let info = {
ctx,
current: null,
token: null,
hasCatch: true,
pending: create_pending_block,
then: create_then_block,
catch: create_catch_block,
value: 5,
error: 9,
blocks: [,,,]
};
handle_promise(promise = /*lang*/ ctx[0].request(/*text*/ ctx[1]), info);
return {
c() {
div = element("div");
info.block.c();
attr(div, "class", "content svelte-lqa3ug");
},
m(target, anchor) {
insert(target, div, anchor);
info.block.m(div, info.anchor = null);
info.mount = () => div;
info.anchor = null;
current = true;
},
p(new_ctx, dirty) {
ctx = new_ctx;
info.ctx = ctx;
if (dirty & /*lang, text*/ 3 && promise !== (promise = /*lang*/ ctx[0].request(/*text*/ ctx[1])) && handle_promise(promise, info)) ; else {
update_await_block_branch(info, ctx, dirty);
}
},
i(local) {
if (current) return;
transition_in(info.block);
add_render_callback(() => {
if (!div_transition) div_transition = create_bidirectional_transition(div, slide, {}, true);
div_transition.run(1);
});
current = true;
},
o(local) {
for (let i = 0; i < 3; i += 1) {
const block = info.blocks[i];
transition_out(block);
}
if (!div_transition) div_transition = create_bidirectional_transition(div, slide, {}, false);
div_transition.run(0);
current = false;
},
d(detaching) {
if (detaching) detach(div);
info.block.d();
info.token = null;
info = null;
if (detaching && div_transition) div_transition.end();
}
};
}
// (89:6) {:catch error}
function create_catch_block(ctx) {
let div;
let t0;
let p0;
let t1_value = (/*error*/ ctx[9].message || '查询出错') + "";
let t1;
let t2;
let t3;
let p1;
let if_block = /*lang*/ ctx[0].type === 'en' && create_if_block_1();
let each_value_1 = /*lang*/ ctx[0].alternatives.concat([
{
name: '维基词典',
url: 'https://en.wiktionary.org/wiki/',
icon: 'https://en.wiktionary.org/static/apple-touch/wiktionary/en.png'
}
]);
let each_blocks = [];
for (let i = 0; i < each_value_1.length; i += 1) {
each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
}
return {
c() {
div = element("div");
if (if_block) if_block.c();
t0 = space();
p0 = element("p");
t1 = text(t1_value);
t2 = text("，点击右上箭头，或试试这些词典:");
t3 = space();
p1 = element("p");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
attr(p0, "class", "svelte-lqa3ug");
attr(p1, "class", "alternatives svelte-lqa3ug");
attr(div, "class", "tip svelte-lqa3ug");
},
m(target, anchor) {
insert(target, div, anchor);
if (if_block) if_block.m(div, null);
append(div, t0);
append(div, p0);
append(p0, t1);
append(p0, t2);
append(div, t3);
append(div, p1);
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(p1, null);
}
},
p(ctx, dirty) {
if (/*lang*/ ctx[0].type === 'en') {
if (if_block) ; else {
if_block = create_if_block_1();
if_block.c();
if_block.m(div, t0);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
if (dirty & /*lang, text*/ 3 && t1_value !== (t1_value = (/*error*/ ctx[9].message || '查询出错') + "")) set_data(t1, t1_value);
if (dirty & /*lang, text*/ 3) {
each_value_1 = /*lang*/ ctx[0].alternatives.concat([
{
name: '维基词典',
url: 'https://en.wiktionary.org/wiki/',
icon: 'https://en.wiktionary.org/static/apple-touch/wiktionary/en.png'
}
]);
let i;
for (i = 0; i < each_value_1.length; i += 1) {
const child_ctx = get_each_context_1(ctx, each_value_1, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
} else {
each_blocks[i] = create_each_block_1(child_ctx);
each_blocks[i].c();
each_blocks[i].m(p1, null);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].d(1);
}
each_blocks.length = each_value_1.length;
}
},
i: noop,
o: noop,
d(detaching) {
if (detaching) detach(div);
if (if_block) if_block.d();
destroy_each(each_blocks, detaching);
}
};
}
// (91:10) {#if lang.type === 'en'}
function create_if_block_1(ctx) {
let p;
return {
c() {
p = element("p");
p.textContent = "(如果这不是英语，请切换为下方其它语言)";
attr(p, "class", "svelte-lqa3ug");
},
m(target, anchor) {
insert(target, p, anchor);
},
d(detaching) {
if (detaching) detach(p);
}
};
}
// (96:12) {#each lang.alternatives.concat([{ name: '维基词典', url: 'https://en.wiktionary.org/wiki/', icon: 'https://en.wiktionary.org/static/apple-touch/wiktionary/en.png', }]) as item }
function create_each_block_1(ctx) {
let a;
let img;
let img_src_value;
let img_alt_value;
let t;
let a_href_value;
let a_title_value;
return {
c() {
a = element("a");
img = element("img");
t = space();
if (!src_url_equal(img.src, img_src_value = /*item*/ ctx[10].icon)) attr(img, "src", img_src_value);
attr(img, "alt", img_alt_value = /*item*/ ctx[10].name);
attr(img, "width", "24");
attr(img, "height", "24");
attr(img, "class", "svelte-lqa3ug");
attr(a, "href", a_href_value = /*item*/ ctx[10].url + /*text*/ ctx[1]);
attr(a, "target", "_blank");
attr(a, "title", a_title_value = "去" + /*item*/ ctx[10].name + "查询" + /*text*/ ctx[1]);
attr(a, "class", "svelte-lqa3ug");
},
m(target, anchor) {
insert(target, a, anchor);
append(a, img);
append(a, t);
},
p(ctx, dirty) {
if (dirty & /*lang*/ 1 && !src_url_equal(img.src, img_src_value = /*item*/ ctx[10].icon)) {
attr(img, "src", img_src_value);
}
if (dirty & /*lang*/ 1 && img_alt_value !== (img_alt_value = /*item*/ ctx[10].name)) {
attr(img, "alt", img_alt_value);
}
if (dirty & /*lang, text*/ 3 && a_href_value !== (a_href_value = /*item*/ ctx[10].url + /*text*/ ctx[1])) {
attr(a, "href", a_href_value);
}
if (dirty & /*lang, text*/ 3 && a_title_value !== (a_title_value = "去" + /*item*/ ctx[10].name + "查询" + /*text*/ ctx[1])) {
attr(a, "title", a_title_value);
}
},
d(detaching) {
if (detaching) detach(a);
}
};
}
// (85:6) {:then results}
function create_then_block(ctx) {
let each_1_anchor;
let current;
let each_value = /*results*/ ctx[5];
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
}
const out = i => transition_out(each_blocks[i], 1, 1, () => {
each_blocks[i] = null;
});
return {
c() {
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
each_1_anchor = empty();
},
m(target, anchor) {
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(target, anchor);
}
insert(target, each_1_anchor, anchor);
current = true;
},
p(ctx, dirty) {
if (dirty & /*lang, text*/ 3) {
each_value = /*results*/ ctx[5];
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context$1(ctx, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
transition_in(each_blocks[i], 1);
} else {
each_blocks[i] = create_each_block$1(child_ctx);
each_blocks[i].c();
transition_in(each_blocks[i], 1);
each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
}
}
group_outros();
for (i = each_value.length; i < each_blocks.length; i += 1) {
out(i);
}
check_outros();
}
},
i(local) {
if (current) return;
for (let i = 0; i < each_value.length; i += 1) {
transition_in(each_blocks[i]);
}
current = true;
},
o(local) {
each_blocks = each_blocks.filter(Boolean);
for (let i = 0; i < each_blocks.length; i += 1) {
transition_out(each_blocks[i]);
}
current = false;
},
d(detaching) {
destroy_each(each_blocks, detaching);
if (detaching) detach(each_1_anchor);
}
};
}
// (86:8) {#each results as entry}
function create_each_block$1(ctx) {
let resultentry;
let current;
resultentry = new ResultEntry({ props: { entry: /*entry*/ ctx[6] } });
return {
c() {
create_component(resultentry.$$.fragment);
},
m(target, anchor) {
mount_component(resultentry, target, anchor);
current = true;
},
p(ctx, dirty) {
const resultentry_changes = {};
if (dirty & /*lang, text*/ 3) resultentry_changes.entry = /*entry*/ ctx[6];
resultentry.$set(resultentry_changes);
},
i(local) {
if (current) return;
transition_in(resultentry.$$.fragment, local);
current = true;
},
o(local) {
transition_out(resultentry.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(resultentry, detaching);
}
};
}
// (55:33) <svg aria-hidden="true" class="loading" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100"> <circle cx="6" cy="50" r="6"> <animateTransform attributeName="transform" dur="1s" type="translate" values="0 15 ; 0 -15; 0 15" repeatCount="indefinite" begin="0.1"/> </circle> <circle cx="30" cy="50" r="6"> <animateTransform attributeName="transform" dur="1s" type="translate" values="0 10 ; 0 -10; 0 10" repeatCount="indefinite" begin="0.2"/> </circle> <circle cx="54" cy="50" r="6"> <animateTransform attributeName="transform" dur="1s" type="translate" values="0 5 ; 0 -5; 0 5" repeatCount="indefinite" begin="0.3"/> </circle> </svg> {:then results}
function create_pending_block(ctx) {
let svg;
let circle0;
let animateTransform0;
let circle1;
let animateTransform1;
let circle2;
let animateTransform2;
return {
c() {
svg = svg_element("svg");
circle0 = svg_element("circle");
animateTransform0 = svg_element("animateTransform");
circle1 = svg_element("circle");
animateTransform1 = svg_element("animateTransform");
circle2 = svg_element("circle");
animateTransform2 = svg_element("animateTransform");
attr(animateTransform0, "attributeName", "transform");
attr(animateTransform0, "dur", "1s");
attr(animateTransform0, "type", "translate");
attr(animateTransform0, "values", "0 15 ; 0 -15; 0 15");
attr(animateTransform0, "repeatCount", "indefinite");
attr(animateTransform0, "begin", "0.1");
attr(circle0, "cx", "6");
attr(circle0, "cy", "50");
attr(circle0, "r", "6");
attr(animateTransform1, "attributeName", "transform");
attr(animateTransform1, "dur", "1s");
attr(animateTransform1, "type", "translate");
attr(animateTransform1, "values", "0 10 ; 0 -10; 0 10");
attr(animateTransform1, "repeatCount", "indefinite");
attr(animateTransform1, "begin", "0.2");
attr(circle1, "cx", "30");
attr(circle1, "cy", "50");
attr(circle1, "r", "6");
attr(animateTransform2, "attributeName", "transform");
attr(animateTransform2, "dur", "1s");
attr(animateTransform2, "type", "translate");
attr(animateTransform2, "values", "0 5 ; 0 -5; 0 5");
attr(animateTransform2, "repeatCount", "indefinite");
attr(animateTransform2, "begin", "0.3");
attr(circle2, "cx", "54");
attr(circle2, "cy", "50");
attr(circle2, "r", "6");
attr(svg, "aria-hidden", "true");
attr(svg, "class", "loading svelte-lqa3ug");
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
attr(svg, "viewBox", "0 0 50 100");
},
m(target, anchor) {
insert(target, svg, anchor);
append(svg, circle0);
append(circle0, animateTransform0);
append(svg, circle1);
append(circle1, animateTransform1);
append(svg, circle2);
append(circle2, animateTransform2);
},
p: noop,
i: noop,
o: noop,
d(detaching) {
if (detaching) detach(svg);
}
};
}
function create_fragment$1(ctx) {
let div1;
let div0;
let button;
let button_aria_checked_value;
let button_title_value;
let t0;
let span;
let t1_value = /*lang*/ ctx[0].name + "";
let t1;
let t2;
let a;
let svg;
let path0;
let path1;
let a_href_value;
let t3;
let div1_class_value;
let current;
let mounted;
let dispose;
function select_block_type(ctx, dirty) {
if (/*lang*/ ctx[0].enabled) return create_if_block_2;
return create_else_block;
}
let current_block_type = select_block_type(ctx);
let if_block0 = current_block_type(ctx);
let if_block1 = /*lang*/ ctx[0].enabled && create_if_block(ctx);
return {
c() {
div1 = element("div");
div0 = element("div");
button = element("button");
if_block0.c();
t0 = space();
span = element("span");
t1 = text(t1_value);
t2 = space();
a = element("a");
svg = svg_element("svg");
path0 = svg_element("path");
path1 = svg_element("path");
t3 = space();
if (if_block1) if_block1.c();
attr(button, "class", "switch svelte-lqa3ug");
attr(button, "role", "switch");
attr(button, "aria-checked", button_aria_checked_value = /*lang*/ ctx[0].enabled);
attr(button, "title", button_title_value = "" + ((/*lang*/ ctx[0].enabled ? '收起' : '展开') + /*lang*/ ctx[0].name + "语查询"));
attr(span, "class", "name svelte-lqa3ug");
attr(path0, "d", "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z");
attr(path1, "d", "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z");
attr(svg, "aria-hidden", "true");
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
attr(svg, "viewBox", "0 0 20 20");
attr(svg, "fill", "currentColor");
attr(a, "class", "more svelte-lqa3ug");
attr(a, "target", "_blank");
attr(a, "rel", "noopener noreferrer");
attr(a, "href", a_href_value = "" + (/*lang*/ ctx[0].url + /*text*/ ctx[1]));
attr(a, "title", "详细释义");
attr(div0, "class", "header svelte-lqa3ug");
attr(div1, "class", div1_class_value = "lang " + /*lang*/ ctx[0].type + " svelte-lqa3ug");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
append(div0, button);
if_block0.m(button, null);
append(div0, t0);
append(div0, span);
append(span, t1);
append(div0, t2);
append(div0, a);
append(a, svg);
append(svg, path0);
append(svg, path1);
append(div1, t3);
if (if_block1) if_block1.m(div1, null);
current = true;
if (!mounted) {
dispose = [
listen(button, "click", /*onToggleLanguage*/ ctx[2]),
listen(a, "click", stop_propagation(/*click_handler*/ ctx[3]))
];
mounted = true;
}
},
p(ctx, [dirty]) {
if (current_block_type !== (current_block_type = select_block_type(ctx))) {
if_block0.d(1);
if_block0 = current_block_type(ctx);
if (if_block0) {
if_block0.c();
if_block0.m(button, null);
}
}
if (!current || dirty & /*lang*/ 1 && button_aria_checked_value !== (button_aria_checked_value = /*lang*/ ctx[0].enabled)) {
attr(button, "aria-checked", button_aria_checked_value);
}
if (!current || dirty & /*lang*/ 1 && button_title_value !== (button_title_value = "" + ((/*lang*/ ctx[0].enabled ? '收起' : '展开') + /*lang*/ ctx[0].name + "语查询"))) {
attr(button, "title", button_title_value);
}
if ((!current || dirty & /*lang*/ 1) && t1_value !== (t1_value = /*lang*/ ctx[0].name + "")) set_data(t1, t1_value);
if (!current || dirty & /*lang, text*/ 3 && a_href_value !== (a_href_value = "" + (/*lang*/ ctx[0].url + /*text*/ ctx[1]))) {
attr(a, "href", a_href_value);
}
if (/*lang*/ ctx[0].enabled) {
if (if_block1) {
if_block1.p(ctx, dirty);
if (dirty & /*lang*/ 1) {
transition_in(if_block1, 1);
}
} else {
if_block1 = create_if_block(ctx);
if_block1.c();
transition_in(if_block1, 1);
if_block1.m(div1, null);
}
} else if (if_block1) {
group_outros();
transition_out(if_block1, 1, 1, () => {
if_block1 = null;
});
check_outros();
}
if (!current || dirty & /*lang*/ 1 && div1_class_value !== (div1_class_value = "lang " + /*lang*/ ctx[0].type + " svelte-lqa3ug")) {
attr(div1, "class", div1_class_value);
}
},
i(local) {
if (current) return;
transition_in(if_block1);
current = true;
},
o(local) {
transition_out(if_block1);
current = false;
},
d(detaching) {
if (detaching) detach(div1);
if_block0.d();
if (if_block1) if_block1.d();
mounted = false;
run_all(dispose);
}
};
}
function instance$1($$self, $$props, $$invalidate) {
const dispatch = createEventDispatcher();
let { lang } = $$props;
let { text } = $$props;
function onToggleLanguage() {
$$invalidate(0, lang.enabled = !lang.enabled, lang);
if (lang.enabled) {
dispatch('toggle', lang);
}
}
function click_handler(event) {
bubble.call(this, $$self, event);
}
$$self.$$set = $$props => {
if ('lang' in $$props) $$invalidate(0, lang = $$props.lang);
if ('text' in $$props) $$invalidate(1, text = $$props.text);
};
return [lang, text, onToggleLanguage, click_handler];
}
class LangSection extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$1, create_fragment$1, safe_not_equal, { lang: 0, text: 1 }, add_css$1);
}
}
const langs = [
{
enabled: true,
type: 'en',
name: '英',
api: getYoudaoApi('eng', 'ec'),
url: 'https://dict.cn/',
alternatives: [
{ name: '金山词霸', url: 'https://www.iciba.com/word?w=', icon: 'https://cdn.iciba.com/www/img/www/favicon.ico' },
{ name: 'Urban Dictionary', url: 'https://www.urbandictionary.com/define.php?term=', icon: 'https://g.udimg.com/assets/apple-touch-icon-2ad9dfa3cb34c1d2740aaf1e8bcac791e2e654939e105241f3d3c8b889e4ac0c.png' },
],
is(text) {
return /^(\p{sc=Latin}|-|\s)+$/u.test(text);
},
async request(text) {
const res = await get(this.api + text);
const { ec } = JSON.parse(res);
if (!ec)
throw new Error('查无结果');
return ec.word.map((word) => ({
word: word['return-phrase'].l.i,
phonetic: word.ukphone,
sound: word.ukspeech && getYoudaoVoice(word.ukspeech),
meanings: word.trs.map((tr) => {
let [type, items] = tr.tr[0].l.i[0].split('.');
if (!items) {
items = type;
type = '';
}
return {
type: type.trim(),
items: [items.trim()],
};
}),
}));
},
},
{
enabled: false,
type: 'fr',
name: '法',
api: getYoudaoApi('fr', 'fc'),
url: 'https://www.frdic.com/dicts/fr/',
alternatives: [],
is(text) {
return /^(\p{sc=Latin}|-|\s)+$/u.test(text);
},
async request(text) {
const res = await get(this.api + text);
const { fc } = JSON.parse(res);
if (!fc)
throw new Error('查无结果');
return fc.word.map((word) => ({
word: word['return-phrase'].l.i,
phonetic: word.phone.replace(/\s/g, ''),
sound: word.speech && getYoudaoVoice(word.speech),
meanings: word.trs.map((tr) => ({
type: tr.pos,
items: tr.tr[0].l.i,
})),
}));
},
},
{
enabled: true,
type: 'ja',
name: '日',
api: getYoudaoApi('ja', 'newjc'),
url: 'http://dict.asia/jc/',
alternatives: [
{ name: '沪江小D', url: 'https://dict.hjenglish.com/jp/jc/', icon: 'https://res.hjfile.cn/tool/dict.hjenglish.com/img/[email protected]' },
{ name: 'JapanDict', url: 'https://www.japandict.com/?s=', icon: 'https://www.japandict.com/apple-touch-icon-57x57.png?v=3.8' },
],
is(text) {
return /^(\p{sc=Han}|\p{sc=Hira}|\p{scx=Kana})+$/u.test(text);
},
async request(text) {
const res = await get(this.api + text);
const { newjc } = JSON.parse(res);
if (!newjc)
throw new Error('查无结果');
const { word: data } = newjc;
const { mPhonicD, homonymD = [] } = data;
const words = mPhonicD || [data];
words.push(...homonymD.filter((part) => part.head.pjm));
return words.map((word) => ({
word: word.head.hw,
phonetic: `${word.head.pjm} ${word.head.tone || ''}`,
sound: getYoudaoVoice(`${word.head.hw}&le=jap`),
meanings: word.sense.map((sensePart) => ({
type: sensePart.cx,
items: sensePart.phrList.map(({ jmsy }) => jmsy),
})),
}));
},
},
{
enabled: true,
type: 'kr',
name: '韩',
api: 'https://zh.dict.naver.com/api3/kozh/tooltip?query=',
url: 'https://zh.dict.naver.com/#/search?query=',
alternatives: [],
is(text) {
return /^\p{sc=Hangul}+$/u.test(text);
},
async request(text) {
const res = await get(this.api + text);
const { jsonResult } = JSON.parse(res);
if (!jsonResult.length)
throw new Error('查无结果');
return jsonResult.map((item) => ({
word: item.entryName,
phonetic: item.phoneticSymbolP,
meanings: item.partOfSpeechs.map((speech) => ({
type: speech.partOfSpeechNameForeign,
items: speech.means.map(({ mean }) => mean),
})),
}));
},
},
{
enabled: true,
type: 'th',
name: '泰',
api: 'https://api.thai2english.com/translations?q=',
url: 'https://www.thai2english.com/search?q=',
alternatives: [],
is(text) {
return /^(\p{sc=Thai}|\s)+$/u.test(text);
},
async request(text) {
const res = await get(this.api + text);
const [{ wordObjects }] = JSON.parse(res);
return wordObjects.map((item) => ({
word: item.word,
phonetic: item.phonetic,
meanings: [{
items: item.meanings.map(({ meaning }) => meaning),
}],
}));
},
},
{
enabled: false,
type: 'vt',
name: '越',
api: 'https://vtudien.com/viet-trung/dictionary/nghia-cua-tu-',
url: 'https://vtudien.com/viet-trung/dictionary/nghia-cua-tu-',
alternatives: [],
is(text) {
return /^(\p{sc=Latin}|-|\s)+$/u.test(text);
},
async request(text) {
const res = await get(this.api + text);
const doc = new DOMParser().parseFromString(res, 'text/html');
const div = doc.getElementById('idnghia');
const word = div?.querySelector('h2')?.textContent?.trim();
if (!word)
throw new Error('查无结果');
const tds = div?.querySelectorAll('td[colspan="2"]') || [];
const items = Array.from(tds).map((td) => td.textContent);
return [{
word,
sound: `https://vtudien.com/doc/viet/${word}.mp3`,
meanings: [{
items,
}],
}];
},
},
{
enabled: false,
type: 'tl',
name: '他加禄',
api: 'https://www.tagalog.com/ajax/reference_guide_search_results.php?json=1&num_results=5&keyword=',
url: 'https://www.tagalog.com/dictionary/#',
alternatives: [],
is(text) {
return /^(\p{sc=Latin}|-|\s)+$/u.test(text);
},
async request(text) {
const res = await get(this.api + text);
const entries = JSON.parse(res);
if (!entries.length)
throw new Error('查无结果');
return entries.map((entry) => {
const { content, english, has_conjugations: hasConjugations, conjugations, } = entry;
const meanings = english.split('[').slice(1)
.map((segment) => segment.split(']'))
.map(([type, meaning]) => ({
type,
items: [
...(type === 'verb' && hasConjugations === 1 ? [`( ${conjugations} )`] : []),
meaning.trim(),
],
}));
return {
word: content.replaceAll('***', '<u>').replaceAll('^^^', '</u>'),
meanings,
};
});
},
},
{
enabled: false,
type: 'all',
name: '谷歌翻译',
api: 'https://translate.google.cn/translate_a/single?client=gtx&dt=t&dt=bd&dj=1&source=input&sl=auto&tl=en&q=',
url: 'https://translate.google.cn/?sl=auto&tl=en&op=translate&text=',
alternatives: [],
is() {
return true;
},
async request(text) {
const res = await get(this.api + text);
const result = JSON.parse(res);
return [{
meanings: [{
items: [result.sentences[0].trans],
}],
}];
},
},
];
/* src/components/App.svelte generated by Svelte v3.46.4 */
function add_css(target) {
append_styles(target, "svelte-13nqyel", ".app.svelte-13nqyel{--main-color:#0C9553;font-size:16px;color:#000}.trigger.svelte-13nqyel{position:fixed;top:0;left:0;z-index:9999;display:block;width:24px;height:24px;padding:4px;border:0;border-radius:15%;background-color:var(--main-color);color:#fff;transition:visibility 0.3s, opcacity 0.3s;cursor:pointer}.trigger.svelte-13nqyel:hover{opacity:0.85}.panel.svelte-13nqyel{position:fixed;top:0;left:0;z-index:9999;display:flex;flex-direction:column;justify-content:center;width:24em;max-height:90vh;padding:0.5em 1em 1.2em;border:1px solid #eee;background-color:#fff;box-shadow:3px 2.8px 4.2px -5px rgba(0, 0, 0, 0.07),\n 7.3px 6.7px 10px -5px rgba(0, 0, 0, 0.05),\n 13.8px 12.5px 18.8px -5px rgba(0, 0, 0, 0.042),\n 24.6px 22.3px 33.5px -5px rgba(0, 0, 0, 0.035),\n 46px 41.8px 62.7px -5px rgba(0, 0, 0, 0.028),\n 110px 100px 150px -5px rgba(0, 0, 0, 0.02)\n ;font-family:\"Segoe UI\", \"Microsoft Yahei\", meiryo, sans-serif;font-size:13px;line-height:1.5;transition:visibility 0.2s, opacity 0.2s;transition-timing-function:ease-in}.trigger.svelte-13nqyel:not(.is-show),.panel.svelte-13nqyel:not(.is-show){visibility:hidden;opacity:0;transition:none}.panel.svelte-13nqyel:empty{align-items:center}.panel.svelte-13nqyel:empty::before{content:\"不受支持的文本\"}");
}
function get_each_context(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[13] = list[i];
return child_ctx;
}
// (74:4) {#each currentLangs as lang}
function create_each_block(ctx) {
let langsection;
let current;
langsection = new LangSection({
props: {
lang: /*lang*/ ctx[13],
text: /*text*/ ctx[0]
}
});
langsection.$on("toggle", /*onToggleLanguage*/ ctx[7]);
return {
c() {
create_component(langsection.$$.fragment);
},
m(target, anchor) {
mount_component(langsection, target, anchor);
current = true;
},
p(ctx, dirty) {
const langsection_changes = {};
if (dirty & /*currentLangs*/ 32) langsection_changes.lang = /*lang*/ ctx[13];
if (dirty & /*text*/ 1) langsection_changes.text = /*text*/ ctx[0];
langsection.$set(langsection_changes);
},
i(local) {
if (current) return;
transition_in(langsection.$$.fragment, local);
current = true;
},
o(local) {
transition_out(langsection.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(langsection, detaching);
}
};
}
function create_fragment(ctx) {
let div1;
let button;
let t;
let div0;
let current;
let mounted;
let dispose;
let each_value = /*currentLangs*/ ctx[5];
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
}
const out = i => transition_out(each_blocks[i], 1, 1, () => {
each_blocks[i] = null;
});
return {
c() {
div1 = element("div");
button = element("button");
button.innerHTML = `<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path></svg>`;
t = space();
div0 = element("div");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
attr(button, "class", "trigger svelte-13nqyel");
attr(button, "aria-label", "开始翻译");
toggle_class(button, "is-show", /*showTrigger*/ ctx[3]);
attr(div0, "class", "panel svelte-13nqyel");
toggle_class(div0, "is-show", /*showPanel*/ ctx[4]);
attr(div1, "class", "app svelte-13nqyel");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, button);
/*button_binding*/ ctx[10](button);
append(div1, t);
append(div1, div0);
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(div0, null);
}
/*div0_binding*/ ctx[11](div0);
current = true;
if (!mounted) {
dispose = [
listen(button, "click", /*onTranslate*/ ctx[6]),
listen(div1, "mousedown", stop_propagation(/*mousedown_handler*/ ctx[8])),
listen(div1, "mouseup", stop_propagation(/*mouseup_handler*/ ctx[9]))
];
mounted = true;
}
},
p(ctx, [dirty]) {
if (dirty & /*showTrigger*/ 8) {
toggle_class(button, "is-show", /*showTrigger*/ ctx[3]);
}
if (dirty & /*currentLangs, text, onToggleLanguage*/ 161) {
each_value = /*currentLangs*/ ctx[5];
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context(ctx, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
transition_in(each_blocks[i], 1);
} else {
each_blocks[i] = create_each_block(child_ctx);
each_blocks[i].c();
transition_in(each_blocks[i], 1);
each_blocks[i].m(div0, null);
}
}
group_outros();
for (i = each_value.length; i < each_blocks.length; i += 1) {
out(i);
}
check_outros();
}
if (dirty & /*showPanel*/ 16) {
toggle_class(div0, "is-show", /*showPanel*/ ctx[4]);
}
},
i(local) {
if (current) return;
for (let i = 0; i < each_value.length; i += 1) {
transition_in(each_blocks[i]);
}
current = true;
},
o(local) {
each_blocks = each_blocks.filter(Boolean);
for (let i = 0; i < each_blocks.length; i += 1) {
transition_out(each_blocks[i]);
}
current = false;
},
d(detaching) {
if (detaching) detach(div1);
/*button_binding*/ ctx[10](null);
destroy_each(each_blocks, detaching);
/*div0_binding*/ ctx[11](null);
mounted = false;
run_all(dispose);
}
};
}
function instance($$self, $$props, $$invalidate) {
let text = '';
let rect;
let trigger;
let panel;
let showTrigger = false;
let showPanel = false;
let currentLangs = [];
window.addEventListener('mouseup', () => {
const selection = window.getSelection();
$$invalidate(0, text = selection.toString().trim().toLowerCase());
if (text) {
const rects = selection.getRangeAt(0).getClientRects();
rect = rects[rects.length - 1];
setPosition(trigger, rect);
$$invalidate(3, showTrigger = true);
}
});
window.addEventListener('mousedown', () => {
$$invalidate(3, showTrigger = false);
$$invalidate(4, showPanel = false);
$$invalidate(5, currentLangs = []);
});
function onTranslate() {
const filterResult = Object.values(langs).filter(lang => lang.is(text));
// 只有谷歌翻译结果时，默认展开谷歌翻译
const typeAll = filterResult.find(lang => lang.type === 'all');
if (typeAll) {
typeAll.enabled = filterResult.length === 1;
}
$$invalidate(5, currentLangs = filterResult);
setTimeout(() => {
// 156 用于补偿受展开动画影响而缺失的面板高度
setPosition(panel, rect, 156);
$$invalidate(3, showTrigger = false);
$$invalidate(4, showPanel = true);
});
}
function onToggleLanguage(event) {
$$invalidate(5, currentLangs = currentLangs.map(currentLang => {
if (currentLang !== event.detail) {
// eslint-disable-next-line no-param-reassign
currentLang.enabled = false;
}
return currentLang;
}));
}
function mousedown_handler(event) {
bubble.call(this, $$self, event);
}
function mouseup_handler(event) {
bubble.call(this, $$self, event);
}
function button_binding($$value) {
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
trigger = $$value;
$$invalidate(1, trigger);
});
}
function div0_binding($$value) {
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
panel = $$value;
$$invalidate(2, panel);
});
}
return [
text,
trigger,
panel,
showTrigger,
showPanel,
currentLangs,
onTranslate,
onToggleLanguage,
mousedown_handler,
mouseup_handler,
button_binding,
div0_binding
];
}
class App extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal, {}, add_css);
}
}
const wrapper = document.createElement('div');
document.body.append(wrapper);
wrapper.attachShadow({ mode: 'open' });
if (wrapper.shadowRoot) {
// eslint-disable-next-line no-new
new App({
target: wrapper.shadowRoot,
});
}
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址