@realsee/dnalogel 2.3.6-alpha.1 → 2.3.7-0

package/libs/PanoMeasurePlugin/Model/index.js

@@ -1,92 +1,69 @@
-var y = Object.defineProperty;
-var m = (o, i, n) => i in o ? y(o, i, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[i] = n;
-var r = (o, i, n) => (m(o, typeof i != "symbol" ? i + "" : i, n), n);
-import { Line as a } from "./line.js";
-import { Point as g } from "./point.js";
-import { Subscribe as B } from "@realsee/five";
-import { removeArrayItem as c } from "../../shared-utils/removeArrayItem.js";
-import { Polyline as f } from "./polyline.js";
-class v {
-  constructor(i) {
-    r(this, "lines", []);
-    r(this, "points", []);
-    r(this, "params");
-    r(this, "polylines", []);
-    r(this, "hook", new B());
-    this.params = i;
+var s = Object.defineProperty;
+var t = (l, e, i) => e in l ? s(l, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[e] = i;
+var n = (l, e, i) => (t(l, typeof e != "symbol" ? e + "" : e, i), i);
+import "three";
+import { Polyline as r } from "./polyline.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
+import { Subscribe as p } from "@realsee/five";
+class f {
+  constructor(e) {
+    n(this, "config");
+    n(this, "polylines", []);
+    n(this, "hook", new p());
+    this.config = e;
   }
-  addLine(i) {
-    const [n, t] = i.points;
-    if (!n || !t)
-      return this;
-    this.includes(n) || this.points.push(n), this.includes(t) || this.points.push(t), this.lines.push(i);
-    const e = this.polylines.find((s) => !!s.getNext(i));
-    if (e)
-      e.push(i);
-    else {
-      const s = new f();
-      s.push(i), this.polylines.push(s);
+  addPolyline(e) {
+    if (this.includes(e)) {
+      console.error(new Error("\u4E0D\u80FD\u91CD\u590D\u6DFB\u52A0 polyline"));
+      return;
     }
-    this.hook.emit("lineAdded", i);
+    this.polylines.push(e), this.hook.emit("polylineAdded", e);
   }
-  removeLineByID(i) {
-    const n = this.getLineByID(i);
-    n && this.removeLine(n);
+  replacePolylineByID(e, i) {
+    const o = this.getPolylineByID(e);
+    o == null || o.replace(i);
   }
-  removeLine(i) {
-    const n = this.polylines.find((s) => s.lines.includes(i));
-    if (n) {
-      if (n.lines.slice(-1)[0] !== i)
-        throw new Error("\u4E0D\u80FD\u4ECE\u4E2D\u95F4\u5220\u9664\u7EBF\u6BB5");
-      n.pop(), n.lines.length === 0 && c(n, this.polylines);
+  removePolyline(e) {
+    const i = this.polylines.findIndex(({ id: o }) => o === e.id);
+    if (i === -1) {
+      console.error(new Error("polyline \u4E0D\u5B58\u5728"));
+      return;
     }
-    const [t, e] = i.points;
-    return t.lines.length === 0 && c(t, this.points), e.lines.length === 0 && c(e, this.points), c(i, this.lines), i.clear(), this.hook.emit("lineRemoved", i), this;
+    this.polylines.splice(i, 1), this.hook.emit("polylineRemoved", e);
   }
-  mergeModel(i) {
-    i.lines.forEach((n) => this.addLine(n));
+  getPolylineByID(e) {
+    return this.polylines.find((i) => i.id === e);
   }
-  includes(i) {
-    if (i.type === "point")
-      return this.points.find(({ id: n }) => n === i.id) !== void 0;
-    if (i.type === "line")
-      return this.lines.find(({ id: n }) => n === i.id) !== void 0;
+  getPolylineByLine(e) {
+    return this.polylines.find((i) => i.includes(e));
   }
-  getPointByID(i) {
-    return this.points.find(({ id: n }) => n === i);
+  getLineByID(e) {
+    return this.getAllLines().find((i) => i.id === e);
   }
-  getLineByID(i) {
-    return this.lines.find(({ id: n }) => n === i);
+  getAllLines() {
+    return this.polylines.map((e) => e.lines).flat(1);
+  }
+  getAllPoints() {
+    return this.polylines.map((e) => e.points).flat(1);
+  }
+  includes(e) {
+    return this.polylines.find(({ id: i }) => i === e.id) !== void 0;
+  }
+  clear() {
+    this.polylines.forEach((e) => this.hook.emit("polylineRemoved", e)), this.polylines.splice(0, this.polylines.length);
   }
   getClosestPoint() {
   }
-  parse(i) {
-    const n = i.points.map(({ id: s, position: l }) => {
-      const p = new g(l);
-      return p.id = s, p;
-    }), t = i.lines.map((s) => {
-      const [l, p] = s.points, h = this.getPointByID.call({ points: n }, l), u = this.getPointByID.call({ points: n }, p);
-      if (!h || !u)
-        throw new Error("\u7EBF\u4E0A\u7684\u70B9\u4E0D\u5B58\u5728");
-      const d = new a(h, u, this);
-      return d.id = s.id, d;
-    }), e = i.polylines.map((s) => {
-      const l = new f();
-      return s.lines.forEach((p) => {
-        const h = t.find(({ id: u }) => u === p);
-        h && l.push(h);
-      }), l;
-    });
-    return this.points.splice(0, this.points.length, ...n), this.lines.splice(0, this.lines.length, ...t), this.polylines.splice(0, this.polylines.length, ...e), this;
+  parse(e) {
+    this.clear(), this.polylines.push(...e.polylines.map((i) => new r({ model: this }).fromJson(i))), this.polylines.forEach((i) => this.hook.emit("polylineAdded", i));
   }
   toJson() {
     return {
-      points: this.points.map((i) => i.toJson()),
-      lines: this.lines.map((i) => i.toJson()),
-      polylines: this.polylines.map((i) => i.toJson()).filter((i) => i.lines.length > 0)
+      polylines: this.polylines.map((e) => e.toJson()).filter((e) => e.lines.length > 0)
     };
   }
 }
 export {
-  v as Model
+  f as Model
 };

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

@@ -1,17 +1,18 @@
 import type { Model } from '.';
-import type Point from './point';
-import type { LineJson } from '..';
-import type { LineCompletelyJson } from '../typings/data';
+import Point from './point';
+import type { LineJson } from '../typings/data';
 import type { Line as FiveLine } from '@realsee/five/line';
 import { Polyline } from './polyline';
 import { Subscribe, SubscribeEventMap } from '@realsee/five';
 import { DistanceItem } from '../utils/distanceDom';
 export interface ILineHook extends SubscribeEventMap {
     selected: (line: Line) => void;
+    textChanged: (text: string | undefined) => void;
 }
 export default class Line {
     id: string;
     selected: boolean;
+    text?: string;
     readonly type = "line";
     readonly model: Model;
     readonly mesh: FiveLine;
@@ -22,9 +23,10 @@ export default class Line {
     private polyline?;
     constructor(point: Point, anotherPoint: Point, model: Model);
     clear(): void;
+    isEmpty(): boolean;
     getPolyline(): Polyline;
     findAnotherPoint(point: Point): Point;
+    setText(text: string | null): void;
     toJson(): LineJson;
-    toCompletelyJson(): LineCompletelyJson;
     clone(): Line;
 }

package/libs/PanoMeasurePlugin/Model/line.js

@@ -1,15 +1,16 @@
-var h = Object.defineProperty;
-var r = (s, i, t) => i in s ? h(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
-var e = (s, i, t) => (r(s, typeof i != "symbol" ? i + "" : i, t), t);
-import { uuid as m } from "../../shared-utils/uuid.js";
-import { Polyline as u } from "./polyline.js";
-import { createLineMesh as n } from "../utils/line.js";
-import { Subscribe as p } from "@realsee/five";
-import { createDistanceItem as d } from "../utils/distanceDom.js";
+var r = Object.defineProperty;
+var u = (s, t, i) => t in s ? r(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
+var e = (s, t, i) => (u(s, typeof t != "symbol" ? t + "" : t, i), i);
+import "three";
+import { uuid as c } from "../../shared-utils/uuid.js";
+import { createLineMesh as h } from "../utils/line.js";
+import { Subscribe as d } from "@realsee/five";
+import { createDistanceItem as m } from "../utils/distanceDom.js";
 class l {
-  constructor(i, t, o) {
+  constructor(t, i, o) {
     e(this, "id");
     e(this, "selected", !1);
+    e(this, "text");
     e(this, "type", "line");
     e(this, "model");
     e(this, "mesh");
@@ -18,37 +19,40 @@ class l {
     e(this, "hook");
     e(this, "distanceItem");
     e(this, "polyline");
-    if (this.id = m(), this.model = o, i.id === t.id)
+    var n;
+    if (this.id = c(), this.model = o, t.id === i.id)
       throw new Error("\u65E0\u6548\u7684\u7EBF\u6BB5, \u4E00\u4E2A\u70B9\u65E0\u6CD5\u6784\u6210\u7EBF\u6BB5");
-    this.hook = new p(), this.points = [i, t], this.mesh = n(this, "normal"), this.lightMesh = n(this, "light"), this.distanceItem = d({
+    typeof o.config.defaultText == "string" && (this.text = o.config.defaultText), this.hook = new d(), this.points = [t, i], this.mesh = h(this, "normal"), this.lightMesh = h(this, "light"), this.distanceItem = m({
       line: this,
       clickCallback: () => this.hook.emit("selected", this),
-      userDistanceItem: this.model.params.userDistanceItemCreator ? this.model.params.userDistanceItemCreator() : void 0
-    }), i.lines.push(this), t.lines.push(this);
+      userDistanceItem: (n = this.model.config) != null && n.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0
+    }), t.lines.push(this), i.lines.push(this);
   }
   clear() {
     this.selected = !1, this.polyline = void 0;
   }
+  isEmpty() {
+    return this.points.length === 0;
+  }
   getPolyline() {
     if (this.polyline)
       return this.polyline;
-    const i = this.model.polylines.find((o) => o.lines.includes(this));
-    if (this.polyline = i, i)
-      return i;
-    const t = new u();
-    return t.push(this), t;
+    const t = this.model.polylines.find((i) => i.lines.includes(this));
+    if (t)
+      return this.polyline = t, t;
   }
-  findAnotherPoint(i) {
-    return this.points.find(({ id: t }) => t !== i.id);
+  findAnotherPoint(t) {
+    return this.points.find(({ id: i }) => i !== t.id);
   }
-  toJson() {
-    return { id: this.id, points: this.points.map(({ id: i }) => i) };
+  setText(t) {
+    this.text = t, this.hook.emit("textChanged", t);
   }
-  toCompletelyJson() {
-    return { id: this.id, points: this.points.map((i) => i.toJson()) };
+  toJson() {
+    return { id: this.id, points: this.points.map((t) => t.toJson()), text: this.text };
   }
   clone() {
-    return new l(this.points[0].clone(), this.points[1].clone(), this.model);
+    const t = new l(this.points[0].clone(), this.points[1].clone(), this.model);
+    return t.text = this.text, t;
   }
 }
 export {

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

@@ -1,16 +1,14 @@
 import type Line from './line';
-import type { PluginData } from '../typings/data';
+import type { PointJson } from '../typings/data';
 import { Vector3 } from 'three';
-declare type IPointData = PluginData['points'][0];
 export default class Point {
     id: string;
     lines: Line[];
     position: Vector3;
     readonly type = "point";
     constructor(position: Vector3 | number[]);
-    toJson(): IPointData;
+    toJson(): PointJson;
     addLine(line: Line): void;
     removeLine(line: Line): void;
     clone(): Point;
 }
-export {};

package/libs/PanoMeasurePlugin/Model/point.js

@@ -1,6 +1,6 @@
 var e = Object.defineProperty;
-var p = (t, i, o) => i in t ? e(t, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[i] = o;
-var s = (t, i, o) => (p(t, typeof i != "symbol" ? i + "" : i, o), o);
+var p = (o, i, t) => i in o ? e(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var s = (o, i, t) => (p(o, typeof i != "symbol" ? i + "" : i, t), t);
 import { Vector3 as n } from "three";
 import { uuid as h } from "../../shared-utils/uuid.js";
 import { removeArrayItem as m } from "../../shared-utils/removeArrayItem.js";
@@ -13,7 +13,7 @@ class r {
     this.id = h(), this.lines = [], this.position = new n(), i instanceof n ? this.position.copy(i) : this.position.fromArray(i);
   }
   toJson() {
-    return { id: this.id, lines: this.lines.map(({ id: i }) => i), position: this.position.toArray() };
+    return { id: this.id, position: this.position.toArray() };
   }
   addLine(i) {
     this.lines.push(i);

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