@realsee/dnalogel
Version:
302 lines (301 loc) • 11.1 kB
JavaScript
import { SvelteComponent as j, init as x, safe_not_equal as B, append_styles as F, binding_callbacks as G, bind as H, element as h, space as C, create_component as P, attr as g, insert as R, append as s, mount_component as T, transition_in as w, transition_out as I, check_outros as J, add_flush_callback as K, detach as U, destroy_component as W, onMount as N, onDestroy as Q, text as y, set_style as E, toggle_class as z, listen as S, set_data as A, run_all as V, group_outros as X } from "../../vendor/svelte/internal/index.js";
import Y from "./Common/Switcher0.js";
import Z from "./Common/Exit.js";
import $ from "../Controller/EditController.js";
import { IconLine as q, IconArea as D, IconUndo as ee, IconOk as te } from "./Common/icons/index.js";
import "../Model/line.js";
import "../../shared-utils/uuid.js";
import "../utils/line.js";
import "../../shared-utils/five/FiveLine.js";
import "@realsee/five/line";
import "../utils/constants.js";
import "three";
import "@realsee/five";
import "../utils/dom/distanceItem.js";
import "../utils/dom/base.js";
import "../utils/isNDCPointInScreen.js";
import "../../shared-utils/three/centerPoint.js";
import "../Model/point.js";
import "../../shared-utils/throttle.js";
import "../Controller/BaseController.js";
import "../utils/ironbox.js";
import "../Model/polyline.js";
import "../Model/area.js";
import "../Model/polygon.js";
import "../../shared-utils/three/IObject3D.js";
import "../../shared-utils/three/generatePolygonGeometry.js";
import "../../shared-utils/three/earcut3D.js";
import "earcut";
import "../../shared-utils/three/getNormal.js";
import "../utils/dom/areaDom.js";
import "../../shared-utils/three/geometryUtil.js";
import "hammerjs";
import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
import "../../shared-utils/positionToVector3.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
import "three/examples/jsm/renderers/CSS3DRenderer";
import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
import "../../shared-utils/util.js";
import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
import "../../CSS3DRenderPlugin/utils/even.js";
import "../../shared-utils/Subscribe.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
import "../../shared-utils/three/getObjectVisible.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
import "animejs";
import "../../shared-utils/isNil.js";
import "../utils/isIntersecting.js";
import "../../shared-utils/three/PointSelector.js";
import "../../shared-utils/three/PointSelectorHelper.js";
import "../../shared-utils/three/Magnifier.js";
import "../../shared-utils/three/PointHelper.js";
import "../../shared-utils/three/Assets/index.js";
import "../../shared-utils/three/PointDomHelper.js";
import "../Modules/rangePiece/html.js";
import "../../CSS3DRenderPlugin/index.js";
import "../../CSS3DRenderPlugin/Controller.js";
import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
import "../../shared-utils/url/absoluteUrl.js";
import "../../shared-utils/animationFrame/BetterTween.js";
import "../../shared-utils/animationFrame/index.js";
import "../../shared-utils/isTouchDevice.js";
import "../../shared-utils/five/getPosition.js";
import "../../shared-utils/five/getRaycasterByNdcPosition.js";
import "../Modules/DeleteDom/index.js";
import "../Modules/DeleteDom/_Assets/delete.svg.js";
import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
import "../Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
import "../utils/math.js";
function oe(n) {
F(n, "svelte-468fdd", '*.forbid.svelte-468fdd.svelte-468fdd{pointer-events:none !important;opacity:0.5}.Measure-Controller.svelte-468fdd.svelte-468fdd{pointer-events:none;position:relative;width:100%;height:100%;z-index:2}.Measure-Controller.svelte-468fdd .mode-switcher.svelte-468fdd{margin-top:2.25rem}.Measure-Controller.svelte-468fdd .bottom.svelte-468fdd{position:absolute;width:100%;bottom:0}.Measure-Controller.svelte-468fdd .bottom .mask.svelte-468fdd{position:absolute;bottom:0;width:100%;height:11.5rem;background-size:100%;background-image:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3))}.Measure-Controller.svelte-468fdd .bottom .center.svelte-468fdd{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.Measure-Controller.svelte-468fdd .buttons.svelte-468fdd{pointer-events:all;display:flex;align-items:center;height:2.5rem;background:rgba(0, 0, 0, 0.2);color:rgba(255, 255, 255, 0.85);width:-moz-max-content;width:max-content;border-radius:624.9375rem;overflow:hidden}.Measure-Controller.svelte-468fdd .buttons .button.svelte-468fdd{cursor:pointer;display:flex;align-items:center;position:relative;font-size:0.875rem;padding:0rem 1rem}.Measure-Controller.svelte-468fdd .buttons .button .icon.svelte-468fdd{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-size:100%;margin-right:0.25rem}.Measure-Controller.svelte-468fdd .buttons .button.svelte-468fdd::after{content:"";position:absolute;display:block;right:-0.03125rem;height:1.5rem;width:0.0625rem;background-image:linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3), transparent);background-size:100%;background-repeat:no-repeat;background-position:center}.Measure-Controller.svelte-468fdd .buttons .button.svelte-468fdd:last-child::after{display:none}');
}
function L(n) {
let o, i;
return o = new Z({
props: {
onClick: (
/*measureController*/
n[0].disable
)
}
}), {
c() {
P(o.$$.fragment);
},
m(t, f) {
T(o, t, f), i = !0;
},
p(t, f) {
const p = {};
f & /*measureController*/
1 && (p.onClick = /*measureController*/
t[0].disable), o.$set(p);
},
i(t) {
i || (w(o.$$.fragment, t), i = !0);
},
o(t) {
I(o.$$.fragment, t), i = !1;
},
d(t) {
W(o, t);
}
};
}
function O(n) {
let o, i, t, f, p = (
/*i18n*/
n[2]("撤销") + ""
), d, v, m, a, b, c = (
/*i18n*/
n[2]("结束") + ""
), r, l, _;
return {
c() {
o = h("div"), i = h("div"), t = h("div"), f = C(), d = y(p), v = C(), m = h("div"), a = h("div"), b = C(), r = y(c), g(t, "class", "icon svelte-468fdd"), E(t, "background-image", `url(${ee})`), g(i, "class", "button svelte-468fdd"), z(i, "forbid", !/*canRevoke*/
n[3]), g(a, "class", "icon svelte-468fdd"), E(a, "background-image", `url(${te})`), g(m, "class", "button svelte-468fdd"), g(o, "class", "buttons svelte-468fdd");
},
m(u, e) {
R(u, o, e), s(o, i), s(i, t), s(i, f), s(i, d), s(o, v), s(o, m), s(m, a), s(m, b), s(m, r), l || (_ = [
S(
i,
"click",
/*click_handler*/
n[7]
),
S(
m,
"click",
/*complete*/
n[6]
)
], l = !0);
},
p(u, e) {
e & /*i18n*/
4 && p !== (p = /*i18n*/
u[2]("撤销") + "") && A(d, p), e & /*canRevoke*/
8 && z(i, "forbid", !/*canRevoke*/
u[3]), e & /*i18n*/
4 && c !== (c = /*i18n*/
u[2]("结束") + "") && A(r, c);
},
d(u) {
u && U(o), l = !1, V(_);
}
};
}
function ie(n) {
let o, i, t, f, p, d, v, m, a, b, c, r = (
/*showExit*/
n[1] && L(n)
), l = (
/*showController*/
n[5] && O(n)
);
function _(e) {
n[9](e);
}
let u = {
options: [
{
key: "line",
value: (
/*i18n*/
n[2]("测距离")
),
icon: q
},
{
key: "area",
value: (
/*i18n*/
n[2]("测面积")
),
icon: D
}
],
onChange: (
/*func*/
n[8]
)
};
return (
/*setSwitcherActiveIndex*/
n[4] !== void 0 && (u.setIndex = /*setSwitcherActiveIndex*/
n[4]), a = new Y({ props: u }), G.push(() => H(a, "setIndex", _)), {
c() {
o = h("div"), r && r.c(), i = C(), t = h("div"), f = h("div"), p = C(), d = h("div"), l && l.c(), v = C(), m = h("div"), P(a.$$.fragment), g(f, "class", "mask svelte-468fdd"), g(m, "class", "mode-switcher svelte-468fdd"), g(d, "class", "center svelte-468fdd"), g(t, "class", "bottom svelte-468fdd"), g(o, "class", "Measure-Controller svelte-468fdd");
},
m(e, k) {
R(e, o, k), r && r.m(o, null), s(o, i), s(o, t), s(t, f), s(t, p), s(t, d), l && l.m(d, null), s(d, v), s(d, m), T(a, m, null), c = !0;
},
p(e, [k]) {
/*showExit*/
e[1] ? r ? (r.p(e, k), k & /*showExit*/
2 && w(r, 1)) : (r = L(e), r.c(), w(r, 1), r.m(o, i)) : r && (X(), I(r, 1, 1, () => {
r = null;
}), J()), /*showController*/
e[5] ? l ? l.p(e, k) : (l = O(e), l.c(), l.m(d, v)) : l && (l.d(1), l = null);
const M = {};
k & /*i18n*/
4 && (M.options = [
{
key: "line",
value: (
/*i18n*/
e[2]("测距离")
),
icon: q
},
{
key: "area",
value: (
/*i18n*/
e[2]("测面积")
),
icon: D
}
]), k & /*measureController*/
1 && (M.onChange = /*func*/
e[8]), !b && k & /*setSwitcherActiveIndex*/
16 && (b = !0, M.setIndex = /*setSwitcherActiveIndex*/
e[4], K(() => b = !1)), a.$set(M);
},
i(e) {
c || (w(r), w(a.$$.fragment, e), c = !0);
},
o(e) {
I(r), I(a.$$.fragment, e), c = !1;
},
d(e) {
e && U(o), r && r.d(), l && l.d(), W(a);
}
}
);
}
function re(n, o, i) {
let { measureController: t } = o, { showExit: f = !1 } = o, { i18n: p = (e) => e } = o, d = !1, v;
function m(e) {
e === "Edit" ? i(5, r = !0) : (v(null), i(5, r = !1));
}
function a() {
t.controller instanceof $ && t.controller.complete(), t.save({ mode: "Watch" });
}
function b(e) {
i(3, d = e.length > 0);
}
function c() {
i(3, d = !1);
}
N(() => {
t.hook.on("modeChange", m), t.hook.on("complete", c), t.hook.on("pointsChange", b);
}), Q(() => {
t.hook.off("modeChange", m), t.hook.off("complete", c), t.hook.off("pointsChange", b);
});
let r = !1;
const l = () => t.revoke(), _ = (e) => {
t.save().changeMode("Edit"), t.changeMeasureType(e);
};
function u(e) {
v = e, i(4, v);
}
return n.$$set = (e) => {
"measureController" in e && i(0, t = e.measureController), "showExit" in e && i(1, f = e.showExit), "i18n" in e && i(2, p = e.i18n);
}, [
t,
f,
p,
d,
v,
r,
a,
l,
_,
u
];
}
class Mt extends j {
constructor(o) {
super(), x(
this,
o,
re,
ie,
B,
{
measureController: 0,
showExit: 1,
i18n: 2
},
oe
);
}
}
export {
Mt as default
};