@realsee/dnalogel 2.21.0 → 2.22.0-dev.0

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1,56 +1,92 @@
-var y = Object.defineProperty;
-var d = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var p = (s, e, t) => e in s ? y(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, n = (s, e) => {
+var I = Object.defineProperty;
+var P = Object.getOwnPropertySymbols;
+var T = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var c = (s, e, t) => e in s ? I(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, m = (s, e) => {
   for (var t in e || (e = {}))
-    M.call(e, t) && p(s, t, e[t]);
-  if (d)
-    for (var t of d(e))
-      P.call(e, t) && p(s, t, e[t]);
+    T.call(e, t) && c(s, t, e[t]);
+  if (P)
+    for (var t of P(e))
+      E.call(e, t) && c(s, t, e[t]);
   return s;
 };
-var i = (s, e, t) => (p(s, typeof e != "symbol" ? e + "" : e, t), t);
-import I from "../Modules/Magnifier.js";
+var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
 import a from "./EditController.js";
-import f from "./ViewController.js";
-import g from "./WatchController.js";
-import l from "./MixedController.js";
-import { omit as b } from "../../shared-utils/filter.js";
-import { Group as w } from "three";
-import { Model as v } from "../Model/index.js";
-import { Subscribe as U } from "@realsee/five";
-import { getMouseGroup as E } from "../utils/mouseGroup.js";
-import { UIController as C } from "../Modules/UIController/index.js";
-import { GuideController as k } from "../Modules/GuideController.js";
-import { ShortcutKeyController as D } from "./ShortcutKeyController.js";
-import "hammerjs";
+import w from "./ViewController.js";
+import v from "./WatchController.js";
+import h from "./MixedController.js";
+import { omit as k } from "../../shared-utils/filter.js";
+import { Group as D } from "three";
+import { Model as U } from "../Model/index.js";
+import { Subscribe as x } from "@realsee/five";
+import { getMouseGroup as G } from "../utils/mouseGroup.js";
+import { UIController as S } from "../Modules/UIController/index.js";
+import { GuideController as L } from "../Modules/GuideController.js";
+import { ShortcutKeyController as O } from "./ShortcutKeyController.js";
+import { safeObj as b } from "../../shared-utils/safeObj.js";
+import { Magnifier as B } from "../../shared-utils/three/Magnifier.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { isTouchDevice as W } from "../../shared-utils/isTouchDevice.js";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
-import "../utils/distanceDom.js";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../../shared-utils/throttle.js";
 import "./BaseController.js";
 import "../utils/ironbox.js";
-import "../utils/getIntersectionFromEvent.js";
-import "../utils/getPointFromHammerEvent.js";
 import "../Model/polyline.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 "../utils/isIntersecting.js";
+import "../../shared-utils/three/PointSelector.js";
+import "../../shared-utils/three/PointSelectorHelper.js";
+import "../../shared-utils/three/PointHelper.js";
+import "../../shared-utils/three/Assets/index.js";
+import "../../shared-utils/three/PointDomHelper.js";
+import "hammerjs";
+import "../Modules/rangePiece/html.js";
+import "../../CSS3DRenderPlugin/index.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../shared-utils/absoluteUrl.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 "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/getIntersectionFromEvent.js";
+import "../../shared-utils/getPointFromHammerEvent.js";
+import "../../shared-utils/three/getIntersect.js";
 import "../Modules/DeleteDom/index.js";
 import "../Modules/DeleteDom/_Assets/delete.svg.js";
 import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
 import "../Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
+import "../utils/findAssociatedLines.js";
 import "../utils/math.js";
 import "../utils/findClosestPoint.js";
 import "../utils/ndc2Screen.js";
-import "../utils/findAssociatedLines.js";
 import "../Modules/rangePiece/index.js";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../Modules/rangePiece/html.js";
-import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/noop.js";
 import "../utils/calculateThreeMouse.js";
 import "../../shared-utils/tap.js";
@@ -60,11 +96,28 @@ import "../Modules/UIController/style.js";
 import "../Modules/UIController/MainBtnController.js";
 import "../Modules/UIController/mobileMainBtnController.js";
 import "../Modules/UIController/Revoke/index.js";
-class Ee {
+import "../Components/Controller0.js";
+import "../../vendor/svelte/internal/index.js";
+import "../Components/Common/Switcher0.js";
+import "../Components/Common/Exit.js";
+import "../Components/Common/icons/index.js";
+import "../Components/Controller1.js";
+import "../Components/Common/Switcher1.js";
+import "../Components/Common/CircleButton.js";
+import "../../vendor/svelte/transition/index.js";
+import "../../vendor/svelte/easing/index.js";
+import "../../vendor/object-assign-deep/objectAssignDeep.js";
+import "../Components/Tip.js";
+class Dt {
   constructor(e, t) {
     i(this, "hasOpen", !1);
-    i(this, "hook", new U());
+    i(this, "hook", new x());
     i(this, "magnifier");
+    i(this, "controller", null);
+    /** 允许的测量类型 */
+    i(this, "allowMeasureType");
+    /** 当前的测量类型 */
+    i(this, "currentMeasureType");
     i(this, "five");
     i(this, "model");
     i(this, "group");
@@ -75,8 +128,15 @@ class Ee {
     i(this, "useGuideController");
     i(this, "container", document.createElement("div"));
     i(this, "shortcutKeyController");
-    i(this, "controller", null);
-    i(this, "getCurrentMode", () => this.controller instanceof a ? "Edit" : this.controller instanceof g ? "Watch" : this.controller instanceof l ? "Mixed" : this.controller instanceof f ? "View" : null);
+    /** 关闭插件功能
+     * @description 清除标尺线条
+     * @description 还原点位展示和默认鼠标 UI
+     */
+    i(this, "disable", () => {
+      var e, t, r, o;
+      this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.useUIController) == null || t.hide(), (r = this.useGuideController) == null || r.hide(), (o = this.shortcutKeyController) == null || o.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
+    });
+    i(this, "getCurrentMode", () => this.controller instanceof a ? "Edit" : this.controller instanceof v ? "Watch" : this.controller instanceof h ? "Mixed" : this.controller instanceof w ? "View" : null);
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
@@ -86,39 +146,43 @@ class Ee {
         return;
       (o = this.controller) == null || o.dispose();
       const t = {
-        View: f,
-        Watch: g,
+        View: w,
+        Watch: v,
         Edit: a,
-        Mixed: l
+        Mixed: h
       };
       if (!t[e])
         throw new Error("不存在的 Mode");
       const r = this.createControllerParams();
       this.controller = new t[e](r), this.hook.emit("modeChange", e);
     });
-    var o, h, c, u;
-    this.five = e, this.params = t, this.config = b(t, ["openParams", "magnifierParams"]), this.model = new v(this.config), this.isMobile = (h = (o = t == null ? void 0 : t.openParams) == null ? void 0 : o.isMobile) != null ? h : !1, this.magnifier = new I(e, (c = t.magnifierParams) != null ? c : { width: 190, height: 190, scale: 2 }), this.group = new w(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
-    const r = (u = this.params.openParams) != null ? u : {};
+    /**
+     * @description: 切换测量的类型
+     */
+    i(this, "changeMeasureType", (e) => {
+      this.currentMeasureType = e, this.hook.emit("measureTypeChange", e);
+    });
+    var l, n, u, d, f, g, y, M, C;
+    this.five = e, this.params = t, this.config = k(t, ["openParams", "magnifierParams"]), this.model = new U(this.config), this.isMobile = (n = (l = t == null ? void 0 : t.openParams) == null ? void 0 : l.isMobile) != null ? n : !1, this.magnifier = new B(e, (u = t.magnifierParams) != null ? u : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((f = (d = t.editParams) == null ? void 0 : d.allowMeasureType) != null ? f : ["line"])), this.currentMeasureType = (g = this.allowMeasureType[0]) != null ? g : "line", this.group = new D(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
+    const r = (M = (y = t.editParams) == null ? void 0 : y.pointSelectorMode) != null ? M : W ? "fixed" : "cursor", o = (C = this.params.openParams) != null ? C : {};
     if (this.params.useUIController !== !1) {
-      const m = n({
-        container: this.container,
-        openParams: r
-      }, typeof this.params.useUIController == "object" ? this.params.useUIController : {});
-      this.useUIController = new C(this, m);
+      const p = m({ container: this.container, openParams: o, pointSelectorMode: r }, b(this.params.useUIController));
+      this.useUIController = new S(this, p);
     }
     if (this.params.useGuideController !== !1) {
-      const m = n({
-        container: this.container
-      }, typeof this.params.useGuideController == "object" ? this.params.useGuideController : {});
-      this.useGuideController = new k(this, m);
+      const p = m({ container: this.container, pointSelectorMode: r }, b(this.params.useGuideController));
+      this.useGuideController = new L(this, p);
     }
   }
   appendTo(e) {
     e.append(this.container);
   }
+  clear() {
+    this.model.clear();
+  }
   dispose() {
     var e, t;
-    this.disable(), (e = this.useUIController) == null || e.dispose(), (t = this.magnifier) == null || t.dispose(), this.five.needsRender = !0;
+    this.disable(), this.clear(), (e = this.useUIController) == null || e.dispose(), (t = this.magnifier) == null || t.dispose(), this.five.needsRender = !0;
   }
   /** 加载数据
    * @description 数据加载时会覆盖当前已保存的数据
@@ -133,20 +197,13 @@ class Ee {
    */
   enable(e) {
     var t;
-    this.hasOpen || (this.hasOpen = !0, this.five.scene.add(this.group), this.container.style.opacity = "1", e != null && e.mode ? this.changeMode(e.mode) : this.isMobile ? this.changeMode("Mixed") : this.changeMode("Watch"), (t = this.useUIController) == null || t.show(), this.shortcutKeyController = new D(this, this.five), this.hook.emit("enable", !0));
-  }
-  /** 关闭插件功能
-   * @description 清除标尺线条
-   * @description 还原点位展示和默认鼠标 UI
-   */
-  disable() {
-    var e, t, r, o;
-    this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.useUIController) == null || t.hide(), (r = this.useGuideController) == null || r.hide(), (o = this.shortcutKeyController) == null || o.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
+    this.hasOpen || (this.hasOpen = !0, this.five.scene.add(this.group), this.container.style.opacity = "1", e != null && e.mode ? this.changeMode(e.mode) : this.isMobile ? this.changeMode("Mixed") : this.changeMode("Watch"), (t = this.useUIController) == null || t.show(), this.shortcutKeyController = new O(this, this.five), this.hook.emit("enable", !0));
   }
   /** 进入编辑模式 */
-  edit() {
-    const e = this.isMobile ? "Mixed" : "Edit";
-    this.changeMode(e);
+  edit(e) {
+    e && this.changeMeasureType(e);
+    const t = this.isMobile ? "Mixed" : "Edit";
+    this.changeMode(t);
   }
   /** 撤销编辑 */
   revoke() {
@@ -155,6 +212,9 @@ class Ee {
   removePolyline(e) {
     this.model.removePolyline(e);
   }
+  removeArea(e) {
+    this.model.removeArea(e);
+  }
   removePolylineByID(e) {
     const t = this.model.getPolylineByID(e);
     t && this.model.removePolyline(t);
@@ -180,40 +240,34 @@ class Ee {
    * @description 以下情况可能报错
    */
   save(e) {
-    var o;
-    if (!(this.controller instanceof a) && !(this.controller instanceof l))
+    var l;
+    if (!(this.controller instanceof a) && !(this.controller instanceof h))
       return this;
-    const t = (o = e == null ? void 0 : e.mode) != null ? o : "View";
-    return this.controller.model.polylines.forEach((h) => {
-      this.model.addPolyline(h);
+    const t = (l = e == null ? void 0 : e.mode) != null ? l : "View", r = this.controller.model.polylines, o = this.controller.model.areas;
+    return r.forEach((n) => {
+      this.model.addPolyline(n);
+    }), this.controller instanceof a ? this.controller.complete() : o.forEach((n) => {
+      n.showArea(), this.model.addArea(n);
     }), this.changeMode(t), this;
   }
   /** Mixed 模式才有用，添加起点 */
   addStartPoint() {
-    this.controller instanceof l && this.hook.emit("willChangeState", "watching", "editing");
+    this.controller instanceof h && this.hook.emit("willChangeState", "watching", "editing");
   }
   /** Mixed 模式才有用，添加终点 */
   addEndPoint() {
-    this.controller instanceof l && this.hook.emit("willChangeState", "editing", "watching");
+    this.controller instanceof h && this.hook.emit("willChangeState", "editing", "watching");
   }
   /** 导出数据 */
   toJson() {
     return this.model.toJson();
   }
   /**
+   * @deprecated 暂不支持
    * @description 改变插件的模式（pc端模式或移动端模式）
    * @param isMobile true为移动端模式，false为pc端
    */
   changeIsMobile(e) {
-    var t;
-    if (this.isMobile = e, this.params.useUIController !== !1) {
-      (t = this.useUIController) == null || t.dispose();
-      const r = n({
-        container: this.container,
-        mode: this.isMobile ? "mobile" : "pc"
-      }, typeof this.params.useUIController == "object" ? this.params.useUIController : {});
-      this.useUIController = new C(this, r);
-    }
   }
   changeConfigs(e) {
     var t;
@@ -228,8 +282,8 @@ class Ee {
     r.setText(t), (o = this.controller) == null || o.updateDistanceUI();
   }
   createControllerParams() {
-    var t;
-    const e = (t = this.params.openParams) != null ? t : {};
+    var r, o;
+    const e = (r = this.params.openParams) != null ? r : {}, t = (o = this.params.editParams) != null ? o : {};
     return e.isMobile = this.isMobile, {
       five: this.five,
       hook: this.hook,
@@ -239,11 +293,14 @@ class Ee {
       magnifier: this.magnifier,
       container: this.container,
       openParams: e,
-      mouseGroup: E(n({}, e.crossHairParameter)),
+      editParams: t,
+      magnifierParams: this.params.magnifierParams,
+      getMeasureType: () => this.currentMeasureType,
+      mouseGroup: G(m({}, e.crossHairParameter)),
       userDistanceItemCreator: this.params.userDistanceItemCreator
     };
   }
 }
 export {
-  Ee as default
+  Dt as default
 };

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

@@ -0,0 +1,74 @@
+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 type = "area";
+    readonly lightMesh: FiveLine;
+    readonly areaItem: AreaItem;
+    readonly hook: Subscribe<AreaHook>;
+    /**
+     * @description: 多边形的端点是否闭合
+     */
+    get isClosed(): boolean;
+    /** 多边形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;
+    /**
+     * @description: 移除最后一个添加的点
+     */
+    popPoint(): void;
+    /**
+     * @description: 自动补全多边形的各个边
+     */
+    complete(): 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,117 @@
+var m = Object.defineProperty;
+var d = (s, t, i) => t in s ? m(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
+var e = (s, t, i) => (d(s, typeof t != "symbol" ? t + "" : t, i), i);
+import * as h 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 p 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/centerPoint.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../utils/generatePolygonGeometry.js";
+import "earcut";
+import "../../shared-utils/removeArrayItem.js";
+import "../utils/geometryUtil.js";
+class O {
+  constructor(t, i) {
+    e(this, "id", f());
+    e(this, "selected", !1);
+    e(this, "text");
+    e(this, "type", "area");
+    e(this, "lightMesh");
+    e(this, "areaItem");
+    e(this, "hook", new c());
+    /** 多边形mesh */
+    e(this, "polygon");
+    /** 多边形顶点 */
+    e(this, "points", []);
+    /** 多边形前三个点组成的平面，用来使得后面加的点也落在这个平面上 */
+    e(this, "planeHelper");
+    /** 多边形边框 */
+    e(this, "polyline");
+    /** 多边形mesh容器 */
+    e(this, "meshContainer");
+    /** 多边形dom容器 */
+    e(this, "domContainer");
+    e(this, "five");
+    e(this, "model");
+    /**
+     * @description: five camera update 时，更新Dom的位置
+     */
+    e(this, "updateDom", () => {
+      this.five && (this.polyline.lines.forEach((t) => t.distanceItem.update(this.five)), this.areaItem.updateDomPosition(this.five));
+    });
+    var n;
+    t && (this.points = t), this.model = i.model, this.polygon = new v(t), this.polyline = new y({ model: i.model }), this.areaItem = new C({
+      area: this,
+      clickCallback: (a, o) => {
+        const r = a.clientX + "px", l = a.clientY + "px";
+        this.hook.emit("selected", this, { left: r, top: l });
+      }
+    }), 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);
+  }
+  /**
+   * @description: 多边形的端点是否闭合
+   */
+  get isClosed() {
+    var t;
+    return this.points.length >= 4 && ((t = this.points.at(0)) == null ? void 0 : t.equals(this.points.at(-1)));
+  }
+  addPoints(t) {
+    var a;
+    this.points = this.points.concat(t);
+    const i = this.points.at(-2), n = this.points.at(-1);
+    if (i && n) {
+      const o = new u(new p(i), new p(n), this.polyline.model);
+      this.polyline.addLine(o), this.meshContainer.add(o.mesh), this.five && (o.distanceItem.setCanSelect(!1), o.distanceItem.appendTo(this.domContainer), o.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 h.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.points.length < 3 && (this.planeHelper = null);
+  }
+  /**
+   * @description: 移除最后一个添加的点
+   */
+  popPoint() {
+    this.points.pop();
+    const t = this.polyline.lines.pop();
+    t == null || t.remove(), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length < 3 && (this.planeHelper = null);
+  }
+  /**
+   * @description: 自动补全多边形的各个边
+   */
+  complete() {
+    this.points.at(-1).equals(this.points[0]) || this.addPoints(this.points[0]);
+  }
+  hideArea() {
+    this.polygon.visible = !1, this.areaItem.hide();
+  }
+  showArea() {
+    this.polygon.visible = !0, this.areaItem.show();
+  }
+  /**
+   * @description: 获取一个点投影在当前平面上的点
+   */
+  projectPoint(t) {
+    return t && (this.planeHelper ? this.planeHelper.projectPoint(t, new h.Vector3()) : t);
+  }
+  remove() {
+    this.polygon.removeFromParent(), this.areaItem.remove(), this.polyline.lines.forEach((t) => t.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 {
+  O 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,23 @@ 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;
+    removeArea(area: Area): 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;