@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.11

package/libs/PanoMeasurePlugin/Model/index.js

@@ -1,6 +1,6 @@
-var l = Object.defineProperty;
-var r = (o, i, e) => i in o ? l(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
-var t = (o, i, e) => (r(o, typeof i != "symbol" ? i + "" : i, e), e);
+var t = Object.defineProperty;
+var l = (s, e, i) => e in s ? t(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
+var r = (s, e, i) => (l(s, typeof e != "symbol" ? e + "" : e, i), i);
 import { Polyline as n } from "./polyline.js";
 import { Subscribe as p } from "@realsee/five";
 import "./line.js";
@@ -14,78 +14,86 @@ import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "./point.js";
 import "../../shared-utils/removeArrayItem.js";
-class B {
-  constructor(i) {
-    t(this, "config");
-    t(this, "polylines", []);
-    t(this, "areas", []);
-    t(this, "hook", new p());
-    this.config = i;
-  }
-  addPolyline(i) {
-    if (this.includes(i)) {
+class I {
+  constructor(e) {
+    r(this, "config");
+    r(this, "polylines", []);
+    r(this, "areas", []);
+    r(this, "hook", new p());
+    this.config = e;
+  }
+  addPolyline(e) {
+    if (this.includes(e)) {
       console.error(new Error("不能重复添加 polyline"));
       return;
     }
-    this.polylines.push(i), this.hook.emit("polylineAdded", i);
+    this.polylines.push(e), this.hook.emit("polylineAdded", e);
   }
-  addArea(i) {
-    if (this.areas.find(({ id: e }) => e === i.id) !== void 0) {
+  addArea(e) {
+    if (this.areas.find(({ id: i }) => i === e.id) !== void 0) {
       console.error(new Error("不能重复添加 area"));
       return;
     }
-    this.areas.push(i), this.hook.emit("areaAdded", i);
+    this.areas.push(e), this.hook.emit("areaAdded", e);
   }
-  replacePolylineByID(i, e) {
-    const s = this.getPolylineByID(i);
-    s == null || s.replace(e);
+  replacePolylineByID(e, i) {
+    const o = this.getPolylineByID(e);
+    o == null || o.replace(i);
   }
-  removePolyline(i) {
-    const e = this.polylines.findIndex(({ id: s }) => s === i.id);
-    if (e === -1) {
+  removePolyline(e) {
+    const i = this.polylines.findIndex(({ id: o }) => o === e.id);
+    if (i === -1) {
       console.error(new Error("polyline 不存在"));
       return;
     }
-    this.polylines.splice(e, 1), this.hook.emit("polylineRemoved", i);
+    this.polylines.splice(i, 1), this.hook.emit("polylineRemoved", e);
   }
-  getPolylineByID(i) {
-    return this.polylines.find((e) => e.id === i);
+  removeArea(e) {
+    const i = this.areas.findIndex(({ id: o }) => o === e.id);
+    if (i === -1) {
+      console.error(new Error("area 不存在"));
+      return;
+    }
+    this.areas.splice(i, 1);
+  }
+  getPolylineByID(e) {
+    return this.polylines.find((i) => i.id === e);
   }
-  getPolylineByLine(i) {
-    return this.polylines.find((e) => e.includes(i));
+  getPolylineByLine(e) {
+    return this.polylines.find((i) => i.includes(e));
   }
-  getLineByID(i) {
-    return this.getAllLines().find((e) => e.id === i);
+  getLineByID(e) {
+    return this.getAllLines().find((i) => i.id === e);
   }
   getAllLines() {
-    return this.polylines.map((i) => i.lines).flat(1);
+    return this.polylines.map((e) => e.lines).flat(1);
   }
   getAllAreas() {
     return this.areas;
   }
   getAllPoints() {
-    return this.polylines.map((i) => i.points).flat(1);
+    return this.polylines.map((e) => e.points).flat(1);
   }
-  includes(i) {
-    return this.polylines.find(({ id: e }) => e === i.id) !== void 0;
+  includes(e) {
+    return this.polylines.find(({ id: i }) => i === e.id) !== void 0;
   }
   clear() {
-    this.polylines.forEach((i) => this.hook.emit("polylineRemoved", i)), this.areas.forEach((i) => i.dispose()), this.polylines.splice(0, this.polylines.length), this.areas.splice(0, this.areas.length);
+    this.polylines.forEach((e) => this.hook.emit("polylineRemoved", e)), this.areas.forEach((e) => e.dispose()), this.polylines.splice(0, this.polylines.length), this.areas.splice(0, this.areas.length);
   }
   dispose() {
     this.clear();
   }
   getClosestPoint() {
   }
-  parse(i) {
-    this.clear(), this.polylines.push(...i.polylines.map((e) => new n({ model: this }).fromJson(e))), this.polylines.forEach((e) => this.hook.emit("polylineAdded", e));
+  parse(e) {
+    this.clear(), this.polylines.push(...e.polylines.map((i) => new n({ model: this }).fromJson(i))), this.polylines.forEach((i) => this.hook.emit("polylineAdded", i));
   }
   toJson() {
     return {
-      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 {
-  B as Model
+  I as Model
 };

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

@@ -22,7 +22,10 @@ export default class Line {
     readonly hook: Subscribe<ILineHook>;
     readonly distanceItem: DistanceItem;
     private polyline?;
+    private visible?;
     constructor(point: Point, anotherPoint: Point, model: Model);
+    hide(): void;
+    show(): void;
     setPoints(startPoint: THREE.Vector3, endPoint: THREE.Vector3): void;
     remove(): void;
     clear(): void;

package/libs/PanoMeasurePlugin/Model/line.js

@@ -1,6 +1,6 @@
 var r = Object.defineProperty;
-var m = (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) => (m(s, typeof t != "symbol" ? t + "" : t, i), i);
+var m = (s, i, t) => i in s ? r(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
+var e = (s, i, t) => (m(s, typeof i != "symbol" ? i + "" : i, t), t);
 import { uuid as p } from "../../shared-utils/uuid.js";
 import { createLineMesh as n } from "../utils/line.js";
 import { Subscribe as c } from "@realsee/five";
@@ -11,7 +11,7 @@ import "three";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 class l {
-  constructor(t, i, o) {
+  constructor(i, t, h) {
     e(this, "id");
     e(this, "selected", !1);
     e(this, "text");
@@ -23,17 +23,24 @@ class l {
     e(this, "hook");
     e(this, "distanceItem");
     e(this, "polyline");
-    var h;
-    if (this.id = p(), this.model = o, t.id === i.id)
+    e(this, "visible");
+    var o;
+    if (this.id = p(), this.model = h, i.id === t.id)
       throw new Error("无效的线段, 一个点无法构成线段");
-    typeof o.config.defaultText == "string" && (this.text = o.config.defaultText), this.hook = new c(), this.points = [t, i], this.mesh = n(this, "normal"), this.lightMesh = n(this, "light"), this.distanceItem = new d({
+    typeof h.config.defaultText == "string" && (this.text = h.config.defaultText), this.hook = new c(), this.points = [i, t], this.mesh = n(this, "normal"), this.lightMesh = n(this, "light"), this.distanceItem = new d({
       line: this,
       clickCallback: () => this.hook.emit("selected", this),
-      userDistanceItem: (h = this.model.config) != null && h.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0
-    }), t.lines.push(this), i.lines.push(this);
+      userDistanceItem: (o = this.model.config) != null && o.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0
+    }), i.lines.push(this), t.lines.push(this);
   }
-  setPoints(t, i) {
-    this.points[0].position.copy(t), this.points[1].position.copy(i), this.mesh.setPoints(t, i);
+  hide() {
+    this.visible && (this.visible = !1, this.mesh.visible = !1, this.distanceItem.hide());
+  }
+  show() {
+    this.visible || (this.visible = !0, this.mesh.visible = !0, this.distanceItem.show());
+  }
+  setPoints(i, t) {
+    this.points[0].position.copy(i), this.points[1].position.copy(t), this.mesh.setPoints(i, t);
   }
   remove() {
     this.mesh.parent && this.mesh.parent.remove(this.mesh), this.distanceItem.remove();
@@ -47,22 +54,22 @@ class l {
   getPolyline() {
     if (this.polyline)
       return this.polyline;
-    const t = this.model.polylines.find((i) => i.lines.includes(this));
-    if (t)
-      return this.polyline = t, t;
+    const i = this.model.polylines.find((t) => t.lines.includes(this));
+    if (i)
+      return this.polyline = i, i;
   }
-  findAnotherPoint(t) {
-    return this.points.find(({ id: i }) => i !== t.id);
+  findAnotherPoint(i) {
+    return this.points.find(({ id: t }) => t !== i.id);
   }
-  setText(t) {
-    this.text = t, this.hook.emit("textChanged", t);
+  setText(i) {
+    this.text = i, this.hook.emit("textChanged", i);
   }
   toJson() {
-    return { id: this.id, points: this.points.map((t) => t.toJson()), text: this.text };
+    return { id: this.id, points: this.points.map((i) => i.toJson()), text: this.text };
   }
   clone() {
-    const t = new l(this.points[0].clone(), this.points[1].clone(), this.model);
-    return t.text = this.text, t;
+    const i = new l(this.points[0].clone(), this.points[1].clone(), this.model);
+    return i.text = this.text, i;
   }
 }
 export {

package/libs/PanoMeasurePlugin/Model/point.js

@@ -1,16 +1,21 @@
-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);
-import { Vector3 as n } from "three";
+var s = Object.defineProperty;
+var n = (t, i, o) => i in t ? s(t, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[i] = o;
+var r = (t, i, o) => (n(t, typeof i != "symbol" ? i + "" : i, o), o);
+import { Vector3 as p } from "three";
 import { uuid as h } from "../../shared-utils/uuid.js";
 import { removeArrayItem as m } from "../../shared-utils/removeArrayItem.js";
-class r {
+class e {
   constructor(i) {
-    s(this, "id");
-    s(this, "lines");
-    s(this, "position");
-    s(this, "type", "point");
-    this.id = h(), this.lines = [], this.position = new n(), i instanceof n ? this.position.copy(i) : this.position.fromArray(i);
+    r(this, "id");
+    r(this, "lines");
+    r(this, "position");
+    r(this, "type", "point");
+    if (this.id = h(), this.lines = [], this.position = new p(), Array.isArray(i))
+      this.position.fromArray(i);
+    else if (typeof i == "object" && i.isVector3)
+      this.position.copy(i);
+    else
+      throw new Error("position must be Vector3 or number[]");
   }
   toJson() {
     return { id: this.id, position: this.position.toArray() };
@@ -22,9 +27,9 @@ class r {
     m(i, this.lines);
   }
   clone() {
-    return new r(this.position);
+    return new e(this.position);
   }
 }
 export {
-  r as default
+  e as default
 };

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

@@ -1,7 +1,11 @@
 import * as THREE from 'three';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
+export declare const blankGeometry: THREE.BufferGeometry;
 export default class PolygonMesh extends IObject3D {
+    readonly isPolygonMesh = true;
     geometry: THREE.BufferGeometry;
+    isBlank: boolean;
+    points: THREE.Vector3[];
     constructor(points?: THREE.Vector3[]);
     /**
      * @description: 按照新的端点来更新多边形的geometry

package/libs/PanoMeasurePlugin/Model/polygon.js

@@ -1,38 +1,44 @@
-var c = Object.defineProperty;
-var m = (o, t, e) => t in o ? c(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var i = (o, t, e) => (m(o, typeof t != "symbol" ? t + "" : t, e), e);
+var m = Object.defineProperty;
+var c = (o, t, e) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var s = (o, t, e) => (c(o, typeof t != "symbol" ? t + "" : t, e), e);
 import * as r from "three";
 import { IObject3D as h } from "../../shared-utils/three/IObject3D.js";
-import p from "../utils/generatePolygonGeometry.js";
+import d from "../utils/generatePolygonGeometry.js";
 import "earcut";
-class g extends h {
+const p = new r.BufferGeometry();
+class B extends h {
   constructor(e) {
     super();
-    i(this, "geometry", new r.BufferGeometry());
-    const s = new r.MeshBasicMaterial({
-      color: 6522623,
+    s(this, "isPolygonMesh", !0);
+    s(this, "geometry", new r.BufferGeometry());
+    s(this, "isBlank", !0);
+    s(this, "points", []);
+    const n = new r.MeshBasicMaterial({
+      color: 4090367,
       transparent: !0,
       side: r.DoubleSide,
       depthTest: !0,
       opacity: 0.5
-    }), d = new r.MeshBasicMaterial({
+    }), l = new r.MeshBasicMaterial({
       color: 16777215,
       transparent: !0,
       side: r.DoubleSide,
       depthTest: !1,
       depthWrite: !1,
-      opacity: 0.2
-    }), a = new r.Mesh(this.geometry, s), n = new r.Mesh(this.geometry, d);
-    a.renderOrder = 10, n.renderOrder = 0, e && this.updatePoints(e), this.add(a, n);
+      opacity: 0.3
+    }), i = new r.Mesh(this.geometry, n), a = new r.Mesh(this.geometry, l);
+    i.renderOrder = 1, a.renderOrder = 0, e && this.updatePoints(e), this.add(i, a);
   }
   /**
    * @description: 按照新的端点来更新多边形的geometry
    */
   updatePoints(e) {
-    const s = p(e);
-    s && this.geometry.copy(s);
+    this.points = e;
+    const n = d(e);
+    n ? (this.geometry.copy(n), this.isBlank = !1) : (this.geometry.copy(p), this.isBlank = !0);
   }
 }
 export {
-  g as default
+  p as blankGeometry,
+  B as default
 };

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -52,7 +52,7 @@ class S {
    * @description: 获取连续线段的顶点数量
    */
   getPointLength() {
-    return this.isEmpty() ? 0 : this.lines.length + 1;
+    return this.lines.length + 1;
   }
   clear() {
     const i = this.lines.slice();
@@ -83,14 +83,14 @@ class S {
   }
   fromJson(i) {
     this.clear(), this.id = i.id;
-    const { getPoint: t, getAllPoints: h } = f(), d = i.lines.map((e) => {
-      const [p, u] = e.points, n = t(p), l = t(u);
+    const { getPoint: t, getAllPoints: h } = f(), u = i.lines.map((e) => {
+      const [p, d] = e.points, n = t(p), l = t(d);
       if (!n || !l)
         throw new Error("线上的点不存在");
       const o = new P(n, l, 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;
+    this.points.push(...c), this.lines.push(...u), this.visiblePanoIndexes = i.visiblePanoIndexes;
     function f() {
       const e = /* @__PURE__ */ new Map();
       function p(n) {
@@ -100,10 +100,10 @@ class S {
         const o = new g(n.position);
         return o.id = n.id, e.set(n.id, o), o;
       }
-      function u() {
+      function d() {
         return Array.from(e.values());
       }
-      return { getPoint: p, getAllPoints: u };
+      return { getPoint: p, getAllPoints: d };
     }
     return this;
   }

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

@@ -6,21 +6,25 @@ export default class DeleteDom {
     private lines;
     private points;
     private onClick;
-    private cancelDelete;
+    private cancel;
     private content;
     private container;
     private masking;
+    private target;
     constructor(five: Five, opts?: {
-        onClick?: (e: MouseEvent) => void;
-        cancelDelete?: (e: MouseEvent) => void;
+        onClick?: (e: MouseEvent, target: any) => void;
+        cancel?: (target: any) => void;
         i18n?: (key: string) => string;
     });
     dispose(): void;
     appendTo(element: Element): this;
     setLines(lines: Line[]): this;
+    setTarget(target: any): this;
     updatePosition(left?: string, top?: string): this;
     hide(): this;
     show(): this;
+    private clickHandler;
+    private cancelHandler;
     private onMouseEnter;
     private onMouseLeave;
 }

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

@@ -1,63 +1,73 @@
 var f = Object.defineProperty;
-var k = (r, e, t) => e in r ? f(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var n = (r, e, t) => (k(r, typeof e != "symbol" ? e + "" : e, t), t);
+var k = (r, t, e) => t in r ? f(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => (k(r, typeof t != "symbol" ? t + "" : t, e), e);
 import x from "./_Assets/delete.svg.js";
-import p from "./_Assets/delete_bg.png.js";
+import y from "./_Assets/delete_bg.png.js";
 import E from "./_Assets/delete_hover_bg.png.js";
 class $ {
-  constructor(e, t) {
+  constructor(t, e) {
     n(this, "visible", !1);
     n(this, "five");
     n(this, "lines", []);
     n(this, "points", []);
     n(this, "onClick");
-    n(this, "cancelDelete");
+    n(this, "cancel");
     n(this, "content", document.createElement("div"));
     n(this, "container", document.createElement("div"));
     n(this, "masking", document.createElement("div"));
+    n(this, "target");
+    n(this, "clickHandler", (t) => {
+      this.onClick(t, this.target);
+    });
+    n(this, "cancelHandler", () => {
+      this.cancel(this.target);
+    });
     n(this, "onMouseEnter", () => {
       this.content.style.backgroundImage = `url(${E})`;
     });
     n(this, "onMouseLeave", () => {
-      this.content.style.backgroundImage = `url(${p})`;
+      this.content.style.backgroundImage = `url(${y})`;
     });
     var c, o;
-    this.five = e, this.onClick = (t == null ? void 0 : t.onClick) || (() => {
-    }), this.cancelDelete = (t == null ? void 0 : t.cancelDelete) || (() => {
-    }), this.container.classList.add("fpm__delete"), this.container.style.opacity = "0", this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "10px", this.container.style.transform = "translate3d(0, 0, 10px)", this.container.style.pointerEvents = "none", this.container.style.transition = "opacity 200ms ease", this.container.style.zIndex = "99", this.content.classList.add("fpm__delete-content"), this.content.style.width = "62px", this.content.style.height = "26px", this.content.style.display = "flex", this.content.style.alignItems = "center", this.content.style.justifyContent = "center", this.content.style.transform = "translate(-50%, -50%)", this.content.style.color = "#fff", this.content.style.fontSize = "12px", this.content.style.lineHeight = "17px", this.content.style.borderRadius = "11px", this.content.style.backgroundSize = "100% 100%", this.content.style.cursor = "pointer", this.content.style.userSelect = "none", this.content.style.backgroundImage = `url(${p})`, this.content.innerHTML = `
+    this.five = t, this.onClick = (e == null ? void 0 : e.onClick) || (() => {
+    }), this.cancel = (e == null ? void 0 : e.cancel) || (() => {
+    }), this.container.classList.add("fpm__delete"), this.container.style.opacity = "0", this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "10px", this.container.style.transform = "translate3d(0, 0, 10px)", this.container.style.pointerEvents = "none", this.container.style.transition = "opacity 200ms ease", this.container.style.zIndex = "99", this.content.classList.add("fpm__delete-content"), this.content.style.width = "62px", this.content.style.height = "26px", this.content.style.display = "flex", this.content.style.alignItems = "center", this.content.style.justifyContent = "center", this.content.style.transform = "translate(-50%, -50%)", this.content.style.color = "#fff", this.content.style.fontSize = "12px", this.content.style.lineHeight = "17px", this.content.style.borderRadius = "11px", this.content.style.backgroundSize = "100% 100%", this.content.style.cursor = "pointer", this.content.style.userSelect = "none", this.content.style.backgroundImage = `url(${y})`, this.content.innerHTML = `
       ${x}
-      <span>${(o = (c = t.i18n) == null ? void 0 : c.call(t, "删除")) != null ? o : "删除"}</span>
+      <span>${(o = (c = e.i18n) == null ? void 0 : c.call(e, "删除")) != null ? o : "删除"}</span>
     `, this.container.append(this.content);
     const s = this.content.querySelector(".fpm__delete-icon");
-    s && (s.style.width = "16px", s.style.height = "17px", s.style.marginRight = "1px"), this.content.addEventListener("click", this.onClick), this.content.addEventListener("mouseenter", this.onMouseEnter), this.content.addEventListener("mouseleave", this.onMouseLeave), this.masking.setAttribute("style", "position: absolute;top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;"), this.masking.addEventListener("click", this.cancelDelete), this.masking.addEventListener("touchstart", this.cancelDelete);
+    s && (s.style.width = "16px", s.style.height = "17px", s.style.marginRight = "1px"), this.content.addEventListener("click", this.clickHandler), this.content.addEventListener("mouseenter", this.onMouseEnter), this.content.addEventListener("mouseleave", this.onMouseLeave), this.masking.setAttribute("style", "position: absolute;top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;"), this.masking.addEventListener("click", this.cancelHandler), this.masking.addEventListener("touchstart", this.cancelHandler);
   }
   dispose() {
-    this.content.removeEventListener("click", this.onClick), this.content.removeEventListener("mouseenter", this.onMouseEnter), this.content.removeEventListener("mouseleave", this.onMouseLeave), this.container.remove(), this.masking.removeEventListener("click", this.cancelDelete), this.masking.removeEventListener("touchstart", this.cancelDelete), this.masking.remove();
+    this.content.removeEventListener("click", this.clickHandler), this.content.removeEventListener("mouseenter", this.onMouseEnter), this.content.removeEventListener("mouseleave", this.onMouseLeave), this.container.remove(), this.masking.removeEventListener("click", this.cancelHandler), this.masking.removeEventListener("touchstart", this.cancelHandler), this.masking.remove();
+  }
+  appendTo(t) {
+    return t.append(this.container), t.append(this.masking), this;
   }
-  appendTo(e) {
-    return e.append(this.container), e.append(this.masking), this;
+  setLines(t) {
+    return this.lines = t, this.points = Array.from(new Set(this.lines.map((e) => [e.points[0], e.points[1]]).flat(1))), this;
   }
-  setLines(e) {
-    return this.lines = e, this.points = Array.from(new Set(this.lines.map((t) => [t.points[0], t.points[1]]).flat(1))), this;
+  setTarget(t) {
+    return this.target = t, this;
   }
-  updatePosition(e, t) {
-    if (e && t)
-      return this.container.style.left = e, this.container.style.top = t, this.show();
+  updatePosition(t, e) {
+    if (t && e)
+      return this.container.style.left = t, this.container.style.top = e, this.show();
     if (this.lines.length === 0)
       return this;
     const s = this.points.map((i) => i.position), c = s.map((i) => i.clone().project(this.five.camera));
     if (c.some((i) => Math.abs(i.z) > 1))
       return this.hide();
-    const o = c.map((i) => i.x), a = c.map((i) => i.y), d = (Math.min(...o) + Math.max(...o)) / 2, u = Math.max(...a), h = this.container.parentElement;
+    const o = c.map((i) => i.x), a = c.map((i) => i.y), p = (Math.min(...o) + Math.max(...o)) / 2, u = Math.max(...a), h = this.container.parentElement;
     if (!h)
       return this;
-    const l = (d + 1) / 2 * h.clientWidth, v = -(u - 1) / 2 * h.clientHeight;
-    let m = l, y = v - 34;
+    const l = (p + 1) / 2 * h.clientWidth, v = -(u - 1) / 2 * h.clientHeight;
+    let m = l, d = v - 34;
     if (this.lines.length === 1 && s.length === 2) {
       const i = (a[1] - a[0]) / (o[1] - o[0]), g = -((a[1] + a[0]) / 2 - 1) / 2 * h.clientHeight;
-      Math.abs(i) > 0.4 && (m = l + 57, y = g);
+      Math.abs(i) > 0.4 && (m = l + 57, d = g);
     }
-    return this.container.style.top = "0", this.container.style.transform = `translate3d(${m}px, ${y}px, 0)`, this.show();
+    return this.container.style.top = "0", this.container.style.transform = `translate3d(${m}px, ${d}px, 0)`, this.show();
   }
   hide() {
     return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.pointerEvents = "none", this;

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

@@ -1,25 +1,29 @@
 import type MeasureController from '../Controller';
+import type { PartialObjectDeep } from '../../typings/typings';
+import type { PointSelectorMode } from '../typings/data';
+export interface MeasureTip {
+    select?: string;
+    line: {
+        start: string;
+    };
+    area: {
+        start: string;
+        close: string;
+    };
+}
 export interface GuideControllerParams {
-    container: Element;
+    container?: Element;
+    tips?: PartialObjectDeep<MeasureTip>;
     startTip?: string;
     endTip?: string;
     firstPointTip?: string;
     nextPointTip?: string;
+    pointSelectorMode?: PointSelectorMode;
 }
 export declare class GuideController {
-    private measureController;
-    private textDom;
-    private container;
-    private hasAnchor;
-    /** 是否曾经切换到 Watch 模式过 */
-    private hasChangedToWatch;
-    private _params;
+    private tipSvelteDom?;
     constructor(measureController: MeasureController, params: GuideControllerParams);
     dispose(): void;
     show(): this;
     hide(): this;
-    private initDom;
-    private onModelChange;
-    private anchorChange;
-    private onEditedLineChange;
 }