@realsee/dnalogel 2.20.5 → 2.21.0-dev.2

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -1,130 +1,239 @@
-var d = Object.defineProperty;
-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 "@realsee/five";
+var g = Object.defineProperty;
+var y = (h, r, t) => r in h ? g(h, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[r] = t;
+var o = (h, r, t) => (y(h, typeof r != "symbol" ? r + "" : r, t), t);
+import C from "hammerjs";
+import k from "../Model/line.js";
+import c from "../Model/point.js";
+import { throttle as L } from "../../shared-utils/throttle.js";
+import I from "./BaseController.js";
+import { getIntersectionFromEvent as f } from "../utils/getIntersectionFromEvent.js";
+import { Polyline as u } from "../Model/polyline.js";
+import v from "../Model/area.js";
+import P from "../utils/isIntersecting.js";
+import { PointSelector as A } from "../../shared-utils/three/PointSelector.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 "@realsee/five";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
 import "../utils/getPointFromHammerEvent.js";
-class V extends c {
-  constructor(e) {
+import "../Model/polygon.js";
+import "../../shared-utils/three/IObject3D.js";
+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 "../../shared-utils/three/getIntersect.js";
+import "../../shared-utils/three/PointHelper.js";
+import "../../shared-utils/three/Assets/index.js";
+import "../../shared-utils/three/PointDomHelper.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../Modules/rangePiece/html.js";
+import "../../CSS3DRenderPlugin/index.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+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 "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/isAbsoluteURL.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/isTouchDevice.js";
+class we extends I {
+  constructor(t) {
     var s;
-    super(e);
-    i(this, "type", "edit");
-    i(this, "polyline");
+    super(t);
+    o(this, "type", "edit");
+    o(this, "polyline");
+    o(this, "area");
     /** 拖动的控制点 */
-    i(this, "pressPoint");
-    i(this, "hasAppendDashed", !1);
-    i(this, "hasAppendMouseGroup", !1);
-    i(this, "fiveElement");
+    o(this, "pressPoint");
+    o(this, "hasAppendDashed", !1);
+    o(this, "fiveElement");
     /** 上一个端点位置 */
-    i(this, "lastPoint", null);
-    i(this, "hammer");
+    o(this, "lastPoint", null);
+    o(this, "hammer");
+    o(this, "pointSelector");
     /** 根据 intersection 更新放大镜和吸附点 */
-    i(this, "onIntersectionUpdate", v((e, t) => {
-      var o;
-      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;
+    o(this, "onIntersectionUpdate", L((t) => {
+      var s;
+      const e = t.point;
+      (s = this.pressPoint) == null || s.position.copy(e), this.updateDashed(), this.five.needsRender = !0;
     }, 20));
     /** 撤销编辑 */
-    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;
+    o(this, "revoke", () => {
+      this.currentMeasureType === "area" ? this.revokeArea() : this.currentMeasureType === "line" && this.revokeLine();
+    });
+    /**
+     * @description: 测面积的撤销功能
+     */
+    o(this, "revokeArea", () => {
+      this.area.points.length !== 0 && (this.revokeLine(this.area.polyline), this.area.points.pop(), this.area.refresh(), this.five.needsRender = !0);
+    });
+    /**
+     * @description: 测距的撤销功能
+     */
+    o(this, "revokeLine", (t) => {
+      const e = t || this.polyline;
+      if (e.lines.length === 0 && this.lastPoint) {
+        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.remove(), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.needsRender = !0;
         return;
       }
-      if (this.polyline.lines.length === 0 && !this.lastPoint || !this.lastPoint)
+      if (e.lines.length === 0 && !this.lastPoint || !this.lastPoint)
         return;
-      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);
+      const s = e.lines[e.lines.length - 1], i = s.findAnotherPoint(this.lastPoint);
+      i && (this.lastPoint = i, this.hook.emit("anchorChange", i.position), this.group.remove(s.mesh), e.removeLine(s), s.distanceItem.remove(), this.updateDashed(), this.five.needsRender = !0);
     });
-    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());
+    o(this, "onMouseLeave", () => {
+      this.lastPoint && (this.pointSelector.position.point.copy(this.lastPoint.position), this.updateDashed()), this.area.hideArea();
     });
     /** 编辑线条发生改变时通知外部 */
-    i(this, "onLineChanged", () => {
+    o(this, "onLineChanged", () => {
       this.hook.emit("editedPolylineChange", this.polyline);
     });
-    i(this, "onPress", (e) => {
-      const [t] = r(this.five, e);
-      if (!(t != null && t.face))
+    o(this, "onPress", (t) => {
+      const [e] = f(this.five, t);
+      if (!(e != null && e.face))
         return;
-      const s = new p(t.point);
-      this.pressPoint = s, this.onIntersectionUpdate(t);
+      const s = new c(e.point);
+      this.pressPoint = s, this.onIntersectionUpdate(e);
     });
     /**
      * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
      * 2. 如果有长按点，把长按点位置更新为当前位置
      */
-    i(this, "onPan", (e) => {
+    o(this, "onPan", (t) => {
       if (!this.pressPoint)
         return;
-      const [t] = r(this.five, e);
-      t != null && t.face && this.onIntersectionUpdate(t);
+      const [e] = f(this.five, t);
+      e != null && e.face && this.onIntersectionUpdate(e);
     });
-    i(this, "onPanEnd", (e) => {
-      this.pressPoint && this.onTap(e);
+    o(this, "onPanEnd", () => {
+      this.pressPoint && this.onTap();
     });
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
-     * 3. 清除 mouseGroup 和 magnifier
+     * 3. 清除 pointSelector
      */
-    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 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);
+    o(this, "onTap", () => {
+      var i, a, d, l;
+      this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh), this.currentMeasureType === "area" && this.group.add(this.perpendicularDashed.mesh)), this.hasAppendDashed = !0;
+      const t = (() => {
+        if (this.currentMeasureType === "area")
+          return this.area.projectPoint(this.pointSelector.position.point);
+        if (this.currentMeasureType === "line")
+          return this.pointSelector.position.point;
+      })();
+      if (!t)
+        return;
+      const e = new c(t), s = this.lastPoint;
+      if (this.lastPoint = e, this.currentMeasureType === "line") {
+        if (e && s) {
+          const p = new k(s, e, this.model);
+          p.distanceItem.setCanSelect(!1), p.distanceItem.appendTo(this.container), this.polyline.addLine(p), this.group.add(p.mesh), p.distanceItem.update(this.five);
+        }
+        const n = (a = (i = this.editParams) == null ? void 0 : i.autoEndConfig) == null ? void 0 : a.line;
+        typeof n == "number" && (this.polyline.getPointLength() >= n ? (this.hook.emit("complete"), this.polyline = new u({ model: this.model }), this.model.addPolyline(this.polyline), this.lastPoint = void 0) : this.polyline.getPointLength() === n - 1 && this.hook.emit("readyComplete"));
+      } else if (this.currentMeasureType === "area") {
+        this.area.addPoints(e.position);
+        const n = (l = (d = this.editParams) == null ? void 0 : d.autoEndConfig) == null ? void 0 : l.area;
+        typeof n == "number" && (this.area.points.length >= n ? (this.hook.emit("complete"), this.area = new v(void 0, {
+          five: this.five,
+          model: this.model,
+          meshContainer: this.group,
+          domContainer: this.container
+        }), this.model.addArea(this.area), this.lastPoint = void 0) : this.area.points.length === n - 1 && this.hook.emit("readyComplete"));
       }
-      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);
+      this.pressPoint = void 0, this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", e.position);
     });
-    i(this, "onWantsTapGesture", () => !1);
-    /** 编辑时取消走点 */
-    i(this, "onWantsToMoveToPano", () => !1);
     /** 存在长按点时不能移动全景 */
-    i(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
+    o(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */
-    i(this, "onCameraUpdate", () => {
-      this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
+    o(this, "onCameraUpdate", () => {
+      this.updateDistanceUI();
     });
     /** 更新虚线 */
-    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));
+    o(this, "updateDashed", () => {
+      if (!this.lastPoint)
+        return;
+      const t = this.lastPoint.position, e = (() => {
+        if (this.currentMeasureType === "area")
+          return this.area.projectPoint(this.pointSelector.position.point);
+        if (this.currentMeasureType === "line")
+          return this.pointSelector.position.point;
+      })();
+      if (this.dashed.setPoints(t, e), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed), this.currentMeasureType === "area") {
+        this.area.areaItem.setCanSelect(!1);
+        const s = this.pointSelector.position.point;
+        if (this.area.points.length >= 2) {
+          const d = this.area.polyline.lines.map((m) => ({ start: m.points[0].position, end: m.points[1].position })), l = P({ start: t, end: e }, d), n = P({ start: e, end: this.area.points[0] }, d);
+          if (l || n)
+            this.area.hideArea(), this.hook.emit("allowAddPointStateChange", "forbid");
+          else {
+            this.area.showArea();
+            const m = [...this.area.points, e];
+            this.area.polygon.updatePoints(m), this.area.areaItem.updateArea(this.five), this.hook.emit("allowAddPointStateChange", "allow");
+          }
+        } else
+          this.area.hideArea();
+        const i = s, a = e;
+        this.perpendicularDashed.setPoints(i, a), this.perpendicularDashed.distanceItem.update(this.five);
+      }
     });
-    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 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);
+    this.pointSelector = new A(this.five, {
+      mode: this.editParams.pointSelectorMode,
+      pointSelectorHelperParams: { magnifierParams: this.magnifierParams }
+    }), this.pointSelector.enable(), this.polyline = new u({ model: this.model }), this.area = new v(void 0, {
+      five: this.five,
+      model: this.model,
+      meshContainer: this.group,
+      domContainer: this.container
+    }), this.model.addPolyline(this.polyline), this.model.addArea(this.area), this.model.getAllLines().forEach((i) => {
+      i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), this.group.add(i.mesh);
+    }), this.model.getAllAreas().forEach((i) => {
+      i.areaItem.appendTo(this.container), i.areaItem.updateDomPosition(this.five), i.areaItem.setCanSelect(!0), this.group.add(i.polygon), i.polyline.lines.forEach((a) => {
+        a.distanceItem.appendTo(this.container), a.distanceItem.update(this.five), this.group.add(a.mesh);
+      });
+    }), this.five.on("cameraUpdate", this.onCameraUpdate), this.pointSelector.hook.on("intersectionUpdate", this.onIntersectionUpdate), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged);
+    const e = this.five.getElement();
+    if (e) {
+      this.fiveElement = e;
+      const i = new C(e);
+      this.hammer = i, i.on("tap", this.onTap), i.on("pan", this.onPan), i.on("press", this.onPress), i.on("panend", this.onPanEnd);
     }
     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.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;
+    var t, e;
+    super.dispose(), this.five.helperVisible = !0, this.pointSelector.disable(), this.dashed.remove(), this.perpendicularDashed.remove(), this.five.off("cameraUpdate", this.onCameraUpdate), this.pointSelector.hook.off("intersectionUpdate", this.onIntersectionUpdate), this.polyline.hook.off("lineAdded", this.onLineChanged), this.polyline.hook.off("lineRemoved", this.onLineChanged), (t = this.hammer) == null || t.destroy(), (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;
   }
+  selectPoint() {
+    this.onTap();
+  }
 }
 export {
-  V as default
+  we as default
 };

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -1,22 +1,23 @@
-var k = Object.defineProperty;
-var S = (n, s, e) => s in n ? k(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var t = (n, s, e) => (S(n, typeof s != "symbol" ? s + "" : s, e), e);
-import { Model as y } from "../Model/index.js";
-import D from "../Model/line.js";
+var b = Object.defineProperty;
+var D = (n, s, e) => s in n ? b(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
+var t = (n, s, e) => (D(n, typeof s != "symbol" ? s + "" : s, e), e);
+import { Model as S } from "../Model/index.js";
+import y from "../Model/line.js";
 import T 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 L from "../utils/isNDCPointInScreen.js";
-import { closestPointOnLine as N } from "../utils/math.js";
-import { Polyline as v } from "../Model/polyline.js";
-import W from "../Modules/rangePiece/index.js";
+import v from "../utils/isNDCPointInScreen.js";
+import { closestPointOnLine as W } from "../utils/math.js";
+import { Polyline as L } from "../Model/polyline.js";
+import E from "../Modules/rangePiece/index.js";
 import "@realsee/five";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
-import "../utils/distanceDom.js";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
@@ -29,7 +30,7 @@ import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/noop.js";
 import "../utils/calculateThreeMouse.js";
 import "../utils/mouseGroup.js";
-class re extends T {
+class le extends T {
   constructor(e) {
     super(e);
     t(this, "state", "watching");
@@ -47,19 +48,19 @@ class re extends T {
       const [i] = this.five.model.intersectRaycaster(e);
       if (!i)
         return;
-      const h = this.five.camera, p = i.point.clone().project(h), r = this.container.clientWidth, l = this.container.clientHeight, f = new m(p.x * r, p.y * l), g = this.model.getAllLines().map((o) => {
-        const [a, C] = o.points, d = a.position.clone().project(h), c = C.position.clone().project(h);
-        if (!L(d) && !L(c))
+      const h = this.five.camera, p = i.point.clone().project(h), a = this.container.clientWidth, l = this.container.clientHeight, f = new m(p.x * a, p.y * l), g = this.model.getAllLines().map((o) => {
+        const [r, C] = o.points, d = r.position.clone().project(h), c = C.position.clone().project(h);
+        if (!v(d) && !v(c))
           return null;
-        const w = new m(d.x * r, d.y * l), b = new m(c.x * r, c.y * l);
-        return { id: o.id, points: [w, b] };
+        const w = new m(d.x * a, d.y * l), k = new m(c.x * a, c.y * l);
+        return { id: o.id, points: [w, k] };
       }).filter((o) => !!o);
       if (g.length === 0)
         return;
       const u = g.map((o) => {
-        const a = N(f, o.points);
-        return { id: o.id, distance: a.distanceTo(f) };
-      }).sort((o, a) => o.distance - a.distance)[0];
+        const r = W(f, o.points);
+        return { id: o.id, distance: r.distanceTo(f) };
+      }).sort((o, r) => o.distance - r.distance)[0];
       if (u.distance > 20)
         return;
       const P = this.model.getAllLines().find(({ id: o }) => o === u.id);
@@ -74,19 +75,19 @@ class re extends T {
     });
     /** mobile态时更新虚线 */
     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.hook.emit("editedDashedLineChange", this.dashed));
+      !this.mobileStartPoint || !this.mobileNowPoint || (this.dashed.setPoints(this.mobileStartPoint.position, this.mobileNowPoint.position), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed));
     });
     /** mobile态时更新放大镜 */
     t(this, "updateMagnifier", (e) => {
       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, this.polyline = new v({ model: this.model }), this.polyline.hook.on("lineAdded", () => this.hook.emit("editedPolylineChange", this.polyline)), this.polyline.hook.on("lineRemoved", () => this.hook.emit("editedPolylineChange", this.polyline));
+      this.mobileStartPoint = e, this.polyline = new L({ model: this.model }), this.polyline.hook.on("lineAdded", () => this.hook.emit("editedPolylineChange", this.polyline)), this.polyline.hook.on("lineRemoved", () => this.hook.emit("editedPolylineChange", this.polyline));
     });
     t(this, "onGetEndPoint", () => {
       const e = this.mobileNowPoint;
       if (this.removeLine(this.dashed), this.hasAppendDashed = !1, this.mobileStartPoint && e) {
-        const i = new D(this.mobileStartPoint, e, this.model);
+        const i = new y(this.mobileStartPoint, e, this.model);
         this.polyline.addLine(i), i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), i.hook.on("selected", this.chooseLine), this.disposers.push(() => i.hook.off("selected", this.chooseLine)), this.group.add(i.mesh), this.model.addPolyline(this.polyline);
       }
       this.mobileStartPoint = null, this.mobileNowPoint = null, this.five.needsRender = !0;
@@ -118,14 +119,14 @@ class re extends T {
     t(this, "cancelDeleteClickCallback", () => {
       this.clearHighlightLines();
     });
-    this.model = new y(this.config), this.polyline = new v({ model: this.model }), this.rangePieceController = new W(e), this.deleteDom = new M(this.five, {
+    this.model = new S(this.config), this.polyline = new L({ model: this.model }), this.rangePieceController = new E(e), this.deleteDom = new M(this.five, {
       i18n: this.config.i18n,
       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.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.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.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.remove(), this.perpendicularDashed.remove(), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), 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.five.needsRender = !0;
   }
   highlightLine(e) {
     e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
@@ -143,5 +144,5 @@ class re extends T {
   }
 }
 export {
-  re as default
+  le as default
 };

package/libs/PanoMeasurePlugin/Controller/ViewController.js

@@ -3,19 +3,20 @@ var d = (n, o, e) => o in n ? r(n, o, { enumerable: !0, configurable: !0, writab
 var s = (n, o, e) => (d(n, typeof o != "symbol" ? o + "" : o, e), e);
 import a from "hammerjs";
 import h from "./BaseController.js";
+import "three";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
-import "three";
 import "@realsee/five";
-import "../utils/distanceDom.js";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
-class y extends h {
+class F extends h {
   constructor(e) {
     super(e);
     s(this, "type", "view");
@@ -65,5 +66,5 @@ class y extends h {
   }
 }
 export {
-  y as default
+  F as default
 };

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

@@ -3,7 +3,9 @@ import BaseController, { type ControllerParams } from './BaseController';
 export default class WatchController extends BaseController {
     type: string;
     private deleteDom;
+    private choose;
     private highlightedLines;
+    private highlightedArea;
     private fiveElement?;
     private editPointState?;
     private hammer?;
@@ -11,6 +13,10 @@ export default class WatchController extends BaseController {
     dispose(): void;
     highlightLine(line: Line): void;
     clearHighlightLines(): void;
+    private highlightArea;
+    private highlightLines;
+    private unHighlightLines;
+    private unHighlightArea;
     private onPanStart;
     private onPanEnd;
     private onPan;
@@ -18,9 +24,10 @@ export default class WatchController extends BaseController {
     private wantsPanGesture;
     private wantsTapGesture;
     private chooseLine;
-    private highlightLines;
+    private chooseArea;
     private polylineRemoved;
     private onCameraUpdate;
-    private deleteDomClickCallback;
+    private deleteArea;
+    private deleteLine;
     private cancelDeleteClickCallback;
 }