@realsee/dnalogel 2.3.9-alpha.8 → 2.5.0

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -1,114 +1,112 @@
 var d = Object.defineProperty;
-var m = (h, n, e) => n in h ? d(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
-var s = (h, n, e) => (m(h, typeof n != "symbol" ? n + "" : n, e), e);
-import u from "hammerjs";
-import { Model as f } from "../Model/index.js";
-import l from "../Model/line.js";
+var l = (h, n, e) => n in h ? d(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
+var i = (h, n, e) => (l(h, typeof n != "symbol" ? n + "" : n, e), e);
+import m from "hammerjs";
+import { Model as u } from "../Model/index.js";
+import f from "../Model/line.js";
 import p from "../Model/point.js";
 import { throttle as v } from "../../shared-utils/throttle.js";
 import c from "./BaseController.js";
 import { getIntersectionFromEvent as r } from "../utils/getIntersectionFromEvent.js";
+import { Polyline as P } from "../Model/polyline.js";
+import "three";
+import "@realsee/five/line";
+import "../utils/constants.js";
 import "@realsee/five";
-import "../../shared-utils/removeArrayItem.js";
-import "../Model/polyline.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
-import "@realsee/five/line";
-import "../utils/constants.js";
-import "three";
 import "../utils/distanceDom.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
 import "../utils/getPointFromHammerEvent.js";
-class q extends c {
+class V extends c {
   constructor(e) {
-    var i;
+    var s;
     super(e);
-    s(this, "type", "edit");
-    s(this, "pressPoint");
-    s(this, "hasAppendDashed", !1);
-    s(this, "hasAppendMouseGroup", !1);
-    s(this, "fiveElement");
-    s(this, "lastPoint", null);
-    s(this, "hammer");
-    s(this, "onIntersectionUpdate", v((e, t) => {
+    i(this, "type", "edit");
+    i(this, "polyline");
+    i(this, "pressPoint");
+    i(this, "hasAppendDashed", !1);
+    i(this, "hasAppendMouseGroup", !1);
+    i(this, "fiveElement");
+    i(this, "lastPoint", null);
+    i(this, "hammer");
+    i(this, "onIntersectionUpdate", v((e, t) => {
       var o;
-      this.hasAppendMouseGroup === !1 && (this.group.add(this.mouseGroup), this.magnifier.appendTo(this.container), this.hasAppendMouseGroup = !0);
-      const i = this.updateMouseGroup(e, t).position;
-      (o = this.pressPoint) == null || o.position.copy(i), this.updateDashed(), requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position)), this.five.needsRender = !0;
+      this.hasAppendMouseGroup === !1 && (this.group.add(this.mouseGroup), this.magnifier.appendTo(this.container), this.magnifier.enable(), this.hasAppendMouseGroup = !0);
+      const s = this.updateMouseGroup(e, t).position;
+      (o = this.pressPoint) == null || o.position.copy(s), this.updateDashed(), requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position)), this.five.needsRender = !0;
     }, 20));
-    s(this, "revoke", () => {
-      if (this.model.lines.length === 0 && this.lastPoint) {
-        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.distanceItem.remove(), this.group.remove(this.dashed.mesh), this.hook.emit("anchorChange", null), this.five.needsRender = !0;
+    i(this, "revoke", () => {
+      if (this.polyline.lines.length === 0 && this.lastPoint) {
+        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.distanceItem.remove(), this.group.remove(this.dashed.mesh), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.needsRender = !0;
         return;
       }
-      if (this.model.lines.length === 0 && !this.lastPoint || !this.lastPoint)
+      if (this.polyline.lines.length === 0 && !this.lastPoint || !this.lastPoint)
         return;
-      const e = this.model.lines[this.model.lines.length - 1], t = e.findAnotherPoint(this.lastPoint);
-      !t || (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(e.mesh), this.model.removeLine(e), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), e.distanceItem.remove(), this.updateDashed(), this.magnifier.remove(), this.five.needsRender = !0);
+      const e = this.polyline.lines[this.polyline.lines.length - 1], t = e.findAnotherPoint(this.lastPoint);
+      !t || (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(e.mesh), this.polyline.removeLine(e), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), e.distanceItem.remove(), this.updateDashed(), this.magnifier.disable(), this.five.needsRender = !0);
     });
-    s(this, "onMouseLeave", () => {
-      this.magnifier.remove(), this.group.remove(this.mouseGroup), this.hasAppendMouseGroup = !1, this.lastPoint && (this.mouseGroup.position.copy(this.lastPoint.position), this.updateDashed());
+    i(this, "onMouseLeave", () => {
+      this.magnifier.disable(), this.group.remove(this.mouseGroup), this.hasAppendMouseGroup = !1, this.lastPoint && (this.mouseGroup.position.copy(this.lastPoint.position), this.updateDashed());
     });
-    s(this, "onLineChanged", () => {
-      this.hook.emit(
-        "editedLineChange",
-        this.model.lines.map((e) => e.toCompletelyJson())
-      );
+    i(this, "onLineChanged", () => {
+      this.hook.emit("editedPolylineChange", this.polyline);
     });
-    s(this, "onPress", (e) => {
+    i(this, "onPress", (e) => {
       const [t] = r(this.five, e);
-      if (!t || !t.face)
+      if (!(t != null && t.face))
         return;
-      const i = new p(t.point);
-      this.pressPoint = i, this.onIntersectionUpdate(t);
+      const s = new p(t.point);
+      this.pressPoint = s, this.onIntersectionUpdate(t);
     });
-    s(this, "onPan", (e) => {
+    i(this, "onPan", (e) => {
       if (!this.pressPoint)
         return;
       const [t] = r(this.five, e);
-      !t || !t.face || this.onIntersectionUpdate(t);
+      !(t != null && t.face) || this.onIntersectionUpdate(t);
     });
-    s(this, "onPanEnd", (e) => {
+    i(this, "onPanEnd", (e) => {
       !this.pressPoint || this.onTap(e);
     });
-    s(this, "onTap", (e) => {
+    i(this, "onTap", (e) => {
       this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh)), this.hasAppendDashed = !0;
       const [t] = r(this.five, e);
       this.updateMouseGroup(t);
-      const i = new p(this.mouseGroup.position), o = this.lastPoint;
-      if (i && (this.lastPoint = i), i && o) {
-        const a = new l(o, i, this.model);
-        a.distanceItem.appendTo(this.container), this.model.addLine(a), this.group.add(a.mesh), a.distanceItem.update(this.five);
+      const s = new p(this.mouseGroup.position), o = this.lastPoint;
+      if (s && (this.lastPoint = s), s && o) {
+        const a = new f(o, s, this.model);
+        a.distanceItem.setItemSelectable(!1), a.distanceItem.appendTo(this.container), this.polyline.addLine(a), this.group.add(a.mesh), a.distanceItem.update(this.five);
       }
-      this.pressPoint = void 0, this.hasAppendMouseGroup = !1, this.magnifier.remove(), this.group.remove(this.mouseGroup), this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", i.position);
+      this.pressPoint = void 0, this.hasAppendMouseGroup = !1, this.magnifier.disable(), this.group.remove(this.mouseGroup), this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", s.position);
     });
-    s(this, "onWantsTapGesture", () => !1);
-    s(this, "onWantsToMoveToPano", () => !1);
-    s(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
-    s(this, "onCameraUpdate", () => {
+    i(this, "onWantsTapGesture", () => !1);
+    i(this, "onWantsToMoveToPano", () => !1);
+    i(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
+    i(this, "onCameraUpdate", () => {
       this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
     });
-    s(this, "updateDashed", () => {
-      !this.lastPoint || (this.dashed.points[0].position.copy(this.lastPoint.position), this.dashed.points[1].position.copy(this.mouseGroup.position), this.dashed.mesh.setPoints(this.lastPoint.position, this.mouseGroup.position), this.dashed.distanceItem.update(this.five));
+    i(this, "updateDashed", () => {
+      !this.lastPoint || (this.dashed.points[0].position.copy(this.lastPoint.position), this.dashed.points[1].position.copy(this.mouseGroup.position), this.dashed.mesh.setPoints(this.lastPoint.position, this.mouseGroup.position), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed));
     });
-    this.model = new f(this.config), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsPanGesture", this.onWantsPanGesture), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.on("intersectionOnModelUpdate", this.onIntersectionUpdate), this.model.hook.on("lineAdded", this.onLineChanged), this.model.hook.on("lineRemoved", this.onLineChanged);
+    this.model = new u(this.config), this.polyline = new P({ model: this.model }), this.model.addPolyline(this.polyline), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsPanGesture", this.onWantsPanGesture), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.on("intersectionOnModelUpdate", this.onIntersectionUpdate), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged);
     const t = this.five.getElement();
     if (t) {
       this.fiveElement = t;
-      const o = new u(t);
+      const o = new m(t);
       this.hammer = o, o.on("tap", this.onTap), o.on("pan", this.onPan), o.on("press", this.onPress), o.on("panend", this.onPanEnd);
     }
-    (i = this.fiveElement) == null || i.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.five.refresh();
+    this.five.helperVisible = !1, (s = this.fiveElement) == null || s.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.refresh();
   }
   dispose() {
     var e, t;
-    super.dispose(), this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.onWantsPanGesture), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.off("intersectionOnModelUpdate", this.onIntersectionUpdate), this.model.hook.off("lineAdded", this.onLineChanged), this.model.hook.off("lineRemoved", this.onLineChanged), (e = this.hammer) == null || e.destroy(), (t = this.fiveElement) == null || t.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+    super.dispose(), this.five.helperVisible = !0, this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.onWantsPanGesture), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.off("intersectionOnModelUpdate", this.onIntersectionUpdate), this.polyline.hook.off("lineAdded", this.onLineChanged), this.polyline.hook.off("lineRemoved", this.onLineChanged), (e = this.hammer) == null || e.destroy(), (t = this.fiveElement) == null || t.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
   }
   getEditingLines() {
-    return this.model.lines;
+    return this.polyline.lines;
   }
 }
 export {
-  q as default
+  V as default
 };

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

@@ -1,25 +1,23 @@
-import type { LineJson } from '../typings/data';
-import { Model } from '../Model';
 import Line from '../Model/line';
-import BaseController, { IControllerParams } from './BaseController';
+import BaseController, { ControllerParams } from './BaseController';
+import { Polyline } from '../Model/polyline';
 export declare type State = 'watching' | 'editing';
-export interface EditEvent {
-    editedLineChange: (lines: LineJson[]) => void;
-}
 export default class MixedController extends BaseController {
     state: State;
-    model: Model;
+    polyline: Polyline;
     private hasAppendDashed;
-    private fiveElement?;
     private mobileStartPoint;
     private mobileNowPoint;
     private highlightedLines;
     private deleteDom;
-    constructor(params: IControllerParams);
+    private rangePieceController;
+    private disposers;
+    constructor(params: ControllerParams);
     dispose(): void;
     highlightLine(line: Line): void;
     clearHighlightLines(): void;
     getEditingLines(): Line[];
+    addStartPoint(): void;
     /** 编辑线条发生改变时通知外部 */
     private onLineChanged;
     private onWantsTapGesture;

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -1,66 +1,72 @@
 var b = Object.defineProperty;
-var k = (h, n, e) => n in h ? b(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
-var t = (h, n, e) => (k(h, typeof n != "symbol" ? n + "" : n, e), e);
+var k = (h, s, e) => s in h ? b(h, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[s] = e;
+var t = (h, s, e) => (k(h, typeof s != "symbol" ? s + "" : s, e), e);
 import { Model as S } from "../Model/index.js";
-import T from "../Model/line.js";
+import y from "../Model/line.js";
 import D from "./BaseController.js";
-import M from "../Modules/DeleteDom/index.js";
-import { findAssociatedLines as G } from "../utils/findAssociatedLines.js";
-import { Vector2 as m } from "three";
-import v from "../utils/isNDCPointInScreen.js";
-import { closestPointOnLine as N } from "../utils/math.js";
-import "../Model/point.js";
-import "../../shared-utils/uuid.js";
-import "../../shared-utils/removeArrayItem.js";
-import "@realsee/five";
-import "../Model/polyline.js";
-import "../utils/line.js";
+import T from "../Modules/DeleteDom/index.js";
+import { findAssociatedLines as M } from "../utils/findAssociatedLines.js";
+import { Vector2 as p } from "three";
+import C from "../utils/isNDCPointInScreen.js";
+import { closestPointOnLine as G } from "../utils/math.js";
+import { Polyline as W } from "../Model/polyline.js";
+import N from "../Modules/rangePiece/index.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
+import "@realsee/five";
+import "../../shared-utils/uuid.js";
+import "../utils/line.js";
 import "../utils/distanceDom.js";
+import "../Model/point.js";
+import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.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";
-class $ extends D {
+import "@tweenjs/tween.js";
+import "../Modules/rangePiece/html.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/noop.js";
+import "../utils/calculateThreeMouse.js";
+import "../utils/mouseGroup.js";
+class le extends D {
   constructor(e) {
     super(e);
     t(this, "state", "watching");
-    t(this, "model", new S(this.config));
+    t(this, "polyline");
     t(this, "hasAppendDashed", !1);
-    t(this, "fiveElement");
     t(this, "mobileStartPoint", null);
     t(this, "mobileNowPoint", null);
     t(this, "highlightedLines", []);
     t(this, "deleteDom");
+    t(this, "rangePieceController");
+    t(this, "disposers", []);
     t(this, "onLineChanged", () => {
-      this.hook.emit(
-        "editedLineChange",
-        this.model.lines.map((e) => e.toCompletelyJson())
-      );
+      this.hook.emit("editedPolylineChange", this.polyline);
     });
     t(this, "onWantsTapGesture", (e) => {
-      if (this.state === "editing")
+      if (console.log("\u{1F436} ~ onWantsTapGesture"), this.state === "editing")
         return !1;
       const [i] = this.five.model.intersectRaycaster(e);
       if (!i)
         return;
-      const o = this.five.camera, p = i.point.clone().project(o), r = this.container.clientWidth, d = this.container.clientHeight, f = new m(p.x * r, p.y * d), g = this.model.lines.map((s) => {
-        const [a, L] = s.points, l = a.position.clone().project(o), c = L.position.clone().project(o);
-        if (!v(l) && !v(c))
+      const o = this.five.camera, m = i.point.clone().project(o), r = this.container.clientWidth, l = this.container.clientHeight, f = new p(m.x * r, m.y * l), g = this.polyline.lines.map((n) => {
+        const [a, L] = n.points, d = a.position.clone().project(o), c = L.position.clone().project(o);
+        if (!C(d) && !C(c))
           return null;
-        const C = new m(l.x * r, l.y * d), w = new m(c.x * r, c.y * d);
-        return { id: s.id, points: [C, w] };
-      }).filter((s) => !!s);
+        const v = new p(d.x * r, d.y * l), w = new p(c.x * r, c.y * l);
+        return { id: n.id, points: [v, w] };
+      }).filter((n) => !!n);
       if (g.length === 0)
         return;
-      const u = g.map((s) => {
-        const a = N(f, s.points);
-        return { id: s.id, distance: a.distanceTo(f) };
-      }).sort((s, a) => s.distance - a.distance)[0];
+      const u = g.map((n) => {
+        const a = G(f, n.points);
+        return { id: n.id, distance: a.distanceTo(f) };
+      }).sort((n, a) => n.distance - a.distance)[0];
       if (u.distance > 20)
         return;
-      const P = this.model.lines.find(({ id: s }) => s === u.id);
+      const P = this.polyline.lines.find(({ id: n }) => n === u.id);
       if (!!P)
         return this.chooseLine(P), !1;
     });
@@ -69,10 +75,10 @@ class $ extends D {
       this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
     });
     t(this, "updateMobileDashed", () => {
-      !this.mobileStartPoint || !this.mobileNowPoint || (this.dashed.points[0].position.copy(this.mobileStartPoint.position), this.dashed.points[1].position.copy(this.mobileNowPoint.position), this.dashed.mesh.setPoints(this.mobileStartPoint.position, this.mobileNowPoint.position), this.dashed.distanceItem.update(this.five));
+      !this.mobileStartPoint || !this.mobileNowPoint || (this.dashed.points[0].position.copy(this.mobileStartPoint.position), this.dashed.points[1].position.copy(this.mobileNowPoint.position), this.dashed.mesh.setPoints(this.mobileStartPoint.position, this.mobileNowPoint.position), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed));
     });
     t(this, "updateMagnifier", (e) => {
-      this.magnifier.visible === !1 && this.magnifier.appendTo(this.container), requestAnimationFrame(() => this.magnifier.renderWithPoint(e.position)), this.five.needsRender = !0;
+      this.magnifier.containerDom !== this.container && this.magnifier.appendTo(this.container), this.magnifier.getCurrentState().enabled || this.magnifier.enable(), requestAnimationFrame(() => this.magnifier.renderWithPoint(e.position)), this.five.needsRender = !0;
     });
     t(this, "onGetStartPoint", (e) => {
       this.mobileStartPoint = e;
@@ -80,8 +86,8 @@ class $ extends D {
     t(this, "onGetEndPoint", (e) => {
       const i = this.mobileNowPoint;
       if (this.removeLine(this.dashed), this.hasAppendDashed = !1, this.mobileStartPoint && i) {
-        const o = new T(this.mobileStartPoint, i, this.model);
-        o.distanceItem.appendTo(this.container), o.distanceItem.update(this.five), o.hook.on("selected", this.chooseLine), this.group.add(o.mesh), this.model.addLine(o);
+        const o = new y(this.mobileStartPoint, i, this.model);
+        o.distanceItem.appendTo(this.container), o.distanceItem.update(this.five), o.hook.on("selected", this.chooseLine), this.disposers.push(() => o.hook.off("selected", this.chooseLine)), this.group.add(o.mesh), this.polyline.addLine(o);
       }
       this.mobileStartPoint = null, this.mobileNowPoint = null, this.five.needsRender = !0;
     });
@@ -96,43 +102,45 @@ class $ extends D {
       this.state = i, this.state === "watching" ? this.five.helperVisible = !0 : this.five.helperVisible = !1;
     });
     t(this, "chooseLine", (e) => {
-      const i = G(e);
+      const i = M(e);
       this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
         "selectedChange",
-        i.map((o) => o.toCompletelyJson())
+        i.map((o) => o)
       );
     });
     t(this, "deleteDomClickCallback", () => {
       this.highlightedLines.forEach((e) => {
-        this.removeLine(e), this.model.removeLine(e);
+        this.removeLine(e), this.polyline.removeLine(e);
       }), this.highlightedLines = [], this.deleteDom.setLines([]).hide();
     });
     t(this, "cancelDeleteClickCallback", () => {
       this.clearHighlightLines();
     });
-    this.deleteDom = new M(this.five, {
+    this.model = new S(this.config), this.polyline = new W({ model: this.model }), this.model.addPolyline(this.polyline), this.rangePieceController = new N(e), this.deleteDom = new T(this.five, {
       onClick: this.deleteDomClickCallback,
       cancelDelete: this.cancelDeleteClickCallback
-    }).appendTo(this.container), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.model.hook.on("lineAdded", this.onLineChanged), this.model.hook.on("lineRemoved", this.onLineChanged), this.hook.on("getStartPoint", this.onGetStartPoint), this.hook.on("getEndPoint", this.onGetEndPoint), this.hook.on("nowPointChange", this.onNowPointChange), this.hook.on("willChangeState", this.onWillChangeState), this.five.refresh();
+    }).appendTo(this.container), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged), this.five.helperVisible = !1, this.hook.emit("editedDashedLineChange", null), this.hook.on("getStartPoint", this.onGetStartPoint), this.hook.on("getEndPoint", this.onGetEndPoint), this.hook.on("nowPointChange", this.onNowPointChange), this.hook.on("willChangeState", this.onWillChangeState), this.five.refresh();
   }
   dispose() {
-    super.dispose(), this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.model.hook.off("lineAdded", this.onLineChanged), this.model.hook.off("lineRemoved", this.onLineChanged), this.hook.off("getStartPoint", this.onGetStartPoint), this.hook.off("getEndPoint", this.onGetEndPoint), this.hook.off("nowPointChange", this.onNowPointChange), this.hook.off("willChangeState", this.onWillChangeState), this.hook.emit("selectedChange", []), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+    super.dispose(), this.disposers.forEach((e) => e()), this.five.helperVisible = !0, this.rangePieceController.dispose(), this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.polyline.hook.off("lineAdded", this.onLineChanged), this.polyline.hook.off("lineRemoved", this.onLineChanged), this.hook.off("getStartPoint", this.onGetStartPoint), this.hook.off("getEndPoint", this.onGetEndPoint), this.hook.off("nowPointChange", this.onNowPointChange), this.hook.off("willChangeState", this.onWillChangeState), this.hook.emit("selectedChange", []), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
   }
   highlightLine(e) {
     e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
   }
   clearHighlightLines() {
-    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.lines.forEach((e) => {
+    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.polyline.lines.forEach((e) => {
       e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
     }), this.highlightedLines = [], this.five.needsRender = !0);
   }
   getEditingLines() {
-    return this.model.lines;
+    return this.polyline.lines;
+  }
+  addStartPoint() {
   }
   highlightLines(e) {
     this.clearHighlightLines(), this.highlightedLines = e, this.deleteDom.setLines(e).updatePosition().show(), e.forEach((i) => this.highlightLine(i));
   }
 }
 export {
-  $ as default
+  le as default
 };

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

@@ -1,16 +1,12 @@
-import type Line from '../Model/line';
-import BaseController, { IControllerParams } from './BaseController';
+import BaseController, { ControllerParams } from './BaseController';
 export default class ViewController extends BaseController {
     type: string;
-    private highlightedLines;
     private hammer?;
-    constructor(params: IControllerParams);
+    constructor(params: ControllerParams);
     dispose(): void;
-    highlightLine(line: Line): void;
-    clearHighlightLines(): void;
-    private wantsTapGesture;
-    private chooseLine;
-    private highlightLines;
-    private lineRemoved;
+    private polylineRemoved;
+    private polylineAdded;
     private onCameraUpdate;
+    private onFivePanoWillArrive;
+    private onFivePanoArrived;
 }

package/libs/PanoMeasurePlugin/Controller/ViewController.js

@@ -1,101 +1,68 @@
-var P = Object.defineProperty;
-var y = (h, n, e) => n in h ? P(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
-var o = (h, n, e) => (y(h, typeof n != "symbol" ? n + "" : n, e), e);
-import T from "hammerjs";
-import { Vector2 as p } from "three";
-import { closestPointOnLine as H } from "../utils/math.js";
-import L from "../utils/isNDCPointInScreen.js";
-import { findAssociatedLines as k } from "../utils/findAssociatedLines.js";
-import E from "./BaseController.js";
-import "../Model/line.js";
-import "../../shared-utils/uuid.js";
-import "../Model/polyline.js";
-import "../utils/line.js";
+var d = Object.defineProperty;
+var n = (r, o, i) => o in r ? d(r, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[o] = i;
+var s = (r, o, i) => (n(r, typeof o != "symbol" ? o + "" : o, i), i);
+import a from "hammerjs";
+import "three";
 import "@realsee/five/line";
 import "../utils/constants.js";
 import "@realsee/five";
+import h from "./BaseController.js";
+import "../Model/line.js";
+import "../../shared-utils/uuid.js";
+import "../utils/line.js";
 import "../utils/distanceDom.js";
+import "../utils/isNDCPointInScreen.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
-class K extends E {
-  constructor(e) {
-    super(e);
-    o(this, "type", "view");
-    o(this, "highlightedLines", []);
-    o(this, "hammer");
-    o(this, "wantsTapGesture", (e) => {
-      if (this.model.lines.length === 0)
-        return;
-      const [t] = this.five.model.intersectRaycaster(e);
-      if (!t)
-        return;
-      const i = this.five.camera, g = t.point.clone().project(i), c = this.container.clientWidth, a = this.container.clientHeight, f = new p(g.x * c, g.y * a), u = this.model.lines.map((s) => {
-        const [r, w] = s.points, m = r.position.clone().project(i), l = w.position.clone().project(i);
-        if (!L(m) && !L(l))
-          return null;
-        const C = new p(
-          m.x * c,
-          m.y * a
-        ), R = new p(
-          l.x * c,
-          l.y * a
-        );
-        return { id: s.id, points: [C, R] };
-      }).filter((s) => !!s);
-      if (u.length === 0)
-        return;
-      const v = u.map((s) => {
-        const r = H(f, s.points);
-        return { id: s.id, distance: r.distanceTo(f) };
-      }).sort((s, r) => s.distance - r.distance)[0], d = v.distance > 20 ? void 0 : this.model.lines.find(({ id: s }) => s === v.id);
-      if (this.highlightedLines.length > 0 && !d)
-        return this.clearHighlightLines(), !1;
-      if (d)
-        return this.chooseLine(d), !1;
-    });
-    o(this, "chooseLine", (e) => {
-      const t = k(e);
-      this.highlightLines(t), this.five.needsRender = !0, this.hook.emit(
+class U extends h {
+  constructor(i) {
+    super(i);
+    s(this, "type", "view");
+    s(this, "hammer");
+    s(this, "polylineRemoved", (i) => {
+      i.lines.forEach((e) => this.removeLine(e)), this.hook.emit(
         "selectedChange",
-        t.map((i) => i.toCompletelyJson())
+        this.model.getAllLines().filter((e) => e.selected).map((e) => e)
       );
     });
-    o(this, "lineRemoved", (e) => {
-      this.removeLine(e), this.hook.emit(
-        "selectedChange",
-        this.model.lines.filter((t) => t.selected).map((t) => t.toCompletelyJson())
-      );
+    s(this, "polylineAdded", (i) => {
+      i.lines.forEach((e) => {
+        e.distanceItem.appendTo(this.container), e.distanceItem.update(this.five), this.group.add(e.mesh);
+      });
     });
-    o(this, "onCameraUpdate", () => {
+    s(this, "onCameraUpdate", () => {
       this.updateDistanceUI();
     });
-    this.model.lines.forEach((i) => {
-      i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), i.hook.on("selected", this.chooseLine), this.group.add(i.mesh);
+    s(this, "onFivePanoWillArrive", (i) => {
+      this.model.polylines.forEach((e) => {
+        !e.visiblePanoIndexes || e.visiblePanoIndexes.includes(i) || e.lines.forEach((t) => {
+          t.mesh.visible = !1, t.distanceItem.update(this.five);
+        });
+      });
+    });
+    s(this, "onFivePanoArrived", (i) => {
+      this.model.polylines.forEach((e) => {
+        !e.visiblePanoIndexes || e.visiblePanoIndexes.includes(i) && e.lines.forEach((t) => {
+          t.mesh.visible = !0, t.distanceItem.update(this.five);
+        });
+      });
+    });
+    this.model.getAllLines().forEach((t) => {
+      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), this.group.add(t.mesh);
     });
-    const t = this.five.getElement();
-    if (t) {
-      const i = new T(t);
-      this.hammer = i;
+    const e = this.five.getElement();
+    if (e) {
+      const t = new a(e);
+      this.hammer = t;
     }
-    this.model.hook.on("lineRemoved", this.lineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0;
+    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);
   }
   dispose() {
-    var e;
-    super.dispose(), this.model.hook.off("lineRemoved", this.lineRemoved), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
-  }
-  highlightLine(e) {
-    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
-  }
-  clearHighlightLines() {
-    this.group.children.length !== 0 && (this.model.lines.forEach((e) => {
-      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
-    }), this.highlightedLines = [], this.five.needsRender = !0);
-  }
-  highlightLines(e) {
-    this.clearHighlightLines(), this.highlightedLines = e, e.forEach((t) => this.highlightLine(t));
+    var i;
+    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", []), (i = this.hammer) == null || i.destroy();
   }
 }
 export {
-  K as default
+  U as default
 };

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

@@ -1,5 +1,5 @@
 import type Line from '../Model/line';
-import BaseController, { IControllerParams } from './BaseController';
+import BaseController, { ControllerParams } from './BaseController';
 export default class WatchController extends BaseController {
     type: string;
     private deleteDom;
@@ -7,7 +7,7 @@ export default class WatchController extends BaseController {
     private fiveElement?;
     private editPointState?;
     private hammer?;
-    constructor(params: IControllerParams);
+    constructor(params: ControllerParams);
     dispose(): void;
     highlightLine(line: Line): void;
     clearHighlightLines(): void;
@@ -19,7 +19,7 @@ export default class WatchController extends BaseController {
     private wantsTapGesture;
     private chooseLine;
     private highlightLines;
-    private lineRemoved;
+    private polylineRemoved;
     private onCameraUpdate;
     private deleteDomClickCallback;
     private cancelDeleteClickCallback;