@realsee/dnalogel 3.35.0-dev.0 → 3.35.0

package/libs/ModelMakerPlugin/Controller.js

@@ -1,40 +1,40 @@
-var I = Object.defineProperty;
-var P = (l, n, e) => n in l ? I(l, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[n] = e;
-var r = (l, n, e) => (P(l, typeof n != "symbol" ? n + "" : n, e), e);
-var M = (l, n, e) => new Promise((i, d) => {
-  var t = (s) => {
+var P = Object.defineProperty;
+var W = (p, n, e) => n in p ? P(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e;
+var s = (p, n, e) => (W(p, typeof n != "symbol" ? n + "" : n, e), e);
+var R = (p, n, e) => new Promise((o, t) => {
+  var l = (r) => {
     try {
-      o(e.next(s));
-    } catch (a) {
-      d(a);
+      a(e.next(r));
+    } catch (d) {
+      t(d);
     }
-  }, c = (s) => {
+  }, i = (r) => {
     try {
-      o(e.throw(s));
-    } catch (a) {
-      d(a);
+      a(e.throw(r));
+    } catch (d) {
+      t(d);
     }
-  }, o = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(t, c);
-  o((e = e.apply(l, n)).next());
+  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(l, i);
+  a((e = e.apply(p, n)).next());
 });
-import { Controller as D } from "../base/BasePluginWithData.js";
+import { Controller as C } from "../base/BasePluginWithData.js";
 import * as h from "three";
-import { ModelMakerBoxItem as A } from "./item/boxItem.js";
-import { PrismMesh as j } from "../Sculpt/Meshes/Prism.js";
-import { anyPositionToVector3 as T } from "../shared-utils/positionToVector3.js";
-import { PolygonWithEdgeMesh as H } from "../Sculpt/Meshes/PolygonWithEdge.js";
+import { ModelMakerBoxItem as D } from "./item/boxItem.js";
+import { PrismMesh as x } from "../Sculpt/Meshes/Prism.js";
+import { anyPositionToVector3 as I } from "../shared-utils/positionToVector3.js";
+import { PolygonWithEdgeMesh as A } from "../Sculpt/Meshes/PolygonWithEdge.js";
 import "hammerjs";
 import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "animejs";
-import { notNil as V } from "../shared-utils/isNil.js";
-import { tagRendererMap as F } from "./utils/tagRenderer.js";
-import { ModelMakerPrismItem as L } from "./item/prismItem.js";
-import { ModelMakerPolygonItem as O } from "./item/polygonItem.js";
-import { boxVertex as m } from "../shared-utils/Object3DHelper/utils/boundingBox.js";
-import { getFiveDomEvent as Z } from "./utils/getFiveDomEvent.js";
+import { notNil as j } from "../shared-utils/isNil.js";
+import { tagRendererMap as T } from "./utils/tagRenderer.js";
+import { ModelMakerPrismItem as H } from "./item/prismItem.js";
+import { ModelMakerPolygonItem as F } from "./item/polygonItem.js";
+import { boxVertex as f } from "../shared-utils/Object3DHelper/utils/boundingBox.js";
+import { getFiveDomEvent as z } from "./utils/getFiveDomEvent.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/url/absoluteUrl.js";
@@ -75,103 +75,105 @@ import "../shared-utils/tag.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/calculateThreeMouse.js";
-class Se extends D {
-  constructor(e, i) {
+class Ge extends C {
+  constructor(e, o) {
     super(e);
-    r(this, "state");
-    r(this, "items", []);
-    r(this, "data");
-    r(this, "group", new h.Group());
-    r(this, "tagRendererMap", {});
-    r(this, "fiveDomEvents");
-    r(this, "zFightingOffset", 0);
-    r(this, "tagContainerZIndex");
-    r(this, "handleEnable", () => {
-      this.items.forEach((e) => e.enable());
+    s(this, "state");
+    s(this, "items", []);
+    s(this, "data");
+    s(this, "group", new h.Group());
+    s(this, "tagRendererMap", {});
+    s(this, "fiveDomEvents");
+    s(this, "zFightingOffset", 0);
+    s(this, "tagWrapper");
+    s(this, "handleEnable", () => {
+      var e, o;
+      this.five.scene.add(this.group), (o = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || o.appendChild(this.tagWrapper), this.five.needsRender = !0;
     });
-    r(this, "handleDisable", () => {
-      this.items.forEach((e) => e.disable());
+    s(this, "handleDisable", () => {
+      this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0;
     });
-    r(this, "updateTagRenderer", () => {
+    s(this, "updateTagRenderer", () => {
       this.items.forEach((e) => {
-        var d;
-        const i = (d = this.tagRendererMap[e.type]) != null ? d : F[e.type];
-        i && e.__renderer !== i && (e.__renderer = i, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = i(e.tag.container, e));
+        var t;
+        const o = (t = this.tagRendererMap[e.type]) != null ? t : T[e.type];
+        o && e.__renderer !== o && (e.__renderer = o, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = o(e.tag.container, e));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = Z(e), this.tagContainerZIndex = i == null ? void 0 : i.tagContainerZIndex, e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = z(e), this.tagWrapper = (() => {
+      var l;
+      const t = document.createElement("div");
+      return t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", t.style.pointerEvents = "none", t.style.zIndex = `${(l = o == null ? void 0 : o.tagContainerZIndex) != null ? l : ""}`, t;
+    })(), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
-    return M(this, null, function* () {
-      var d;
-      this.clear(), this.data = e;
-      const i = this.tagContainerZIndex;
-      (d = e == null ? void 0 : e.list) == null || d.forEach((t) => {
-        var c;
+    return R(this, null, function* () {
+      var o;
+      this.clear(), this.data = e, (o = e == null ? void 0 : e.list) == null || o.forEach((t) => {
+        var l;
         if (t.type === "triangles") {
-          const o = new H();
-          o.setPoints(t.object_data.points), o.setStyle({
+          const i = new A();
+          i.setPoints(t.object_data.points), i.setStyle({
             color: t.object_data.color,
             opacity: t.object_data.opacity,
             lineColor: t.object_data.color,
             occlusionVisibility: !1
-          }), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight());
-          const s = new O({
+          }), this.fiveDomEvents.addEventListener(i, "hover", () => i.highlight()), this.fiveDomEvents.addEventListener(i, "unHover", () => i.unhighlight());
+          const a = new F({
             five: this.five,
-            model: o,
+            tagWrapper: this.tagWrapper,
+            model: i,
             group: this.group,
             type: t.type,
-            rawData: t,
-            tagContainerZIndex: i
+            rawData: t
           });
-          this.items.push(s);
+          this.items.push(a);
         } else if (t.type === "prism") {
-          const o = new j();
-          this.zFightingOffset += 1e-4, o.setPoints({
-            points: t.object_data.points.map((a) => {
-              var b;
-              return [a[0], a[1] + ((b = t.object_data.fixedY) != null ? b : 0), a[2]];
-            }),
-            heightPoint: T(t.object_data.points[0]).add(new h.Vector3().setY(t.object_data.height + ((c = t.object_data.fixedHeight) != null ? c : 0))).add(new h.Vector3().setY(this.zFightingOffset))
-          }), o.setStyle({
+          const i = new x();
+          this.zFightingOffset += 1e-4;
+          const a = t.object_data.points.map((m) => {
+            var c;
+            return [m[0], m[1] + ((c = t.object_data.fixedY) != null ? c : 0), m[2]];
+          }), r = t.object_data.height + ((l = t.object_data.fixedHeight) != null ? l : 0) + this.zFightingOffset, d = I(a[0]).add(new h.Vector3().setY(r));
+          i.setPoints({ points: a, heightPoint: d }), i.setStyle({
             color: t.object_data.color,
             opacity: t.object_data.opacity,
             lineColor: t.object_data.color,
             occlusionVisibility: !1
           });
-          const s = new L({
+          const u = new H({
             five: this.five,
-            model: o,
+            tagWrapper: this.tagWrapper,
+            model: i,
             group: this.group,
             type: t.type,
-            rawData: t,
-            tagContainerZIndex: i
+            rawData: t
           });
-          this.items.push(s);
+          this.items.push(u);
         } else if (t.type === "box") {
-          const o = new j(), { start: s, end: a, rotation: b = [0, 0, 0, 0], opacity: R, color: f } = t.object_data, u = new h.Vector3().fromArray(s), g = new h.Vector3().fromArray(a), k = new h.Euler().fromArray(b), y = new h.Quaternion().setFromEuler(k), _ = y.clone().inverse(), w = new h.Vector3().lerpVectors(u, g, 0.5), v = w.clone().negate(), E = u.clone().add(v).applyQuaternion(_), x = g.clone().add(v).applyQuaternion(_), p = new h.Box3(E.clone().max(x), E.clone().min(x));
-          o.setPoints({
-            points: [m(p, 2), m(p, 3), m(p, 7), m(p, 6)],
-            heightPoint: m(p, 0)
-          }), o.position.copy(w), o.quaternion.copy(y), o.setStyle({ color: f, opacity: R, lineColor: f, occlusionVisibility: !1 });
-          const C = new A({
+          const i = new x(), { start: a, end: r, rotation: d = [0, 0, 0, 0], opacity: u, color: m } = t.object_data, c = new h.Vector3().fromArray(a), g = new h.Vector3().fromArray(r), V = new h.Euler().fromArray(d), y = new h.Quaternion().setFromEuler(V), v = y.clone().inverse(), _ = new h.Vector3().lerpVectors(c, g, 0.5), w = _.clone().negate(), E = c.clone().add(w).applyQuaternion(v), M = g.clone().add(w).applyQuaternion(v), b = new h.Box3(E.clone().max(M), E.clone().min(M));
+          i.setPoints({
+            points: [f(b, 2), f(b, 3), f(b, 7), f(b, 6)],
+            heightPoint: f(b, 0)
+          }), i.position.copy(_), i.quaternion.copy(y), i.setStyle({ color: m, opacity: u, lineColor: m, occlusionVisibility: !1 });
+          const k = new D({
             five: this.five,
-            model: o,
+            tagWrapper: this.tagWrapper,
+            model: i,
             group: this.group,
             type: t.type,
-            rawData: t,
-            tagContainerZIndex: i
+            rawData: t
           });
-          this.items.push(C);
+          this.items.push(k);
         }
       }), this.five.needsRender = !0, this.state.enabled ? this.handleEnable() : this.handleDisable(), this.state.visible ? this.handleShow() : this.handleHide(), this.updateTagRenderer(), this.hooks.emit("dataLoaded", e);
     });
   }
   setState(e) {
-    V(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), V(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
+    j(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), j(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
   }
   getItemById(e) {
-    return this.items.find((i) => i.rawData.id === e);
+    return this.items.find((o) => o.rawData.id === e);
   }
   registerTagRenderer(e) {
     this.tagRendererMap = e, this.updateTagRenderer();
@@ -195,12 +197,12 @@ class Se extends D {
     this.hooks.emit("dispose"), this.handleDisable();
   }
   handleShow() {
-    this.items.forEach((e) => e.show());
+    this.group.visible = !0, this.tagWrapper.style.visibility = "visible", this.five.needsRender = !0;
   }
   handleHide() {
-    this.items.forEach((e) => e.hide());
+    this.group.visible = !1, this.tagWrapper.style.visibility = "hidden", this.five.needsRender = !0;
   }
 }
 export {
-  Se as Controller
+  Ge as Controller
 };

package/libs/ModelMakerPlugin/item/baseItem.d.ts

@@ -22,7 +22,6 @@ export declare class ModelMakerBaseItem extends Subscribe<Event> {
     };
     protected five: Five;
     protected group: THREE.Object3D;
-    protected enabled: boolean;
     protected fiveDomEvents: FiveDomEvents;
     constructor(params: {
         five: Five;
@@ -30,6 +29,7 @@ export declare class ModelMakerBaseItem extends Subscribe<Event> {
         group: THREE.Object3D;
         type: string;
         rawData?: any;
+        tagWrapper?: HTMLElement;
         visibleMode?: Mode[];
         position?: THREE.Vector3;
         tagContainerZIndex?: number;

package/libs/ModelMakerPlugin/item/baseItem.js

@@ -1,32 +1,31 @@
-var l = Object.defineProperty;
-var m = (s, i, e) => i in s ? l(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var t = (s, i, e) => (m(s, typeof i != "symbol" ? i + "" : i, e), e);
-import * as a from "three";
+var d = Object.defineProperty;
+var m = (s, t, e) => t in s ? d(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => (m(s, typeof t != "symbol" ? t + "" : t, e), e);
+import * as l from "three";
 import { addIfNotExists as v } from "../../shared-utils/three/addIfNotExists.js";
-import { Subscribe as f } from "../../shared-utils/Subscribe.js";
-import { tag as b } from "../../shared-utils/tag.js";
-import { boundingBox as c } from "../../shared-utils/Object3DHelper/utils/boundingBox.js";
-import { getFiveDomEvent as u } from "../utils/getFiveDomEvent.js";
+import { Subscribe as a } from "../../shared-utils/Subscribe.js";
+import { tag as c } from "../../shared-utils/tag.js";
+import { boundingBox as p } from "../../shared-utils/Object3DHelper/utils/boundingBox.js";
+import { getFiveDomEvent as f } from "../utils/getFiveDomEvent.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/five/vector3ToScreen.js";
 import "../../shared-utils/five/FiveDomEvents.js";
 import "../../shared-utils/three/getObjectVisible.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
-class B extends f {
+class B extends a {
   constructor(e) {
-    var o, r, n, h;
+    var o, r, h;
     super();
-    t(this, "type");
-    t(this, "tag");
-    t(this, "rawData");
-    t(this, "model");
-    t(this, "five");
-    t(this, "group");
-    t(this, "enabled", !1);
-    t(this, "fiveDomEvents");
-    this.five = e.five, this.model = e.model, this.group = e.group, this.type = e.type, this.rawData = e.rawData, this.fiveDomEvents = u(this.five);
-    const d = (n = (r = (o = e.position) != null ? o : this.model.worldCenter) != null ? r : this.model.center) != null ? n : c(this.model).getCenter(new a.Vector3());
-    this.tag = b(this.five, d, { wrapperStyle: { zIndex: `${(h = e.tagContainerZIndex) != null ? h : ""}` } });
+    i(this, "type");
+    i(this, "tag");
+    i(this, "rawData");
+    i(this, "model");
+    i(this, "five");
+    i(this, "group");
+    i(this, "fiveDomEvents");
+    this.five = e.five, this.model = e.model, this.group = e.group, this.type = e.type, this.rawData = e.rawData, this.fiveDomEvents = f(this.five);
+    const n = (h = (r = (o = e.position) != null ? o : this.model.worldCenter) != null ? r : this.model.center) != null ? h : p(this.model).getCenter(new l.Vector3());
+    this.tag = c(this.five, n, { wrapper: e.tagWrapper });
   }
   get container() {
     return this.tag.container;
@@ -34,7 +33,7 @@ class B extends f {
   get state() {
     return {
       visible: this.model.visible,
-      enabled: this.enabled
+      enabled: this.group.children.includes(this.model)
     };
   }
   show() {
@@ -44,14 +43,12 @@ class B extends f {
     this.tag.hide(), this.model.visible = !1, this.five.needsRender = !0, this.emit("hide");
   }
   enable() {
-    if (this.enabled)
-      return;
-    this.enabled = !0, v(this.group, this.model), this.five.needsRender = !0, this.tag.enable();
+    v(this.group, this.model), this.five.needsRender = !0, this.tag.enable();
     const e = this.onClick.bind(this);
     this.fiveDomEvents.addEventListener(this.model, "click", e), this.emit("enable");
   }
   disable() {
-    this.enabled && (this.enabled = !1, this.group.remove(this.model), this.five.needsRender = !0, this.tag.disable(), this.fiveDomEvents.removeEventListener(this.model, "click"), this.emit("disable"));
+    this.group.remove(this.model), this.five.needsRender = !0, this.tag.disable(), this.fiveDomEvents.removeEventListener(this.model, "click"), this.emit("disable");
   }
   onClick() {
     return this.emit("click", this);

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

@@ -7,6 +7,7 @@ export default class ViewController extends BaseController {
     private polylineRemoved;
     private polylineAdded;
     private onCameraUpdate;
+    private onFiveModeChange;
     private onFivePanoWillArrive;
     private onFivePanoArrived;
 }

package/libs/PanoMeasurePlugin/Controller/ViewController.js

@@ -1,8 +1,8 @@
-var r = Object.defineProperty;
-var d = (n, o, e) => o in n ? r(n, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[o] = e;
-var s = (n, o, e) => (d(n, typeof o != "symbol" ? o + "" : o, e), e);
-import a from "hammerjs";
-import h from "./BaseController.js";
+var d = Object.defineProperty;
+var a = (n, s, t) => s in n ? d(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t;
+var o = (n, s, t) => (a(n, typeof s != "symbol" ? s + "" : s, t), t);
+import h from "hammerjs";
+import m from "./BaseController.js";
 import "three";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
@@ -17,53 +17,67 @@ import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../Model/point.js";
 import "../utils/ironbox.js";
-class R extends h {
-  constructor(e) {
-    super(e);
-    s(this, "type", "view");
-    s(this, "hammer");
-    s(this, "polylineRemoved", (e) => {
-      e.lines.forEach((i) => this.removeLine(i)), this.hook.emit(
+class R extends m {
+  constructor(t) {
+    super(t);
+    o(this, "type", "view");
+    o(this, "hammer");
+    o(this, "polylineRemoved", (t) => {
+      t.lines.forEach((e) => this.removeLine(e)), this.hook.emit(
         "selectedChange",
-        this.model.getAllLines().filter((i) => i.selected).map((i) => i)
+        this.model.getAllLines().filter((e) => e.selected).map((e) => e)
       );
     });
-    s(this, "polylineAdded", (e) => {
-      const i = this.five.getCurrentState().panoIndex;
-      e.lines.forEach((t) => {
-        e.visiblePanoIndexes && !e.visiblePanoIndexes.includes(i) && (t.mesh.visible = !1), t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), this.group.add(t.mesh);
+    o(this, "polylineAdded", (t) => {
+      const e = this.five.getCurrentState().panoIndex;
+      t.lines.forEach((i) => {
+        t.visiblePanoIndexes && !t.visiblePanoIndexes.includes(e) && (i.mesh.visible = !1), i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), this.group.add(i.mesh);
       });
     });
-    s(this, "onCameraUpdate", () => {
+    o(this, "onCameraUpdate", () => {
       this.updateDistanceUI();
     });
-    s(this, "onFivePanoWillArrive", (e) => {
-      this.model.polylines.forEach((i) => {
-        i.visiblePanoIndexes && (i.visiblePanoIndexes.includes(e) || i.lines.forEach((t) => {
-          t.mesh.visible = !1, t.distanceItem.update(this.five);
+    o(this, "onFiveModeChange", (t) => {
+      this.model.polylines.forEach((e) => {
+        e.visibleFiveMode && (e.visibleFiveMode.includes(t) || e.lines.forEach((i) => {
+          i.mesh.visible = !1, i.distanceItem.update(this.five);
+        }));
+      }), this.five.ready().then(() => {
+        const e = this.five.getCurrentState().mode;
+        this.model.polylines.forEach((i) => {
+          i.visibleFiveMode && i.visibleFiveMode.includes(e) && i.lines.forEach((r) => {
+            r.mesh.visible = !0, r.distanceItem.update(this.five);
+          });
+        });
+      });
+    });
+    o(this, "onFivePanoWillArrive", (t) => {
+      this.model.polylines.forEach((e) => {
+        e.visiblePanoIndexes && (e.visiblePanoIndexes.includes(t) || e.lines.forEach((i) => {
+          i.mesh.visible = !1, i.distanceItem.update(this.five);
         }));
       });
     });
-    s(this, "onFivePanoArrived", (e) => {
-      this.model.polylines.forEach((i) => {
-        i.visiblePanoIndexes && i.visiblePanoIndexes.includes(e) && i.lines.forEach((t) => {
-          t.mesh.visible = !0, t.distanceItem.update(this.five);
+    o(this, "onFivePanoArrived", (t) => {
+      this.model.polylines.forEach((e) => {
+        e.visiblePanoIndexes && e.visiblePanoIndexes.includes(t) && e.lines.forEach((i) => {
+          i.mesh.visible = !0, i.distanceItem.update(this.five);
         });
       });
     });
-    this.model.getAllLines().forEach((t) => {
-      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), this.group.add(t.mesh);
+    this.model.getAllLines().forEach((i) => {
+      i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), this.group.add(i.mesh);
     });
-    const i = this.five.getElement();
-    if (i) {
-      const t = new a(i);
-      this.hammer = t;
+    const e = this.five.getElement();
+    if (e) {
+      const i = new h(e);
+      this.hammer = i;
     }
-    this.onFivePanoWillArrive(this.five.getCurrentState().panoIndex), this.onFivePanoArrived(this.five.getCurrentState().panoIndex), this.updateDistanceUI(), this.five.needsRender = !0, this.model.hook.on("polylineAdded", this.polylineAdded), this.model.hook.on("polylineRemoved", this.polylineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("panoWillArrive", this.onFivePanoWillArrive);
+    this.onFivePanoWillArrive(this.five.getCurrentState().panoIndex), this.onFivePanoArrived(this.five.getCurrentState().panoIndex), this.onFiveModeChange(this.five.getCurrentState().mode), this.updateDistanceUI(), this.five.needsRender = !0, this.model.hook.on("polylineAdded", this.polylineAdded), this.model.hook.on("polylineRemoved", this.polylineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("modeChange", this.onFiveModeChange), this.five.on("panoWillArrive", this.onFivePanoWillArrive);
   }
   dispose() {
-    var e;
-    super.dispose(), this.model.hook.off("polylineAdded", this.polylineAdded), this.model.hook.off("polylineRemoved", this.polylineRemoved), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
+    var t;
+    super.dispose(), this.model.hook.off("polylineAdded", this.polylineAdded), this.model.hook.off("polylineRemoved", this.polylineRemoved), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("modeChange", this.onFiveModeChange), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (t = this.hammer) == null || t.destroy();
   }
 }
 export {

package/libs/PanoMeasurePlugin/Model/polyline.d.ts

@@ -1,7 +1,7 @@
 import type { PolylineJson } from '../typings/data';
 import Line from './line';
 import Point from './point';
-import { Subscribe } from '@realsee/five';
+import { Subscribe, type Mode as FiveMode } from '@realsee/five';
 import type { Model } from '.';
 export type PolylineEventMap = {
     /** 新增线条
@@ -17,6 +17,7 @@ export declare class Polyline {
     id: string;
     lines: Line[];
     visiblePanoIndexes?: number[];
+    visibleFiveMode?: FiveMode[];
     readonly model: Model;
     readonly type = "polyline";
     readonly hook: Subscribe<PolylineEventMap>;

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -1,10 +1,10 @@
 var c = Object.defineProperty;
-var f = (r, i, t) => i in r ? c(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
-var o = (r, i, t) => (f(r, typeof i != "symbol" ? i + "" : i, t), t);
+var f = (r, i, e) => i in r ? c(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
+var t = (r, i, e) => (f(r, typeof i != "symbol" ? i + "" : i, e), e);
 import m from "./line.js";
 import a from "./point.js";
-import { uuid as P } from "../../shared-utils/uuid.js";
-import { Subscribe as g } from "@realsee/five";
+import { uuid as v } from "../../shared-utils/uuid.js";
+import { Subscribe as P } from "@realsee/five";
 import "../utils/line.js";
 import "../../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
@@ -14,20 +14,21 @@ import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/three/centerPoint.js";
-class B {
+class R {
   constructor(i) {
-    o(this, "id", P());
-    o(this, "lines", []);
-    o(this, "visiblePanoIndexes");
-    o(this, "model");
-    o(this, "type", "polyline");
-    o(this, "hook", new g());
+    t(this, "id", v());
+    t(this, "lines", []);
+    t(this, "visiblePanoIndexes");
+    t(this, "visibleFiveMode");
+    t(this, "model");
+    t(this, "type", "polyline");
+    t(this, "hook", new P());
     this.model = i.model;
   }
   get points() {
     const i = /* @__PURE__ */ new Set();
-    return this.lines.forEach((t) => {
-      i.add(t.points[0]), i.add(t.points[1]);
+    return this.lines.forEach((e) => {
+      i.add(e.points[0]), i.add(e.points[1]);
     }), Array.from(i);
   }
   addLine(i) {
@@ -35,8 +36,8 @@ class B {
       console.error(new Error("不能重复添加线段"));
       return;
     }
-    const t = this.getLastPoint(), l = t && i.findAnotherPoint(t);
-    if (t && !l) {
+    const e = this.getLastPoint(), l = e && i.findAnotherPoint(e);
+    if (e && !l) {
       console.error(new Error("传入线段无法与当前折线进行连接"));
       return;
     }
@@ -52,8 +53,8 @@ class B {
     this.lines.pop() && this.hook.emit("lineRemoved", i);
   }
   isLastLine(i) {
-    const t = this.getLastLine();
-    return t ? i.id === t.id : !1;
+    const e = this.getLastLine();
+    return e ? i.id === e.id : !1;
   }
   getLastLine() {
     return this.lines.slice(-1)[0];
@@ -66,14 +67,14 @@ class B {
   }
   clear() {
     const i = this.lines.slice();
-    this.lines.length = 0, i.reduceRight((t, l) => this.hook.emit("lineRemoved", l), void 0);
+    this.lines.length = 0, i.reduceRight((e, l) => this.hook.emit("lineRemoved", l), void 0);
   }
   /** 是否产生重叠 */
   overlapWith(i) {
-    return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((t) => this.includes(t)) : i.type === "polyline" ? i.points.some((t) => this.includes(t)) : !0;
+    return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((e) => this.includes(e)) : i.type === "polyline" ? i.points.some((e) => this.includes(e)) : !0;
   }
   includes(i) {
-    return i.type === "point" ? this.points.find(({ id: t }) => t === i.id) !== void 0 : i.type === "line" ? this.lines.find(({ id: t }) => t === i.id) !== void 0 : !1;
+    return i.type === "point" ? this.points.find(({ id: e }) => e === i.id) !== void 0 : i.type === "line" ? this.lines.find(({ id: e }) => e === i.id) !== void 0 : !1;
   }
   isEmpty() {
     return this.lines.length === 0;
@@ -88,33 +89,34 @@ class B {
     return {
       id: this.id,
       lines: this.lines.map((i) => i.toJson()),
-      visiblePanoIndexes: this.visiblePanoIndexes
+      visiblePanoIndexes: this.visiblePanoIndexes,
+      visibleFiveMode: this.visibleFiveMode
     };
   }
   getPointByID(i) {
-    return this.points.find(({ id: t }) => t === i);
+    return this.points.find(({ id: e }) => e === i);
   }
   fromJson(i) {
     this.clear(), this.id = i.id;
-    const { getPoint: t } = u(), l = i.lines.map((e) => {
-      const [d, p] = e.points, n = t(d), h = t(p);
-      if (!n || !h)
+    const { getPoint: e } = u(), l = i.lines.map((n) => {
+      const [d, p] = n.points, s = e(d), h = e(p);
+      if (!s || !h)
         throw new Error("线上的点不存在");
-      const s = new m(n, h, this.model);
-      return s.id = e.id, s.text = e.text, s;
+      const o = new m(s, h, this.model);
+      return o.id = n.id, o.text = n.text, o;
     });
-    this.lines.push(...l), this.visiblePanoIndexes = i.visiblePanoIndexes;
+    this.lines.push(...l), this.visiblePanoIndexes = i.visiblePanoIndexes, this.visibleFiveMode = i.visibleFiveMode;
     function u() {
-      const e = /* @__PURE__ */ new Map();
-      function d(n) {
-        const h = e.get(n.id);
+      const n = /* @__PURE__ */ new Map();
+      function d(s) {
+        const h = n.get(s.id);
         if (h)
           return h;
-        const s = new a(n.position);
-        return s.id = n.id, e.set(n.id, s), s;
+        const o = new a(s.position);
+        return o.id = s.id, n.set(s.id, o), o;
       }
       function p() {
-        return Array.from(e.values());
+        return Array.from(n.values());
       }
       return { getPoint: d, getAllPoints: p };
     }
@@ -125,5 +127,5 @@ class B {
   }
 }
 export {
-  B as Polyline
+  R as Polyline
 };