@realsee/dnalogel 2.21.0-dev.13 → 2.21.0-dev.15

package/libs/PanoMeasurePlugin/Components/Tip.js

@@ -1,47 +1,23 @@
-import { SvelteComponent as D, init as q, safe_not_equal as E, append_styles as N, empty as O, insert as w, transition_in as d, transition_out as b, check_outros as P, detach as z, onMount as W, onDestroy as j, element as g, text as A, attr as k, append as y, set_data as B, add_render_callback as F, create_bidirectional_transition as C, group_outros as G, binding_callbacks as H } from "../../vendor/svelte/internal/index.js";
-import { fade as v } from "../../vendor/svelte/transition/index.js";
-import "@realsee/five/line";
-import "../utils/constants.js";
-import "three";
-import "@realsee/five";
-import "../Model/polygon.js";
-import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { SvelteComponent as W, init as q, safe_not_equal as z, append_styles as E, empty as N, insert as v, transition_in as h, transition_out as _, check_outros as O, detach as M, onMount as P, onDestroy as j, element as b, text as A, attr as g, append as k, set_data as B, add_render_callback as F, create_bidirectional_transition as C, group_outros as G, binding_callbacks as H } from "../../vendor/svelte/internal/index.js";
+import { fade as x } from "../../vendor/svelte/transition/index.js";
 import "../../vendor/svelte/easing/index.js";
-import "../../shared-utils/three/IObject3D.js";
-import "../utils/generatePolygonGeometry.js";
-import "earcut";
-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 "../../shared-utils/three/centerPoint.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 function I(l) {
-  N(l, "svelte-18z4ai8", ".Measure-Tips.svelte-18z4ai8.svelte-18z4ai8{box-sizing:border-box;position:absolute;pointer-events:none;width:100%;padding:0 2.5rem}.Measure-Tips.svelte-18z4ai8 .text.svelte-18z4ai8{position:relative;margin:auto;width:-moz-max-content;width:max-content;max-width:100%;top:1.875rem;color:#fff;word-break:break-all;word-wrap:break-word}");
+  E(l, "svelte-1x2fiiy", ".Measure-Tips.svelte-1x2fiiy.svelte-1x2fiiy{box-sizing:border-box;position:absolute;pointer-events:none;top:0;width:100%;padding:0 2.5rem}.Measure-Tips.svelte-1x2fiiy .text.svelte-1x2fiiy{text-align:center;position:relative;max-width:100%;top:3.125rem;color:#fff;word-break:break-all;word-wrap:break-word;text-shadow:0 0.0625rem 0.375rem rgba(0, 0, 0, 0.5)}");
 }
 function T(l) {
-  let o, r, e, i, n;
+  let o, n, e, i, r;
   return {
     c() {
-      o = g("div"), r = g("div"), e = A(
+      o = b("div"), n = b("div"), e = A(
         /*tip*/
         l[2]
-      ), k(r, "class", "text svelte-18z4ai8"), k(o, "class", "Measure-Tips svelte-18z4ai8");
+      ), g(n, "class", "text svelte-1x2fiiy"), g(o, "class", "Measure-Tips svelte-1x2fiiy");
     },
-    m(s, a) {
-      w(s, o, a), y(o, r), y(r, e), l[6](r), n = !0;
+    m(s, f) {
+      v(s, o, f), k(o, n), k(n, e), l[6](n), r = !0;
     },
-    p(s, a) {
-      (!n || a & /*tip*/
+    p(s, f) {
+      (!r || f & /*tip*/
       4) && B(
         e,
         /*tip*/
@@ -49,96 +25,94 @@ function T(l) {
       );
     },
     i(s) {
-      n || (F(() => {
-        n && (i || (i = C(o, v, {}, !0)), i.run(1));
-      }), n = !0);
+      r || (F(() => {
+        r && (i || (i = C(o, x, {}, !0)), i.run(1));
+      }), r = !0);
     },
     o(s) {
-      i || (i = C(o, v, {}, !1)), i.run(0), n = !1;
+      i || (i = C(o, x, {}, !1)), i.run(0), r = !1;
     },
     d(s) {
-      s && z(o), l[6](null), s && i && i.end();
+      s && M(o), l[6](null), s && i && i.end();
     }
   };
 }
 function J(l) {
-  let o, r, e = (
+  let o, n, e = (
     /*visible*/
     l[0] && T(l)
   );
   return {
     c() {
-      e && e.c(), o = O();
+      e && e.c(), o = N();
     },
-    m(i, n) {
-      e && e.m(i, n), w(i, o, n), r = !0;
+    m(i, r) {
+      e && e.m(i, r), v(i, o, r), n = !0;
     },
-    p(i, [n]) {
+    p(i, [r]) {
       /*visible*/
-      i[0] ? e ? (e.p(i, n), n & /*visible*/
-      1 && d(e, 1)) : (e = T(i), e.c(), d(e, 1), e.m(o.parentNode, o)) : e && (G(), b(e, 1, 1, () => {
+      i[0] ? e ? (e.p(i, r), r & /*visible*/
+      1 && h(e, 1)) : (e = T(i), e.c(), h(e, 1), e.m(o.parentNode, o)) : e && (G(), _(e, 1, 1, () => {
         e = null;
-      }), P());
+      }), O());
     },
     i(i) {
-      r || (d(e), r = !0);
+      n || (h(e), n = !0);
     },
     o(i) {
-      b(e), r = !1;
+      _(e), n = !1;
     },
     d(i) {
-      e && e.d(i), i && z(o);
+      e && e.d(i), i && M(o);
     }
   };
 }
-function K(l, o, r) {
-  let { measureController: e } = o, { tips: i } = o, { tipStyle: n = {} } = o, { visible: s = !0 } = o, a = null;
-  const M = (t) => {
-    const S = e.currentMeasureType;
-    let p = "";
-    return p = i[t], p === void 0 && (p = i[S][t]), p;
-  }, f = (t) => {
-    r(2, c = M(t));
-  }, m = () => {
-    r(2, c = "");
+function K(l, o, n) {
+  let { measureController: e } = o, { tips: i } = o, { tipStyle: r = {} } = o, { visible: s = !0 } = o, f = null;
+  const w = (t) => {
+    const D = e.currentMeasureType;
+    let c = "";
+    return c = i[t], c === void 0 && (c = i[D][t]), c;
+  }, a = (t) => {
+    n(2, d = w(t));
+  }, u = () => {
+    n(2, d = "");
   };
-  let c = "";
-  const u = (t) => {
-    t === "Edit" ? e.changeMeasureType ? f("start") : f("select") : t === "Watch" ? f("select") : m();
-  }, h = () => {
-    f("select");
-  }, _ = (t) => {
-    e.currentMeasureType === "area" && (t.length >= 2 ? f("close") : t.length === 0 ? f("start") : m());
+  let d = "";
+  const p = (t) => {
+    t === "Edit" ? e.changeMeasureType ? a("start") : a("select") : t === "Watch" ? a("select") : u();
+  }, m = () => {
+    e.getCurrentMode() === "Watch" && a("select");
+  }, y = (t) => {
+    e.currentMeasureType === "area" && (t.length >= 2 ? a("close") : t.length === 0 ? a("start") : u());
   };
-  W(() => {
-    u(e.getCurrentMode()), e.hook.on("modeChange", u), e.hook.on("complete", h), e.hook.on("pointsChange", _);
+  P(() => {
+    p(e.getCurrentMode()), e.hook.on("modeChange", p), e.hook.on("complete", m), e.hook.on("pointsChange", y), e.hook.on("measureTypeChange", u);
   }), j(() => {
-    e.hook.off("modeChange", u), e.hook.off("complete", h), e.hook.off("pointsChange", _), m();
+    e.hook.off("modeChange", p), e.hook.off("complete", m), e.hook.off("pointsChange", y), e.hook.off("measureTypeChange", u), u();
   });
-  function x(t) {
+  function S(t) {
     H[t ? "unshift" : "push"](() => {
-      a = t, r(1, a), r(5, n);
+      f = t, n(1, f), n(5, r);
     });
   }
   return l.$$set = (t) => {
-    "measureController" in t && r(3, e = t.measureController), "tips" in t && r(4, i = t.tips), "tipStyle" in t && r(5, n = t.tipStyle), "visible" in t && r(0, s = t.visible);
+    "measureController" in t && n(3, e = t.measureController), "tips" in t && n(4, i = t.tips), "tipStyle" in t && n(5, r = t.tipStyle), "visible" in t && n(0, s = t.visible);
   }, l.$$.update = () => {
     if (l.$$.dirty & /*textDom, tipStyle*/
-    34 && a)
-      for (const t in n)
-        n.hasOwnProperty(t) && r(1, a.style[t] = n[t], a);
-    l.$$.dirty & /*tip*/
-    4 && console.log({ tip: c });
-  }, [s, a, c, e, i, n, x];
+    34 && f)
+      for (const t in r)
+        r.hasOwnProperty(t) && n(1, f.style[t] = r[t], f);
+  }, [s, f, d, e, i, r, S];
 }
-class ge extends D {
+class U extends W {
   constructor(o) {
     super(), q(
       this,
       o,
       K,
       J,
-      E,
+      z,
       {
         measureController: 3,
         tips: 4,
@@ -150,5 +124,5 @@ class ge extends D {
   }
 }
 export {
-  ge as default
+  U as default
 };

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -13,8 +13,9 @@ import "@realsee/five";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/removeArrayItem.js";
-class k {
+class S {
   constructor(e) {
     t(this, "model");
     t(this, "five");
@@ -65,5 +66,5 @@ class k {
   }
 }
 export {
-  k as default
+  S as default
 };

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -21,6 +21,7 @@ import "../utils/constants.js";
 import "@realsee/five";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
 import "../Model/polygon.js";
@@ -29,7 +30,6 @@ import "../utils/generatePolygonGeometry.js";
 import "earcut";
 import "../utils/dom/areaDom.js";
 import "../utils/geometryUtil.js";
-import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/PointSelectorHelper.js";
 import "../../shared-utils/three/Magnifier.js";
 import "hammerjs";
@@ -64,7 +64,7 @@ import "../../shared-utils/three/getIntersect.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";
-const I = () => !1;
+const E = () => !1;
 class Xe extends j {
   constructor(e) {
     var t;
@@ -81,7 +81,7 @@ class Xe extends j {
     o(this, "deleteDom");
     /** 根据 intersection 更新放大镜和吸附点 */
     o(this, "onIntersectionUpdate", H((e, t) => {
-      typeof t == "boolean" && (t ? this.hook.emit("readyComplete") : this.hook.emit("notReadyComplete")), this.updateDashed();
+      this.currentMeasureType === "area" && typeof t == "boolean" && (t ? this.hook.emit("readyComplete") : this.hook.emit("notReadyComplete")), this.updateDashed();
     }, 20));
     /** 撤销编辑 */
     o(this, "revoke", () => {
@@ -225,8 +225,8 @@ class Xe extends j {
         const [p, v] = h.points, f = p.position.clone().project(r), u = v.position.clone().project(r);
         if (!w(f) && !w(u))
           return null;
-        const E = new y(f.x * d, f.y * a), M = new y(u.x * d, u.y * a);
-        return { id: h.id, points: [E, M] };
+        const I = new y(f.x * d, f.y * a), M = new y(u.x * d, u.y * a);
+        return { id: h.id, points: [I, M] };
       }).filter((h) => !!h);
       if (g.length === 0)
         return;
@@ -245,14 +245,14 @@ class Xe extends j {
       this.deleteDom.setTarget(t).setLines(t).updatePosition().show(), this.highlightLines(t), this.hook.emit("selectedChange", t);
     });
     o(this, "chooseArea", (e, t) => {
-      this.deleteDom.setTarget(e).updatePosition(t.left, `calc(${t.top} - 1.5rem)`).show(), this.highlightArea(e);
+      console.log("choose area"), this.deleteDom.setTarget(e).updatePosition(t.left, `calc(${t.top} - 1.5rem)`).show(), this.highlightArea(e);
     });
     o(this, "deleteArea", (e) => {
       this.unHighlightArea(e), e.dispose(), this.deleteDom.hide();
     });
     o(this, "deleteLine", (e) => {
       const t = e[0], i = this.model.getPolylineByLine(t);
-      i && (this.model.removePolyline(i), this.deleteDom.setLines([]).hide());
+      i && (this.model.removePolyline(i), i.lines.forEach((s) => this.removeLine(s)), this.deleteDom.setLines([]).hide());
     });
     this.fiveElement = this.five.getElement(), this.deleteDom = new G(this.five, {
       i18n: this.config.i18n,
@@ -281,13 +281,13 @@ class Xe extends j {
       i.areaItem.appendTo(this.container), i.areaItem.updateDomPosition(this.five), i.areaItem.setCanSelect(!0), this.group.add(i.polygon), i.polyline.lines.forEach((s) => {
         s.distanceItem.appendTo(this.container), s.distanceItem.update(this.five), this.group.add(s.mesh);
       });
-    }), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsToMoveToPano", I), this.pointSelector.hook.on("intersectionUpdate", this.onIntersectionUpdate), this.pointSelector.hook.on("select", this.onSelect), this.pointSelector.hook.on("wantsSelect", this.onWantsSelect), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged), this.five.helperVisible = !1, (t = this.fiveElement) == null || t.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.refresh();
+    }), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsToMoveToPano", E), this.pointSelector.hook.on("intersectionUpdate", this.onIntersectionUpdate), this.pointSelector.hook.on("select", this.onSelect), this.pointSelector.hook.on("wantsSelect", this.onWantsSelect), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged), this.five.helperVisible = !1, (t = this.fiveElement) == null || t.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.refresh();
   }
   dispose() {
     var e;
     super.dispose(), this.model.areas.forEach((t) => {
       (t.points.length < 2 || t.polygon.isBlank) && this.model.removeArea(t);
-    }), this.five.helperVisible = !0, this.pointSelector.disable(), this.dashed.remove(), this.perpendicularDashed.remove(), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.off("wantsToMoveToPano", I), this.pointSelector.hook.off("intersectionUpdate", this.onIntersectionUpdate), this.pointSelector.hook.off("select", this.onSelect), this.polyline.hook.off("lineAdded", this.onLineChanged), this.polyline.hook.off("lineRemoved", this.onLineChanged), (e = this.fiveElement) == null || e.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+    }), this.five.helperVisible = !0, this.pointSelector.disable(), this.dashed.remove(), this.perpendicularDashed.remove(), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.off("wantsToMoveToPano", E), this.pointSelector.hook.off("intersectionUpdate", this.onIntersectionUpdate), this.pointSelector.hook.off("select", this.onSelect), this.polyline.hook.off("lineAdded", this.onLineChanged), this.polyline.hook.off("lineRemoved", this.onLineChanged), (e = this.fiveElement) == null || e.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
   }
   getEditingLines() {
     return this.polyline.lines;

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -18,6 +18,7 @@ import "@realsee/five/line";
 import "../utils/constants.js";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
@@ -30,7 +31,7 @@ import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/noop.js";
 import "../utils/calculateThreeMouse.js";
 import "../utils/mouseGroup.js";
-class le extends T {
+class de extends T {
   constructor(e) {
     super(e);
     t(this, "state", "watching");
@@ -144,5 +145,5 @@ class le extends T {
   }
 }
 export {
-  le as default
+  de as default
 };

package/libs/PanoMeasurePlugin/Controller/ViewController.js

@@ -13,10 +13,11 @@ 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/removeArrayItem.js";
 import "../utils/ironbox.js";
-class F extends h {
+class R extends h {
   constructor(e) {
     super(e);
     s(this, "type", "view");
@@ -66,5 +67,5 @@ class F extends h {
   }
 }
 export {
-  F as default
+  R as default
 };

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -8,8 +8,8 @@ import G from "./BaseController.js";
 import { Raycaster as T, Vector2 as u } from "three";
 import { closestPointOnLine as U } from "../utils/math.js";
 import { findClosestPoint as b } from "../utils/findClosestPoint.js";
-import { findAssociatedLines as w } from "../utils/findAssociatedLines.js";
-import { getPointFromHammerEvent as D } from "../../shared-utils/getPointFromHammerEvent.js";
+import { findAssociatedLines as D } from "../utils/findAssociatedLines.js";
+import { getPointFromHammerEvent as w } from "../../shared-utils/getPointFromHammerEvent.js";
 import j from "../Model/area.js";
 import x from "../Model/polygon.js";
 import "../Modules/DeleteDom/_Assets/delete.svg.js";
@@ -23,6 +23,7 @@ import "../utils/constants.js";
 import "@realsee/five";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
@@ -30,7 +31,6 @@ import "../utils/ndc2Screen.js";
 import "../Model/polyline.js";
 import "../utils/dom/areaDom.js";
 import "../utils/geometryUtil.js";
-import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/IObject3D.js";
 import "../utils/generatePolygonGeometry.js";
 import "earcut";
@@ -50,14 +50,14 @@ class Pe extends G {
       var a;
       if (this.model.getAllLines().length === 0 || !this.fiveElement)
         return;
-      const i = D(e).point, t = (a = b(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : a.point;
+      const i = w(e).point, t = (a = b(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : a.point;
       if (!t) {
         this.editPointState = void 0;
         return;
       }
       const n = {
         point: t,
-        associatedLines: w(t.lines[0])
+        associatedLines: D(t.lines[0])
       };
       this.hook.emit("wantsDragLine", {
         point: t.id,
@@ -70,7 +70,7 @@ class Pe extends G {
     s(this, "onPan", (e) => {
       if (!this.editPointState || !this.fiveElement)
         return;
-      const i = D(e).ndcPoint, t = new T();
+      const i = w(e).ndcPoint, t = new T();
       t.setFromCamera(i, this.five.camera);
       const [n] = this.five.model.intersectRaycaster(t);
       n && this.onIntersectionUpdate(n);
@@ -129,14 +129,14 @@ class Pe extends G {
     });
     s(this, "chooseLine", (e) => {
       this.choose = "line";
-      const i = w(e);
-      this.deleteDom.setLines(i).updatePosition().show(), this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
+      const i = D(e);
+      this.deleteDom.setLines(i).updatePosition().show(), console.log(this.deleteDom), this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
         "selectedChange",
         i.map((t) => t)
       );
     });
     s(this, "chooseArea", (e, i) => {
-      this.deleteDom.setTarget(e).updatePosition(i.left, `calc(${i.top} - 20px)`).show(), this.highlightArea(e);
+      this.choose = e, this.deleteDom.updatePosition(i.left, `calc(${i.top} - 20px)`).show(), this.highlightArea(e);
     });
     s(this, "polylineRemoved", (e) => {
       e.lines.forEach((i) => this.removeLine(i)), this.hook.emit(
@@ -148,7 +148,7 @@ class Pe extends G {
       this.updateDistanceUI(), this.highlightedLines.length > 0 && this.deleteDom.updatePosition();
     });
     s(this, "deleteArea", (e) => {
-      this.unHighlightArea(e), e.dispose(), this.deleteDom.hide();
+      console.log(e), this.unHighlightArea(e), e.dispose(), this.deleteDom.hide();
     });
     s(this, "deleteLine", () => {
       const e = this.highlightedLines[0], i = this.model.getPolylineByLine(e);
@@ -160,7 +160,7 @@ class Pe extends G {
     this.deleteDom = new R(this.five, {
       i18n: this.config.i18n,
       onClick: () => {
-        this.choose === "line" ? this.deleteLine() : this.choose instanceof j && this.deleteArea(this.choose);
+        console.log(this.choose), this.choose === "line" ? this.deleteLine() : this.choose instanceof j && this.deleteArea(this.choose);
       },
       cancel: this.cancelDeleteClickCallback
     }).appendTo(this.container), this.model.getAllLines().forEach((t) => {

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

@@ -44,6 +44,7 @@ export default class MeasureController {
     private shortcutKeyController?;
     constructor(five: Five, params: PanoMeasureParameterType);
     appendTo(parent: HTMLElement): void;
+    clear(): void;
     dispose(): void;
     /** 加载数据
      * @description 数据加载时会覆盖当前已保存的数据

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -11,10 +11,10 @@ var c = (s, e, t) => e in s ? I(s, e, { enumerable: !0, configurable: !0, writab
 };
 var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
 import k from "../Modules/FiveHelper.js";
-import h from "./EditController.js";
+import a from "./EditController.js";
 import w from "./ViewController.js";
 import v from "./WatchController.js";
-import a from "./MixedController.js";
+import h from "./MixedController.js";
 import { omit as D } from "../../shared-utils/filter.js";
 import { Group as U } from "three";
 import { Model as x } from "../Model/index.js";
@@ -37,6 +37,7 @@ import "../utils/constants.js";
 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/removeArrayItem.js";
 import "../../shared-utils/throttle.js";
@@ -50,7 +51,6 @@ 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";
@@ -138,7 +138,7 @@ class xt {
       var e, t, r, o;
       this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.useUIController) == null || t.hide(), (r = this.useGuideController) == null || r.hide(), (o = this.shortcutKeyController) == null || o.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
     });
-    i(this, "getCurrentMode", () => this.controller instanceof h ? "Edit" : this.controller instanceof v ? "Watch" : this.controller instanceof a ? "Mixed" : this.controller instanceof w ? "View" : null);
+    i(this, "getCurrentMode", () => this.controller instanceof a ? "Edit" : this.controller instanceof v ? "Watch" : this.controller instanceof h ? "Mixed" : this.controller instanceof w ? "View" : null);
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
@@ -150,8 +150,8 @@ class xt {
       const t = {
         View: w,
         Watch: v,
-        Edit: h,
-        Mixed: a
+        Edit: a,
+        Mixed: h
       };
       if (!t[e])
         throw new Error("不存在的 Mode");
@@ -179,9 +179,12 @@ class xt {
   appendTo(e) {
     e.append(this.container);
   }
+  clear() {
+    this.model.clear();
+  }
   dispose() {
     var e, t;
-    this.disable(), (e = this.useUIController) == null || e.dispose(), (t = this.magnifier) == null || t.dispose(), this.five.needsRender = !0;
+    this.disable(), this.clear(), (e = this.useUIController) == null || e.dispose(), (t = this.magnifier) == null || t.dispose(), this.five.needsRender = !0;
   }
   /** 加载数据
    * @description 数据加载时会覆盖当前已保存的数据
@@ -206,7 +209,7 @@ class xt {
   }
   /** 撤销编辑 */
   revoke() {
-    this.controller instanceof h && this.controller.revoke();
+    this.controller instanceof a && this.controller.revoke();
   }
   removePolyline(e) {
     this.model.removePolyline(e);
@@ -240,22 +243,22 @@ class xt {
    */
   save(e) {
     var l;
-    if (!(this.controller instanceof h) && !(this.controller instanceof a))
+    if (!(this.controller instanceof a) && !(this.controller instanceof h))
       return this;
     const t = (l = e == null ? void 0 : e.mode) != null ? l : "View", r = this.controller.model.polylines, o = this.controller.model.areas;
     return r.forEach((n) => {
       this.model.addPolyline(n);
-    }), this.controller instanceof h ? this.controller.complete() : o.forEach((n) => {
+    }), this.controller instanceof a ? this.controller.complete() : o.forEach((n) => {
       n.showArea(), this.model.addArea(n);
     }), this.changeMode(t), this;
   }
   /** Mixed 模式才有用，添加起点 */
   addStartPoint() {
-    this.controller instanceof a && this.hook.emit("willChangeState", "watching", "editing");
+    this.controller instanceof h && this.hook.emit("willChangeState", "watching", "editing");
   }
   /** Mixed 模式才有用，添加终点 */
   addEndPoint() {
-    this.controller instanceof a && this.hook.emit("willChangeState", "editing", "watching");
+    this.controller instanceof h && this.hook.emit("willChangeState", "editing", "watching");
   }
   /** 导出数据 */
   toJson() {

package/libs/PanoMeasurePlugin/Model/area.js

@@ -15,12 +15,12 @@ import "../utils/constants.js";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/IObject3D.js";
 import "../utils/generatePolygonGeometry.js";
 import "earcut";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/geometryUtil.js";
-import "../../shared-utils/three/centerPoint.js";
 class O {
   constructor(t, i) {
     e(this, "id", f());

package/libs/PanoMeasurePlugin/Model/index.js

@@ -12,9 +12,10 @@ import "three";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
 import "./point.js";
 import "../../shared-utils/removeArrayItem.js";
-class I {
+class v {
   constructor(e) {
     r(this, "config");
     r(this, "polylines", []);
@@ -95,5 +96,5 @@ class I {
   }
 }
 export {
-  I as Model
+  v as Model
 };

package/libs/PanoMeasurePlugin/Model/line.js

@@ -10,6 +10,7 @@ import "../utils/constants.js";
 import "three";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
 class l {
   constructor(i, t, h) {
     e(this, "id");

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -12,8 +12,9 @@ import "three";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/removeArrayItem.js";
-class S {
+class W {
   constructor(i) {
     s(this, "id", L());
     s(this, "lines", []);
@@ -112,5 +113,5 @@ class S {
   }
 }
 export {
-  S as Polyline
+  W as Polyline
 };

package/libs/PanoMeasurePlugin/Modules/DeleteDom/index.js

@@ -17,7 +17,7 @@ class $ {
     n(this, "masking", document.createElement("div"));
     n(this, "target");
     n(this, "clickHandler", (t) => {
-      this.onClick(t, this.target);
+      console.log("on click handler", this.onClick), this.onClick(t, this.target);
     });
     n(this, "cancelHandler", () => {
       this.cancel(this.target);
@@ -52,7 +52,7 @@ class $ {
   }
   updatePosition(t, e) {
     if (t && e)
-      return this.container.style.left = t, this.container.style.top = e, this.show();
+      return this.container.style.left = t, this.container.style.top = e, this.container.style.transform = "", this.show();
     if (this.lines.length === 0)
       return this;
     const s = this.points.map((i) => i.position), c = s.map((i) => i.clone().project(this.five.camera));
@@ -67,7 +67,7 @@ class $ {
       const i = (a[1] - a[0]) / (o[1] - o[0]), g = -((a[1] + a[0]) / 2 - 1) / 2 * h.clientHeight;
       Math.abs(i) > 0.4 && (m = l + 57, d = g);
     }
-    return this.container.style.top = "0", this.container.style.transform = `translate3d(${m}px, ${d}px, 0)`, this.show();
+    return this.container.style.top = "0", this.container.style.left = "0", this.container.style.transform = `translate3d(${m}px, ${d}px, 0)`, this.show();
   }
   hide() {
     return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.pointerEvents = "none", this;