@realsee/dnalogel 2.3.9-alpha.8 → 2.5.0

package/libs/PanoMeasurePlugin/Modules/Magnifier.d.ts

@@ -3,11 +3,7 @@ import Hammer from 'hammerjs';
 import * as THREE from 'three';
 import { Subscribe, SubscribeEventMap } from '@realsee/five';
 interface MagnifierEvent extends SubscribeEventMap {
-    wantsPanGesture: (data: {
-        deltaX: number;
-        deltaY: number;
-        srcEvent: typeof Hammer['Input'];
-    }) => boolean;
+    wantsPanGesture: (event: typeof Hammer['Input']) => boolean;
 }
 /** 放大镜配置参数 */
 export interface MagnifierParameter {
@@ -24,36 +20,53 @@ export interface MagnifierParameter {
         top: string;
     };
 }
+export interface MagnifierState {
+    enabled: boolean;
+}
 export default class Magnifier {
     width: number;
     height: number;
-    visible: boolean;
+    containerDom?: Element;
     hooks: Subscribe<MagnifierEvent>;
-    contentDom: HTMLCanvasElement;
+    canvas: HTMLCanvasElement;
     private five;
     private scale;
-    private wrapper?;
     private config;
     private offset;
-    private canvas;
     private context;
     private renderCenter;
-    private lastPanEvent?;
     private hammer?;
+    private state;
+    private offsetRange?;
+    private isPanning;
     constructor(five: Five, options: MagnifierParameter);
     dispose(): void;
-    /** 移除放大镜 DOM */
-    remove(): void;
-    /** 清除放大镜渲染内容 */
-    clear(): void;
+    enable(): this;
+    disable(): this;
     /** 把放大镜放到某一个容器中 */
-    appendTo(element: Element): void;
+    appendTo(element: Element): this;
+    /** 清除放大镜渲染内容 */
+    clear(): this;
     /** 放大传入点位周围的内容 */
     renderWithPoint(point: THREE.Vector3): void;
+    /** 放大传入点位周围的内容 */
+    renderWithScreenPoint(point: {
+        x: number;
+        y: number;
+    }): void;
+    resetOffset(): void;
+    getCurrentState(): MagnifierState;
+    protected getRenderCenter(): THREE.Vector3 | {
+        x: number;
+        y: number;
+    };
+    private _appendTo;
     private autoFixPCPosition;
     private render;
     private initStyle;
+    private getPanOffset;
+    private onPanstart;
     private onPan;
-    private onPanEnd;
+    private onPanend;
 }
 export {};

package/libs/PanoMeasurePlugin/Modules/Magnifier.js

@@ -1,95 +1,139 @@
-var P = Object.defineProperty;
-var w = (a, t, e) => t in a ? P(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var s = (a, t, e) => (w(a, typeof t != "symbol" ? t + "" : t, e), e);
-import E from "hammerjs";
-import * as y from "three";
-import { Subscribe as b } from "@realsee/five";
-function g(a, t, e) {
-  const n = a[t];
-  a[t] = a[e], a[e] = n;
+var p = Object.defineProperty;
+var C = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => (C(r, typeof t != "symbol" ? t + "" : t, e), e);
+import b from "hammerjs";
+import * as l from "three";
+import { Subscribe as w } from "@realsee/five";
+function d(r, t, e) {
+  const s = r[t], i = r[e];
+  s === void 0 || i === void 0 || (r[t] = i, r[e] = s);
 }
-function C(a, t, e) {
-  const n = e / 2;
-  for (let i = 1; i <= n; i++) {
+function R(r, t, e) {
+  const s = e / 2;
+  for (let i = 1; i <= s; i++) {
     const h = e - (i - 1);
-    for (let r = 1; r <= t; r++) {
-      const l = (i - 1) * t + r - 1, o = (h - 1) * t + r - 1;
-      g(a, l * 4 + 0, o * 4 + 0), g(a, l * 4 + 1, o * 4 + 1), g(a, l * 4 + 2, o * 4 + 2), g(a, l * 4 + 3, o * 4 + 3);
+    for (let a = 1; a <= t; a++) {
+      const o = (i - 1) * t + a - 1, f = (h - 1) * t + a - 1;
+      d(r, o * 4 + 0, f * 4 + 0), d(r, o * 4 + 1, f * 4 + 1), d(r, o * 4 + 2, f * 4 + 2), d(r, o * 4 + 3, f * 4 + 3);
     }
   }
 }
-class H {
+class S {
   constructor(t, e) {
-    s(this, "width");
-    s(this, "height");
-    s(this, "visible", !1);
-    s(this, "hooks", new b());
-    s(this, "contentDom", document.createElement("canvas"));
-    s(this, "five");
-    s(this, "scale");
-    s(this, "wrapper");
-    s(this, "config");
-    s(this, "offset", { x: 0, y: 0 });
-    s(this, "canvas", this.contentDom);
-    s(this, "context");
-    s(this, "renderCenter", new y.Vector3());
-    s(this, "lastPanEvent");
-    s(this, "hammer");
-    s(this, "onPan", (t) => {
-      var c, d, f, x;
-      if (!this.wrapper)
-        return;
-      const e = (d = (c = this.lastPanEvent) == null ? void 0 : c.deltaX) != null ? d : 0, n = (x = (f = this.lastPanEvent) == null ? void 0 : f.deltaY) != null ? x : 0, i = t.deltaX - e, h = t.deltaY - n;
-      if (this.lastPanEvent = t, this.hooks.emit("wantsPanGesture", { srcEvent: t, deltaX: i, deltaY: h }))
+    n(this, "width");
+    n(this, "height");
+    n(this, "containerDom");
+    n(this, "hooks", new w());
+    n(this, "canvas", document.createElement("canvas"));
+    n(this, "five");
+    n(this, "scale");
+    n(this, "config");
+    n(this, "offset", { x: 0, y: 0 });
+    n(this, "context");
+    n(this, "renderCenter", new l.Vector3());
+    n(this, "hammer");
+    n(this, "state", { enabled: !1 });
+    n(this, "offsetRange");
+    n(this, "isPanning", !1);
+    n(this, "onPanstart", () => {
+      this.isPanning = !0, this.canvas.style.boxShadow = "0 2px 30px 0 rgba(0,0,0,0.20)";
+    });
+    n(this, "onPan", (t) => {
+      if (!this.isPanning || !this.offsetRange || this.hooks.emit("wantsPanGesture", t))
         return;
-      const l = this.offset.x + i, o = this.offset.y + h;
-      this.contentDom.style.boxShadow = "0 2px 30px 0 rgba(0,0,0,0.20)", this.canvas.style.transform = `translate3d(${l}px, ${o}px, 100px)`, this.offset = { x: l, y: o };
+      const { translateX: s, translateY: i } = this.getPanOffset(t, this.offsetRange);
+      this.canvas.style.transform = `translate3d(${s}px, ${i}px, 100px)`;
     });
-    s(this, "onPanEnd", (t) => {
-      this.lastPanEvent = void 0, this.contentDom.style.boxShadow = "none";
+    n(this, "onPanend", (t) => {
+      if (this.isPanning = !1, this.canvas.style.boxShadow = "none", !this.offsetRange)
+        return;
+      const { translateX: e, translateY: s } = this.getPanOffset(t, this.offsetRange);
+      this.canvas.style.transform = `translate3d(${e}px, ${s}px, 100px)`, this.offset = { x: e, y: s };
     });
-    var i, h, r;
+    var i, h, a;
     if (!t.renderer)
       throw new Error("Five Render \u672A\u521D\u59CB\u5316");
-    this.five = t, this.scale = (i = e == null ? void 0 : e.scale) != null ? i : 2, this.width = (h = e == null ? void 0 : e.width) != null ? h : 190, this.height = (r = e == null ? void 0 : e.height) != null ? r : 190, this.config = {
+    this.five = t, this.scale = (i = e == null ? void 0 : e.scale) != null ? i : 2, this.width = (h = e == null ? void 0 : e.width) != null ? h : 190, this.height = (a = e == null ? void 0 : e.height) != null ? a : 190, this.config = {
       dragEnabled: (e == null ? void 0 : e.dragEnabled) || !1,
       autoFixPCPosition: (e == null ? void 0 : e.autoFixPCPosition) || !1,
       initialPosition: (e == null ? void 0 : e.initialPosition) || { left: "0", top: "0" }
     };
-    const n = this.canvas.getContext("2d");
-    if (!n)
+    const s = this.canvas.getContext("2d");
+    if (!s)
       throw new Error("CANNOT CREATE CONTEXT2D");
-    this.context = n, this.config.dragEnabled && (this.hammer = new E(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panend", this.onPanEnd));
+    this.context = s, this.config.dragEnabled && (this.hammer = new b(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panstart", this.onPanstart), this.hammer.on("panend", this.onPanend)), this.initStyle();
   }
   dispose() {
     var t;
-    this.clear(), this.remove(), (t = this.hammer) == null || t.destroy();
+    this.clear(), this.disable(), (t = this.hammer) == null || t.destroy();
   }
-  remove() {
-    this.canvas.remove(), this.visible = !1;
+  enable() {
+    if (!this.state.enabled)
+      return this.state.enabled = !0, this.containerDom && this._appendTo(this.containerDom), this;
   }
-  clear() {
-    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+  disable() {
+    if (!!this.state.enabled)
+      return this.state.enabled = !1, this.canvas.remove(), this;
   }
   appendTo(t) {
-    this.wrapper = t, this.initStyle(), t.append(this.canvas), this.visible = !0;
+    return this.containerDom = t, this.state.enabled && this._appendTo(t), this;
+  }
+  clear() {
+    return this.context.clearRect(0, 0, this.canvas.width, this.canvas.height), this;
   }
   renderWithPoint(t) {
-    !this.wrapper || (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
+    !this.containerDom || !this.state.enabled || (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
+  }
+  renderWithScreenPoint(t) {
+    !this.containerDom || !this.state.enabled || (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
+  }
+  resetOffset() {
+    this.offset = { x: 0, y: 0 }, this.canvas.style.transform = `translate3d(${0}px, ${0}px, 100px)`;
+  }
+  getCurrentState() {
+    return { enabled: this.state.enabled };
+  }
+  getRenderCenter() {
+    return this.renderCenter;
+  }
+  _appendTo(t) {
+    if (this.resetOffset(), t.appendChild(this.canvas), !this.offsetRange) {
+      const e = this.canvas.getBoundingClientRect(), s = t.getBoundingClientRect(), i = s.right - e.right, h = s.bottom - e.bottom, a = s.left - e.left, o = s.top - e.top;
+      this.offsetRange = {
+        min: { x: a, y: o },
+        max: { x: i, y: h }
+      };
+    }
   }
   autoFixPCPosition() {
-    if (!this.wrapper)
+    if (!this.containerDom)
       return;
-    const { width: t, height: e } = this, n = this.renderCenter.clone().project(this.five.camera), i = (n.x + 1) / 2 * this.wrapper.clientWidth, h = -(n.x - 1) / 2 * this.wrapper.clientWidth, r = -(n.y - 1) / 2 * this.wrapper.clientHeight;
-    i < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = 90 + "px") : r < 183 ? (this.canvas.style.top = 90 + "px", this.canvas.style.left = -t / 2 + "px") : h < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${i}px, ${r}px, 10px)`, this.offset = { x: i, y: r };
+    const { width: t, height: e } = this, [s, i, h] = (() => {
+      if (this.renderCenter instanceof l.Vector3) {
+        const a = this.renderCenter.clone().project(this.five.camera);
+        return [
+          (a.x + 1) / 2 * this.containerDom.clientWidth,
+          -(a.x - 1) / 2 * this.containerDom.clientWidth,
+          -(a.y - 1) / 2 * this.containerDom.clientHeight
+        ];
+      } else
+        return [this.renderCenter.x, this.containerDom.clientWidth - this.renderCenter.x, this.renderCenter.y];
+    })();
+    s < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = 90 + "px") : h < 183 ? (this.canvas.style.top = 90 + "px", this.canvas.style.left = -t / 2 + "px") : i < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${s}px, ${h}px, 10px)`, this.offset = { x: s, y: h };
   }
   render() {
-    if (!this.five.renderer || !this.wrapper)
+    if (!this.five.renderer || !this.containerDom)
       return;
-    const { scale: t, context: e, width: n, height: i } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new y.Vector2()), l = 1, o = n / t, c = i / t, d = l * t, f = (h.x + 1) / 2 * r.x, x = (h.y + 1) / 2 * r.y, v = this.five.getPixels(f - o / 2, x - o / 2, o, c, d), p = Math.floor(n * l), m = Math.floor(i * l);
-    C(v, p, m);
-    const u = new ImageData(p, m);
-    u.data.set(v), e.putImageData(u, 0, 0);
+    const { scale: t, context: e, width: s, height: i } = this, h = this.five.renderer.getSize(new l.Vector2()), [a, o] = (() => {
+      if (this.renderCenter instanceof l.Vector3) {
+        const y = this.renderCenter.clone().project(this.five.camera);
+        return [(y.x + 1) / 2 * h.x, (y.y + 1) / 2 * h.y];
+      } else
+        return [this.renderCenter.x, h.y - this.renderCenter.y];
+    })(), f = 1, c = s / t, x = i / t, P = f * t, g = this.five.getPixels(a - c / 2, o - c / 2, c, x, P), m = Math.floor(s * f), u = Math.floor(i * f);
+    R(g, m, u);
+    const v = new ImageData(m, u);
+    v.data.set(g), e.putImageData(v, 0, 0);
   }
   initStyle() {
     const t = this.canvas;
@@ -97,7 +141,14 @@ class H {
     const e = 1;
     t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
   }
+  getPanOffset(t, e) {
+    const {
+      min: { x: s, y: i },
+      max: { x: h, y: a }
+    } = e, o = this.offset.x + t.deltaX, f = this.offset.y + t.deltaY, c = Math.min(Math.max(o, s), h), x = Math.min(Math.max(f, i), a);
+    return { translateX: c, translateY: x };
+  }
 }
 export {
-  H as default
+  S as default
 };

package/libs/PanoMeasurePlugin/Modules/UIController/HTML.js

@@ -114,7 +114,7 @@ const o = `
     </div>
     <div class="fpm__main fpm__main-btn">
       <div class="fpm__main-icon fpm__main__start"></div>
-      <div class="fpm__main-text fpm__main-btn-text"></div>
+      <div class="fpm__text fpm__main-text fpm__main-btn-text"></div>
     </div>
     <div class="fpm__other-btn">
       <div class="fpm__other-content fpm__exit">

package/libs/PanoMeasurePlugin/Modules/UIController/MainBtnController.js

@@ -2,7 +2,8 @@ var c = Object.defineProperty;
 var h = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var n = (s, e, t) => (h(s, typeof e != "symbol" ? e + "" : e, t), t);
 import { mainIconStyle as d, mainItemStyle as x } from "./style.js";
-class p {
+import "three";
+class T {
   constructor(e, t, i) {
     n(this, "container");
     n(this, "measureController");
@@ -23,10 +24,10 @@ class p {
       e.style.opacity = "0.85";
     });
     n(this, "onClick", () => {
-      this.measureController.getCurrentMode() === "Watch" ? this.measureController.changeMode("Edit") : this.measureController.save().changeMode("Watch");
+      this.measureController.getCurrentMode() !== "Edit" ? this.measureController.changeMode("Edit") : this.measureController.save().changeMode("Watch");
     });
     n(this, "modeChangeHandler", (e) => {
-      e === "Watch" ? this.change2Add() : this.change2Done();
+      e === "Edit" ? this.change2Done() : this.change2Add();
     });
     var o, r, _, l;
     this._params = i, this._btnTexts = {
@@ -69,5 +70,5 @@ class p {
   }
 }
 export {
-  p as MainBtnController
+  T as MainBtnController
 };

package/libs/PanoMeasurePlugin/Modules/UIController/Revoke/index.d.ts

@@ -1,4 +1,3 @@
-import type { Mode } from '../../../Controller';
 import type MeasureController from '../../../Controller';
 export default class Revoke {
     private container;
@@ -7,7 +6,7 @@ export default class Revoke {
     private measureController;
     constructor(measureController: MeasureController, container: Element);
     dispose(): void;
-    onClick: () => void;
-    onModeChange: (mode: Mode) => void;
-    handleRevoke: () => () => void;
+    private onClick;
+    private onModeChange;
+    private onAnchorChange;
 }

package/libs/PanoMeasurePlugin/Modules/UIController/Revoke/index.js

@@ -1,36 +1,36 @@
-var i = Object.defineProperty;
-var h = (r, e, o) => e in r ? i(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
-var t = (r, e, o) => (h(r, typeof e != "symbol" ? e + "" : e, o), o);
-class c {
-  constructor(e, o) {
-    t(this, "container");
-    t(this, "revokeIcon");
-    t(this, "revokeItem");
-    t(this, "measureController");
-    t(this, "onClick", () => {
+var h = Object.defineProperty;
+var i = (r, e, n) => e in r ? h(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var o = (r, e, n) => (i(r, typeof e != "symbol" ? e + "" : e, n), n);
+import "three";
+class l {
+  constructor(e, n) {
+    o(this, "container");
+    o(this, "revokeIcon");
+    o(this, "revokeItem");
+    o(this, "measureController");
+    o(this, "onClick", () => {
       this.measureController.revoke();
     });
-    t(this, "onModeChange", (e) => {
+    o(this, "onModeChange", (e) => {
       if (e !== "Edit" && this.revokeItem.className.includes("enabled")) {
-        this.revokeItem.classList.remove("enabled");
+        this.revokeItem.classList.remove("enabled"), this.measureController.hook.off("anchorChange", this.onAnchorChange);
         return;
       }
-      this.measureController.hook.on("anchorChange", (o) => {
-        o && this.revokeItem.classList.add("enabled");
-      });
+      this.measureController.hook.on("anchorChange", this.onAnchorChange);
     });
-    t(this, "handleRevoke", () => () => {
+    o(this, "onAnchorChange", (e) => {
+      e && this.revokeItem.classList.add("enabled");
     });
-    this.measureController = e, this.container = o;
-    const n = this.container.querySelector(".fpm__revoke-icon"), s = this.container.querySelector(".fpm__revoke");
-    if (!n || !s)
+    this.measureController = e, this.container = n;
+    const t = this.container.querySelector(".fpm__revoke-icon"), s = this.container.querySelector(".fpm__revoke");
+    if (!t || !s)
       throw new Error("\u4E0D\u6B63\u786E\u7684\u9009\u62E9\u5668");
-    this.revokeIcon = n, this.revokeItem = s, this.revokeItem.addEventListener("click", this.onClick), e.hook.on("modeChange", this.onModeChange);
+    this.revokeIcon = t, this.revokeItem = s, this.revokeItem.addEventListener("click", this.onClick), e.hook.on("modeChange", this.onModeChange);
   }
   dispose() {
     this.revokeItem.removeEventListener("click", this.onClick), this.measureController.hook.off("modeChange", this.onModeChange);
   }
 }
 export {
-  c as default
+  l as default
 };

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

@@ -1,8 +1,7 @@
 import type MeasureController from '../../Controller';
-import type { OpenParameter } from '../../typings/data';
 export interface UIControllerParams {
     container: Element;
-    openParams?: OpenParameter;
+    mode?: 'pc' | 'mobile';
     startButtonText?: string;
     endButtonText?: string;
     revokeButtonText?: string;

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

@@ -1,12 +1,13 @@
-var h = Object.defineProperty;
-var m = (s, t, e) => t in s ? h(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => (m(s, typeof t != "symbol" ? t + "" : t, e), e);
-import p from "./HTML.js";
-import d from "./mobileHTML.js";
-import { controllerBackgroundStyle as y, operatingSpaceStyle as u, uiWrapperStyle as f, textStyle as v, exitItemStyle as C, exitIconStyle as _ } from "./style.js";
-import { MainBtnController as b } from "./MainBtnController.js";
-import { MobileMainBtnController as E } from "./mobileMainBtnController.js";
-import S from "./Revoke/index.js";
+var c = Object.defineProperty;
+var h = (s, t, e) => t in s ? c(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => (h(s, typeof t != "symbol" ? t + "" : t, e), e);
+import m from "./HTML.js";
+import p from "./mobileHTML.js";
+import { controllerBackgroundStyle as d, operatingSpaceStyle as y, uiWrapperStyle as u, textStyle as f, exitItemStyle as v, exitIconStyle as C } from "./style.js";
+import { MainBtnController as _ } from "./MainBtnController.js";
+import { MobileMainBtnController as b } from "./mobileMainBtnController.js";
+import E from "./Revoke/index.js";
+import "three";
 class O {
   constructor(t, e) {
     i(this, "revoke");
@@ -20,7 +21,7 @@ class O {
       const t = this.container.querySelector(".fpm__exit-icon"), e = this.container.querySelector(".fpm__exit");
       if (!e || !t)
         throw new Error("cannot find dom");
-      this.mode === "pc" && (Object.assign(e.style, C), Object.assign(t == null ? void 0 : t.style, _));
+      this.mode === "pc" && (Object.assign(e.style, v), Object.assign(t == null ? void 0 : t.style, C));
       const o = () => {
         e.style.opacity = "1";
       }, r = () => {
@@ -32,16 +33,16 @@ class O {
         e.removeEventListener("click", n), e.removeEventListener("mouseenter", o), e.removeEventListener("mouseleave", r);
       };
     });
-    var l, a;
-    this._params = e, this.measureController = t, this.mode = (l = e.openParams) != null && l.isMobile ? "mobile" : "pc", this.container = document.createElement("div"), this.container.innerHTML = (a = e.openParams) != null && a.isMobile ? d : p, this.container.classList.add("fpm__ui-controller", this.mode), e.container.appendChild(this.container);
+    var a;
+    this._params = e, this.measureController = t, this.mode = (a = e.mode) != null ? a : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? p : m, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)", e.container.appendChild(this.container);
     const o = this.container.querySelectorAll(".fpm__text"), r = this.container.querySelector(".fpm_ui-bg"), n = this.container.querySelector(".fpm_operating-space");
-    Object.assign(r == null ? void 0 : r.style, y), Object.assign(n == null ? void 0 : n.style, u), Object.assign(this.container.style, f), o.forEach((c) => Object.assign(c.style, v));
+    Object.assign(r == null ? void 0 : r.style, d), Object.assign(n == null ? void 0 : n.style, y), Object.assign(this.container.style, u), o.forEach((l) => Object.assign(l.style, f));
   }
   dispose() {
     this.hide(), this.container.remove();
   }
   show() {
-    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new S(this.measureController, this.container), this.mainController = new b(this.measureController, this.container, this._params)) : this.mainController = new E(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
+    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new E(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new b(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
   }
   hide() {
     var t, e;

package/libs/PanoMeasurePlugin/Modules/UIController/mobileHTML.js

@@ -71,7 +71,7 @@ const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5
   <div class="fpm_operating-space fpm_operating--mobile">
     <div class="fpm__main fpm__main-btn">
       <div class="fpm__main-icon fpm__main__start"></div>
-      <div class="fpm__main-text fpm__main-btn-text"></div>
+      <div class="fpm__text fpm__main-text fpm__main-btn-text"></div>
     </div>
   </div>
 `;

package/libs/PanoMeasurePlugin/Modules/UIController/mobileMainBtnController.js

@@ -1,8 +1,9 @@
 var _ = Object.defineProperty;
 var r = (i, t, e) => t in i ? _(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var n = (i, t, e) => (r(i, typeof t != "symbol" ? t + "" : t, e), e);
-import { mainIconStyle as l, mainItemStyle as c } from "./style.js";
-class d {
+import { mainIconStyle as l, mainItemStyle as o } from "./style.js";
+import "three";
+class p {
   constructor(t, e, s) {
     n(this, "container");
     n(this, "measureController");
@@ -20,7 +21,7 @@ class d {
     this._params = s, this._btnTexts = {
       start: (a = this._params.startButtonText) != null ? a : this._btnTexts.start,
       end: (m = this._params.endButtonText) != null ? m : this._btnTexts.end
-    }, this.measureController = t, this.container = e, this.mainElement = this.getMainElement(), Object.assign(this.mainElement.mainIcon.style, l), Object.assign(this.mainElement.mainItem.style, c), this.change2Add(), this.mainElement.mainItem.addEventListener("click", this.onClick);
+    }, this.measureController = t, this.container = e, this.mainElement = this.getMainElement(), this.mainElement.mainIcon.setAttribute("style", "-webkit-tap-highlight-color: rgba(0,0,0,0);"), Object.assign(this.mainElement.mainIcon.style, l), Object.assign(this.mainElement.mainItem.style, o), this.change2Add(), this.mainElement.mainItem.addEventListener("click", this.onClick);
   }
   dispose() {
     this.mainElement.mainItem.removeEventListener("click", this.onClick);
@@ -49,5 +50,5 @@ class d {
   }
 }
 export {
-  d as MobileMainBtnController
+  p as MobileMainBtnController
 };

package/libs/PanoMeasurePlugin/Modules/UIController/style.js

@@ -1,4 +1,4 @@
-const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png", t = "//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png", a = "//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png", o = "//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png", n = "//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png", r = "//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png", s = "//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png", c = "//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png", l = {
+const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png", t = "//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png", a = "//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png", n = "//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png", o = "//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png", r = "//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png", s = "//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png", c = "//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png", l = {
   display: "none",
   position: "absolute",
   top: "0",
@@ -47,16 +47,16 @@ const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png",
   backgroundSize: "100%",
   cursor: "pointer"
 }, u = {
-  cursor: "default",
-  userSelect: "none"
+  userSelect: "none",
+  pointerEvents: "none"
 };
 export {
   e as addHoverImage,
   t as addNormalImage,
   a as cancelHoverImage,
-  o as cancelNormalImage,
+  n as cancelNormalImage,
   m as controllerBackgroundStyle,
-  n as doneHoverImage,
+  o as doneHoverImage,
   r as doneNormalImage,
   b as exitIconStyle,
   s as exitImage,

package/libs/PanoMeasurePlugin/index.d.ts

@@ -3,8 +3,12 @@ import MeasureController, { PanoMeasureParameterType } from './Controller';
 import Magnifier from './Modules/Magnifier';
 export declare const PanoMeasurePlugin: FivePlugin<PanoMeasureParameterType, PanoMeasureReturnType>;
 export default PanoMeasurePlugin;
+export { Magnifier };
+export { Model as PanoMeasurePluginModel } from './Model';
+export { default as PanoMeasurePluginPoint } from './Model/point';
+export { default as PanoMeasurePluginLine } from './Model/line';
+export { Polyline as PanoMeasurePluginPolyline } from './Model/polyline';
 export declare type PanoMeasureReturnType = MeasureController;
 export type { PanoMeasurePluginEvent } from './typings/event.type';
-export type { LineJson, PointJson, OpenParameter } from './typings/data';
+export type { LineJson as PanoMeasurePluginLineJson, PointJson as PanoMeasurePluginPointJson, PolylineJson as PanoMeasurePluginPolylineJson, OpenParameter as PanoMeasurePluginOpenParameter, } from './typings/data';
 export type { PanoMeasureParameterType } from './Controller';
-export { Magnifier };