@realsee/dnalogel 2.21.0-dev.2 → 2.21.0-dev.4

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -1,32 +1,32 @@
-var A = Object.defineProperty, B = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
-var R = Object.getOwnPropertySymbols;
-var G = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
-var C = (o, t, e) => t in o ? A(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, D = (o, t) => {
+var P = Object.defineProperty, A = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var M = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var R = (o, t, e) => t in o ? P(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, C = (o, t) => {
   for (var e in t || (t = {}))
-    G.call(t, e) && C(o, e, t[e]);
-  if (R)
-    for (var e of R(t))
-      J.call(t, e) && C(o, e, t[e]);
+    E.call(t, e) && R(o, e, t[e]);
+  if (M)
+    for (var e of M(t))
+      G.call(t, e) && R(o, e, t[e]);
   return o;
-}, S = (o, t) => B(o, E(t));
-import { SvelteComponent as K, init as N, safe_not_equal as Q, append_styles as X, element as Y, attr as Z, insert as T, action_destroyer as $, listen as U, update_keyed_each as ee, check_outros as te, transition_in as W, transition_out as V, detach as j, run_all as oe, afterUpdate as ne, onDestroy as re, globals as ie, empty as se, create_component as le, mount_component as ce, destroy_component as ae, group_outros as fe, outro_and_destroy_block as me } from "../vendor/svelte/internal/index.js";
-import { Raycaster as ue, Vector3 as F } from "three";
-import de from "./RoomLabelItem.js";
-import { svelteResizeObserver as he } from "../shared-utils/svelte/resizeObserver.js";
+}, D = (o, t) => A(o, B(t));
+import { SvelteComponent as J, init as K, safe_not_equal as N, append_styles as Q, element as X, attr as Y, insert as O, action_destroyer as Z, listen as S, update_keyed_each as $, check_outros as ee, transition_in as T, transition_out as W, detach as V, run_all as te, afterUpdate as oe, onDestroy as ne, globals as re, empty as ie, create_component as se, mount_component as le, destroy_component as ce, group_outros as ae, outro_and_destroy_block as fe } from "../vendor/svelte/internal/index.js";
+import { Raycaster as me, Vector3 as w } from "three";
+import ue from "./RoomLabelItem.js";
+import { svelteResizeObserver as de } from "../shared-utils/svelte/resizeObserver.js";
 import "./Assets/roomLabelBg.js";
 import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
-const { Map: pe } = ie;
-function _e(o) {
-  X(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
+const { Map: pe } = re;
+function he(o) {
+  Q(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
-function H(o, t, e) {
+function U(o, t, e) {
   const c = o.slice();
   return c[13] = t[e], c;
 }
-function O(o, t) {
+function H(o, t) {
   let e, c, r;
-  return c = new de({
+  return c = new ue({
     props: {
       roomLabel: (
         /*roomLabelItem*/
@@ -41,33 +41,33 @@ function O(o, t) {
     key: o,
     first: null,
     c() {
-      e = se(), le(c.$$.fragment), this.first = e;
+      e = ie(), se(c.$$.fragment), this.first = e;
     },
-    m(n, f) {
-      T(n, e, f), ce(c, n, f), r = !0;
+    m(n, m) {
+      O(n, e, m), le(c, n, m), r = !0;
     },
-    p(n, f) {
+    p(n, m) {
       t = n;
       const a = {};
-      f & /*roomLabels*/
+      m & /*roomLabels*/
       1 && (a.roomLabel = /*roomLabelItem*/
-      t[13]), f & /*five*/
+      t[13]), m & /*five*/
       2 && (a.five = /*five*/
       t[1]), c.$set(a);
     },
     i(n) {
-      r || (W(c.$$.fragment, n), r = !0);
+      r || (T(c.$$.fragment, n), r = !0);
     },
     o(n) {
-      V(c.$$.fragment, n), r = !1;
+      W(c.$$.fragment, n), r = !1;
     },
     d(n) {
-      n && j(e), ae(c, n);
+      n && V(e), ce(c, n);
     }
   };
 }
-function ge(o) {
-  let t, e = [], c = new pe(), r, n, f, a = (
+function _e(o) {
+  let t, e = [], c = new pe(), r, n, m, a = (
     /*roomLabels*/
     o[0]
   );
@@ -76,29 +76,29 @@ function ge(o) {
     i[13].id
   );
   for (let i = 0; i < a.length; i += 1) {
-    let s = H(o, a, i), u = d(s);
-    c.set(u, e[i] = O(u, s));
+    let s = U(o, a, i), u = d(s);
+    c.set(u, e[i] = H(u, s));
   }
   return {
     c() {
-      t = Y("div");
+      t = X("div");
       for (let i = 0; i < e.length; i += 1)
         e[i].c();
-      Z(t, "class", "room-labels-container svelte-9eg4zi");
+      Y(t, "class", "room-labels-container svelte-9eg4zi");
     },
     m(i, s) {
-      T(i, t, s);
+      O(i, t, s);
       for (let u = 0; u < e.length; u += 1)
         e[u] && e[u].m(t, null);
-      r = !0, n || (f = [
-        $(he.call(null, t)),
-        U(
+      r = !0, n || (m = [
+        Z(de.call(null, t)),
+        S(
           t,
           "clientWidth",
           /*clientWidth_handler*/
           o[6]
         ),
-        U(
+        S(
           t,
           "clientHeight",
           /*clientHeight_handler*/
@@ -109,55 +109,55 @@ function ge(o) {
     p(i, [s]) {
       s & /*roomLabels, five*/
       3 && (a = /*roomLabels*/
-      i[0], fe(), e = ee(e, s, d, 1, i, a, c, t, me, O, null, H), te());
+      i[0], ae(), e = $(e, s, d, 1, i, a, c, t, fe, H, null, U), ee());
     },
     i(i) {
       if (!r) {
         for (let s = 0; s < a.length; s += 1)
-          W(e[s]);
+          T(e[s]);
         r = !0;
       }
     },
     o(i) {
       for (let s = 0; s < e.length; s += 1)
-        V(e[s]);
+        W(e[s]);
       r = !1;
     },
     d(i) {
-      i && j(t);
+      i && V(t);
       for (let s = 0; s < e.length; s += 1)
         e[s].d();
-      n = !1, oe(f);
+      n = !1, te(m);
     }
   };
 }
-function be(o, t, e) {
-  var k;
-  let c, { five: r } = t, { roomLabels: n } = t, f, a, d = (k = r.model.shownFloor) != null ? k : null;
+function ge(o, t, e) {
+  var F;
+  let c, { five: r } = t, { roomLabels: n } = t, m, a, d = (F = r.model.shownFloor) != null ? F : null;
   function i(l) {
     if (!(d === null || l.floorIndex === d))
       return !1;
-    const b = new ue(), h = r.camera.position.clone(), p = new F(l.position.x, l.position.y, l.position.z), y = p.distanceTo(h);
-    b.set(h.clone(), p.clone().sub(h).normalize());
-    const [m] = r.model.intersectRaycaster(b);
-    return !(m && m.distance + 1 < y);
+    const _ = new me(), p = r.camera.position.clone(), b = new w(l.position.x, l.position.y, l.position.z), f = b.distanceTo(p);
+    _.set(p.clone(), b.clone().sub(p).normalize());
+    const [h] = r.model.intersectRaycaster(_);
+    return !(h && h.distance + 1 < f);
   }
-  function s(l, _) {
-    const h = new F(l.position.x, l.position.y, l.position.z).clone().project(r.camera), p = Math.ceil((h.x + 1) / 2 * _.x), y = Math.ceil((-h.y + 1) / 2 * _.y);
-    return `translate(${p}px, ${y}px)`;
+  function s(l, g) {
+    const p = new w(l.position.x, l.position.y, l.position.z).clone().project(r.camera), b = Math.ceil((p.x + 1) / 2 * g.x), f = Math.ceil((-p.y + 1) / 2 * g.y);
+    return `translate(${b}px, ${f}px)`;
   }
   function u(l) {
-    const { rendererSize: _, shownFloor: b } = l, h = /* @__PURE__ */ new Map();
-    function p(m) {
-      const g = h.get(m.id);
-      if (g)
-        return g;
-      const { x: w, y: v, z: x } = m.position, L = new F(w, v, x).clone().distanceTo(r.camera.position);
-      return h.set(m.id, L), L;
+    const { rendererSize: g } = l, _ = /* @__PURE__ */ new Map();
+    function p(f) {
+      const h = _.get(f.id);
+      if (h)
+        return h;
+      const { x: L, y: v, z: k } = f.position, y = new w(L, v, k).clone().distanceTo(r.camera.position);
+      return _.set(f.id, y), y;
     }
-    return n.map((m) => {
-      const g = i(m), w = g ? s(m, _) : m.transform, v = p(m), L = n.filter((M) => M.visible && p(M) < v).length * 10;
-      return S(D({}, m), { visible: g, transform: w, zIndex: L });
+    return n.map((f) => {
+      const h = i(f), L = h ? s(f, g) : f.transform, v = p(f), y = n.filter((x) => x.visible && p(x) < v).length * 10;
+      return D(C({}, f), { visible: h, transform: L, zIndex: y });
     });
   }
   function I() {
@@ -166,38 +166,38 @@ function be(o, t, e) {
   function z(l) {
     e(4, d = l);
   }
-  r.on("cameraUpdate", I), r.on("modelShownFloorChange", z), ne(() => {
+  r.on("cameraUpdate", I), r.on("modelShownFloorChange", z), oe(() => {
     e(0, n = u({ rendererSize: c, shownFloor: d }));
-  }), re(() => {
+  }), ne(() => {
     r.off("cameraUpdate", I), r.off("modelShownFloorChange", z);
   });
-  const q = (l) => {
-    e(2, f = l.detail);
-  }, P = (l) => {
+  const j = (l) => {
+    e(2, m = l.detail);
+  }, q = (l) => {
     e(3, a = l.detail);
   };
   return o.$$set = (l) => {
     "five" in l && e(1, r = l.five), "roomLabels" in l && e(0, n = l.roomLabels);
   }, o.$$.update = () => {
     o.$$.dirty & /*containerWidth, containerHeight*/
-    12 && e(5, c = { x: f, y: a }), o.$$.dirty & /*rendererSize, shownFloor*/
+    12 && e(5, c = { x: m, y: a }), o.$$.dirty & /*rendererSize, shownFloor*/
     48 && e(0, n = u({ rendererSize: c, shownFloor: d }));
   }, [
     n,
     r,
-    f,
+    m,
     a,
     d,
     c,
-    q,
-    P
+    j,
+    q
   ];
 }
-class ke extends K {
+class Fe extends J {
   constructor(t) {
-    super(), N(this, t, be, ge, Q, { five: 1, roomLabels: 0 }, _e);
+    super(), K(this, t, ge, _e, N, { five: 1, roomLabels: 0 }, he);
   }
 }
 export {
-  ke as default
+  Fe as default
 };

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -1,8 +1,8 @@
-import { SvelteComponent as D, init as W, safe_not_equal as F, append_styles as G, element as k, create_component as P, space as $, attr as v, toggle_class as E, insert as q, mount_component as S, append as c, listen as K, transition_in as b, transition_out as w, check_outros as H, detach as B, destroy_component as T, run_all as I, onMount as J, onDestroy as L, group_outros as N } from "../../vendor/svelte/internal/index.js";
-import O from "./Common/Switcher1.js";
-import Q from "./Common/CircleButton.js";
-import R from "../Controller/EditController.js";
-import U from "./Common/Exit.js";
+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 "../Modules/UIController/mobileHTML.js";
 import "hammerjs";
 import "../Model/line.js";
@@ -61,12 +61,12 @@ import "../../shared-utils/isAbsoluteURL.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/isTouchDevice.js";
-function V(l) {
-  G(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}");
+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}");
 }
 function j(l) {
-  let n, o, t;
-  return o = new O({
+  let t, o, e;
+  return o = new Q({
     props: {
       options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
       defaultKey: (
@@ -75,38 +75,78 @@ function j(l) {
       ),
       onChange: (
         /*func*/
-        l[8]
+        l[9]
       )
     }
   }), {
     c() {
-      n = k("div"), P(o.$$.fragment), v(n, "class", "mode-switcher svelte-12klgza");
+      t = v("div"), P(o.$$.fragment), C(t, "class", "mode-switcher svelte-12klgza");
     },
-    m(i, a) {
-      q(i, n, a), S(o, n, null), t = !0;
+    m(n, s) {
+      $(n, t, s), A(o, t, null), e = !0;
     },
-    p(i, a) {
-      const m = {};
-      a & /*measureController*/
-      1 && (m.defaultKey = /*measureController*/
-      i[0].currentMeasureType), a & /*measureController*/
-      1 && (m.onChange = /*func*/
-      i[8]), o.$set(m);
+    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);
     },
-    i(i) {
-      t || (b(o.$$.fragment, i), t = !0);
+    i(n) {
+      e || (z(o.$$.fragment, n), e = !0);
     },
-    o(i) {
-      w(o.$$.fragment, i), t = !1;
+    o(n) {
+      w(o.$$.fragment, n), e = !1;
     },
-    d(i) {
-      i && B(n), T(o);
+    d(n) {
+      n && S(t), E(o);
     }
   };
 }
-function X(l) {
-  let n, o, t, i, a, m, s, f, h, u, p, z, g, C, _, M;
-  o = new U({
+function q(l) {
+  let t, o, e;
+  return {
+    c() {
+      t = v("div"), t.textContent = "撤销", C(t, "class", "button svelte-12klgza");
+    },
+    m(n, s) {
+      $(n, t, s), o || (e = D(
+        t,
+        "click",
+        /*click_handler*/
+        l[10]
+      ), o = !0);
+    },
+    p: W,
+    d(n) {
+      n && S(t), o = !1, e();
+    }
+  };
+}
+function B(l) {
+  let t, o, e;
+  return {
+    c() {
+      t = v("div"), t.textContent = "结束", C(t, "class", "button svelte-12klgza");
+    },
+    m(n, s) {
+      $(n, t, s), o || (e = D(
+        t,
+        "click",
+        /*click_handler_1*/
+        l[12]
+      ), o = !0);
+    },
+    p: W,
+    d(n) {
+      n && S(t), o = !1, e();
+    }
+  };
+}
+function Y(l) {
+  let t, o, e, n, s, c, m, b, d, u, M, g;
+  o = new V({
     props: {
       onClick: (
         /*measureController*/
@@ -114,140 +154,140 @@ function X(l) {
       )
     }
   });
-  let r = (
+  let i = (
     /*measureController*/
     l[0].allowMeasureType.length >= 2 && j(l)
+  ), a = (
+    /*currentMeasureType*/
+    l[3] === "area" && q(l)
   );
-  return p = new Q({
+  u = new R({
     props: {
       onClick: (
         /*func_1*/
-        l[10]
+        l[11]
       ),
       text: (
         /*buttonTextMap*/
-        l[3][
+        l[4][
           /*buttonState*/
           l[2]
         ]
       ),
       color: (
         /*buttonColorMap*/
-        l[4][
+        l[5][
           /*buttonState*/
           l[2]
         ]
       )
     }
-  }), {
+  });
+  let p = (
+    /*currentMeasureType*/
+    l[3] === "area" && B(l)
+  );
+  return {
     c() {
-      n = k("div"), P(o.$$.fragment), t = $(), i = k("div"), a = k("div"), r && r.c(), m = $(), s = k("div"), f = k("div"), f.textContent = "撤销", h = $(), u = k("div"), P(p.$$.fragment), z = $(), g = k("div"), g.textContent = "结束", v(f, "class", "button svelte-12klgza"), v(u, "class", "main-button svelte-12klgza"), E(u, "forbid", !/*allowAddPoint*/
-      l[1]), v(g, "class", "button svelte-12klgza"), v(s, "class", "controller svelte-12klgza"), v(a, "class", "center svelte-12klgza"), v(i, "class", "bottom svelte-12klgza"), v(n, "class", "Measure-Controller svelte-12klgza");
+      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");
     },
-    m(e, d) {
-      q(e, n, d), S(o, n, null), c(n, t), c(n, i), c(i, a), r && r.m(a, null), c(a, m), c(a, s), c(s, f), c(s, h), c(s, u), S(p, u, null), c(s, z), c(s, g), C = !0, _ || (M = [
-        K(
-          f,
-          "click",
-          /*click_handler*/
-          l[9]
-        ),
-        K(
-          g,
-          "click",
-          /*click_handler_1*/
-          l[11]
-        )
-      ], _ = !0);
+    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;
     },
-    p(e, [d]) {
-      const A = {};
-      d & /*measureController*/
-      1 && (A.onClick = /*measureController*/
-      e[0].disable), o.$set(A), /*measureController*/
-      e[0].allowMeasureType.length >= 2 ? r ? (r.p(e, d), d & /*measureController*/
-      1 && b(r, 1)) : (r = j(e), r.c(), b(r, 1), r.m(a, m)) : r && (N(), w(r, 1, 1, () => {
-        r = null;
-      }), H());
+    p(r, [f]) {
       const y = {};
-      d & /*buttonState*/
-      4 && (y.onClick = /*func_1*/
-      e[10]), d & /*buttonState*/
-      4 && (y.text = /*buttonTextMap*/
-      e[3][
+      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*/
-        e[2]
-      ]), d & /*buttonState*/
-      4 && (y.color = /*buttonColorMap*/
-      e[4][
+        r[2]
+      ]), f & /*buttonState*/
+      4 && (_.color = /*buttonColorMap*/
+      r[5][
         /*buttonState*/
-        e[2]
-      ]), p.$set(y), (!C || d & /*allowAddPoint*/
-      2) && E(u, "forbid", !/*allowAddPoint*/
-      e[1]);
+        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);
     },
-    i(e) {
-      C || (b(o.$$.fragment, e), b(r), b(p.$$.fragment, e), C = !0);
+    i(r) {
+      g || (z(o.$$.fragment, r), z(i), z(u.$$.fragment, r), g = !0);
     },
-    o(e) {
-      w(o.$$.fragment, e), w(r), w(p.$$.fragment, e), C = !1;
+    o(r) {
+      w(o.$$.fragment, r), w(i), w(u.$$.fragment, r), g = !1;
     },
-    d(e) {
-      e && B(n), T(o), r && r.d(), T(p), _ = !1, I(M);
+    d(r) {
+      r && S(t), E(o), i && i.d(), a && a.d(), E(u), p && p.d();
     }
   };
 }
-function Y(l, n, o) {
-  let { measureController: t } = n;
-  const i = { start: "开始", add: "添加", end: "结束" }, a = {
+function Z(l, t, o) {
+  let { measureController: e } = t;
+  const n = { start: "开始", add: "添加", end: "结束" }, s = {
     start: "white",
     add: "white",
     end: "blue"
   };
-  let m = !0, s = "start";
-  const f = () => {
-    t.getCurrentMode() !== "Edit" ? t.changeMode("Edit") : (o(2, s = "add"), h());
-  }, h = () => {
-    t.controller instanceof R && t.controller.selectPoint();
+  let c = !0, m = "start", b = e.currentMeasureType;
+  const d = () => {
+    e.getCurrentMode() !== "Edit" ? e.changeMode("Edit") : (o(2, m = "add"), u());
   }, u = () => {
-    h();
-  }, p = () => {
-    o(2, s = "end");
-  }, z = () => {
-    o(2, s = "start");
-  }, g = (e) => {
-    o(1, m = e === "allow");
+    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);
   };
-  J(() => {
-    t.hook.on("allowAddPointStateChange", g), t.hook.on("readyComplete", p), t.hook.on("complete", z);
-  }), L(() => {
-    t.hook.off("allowAddPointStateChange", g), t.hook.off("readyComplete", p), t.hook.off("complete", z);
+  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);
   });
-  const C = (e) => {
-    t.changeMeasureType(e);
-  }, _ = () => t.revoke(), M = () => {
-    s === "start" ? f() : s === "add" ? h() : s === "end" && u();
-  }, r = () => t.save({ mode: "Watch" });
-  return l.$$set = (e) => {
-    "measureController" in e && o(0, t = e.measureController);
+  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);
   }, [
-    t,
+    e,
+    c,
     m,
+    b,
+    n,
     s,
-    i,
-    a,
-    f,
-    h,
+    d,
     u,
-    C,
-    _,
     M,
-    r
+    r,
+    f,
+    y,
+    _
   ];
 }
-class st extends D {
-  constructor(n) {
-    super(), W(this, n, Y, X, F, { measureController: 0 }, V);
+class st extends F {
+  constructor(t) {
+    super(), G(this, t, Z, Y, H, { measureController: 0 }, X);
   }
 }
 export {

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -101,7 +101,7 @@ class Pe extends G {
       if (t instanceof x) {
         const o = this.model.areas.find((h) => h.polygon === t);
         if (o) {
-          const { x: h, y: f } = i[0].point.project(this.five.camera), p = `${(h + 1) / 2 * 100}%`, m = `${(-f + 1) / 2 * 100}%`;
+          const { x: h, y: f } = i[0].point.clone().project(this.five.camera), p = `${(h + 1) / 2 * 100}%`, m = `${(-f + 1) / 2 * 100}%`;
           return this.chooseArea(o, { left: p, top: m }), !1;
         }
       }
@@ -166,7 +166,7 @@ class Pe extends G {
     }).appendTo(this.container), this.model.getAllLines().forEach((t) => {
       t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), t.hook.on("selected", this.chooseLine), t.distanceItem.setCanSelect(!0), this.group.add(t.mesh);
     }), this.model.getAllAreas().forEach((t) => {
-      t.areaItem.appendTo(this.container), t.areaItem.updateDomPosition(this.five), t.hook.on("selected", this.chooseArea), t.areaItem.setCanSelect(!0), this.group.add(t.polygon), t.polyline.lines.forEach((n) => {
+      t.areaItem.appendTo(this.container), t.areaItem.updateArea(this.five), t.hook.on("selected", this.chooseArea), t.areaItem.setCanSelect(!0), this.group.add(t.polygon), t.polyline.lines.forEach((n) => {
         n.distanceItem.appendTo(this.container), n.distanceItem.update(this.five), this.group.add(n.mesh);
       });
     });