@realsee/dnalogel 2.21.0-dev.7 → 2.21.0-dev.9

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -1,9 +1,9 @@
-import { SvelteComponent as U, init as V, safe_not_equal as W, append_styles as X, element as _, create_component as q, space as E, attr as k, toggle_class as $, insert as B, mount_component as z, append as b, transition_in as c, transition_out as h, check_outros as K, detach as D, destroy_component as L, onMount as Y, onDestroy as Z, add_render_callback as R, create_bidirectional_transition as S, listen as J, group_outros as j } from "../../vendor/svelte/internal/index.js";
-import x from "./Common/Switcher1.js";
-import ee from "./Common/CircleButton.js";
-import F from "../Controller/EditController.js";
-import te from "./Common/Exit.js";
-import { fade as A } from "../../vendor/svelte/transition/index.js";
+import { SvelteComponent as V, init as W, safe_not_equal as X, append_styles as Y, element as w, space as z, create_component as x, attr as M, toggle_class as K, insert as j, append as C, mount_component as L, transition_in as h, transition_out as b, check_outros as B, detach as q, destroy_component as R, onMount as Z, onDestroy as $, add_render_callback as F, create_bidirectional_transition as E, listen as O, group_outros as D } from "../../vendor/svelte/internal/index.js";
+import ee from "./Common/Switcher1.js";
+import te from "./Common/CircleButton.js";
+import G from "../Controller/EditController.js";
+import oe from "./Common/Exit.js";
+import { fade as S } from "../../vendor/svelte/transition/index.js";
 import "../Modules/UIController/mobileHTML.js";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
@@ -62,13 +62,52 @@ import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../shared-utils/getIntersectionFromEvent.js";
 import "../../shared-utils/getPointFromHammerEvent.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";
 import "../../vendor/svelte/easing/index.js";
-function oe(r) {
-  X(r, "svelte-oflaon", "*.forbid.svelte-oflaon.svelte-oflaon{pointer-events:none;opacity:0.5}.Measure-Controller.svelte-oflaon.svelte-oflaon{pointer-events:none;color:white}.Measure-Controller.svelte-oflaon .mode-switcher.svelte-oflaon{margin-top:2.25rem}.Measure-Controller.svelte-oflaon .bottom.svelte-oflaon{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-oflaon .bottom .center.svelte-oflaon{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-oflaon .controller.svelte-oflaon{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-oflaon .controller .button.svelte-oflaon{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-oflaon .controller .main-button.svelte-oflaon{margin-left:1.75rem;margin-right:1.75rem}");
+function re(r) {
+  Y(r, "svelte-n2tx97", "*.forbid.svelte-n2tx97.svelte-n2tx97{pointer-events:none;opacity:0.5}.Measure-Controller.svelte-n2tx97.svelte-n2tx97{pointer-events:none;color:white}.Measure-Controller.svelte-n2tx97 .mode-switcher.svelte-n2tx97{margin-top:2.25rem}.Measure-Controller.svelte-n2tx97 .bottom.svelte-n2tx97{position:absolute;width:100%;bottom:0}.Measure-Controller.svelte-n2tx97 .bottom .mask.svelte-n2tx97{position:absolute;bottom:0;width:100%;height:12.5rem;background-size:100%;background-image:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3))}.Measure-Controller.svelte-n2tx97 .bottom .center.svelte-n2tx97{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.Measure-Controller.svelte-n2tx97 .controller.svelte-n2tx97{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-n2tx97 .controller .button.svelte-n2tx97{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-n2tx97 .controller .main-button.svelte-n2tx97{margin-left:1.75rem;margin-right:1.75rem;font-size:0.875rem;font-weight:bold}");
 }
-function G(r) {
-  let o, t, e, m;
-  return t = new x({
+function H(r) {
+  let t, o;
+  return t = new oe({
+    props: {
+      onClick: (
+        /*measureController*/
+        r[0].disable
+      )
+    }
+  }), {
+    c() {
+      x(t.$$.fragment);
+    },
+    m(e, s) {
+      L(t, e, s), o = !0;
+    },
+    p(e, s) {
+      const l = {};
+      s & /*measureController*/
+      1 && (l.onClick = /*measureController*/
+      e[0].disable), t.$set(l);
+    },
+    i(e) {
+      o || (h(t.$$.fragment, e), o = !0);
+    },
+    o(e) {
+      b(t.$$.fragment, e), o = !1;
+    },
+    d(e) {
+      R(t, e);
+    }
+  };
+}
+function I(r) {
+  let t, o, e, s;
+  return o = new ee({
     props: {
       options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
       defaultKey: (
@@ -82,123 +121,117 @@ function G(r) {
     }
   }), {
     c() {
-      o = _("div"), q(t.$$.fragment), k(o, "class", "mode-switcher svelte-oflaon");
+      t = w("div"), x(o.$$.fragment), M(t, "class", "mode-switcher svelte-n2tx97");
     },
-    m(l, i) {
-      B(l, o, i), z(t, o, null), m = !0;
+    m(l, n) {
+      j(l, t, n), L(o, t, null), s = !0;
     },
-    p(l, i) {
+    p(l, n) {
       r = l;
-      const a = {};
-      i & /*measureController*/
-      1 && (a.defaultKey = /*measureController*/
-      r[0].currentMeasureType), i & /*measureController*/
-      1 && (a.onChange = /*measureController*/
-      r[0].changeMeasureType), t.$set(a);
+      const d = {};
+      n & /*measureController*/
+      1 && (d.defaultKey = /*measureController*/
+      r[0].currentMeasureType), n & /*measureController*/
+      1 && (d.onChange = /*measureController*/
+      r[0].changeMeasureType), o.$set(d);
     },
     i(l) {
-      m || (c(t.$$.fragment, l), l && R(() => {
-        m && (e || (e = S(o, A, { duration: P }, !0)), e.run(1));
-      }), m = !0);
+      s || (h(o.$$.fragment, l), l && F(() => {
+        s && (e || (e = E(t, S, { duration: A }, !0)), e.run(1));
+      }), s = !0);
     },
     o(l) {
-      h(t.$$.fragment, l), l && (e || (e = S(o, A, { duration: P }, !1)), e.run(0)), m = !1;
+      b(o.$$.fragment, l), l && (e || (e = E(t, S, { duration: A }, !1)), e.run(0)), s = !1;
     },
     d(l) {
-      l && D(o), L(t), l && e && e.end();
+      l && q(t), R(o), l && e && e.end();
     }
   };
 }
-function H(r) {
-  let o, t, e, m, l;
+function J(r) {
+  let t, o, e, s, l;
   return {
     c() {
-      o = _("div"), o.textContent = "撤销", k(o, "class", "button svelte-oflaon"), $(
-        o,
+      t = w("div"), t.textContent = "撤销", M(t, "class", "button svelte-n2tx97"), K(
+        t,
         "forbid",
         /*buttonState*/
-        r[4] === "start"
+        r[2] === "start"
       );
     },
-    m(i, a) {
-      B(i, o, a), e = !0, m || (l = J(
-        o,
+    m(n, d) {
+      j(n, t, d), e = !0, s || (l = O(
+        t,
         "click",
         /*click_handler*/
         r[13]
-      ), m = !0);
+      ), s = !0);
     },
-    p(i, a) {
-      r = i, (!e || a & /*buttonState*/
-      16) && $(
-        o,
+    p(n, d) {
+      r = n, (!e || d & /*buttonState*/
+      4) && K(
+        t,
         "forbid",
         /*buttonState*/
-        r[4] === "start"
+        r[2] === "start"
       );
     },
-    i(i) {
-      e || (i && R(() => {
-        e && (t || (t = S(o, A, { duration: P }, !0)), t.run(1));
+    i(n) {
+      e || (n && F(() => {
+        e && (o || (o = E(t, S, { duration: A }, !0)), o.run(1));
       }), e = !0);
     },
-    o(i) {
-      i && (t || (t = S(o, A, { duration: P }, !1)), t.run(0)), e = !1;
+    o(n) {
+      n && (o || (o = E(t, S, { duration: A }, !1)), o.run(0)), e = !1;
     },
-    d(i) {
-      i && D(o), i && t && t.end(), m = !1, l();
+    d(n) {
+      n && q(t), n && o && o.end(), s = !1, l();
     }
   };
 }
-function I(r) {
-  let o, t, e, m, l;
+function N(r) {
+  let t, o, e, s, l;
   return {
     c() {
-      o = _("div"), o.textContent = "结束", k(o, "class", "button svelte-oflaon");
+      t = w("div"), t.textContent = "结束", M(t, "class", "button svelte-n2tx97");
     },
-    m(i, a) {
-      B(i, o, a), e = !0, m || (l = J(
-        o,
+    m(n, d) {
+      j(n, t, d), e = !0, s || (l = O(
+        t,
         "click",
         /*complete*/
-        r[10]
-      ), m = !0);
+        r[11]
+      ), s = !0);
     },
-    p(i, a) {
-      r = i;
+    p(n, d) {
+      r = n;
     },
-    i(i) {
-      e || (i && R(() => {
-        e && (t || (t = S(o, A, { duration: P }, !0)), t.run(1));
+    i(n) {
+      e || (n && F(() => {
+        e && (o || (o = E(t, S, { duration: A }, !0)), o.run(1));
       }), e = !0);
     },
-    o(i) {
-      i && (t || (t = S(o, A, { duration: P }, !1)), t.run(0)), e = !1;
+    o(n) {
+      n && (o || (o = E(t, S, { duration: A }, !1)), o.run(0)), e = !1;
     },
-    d(i) {
-      i && D(o), i && t && t.end(), m = !1, l();
+    d(n) {
+      n && q(t), n && o && o.end(), s = !1, l();
     }
   };
 }
-function re(r) {
-  let o, t, e, m, l, i, a, y, v, d, T, g;
-  t = new te({
-    props: {
-      onClick: (
-        /*measureController*/
-        r[0].disable
-      )
-    }
-  });
-  let s = (
+function ne(r) {
+  let t, o, e, s, l, n, d, g, y, c, v, P, _, u = (
+    /*showExit*/
+    r[1] && H(r)
+  ), m = (
     /*measureController*/
     r[0].allowMeasureType.length >= 2 && /*buttonState*/
-    r[4] === "start" && G(r)
-  ), p = (
+    r[2] === "start" && I(r)
+  ), f = (
     /*showButton*/
-    r[2] && H(r)
+    r[4] && J(r)
   );
-  d = new ee({
+  v = new te({
     props: {
       onClick: (
         /*func*/
@@ -206,160 +239,161 @@ function re(r) {
       ),
       text: (
         /*currentMeasureType*/
-        r[1] === "area" ? (
+        r[3] === "area" ? (
           /*buttonAreaTextMap*/
-          r[5][
+          r[6][
             /*buttonState*/
-            r[4]
+            r[2]
           ]
         ) : (
           /*buttonLineTextMap*/
-          r[6][
+          r[7][
             /*buttonState*/
-            r[4]
+            r[2]
           ]
         )
       ),
       color: (
         /*buttonColorMap*/
-        r[7][
+        r[8][
           /*buttonState*/
-          r[4]
+          r[2]
         ]
       )
     }
   });
-  let f = (
+  let a = (
     /*showButton*/
-    r[2] && I(r)
+    r[4] && N(r)
   );
   return {
     c() {
-      o = _("div"), q(t.$$.fragment), e = E(), m = _("div"), l = _("div"), s && s.c(), i = E(), a = _("div"), p && p.c(), y = E(), v = _("div"), q(d.$$.fragment), T = E(), f && f.c(), k(v, "class", "main-button svelte-oflaon"), $(v, "forbid", !/*allowAddPoint*/
-      r[3]), k(a, "class", "controller svelte-oflaon"), k(l, "class", "center svelte-oflaon"), k(m, "class", "bottom svelte-oflaon"), k(o, "class", "Measure-Controller svelte-oflaon");
+      t = w("div"), u && u.c(), o = z(), e = w("div"), s = w("div"), l = z(), n = w("div"), m && m.c(), d = z(), g = w("div"), f && f.c(), y = z(), c = w("div"), x(v.$$.fragment), P = z(), a && a.c(), M(s, "class", "mask svelte-n2tx97"), M(c, "class", "main-button svelte-n2tx97"), K(c, "forbid", !/*allowAddPoint*/
+      r[5]), M(g, "class", "controller svelte-n2tx97"), M(n, "class", "center svelte-n2tx97"), M(e, "class", "bottom svelte-n2tx97"), M(t, "class", "Measure-Controller svelte-n2tx97");
     },
-    m(n, u) {
-      B(n, o, u), z(t, o, null), b(o, e), b(o, m), b(m, l), s && s.m(l, null), b(l, i), b(l, a), p && p.m(a, null), b(a, y), b(a, v), z(d, v, null), b(a, T), f && f.m(a, null), g = !0;
+    m(i, p) {
+      j(i, t, p), u && u.m(t, null), C(t, o), C(t, e), C(e, s), C(e, l), C(e, n), m && m.m(n, null), C(n, d), C(n, g), f && f.m(g, null), C(g, y), C(g, c), L(v, c, null), C(g, P), a && a.m(g, null), _ = !0;
     },
-    p(n, [u]) {
-      const M = {};
-      u & /*measureController*/
-      1 && (M.onClick = /*measureController*/
-      n[0].disable), t.$set(M), /*measureController*/
-      n[0].allowMeasureType.length >= 2 && /*buttonState*/
-      n[4] === "start" ? s ? (s.p(n, u), u & /*measureController, buttonState*/
-      17 && c(s, 1)) : (s = G(n), s.c(), c(s, 1), s.m(l, i)) : s && (j(), h(s, 1, 1, () => {
-        s = null;
-      }), K()), /*showButton*/
-      n[2] ? p ? (p.p(n, u), u & /*showButton*/
-      4 && c(p, 1)) : (p = H(n), p.c(), c(p, 1), p.m(a, y)) : p && (j(), h(p, 1, 1, () => {
-        p = null;
-      }), K());
-      const w = {};
-      u & /*buttonState*/
-      16 && (w.onClick = /*func*/
-      n[14]), u & /*currentMeasureType, buttonState*/
-      18 && (w.text = /*currentMeasureType*/
-      n[1] === "area" ? (
+    p(i, [p]) {
+      /*showExit*/
+      i[1] ? u ? (u.p(i, p), p & /*showExit*/
+      2 && h(u, 1)) : (u = H(i), u.c(), h(u, 1), u.m(t, o)) : u && (D(), b(u, 1, 1, () => {
+        u = null;
+      }), B()), /*measureController*/
+      i[0].allowMeasureType.length >= 2 && /*buttonState*/
+      i[2] === "start" ? m ? (m.p(i, p), p & /*measureController, buttonState*/
+      5 && h(m, 1)) : (m = I(i), m.c(), h(m, 1), m.m(n, d)) : m && (D(), b(m, 1, 1, () => {
+        m = null;
+      }), B()), /*showButton*/
+      i[4] ? f ? (f.p(i, p), p & /*showButton*/
+      16 && h(f, 1)) : (f = J(i), f.c(), h(f, 1), f.m(g, y)) : f && (D(), b(f, 1, 1, () => {
+        f = null;
+      }), B());
+      const T = {};
+      p & /*buttonState*/
+      4 && (T.onClick = /*func*/
+      i[14]), p & /*currentMeasureType, buttonState*/
+      12 && (T.text = /*currentMeasureType*/
+      i[3] === "area" ? (
         /*buttonAreaTextMap*/
-        n[5][
+        i[6][
           /*buttonState*/
-          n[4]
+          i[2]
         ]
       ) : (
         /*buttonLineTextMap*/
-        n[6][
+        i[7][
           /*buttonState*/
-          n[4]
+          i[2]
         ]
-      )), u & /*buttonState*/
-      16 && (w.color = /*buttonColorMap*/
-      n[7][
+      )), p & /*buttonState*/
+      4 && (T.color = /*buttonColorMap*/
+      i[8][
         /*buttonState*/
-        n[4]
-      ]), d.$set(w), (!g || u & /*allowAddPoint*/
-      8) && $(v, "forbid", !/*allowAddPoint*/
-      n[3]), /*showButton*/
-      n[2] ? f ? (f.p(n, u), u & /*showButton*/
-      4 && c(f, 1)) : (f = I(n), f.c(), c(f, 1), f.m(a, null)) : f && (j(), h(f, 1, 1, () => {
-        f = null;
-      }), K());
+        i[2]
+      ]), v.$set(T), (!_ || p & /*allowAddPoint*/
+      32) && K(c, "forbid", !/*allowAddPoint*/
+      i[5]), /*showButton*/
+      i[4] ? a ? (a.p(i, p), p & /*showButton*/
+      16 && h(a, 1)) : (a = N(i), a.c(), h(a, 1), a.m(g, null)) : a && (D(), b(a, 1, 1, () => {
+        a = null;
+      }), B());
     },
-    i(n) {
-      g || (c(t.$$.fragment, n), c(s), c(p), c(d.$$.fragment, n), c(f), g = !0);
+    i(i) {
+      _ || (h(u), h(m), h(f), h(v.$$.fragment, i), h(a), _ = !0);
     },
-    o(n) {
-      h(t.$$.fragment, n), h(s), h(p), h(d.$$.fragment, n), h(f), g = !1;
+    o(i) {
+      b(u), b(m), b(f), b(v.$$.fragment, i), b(a), _ = !1;
     },
-    d(n) {
-      n && D(o), L(t), s && s.d(), p && p.d(), L(d), f && f.d();
+    d(i) {
+      i && q(t), u && u.d(), m && m.d(), f && f.d(), R(v), a && a.d();
     }
   };
 }
-const P = 100;
-function ne(r, o, t) {
-  let { measureController: e } = o;
-  const m = { start: "开始", add: "添加", end: "结束" }, l = { start: "开始", add: "添加", end: "完成" }, i = {
+const A = 100;
+function ie(r, t, o) {
+  let { measureController: e } = t, { showExit: s = !1 } = t;
+  const l = { start: "开始", add: "添加", end: "结束" }, n = { start: "开始", add: "添加", end: "完成" }, d = {
     start: "white",
     add: "white",
     end: "blue"
   };
-  let a = !1, y = !1, v = !0, d = "start", T = e.currentMeasureType;
-  const g = () => {
-    t(12, a = !0), e.getCurrentMode() !== "Edit" ? e.changeMode("Edit") : (t(4, d = "add"), s());
-  }, s = () => {
-    e.controller instanceof F && e.controller.selectPoint();
-  }, p = () => {
-    e.controller instanceof F && e.controller.complete();
-  }, f = () => {
-    s(), M("allow");
-  }, n = () => {
-    t(4, d = "end");
+  let g = !1, y = !0, c = "start", v = e.currentMeasureType;
+  const P = () => {
+    e.getCurrentMode() !== "Edit" ? e.changeMode("Edit") : (o(2, c = "add"), _());
+  }, _ = () => {
+    e.controller instanceof G && e.controller.selectPoint();
   }, u = () => {
-    t(4, d = "start"), M("allow");
-  }, M = (C) => {
-    t(3, v = C === "allow");
-  }, w = (C) => {
-    t(1, T = C);
-  }, N = (C) => {
-    C.isEmpty && t(4, d = "start");
+    e.controller instanceof G && e.controller.complete();
+  }, m = () => {
+    _(), i("allow");
+  }, f = () => {
+    o(2, c = "end");
+  }, a = () => {
+    o(2, c = "start"), i("allow");
+  }, i = (k) => {
+    o(5, y = k === "allow");
+  }, p = (k) => {
+    o(3, v = k);
+  }, T = (k) => {
+    k.isEmpty && o(2, c = "start");
   };
-  Y(() => {
-    e.hook.on("revoke", N), e.hook.on("measureTypeChange", w), e.hook.on("modeChange", u), e.hook.on("allowAddPointStateChange", M), e.hook.on("readyComplete", n), e.hook.on("complete", u);
-  }), Z(() => {
-    e.hook.off("measureTypeChange", w), e.hook.off("modeChange", u), e.hook.off("allowAddPointStateChange", M), e.hook.off("readyComplete", n), e.hook.off("complete", u);
+  Z(() => {
+    e.hook.on("revoke", T), e.hook.on("measureTypeChange", p), e.hook.on("modeChange", a), e.hook.on("allowAddPointStateChange", i), e.hook.on("readyComplete", f), e.hook.on("complete", a);
+  }), $(() => {
+    e.hook.off("measureTypeChange", p), e.hook.off("modeChange", a), e.hook.off("allowAddPointStateChange", i), e.hook.off("readyComplete", f), e.hook.off("complete", a);
   });
-  const O = () => e.revoke(), Q = () => {
-    d === "start" ? g() : d === "add" ? s() : d === "end" && f();
+  const Q = () => e.revoke(), U = () => {
+    c === "start" ? P() : c === "add" ? _() : c === "end" && m();
   };
-  return r.$$set = (C) => {
-    "measureController" in C && t(0, e = C.measureController);
+  return r.$$set = (k) => {
+    "measureController" in k && o(0, e = k.measureController), "showExit" in k && o(1, s = k.showExit);
   }, r.$$.update = () => {
-    r.$$.dirty & /*currentMeasureType, isStarted*/
-    4098 && t(2, y = T === "area" && a);
+    r.$$.dirty & /*currentMeasureType, buttonState*/
+    12 && o(4, g = v === "area" && c !== "start");
   }, [
     e,
-    T,
-    y,
+    s,
+    c,
     v,
+    g,
+    y,
+    l,
+    n,
     d,
+    P,
+    _,
+    u,
     m,
-    l,
-    i,
-    g,
-    s,
-    p,
-    f,
-    a,
-    O,
-    Q
+    Q,
+    U
   ];
 }
-class ht extends U {
-  constructor(o) {
-    super(), V(this, o, ne, re, W, { measureController: 0 }, oe);
+class Mt extends V {
+  constructor(t) {
+    super(), W(this, t, ie, ne, X, { measureController: 0, showExit: 1 }, re);
   }
 }
 export {
-  ht as default
+  Mt as default
 };

package/libs/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -12,6 +12,7 @@ export default class EditController extends BaseController {
     /** 上一个端点位置 */
     private lastPoint;
     private pointSelector;
+    private deleteDom;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;
     constructor(params: ControllerParams);
@@ -42,4 +43,14 @@ export default class EditController extends BaseController {
     private onCameraUpdate;
     /** 更新虚线 */
     private updateDashed;
+    private wantsTapGesture;
+    private chooseLine;
+    private chooseArea;
+    private highlightArea;
+    private unHighlightArea;
+    private highlightLines;
+    private unHighlightLines;
+    private highlightLine;
+    private deleteArea;
+    private deleteLine;
 }