@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.11

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -1,13 +1,114 @@
-import { SvelteComponent as $, init as j, safe_not_equal as q, append_styles as B, element as p, create_component as y, space as w, attr as v, toggle_class as S, insert as D, append as i, mount_component as A, listen as P, transition_in as T, transition_out as E, detach as W, destroy_component as K, run_all as F, onMount as G, onDestroy as H } from "../../vendor/svelte/internal/index.js";
-import I from "./Common/Switcher1.js";
-import J from "./Common/CircleButton.js";
+import { SvelteComponent as Z, init as $, safe_not_equal as x, append_styles as ee, element as C, space as z, create_component as q, attr as _, toggle_class as D, insert as I, append as v, mount_component as L, transition_in as g, transition_out as k, check_outros as R, detach as K, destroy_component as O, onMount as te, onDestroy as oe, add_render_callback as U, create_bidirectional_transition as E, text as N, set_style as Q, listen as V, group_outros as B } from "../../vendor/svelte/internal/index.js";
+import re from "./Common/Switcher1.js";
+import ne from "./Common/CircleButton.js";
+import j from "../Controller/EditController.js";
+import le from "./Common/Exit.js";
+import { fade as S } from "../../vendor/svelte/transition/index.js";
+import { IconUndo as ie, IconOk as se } from "./Common/icons/index.js";
 import "../Modules/UIController/mobileHTML.js";
-function L(o) {
-  B(o, "svelte-12klgza", ".Measure-Controller.svelte-12klgza.svelte-12klgza{pointer-events:none;color:white}.Measure-Controller.svelte-12klgza .mode-switcher.svelte-12klgza{margin-top:2.25rem}.Measure-Controller.svelte-12klgza .bottom.svelte-12klgza{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-12klgza .bottom .center.svelte-12klgza{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-12klgza .controller.svelte-12klgza{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-12klgza .controller .button.svelte-12klgza{cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.5rem;padding-left:1rem;padding-right:1rem;border-radius:624.9375rem;font-size:0.875rem;background-color:rgba(0, 0, 0, 0.2)}.Measure-Controller.svelte-12klgza .controller .main-button.svelte-12klgza{margin-left:1.75rem;margin-right:1.75rem}.Measure-Controller.svelte-12klgza .controller .main-button.forbid.svelte-12klgza{pointer-events:none;opacity:0.5}");
+import "../../vendor/svelte/easing/index.js";
+import "../Model/line.js";
+import "../../shared-utils/uuid.js";
+import "../utils/line.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 "../Model/point.js";
+import "../../shared-utils/removeArrayItem.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 "../utils/generatePolygonGeometry.js";
+import "earcut";
+import "../utils/dom/areaDom.js";
+import "../utils/geometryUtil.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../utils/isIntersecting.js";
+import "../../shared-utils/three/PointSelector.js";
+import "../../shared-utils/three/PointSelectorHelper.js";
+import "../../shared-utils/three/Magnifier.js";
+import "hammerjs";
+import "../../shared-utils/three/PointHelper.js";
+import "../../shared-utils/three/Assets/index.js";
+import "../../shared-utils/three/PointDomHelper.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../Modules/rangePiece/html.js";
+import "../../CSS3DRenderPlugin/index.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/isTouchDevice.js";
+import "../../shared-utils/getIntersectionFromEvent.js";
+import "../../shared-utils/getPointFromHammerEvent.js";
+import "../../shared-utils/three/getIntersect.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/findAssociatedLines.js";
+import "../utils/math.js";
+function ue(o) {
+  ee(o, "svelte-1ulunhy", "*.forbid.svelte-1ulunhy.svelte-1ulunhy{pointer-events:none !important;opacity:0.5}.Measure-Controller.svelte-1ulunhy.svelte-1ulunhy{pointer-events:none;color:white}.Measure-Controller.svelte-1ulunhy .mode-switcher.svelte-1ulunhy{margin-top:2.25rem}.Measure-Controller.svelte-1ulunhy .bottom.svelte-1ulunhy{position:absolute;width:100%;bottom:0}.Measure-Controller.svelte-1ulunhy .bottom .mask.svelte-1ulunhy{position:absolute;bottom:0;width:100%;height:12.5rem;background-size:100%;background-image:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5))}.Measure-Controller.svelte-1ulunhy .bottom .center.svelte-1ulunhy{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.Measure-Controller.svelte-1ulunhy .controller.svelte-1ulunhy{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-1ulunhy .controller .button.svelte-1ulunhy{cursor:pointer;display:flex;align-items:center;height:2.5rem;padding-left:1rem;padding-right:1rem;border-radius:624.9375rem;font-size:0.875rem;background-color:rgba(0, 0, 0, 0.2)}.Measure-Controller.svelte-1ulunhy .controller .button .icon.svelte-1ulunhy{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-size:100%;margin:0 0.25rem}.Measure-Controller.svelte-1ulunhy .controller .main-button.svelte-1ulunhy{margin-left:1.75rem;margin-right:1.75rem;font-size:0.875rem;font-weight:bold}");
 }
-function N(o) {
-  let d, n, e, k, u, z, r, a, h, c, g, M, m, f, C, _;
-  return u = new I({
+function F(o) {
+  let t, r;
+  return t = new le({
+    props: {
+      onClick: (
+        /*measureController*/
+        o[0].disable
+      )
+    }
+  }), {
+    c() {
+      q(t.$$.fragment);
+    },
+    m(e, i) {
+      L(t, e, i), r = !0;
+    },
+    p(e, i) {
+      const s = {};
+      i & /*measureController*/
+      1 && (s.onClick = /*measureController*/
+      e[0].disable), t.$set(s);
+    },
+    i(e) {
+      r || (g(t.$$.fragment, e), r = !0);
+    },
+    o(e) {
+      k(t.$$.fragment, e), r = !1;
+    },
+    d(e) {
+      O(t, e);
+    }
+  };
+}
+function G(o) {
+  let t, r, e, i;
+  return r = new re({
     props: {
       options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
       defaultKey: (
@@ -15,143 +116,289 @@ function N(o) {
         o[0].currentMeasureType
       ),
       onChange: (
-        /*func*/
-        o[10]
+        /*measureController*/
+        o[0].changeMeasureType
       )
     }
-  }), g = new J({
+  }), {
+    c() {
+      t = C("div"), q(r.$$.fragment), _(t, "class", "mode-switcher svelte-1ulunhy");
+    },
+    m(s, u) {
+      I(s, t, u), L(r, t, null), i = !0;
+    },
+    p(s, u) {
+      o = s;
+      const h = {};
+      u & /*measureController*/
+      1 && (h.defaultKey = /*measureController*/
+      o[0].currentMeasureType), u & /*measureController*/
+      1 && (h.onChange = /*measureController*/
+      o[0].changeMeasureType), r.$set(h);
+    },
+    i(s) {
+      i || (g(r.$$.fragment, s), s && U(() => {
+        i && (e || (e = E(t, S, { duration: A }, !0)), e.run(1));
+      }), i = !0);
+    },
+    o(s) {
+      k(r.$$.fragment, s), s && (e || (e = E(t, S, { duration: A }, !1)), e.run(0)), i = !1;
+    },
+    d(s) {
+      s && K(t), O(r), s && e && e.end();
+    }
+  };
+}
+function H(o) {
+  let t, r, e, i, s, u, h;
+  return {
+    c() {
+      t = C("div"), r = C("div"), e = N(`
+            撤销`), _(r, "class", "icon svelte-1ulunhy"), Q(r, "background-image", `url(${ie})`), _(t, "class", "button svelte-1ulunhy"), D(
+        t,
+        "forbid",
+        /*buttonState*/
+        o[2] === "start"
+      );
+    },
+    m(n, y) {
+      I(n, t, y), v(t, r), v(t, e), s = !0, u || (h = V(
+        t,
+        "click",
+        /*click_handler*/
+        o[13]
+      ), u = !0);
+    },
+    p(n, y) {
+      o = n, (!s || y & /*buttonState*/
+      4) && D(
+        t,
+        "forbid",
+        /*buttonState*/
+        o[2] === "start"
+      );
+    },
+    i(n) {
+      s || (n && U(() => {
+        s && (i || (i = E(t, S, { duration: A }, !0)), i.run(1));
+      }), s = !0);
+    },
+    o(n) {
+      n && (i || (i = E(t, S, { duration: A }, !1)), i.run(0)), s = !1;
+    },
+    d(n) {
+      n && K(t), n && i && i.end(), u = !1, h();
+    }
+  };
+}
+function J(o) {
+  let t, r, e, i, s, u, h;
+  return {
+    c() {
+      t = C("div"), r = C("div"), e = N(`
+            结束`), _(r, "class", "icon svelte-1ulunhy"), Q(r, "background-image", `url(${se})`), _(t, "class", "button svelte-1ulunhy");
+    },
+    m(n, y) {
+      I(n, t, y), v(t, r), v(t, e), s = !0, u || (h = V(
+        t,
+        "click",
+        /*complete*/
+        o[11]
+      ), u = !0);
+    },
+    p(n, y) {
+      o = n;
+    },
+    i(n) {
+      s || (n && U(() => {
+        s && (i || (i = E(t, S, { duration: A }, !0)), i.run(1));
+      }), s = !0);
+    },
+    o(n) {
+      n && (i || (i = E(t, S, { duration: A }, !1)), i.run(0)), s = !1;
+    },
+    d(n) {
+      n && K(t), n && i && i.end(), u = !1, h();
+    }
+  };
+}
+function ae(o) {
+  let t, r, e, i, s, u, h, n, y, c, b, P, w, p = (
+    /*showExit*/
+    o[1] && F(o)
+  ), a = (
+    /*measureController*/
+    o[0].allowMeasureType.length >= 2 && /*buttonState*/
+    o[2] === "start" && G(o)
+  ), m = (
+    /*showButton*/
+    o[4] && H(o)
+  );
+  b = new ne({
     props: {
       onClick: (
-        /*func_1*/
-        o[12]
+        /*func*/
+        o[14]
       ),
       text: (
-        /*buttonTextMap*/
-        o[3][
-          /*buttonState*/
-          o[2]
-        ]
+        /*currentMeasureType*/
+        o[3] === "area" ? (
+          /*buttonAreaTextMap*/
+          o[6][
+            /*buttonState*/
+            o[2]
+          ]
+        ) : (
+          /*buttonLineTextMap*/
+          o[7][
+            /*buttonState*/
+            o[2]
+          ]
+        )
       ),
       color: (
         /*buttonColorMap*/
-        o[4][
+        o[8][
           /*buttonState*/
           o[2]
         ]
       )
     }
-  }), {
+  });
+  let f = (
+    /*showButton*/
+    o[4] && J(o)
+  );
+  return {
     c() {
-      d = p("div"), n = p("div"), e = p("div"), k = p("div"), y(u.$$.fragment), z = w(), r = p("div"), a = p("div"), a.textContent = "撤销", h = w(), c = p("div"), y(g.$$.fragment), M = w(), m = p("div"), m.textContent = "结束", v(k, "class", "mode-switcher svelte-12klgza"), v(a, "class", "button svelte-12klgza"), v(c, "class", "main-button svelte-12klgza"), S(c, "forbid", !/*allowAddPoint*/
-      o[1]), v(m, "class", "button svelte-12klgza"), v(r, "class", "controller svelte-12klgza"), v(e, "class", "center svelte-12klgza"), v(n, "class", "bottom svelte-12klgza"), v(d, "class", "Measure-Controller svelte-12klgza");
-    },
-    m(t, s) {
-      D(t, d, s), i(d, n), i(n, e), i(e, k), A(u, k, null), i(e, z), i(e, r), i(r, a), i(r, h), i(r, c), A(g, c, null), i(r, M), i(r, m), f = !0, C || (_ = [
-        P(
-          a,
-          "click",
-          /*click_handler*/
-          o[11]
-        ),
-        P(
-          m,
-          "click",
-          /*click_handler_1*/
-          o[13]
-        )
-      ], C = !0);
-    },
-    p(t, [s]) {
-      const b = {};
-      s & /*measureController*/
-      1 && (b.defaultKey = /*measureController*/
-      t[0].currentMeasureType), s & /*measureController*/
-      1 && (b.onChange = /*func*/
-      t[10]), u.$set(b);
-      const l = {};
-      s & /*buttonState*/
-      4 && (l.onClick = /*func_1*/
-      t[12]), s & /*buttonState*/
-      4 && (l.text = /*buttonTextMap*/
-      t[3][
-        /*buttonState*/
-        t[2]
-      ]), s & /*buttonState*/
-      4 && (l.color = /*buttonColorMap*/
-      t[4][
+      t = C("div"), p && p.c(), r = z(), e = C("div"), i = C("div"), s = z(), u = C("div"), a && a.c(), h = z(), n = C("div"), m && m.c(), y = z(), c = C("div"), q(b.$$.fragment), P = z(), f && f.c(), _(i, "class", "mask svelte-1ulunhy"), _(c, "class", "main-button svelte-1ulunhy"), D(c, "forbid", !/*allowAddPoint*/
+      o[5]), _(n, "class", "controller svelte-1ulunhy"), _(u, "class", "center svelte-1ulunhy"), _(e, "class", "bottom svelte-1ulunhy"), _(t, "class", "Measure-Controller svelte-1ulunhy");
+    },
+    m(l, d) {
+      I(l, t, d), p && p.m(t, null), v(t, r), v(t, e), v(e, i), v(e, s), v(e, u), a && a.m(u, null), v(u, h), v(u, n), m && m.m(n, null), v(n, y), v(n, c), L(b, c, null), v(n, P), f && f.m(n, null), w = !0;
+    },
+    p(l, [d]) {
+      /*showExit*/
+      l[1] ? p ? (p.p(l, d), d & /*showExit*/
+      2 && g(p, 1)) : (p = F(l), p.c(), g(p, 1), p.m(t, r)) : p && (B(), k(p, 1, 1, () => {
+        p = null;
+      }), R()), /*measureController*/
+      l[0].allowMeasureType.length >= 2 && /*buttonState*/
+      l[2] === "start" ? a ? (a.p(l, d), d & /*measureController, buttonState*/
+      5 && g(a, 1)) : (a = G(l), a.c(), g(a, 1), a.m(u, h)) : a && (B(), k(a, 1, 1, () => {
+        a = null;
+      }), R()), /*showButton*/
+      l[4] ? m ? (m.p(l, d), d & /*showButton*/
+      16 && g(m, 1)) : (m = H(l), m.c(), g(m, 1), m.m(n, y)) : m && (B(), k(m, 1, 1, () => {
+        m = null;
+      }), R());
+      const T = {};
+      d & /*buttonState*/
+      4 && (T.onClick = /*func*/
+      l[14]), d & /*currentMeasureType, buttonState*/
+      12 && (T.text = /*currentMeasureType*/
+      l[3] === "area" ? (
+        /*buttonAreaTextMap*/
+        l[6][
+          /*buttonState*/
+          l[2]
+        ]
+      ) : (
+        /*buttonLineTextMap*/
+        l[7][
+          /*buttonState*/
+          l[2]
+        ]
+      )), d & /*buttonState*/
+      4 && (T.color = /*buttonColorMap*/
+      l[8][
         /*buttonState*/
-        t[2]
-      ]), g.$set(l), (!f || s & /*allowAddPoint*/
-      2) && S(c, "forbid", !/*allowAddPoint*/
-      t[1]);
+        l[2]
+      ]), b.$set(T), (!w || d & /*allowAddPoint*/
+      32) && D(c, "forbid", !/*allowAddPoint*/
+      l[5]), /*showButton*/
+      l[4] ? f ? (f.p(l, d), d & /*showButton*/
+      16 && g(f, 1)) : (f = J(l), f.c(), g(f, 1), f.m(n, null)) : f && (B(), k(f, 1, 1, () => {
+        f = null;
+      }), R());
     },
-    i(t) {
-      f || (T(u.$$.fragment, t), T(g.$$.fragment, t), f = !0);
+    i(l) {
+      w || (g(p), g(a), g(m), g(b.$$.fragment, l), g(f), w = !0);
     },
-    o(t) {
-      E(u.$$.fragment, t), E(g.$$.fragment, t), f = !1;
+    o(l) {
+      k(p), k(a), k(m), k(b.$$.fragment, l), k(f), w = !1;
     },
-    d(t) {
-      t && W(d), K(u), K(g), C = !1, F(_);
+    d(l) {
+      l && K(t), p && p.d(), a && a.d(), m && m.d(), O(b), f && f.d();
     }
   };
 }
-function O(o, d, n) {
-  let { measureController: e } = d;
-  const k = { start: "开始", add: "添加", end: "结束" }, u = {
+const A = 100;
+function me(o, t, r) {
+  let { measureController: e } = t, { showExit: i = !1 } = t;
+  const s = { start: "开始", add: "添加", end: "结束" }, u = { start: "开始", add: "添加", end: "完成" }, h = {
     start: "white",
     add: "white",
     end: "blue"
   };
-  let z = !0, r = !1, a = "editing", h = "start";
-  const c = () => {
-    n(8, r = !0), e.getCurrentMode() !== "Edit" && e.changeMode("Edit");
-  }, g = () => {
-  }, M = () => {
-  }, m = (l) => {
-    l === "Edit" ? n(9, a = "editing") : n(9, a = null);
+  let n = !1, y = !0, c = "start", b = e.currentMeasureType;
+  const P = () => {
+    e.getCurrentMode() !== "Edit" ? e.changeMode("Edit") : (r(2, c = "add"), w());
+  }, w = () => {
+    e.controller instanceof j && e.controller.selectPoint();
+  }, p = () => {
+    e.controller instanceof j && e.controller.complete();
+  }, a = () => {
+    w(), d("allow");
+  }, m = () => {
+    r(2, c = "end");
   }, f = () => {
-    n(9, a = "readyComplete");
-  }, C = (l) => {
-    n(1, z = l === "allow");
+    r(2, c = "add");
+  }, l = () => {
+    r(2, c = "start"), d("allow");
+  }, d = (M) => {
+    r(5, y = M === "allow");
+  }, T = (M) => {
+    r(3, b = M);
+  }, W = (M) => {
+    M.isEmpty && r(2, c = "start");
   };
-  G(() => {
-    e.hook.on("modeChange", m), e.hook.on("allowAddPointStateChange", C), e.hook.on("readyComplete", f);
-  }), H(() => {
-    e.hook.off("modeChange", m), e.hook.off("allowAddPointStateChange", C), e.hook.off("readyComplete", f);
+  te(() => {
+    e.hook.on("revoke", W), e.hook.on("measureTypeChange", T), e.hook.on("modeChange", l), e.hook.on("allowAddPointStateChange", d), e.hook.on("readyComplete", m), e.hook.on("notReadyComplete", f), e.hook.on("complete", l);
+  }), oe(() => {
+    e.hook.off("measureTypeChange", T), e.hook.off("modeChange", l), e.hook.off("allowAddPointStateChange", d), e.hook.off("readyComplete", m), e.hook.off("notReadyComplete", f), e.hook.off("complete", l);
   });
-  const _ = (l) => {
-    e.changeMeasureType(l);
-  }, t = () => e.revoke(), s = () => {
-    h === "start" && c();
-  }, b = () => e.save({ mode: "Watch" });
-  return o.$$set = (l) => {
-    "measureController" in l && n(0, e = l.measureController);
+  const X = () => e.revoke(), Y = () => {
+    c === "start" ? P() : c === "add" ? w() : c === "end" && a();
+  };
+  return o.$$set = (M) => {
+    "measureController" in M && r(0, e = M.measureController), "showExit" in M && r(1, i = M.showExit);
   }, o.$$.update = () => {
-    o.$$.dirty & /*started, state*/
-    768 && n(2, h = (() => r ? a === "editing" ? "add" : a === "readyComplete" ? "end" : "start" : "start")());
+    o.$$.dirty & /*currentMeasureType, buttonState*/
+    12 && r(4, n = b === "area" && c !== "start");
   }, [
     e,
-    z,
-    h,
-    k,
-    u,
+    i,
     c,
-    g,
-    M,
-    r,
-    a,
-    _,
-    t,
+    b,
+    n,
+    y,
     s,
-    b
+    u,
+    h,
+    P,
+    w,
+    p,
+    a,
+    X,
+    Y
   ];
 }
-class X extends $ {
-  constructor(d) {
-    super(), j(this, d, O, N, q, { measureController: 0 }, L);
+class Pt extends Z {
+  constructor(t) {
+    super(), $(this, t, me, ae, x, { measureController: 0, showExit: 1 }, ue);
   }
 }
 export {
-  X as default
+  Pt as default
 };