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

package/libs/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -1,12 +1,13 @@
-import type Magnifier from '../Modules/Magnifier';
-import type { Group } from 'three';
+import type FiveHelper from '../Modules/FiveHelper';
+import { type Group } from 'three';
 import type { Model } from '../Model';
 import type { Config } from '../typings';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 import type { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
-import type { OpenParameter } from '../typings/data';
+import type { OpenParameter, EditParameter, MeasureType } from '../typings/data';
 import Line from '../Model/line';
+import type { Magnifier } from '../../shared-utils';
 export interface ControllerParams {
     five: Five;
     group: Group;
@@ -15,7 +16,11 @@ export interface ControllerParams {
     mouseGroup: Group;
     container: Element;
     magnifier: Magnifier;
+    fiveHelper: FiveHelper;
     openParams: OpenParameter;
+    editParams: EditParameter;
+    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
+    getMeasureType: () => MeasureType;
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
@@ -25,13 +30,19 @@ export default class BaseController {
     protected group: Group;
     protected config: Config;
     protected dashed: Line;
+    protected perpendicularDashed: Line;
     protected disposed: boolean;
     protected isMobile: boolean;
     protected mouseGroup: Group;
     protected container: Element;
+    protected fiveHelper: FiveHelper;
+    protected editParams: EditParameter;
+    protected magnifierParams: ConstructorParameters<typeof Magnifier>[1];
     protected hook: ControllerParams['hook'];
     protected magnifier: ControllerParams['magnifier'];
     protected userDistanceItemCreator: ControllerParams['userDistanceItemCreator'];
+    protected get currentMeasureType(): MeasureType;
+    private getMeasureType;
     constructor(params: ControllerParams);
     updateDistanceUI: () => void;
     protected removeLine(line: Line): void;

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -1,60 +1,69 @@
-var d = Object.defineProperty;
-var a = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var o = (i, e, t) => (a(i, typeof e != "symbol" ? e + "" : e, t), t);
-import u from "../Model/line.js";
-import h from "../Model/point.js";
-import { preventDefault as r } from "../utils/ironbox.js";
+var m = Object.defineProperty;
+var u = (s, e, i) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
+var t = (s, e, i) => (u(s, typeof e != "symbol" ? e + "" : e, i), i);
+import { Color as l } from "three";
+import h from "../Model/line.js";
+import r from "../Model/point.js";
+import { preventDefault as n } from "../utils/ironbox.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
-import "three";
 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";
-class A {
+class k {
   constructor(e) {
-    o(this, "model");
-    o(this, "five");
-    o(this, "group");
-    o(this, "config");
-    o(this, "dashed");
-    o(this, "disposed", !1);
-    o(this, "isMobile");
-    o(this, "mouseGroup");
-    o(this, "container");
-    o(this, "hook");
-    o(this, "magnifier");
-    o(this, "userDistanceItemCreator");
-    o(this, "updateDistanceUI", () => {
+    t(this, "model");
+    t(this, "five");
+    t(this, "group");
+    t(this, "config");
+    t(this, "dashed");
+    t(this, "perpendicularDashed");
+    t(this, "disposed", !1);
+    t(this, "isMobile");
+    t(this, "mouseGroup");
+    t(this, "container");
+    t(this, "fiveHelper");
+    t(this, "editParams");
+    t(this, "magnifierParams");
+    t(this, "hook");
+    t(this, "magnifier");
+    t(this, "userDistanceItemCreator");
+    t(this, "getMeasureType");
+    t(this, "updateDistanceUI", () => {
       this.dashed.distanceItem.update(this.five), this.model.getAllLines().forEach((e) => e.distanceItem.update(this.five));
     });
-    var n, s;
-    this.five = e.five, this.hook = e.hook, this.model = e.model, this.config = e.config, this.magnifier = e.magnifier, this.container = e.container, this.isMobile = (s = (n = e.openParams) == null ? void 0 : n.isMobile) != null ? s : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new u(new h([0, 0, 0]), new h([0, 0, 0]), this.model), this.dashed.distanceItem.setItemSelectable(!1), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine";
-    const t = this.five.getElement();
-    t && (t.addEventListener("touchstart", r), t.addEventListener("contextmenu", r));
+    var a, o;
+    this.five = e.five, this.hook = e.hook, this.model = e.model, this.getMeasureType = e.getMeasureType, this.config = e.config, this.magnifierParams = e.magnifierParams, this.magnifier = e.magnifier, this.container = e.container, this.fiveHelper = e.fiveHelper, this.editParams = e.editParams, this.isMobile = (o = (a = e.openParams) == null ? void 0 : a.isMobile) != null ? o : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.dashed.distanceItem.setCanSelect(!1), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine", this.perpendicularDashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.perpendicularDashed.distanceItem.setCanSelect(!1), this.perpendicularDashed.mesh.setMaterial({ dashed: !0, dashScale: 40, color: new l(10218089) }), this.perpendicularDashed.mesh.name = "perpendicularDashLine";
+    const i = this.five.getElement();
+    i && (i.addEventListener("touchstart", n), i.addEventListener("contextmenu", n));
+  }
+  get currentMeasureType() {
+    return this.getMeasureType();
   }
   removeLine(e) {
     this.group.remove(e.mesh, e.lightMesh), e.distanceItem.remove(), this.five.needsRender = !0;
   }
-  updateMouseGroup(e, t) {
+  updateMouseGroup(e, i) {
     if (!e)
       return this.mouseGroup;
-    if (this.mouseGroup.position.copy(e.point), t)
-      this.mouseGroup.quaternion.copy(t.quaternion);
+    if (this.mouseGroup.position.copy(e.point), i)
+      this.mouseGroup.quaternion.copy(i.quaternion);
     else if (e.face) {
-      const s = e.face.normal.clone().multiplyScalar(0.05), m = e.point.clone().add(s).clone().add(s);
-      this.mouseGroup.lookAt(m);
+      const o = e.face.normal.clone().multiplyScalar(0.05), d = e.point.clone().add(o).clone().add(o);
+      this.mouseGroup.lookAt(d);
     }
     return this.mouseGroup;
   }
   dispose() {
-    this.disposed = !0, this.magnifier.disable(), this.model.getAllLines().forEach((t) => this.removeLine(t));
+    this.disposed = !0, this.magnifier.disable(), this.model.getAllLines().forEach((i) => this.removeLine(i)), this.model.areas.forEach((i) => i.remove());
     const e = this.five.getElement();
-    e && (e.removeEventListener("touchstart", r), e.removeEventListener("contextmenu", r));
+    e && (e.removeEventListener("touchstart", n), e.removeEventListener("contextmenu", n));
   }
 }
 export {
-  A as default
+  k as default
 };

package/libs/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -2,17 +2,17 @@ import Line from '../Model/line';
 import BaseController from './BaseController';
 import type { ControllerParams } from './BaseController';
 import { Polyline } from '../Model/polyline';
+import Area from '../Model/area';
 export default class EditController extends BaseController {
     type: string;
     polyline: Polyline;
-    /** 拖动的控制点 */
-    private pressPoint?;
+    area: Area;
     private hasAppendDashed;
-    private hasAppendMouseGroup;
     private fiveElement?;
     /** 上一个端点位置 */
     private lastPoint;
-    private hammer?;
+    private pointSelector;
+    private deleteDom;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;
     constructor(params: ControllerParams);
@@ -20,29 +20,38 @@ export default class EditController extends BaseController {
     getEditingLines(): Line[];
     /** 撤销编辑 */
     revoke: () => void;
+    /**
+     * @description: 测面积的撤销功能
+     */
+    revokeArea: () => void;
+    /**
+     * @description: 测距的撤销功能
+     */
+    revokeLine: (_polyline?: Polyline) => void;
+    selectPoint(): void;
+    complete(): void;
     private onMouseLeave;
     /** 编辑线条发生改变时通知外部 */
     private onLineChanged;
-    private onPress;
-    /**
-     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
-     * 2. 如果有长按点，把长按点位置更新为当前位置
-     */
-    private onPan;
-    private onPanEnd;
+    private onWantsSelect;
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
-     * 3. 清除 mouseGroup 和 magnifier
+     * 3. 清除 pointSelector
      */
-    private onTap;
-    private onWantsTapGesture;
-    /** 编辑时取消走点 */
-    private onWantsToMoveToPano;
-    /** 存在长按点时不能移动全景 */
-    private onWantsPanGesture;
+    private onSelect;
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */
     private onCameraUpdate;
     /** 更新虚线 */
     private updateDashed;
+    private wantsTapGesture;
+    private chooseLine;
+    private chooseArea;
+    private highlightArea;
+    private unHighlightArea;
+    private highlightLines;
+    private unHighlightLines;
+    private highlightLine;
+    private deleteArea;
+    private deleteLine;
 }

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -1,130 +1,315 @@
-var d = Object.defineProperty;
-var l = (h, n, e) => n in h ? d(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
-var i = (h, n, e) => (l(h, typeof n != "symbol" ? n + "" : n, e), e);
-import m from "hammerjs";
-import { Model as u } from "../Model/index.js";
-import f from "../Model/line.js";
-import p from "../Model/point.js";
-import { throttle as v } from "../../shared-utils/throttle.js";
-import c from "./BaseController.js";
-import { getIntersectionFromEvent as r } from "../utils/getIntersectionFromEvent.js";
-import { Polyline as P } from "../Model/polyline.js";
-import "@realsee/five";
+var U = Object.defineProperty;
+var b = (m, c, e) => c in m ? U(m, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[c] = e;
+var o = (m, c, e) => (b(m, typeof c != "symbol" ? c + "" : c, e), e);
+import H from "../Model/line.js";
+import D from "../Model/point.js";
+import { throttle as j } from "../../shared-utils/throttle.js";
+import x from "./BaseController.js";
+import { Polyline as k } from "../Model/polyline.js";
+import T from "../Model/area.js";
+import w from "../utils/isIntersecting.js";
+import { PointSelector as G } from "../../shared-utils/three/PointSelector.js";
+import B from "../Modules/DeleteDom/index.js";
+import { findAssociatedLines as W } from "../utils/findAssociatedLines.js";
+import { Vector2 as y } from "three";
+import I from "../utils/isNDCPointInScreen.js";
+import { closestPointOnLine as V } from "../utils/math.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
-import "three";
-import "../utils/distanceDom.js";
-import "../utils/isNDCPointInScreen.js";
+import "@realsee/five";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
-import "../utils/getPointFromHammerEvent.js";
-class V extends c {
+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 "../../shared-utils/three/PointSelectorHelper.js";
+import "../../shared-utils/three/Magnifier.js";
+import "hammerjs";
+import "../../shared-utils/three/getIntersect.js";
+import "../../shared-utils/three/PointHelper.js";
+import "../../shared-utils/three/Assets/index.js";
+import "../../shared-utils/three/PointDomHelper.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../Modules/rangePiece/html.js";
+import "../../CSS3DRenderPlugin/index.js";
+import "../../CSS3DRenderPlugin/Controller.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/waitFiveModelLoaded.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/isTouchDevice.js";
+import "../../shared-utils/getIntersectionFromEvent.js";
+import "../../shared-utils/getPointFromHammerEvent.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";
+const E = () => !1;
+class Xe extends x {
   constructor(e) {
-    var s;
+    var t;
     super(e);
-    i(this, "type", "edit");
-    i(this, "polyline");
-    /** 拖动的控制点 */
-    i(this, "pressPoint");
-    i(this, "hasAppendDashed", !1);
-    i(this, "hasAppendMouseGroup", !1);
-    i(this, "fiveElement");
+    o(this, "type", "edit");
+    o(this, "polyline");
+    o(this, "area");
+    o(this, "hasAppendDashed", !1);
+    // private deleteDom: DeleteDom
+    o(this, "fiveElement");
     /** 上一个端点位置 */
-    i(this, "lastPoint", null);
-    i(this, "hammer");
+    o(this, "lastPoint", null);
+    o(this, "pointSelector");
+    o(this, "deleteDom");
     /** 根据 intersection 更新放大镜和吸附点 */
-    i(this, "onIntersectionUpdate", v((e, t) => {
-      var o;
-      this.hasAppendMouseGroup === !1 && (this.group.add(this.mouseGroup), this.magnifier.appendTo(this.container), this.magnifier.enable(), this.hasAppendMouseGroup = !0);
-      const s = this.updateMouseGroup(e, t).position;
-      (o = this.pressPoint) == null || o.position.copy(s), this.updateDashed(), requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position)), this.five.needsRender = !0;
-    }, 20));
+    o(this, "onIntersectionUpdate", j(() => this.updateDashed(), 20));
     /** 撤销编辑 */
-    i(this, "revoke", () => {
-      if (this.polyline.lines.length === 0 && this.lastPoint) {
-        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.distanceItem.remove(), this.group.remove(this.dashed.mesh), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.needsRender = !0;
+    o(this, "revoke", () => {
+      this.currentMeasureType === "area" ? this.revokeArea() : this.currentMeasureType === "line" && this.revokeLine();
+    });
+    /**
+     * @description: 测面积的撤销功能
+     */
+    o(this, "revokeArea", () => {
+      if (this.area.points.length !== 0) {
+        if (this.area.popPoint(), this.area.points.length === 0) {
+          this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.remove(), this.five.needsRender = !0, this.hook.emit("revoke", { isEmpty: !0 });
+          return;
+        } else
+          this.lastPoint = new D(this.area.points[this.area.points.length - 1]), this.updateDashed();
+        this.five.needsRender = !0;
+      }
+    });
+    /**
+     * @description: 测距的撤销功能
+     */
+    o(this, "revokeLine", (e) => {
+      const t = e || this.polyline;
+      if (t.lines.length === 0 && this.lastPoint) {
+        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.remove(), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.needsRender = !0;
         return;
       }
-      if (this.polyline.lines.length === 0 && !this.lastPoint || !this.lastPoint)
+      if (t.lines.length === 0 && !this.lastPoint || !this.lastPoint)
         return;
-      const e = this.polyline.lines[this.polyline.lines.length - 1], t = e.findAnotherPoint(this.lastPoint);
-      t && (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(e.mesh), this.polyline.removeLine(e), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), e.distanceItem.remove(), this.updateDashed(), this.magnifier.disable(), this.five.needsRender = !0);
+      const i = t.lines[t.lines.length - 1], s = i.findAnotherPoint(this.lastPoint);
+      s && (this.lastPoint = s, this.hook.emit("anchorChange", s.position), this.group.remove(i.mesh), t.removeLine(i), i.distanceItem.remove(), this.updateDashed(), this.five.needsRender = !0);
     });
-    i(this, "onMouseLeave", () => {
-      this.magnifier.disable(), this.group.remove(this.mouseGroup), this.hasAppendMouseGroup = !1, this.lastPoint && (this.mouseGroup.position.copy(this.lastPoint.position), this.updateDashed());
+    o(this, "onMouseLeave", () => {
+      this.dashed.hide(), this.perpendicularDashed.hide(), this.area.hideArea();
     });
     /** 编辑线条发生改变时通知外部 */
-    i(this, "onLineChanged", () => {
+    o(this, "onLineChanged", () => {
       this.hook.emit("editedPolylineChange", this.polyline);
     });
-    i(this, "onPress", (e) => {
-      const [t] = r(this.five, e);
-      if (!(t != null && t.face))
-        return;
-      const s = new p(t.point);
-      this.pressPoint = s, this.onIntersectionUpdate(t);
-    });
-    /**
-     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
-     * 2. 如果有长按点，把长按点位置更新为当前位置
-     */
-    i(this, "onPan", (e) => {
-      if (!this.pressPoint)
-        return;
-      const [t] = r(this.five, e);
-      t != null && t.face && this.onIntersectionUpdate(t);
-    });
-    i(this, "onPanEnd", (e) => {
-      this.pressPoint && this.onTap(e);
+    o(this, "onWantsSelect", () => {
+      if (this.currentMeasureType === "area") {
+        const e = this.area.polygon.isBlank || this.area.polygon.visible === !1;
+        if (this.area.points.length >= 3 && e)
+          return !1;
+      }
     });
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
-     * 3. 清除 mouseGroup 和 magnifier
+     * 3. 清除 pointSelector
      */
-    i(this, "onTap", (e) => {
-      this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh)), this.hasAppendDashed = !0;
-      const [t] = r(this.five, e);
-      this.updateMouseGroup(t);
-      const s = new p(this.mouseGroup.position), o = this.lastPoint;
-      if (s && (this.lastPoint = s), s && o) {
-        const a = new f(o, s, this.model);
-        a.distanceItem.setItemSelectable(!1), a.distanceItem.appendTo(this.container), this.polyline.addLine(a), this.group.add(a.mesh), a.distanceItem.update(this.five);
+    o(this, "onSelect", () => {
+      var s, h, d, p;
+      this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh), this.currentMeasureType === "area" && this.group.add(this.perpendicularDashed.mesh)), this.hasAppendDashed = !0;
+      const e = (() => {
+        var n, a;
+        if (this.currentMeasureType === "area")
+          return this.area.projectPoint((n = this.pointSelector.position) == null ? void 0 : n.point);
+        if (this.currentMeasureType === "line")
+          return (a = this.pointSelector.position) == null ? void 0 : a.point;
+      })();
+      if (!e)
+        return;
+      const t = new D(e), i = this.lastPoint;
+      if (this.lastPoint = t, this.currentMeasureType === "line") {
+        if (t && i) {
+          const a = new H(i, t, this.model);
+          a.distanceItem.setCanSelect(!1), a.distanceItem.appendTo(this.container), this.polyline.addLine(a), this.group.add(a.mesh), a.distanceItem.update(this.five);
+        }
+        const n = (h = (s = this.editParams) == null ? void 0 : s.autoEndConfig) == null ? void 0 : h.line;
+        typeof n == "number" && (this.polyline.getPointLength() >= n ? this.complete() : this.polyline.getPointLength() === n - 1 && this.hook.emit("readyComplete"));
+      } else if (this.currentMeasureType === "area") {
+        this.area.addPoints(t.position);
+        const n = (p = (d = this.editParams) == null ? void 0 : d.autoEndConfig) == null ? void 0 : p.area;
+        typeof n == "number" && (this.area.points.length >= n ? this.complete() : this.area.points.length === n - 1 && this.hook.emit("readyComplete"));
       }
-      this.pressPoint = void 0, this.hasAppendMouseGroup = !1, this.magnifier.disable(), this.group.remove(this.mouseGroup), this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", s.position);
+      this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", t.position);
     });
-    i(this, "onWantsTapGesture", () => !1);
-    /** 编辑时取消走点 */
-    i(this, "onWantsToMoveToPano", () => !1);
-    /** 存在长按点时不能移动全景 */
-    i(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */
-    i(this, "onCameraUpdate", () => {
-      this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
+    o(this, "onCameraUpdate", () => {
+      this.updateDistanceUI();
     });
     /** 更新虚线 */
-    i(this, "updateDashed", () => {
-      this.lastPoint && (this.dashed.points[0].position.copy(this.lastPoint.position), this.dashed.points[1].position.copy(this.mouseGroup.position), this.dashed.mesh.setPoints(this.lastPoint.position, this.mouseGroup.position), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed));
+    o(this, "updateDashed", () => {
+      var i;
+      if (!this.lastPoint)
+        return;
+      const e = this.lastPoint.position, t = (() => {
+        var s, h;
+        if (this.currentMeasureType === "area")
+          return this.area.projectPoint((s = this.pointSelector.position) == null ? void 0 : s.point);
+        if (this.currentMeasureType === "line")
+          return (h = this.pointSelector.position) == null ? void 0 : h.point;
+      })();
+      if (!t) {
+        this.dashed.hide();
+        return;
+      }
+      if (this.dashed.show(), this.dashed.setPoints(e, t), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed), this.currentMeasureType === "area")
+        if (this.area.areaItem.setCanSelect(!1), this.area.points.length >= 2) {
+          const s = this.area.polyline.lines.map((n) => ({ start: n.points[0].position, end: n.points[1].position })), h = w({ start: e, end: t }, s), d = w({ start: t, end: this.area.points[0] }, s);
+          if (h || d)
+            this.area.hideArea(), this.hook.emit("allowAddPointStateChange", "forbid");
+          else {
+            this.area.showArea();
+            const n = [...this.area.points, t];
+            this.area.polygon.updatePoints(n), this.area.areaItem.updateArea(this.five);
+            const a = (i = this.pointSelector.position) == null ? void 0 : i.point;
+            if (!a) {
+              this.perpendicularDashed.hide();
+              return;
+            }
+            const g = a, P = t;
+            this.perpendicularDashed.setPoints(g, P), this.perpendicularDashed.show(), this.hook.emit("allowAddPointStateChange", "allow");
+          }
+        } else
+          this.area.hideArea(), this.perpendicularDashed.hide();
+      this.five.needsRender = !0;
+    });
+    // 下面一堆高亮相关
+    o(this, "wantsTapGesture", (e) => {
+      var S, C;
+      if (this.editParams.pointSelectorMode === "cursor" || this.lastPoint)
+        return !1;
+      const t = this.model.areas.map((r) => e.intersectObject(r.polygon, !0)[0]).sort((r, l) => r.distance - l.distance), i = (C = (S = t[0]) == null ? void 0 : S.object) == null ? void 0 : C.parent;
+      if (i != null && i.isPolygonMesh) {
+        const r = this.model.areas.find((l) => l.polygon === i);
+        if (r) {
+          const { x: l, y: v } = t[0].point.clone().project(this.five.camera), f = `${(l + 1) / 2 * 100}%`, u = `${(-v + 1) / 2 * 100}%`;
+          return this.chooseArea(r, { left: f, top: u }), !1;
+        }
+      }
+      const [s] = this.five.model.intersectRaycaster(e);
+      if (!s)
+        return;
+      const h = this.five.camera, d = s.point.clone().project(h), p = this.container.clientWidth, n = this.container.clientHeight, a = new y(d.x * p, d.y * n), g = this.model.getAllLines().map((r) => {
+        const [l, v] = r.points, f = l.position.clone().project(h), u = v.position.clone().project(h);
+        if (!I(f) && !I(u))
+          return null;
+        const M = new y(f.x * p, f.y * n), R = new y(u.x * p, u.y * n);
+        return { id: r.id, points: [M, R] };
+      }).filter((r) => !!r);
+      if (g.length === 0)
+        return;
+      const L = g.map((r) => {
+        const l = V(a, r.points);
+        return { id: r.id, distance: l.distanceTo(a) };
+      }).sort((r, l) => r.distance - l.distance)[0];
+      if (L.distance > 20)
+        return;
+      const A = this.model.getAllLines().find(({ id: r }) => r === L.id);
+      if (A)
+        return this.chooseLine(A), !1;
+    });
+    o(this, "chooseLine", (e) => {
+      const t = W(e);
+      this.deleteDom.setTarget(t).setLines(t).updatePosition().show(), this.highlightLines(t), this.hook.emit("selectedChange", t);
+    });
+    o(this, "chooseArea", (e, t) => {
+      this.deleteDom.setTarget(e).updatePosition(t.left, `calc(${t.top} - 1.5rem)`).show(), this.highlightArea(e);
+    });
+    o(this, "deleteArea", (e) => {
+      this.unHighlightArea(e), e.dispose(), this.deleteDom.hide();
+    });
+    o(this, "deleteLine", (e) => {
+      const t = e[0], i = this.model.getPolylineByLine(t);
+      i && (this.model.removePolyline(i), this.deleteDom.setLines([]).hide());
     });
-    this.model = new u(this.config), this.polyline = new P({ model: this.model }), this.model.addPolyline(this.polyline), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsPanGesture", this.onWantsPanGesture), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.on("intersectionOnModelUpdate", this.onIntersectionUpdate), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged);
-    const t = this.five.getElement();
-    if (t) {
-      this.fiveElement = t;
-      const o = new m(t);
-      this.hammer = o, o.on("tap", this.onTap), o.on("pan", this.onPan), o.on("press", this.onPress), o.on("panend", this.onPanEnd);
-    }
-    this.five.helperVisible = !1, (s = this.fiveElement) == null || s.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.refresh();
+    this.fiveElement = this.five.getElement(), this.deleteDom = new B(this.five, {
+      i18n: this.config.i18n,
+      onClick: (i, s) => {
+        var p;
+        const h = s.type === "area", d = Array.isArray(s) && ((p = s[0]) == null ? void 0 : p.type) === "line";
+        h && this.deleteArea(s), d && this.deleteLine(s);
+      },
+      cancel: (i) => {
+        var d;
+        this.deleteDom.hide();
+        const s = i.type === "area", h = Array.isArray(i) && ((d = i[0]) == null ? void 0 : d.type) === "line";
+        s && this.unHighlightArea(i), h && this.unHighlightLines(i);
+      }
+    }).appendTo(this.container), this.pointSelector = new G(this.five, {
+      mode: this.editParams.pointSelectorMode,
+      pointSelectorHelperParams: { magnifierParams: this.magnifierParams }
+    }), this.pointSelector.enable(), this.polyline = new k({ model: this.model }), this.area = new T(void 0, {
+      five: this.five,
+      model: this.model,
+      meshContainer: this.group,
+      domContainer: this.container
+    }), this.model.addPolyline(this.polyline), this.model.addArea(this.area), this.model.getAllLines().forEach((i) => {
+      i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), i.distanceItem.setCanSelect(!0), this.group.add(i.mesh);
+    }), this.model.getAllAreas().forEach((i) => {
+      i.areaItem.appendTo(this.container), i.areaItem.updateDomPosition(this.five), i.areaItem.setCanSelect(!0), this.group.add(i.polygon), i.polyline.lines.forEach((s) => {
+        s.distanceItem.appendTo(this.container), s.distanceItem.update(this.five), this.group.add(s.mesh);
+      });
+    }), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsToMoveToPano", E), this.pointSelector.hook.on("intersectionUpdate", this.onIntersectionUpdate), this.pointSelector.hook.on("select", this.onSelect), this.pointSelector.hook.on("wantsSelect", this.onWantsSelect), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged), this.five.helperVisible = !1, (t = this.fiveElement) == null || t.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.refresh();
   }
   dispose() {
-    var e, t;
-    super.dispose(), this.five.helperVisible = !0, this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.onWantsPanGesture), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.off("intersectionOnModelUpdate", this.onIntersectionUpdate), this.polyline.hook.off("lineAdded", this.onLineChanged), this.polyline.hook.off("lineRemoved", this.onLineChanged), (e = this.hammer) == null || e.destroy(), (t = this.fiveElement) == null || t.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+    var e;
+    super.dispose(), this.model.areas.forEach((t) => {
+      (t.points.length < 2 || t.polygon.isBlank) && this.model.removeArea(t);
+    }), this.five.helperVisible = !0, this.pointSelector.disable(), this.dashed.remove(), this.perpendicularDashed.remove(), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.off("wantsToMoveToPano", E), this.pointSelector.hook.off("intersectionUpdate", this.onIntersectionUpdate), this.pointSelector.hook.off("select", this.onSelect), this.polyline.hook.off("lineAdded", this.onLineChanged), this.polyline.hook.off("lineRemoved", this.onLineChanged), (e = this.fiveElement) == null || e.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
   }
   getEditingLines() {
     return this.polyline.lines;
   }
+  selectPoint() {
+    this.onSelect();
+  }
+  complete() {
+    this.hook.emit("complete"), this.currentMeasureType === "area" ? (this.area.points.length < 3 ? this.deleteArea(this.area) : this.area.complete(), this.area = new T(void 0, { five: this.five, model: this.model, meshContainer: this.group, domContainer: this.container }), this.model.addArea(this.area)) : this.currentMeasureType === "line" && (this.polyline = new k({ model: this.model }), this.model.addPolyline(this.polyline)), this.dashed.hide(), this.perpendicularDashed.hide(), this.lastPoint = void 0;
+  }
+  highlightArea(e) {
+    this.highlightLines(e.polyline.lines), this.five.needsRender = !0;
+  }
+  unHighlightArea(e) {
+    this.unHighlightLines(e.polyline.lines), this.five.needsRender = !0;
+  }
+  highlightLines(e) {
+    e.forEach((t) => this.highlightLine(t));
+  }
+  unHighlightLines(e) {
+    e.forEach((t) => {
+      t.selected = !1, t.distanceItem.unHighlight(), this.group.remove(t.lightMesh), this.five.needsRender = !0;
+    });
+  }
+  highlightLine(e) {
+    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  }
 }
 export {
-  V as default
+  Xe as default
 };