@realsee/dnalogel 2.21.0-dev.6 → 2.21.0-dev.8

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -1,10 +1,10 @@
-import { SvelteComponent as F, init as G, safe_not_equal as H, append_styles as I, element as v, create_component as P, space as T, attr as C, toggle_class as K, insert as $, mount_component as A, append as h, transition_in as z, transition_out as w, check_outros as J, detach as S, destroy_component as E, onMount as L, onDestroy as N, listen as D, noop as W, group_outros as O } from "../../vendor/svelte/internal/index.js";
-import Q from "./Common/Switcher1.js";
-import R from "./Common/CircleButton.js";
-import U from "../Controller/EditController.js";
-import V from "./Common/Exit.js";
+import { SvelteComponent as Q, init as U, safe_not_equal as V, append_styles as W, element as _, create_component as q, space as P, attr as k, toggle_class as E, insert as B, mount_component as z, append as b, transition_in as c, transition_out as g, check_outros as K, detach as D, destroy_component as L, onMount as X, onDestroy as Y, add_render_callback as R, create_bidirectional_transition as y, listen as J, group_outros as j } from "../../vendor/svelte/internal/index.js";
+import Z from "./Common/Switcher1.js";
+import x from "./Common/CircleButton.js";
+import F from "../Controller/EditController.js";
+import ee from "./Common/Exit.js";
+import { fade as T } from "../../vendor/svelte/transition/index.js";
 import "../Modules/UIController/mobileHTML.js";
-import "hammerjs";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
@@ -20,8 +20,6 @@ import "../../shared-utils/removeArrayItem.js";
 import "../../shared-utils/throttle.js";
 import "../Controller/BaseController.js";
 import "../utils/ironbox.js";
-import "../utils/getIntersectionFromEvent.js";
-import "../utils/getPointFromHammerEvent.js";
 import "../Model/polyline.js";
 import "../Model/area.js";
 import "../Model/polygon.js";
@@ -35,6 +33,7 @@ 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/getIntersect.js";
 import "../../shared-utils/three/PointHelper.js";
 import "../../shared-utils/three/Assets/index.js";
@@ -57,239 +56,315 @@ 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/isAbsoluteURL.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/isTouchDevice.js";
-function X(l) {
-  I(l, "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 "../../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) {
+  W(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 j(l) {
-  let t, o, e;
-  return o = new Q({
+function G(r) {
+  let t, o, e, m;
+  return o = new Z({
     props: {
       options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
       defaultKey: (
         /*measureController*/
-        l[0].currentMeasureType
+        r[0].currentMeasureType
       ),
       onChange: (
-        /*func*/
-        l[9]
+        /*measureController*/
+        r[0].changeMeasureType
       )
     }
   }), {
     c() {
-      t = v("div"), P(o.$$.fragment), C(t, "class", "mode-switcher svelte-12klgza");
+      t = _("div"), q(o.$$.fragment), k(t, "class", "mode-switcher svelte-oflaon");
     },
-    m(n, s) {
-      $(n, t, s), A(o, t, null), e = !0;
+    m(l, i) {
+      B(l, t, i), z(o, t, null), m = !0;
     },
-    p(n, s) {
-      const c = {};
-      s & /*measureController*/
-      1 && (c.defaultKey = /*measureController*/
-      n[0].currentMeasureType), s & /*measureController*/
-      1 && (c.onChange = /*func*/
-      n[9]), o.$set(c);
+    p(l, i) {
+      r = l;
+      const a = {};
+      i & /*measureController*/
+      1 && (a.defaultKey = /*measureController*/
+      r[0].currentMeasureType), i & /*measureController*/
+      1 && (a.onChange = /*measureController*/
+      r[0].changeMeasureType), o.$set(a);
     },
-    i(n) {
-      e || (z(o.$$.fragment, n), e = !0);
+    i(l) {
+      m || (c(o.$$.fragment, l), l && R(() => {
+        m && (e || (e = y(t, T, { duration: S }, !0)), e.run(1));
+      }), m = !0);
     },
-    o(n) {
-      w(o.$$.fragment, n), e = !1;
+    o(l) {
+      g(o.$$.fragment, l), l && (e || (e = y(t, T, { duration: S }, !1)), e.run(0)), m = !1;
     },
-    d(n) {
-      n && S(t), E(o);
+    d(l) {
+      l && D(t), L(o), l && e && e.end();
     }
   };
 }
-function q(l) {
-  let t, o, e;
+function H(r) {
+  let t, o, e, m, l;
   return {
     c() {
-      t = v("div"), t.textContent = "撤销", C(t, "class", "button svelte-12klgza");
+      t = _("div"), t.textContent = "撤销", k(t, "class", "button svelte-oflaon"), E(
+        t,
+        "forbid",
+        /*buttonState*/
+        r[1] === "start"
+      );
     },
-    m(n, s) {
-      $(n, t, s), o || (e = D(
+    m(i, a) {
+      B(i, t, a), e = !0, m || (l = J(
         t,
         "click",
         /*click_handler*/
-        l[10]
-      ), o = !0);
+        r[12]
+      ), m = !0);
     },
-    p: W,
-    d(n) {
-      n && S(t), o = !1, e();
+    p(i, a) {
+      r = i, (!e || a & /*buttonState*/
+      2) && E(
+        t,
+        "forbid",
+        /*buttonState*/
+        r[1] === "start"
+      );
+    },
+    i(i) {
+      e || (i && R(() => {
+        e && (o || (o = y(t, T, { duration: S }, !0)), o.run(1));
+      }), e = !0);
+    },
+    o(i) {
+      i && (o || (o = y(t, T, { duration: S }, !1)), o.run(0)), e = !1;
+    },
+    d(i) {
+      i && D(t), i && o && o.end(), m = !1, l();
     }
   };
 }
-function B(l) {
-  let t, o, e;
+function I(r) {
+  let t, o, e, m, l;
   return {
     c() {
-      t = v("div"), t.textContent = "结束", C(t, "class", "button svelte-12klgza");
+      t = _("div"), t.textContent = "结束", k(t, "class", "button svelte-oflaon");
     },
-    m(n, s) {
-      $(n, t, s), o || (e = D(
+    m(i, a) {
+      B(i, t, a), e = !0, m || (l = J(
         t,
         "click",
-        /*click_handler_1*/
-        l[12]
-      ), o = !0);
+        /*complete*/
+        r[10]
+      ), m = !0);
     },
-    p: W,
-    d(n) {
-      n && S(t), o = !1, e();
+    p(i, a) {
+      r = i;
+    },
+    i(i) {
+      e || (i && R(() => {
+        e && (o || (o = y(t, T, { duration: S }, !0)), o.run(1));
+      }), e = !0);
+    },
+    o(i) {
+      i && (o || (o = y(t, T, { duration: S }, !1)), o.run(0)), e = !1;
+    },
+    d(i) {
+      i && D(t), i && o && o.end(), m = !1, l();
     }
   };
 }
-function Y(l) {
-  let t, o, e, n, s, c, m, b, d, u, M, g;
-  o = new V({
+function te(r) {
+  let t, o, e, m, l, i, a, M, d, v, $, h;
+  o = new ee({
     props: {
       onClick: (
         /*measureController*/
-        l[0].disable
+        r[0].disable
       )
     }
   });
-  let i = (
+  let p = (
     /*measureController*/
-    l[0].allowMeasureType.length >= 2 && j(l)
-  ), a = (
-    /*currentMeasureType*/
-    l[3] === "area" && q(l)
+    r[0].allowMeasureType.length >= 2 && /*buttonState*/
+    r[1] === "start" && G(r)
+  ), s = (
+    /*showButton*/
+    r[3] && H(r)
   );
-  u = new R({
+  v = new x({
     props: {
       onClick: (
-        /*func_1*/
-        l[11]
+        /*func*/
+        r[13]
       ),
       text: (
-        /*buttonTextMap*/
-        l[4][
-          /*buttonState*/
-          l[2]
-        ]
+        /*currentMeasureType*/
+        r[2] === "area" ? (
+          /*buttonAreaTextMap*/
+          r[5][
+            /*buttonState*/
+            r[1]
+          ]
+        ) : (
+          /*buttonLineTextMap*/
+          r[6][
+            /*buttonState*/
+            r[1]
+          ]
+        )
       ),
       color: (
         /*buttonColorMap*/
-        l[5][
+        r[7][
           /*buttonState*/
-          l[2]
+          r[1]
         ]
       )
     }
   });
-  let p = (
-    /*currentMeasureType*/
-    l[3] === "area" && B(l)
+  let f = (
+    /*showButton*/
+    r[3] && I(r)
   );
   return {
     c() {
-      t = v("div"), P(o.$$.fragment), e = T(), n = v("div"), s = v("div"), i && i.c(), c = T(), m = v("div"), a && a.c(), b = T(), d = v("div"), P(u.$$.fragment), M = T(), p && p.c(), C(d, "class", "main-button svelte-12klgza"), K(d, "forbid", !/*allowAddPoint*/
-      l[1]), C(m, "class", "controller svelte-12klgza"), C(s, "class", "center svelte-12klgza"), C(n, "class", "bottom svelte-12klgza"), C(t, "class", "Measure-Controller svelte-12klgza");
+      t = _("div"), q(o.$$.fragment), e = P(), m = _("div"), l = _("div"), p && p.c(), i = P(), a = _("div"), s && s.c(), M = P(), d = _("div"), q(v.$$.fragment), $ = P(), f && f.c(), k(d, "class", "main-button svelte-oflaon"), E(d, "forbid", !/*allowAddPoint*/
+      r[4]), k(a, "class", "controller svelte-oflaon"), k(l, "class", "center svelte-oflaon"), k(m, "class", "bottom svelte-oflaon"), k(t, "class", "Measure-Controller svelte-oflaon");
     },
-    m(r, f) {
-      $(r, t, f), A(o, t, null), h(t, e), h(t, n), h(n, s), i && i.m(s, null), h(s, c), h(s, m), a && a.m(m, null), h(m, b), h(m, d), A(u, d, null), h(m, M), p && p.m(m, null), g = !0;
+    m(n, u) {
+      B(n, t, u), z(o, t, null), b(t, e), b(t, m), b(m, l), p && p.m(l, null), b(l, i), b(l, a), s && s.m(a, null), b(a, M), b(a, d), z(v, d, null), b(a, $), f && f.m(a, null), h = !0;
     },
-    p(r, [f]) {
-      const y = {};
-      f & /*measureController*/
-      1 && (y.onClick = /*measureController*/
-      r[0].disable), o.$set(y), /*measureController*/
-      r[0].allowMeasureType.length >= 2 ? i ? (i.p(r, f), f & /*measureController*/
-      1 && z(i, 1)) : (i = j(r), i.c(), z(i, 1), i.m(s, c)) : i && (O(), w(i, 1, 1, () => {
-        i = null;
-      }), J()), /*currentMeasureType*/
-      r[3] === "area" ? a ? a.p(r, f) : (a = q(r), a.c(), a.m(m, b)) : a && (a.d(1), a = null);
-      const _ = {};
-      f & /*buttonState*/
-      4 && (_.onClick = /*func_1*/
-      r[11]), f & /*buttonState*/
-      4 && (_.text = /*buttonTextMap*/
-      r[4][
-        /*buttonState*/
-        r[2]
-      ]), f & /*buttonState*/
-      4 && (_.color = /*buttonColorMap*/
-      r[5][
+    p(n, [u]) {
+      const A = {};
+      u & /*measureController*/
+      1 && (A.onClick = /*measureController*/
+      n[0].disable), o.$set(A), /*measureController*/
+      n[0].allowMeasureType.length >= 2 && /*buttonState*/
+      n[1] === "start" ? p ? (p.p(n, u), u & /*measureController, buttonState*/
+      3 && c(p, 1)) : (p = G(n), p.c(), c(p, 1), p.m(l, i)) : p && (j(), g(p, 1, 1, () => {
+        p = null;
+      }), K()), /*showButton*/
+      n[3] ? s ? (s.p(n, u), u & /*showButton*/
+      8 && c(s, 1)) : (s = H(n), s.c(), c(s, 1), s.m(a, M)) : s && (j(), g(s, 1, 1, () => {
+        s = null;
+      }), K());
+      const w = {};
+      u & /*buttonState*/
+      2 && (w.onClick = /*func*/
+      n[13]), u & /*currentMeasureType, buttonState*/
+      6 && (w.text = /*currentMeasureType*/
+      n[2] === "area" ? (
+        /*buttonAreaTextMap*/
+        n[5][
+          /*buttonState*/
+          n[1]
+        ]
+      ) : (
+        /*buttonLineTextMap*/
+        n[6][
+          /*buttonState*/
+          n[1]
+        ]
+      )), u & /*buttonState*/
+      2 && (w.color = /*buttonColorMap*/
+      n[7][
         /*buttonState*/
-        r[2]
-      ]), u.$set(_), (!g || f & /*allowAddPoint*/
-      2) && K(d, "forbid", !/*allowAddPoint*/
-      r[1]), /*currentMeasureType*/
-      r[3] === "area" ? p ? p.p(r, f) : (p = B(r), p.c(), p.m(m, null)) : p && (p.d(1), p = null);
+        n[1]
+      ]), v.$set(w), (!h || u & /*allowAddPoint*/
+      16) && E(d, "forbid", !/*allowAddPoint*/
+      n[4]), /*showButton*/
+      n[3] ? f ? (f.p(n, u), u & /*showButton*/
+      8 && c(f, 1)) : (f = I(n), f.c(), c(f, 1), f.m(a, null)) : f && (j(), g(f, 1, 1, () => {
+        f = null;
+      }), K());
     },
-    i(r) {
-      g || (z(o.$$.fragment, r), z(i), z(u.$$.fragment, r), g = !0);
+    i(n) {
+      h || (c(o.$$.fragment, n), c(p), c(s), c(v.$$.fragment, n), c(f), h = !0);
     },
-    o(r) {
-      w(o.$$.fragment, r), w(i), w(u.$$.fragment, r), g = !1;
+    o(n) {
+      g(o.$$.fragment, n), g(p), g(s), g(v.$$.fragment, n), g(f), h = !1;
     },
-    d(r) {
-      r && S(t), E(o), i && i.d(), a && a.d(), E(u), p && p.d();
+    d(n) {
+      n && D(t), L(o), p && p.d(), s && s.d(), L(v), f && f.d();
     }
   };
 }
-function Z(l, t, o) {
+const S = 100;
+function re(r, t, o) {
   let { measureController: e } = t;
-  const n = { start: "开始", add: "添加", end: "结束" }, s = {
+  const m = { start: "开始", add: "添加", end: "结束" }, l = { start: "开始", add: "添加", end: "完成" }, i = {
     start: "white",
     add: "white",
     end: "blue"
   };
-  let c = !0, m = "start", b = e.currentMeasureType;
-  const d = () => {
-    e.getCurrentMode() !== "Edit" ? e.changeMode("Edit") : (o(2, m = "add"), u());
-  }, u = () => {
-    e.controller instanceof U && e.controller.selectPoint();
-  }, M = () => {
-    u(), a("allow");
-  }, g = () => {
-    o(2, m = "end");
-  }, i = () => {
-    o(2, m = "start"), a("allow");
-  }, a = (k) => {
-    o(1, c = k === "allow");
-  }, p = (k) => {
-    o(3, b = k);
+  let a = !1, M = !0, d = "start", v = e.currentMeasureType;
+  const $ = () => {
+    e.getCurrentMode() !== "Edit" ? e.changeMode("Edit") : (o(1, d = "add"), h());
+  }, h = () => {
+    e.controller instanceof F && e.controller.selectPoint();
+  }, p = () => {
+    e.controller instanceof F && e.controller.complete();
+  }, s = () => {
+    h(), u("allow");
+  }, f = () => {
+    o(1, d = "end");
+  }, n = () => {
+    o(1, d = "start"), u("allow");
+  }, u = (C) => {
+    o(4, M = C === "allow");
+  }, A = (C) => {
+    o(2, v = C);
+  }, w = (C) => {
+    C.isEmpty && o(1, d = "start");
   };
-  L(() => {
-    e.hook.on("measureTypeChange", p), e.hook.on("modeChange", i), e.hook.on("allowAddPointStateChange", a), e.hook.on("readyComplete", g), e.hook.on("complete", i);
-  }), N(() => {
-    e.hook.off("measureTypeChange", p), e.hook.off("modeChange", i), e.hook.off("allowAddPointStateChange", a), e.hook.off("readyComplete", g), e.hook.off("complete", i);
+  X(() => {
+    e.hook.on("revoke", w), e.hook.on("measureTypeChange", A), e.hook.on("modeChange", n), e.hook.on("allowAddPointStateChange", u), e.hook.on("readyComplete", f), e.hook.on("complete", n);
+  }), Y(() => {
+    e.hook.off("measureTypeChange", A), e.hook.off("modeChange", n), e.hook.off("allowAddPointStateChange", u), e.hook.off("readyComplete", f), e.hook.off("complete", n);
   });
-  const r = (k) => {
-    e.changeMeasureType(k);
-  }, f = () => e.revoke(), y = () => {
-    m === "start" ? d() : m === "add" ? u() : m === "end" && M();
-  }, _ = () => e.save({ mode: "Watch" });
-  return l.$$set = (k) => {
-    "measureController" in k && o(0, e = k.measureController);
+  const N = () => e.revoke(), O = () => {
+    d === "start" ? $() : d === "add" ? h() : d === "end" && s();
+  };
+  return r.$$set = (C) => {
+    "measureController" in C && o(0, e = C.measureController);
+  }, r.$$.update = () => {
+    r.$$.dirty & /*currentMeasureType, buttonState*/
+    6 && o(3, a = v === "area" && d !== "start");
   }, [
     e,
-    c,
-    m,
-    b,
-    n,
-    s,
     d,
-    u,
+    v,
+    a,
     M,
-    r,
-    f,
-    y,
-    _
+    m,
+    l,
+    i,
+    $,
+    h,
+    p,
+    s,
+    N,
+    O
   ];
 }
-class st extends F {
+class Mo extends Q {
   constructor(t) {
-    super(), G(this, t, Z, Y, H, { measureController: 0 }, X);
+    super(), U(this, t, re, te, V, { measureController: 0 }, oe);
   }
 }
 export {
-  st as default
+  Mo as default
 };

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

@@ -7,14 +7,12 @@ export default class EditController extends BaseController {
     type: string;
     polyline: Polyline;
     area: Area;
-    /** 拖动的控制点 */
-    private pressPoint?;
     private hasAppendDashed;
     private fiveElement?;
     /** 上一个端点位置 */
     private lastPoint;
-    private hammer?;
     private pointSelector;
+    private deleteDom;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;
     constructor(params: ControllerParams);
@@ -31,26 +29,28 @@ export default class EditController extends BaseController {
      */
     revokeLine: (_polyline?: Polyline) => void;
     selectPoint(): void;
+    complete(): void;
     private onMouseLeave;
     /** 编辑线条发生改变时通知外部 */
     private onLineChanged;
-    private onPress;
-    /**
-     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
-     * 2. 如果有长按点，把长按点位置更新为当前位置
-     */
-    private onPan;
-    private onPanEnd;
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
      * 3. 清除 pointSelector
      */
-    private onTap;
-    /** 存在长按点时不能移动全景 */
-    private onWantsPanGesture;
+    private onSelect;
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */
     private onCameraUpdate;
     /** 更新虚线 */
     private updateDashed;
+    private wantsTapGesture;
+    private chooseLine;
+    private chooseArea;
+    private highlightArea;
+    private unHighlightArea;
+    private highlightLines;
+    private unHighlightLines;
+    private highlightLine;
+    private deleteArea;
+    private deleteLine;
 }