@realsee/dnalogel
Version:
306 lines (305 loc) • 12.7 kB
JavaScript
import { SvelteComponent as w, init as F, safe_not_equal as K, append_styles as O, element as p, space as T, attr as A, set_style as a, insert as I, append as r, noop as D, detach as _, text as N, set_data as E } from "../../vendor/svelte/internal/index.js";
import { FONT_SIZE_MAP as B } from "../../shared-utils/fontSize.js";
import { px2rem as y } from "../../shared-utils/px2rem.js";
function V(t) {
O(t, "svelte-f09cfl", ".guide-line__tag.svelte-f09cfl.svelte-f09cfl{position:relative}.text-with-distance.svelte-f09cfl.svelte-f09cfl{display:flex;flex-direction:column;position:relative;padding:0.125rem 0.25rem;border-radius:0.125rem;background:linear-gradient(to top, rgba(147, 147, 147, 0.3), rgba(74, 74, 74, 0.3));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2)}.text-with-distance.svelte-f09cfl .border.svelte-f09cfl{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;padding:0.0625rem;border-radius:0.25rem;background:linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;transform:scale(0.5)}.distance-and-name.svelte-f09cfl.svelte-f09cfl{display:flex;gap:0.1875rem}.distance.svelte-f09cfl.svelte-f09cfl{white-space:nowrap;font-size:0.625rem;line-height:0.875rem;color:#66afff}.name.svelte-f09cfl.svelte-f09cfl{opacity:0.6;font-size:0.625rem;line-height:0.875rem;white-space:nowrap;color:#ffffff}.line-name.svelte-f09cfl.svelte-f09cfl{color:#fff;white-space:nowrap;font-size:0.625rem;line-height:0.875rem}.guide-line__tag-point.svelte-f09cfl.svelte-f09cfl{position:absolute;left:50%;bottom:0.0625rem;width:0.4375rem;height:0.125rem;transform:translateX(-50%);background:#fff;border-radius:50%;opacity:0.5}.guide-line__tag-line.svelte-f09cfl.svelte-f09cfl{position:absolute;left:50%;bottom:0.0625rem;width:0.0625rem;height:1.875rem;transform:translateX(-50%);background:linear-gradient(to top, #fff, rgba(255, 255, 255, 0))}.guide-line__tag-content.svelte-f09cfl.svelte-f09cfl{position:absolute;left:-0.9375rem;bottom:1.9375rem;display:flex;justify-content:center;align-items:center}.guide-line__tag-icon.svelte-f09cfl.svelte-f09cfl{width:1.875rem;height:1.875rem;background-size:100%}.guide-line__tag-text.svelte-f09cfl.svelte-f09cfl{box-sizing:content-box;width:-moz-max-content;width:max-content;transform:translateX(-0.1875rem);white-space:nowrap;font-size:0.625rem;line-height:0.875rem;border:solid transparent;border-width:0.125rem 0.5rem 0.125rem 0.375rem;border-image-slice:6 25 6 18 fill;color:#fff;display:flex;align-items:center;justify-content:center}");
}
function G(t) {
let e, l;
return {
c() {
e = p("div"), l = N(
/*text*/
t[0]
), A(e, "class", "guide-line__tag-text svelte-f09cfl"), a(
e,
"font-size",
/*nameSize*/
t[9]
), a(
e,
"padding",
/*paddingStyle*/
t[8]
), a(e, "border-image-source", `url(${/*text_background_url*/
t[10]})`);
},
m(i, f) {
I(i, e, f), r(e, l);
},
p(i, f) {
f & /*text*/
1 && E(
l,
/*text*/
i[0]
), f & /*nameSize*/
512 && a(
e,
"font-size",
/*nameSize*/
i[9]
), f & /*paddingStyle*/
256 && a(
e,
"padding",
/*paddingStyle*/
i[8]
);
},
d(i) {
i && _(e);
}
};
}
function X(t) {
let e, l, i, f, b = (
/*i18n*/
t[5]("全程") + ""
), m, v, k = (
/*i18n*/
t[5]("米") + ""
), z, s, n, o, h, q, g = (
/*name*/
t[4] && Z(t)
);
return {
c() {
e = p("div"), g && g.c(), l = T(), i = p("div"), f = p("span"), m = N(b), v = N(
/*distance*/
t[2]
), z = N(k), s = T(), n = p("span"), o = N(
/*text*/
t[0]
), h = T(), q = p("div"), A(f, "class", "distance svelte-f09cfl"), a(
f,
"line-height",
/*lineHeightStyle*/
t[6]
), a(
f,
"font-size",
/*nameSize*/
t[9]
), A(n, "class", "name svelte-f09cfl"), a(
n,
"line-height",
/*lineHeightStyle*/
t[6]
), a(
n,
"font-size",
/*nameSize*/
t[9]
), A(i, "class", "distance-and-name svelte-f09cfl"), A(q, "class", "border svelte-f09cfl"), A(e, "class", "text-with-distance svelte-f09cfl"), a(
e,
"padding",
/*distancePaddingStyle*/
t[7]
);
},
m(c, u) {
I(c, e, u), g && g.m(e, null), r(e, l), r(e, i), r(i, f), r(f, m), r(f, v), r(f, z), r(i, s), r(i, n), r(n, o), r(e, h), r(e, q);
},
p(c, u) {
/*name*/
c[4] ? g ? g.p(c, u) : (g = Z(c), g.c(), g.m(e, l)) : g && (g.d(1), g = null), u & /*i18n*/
32 && b !== (b = /*i18n*/
c[5]("全程") + "") && E(m, b), u & /*distance*/
4 && E(
v,
/*distance*/
c[2]
), u & /*i18n*/
32 && k !== (k = /*i18n*/
c[5]("米") + "") && E(z, k), u & /*lineHeightStyle*/
64 && a(
f,
"line-height",
/*lineHeightStyle*/
c[6]
), u & /*nameSize*/
512 && a(
f,
"font-size",
/*nameSize*/
c[9]
), u & /*text*/
1 && E(
o,
/*text*/
c[0]
), u & /*lineHeightStyle*/
64 && a(
n,
"line-height",
/*lineHeightStyle*/
c[6]
), u & /*nameSize*/
512 && a(
n,
"font-size",
/*nameSize*/
c[9]
), u & /*distancePaddingStyle*/
128 && a(
e,
"padding",
/*distancePaddingStyle*/
c[7]
);
},
d(c) {
c && _(e), g && g.d();
}
};
}
function Z(t) {
let e, l;
return {
c() {
e = p("span"), l = N(
/*name*/
t[4]
), A(e, "class", "line-name svelte-f09cfl"), a(
e,
"line-height",
/*lineHeightStyle*/
t[6]
), a(
e,
"font-size",
/*nameSize*/
t[9]
);
},
m(i, f) {
I(i, e, f), r(e, l);
},
p(i, f) {
f & /*name*/
16 && E(
l,
/*name*/
i[4]
), f & /*lineHeightStyle*/
64 && a(
e,
"line-height",
/*lineHeightStyle*/
i[6]
), f & /*nameSize*/
512 && a(
e,
"font-size",
/*nameSize*/
i[9]
);
},
d(i) {
i && _(e);
}
};
}
function Y(t) {
let e, l, i, f, b, m, v, k, z, s = (
/*text*/
t[0] && !/*distance*/
t[2] && G(t)
), n = (
/*distance*/
t[2] && X(t)
);
return {
c() {
e = p("div"), l = p("div"), i = T(), f = p("div"), b = T(), m = p("div"), v = p("div"), k = T(), s && s.c(), z = T(), n && n.c(), A(l, "class", "guide-line__tag-point svelte-f09cfl"), A(f, "class", "guide-line__tag-line svelte-f09cfl"), A(v, "class", "guide-line__tag-icon svelte-f09cfl"), a(v, "background-image", `url(${/*icon_url*/
t[1]})`), A(m, "class", "guide-line__tag-content svelte-f09cfl"), A(e, "class", "guide-line__tag svelte-f09cfl"), a(
e,
"opacity",
/*opacity*/
t[3]
);
},
m(o, h) {
I(o, e, h), r(e, l), r(e, i), r(e, f), r(e, b), r(e, m), r(m, v), r(m, k), s && s.m(m, null), r(m, z), n && n.m(m, null);
},
p(o, [h]) {
h & /*icon_url*/
2 && a(v, "background-image", `url(${/*icon_url*/
o[1]})`), /*text*/
o[0] && !/*distance*/
o[2] ? s ? s.p(o, h) : (s = G(o), s.c(), s.m(m, z)) : s && (s.d(1), s = null), /*distance*/
o[2] ? n ? n.p(o, h) : (n = X(o), n.c(), n.m(m, null)) : n && (n.d(1), n = null), h & /*opacity*/
8 && a(
e,
"opacity",
/*opacity*/
o[3]
);
},
i: D,
o: D,
d(o) {
o && _(e), s && s.d(), n && n.d();
}
};
}
function U(t, e, l) {
let i, f, b, m, v, k, z, s, { text: n = "" } = e, { icon_url: o = "" } = e, { distance: h = 0 } = e, { opacity: q = 1 } = e, { name: g = "" } = e, { i18n: c = (d) => d } = e, { fontSize: u = "md" } = e;
const S = "data:image/png;base64,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";
return t.$$set = (d) => {
"text" in d && l(0, n = d.text), "icon_url" in d && l(1, o = d.icon_url), "distance" in d && l(2, h = d.distance), "opacity" in d && l(3, q = d.opacity), "name" in d && l(4, g = d.name), "i18n" in d && l(5, c = d.i18n), "fontSize" in d && l(11, u = d.fontSize);
}, t.$$.update = () => {
var d, P;
t.$$.dirty & /*fontSize*/
2048 && l(13, i = B[u]), t.$$.dirty & /*fontConfig*/
8192 && l(9, f = y((i == null ? void 0 : i.name) || 12)), t.$$.dirty & /*fontConfig*/
8192 && l(15, b = ((d = i == null ? void 0 : i.padding) == null ? void 0 : d.guide) || [8, 2]), t.$$.dirty & /*padding*/
32768 && l(8, m = `${y(b[1])} ${y(b[0])}`), t.$$.dirty & /*fontConfig*/
8192 && l(14, v = ((P = i == null ? void 0 : i.padding) == null ? void 0 : P.distance) || [4, 2]), t.$$.dirty & /*distancePadding*/
16384 && l(7, k = `${y(v[1])} ${y(v[0])}`), t.$$.dirty & /*fontConfig*/
8192 && l(12, z = (i == null ? void 0 : i.lineHeight) || 14), t.$$.dirty & /*lineHeight*/
4096 && l(6, s = y(z));
}, [
n,
o,
h,
q,
g,
c,
s,
k,
m,
f,
S,
u,
z,
i,
v,
b
];
}
class j extends w {
constructor(e) {
super(), F(
this,
e,
U,
Y,
K,
{
text: 0,
icon_url: 1,
distance: 2,
opacity: 3,
name: 4,
i18n: 5,
fontSize: 11
},
V
);
}
}
export {
j as default
};