@realsee/dnalogel 3.81.21 → 3.81.22

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -4,13 +4,13 @@ var t = (n, s, e) => (D(n, typeof s != "symbol" ? s + "" : s, e), e);
 import { Model as S } from "../Model/index.js";
 import T from "../Model/line.js";
 import M from "./BaseController.js";
-import G from "../Modules/DeleteDom/index.js";
+import R from "../Modules/DeleteDom/index.js";
 import { Vector2 as p } from "three";
-import L from "../utils/isNDCPointInScreen.js";
-import { closestPointOnLine as W } from "../utils/math.js";
-import { Polyline as C } from "../Model/polyline.js";
-import E from "../Modules/rangePiece/index.js";
-import { getFiveModel as N } from "../../shared-utils/five/getFiveModel.js";
+import C from "../utils/isNDCPointInScreen.js";
+import { closestPointOnLine as G } from "../utils/math.js";
+import { Polyline as L } from "../Model/polyline.js";
+import W from "../Modules/rangePiece/index.js";
+import { getFiveModel as E } from "../../shared-utils/five/getFiveModel.js";
 import "../../shared-utils/Subscribe.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
@@ -47,12 +47,12 @@ class me extends M {
     t(this, "onWantsTapGesture", (e) => {
       if (this.state === "editing")
         return !1;
-      const i = N(this.five), [r] = i.intersectRaycaster(e);
+      const i = E(this.five), [r] = i.intersectRaycaster(e);
       if (!r)
         return;
       const a = this.five.camera, g = r.point.clone().project(a), l = this.container.clientWidth, d = this.container.clientHeight, f = new p(g.x * l, g.y * d), u = this.model.getAllLines().map((o) => {
         const [h, w] = o.points, c = h.position.clone().project(a), m = w.position.clone().project(a);
-        if (!L(c) && !L(m))
+        if (!C(c) && !C(m))
           return null;
         const k = new p(c.x * l, c.y * d), b = new p(m.x * l, m.y * d);
         return { id: o.id, points: [k, b] };
@@ -60,7 +60,7 @@ class me extends M {
       if (u.length === 0)
         return;
       const P = u.map((o) => {
-        const h = W(f, o.points);
+        const h = G(f, o.points);
         return { id: o.id, distance: h.distanceTo(f) };
       }).sort((o, h) => o.distance - h.distance)[0];
       if (P.distance > 20)
@@ -84,7 +84,7 @@ class me extends M {
       this.magnifier.containerDom !== this.container && this.magnifier.appendTo(this.container), this.magnifier.state.enabled || this.magnifier.enable(), requestAnimationFrame(() => this.magnifier.renderWithPoint(e.position)), this.five.needsRender = !0;
     });
     t(this, "onGetStartPoint", (e) => {
-      this.mobileStartPoint = e, this.polyline = new C({ 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;
@@ -121,12 +121,15 @@ class me extends M {
     t(this, "cancelDeleteClickCallback", () => {
       this.clearHighlightLines();
     });
-    this.model = new S(this.config), this.polyline = new C({ model: this.model }), this.rangePieceController = new E(e), this.deleteDom = new G(this.five, {
+    this.model = new S(this.config), this.polyline = new L({ model: this.model }), this.rangePieceController = this.createRangePieceController(e), this.deleteDom = new R(this.five, {
       i18n: this.config.i18n,
       onClick: this.deleteDomClickCallback,
       cancel: 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();
   }
+  createRangePieceController(e) {
+    return new W(e);
+  }
   dispose() {
     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;
   }

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

@@ -1,5 +1,7 @@
 import type Line from '../Model/line';
+import type { Intersection } from '@realsee/five';
 import BaseController, { type ControllerParams } from './BaseController';
+import { Vector2 } from 'three';
 export default class WatchController extends BaseController {
     type: string;
     private deleteDom;
@@ -19,6 +21,8 @@ export default class WatchController extends BaseController {
     private unHighlightLines;
     private onPanStart;
     private onPanEnd;
+    protected onPointEditEnd(): void;
+    protected resolveIntersection(intersection: Intersection, _mouse: Vector2): Intersection;
     private onPan;
     private onIntersectionUpdate;
     private wantsPanGesture;

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -1,17 +1,17 @@
-var I = Object.defineProperty;
-var R = (p, h, t) => h in p ? I(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
+var k = Object.defineProperty;
+var R = (p, h, t) => h in p ? k(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
 var o = (p, h, t) => (R(p, typeof h != "symbol" ? h + "" : h, t), t);
 import { hammerExports as G } from "../../vendor/hammerjs/hammer.js";
 import T from "../Modules/DeleteDom/index.js";
-import w from "../utils/isNDCPointInScreen.js";
+import S from "../utils/isNDCPointInScreen.js";
 import U from "./BaseController.js";
 import { Raycaster as M, Vector2 as L } from "three";
 import { closestPointOnLine as b } from "../utils/math.js";
 import { findClosestPoint as x } from "../utils/findClosestPoint.js";
-import { getPointFromHammerEvent as C } from "../../shared-utils/getPointFromHammerEvent.js";
+import { getPointFromHammerEvent as w } from "../../shared-utils/getPointFromHammerEvent.js";
 import j from "../Model/area.js";
 import { PolygonMesh as F } from "../Model/polygon.js";
-import { getFiveModel as E } from "../../shared-utils/five/getFiveModel.js";
+import { getFiveModel as C } from "../../shared-utils/five/getFiveModel.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";
@@ -98,7 +98,7 @@ import "../../shared-utils/three/earcut3D.js";
 import "../../shared-utils/three/getNormal.js";
 import "../utils/isIntersecting.js";
 const D = () => !1;
-class Ie extends U {
+class ke extends U {
   constructor(t) {
     super(t);
     o(this, "type", "watch");
@@ -114,7 +114,7 @@ class Ie extends U {
       var l;
       if (this.model.getAllLines().length === 0 || !this.fiveElement)
         return;
-      const i = C(t).point, e = (l = x(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : l.point;
+      const i = w(t).point, e = (l = x(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : l.point;
       if (!e) {
         this.editPointState = void 0;
         return;
@@ -129,15 +129,15 @@ class Ie extends U {
       }) || (this.editPointState = m, this.magnifier.appendTo(this.container), this.magnifier.enable(), this.group.add(this.mouseGroup));
     });
     o(this, "onPanEnd", () => {
-      this.editPointState && (this.editPointState.associatedLines.forEach((t) => t.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.disable(), this.group.remove(this.mouseGroup));
+      this.editPointState && (this.editPointState.associatedLines.forEach((t) => t.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.disable(), this.group.remove(this.mouseGroup), this.onPointEditEnd());
     });
     o(this, "onPan", (t) => {
       if (!this.editPointState || !this.fiveElement)
         return;
-      const i = C(t).ndcPoint, e = new M();
+      const i = w(t).ndcPoint, e = new M();
       e.setFromCamera(i, this.five.camera);
-      const [n] = E(this.five).intersectRaycaster(e);
-      n && this.onIntersectionUpdate(n);
+      const [n] = C(this.five).intersectRaycaster(e);
+      n && this.onIntersectionUpdate(this.resolveIntersection(n, i));
     });
     o(this, "onIntersectionUpdate", (t, i) => {
       if (this.editPointState) {
@@ -160,8 +160,8 @@ class Ie extends U {
         return !1;
     });
     o(this, "wantsTapGesture", (t) => {
-      var S;
-      const i = this.model.areas.map((s) => t.intersectObject(s.polygon, !0)[0]).sort((s, r) => s.distance - r.distance), e = (S = i[0]) == null ? void 0 : S.object.parent;
+      var E;
+      const i = this.model.areas.map((s) => t.intersectObject(s.polygon, !0)[0]).sort((s, r) => s.distance - r.distance), e = (E = i[0]) == null ? void 0 : E.object.parent;
       if (e instanceof F) {
         const s = this.model.areas.find((r) => r.polygon === e);
         if (s) {
@@ -169,15 +169,15 @@ class Ie extends U {
           return this.chooseArea(s, { left: d, top: g }), !1;
         }
       }
-      const n = E(this.five), [m] = n.intersectRaycaster(t);
+      const n = C(this.five), [m] = n.intersectRaycaster(t);
       if (!m)
         return;
       const c = this.five.camera, l = m.point.clone().project(c), a = this.container.clientWidth, f = this.container.clientHeight, P = new L(l.x * a, l.y * f), v = this.model.getAllLines().map((s) => {
         const [r, u] = s.points, d = r.position.clone().project(c), g = u.position.clone().project(c);
-        if (!w(d) && !w(g))
+        if (!S(d) && !S(g))
           return null;
-        const H = new L(d.x * a, d.y * f), k = new L(g.x * a, g.y * f);
-        return { id: s.id, points: [H, k] };
+        const I = new L(d.x * a, d.y * f), H = new L(g.x * a, g.y * f);
+        return { id: s.id, points: [I, H] };
       }).filter((s) => !!s);
       if (v.length === 0)
         return;
@@ -269,7 +269,12 @@ class Ie extends U {
       e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh), this.five.needsRender = !0;
     });
   }
+  onPointEditEnd() {
+  }
+  resolveIntersection(t, i) {
+    return t;
+  }
 }
 export {
-  Ie as default
+  ke as default
 };

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

@@ -3,10 +3,12 @@ import type { EditParameter, MeasureType, OpenParameter, MeasurePluginData, Meas
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
 import type { UserDistanceItem } from '../utils/dom/distanceItem';
 import type { Polyline } from '../Model/polyline';
+import type { ControllerParams } from './BaseController';
 import EditController from './EditController';
 import ViewController from './ViewController';
 import WatchController from './WatchController';
 import MixedController from './MixedController';
+import { Model } from '../Model';
 import type { Subscribe } from '../../shared-utils/Subscribe';
 import type { Five } from '@realsee/five';
 import { type UIControllerParams } from '../Modules/UIController';
@@ -26,6 +28,7 @@ export interface PanoMeasureParameterType extends Partial<Config> {
     useGuideController?: boolean | GuideControllerParams;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
+export type ModeControllerConstructor = new (params: ControllerParams) => WatchController | EditController | MixedController | ViewController;
 export default class PanoMeasureController extends BasePlugin.Controller<BasePlugin.State, BasePlugin.EventMap<BasePlugin.State> & PanoMeasurePluginEvent> {
     state: BasePlugin.State;
     hasOpen: boolean;
@@ -37,7 +40,7 @@ export default class PanoMeasureController extends BasePlugin.Controller<BasePlu
     allowMeasureType: Array<MeasureType>;
     /** 当前的测量类型 */
     currentMeasureType: MeasureType | null;
-    private model;
+    protected model: Model;
     private group;
     private config;
     private isMobile;
@@ -47,6 +50,9 @@ export default class PanoMeasureController extends BasePlugin.Controller<BasePlu
     private container;
     private shortcutKeyController?;
     constructor(five: Five, params: PanoMeasureParameterType);
+    protected createMagnifier(five: Five, options: MagnifierParameter): Magnifier;
+    protected createModeController(params: ControllerParams, Controller: ModeControllerConstructor): WatchController | EditController | MixedController | ViewController;
+    protected resetUIController(): void;
     appendTo(parent: HTMLElement): void;
     clear(): void;
     dispose(): void;
@@ -111,5 +117,5 @@ export default class PanoMeasureController extends BasePlugin.Controller<BasePlu
     changeConfigs(config: Config): void;
     /** 设置线段的文本 */
     setCustomText(lineID: string, text: string): void;
-    private createControllerParams;
+    protected createControllerParams(): ControllerParams;
 }

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -145,7 +145,7 @@ import "../Components/Tip.js";
 import "../../shared-utils/url/defaultUrls.js";
 class fi extends J {
   constructor(t, e) {
-    var l, m, h, a, g, y, C, M, w, P, v, b;
+    var l, h, m, a, g, y, C, M, w, P, v, b;
     super(t);
     o(this, "state", { enabled: !0 });
     o(this, "hasOpen", !1);
@@ -179,7 +179,7 @@ class fi extends J {
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
     o(this, "changeMode", (t) => {
-      var i, l, m, h, a;
+      var i, l, h, m, a;
       if (!this.hasOpen || this.getCurrentMode() === t)
         return;
       (i = this.controller) == null || i.dispose();
@@ -192,7 +192,7 @@ class fi extends J {
       if (!e[t])
         throw new Error("不存在的 Mode");
       const r = this.createControllerParams();
-      this.controller = new e[t](r), t === "View" ? ((l = this.useUIController) == null || l.hide(), (m = this.useGuideController) == null || m.hide()) : ((h = this.useUIController) == null || h.show(), (a = this.useGuideController) == null || a.show()), this.hook.emit("modeChange", t);
+      this.controller = this.createModeController(r, e[t]), t === "View" ? ((l = this.useUIController) == null || l.hide(), (h = this.useGuideController) == null || h.hide()) : ((m = this.useUIController) == null || m.show(), (a = this.useGuideController) == null || a.show()), this.hook.emit("modeChange", t);
     });
     /**
      * @description: 切换测量的类型
@@ -200,9 +200,9 @@ class fi extends J {
     o(this, "changeMeasureType", (t) => {
       this.currentMeasureType = t, this.hook.emit("measureTypeChange", t);
     });
-    this.five = t, this.hook = this.hooks, this.params = e, this.config = O(e, ["openParams", "magnifierParams"]), this.model = new W(this.config), this.isMobile = (m = (l = e == null ? void 0 : e.openParams) == null ? void 0 : l.isMobile) != null ? m : !1, this.magnifier = new j(
+    this.five = t, this.hook = this.hooks, this.params = e, this.config = O(e, ["openParams", "magnifierParams"]), this.model = new W(this.config), this.isMobile = (h = (l = e == null ? void 0 : e.openParams) == null ? void 0 : l.isMobile) != null ? h : !1, this.magnifier = this.createMagnifier(
       t,
-      (y = (g = e.magnifierParams) != null ? g : (a = (h = e.pointSelectorConfig) == null ? void 0 : h.helper) == null ? void 0 : a.magnifierParams) != null ? y : { width: 190, height: 190, scale: 2 }
+      (y = (g = e.magnifierParams) != null ? g : (a = (m = e.pointSelectorConfig) == null ? void 0 : m.helper) == null ? void 0 : a.magnifierParams) != null ? y : { width: 190, height: 190, scale: 2 }
     ), this.allowMeasureType = Array.from(new Set((M = (C = e.editParams) == null ? void 0 : C.allowMeasureType) != null ? M : ["line"])), this.currentMeasureType = (w = this.allowMeasureType[0]) != null ? w : "line", this.group = new V(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.visibility = "hidden", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0", this.container.style.zIndex = "1";
     const r = (v = (P = e.editParams) == null ? void 0 : P.pointSelectorMode) != null ? v : F ? "fixed" : "cursor", i = (b = this.params.openParams) != null ? b : {};
     if (this.params.useUIController !== !1) {
@@ -224,6 +224,16 @@ class fi extends J {
       this.useGuideController = new K(this, d);
     }
   }
+  createMagnifier(t, e) {
+    return new j(t, e);
+  }
+  createModeController(t, e) {
+    return new e(t);
+  }
+  resetUIController() {
+    var t, e;
+    (t = this.useUIController) == null || t.hide(), (e = this.useUIController) == null || e.show();
+  }
   appendTo(t) {
     t.append(this.container);
   }

package/libs/PanoMeasurePlugin/Modules/rangePiece/index.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five, Intersection, IntersectMeshInterface } from '@realsee/five';
 import type { Group } from 'three';
 import type { Model } from '../../Model';
 import type { PanoMeasurePluginEvent } from '../../typings/event.type';
@@ -22,21 +22,21 @@ export default class RangePieceController {
     private hook;
     private content;
     private intersectMesh;
-    private centerMouseXY;
+    protected centerMouseXY: any;
     private raycaster;
     private pieceStyl;
     constructor(params: RangePieceControllerParams);
     dispose(): void;
-    private onCameraDirectionUpdate;
+    protected onCameraDirectionUpdate: () => void;
     private onWillChangeState;
     /** 计算目标中心点经纬度 */
     private computedCenterMouseXY;
     /** 计算目标中心点intersection */
-    private getIntersection;
+    protected getIntersection(): Intersection;
     private pieceChange;
     private calculateSize;
     /** 点击按钮时圆片动画 */
     private dotAnimation;
     private changePieceStyl;
-    private updateMouseGroup;
+    protected updateMouseGroup(intersection: Intersection, mesh?: IntersectMeshInterface): Group;
 }

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

@@ -9,7 +9,7 @@ var l = (a, t, e) => t in a ? y(a, t, { enumerable: !0, configurable: !0, writab
       S.call(t, e) && l(a, e, t[e]);
   return a;
 };
-var i = (a, t, e) => (l(a, typeof t != "symbol" ? t + "" : t, e), e);
+var s = (a, t, e) => (l(a, typeof t != "symbol" ? t + "" : t, e), e);
 import { Raycaster as M, Mesh as v, RingGeometry as G, MeshBasicMaterial as C, DoubleSide as w } from "three";
 import p from "../../Model/point.js";
 import { exports as f } from "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -23,22 +23,22 @@ import "../../../shared-utils/uuid.js";
 class F {
   // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
   constructor(t) {
-    i(this, "container", document.createElement("div"));
-    i(this, "five");
-    i(this, "group");
-    i(this, "mouseGroup");
-    i(this, "hasAppendMouseGroup", !1);
-    i(this, "hook");
-    i(this, "content");
-    i(this, "intersectMesh");
-    i(this, "centerMouseXY");
-    i(this, "raycaster", new M());
-    i(this, "pieceStyl", {
+    s(this, "container", document.createElement("div"));
+    s(this, "five");
+    s(this, "group");
+    s(this, "mouseGroup");
+    s(this, "hasAppendMouseGroup", !1);
+    s(this, "hook");
+    s(this, "content");
+    s(this, "intersectMesh");
+    s(this, "centerMouseXY");
+    s(this, "raycaster", new M());
+    s(this, "pieceStyl", {
       matrix3d: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
       scale: 1,
       opacity: 0.4
     });
-    i(this, "onCameraDirectionUpdate", () => {
+    s(this, "onCameraDirectionUpdate", () => {
       const t = this.getIntersection();
       if (t) {
         this.pieceChange(t), this.updateMouseGroup(t);
@@ -46,28 +46,20 @@ class F {
         this.hook.emit("nowPointChange", e);
       }
     });
-    i(this, "onWillChangeState", (t, e) => {
-      var s;
+    s(this, "onWillChangeState", (t, e) => {
+      var i;
       this.dotAnimation();
-      const o = (s = this.getIntersection()) == null ? void 0 : s.point;
+      const o = (i = this.getIntersection()) == null ? void 0 : i.point;
       o && (e === "editing" ? this.hook.emit("getStartPoint", new p(o)) : this.hook.emit("getEndPoint", new p(o)));
     });
     /** 计算目标中心点经纬度 */
-    i(this, "computedCenterMouseXY", () => {
+    s(this, "computedCenterMouseXY", () => {
       const t = this.container.querySelector(".range-piece__aim");
       if (!t)
         return null;
-      const { left: e, top: o, width: s, height: n } = t.getBoundingClientRect(), r = Math.round(e + s / 2), c = Math.round(o + n / 2), h = X({ x: r, y: c }, this.five.getElement());
+      const { left: e, top: o, width: i, height: n } = t.getBoundingClientRect(), r = Math.round(e + i / 2), c = Math.round(o + n / 2), h = X({ x: r, y: c }, this.five.getElement());
       this.centerMouseXY = h;
     });
-    /** 计算目标中心点intersection */
-    i(this, "getIntersection", () => {
-      if (!this.centerMouseXY)
-        return null;
-      this.raycaster.setFromCamera(this.centerMouseXY, this.five.camera);
-      const t = Y(this.five).intersectRaycaster(this.raycaster)[0];
-      return t || null;
-    });
     this.five = t.five, this.hook = t.hook, this.group = t.group, this.mouseGroup = A(d({ isMobile: !0 }, t.openParams.crossHairParameter)), this.container.innerHTML = P, this.container.classList.add("range-piece-controller"), this.content = this.container.querySelector(".range-piece__content"), this.content && (this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`), t.container.append(this.container), this.intersectMesh = new v(
       new G(0.04, 0.08, 32),
       new C({ color: 1245179, opacity: 0, side: w, transparent: !0 })
@@ -76,6 +68,14 @@ class F {
   dispose() {
     this.container.removeEventListener("animationend", this.computedCenterMouseXY), this.five.off("cameraUpdate", this.onCameraDirectionUpdate), this.hook.off("willChangeState", this.onWillChangeState), this.container.remove(), this.group.remove(this.mouseGroup), this.mouseGroup.remove(), this.hasAppendMouseGroup = !1, this.five.scene.remove(this.intersectMesh);
   }
+  /** 计算目标中心点intersection */
+  getIntersection() {
+    if (!this.centerMouseXY)
+      return null;
+    this.raycaster.setFromCamera(this.centerMouseXY, this.five.camera);
+    const t = Y(this.five).intersectRaycaster(this.raycaster)[0];
+    return t || null;
+  }
   pieceChange(t) {
     const e = t.face, o = t.point;
     if (e && o) {
@@ -94,19 +94,19 @@ class F {
       return;
     const e = this.five.camera.position;
     let o = t.distanceTo(e);
-    const s = 4, n = 1;
-    return o > s && (o = s), o < n && (o = n), -0.51 / (s - n) * o + 1;
+    const i = 4, n = 1;
+    return o > i && (o = i), o < n && (o = n), -0.51 / (i - n) * o + 1;
   }
   /** 点击按钮时圆片动画 */
   dotAnimation() {
     const t = f.Easing.Quadratic.InOut, e = { opacity: 0.4, scale: this.pieceStyl.scale }, o = { opacity: [1, 0.4], scale: [this.pieceStyl.scale * 0.8, this.pieceStyl.scale] };
-    let s = x;
+    let i = x;
     const n = new f.Tween(e).to(o, 500).easing(t).start(0).onUpdate(({ opacity: r, scale: c }) => {
       this.changePieceStyl("scale", c), this.changePieceStyl("opacity", r);
     }).onComplete(() => {
-      s();
+      i();
     });
-    s = k((r) => {
+    i = k((r) => {
       n.update(r);
     });
   }
@@ -124,7 +124,7 @@ class F {
     if (this.mouseGroup.position.copy(t.point), e)
       this.mouseGroup.quaternion.copy(e.quaternion);
     else if (t.face) {
-      const s = t.face.normal.clone().multiplyScalar(0.05), r = t.point.clone().add(s).clone().add(s);
+      const i = t.face.normal.clone().multiplyScalar(0.05), r = t.point.clone().add(i).clone().add(i);
       this.mouseGroup.lookAt(r);
     }
     return this.mouseGroup;

package/libs/PanoMeasurePluginV2/Controller.d.ts

@@ -0,0 +1,34 @@
+import type { Five } from '@realsee/five';
+import PanoMeasureController, { type ModeControllerConstructor, type PanoMeasureParameterType } from '../PanoMeasurePlugin/Controller';
+import EditController from '../PanoMeasurePlugin/Controller/EditController';
+import MixedController from '../PanoMeasurePlugin/Controller/MixedController';
+import WatchController from '../PanoMeasurePlugin/Controller/WatchController';
+import type { ControllerParams } from '../PanoMeasurePlugin/Controller/BaseController';
+import { PanoMagnifier } from './PointSelector';
+import { type EdgeSnapOptions } from '../MeasurePluginV2/edgeSnap';
+import type { MagnifierParameter } from '../shared-utils';
+export type PanoMeasurePluginV2Config = PanoMeasureParameterType & {
+    edgeSnap?: boolean | EdgeSnapOptions;
+};
+/** Reuses panorama modes, events, models and serialization; only V2 picking changes. */
+export declare class PanoMeasureControllerV2 extends PanoMeasureController {
+    private readonly edgeSnapOptions;
+    private mobileStyle?;
+    private readonly mixedSavedPolylineIDs;
+    private readonly magnifierOptions;
+    private magnifierReady;
+    constructor(five: Five, params?: PanoMeasurePluginV2Config);
+    get pointSelector(): import("./PointSelector").PanoPointSelector;
+    get lastEdgeSnapEdgeCount(): number;
+    get edgeSnapEnabled(): boolean;
+    setEdgeSnapEnabled(enabled: boolean): void;
+    clear(): void;
+    load(data: Parameters<PanoMeasureController['load']>[0]): void;
+    save(config?: Parameters<PanoMeasureController['save']>[0]): this;
+    removePolylineByID(id: string): void;
+    removePolyline(polyline: Parameters<PanoMeasureController['removePolyline']>[0]): void;
+    dispose(): void;
+    protected createControllerParams(): ControllerParams;
+    protected createMagnifier(five: Five, options: MagnifierParameter): PanoMagnifier;
+    protected createModeController(params: ControllerParams, Controller: ModeControllerConstructor): WatchController | EditController | MixedController | import("../PanoMeasurePlugin/Controller/ViewController").default;
+}

package/libs/PanoMeasurePluginV2/Controller.js

@@ -0,0 +1,120 @@
+var B = Object.defineProperty, U = Object.defineProperties;
+var V = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var R = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var c = (r, i, e) => i in r ? B(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e, n = (r, i) => {
+  for (var e in i || (i = {}))
+    R.call(i, e) && c(r, e, i[e]);
+  if (E)
+    for (var e of E(i))
+      k.call(i, e) && c(r, e, i[e]);
+  return r;
+}, s = (r, i) => U(r, V(i));
+var d = (r, i, e) => (c(r, typeof i != "symbol" ? i + "" : i, e), e);
+import W from "../PanoMeasurePlugin/Controller/index.js";
+import m from "../PanoMeasurePlugin/Controller/EditController.js";
+import w from "../PanoMeasurePlugin/Controller/MixedController.js";
+import j from "../PanoMeasurePlugin/Controller/WatchController.js";
+import { PanoMagnifier as D } from "./PointSelector.js";
+import { resolveEdgeSnapOptions as F } from "../MeasurePluginV2/edgeSnap.js";
+import { isTouchDevice as L } from "../shared-utils/isTouchDevice.js";
+import { PanoEditControllerV2 as h, PanoMixedControllerV2 as a, PanoWatchControllerV2 as O } from "./controllers.js";
+class Q extends W {
+  constructor(e, o = {}) {
+    var f, p, g, u, P, y, S, C, v, b, x, M, I;
+    const t = (p = (f = o.openParams) == null ? void 0 : f.isMobile) != null ? p : L, l = s(n({}, o), {
+      openParams: s(n({}, o.openParams), { isMobile: t }),
+      editParams: s(n({}, o.editParams), { pointSelectorMode: (u = (g = o.editParams) == null ? void 0 : g.pointSelectorMode) != null ? u : t ? "fixed" : "cursor", autoEndConfig: t ? n({ line: 2 }, (P = o.editParams) == null ? void 0 : P.autoEndConfig) : (y = o.editParams) == null ? void 0 : y.autoEndConfig }),
+      useUIController: t && o.useUIController !== !1 ? n({ useNewUI: !0, mode: "mobile" }, typeof o.useUIController == "object" ? o.useUIController : {}) : o.useUIController,
+      pointSelectorConfig: s(n({}, o.pointSelectorConfig), {
+        helper: s(n({}, (S = o.pointSelectorConfig) == null ? void 0 : S.helper), {
+          magnifierParams: n(n(n({}, t ? { width: 150, height: 150, dragEnabled: !1, autoFixPCPosition: !1, initialPosition: { left: "12px", top: "12px" } } : {}), o.magnifierParams), (v = (C = o.pointSelectorConfig) == null ? void 0 : C.helper) == null ? void 0 : v.magnifierParams)
+        })
+      })
+    });
+    super(e, l);
+    d(this, "edgeSnapOptions");
+    d(this, "mobileStyle");
+    d(this, "mixedSavedPolylineIDs", /* @__PURE__ */ new WeakMap());
+    d(this, "magnifierOptions");
+    d(this, "magnifierReady");
+    this.edgeSnapOptions = F(o.edgeSnap), this.magnifierOptions = (I = (M = l.magnifierParams) != null ? M : (x = (b = l.pointSelectorConfig) == null ? void 0 : b.helper) == null ? void 0 : x.magnifierParams) != null ? I : { width: 190, height: 190, scale: 2 }, this.magnifierReady = !!e.renderer;
+  }
+  get pointSelector() {
+    const e = this.controller;
+    return e instanceof h || e instanceof a || e instanceof O ? e.selector : void 0;
+  }
+  get lastEdgeSnapEdgeCount() {
+    var e, o;
+    return (o = (e = this.pointSelector) == null ? void 0 : e.lastEdgeSnapEdgeCount) != null ? o : 0;
+  }
+  get edgeSnapEnabled() {
+    return this.edgeSnapOptions.enabled;
+  }
+  setEdgeSnapEnabled(e) {
+    var o, t;
+    this.edgeSnapOptions.enabled = e, (o = this.pointSelector) == null || o.resetSnap(), this.controller instanceof a ? this.controller.refreshPoint() : (t = this.pointSelector) == null || t.refresh(), this.five.needsRender = !0;
+  }
+  clear() {
+    const e = this.controller instanceof h ? m : this.controller instanceof a ? w : void 0;
+    if (e) {
+      const o = e === m ? "Edit" : "Mixed";
+      this.controller.dispose(), super.clear(), this.controller = this.createModeController(this.createControllerParams(), e), this.hooks.emit("modeChange", o), this.resetUIController();
+      return;
+    }
+    super.clear();
+  }
+  load(e) {
+    this.hasOpen && (this.save({ mode: "View" }), this.changeMode("View")), super.load(e);
+  }
+  save(e) {
+    var o;
+    if (this.controller instanceof a) {
+      const t = this.controller.model;
+      for (const l of (o = this.mixedSavedPolylineIDs.get(this.controller)) != null ? o : [])
+        t.getPolylineByID(l) || this.removePolylineByID(l);
+      for (const l of t.polylines)
+        this.model.getPolylineByID(l.id) || this.model.addPolyline(l);
+      this.mixedSavedPolylineIDs.set(this.controller, new Set(t.polylines.map((l) => l.id)));
+    }
+    return super.save(e);
+  }
+  removePolylineByID(e) {
+    var t;
+    const o = (t = this.model.getPolylineByID(e)) != null ? t : this.controller instanceof a ? this.controller.model.getPolylineByID(e) : void 0;
+    o && this.removePolyline(o);
+  }
+  removePolyline(e) {
+    if (this.controller instanceof a) {
+      const o = this.controller.model.getPolylineByID(e.id);
+      o && this.controller.model.removePolyline(o);
+    }
+    super.removePolyline(e);
+  }
+  dispose() {
+    var e;
+    super.dispose(), (e = this.mobileStyle) == null || e.remove(), this.mobileStyle = void 0;
+  }
+  createControllerParams() {
+    const e = super.createControllerParams();
+    return e.container.classList.add("pano-measure-v2-container"), this.mobileStyle || (this.mobileStyle = document.createElement("style"), this.mobileStyle.textContent = `
+        @media (max-height: 500px) and (pointer: coarse) {
+          .pano-measure-v2-container .Measure-Controller .bottom .center {
+            align-items: flex-end; margin-bottom: 12px; padding-right: 12px;
+          }
+          .pano-measure-v2-container .Measure-Controller .main-button { margin-inline: 0; }
+        }
+      `, e.container.append(this.mobileStyle)), e;
+  }
+  createMagnifier(e, o) {
+    return new D(e, o);
+  }
+  createModeController(e, o) {
+    this.magnifierReady || (this.magnifier.dispose(), this.magnifier = new D(e.five, this.magnifierOptions), this.magnifierReady = !0, e = s(n({}, e), { magnifier: this.magnifier }));
+    const t = s(n({}, e), { edgeSnapOptions: this.edgeSnapOptions });
+    return o === m ? new h(t) : o === w ? new a(t) : o === j ? new O(t) : super.createModeController(e, o);
+  }
+}
+export {
+  Q as PanoMeasureControllerV2
+};

package/libs/PanoMeasurePluginV2/PointSelector.d.ts

@@ -0,0 +1,32 @@
+import type { Five } from '@realsee/five';
+import { MeasurePointSelector } from '../MeasurePluginV2/PointSelector';
+import { MeasureMagnifier } from '../MeasurePluginV2/Magnifier';
+import { type ResolvedEdgeSnapOptions } from '../MeasurePluginV2/edgeSnap';
+import type { PointIntersection, PointSelectorConfig } from '../shared-utils/three/PointSelector';
+/** The panorama entry uses the same snapping engine as spatial measurement V2. */
+declare class PanoMagnifier extends MeasureMagnifier {
+    appendTo(element: Element): this;
+}
+export { PanoMagnifier };
+export declare class PanoPointSelector extends MeasurePointSelector {
+    private readonly sharedMagnifier?;
+    private readonly refreshManualInput?;
+    private readonly edgeCache;
+    private suppliedNdc?;
+    private overlayMagnifier?;
+    lastEdgeSnapEdgeCount: number;
+    private readonly onModifiersChanged;
+    private readonly onWindowBlur;
+    constructor(five: Five, config: PointSelectorConfig, edgeOptions: ResolvedEdgeSnapOptions, sharedMagnifier?: MeasureMagnifier, refreshManualInput?: () => void);
+    protected get mouseNdcPosition(): {
+        x: number;
+        y: number;
+    };
+    /** Resolve fixed-center and endpoint-drag input without installing another pointer listener. */
+    resolveIntersection<T extends PointIntersection>(intersection: T | null, ndc: {
+        x: number;
+        y: number;
+    }): T & PointIntersection;
+    resetSnap(): void;
+    dispose(): void;
+}