@realsee/dnalogel 2.20.5 → 2.21.0-dev.2

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

@@ -0,0 +1,62 @@
+import * as THREE from 'three';
+import type { Line as FiveLine } from '@realsee/five/line';
+import { Subscribe, type Five, type SubscribeEventMap } from '@realsee/five';
+import PolygonMesh from './polygon';
+import { Polyline } from './polyline';
+import type { Model } from '.';
+import { AreaItem } from '../utils/dom/areaDom';
+export interface AreaHook extends SubscribeEventMap {
+    selected: (area: Area, position: {
+        left: string;
+        top: string;
+    }) => void;
+}
+/**
+ * @description: 多边形类
+ */
+export default class Area {
+    id: string;
+    selected: boolean;
+    text?: string;
+    readonly lightMesh: FiveLine;
+    readonly areaItem: AreaItem;
+    readonly hook: Subscribe<AreaHook>;
+    /** 多边形mesh */
+    polygon: PolygonMesh;
+    /** 多边形顶点 */
+    points: THREE.Vector3[];
+    /** 多边形前三个点组成的平面，用来使得后面加的点也落在这个平面上 */
+    planeHelper: THREE.Plane | null;
+    /** 多边形边框 */
+    polyline: Polyline;
+    /** 多边形mesh容器 */
+    private meshContainer;
+    /** 多边形dom容器 */
+    private domContainer;
+    private five;
+    private model?;
+    constructor(points: THREE.Vector3[] | undefined, config: {
+        /** @todo: 这个model整的真的太恶心了 */
+        model: Model;
+        meshContainer?: THREE.Object3D;
+        domContainer?: Element;
+        five?: Five;
+    });
+    addPoints(point: THREE.Vector3): void;
+    refresh(): void;
+    hideArea(): void;
+    showArea(): void;
+    /**
+     * @description: five camera update 时，更新Dom的位置
+     */
+    updateDom: () => void;
+    /**
+     * @description: 获取一个点投影在当前平面上的点
+     */
+    projectPoint(point: THREE.Vector3): THREE.Vector3;
+    remove(): void;
+    /**
+     * @todo: 没写完
+     */
+    dispose(): void;
+}

package/libs/PanoMeasurePlugin/Model/area.js

@@ -0,0 +1,98 @@
+var m = Object.defineProperty;
+var d = (o, e, i) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i;
+var t = (o, e, i) => (d(o, typeof e != "symbol" ? e + "" : e, i), i);
+import * as r from "three";
+import { uuid as f } from "../../shared-utils/uuid.js";
+import { Subscribe as c } from "@realsee/five";
+import u from "./line.js";
+import v from "./polygon.js";
+import { Polyline as y } from "./polyline.js";
+import h from "./point.js";
+import { AreaItem as C } from "../utils/dom/areaDom.js";
+import "../utils/line.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
+import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../utils/generatePolygonGeometry.js";
+import "earcut";
+import "../../shared-utils/removeArrayItem.js";
+import "../utils/geometryUtil.js";
+import "../../shared-utils/three/centerPoint.js";
+class V {
+  constructor(e, i) {
+    t(this, "id", f());
+    t(this, "selected", !1);
+    t(this, "text");
+    t(this, "lightMesh");
+    t(this, "areaItem");
+    t(this, "hook", new c());
+    /** 多边形mesh */
+    t(this, "polygon");
+    /** 多边形顶点 */
+    t(this, "points", []);
+    /** 多边形前三个点组成的平面，用来使得后面加的点也落在这个平面上 */
+    t(this, "planeHelper");
+    /** 多边形边框 */
+    t(this, "polyline");
+    /** 多边形mesh容器 */
+    t(this, "meshContainer");
+    /** 多边形dom容器 */
+    t(this, "domContainer");
+    t(this, "five");
+    t(this, "model");
+    /**
+     * @description: five camera update 时，更新Dom的位置
+     */
+    t(this, "updateDom", () => {
+      this.five && (this.polyline.lines.forEach((e) => e.distanceItem.update(this.five)), this.areaItem.updateDomPosition(this.five));
+    });
+    var n;
+    e && (this.points = e), this.model = i.model, this.polygon = new v(e), this.polyline = new y({ model: i.model }), this.areaItem = new C({
+      area: this,
+      clickCallback: (a, s) => {
+        const l = a.clientX + "px", p = a.clientY + "px";
+        this.hook.emit("selected", this, { left: l, top: p });
+      }
+    }), this.domContainer = i.domContainer || null, this.meshContainer = i.meshContainer || null, this.five = i.five || null, this.areaItem.appendTo(this.domContainer), (n = this.five) == null || n.on("cameraUpdate", this.updateDom);
+  }
+  addPoints(e) {
+    var a;
+    this.points = this.points.concat(e);
+    const i = this.points.at(-2), n = this.points.at(-1);
+    if (i && n) {
+      const s = new u(new h(i), new h(n), this.polyline.model);
+      this.polyline.addLine(s), this.meshContainer.add(s.mesh), this.five && (s.distanceItem.setCanSelect(!1), s.distanceItem.appendTo(this.domContainer), s.distanceItem.update(this.five));
+    }
+    (a = this.meshContainer) != null && a.children.includes(this.polygon) || this.meshContainer.add(this.polygon), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length === 3 ? this.planeHelper = new r.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.points.length < 3 && (this.planeHelper = null);
+  }
+  refresh() {
+    this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five);
+  }
+  hideArea() {
+    this.polygon.visible = !1, this.areaItem.hide();
+  }
+  showArea() {
+    this.polygon.visible = !0, this.areaItem.show();
+  }
+  /**
+   * @description: 获取一个点投影在当前平面上的点
+   */
+  projectPoint(e) {
+    return this.planeHelper ? this.planeHelper.projectPoint(e, new r.Vector3()) : e;
+  }
+  remove() {
+    this.polygon.removeFromParent(), this.areaItem.remove(), this.polyline.lines.forEach((e) => e.remove());
+  }
+  /**
+   * @todo: 没写完
+   */
+  dispose() {
+    this.remove(), this.model.areas.splice(this.model.areas.indexOf(this), 1), this.planeHelper = null, this.five.off("cameraUpdate", this.updateDom), this.five.needsRender = !0;
+  }
+}
+export {
+  V as default
+};

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

@@ -1,5 +1,6 @@
 import type { Config } from '../typings';
 import type { PluginData } from '../typings/data';
+import type Area from './area';
 import type Line from './line';
 import { Polyline } from './polyline';
 import { Subscribe } from '@realsee/five';
@@ -8,6 +9,10 @@ type IModelEvent = {
      * @param line 被创建的线条
      */
     polylineAdded: (line: Polyline) => void;
+    /** 新增面积
+     * @param area 被创建的面积
+     */
+    areaAdded: (area: Area) => void;
     /** 删除线条
      * @param lines 被删除的线条数组
      */
@@ -16,18 +21,22 @@ type IModelEvent = {
 export declare class Model {
     readonly config?: Config;
     readonly polylines: Polyline[];
+    readonly areas: Area[];
     readonly hook: Subscribe<IModelEvent>;
     constructor(config?: Config);
     addPolyline(polyline: Polyline): void;
+    addArea(area: Area): void;
     replacePolylineByID(id: string, polyline: Polyline): void;
     removePolyline(polyline: Polyline): void;
     getPolylineByID(id: string): Polyline;
     getPolylineByLine(line: Line): Polyline;
     getLineByID(id: string): Line;
     getAllLines(): Line[];
+    getAllAreas(): Area[];
     getAllPoints(): import("./point").default[];
     includes(item: Polyline): boolean;
     clear(): void;
+    dispose(): void;
     getClosestPoint(): void;
     parse(data: PluginData): void;
     toJson(): PluginData;

package/libs/PanoMeasurePlugin/Model/index.js

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

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

@@ -4,7 +4,8 @@ import type { LineJson } from '../typings/data';
 import type { Line as FiveLine } from '@realsee/five/line';
 import type { Polyline } from './polyline';
 import { Subscribe, type SubscribeEventMap } from '@realsee/five';
-import { type DistanceItem } from '../utils/distanceDom';
+import { DistanceItem } from '../utils/dom/distanceItem';
+import type * as THREE from 'three';
 export interface ILineHook extends SubscribeEventMap {
     selected: (line: Line) => void;
     textChanged: (text: string | undefined) => void;
@@ -22,6 +23,8 @@ export default class Line {
     readonly distanceItem: DistanceItem;
     private polyline?;
     constructor(point: Point, anotherPoint: Point, model: Model);
+    setPoints(startPoint: THREE.Vector3, endPoint: THREE.Vector3): void;
+    remove(): void;
     clear(): void;
     isEmpty(): boolean;
     getPolyline(): Polyline;

package/libs/PanoMeasurePlugin/Model/line.js

@@ -1,13 +1,14 @@
 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);
-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 p } from "../utils/distanceDom.js";
+import { uuid as p } from "../../shared-utils/uuid.js";
+import { createLineMesh as n } from "../utils/line.js";
+import { Subscribe as c } from "@realsee/five";
+import { DistanceItem as d } from "../utils/dom/distanceItem.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
 import "three";
+import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 class l {
   constructor(t, i, o) {
@@ -22,15 +23,21 @@ class l {
     e(this, "hook");
     e(this, "distanceItem");
     e(this, "polyline");
-    var n;
-    if (this.id = c(), this.model = o, t.id === i.id)
+    var h;
+    if (this.id = p(), this.model = o, t.id === i.id)
       throw new Error("无效的线段, 一个点无法构成线段");
-    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 = p({
+    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({
       line: this,
       clickCallback: () => this.hook.emit("selected", this),
-      userDistanceItem: (n = this.model.config) != null && n.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0
+      userDistanceItem: (h = this.model.config) != null && h.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0
     }), t.lines.push(this), i.lines.push(this);
   }
+  setPoints(t, i) {
+    this.points[0].position.copy(t), this.points[1].position.copy(i), this.mesh.setPoints(t, i);
+  }
+  remove() {
+    this.mesh.parent && this.mesh.parent.remove(this.mesh), this.distanceItem.remove();
+  }
   clear() {
     this.selected = !1, this.polyline = void 0;
   }

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

@@ -0,0 +1,10 @@
+import * as THREE from 'three';
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+export default class PolygonMesh extends IObject3D {
+    geometry: THREE.BufferGeometry;
+    constructor(points?: THREE.Vector3[]);
+    /**
+     * @description: 按照新的端点来更新多边形的geometry
+     */
+    updatePoints(points: THREE.Vector3[]): void;
+}

package/libs/PanoMeasurePlugin/Model/polygon.js

@@ -0,0 +1,39 @@
+var c = Object.defineProperty;
+var d = (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) => (d(o, typeof t != "symbol" ? t + "" : t, e), e);
+import * as r from "three";
+import { IObject3D as h } from "../../shared-utils/three/IObject3D.js";
+import l from "../utils/generatePolygonGeometry.js";
+import "earcut";
+const p = new r.BufferGeometry();
+class w extends h {
+  constructor(e) {
+    super();
+    i(this, "geometry", new r.BufferGeometry());
+    const s = new r.MeshBasicMaterial({
+      color: 6522623,
+      transparent: !0,
+      side: r.DoubleSide,
+      depthTest: !0,
+      opacity: 0.5
+    }), m = new r.MeshBasicMaterial({
+      color: 16777215,
+      transparent: !0,
+      side: r.DoubleSide,
+      depthTest: !1,
+      depthWrite: !1,
+      opacity: 0.2
+    }), n = new r.Mesh(this.geometry, s), a = new r.Mesh(this.geometry, m);
+    n.renderOrder = 10, a.renderOrder = 0, e && this.updatePoints(e), this.add(n, a);
+  }
+  /**
+   * @description: 按照新的端点来更新多边形的geometry
+   */
+  updatePoints(e) {
+    const s = l(e);
+    s ? this.geometry.copy(s) : this.geometry.copy(p);
+  }
+}
+export {
+  w as default
+};

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

@@ -28,6 +28,10 @@ export declare class Polyline {
     removeLine(line: Line): void;
     isLastLine(line: Line): boolean;
     getLastLine(): Line;
+    /**
+     * @description: 获取连续线段的顶点数量
+     */
+    getPointLength(): number;
     clear(): void;
     /** 是否产生重叠 */
     overlapWith(item: Point | Line | Polyline): boolean;

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -9,10 +9,11 @@ import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
 import "three";
-import "../utils/distanceDom.js";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";
-class C {
+class S {
   constructor(i) {
     s(this, "id", L());
     s(this, "lines", []);
@@ -47,6 +48,12 @@ class C {
   getLastLine() {
     return this.lines.slice(-1)[0];
   }
+  /**
+   * @description: 获取连续线段的顶点数量
+   */
+  getPointLength() {
+    return this.lines.length + 1;
+  }
   clear() {
     const i = this.lines.slice();
     this.lines.slice(0, this.lines.length), this.points.slice(0, this.points.length), i.reduceRight((t, h) => this.hook.emit("lineRemoved", h), void 0);
@@ -105,5 +112,5 @@ class C {
   }
 }
 export {
-  C as Polyline
+  S as Polyline
 };

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

@@ -18,7 +18,7 @@ export default class DeleteDom {
     dispose(): void;
     appendTo(element: Element): this;
     setLines(lines: Line[]): this;
-    updatePosition(): this;
+    updatePosition(left?: string, top?: string): this;
     hide(): this;
     show(): this;
     private onMouseEnter;

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

@@ -1,10 +1,10 @@
-var v = Object.defineProperty;
-var g = (c, e, t) => e in c ? v(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
-var n = (c, e, t) => (g(c, typeof e != "symbol" ? e + "" : e, t), t);
-import f from "./_Assets/delete.svg.js";
+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);
+import x from "./_Assets/delete.svg.js";
 import p from "./_Assets/delete_bg.png.js";
-import k from "./_Assets/delete_hover_bg.png.js";
-class D {
+import E from "./_Assets/delete_hover_bg.png.js";
+class $ {
   constructor(e, t) {
     n(this, "visible", !1);
     n(this, "five");
@@ -16,17 +16,17 @@ class D {
     n(this, "container", document.createElement("div"));
     n(this, "masking", document.createElement("div"));
     n(this, "onMouseEnter", () => {
-      this.content.style.backgroundImage = `url(${k})`;
+      this.content.style.backgroundImage = `url(${E})`;
     });
     n(this, "onMouseLeave", () => {
       this.content.style.backgroundImage = `url(${p})`;
     });
-    var o, r;
+    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 = "top 200ms ease, 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 = `
-      ${f}
-      <span>${(r = (o = t.i18n) == null ? void 0 : o.call(t, "删除")) != null ? r : "删除"}</span>
+    }), 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 = `
+      ${x}
+      <span>${(o = (c = t.i18n) == null ? void 0 : c.call(t, "删除")) != 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);
@@ -40,30 +40,32 @@ class D {
   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;
   }
-  updatePosition() {
+  updatePosition(e, t) {
+    if (e && t)
+      return this.container.style.left = e, this.container.style.top = t, this.show();
     if (this.lines.length === 0)
       return this;
-    const e = this.points.map((i) => i.position), t = e.map((i) => i.clone().project(this.five.camera));
-    if (t.some((i) => Math.abs(i.z) > 1))
+    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 s = t.map((i) => i.x), o = t.map((i) => i.y), r = (Math.min(...s) + Math.max(...s)) / 2, y = Math.max(...o), a = this.container.parentElement;
-    if (!a)
+    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;
+    if (!h)
       return this;
-    const h = (r + 1) / 2 * a.clientWidth, d = -(y - 1) / 2 * a.clientHeight;
-    let l = h, m = d - 34;
-    if (this.lines.length === 1 && e.length === 2) {
-      const i = (o[1] - o[0]) / (s[1] - s[0]), u = -((o[1] + o[0]) / 2 - 1) / 2 * a.clientHeight;
-      Math.abs(i) > 0.4 && (l = h + 57, m = u);
+    const l = (d + 1) / 2 * h.clientWidth, v = -(u - 1) / 2 * h.clientHeight;
+    let m = l, y = 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);
     }
-    return this.container.style.transform = `translate3d(${l}px, ${m}px, 10px)`, this.show();
+    return this.container.style.top = "0", this.container.style.transform = `translate3d(${m}px, ${y}px, 0)`, this.show();
   }
   hide() {
-    return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.top = "10px", this.container.style.pointerEvents = "none", this;
+    return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.pointerEvents = "none", this;
   }
   show() {
-    return this.visible = !0, this.masking.style.pointerEvents = "auto", this.container.style.opacity = "1", this.container.style.top = "0", this.container.style.pointerEvents = "auto", this;
+    return this.visible = !0, this.masking.style.pointerEvents = "auto", this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this;
   }
 }
 export {
-  D as default
+  $ as default
 };

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

@@ -1,5 +1,6 @@
 import type { Five, Intersection } from '@realsee/five';
-import { Line3, Vector3 } from 'three';
+import type { Line3 } from 'three';
+import { Vector3 } from 'three';
 export default class FiveHelper {
     edges: Line3[];
     private five;

package/libs/PanoMeasurePlugin/Modules/FiveHelper.js

@@ -8,7 +8,7 @@ class u {
     i(this, "five");
     /** 模型加载后获取折线 */
     i(this, "onModelLoaded", () => {
-      this.five.model && (this.edges = this.five.model.getEdges());
+      this.five.model;
     });
     this.five = e, this.five.model.loaded ? this.onModelLoaded() : this.five.on("modelLoaded", this.onModelLoaded);
   }
@@ -19,8 +19,8 @@ class u {
       return null;
     let t = 1 / 0, s;
     return this.edges.forEach((l) => {
-      const d = l.closestPointToPoint(e.point, !0, new a()), n = d.distanceTo(e.point);
-      n < t && (s = d, t = n);
+      const n = l.closestPointToPoint(e.point, !0, new a()), d = n.distanceTo(e.point);
+      d < t && (s = n, t = d);
     }), t > 0.1 ? null : s || null;
   }
 }

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

@@ -1,6 +1,6 @@
 import type MeasureController from '../Controller';
 export interface GuideControllerParams {
-    container: Element;
+    container?: Element;
     startTip?: string;
     endTip?: string;
     firstPointTip?: string;

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

@@ -3,7 +3,7 @@ import Hammer from 'hammerjs';
 import * as THREE from 'three';
 import { Subscribe, type SubscribeEventMap } from '@realsee/five';
 interface MagnifierEvent extends SubscribeEventMap {
-    wantsPanGesture: (event: typeof Hammer['Input']) => boolean;
+    wantsPanGesture: (event: (typeof Hammer)['Input']) => boolean;
 }
 /** 放大镜配置参数 */
 export interface MagnifierParameter {