@realsee/dnalogel 2.20.5 → 2.21.0-dev.0

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/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,38 @@
+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);
+import * as r from "three";
+import { IObject3D as h } from "../../shared-utils/three/IObject3D.js";
+import p from "../utils/generatePolygonGeometry.js";
+import "earcut";
+class g 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
+    }), d = 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);
+  }
+  /**
+   * @description: 按照新的端点来更新多边形的geometry
+   */
+  updatePoints(e) {
+    const s = p(e);
+    s && this.geometry.copy(s);
+  }
+}
+export {
+  g 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.isEmpty() ? 0 : 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);
@@ -76,14 +83,14 @@ class C {
   }
   fromJson(i) {
     this.clear(), this.id = i.id;
-    const { getPoint: t, getAllPoints: h } = f(), u = i.lines.map((e) => {
-      const [p, d] = e.points, n = t(p), l = t(d);
+    const { getPoint: t, getAllPoints: h } = f(), d = i.lines.map((e) => {
+      const [p, u] = e.points, n = t(p), l = t(u);
       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(...u), this.visiblePanoIndexes = i.visiblePanoIndexes;
+    this.points.push(...c), this.lines.push(...d), this.visiblePanoIndexes = i.visiblePanoIndexes;
     function f() {
       const e = /* @__PURE__ */ new Map();
       function p(n) {
@@ -93,10 +100,10 @@ class C {
         const o = new g(n.position);
         return o.id = n.id, e.set(n.id, o), o;
       }
-      function d() {
+      function u() {
         return Array.from(e.values());
       }
-      return { getPoint: p, getAllPoints: d };
+      return { getPoint: p, getAllPoints: u };
     }
     return this;
   }
@@ -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/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 {

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

@@ -15,6 +15,7 @@ export declare class UIController {
     private disposers;
     private measureController;
     private mode;
+    private svelteDom?;
     private _params;
     constructor(measureController: MeasureController, params: UIControllerParams);
     dispose(): void;

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

@@ -1,53 +1,62 @@
 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 m from "./HTML.js";
+var m = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var o = (r, t, e) => (m(r, typeof t != "symbol" ? t + "" : t, e), e);
+import h from "./HTML.js";
 import p from "./mobileHTML.js";
 import { controllerBackgroundStyle as d, operatingSpaceStyle as y, uiWrapperStyle as u, textStyle as f, exitItemStyle as v, exitIconStyle as C } from "./style.js";
 import { MainBtnController as _ } from "./MainBtnController.js";
 import { MobileMainBtnController as b } from "./mobileMainBtnController.js";
-import E from "./Revoke/index.js";
-class w {
+import g from "./Revoke/index.js";
+import E from "../../Components/Controller1.js";
+import "../../../vendor/svelte/internal/index.js";
+import "../../Components/Common/Switcher1.js";
+import "../../Components/Common/CircleButton.js";
+class D {
   constructor(t, e) {
-    s(this, "revoke");
-    s(this, "container");
-    s(this, "mainController");
-    s(this, "disposers", []);
-    s(this, "measureController");
-    s(this, "mode");
-    s(this, "_params");
-    s(this, "handleExit", () => {
+    o(this, "revoke");
+    o(this, "container");
+    o(this, "mainController");
+    o(this, "disposers", []);
+    o(this, "measureController");
+    o(this, "mode");
+    o(this, "svelteDom");
+    o(this, "_params");
+    o(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, v), Object.assign(t == null ? void 0 : t.style, C));
-      const o = () => {
+      const s = () => {
         e.style.opacity = "1";
-      }, r = () => {
+      }, i = () => {
         e.style.opacity = "0.85";
       }, n = () => {
         this.measureController.disable();
       };
-      return e.addEventListener("click", n), e.addEventListener("mouseenter", o), e.addEventListener("mouseleave", r), () => {
-        e.removeEventListener("click", n), e.removeEventListener("mouseenter", o), e.removeEventListener("mouseleave", r);
+      return e.addEventListener("click", n), e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", i), () => {
+        e.removeEventListener("click", n), e.removeEventListener("mouseenter", s), e.removeEventListener("mouseleave", i);
       };
     });
-    var a;
-    this._params = e, this.measureController = t, this.mode = (a = e.mode) != null ? a : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? p : m, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)", e.container.appendChild(this.container);
-    const o = this.container.querySelectorAll(".fpm__text"), r = this.container.querySelector(".fpm_ui-bg"), n = this.container.querySelector(".fpm_operating-space");
-    Object.assign(r == null ? void 0 : r.style, d), Object.assign(n == null ? void 0 : n.style, y), Object.assign(this.container.style, u), o.forEach((l) => Object.assign(l.style, f));
+    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 : h, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)", this.svelteDom = new E({
+      target: e.container,
+      props: { measureController: this.measureController }
+    });
+    const s = this.container.querySelectorAll(".fpm__text"), i = this.container.querySelector(".fpm_ui-bg"), n = this.container.querySelector(".fpm_operating-space");
+    Object.assign(i == null ? void 0 : i.style, d), Object.assign(n == null ? void 0 : n.style, y), Object.assign(this.container.style, u), s.forEach((a) => Object.assign(a.style, f));
   }
   dispose() {
-    this.hide(), this.container.remove();
+    var t;
+    this.hide(), (t = this.svelteDom) == null || t.$destroy(), 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 E(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new b(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
+    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new g(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new b(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
   }
   hide() {
     var t, e;
-    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((t = this.revoke) == null || t.dispose()), (e = this.mainController) == null || e.dispose(), this.disposers.forEach((o) => o()), this.disposers = [], this;
+    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((t = this.revoke) == null || t.dispose()), (e = this.mainController) == null || e.dispose(), this.disposers.forEach((s) => s()), this.disposers = [], this;
   }
 }
 export {
-  w as UIController
+  D as UIController
 };

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

@@ -1,5 +1,5 @@
 import type { Five, Subscribe } from '@realsee/five';
-import { Group } from 'three';
+import type { Group } from 'three';
 import type { Model } from '../../Model';
 import type { PanoMeasurePluginEvent } from '../../typings/event.type';
 import type FiveHelper from '../FiveHelper';

package/libs/PanoMeasurePlugin/index.js

@@ -1,9 +1,9 @@
 import t from "./Controller/index.js";
-import { default as oo } from "./Modules/Magnifier.js";
-import { Model as to } from "./Model/index.js";
-import { default as mo } from "./Model/point.js";
-import { default as eo } from "./Model/line.js";
-import { Polyline as no } from "./Model/polyline.js";
+import { default as Ao } from "./Modules/Magnifier.js";
+import { Model as Do } from "./Model/index.js";
+import { default as Fo } from "./Model/point.js";
+import { default as Ho } from "./Model/line.js";
+import { Polyline as Jo } from "./Model/polyline.js";
 import "./Modules/FiveHelper.js";
 import "three";
 import "./Controller/EditController.js";
@@ -16,11 +16,21 @@ import "./utils/line.js";
 import "@realsee/five/line";
 import "./utils/constants.js";
 import "@realsee/five";
-import "./utils/distanceDom.js";
+import "./utils/dom/distanceItem.js";
+import "./utils/dom/base.js";
 import "./utils/isNDCPointInScreen.js";
 import "../shared-utils/removeArrayItem.js";
 import "./utils/getIntersectionFromEvent.js";
 import "./utils/getPointFromHammerEvent.js";
+import "./Model/area.js";
+import "./Model/polygon.js";
+import "../shared-utils/three/IObject3D.js";
+import "./utils/generatePolygonGeometry.js";
+import "earcut";
+import "./utils/dom/areaDom.js";
+import "./utils/geometryUtil.js";
+import "../shared-utils/three/centerPoint.js";
+import "./utils/isIntersecting.js";
 import "./Controller/ViewController.js";
 import "./Controller/WatchController.js";
 import "./Modules/DeleteDom/index.js";
@@ -48,17 +58,36 @@ import "./Modules/UIController/style.js";
 import "./Modules/UIController/MainBtnController.js";
 import "./Modules/UIController/mobileMainBtnController.js";
 import "./Modules/UIController/Revoke/index.js";
+import "./Components/Controller1.js";
+import "../vendor/svelte/internal/index.js";
+import "./Components/Common/Switcher1.js";
+import "./Components/Common/CircleButton.js";
 import "./Modules/GuideController.js";
 import "./Controller/ShortcutKeyController.js";
-const Z = function(o, r) {
+import "../shared-utils/safeObj.js";
+import "../shared-utils/three/Magnifier.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+const qo = function(o, r) {
   return new t(o, r);
 };
 export {
-  oo as Magnifier,
-  Z as PanoMeasurePlugin,
-  eo as PanoMeasurePluginLine,
-  to as PanoMeasurePluginModel,
-  mo as PanoMeasurePluginPoint,
-  no as PanoMeasurePluginPolyline,
-  Z as default
+  Ao as Magnifier,
+  qo as PanoMeasurePlugin,
+  Ho as PanoMeasurePluginLine,
+  Do as PanoMeasurePluginModel,
+  Fo as PanoMeasurePluginPoint,
+  Jo as PanoMeasurePluginPolyline,
+  qo as default
 };

package/libs/PanoMeasurePlugin/typings/data.d.ts

@@ -21,6 +21,24 @@ export interface OpenParameter {
     isMobile?: boolean;
     crossHairParameter?: CrossHairParameter;
 }
+/** 长度达到一定值时，自动结束线段，null 的话不自动结束 */
+export interface autoEndConfig {
+    line: number | null;
+    area: number | null;
+}
+export type MeasureType = 'line' | 'area';
+export interface EditParameter {
+    /**
+     * @description 选择测量插件的模式
+     * @default ['line']
+     * @example
+     * ['line']: 传统的测距
+     * ['area']: 新增的测面积功能
+     * ['line', 'area']: 同时开启测距和测面积功能
+     */
+    allowMeasureType?: Array<MeasureType>;
+    autoEndConfig?: autoEndConfig;
+}
 export interface CrossHairParameter {
     useNormalVector?: boolean;
     ballColor?: number;

package/libs/PanoMeasurePlugin/typings/event.type.d.ts

@@ -4,6 +4,7 @@ import type { State } from '../Controller/MixedController';
 import type Line from '../Model/line';
 import type Point from '../Model/point';
 import type { Polyline } from '../Model/polyline';
+import type { MeasureType } from './data';
 type ControllerEvent = {
     enable: (userAction: boolean) => void;
     disable: (userAction: boolean) => void;
@@ -16,13 +17,19 @@ type WatchEvent = {
     selectedChange: (lines: Line[]) => void;
 };
 type EditEvent = {
-    /**
-     * 编辑线条变更
-     */
+    /** 编辑线条变更 */
     editedPolylineChange: (polyline: Polyline) => void;
     /** 编辑中的虚线变更 */
     editedDashedLineChange: (line: Line | null) => void;
     anchorChange: (anchor: Vector3 | null) => void;
+    /** 测量类型变更 */
+    measureTypeChange: (measureTpe: MeasureType) => void;
+    /** 差最后一次打点就可以完成完成 */
+    readyComplete: () => void;
+    /** 一条线段或者一个面积编辑完成 */
+    complete: () => void;
+    /** 测量面积时，是否可以打点的状态是会一直变的 */
+    allowAddPointStateChange: (state: 'allow' | 'forbid') => void;
 };
 type DragEvent = {
     wantsDragLine: (event: {

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

@@ -1,5 +1,5 @@
 import type { Config as BaseConfig } from '../../base/BasePlugin';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 export interface Config extends BaseConfig {
     userDistanceItemCreator?: undefined | (() => UserDistanceItem);
     /** 展示 distance DOM 时，使用的转换函数

package/libs/PanoMeasurePlugin/utils/dom/areaDom.d.ts

@@ -0,0 +1,22 @@
+import type { ItemDomParams } from './base';
+import { ItemDom } from './base';
+import type { Five } from '@realsee/five';
+import type { BufferGeometry } from 'three';
+import type Area from '../../Model/area';
+interface AreaItemParams extends ItemDomParams {
+    area: Area;
+}
+export declare class AreaItem extends ItemDom {
+    protected params: AreaItemParams;
+    private area;
+    constructor(params: AreaItemParams);
+    /**
+     * @description: dom 依赖的多边形的顶点的位置更新时，更新 dom 的位置和面积
+     */
+    updateArea(five: Five, _geometry?: BufferGeometry): void;
+    updateAreaText(area: number, config?: {
+        unit?: string;
+        fix?: number;
+    }): void;
+}
+export {};

package/libs/PanoMeasurePlugin/utils/dom/areaDom.js

@@ -0,0 +1,29 @@
+var m = Object.defineProperty;
+var p = (r, e, t) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var s = (r, e, t) => (p(r, typeof e != "symbol" ? e + "" : e, t), t);
+import { ItemDom as h } from "./base.js";
+import { getGeometryInfo as d } from "../geometryUtil.js";
+import "../isNDCPointInScreen.js";
+import "three";
+import "../../../shared-utils/three/centerPoint.js";
+class I extends h {
+  constructor(t) {
+    super(t);
+    s(this, "area");
+    this.params = t, this.area = t.area, this.containerDom.appendChild(this.contentDom);
+  }
+  /**
+   * @description: dom 依赖的多边形的顶点的位置更新时，更新 dom 的位置和面积
+   */
+  updateArea(t, o) {
+    const i = o != null ? o : this.area.polygon.geometry, { area: a, center: n } = d(i);
+    this.ndcPosition = n, this.updateDomPosition(t), this.updateAreaText(a);
+  }
+  updateAreaText(t, o) {
+    const { unit: i = "m²", fix: a = 2 } = o != null ? o : {};
+    this.contentDom.innerText = `${t.toFixed(a)}${i}`;
+  }
+}
+export {
+  I as AreaItem
+};