@realsee/dnalogel 2.3.6 → 2.3.7-0

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

@@ -1,16 +1,41 @@
-import type Line from './line';
-import type Point from './point';
-import type { PolylineJson, PolylineCompletelyJson } from '../typings/data';
+import type { PolylineJson } from '../typings/data';
+import Line from './line';
+import Point from './point';
+import { Subscribe } from '@realsee/five';
+import { Model } from '.';
+export declare type PolylineEventMap = {
+    /** 新增线条
+     * @param line 被创建的线条
+     */
+    lineAdded: (line: Line) => void;
+    /** 删除线条
+     * @param lines 被删除的线条数组
+     */
+    lineRemoved: (lines: Line) => void;
+};
 export declare class Polyline {
-    readonly id: string;
+    id: string;
+    lines: Line[];
     points: Point[];
-    readonly lines: Line[];
-    push(line: Line): number;
-    pop(): Line;
-    getNext(line: Line): {
-        line: Line;
-        points: Point[];
-    };
+    visiblePanoIndexes?: number[];
+    readonly model: Model;
+    readonly type = "polyline";
+    readonly hook: Subscribe<PolylineEventMap>;
+    constructor(config: {
+        model: Model;
+    });
+    addLine(line: Line): void;
+    removeLine(line: Line): void;
+    isLastLine(line: Line): boolean;
+    getLastLine(): Line;
+    clear(): void;
+    /** 是否产生重叠 */
+    overlapWith(item: Point | Line | Polyline): boolean;
+    includes(item: Point | Line): boolean;
+    isEmpty(): boolean;
+    getLastPoint(): Point;
     toJson(): PolylineJson;
-    toCompletelyJson(): PolylineCompletelyJson;
+    getPointByID(id: string): Point;
+    fromJson(data: PolylineJson): this;
+    replace(polyline: Polyline): void;
 }

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -1,47 +1,100 @@
-var p = Object.defineProperty;
-var u = (s, t, i) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
-var n = (s, t, i) => (u(s, typeof t != "symbol" ? t + "" : t, i), i);
-import { uuid as l } from "../../shared-utils/uuid.js";
-class d {
-  constructor() {
-    n(this, "id", l());
-    n(this, "points", []);
-    n(this, "lines", []);
-  }
-  push(t) {
-    const i = this.getNext(t);
-    if (!i)
-      throw new Error("\u5F53\u524D\u7EBF\u6BB5\u4E8E\u4E0A\u4E00\u6761\u7EBF\u6BB5\u65E0\u6CD5\u6784\u6210\u6298\u7EBF");
-    return this.lines.push(i.line), this.points.push(...i.points), this.lines.length;
-  }
-  pop() {
-    const t = this.lines.pop();
-    return this.lines.length === 0 ? this.points.slice(0, this.points.length) : this.points.pop(), t;
-  }
-  getNext(t) {
-    const i = this.points.slice(-1)[0];
-    if (!i)
-      return { line: t, points: t.points };
-    if (!t.points.includes(i))
-      return null;
-    const o = t.points.find((e) => e !== i);
-    return o ? { line: t, points: [o] } : null;
+var a = Object.defineProperty;
+var P = (r, i, t) => i in r ? a(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
+var s = (r, i, t) => (P(r, typeof i != "symbol" ? i + "" : i, t), t);
+import { Line as E } from "./line.js";
+import { Point as B } from "./point.js";
+import { uuid as g } from "../../shared-utils/uuid.js";
+import { Subscribe as m } from "@realsee/five";
+class A {
+  constructor(i) {
+    s(this, "id", g());
+    s(this, "lines", []);
+    s(this, "points", []);
+    s(this, "visiblePanoIndexes");
+    s(this, "model");
+    s(this, "type", "polyline");
+    s(this, "hook", new m());
+    this.model = i.model;
+  }
+  addLine(i) {
+    if (this.includes(i)) {
+      console.error(new Error("\u4E0D\u80FD\u91CD\u590D\u6DFB\u52A0\u7EBF\u6BB5"));
+      return;
+    }
+    const t = this.getLastPoint(), h = t && i.findAnotherPoint(t);
+    t ? t && h ? (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i)) : console.error(new Error("\u4F20\u5165\u7EBF\u6BB5\u65E0\u6CD5\u4E0E\u5F53\u524D\u6298\u7EBF\u8FDB\u884C\u8FDE\u63A5")) : (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i));
+  }
+  removeLine(i) {
+    if (this.lines.length !== 0) {
+      if (!this.isLastLine(i)) {
+        console.error(new Error("\u4F20\u5165\u7EBF\u6BB5\u4E0D\u662F\u5F53\u524D\u6298\u7EBF\u7684\u6700\u540E\u4E00\u6BB5"));
+        return;
+      }
+      this.lines.pop(), this.lines.length === 0 ? this.points.slice(0, this.points.length) : this.points.pop(), this.hook.emit("lineRemoved", i);
+    }
+  }
+  isLastLine(i) {
+    const t = this.getLastLine();
+    return t ? i.id === t.id : !1;
+  }
+  getLastLine() {
+    return this.lines.slice(-1)[0];
+  }
+  clear() {
+    this.lines.slice(0, this.lines.length), this.points.slice(0, this.points.length);
+  }
+  overlapWith(i) {
+    return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((t) => this.includes(t)) : i.type === "polyline" ? i.points.some((t) => this.includes(t)) : !0;
+  }
+  includes(i) {
+    return i.type === "point" ? this.points.find(({ id: t }) => t === i.id) !== void 0 : i.type === "line" ? this.lines.find(({ id: t }) => t === i.id) !== void 0 : !1;
+  }
+  isEmpty() {
+    return this.points.length === 0;
+  }
+  getLastPoint() {
+    return this.points.slice(-1)[0];
   }
   toJson() {
     return {
       id: this.id,
-      lines: this.lines.map((t) => t.id),
-      points: this.points.map((t) => t.id)
+      lines: this.lines.map((i) => i.toJson()),
+      visiblePanoIndexes: this.visiblePanoIndexes
     };
   }
-  toCompletelyJson() {
-    return {
-      id: this.id,
-      points: this.points.map((t) => t.toJson()),
-      lines: this.lines.map((t) => t.toCompletelyJson())
-    };
+  getPointByID(i) {
+    return this.points.find(({ id: t }) => t === i);
+  }
+  fromJson(i) {
+    this.clear(), this.id = i.id;
+    const { getPoint: t, getAllPoints: h } = f(), d = i.lines.map((e) => {
+      const [l, p] = e.points, n = t(l), u = t(p);
+      if (!n || !u)
+        throw new Error("\u7EBF\u4E0A\u7684\u70B9\u4E0D\u5B58\u5728");
+      const o = new E(n, u, this.model);
+      return o.id = e.id, o.text = e.text, o;
+    }), c = h();
+    this.points.push(...c), this.lines.push(...d), this.visiblePanoIndexes = i.visiblePanoIndexes;
+    function f() {
+      const e = /* @__PURE__ */ new Map();
+      function l(n) {
+        const u = e.get(n.id);
+        if (u)
+          return u;
+        const o = new B(n.position);
+        return o.id = n.id, e.set(n.id, o), o;
+      }
+      function p() {
+        return Array.from(e.values());
+      }
+      return { getPoint: l, getAllPoints: p };
+    }
+    return this;
+  }
+  replace(i) {
+    this.id = i.id, this.clear(), this.lines.push(...i.lines), this.points.push(...i.points);
   }
 }
 export {
-  d as Polyline
+  A as Polyline
 };

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

@@ -11,6 +11,8 @@ export declare class GuideController {
     private textDom;
     private container;
     private hasAnchor;
+    /** 是否曾经切换到 Watch 模式过 */
+    private hasChangedToWatch;
     private _params;
     constructor(measureController: MeasureController, params: GuideControllerParams);
     dispose(): void;

package/libs/PanoMeasurePlugin/Modules/GuideController.js

@@ -1,30 +1,35 @@
 var s = Object.defineProperty;
-var o = (n, t, e) => t in n ? s(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var u = (n, t, e) => (o(n, typeof t != "symbol" ? t + "" : t, e), e);
+var o = (i, t, e) => t in i ? s(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var u = (i, t, e) => (o(i, typeof t != "symbol" ? t + "" : t, e), e);
 class h {
   constructor(t, e) {
     u(this, "measureController");
     u(this, "textDom", document.createElement("span"));
     u(this, "container", document.createElement("div"));
     u(this, "hasAnchor", !1);
+    u(this, "hasChangedToWatch", !1);
     u(this, "_params");
     u(this, "onModelChange", (t) => {
       var e;
+      if (t === "View") {
+        this.hide();
+        return;
+      }
       if (t === "Watch") {
-        this.textDom.innerText = "";
+        this.hasChangedToWatch ? (this.textDom.innerText = "", this.hide()) : (this.show(), this.hasChangedToWatch = !0);
         return;
       }
-      this.textDom.innerText = (e = this._params.firstPointTip) != null ? e : "\u8BF7\u9009\u62E9\u7B2C\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53EF\u53D6\u6D88\u9009\u62E9";
+      t === "Edit" && (this.textDom.innerText = (e = this._params.firstPointTip) != null ? e : "\u8BF7\u9009\u62E9\u7B2C\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53EF\u53D6\u6D88\u9009\u62E9", this.show());
     });
     u(this, "anchorChange", (t) => {
-      var e, i;
-      !this.hasAnchor && !!t ? (this.hasAnchor = !0, this.textDom.innerText = (e = this._params.nextPointTip) != null ? e : "\u9009\u62E9\u4E0B\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53D6\u6D88\u9009\u62E9") : t || (this.hasAnchor = !1, this.textDom.innerText = (i = this._params.firstPointTip) != null ? i : "\u8BF7\u9009\u62E9\u7B2C\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53EF\u53D6\u6D88\u9009\u62E9");
+      var e, n;
+      !this.hasAnchor && !!t ? (this.hasAnchor = !0, this.textDom.innerText = (e = this._params.nextPointTip) != null ? e : "\u9009\u62E9\u4E0B\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53D6\u6D88\u9009\u62E9") : t || (this.hasAnchor = !1, this.textDom.innerText = (n = this._params.firstPointTip) != null ? n : "\u8BF7\u9009\u62E9\u7B2C\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53EF\u53D6\u6D88\u9009\u62E9");
     });
     u(this, "onEditedLineChange", (t) => {
       var e;
-      t.length === 1 && (this.textDom.innerText = (e = this._params.endTip) != null ? e : "\u53EF\u4EE5\u8FDE\u7EED\u9009\u62E9\u6D4B\u91CF\u70B9\uFF0C\u6216\u70B9\u51FB\u4E0B\u65B9\u201C\u7ED3\u675F\u201D\u6309\u94AE\u5B8C\u6210\u6D4B\u91CF\uFF08Esc\u53D6\u6D88\uFF0CCommand+S\u4FDD\u5B58\uFF09");
+      t.lines.length === 1 && (this.textDom.innerText = (e = this._params.endTip) != null ? e : "\u53EF\u4EE5\u8FDE\u7EED\u9009\u62E9\u6D4B\u91CF\u70B9\uFF0C\u6216\u70B9\u51FB\u4E0B\u65B9\u201C\u7ED3\u675F\u201D\u6309\u94AE\u5B8C\u6210\u6D4B\u91CF\uFF08Esc\u53D6\u6D88\uFF0CCommand+S\u4FDD\u5B58\uFF09");
     });
-    this._params = e, this.initDom(), e.container.append(this.container), this.measureController = t, t.hook.on("modeChange", this.onModelChange), t.hook.on("anchorChange", this.anchorChange), t.hook.on("editedLineChange", this.onEditedLineChange);
+    this._params = e, this.initDom(), e.container.append(this.container), this.measureController = t, t.hook.on("modeChange", this.onModelChange), t.hook.on("anchorChange", this.anchorChange), t.hook.on("editedPolylineChange", this.onEditedLineChange);
   }
   dispose() {
     this.hide(), this.container.remove();
@@ -33,12 +38,12 @@ class h {
     return this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this;
   }
   hide() {
-    return this.container.style.opacity = "0", this.container.style.transform = "translate(0, -10px)", this.measureController.hook.off("modeChange", this.onModelChange), this.measureController.hook.off("anchorChange", this.anchorChange), this.measureController.hook.off("editedLineChange", this.onEditedLineChange), this;
+    return this.container.style.opacity = "0", this.container.style.transform = "translate(0, -10px)", this.measureController.hook.off("modeChange", this.onModelChange), this.measureController.hook.off("anchorChange", this.anchorChange), this.measureController.hook.off("editedPolylineChange", this.onEditedLineChange), this;
   }
   initDom() {
-    var i;
+    var n;
     const t = this.container, e = this.textDom;
-    t.classList.add("fpm__guide-container"), t.style.position = "absolute", t.style.top = "0px", t.style.left = "0px", t.style.width = "100%", t.style.height = "110px", t.style.display = "flex", t.style.alignItems = "center", t.style.justifyContent = "center", t.style.transform = "translate(0, -10px)", t.style.background = "linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 100%)", t.style.transition = "opacity 500ms ease-in-out, transform 500ms ease-in-out", t.style.opacity = "0", e.classList.add("fpm__guide-text"), e.style.color = "#fff", e.style.fontSize = "20px", e.innerText = (i = this._params.startTip) != null ? i : "\u70B9\u51FB\u4E0B\u65B9\u201C\u5F00\u59CB\u201D\u6309\u94AE\u5F00\u59CB\u6D4B\u8DDD", t.appendChild(e);
+    t.classList.add("fpm__guide-container"), t.style.position = "absolute", t.style.top = "0px", t.style.left = "0px", t.style.width = "100%", t.style.height = "110px", t.style.display = "flex", t.style.alignItems = "center", t.style.justifyContent = "center", t.style.transform = "translate(0, -10px)", t.style.background = "linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 100%)", t.style.transition = "opacity 500ms ease-in-out, transform 500ms ease-in-out", t.style.opacity = "0", e.classList.add("fpm__guide-text"), e.style.color = "#fff", e.style.fontSize = "20px", e.innerText = (n = this._params.startTip) != null ? n : "\u70B9\u51FB\u4E0B\u65B9\u201C\u5F00\u59CB\u201D\u6309\u94AE\u5F00\u59CB\u6D4B\u8DDD", t.appendChild(e);
   }
 }
 export {

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 a {
-  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 {
-  a as Revoke
+  l as Revoke
 };

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,26 +1,26 @@
-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 { htmlString as p } from "./HTML.js";
-import { mobileHTMLString as 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";
+var c = Object.defineProperty;
+var h = (i, t, e) => t in i ? c(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var s = (i, t, e) => (h(i, typeof t != "symbol" ? t + "" : t, e), e);
+import { htmlString as m } from "./HTML.js";
+import { mobileHTMLString as 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 E } from "./mobileMainBtnController.js";
 import { Revoke as S } from "./Revoke/index.js";
-class O {
+class w {
   constructor(t, e) {
-    i(this, "revoke");
-    i(this, "container");
-    i(this, "mainController");
-    i(this, "disposers", []);
-    i(this, "measureController");
-    i(this, "mode");
-    i(this, "_params");
-    i(this, "handleExit", () => {
+    s(this, "revoke");
+    s(this, "container");
+    s(this, "mainController");
+    s(this, "disposers", []);
+    s(this, "measureController");
+    s(this, "mode");
+    s(this, "_params");
+    s(this, "handleExit", () => {
       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 +32,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 l;
+    this._params = e, this.measureController = t, this.mode = (l = e.mode) != null ? l : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? p : m, this.container.classList.add("fpm__ui-controller", this.mode), 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((a) => Object.assign(a.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 S(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new E(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
   }
   hide() {
     var t, e;
@@ -49,5 +49,5 @@ class O {
   }
 }
 export {
-  O as UIController
+  w as UIController
 };

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 f {
   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(), 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
+  f as MobileMainBtnController
 };

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

@@ -21,7 +21,7 @@ const t = {
   pointerEvents: "all",
   color: "#fff",
   zIndex: "10"
-}, o = {
+}, n = {
   position: "absolute",
   bottom: "0",
   left: "0",
@@ -30,7 +30,7 @@ const t = {
   height: "184px",
   background: "linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",
   zIndex: "0"
-}, n = {
+}, o = {
   margin: "0 64px"
 }, i = {
   opacity: "0.85"
@@ -40,23 +40,23 @@ const t = {
   backgroundSize: "100%",
   cursor: "pointer",
   transition: "all 200ms ease-in-out"
-}, r = {
+}, s = {
   width: "24px",
   height: "24px",
   marginRight: "4px",
   backgroundSize: "100%",
   cursor: "pointer"
-}, s = {
-  cursor: "default",
-  userSelect: "none"
+}, r = {
+  userSelect: "none",
+  pointerEvents: "none"
 };
 export {
-  o as controllerBackgroundStyle,
-  r as exitIconStyle,
+  n as controllerBackgroundStyle,
+  s as exitIconStyle,
   i as exitItemStyle,
   a as mainIconStyle,
-  n as mainItemStyle,
+  o as mainItemStyle,
   e as operatingSpaceStyle,
-  s as textStyle,
+  r as textStyle,
   t as uiWrapperStyle
 };

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 };