@realsee/dnalogel 2.20.5 → 2.21.0-dev.0

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -0,0 +1,157 @@
+import { SvelteComponent as $, init as j, safe_not_equal as q, append_styles as B, element as p, create_component as y, space as w, attr as v, toggle_class as S, insert as D, append as i, mount_component as A, listen as P, transition_in as T, transition_out as E, detach as W, destroy_component as K, run_all as F, onMount as G, onDestroy as H } from "../../vendor/svelte/internal/index.js";
+import I from "./Common/Switcher1.js";
+import J from "./Common/CircleButton.js";
+import "../Modules/UIController/mobileHTML.js";
+function L(o) {
+  B(o, "svelte-12klgza", ".Measure-Controller.svelte-12klgza.svelte-12klgza{pointer-events:none;color:white}.Measure-Controller.svelte-12klgza .mode-switcher.svelte-12klgza{margin-top:2.25rem}.Measure-Controller.svelte-12klgza .bottom.svelte-12klgza{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-12klgza .bottom .center.svelte-12klgza{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-12klgza .controller.svelte-12klgza{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-12klgza .controller .button.svelte-12klgza{cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.5rem;padding-left:1rem;padding-right:1rem;border-radius:624.9375rem;font-size:0.875rem;background-color:rgba(0, 0, 0, 0.2)}.Measure-Controller.svelte-12klgza .controller .main-button.svelte-12klgza{margin-left:1.75rem;margin-right:1.75rem}.Measure-Controller.svelte-12klgza .controller .main-button.forbid.svelte-12klgza{pointer-events:none;opacity:0.5}");
+}
+function N(o) {
+  let d, n, e, k, u, z, r, a, h, c, g, M, m, f, C, _;
+  return u = new I({
+    props: {
+      options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
+      defaultKey: (
+        /*measureController*/
+        o[0].currentMeasureType
+      ),
+      onChange: (
+        /*func*/
+        o[10]
+      )
+    }
+  }), g = new J({
+    props: {
+      onClick: (
+        /*func_1*/
+        o[12]
+      ),
+      text: (
+        /*buttonTextMap*/
+        o[3][
+          /*buttonState*/
+          o[2]
+        ]
+      ),
+      color: (
+        /*buttonColorMap*/
+        o[4][
+          /*buttonState*/
+          o[2]
+        ]
+      )
+    }
+  }), {
+    c() {
+      d = p("div"), n = p("div"), e = p("div"), k = p("div"), y(u.$$.fragment), z = w(), r = p("div"), a = p("div"), a.textContent = "撤销", h = w(), c = p("div"), y(g.$$.fragment), M = w(), m = p("div"), m.textContent = "结束", v(k, "class", "mode-switcher svelte-12klgza"), v(a, "class", "button svelte-12klgza"), v(c, "class", "main-button svelte-12klgza"), S(c, "forbid", !/*allowAddPoint*/
+      o[1]), v(m, "class", "button svelte-12klgza"), v(r, "class", "controller svelte-12klgza"), v(e, "class", "center svelte-12klgza"), v(n, "class", "bottom svelte-12klgza"), v(d, "class", "Measure-Controller svelte-12klgza");
+    },
+    m(t, s) {
+      D(t, d, s), i(d, n), i(n, e), i(e, k), A(u, k, null), i(e, z), i(e, r), i(r, a), i(r, h), i(r, c), A(g, c, null), i(r, M), i(r, m), f = !0, C || (_ = [
+        P(
+          a,
+          "click",
+          /*click_handler*/
+          o[11]
+        ),
+        P(
+          m,
+          "click",
+          /*click_handler_1*/
+          o[13]
+        )
+      ], C = !0);
+    },
+    p(t, [s]) {
+      const b = {};
+      s & /*measureController*/
+      1 && (b.defaultKey = /*measureController*/
+      t[0].currentMeasureType), s & /*measureController*/
+      1 && (b.onChange = /*func*/
+      t[10]), u.$set(b);
+      const l = {};
+      s & /*buttonState*/
+      4 && (l.onClick = /*func_1*/
+      t[12]), s & /*buttonState*/
+      4 && (l.text = /*buttonTextMap*/
+      t[3][
+        /*buttonState*/
+        t[2]
+      ]), s & /*buttonState*/
+      4 && (l.color = /*buttonColorMap*/
+      t[4][
+        /*buttonState*/
+        t[2]
+      ]), g.$set(l), (!f || s & /*allowAddPoint*/
+      2) && S(c, "forbid", !/*allowAddPoint*/
+      t[1]);
+    },
+    i(t) {
+      f || (T(u.$$.fragment, t), T(g.$$.fragment, t), f = !0);
+    },
+    o(t) {
+      E(u.$$.fragment, t), E(g.$$.fragment, t), f = !1;
+    },
+    d(t) {
+      t && W(d), K(u), K(g), C = !1, F(_);
+    }
+  };
+}
+function O(o, d, n) {
+  let { measureController: e } = d;
+  const k = { start: "开始", add: "添加", end: "结束" }, u = {
+    start: "white",
+    add: "white",
+    end: "blue"
+  };
+  let z = !0, r = !1, a = "editing", h = "start";
+  const c = () => {
+    n(8, r = !0), e.getCurrentMode() !== "Edit" && e.changeMode("Edit");
+  }, g = () => {
+  }, M = () => {
+  }, m = (l) => {
+    l === "Edit" ? n(9, a = "editing") : n(9, a = null);
+  }, f = () => {
+    n(9, a = "readyComplete");
+  }, C = (l) => {
+    n(1, z = l === "allow");
+  };
+  G(() => {
+    e.hook.on("modeChange", m), e.hook.on("allowAddPointStateChange", C), e.hook.on("readyComplete", f);
+  }), H(() => {
+    e.hook.off("modeChange", m), e.hook.off("allowAddPointStateChange", C), e.hook.off("readyComplete", f);
+  });
+  const _ = (l) => {
+    e.changeMeasureType(l);
+  }, t = () => e.revoke(), s = () => {
+    h === "start" && c();
+  }, b = () => e.save({ mode: "Watch" });
+  return o.$$set = (l) => {
+    "measureController" in l && n(0, e = l.measureController);
+  }, o.$$.update = () => {
+    o.$$.dirty & /*started, state*/
+    768 && n(2, h = (() => r ? a === "editing" ? "add" : a === "readyComplete" ? "end" : "start" : "start")());
+  }, [
+    e,
+    z,
+    h,
+    k,
+    u,
+    c,
+    g,
+    M,
+    r,
+    a,
+    _,
+    t,
+    s,
+    b
+  ];
+}
+class X extends $ {
+  constructor(d) {
+    super(), j(this, d, O, N, q, { measureController: 0 }, L);
+  }
+}
+export {
+  X as default
+};

package/libs/PanoMeasurePlugin/Components/Controller1.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

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

@@ -1,13 +1,13 @@
-import type Magnifier from '../Modules/Magnifier';
 import type FiveHelper from '../Modules/FiveHelper';
-import type { Group } from 'three';
+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;
@@ -18,6 +18,8 @@ export interface ControllerParams {
     magnifier: Magnifier;
     fiveHelper: FiveHelper;
     openParams: OpenParameter;
+    editParams: EditParameter;
+    getMeasureType: () => MeasureType;
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
@@ -27,14 +29,18 @@ 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 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,62 +1,68 @@
-var a = Object.defineProperty;
-var l = (i, e, o) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[e] = o;
-var t = (i, e, o) => (l(i, typeof e != "symbol" ? e + "" : e, o), o);
-import u from "../Model/line.js";
-import m from "../Model/point.js";
-import { preventDefault as r } from "../utils/ironbox.js";
+var m = Object.defineProperty;
+var l = (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) => (l(s, typeof e != "symbol" ? e + "" : e, i), i);
+import { Color as u } 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 w {
+class P {
   constructor(e) {
     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, "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 s, n;
-    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.fiveHelper = e.fiveHelper, this.isMobile = (n = (s = e.openParams) == null ? void 0 : s.isMobile) != null ? n : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new u(new m([0, 0, 0]), new m([0, 0, 0]), this.model), this.dashed.distanceItem.setItemSelectable(!1), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine";
-    const o = this.five.getElement();
-    o && (o.addEventListener("touchstart", r), o.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.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", console.log(this.dashed), 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 u(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, o) {
+  updateMouseGroup(e, i) {
     if (!e)
       return this.mouseGroup;
-    const s = this.fiveHelper.getAdsorbentPoint(e), n = s || e.point;
-    if (this.mouseGroup.position.copy(n), o)
-      this.mouseGroup.quaternion.copy(o.quaternion);
+    if (this.mouseGroup.position.copy(e.point), i)
+      this.mouseGroup.quaternion.copy(i.quaternion);
     else if (e.face) {
-      const h = e.face.normal.clone().multiplyScalar(0.05), d = e.point.clone().add(h).clone().add(h);
+      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((o) => this.removeLine(o));
+    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 {
-  w as default
+  P as default
 };

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

@@ -2,9 +2,11 @@ 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;
+    area: Area;
     /** 拖动的控制点 */
     private pressPoint?;
     private hasAppendDashed;
@@ -20,6 +22,14 @@ export default class EditController extends BaseController {
     getEditingLines(): Line[];
     /** 撤销编辑 */
     revoke: () => void;
+    /**
+     * @description: 测面积的撤销功能
+     */
+    revokeArea: () => void;
+    /**
+     * @description: 测距的撤销功能
+     */
+    revokeLine: (_polyline?: Polyline) => void;
     private onMouseLeave;
     /** 编辑线条发生改变时通知外部 */
     private onLineChanged;

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -1,130 +1,210 @@
-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 y = Object.defineProperty;
+var T = (r, a, i) => a in r ? y(r, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[a] = i;
+var s = (r, a, i) => (T(r, typeof a != "symbol" ? a + "" : a, i), i);
+import C from "hammerjs";
+import G from "../Model/line.js";
+import c from "../Model/point.js";
+import { throttle as A } from "../../shared-utils/throttle.js";
+import M from "./BaseController.js";
+import { getIntersectionFromEvent as f } from "../utils/getIntersectionFromEvent.js";
+import { Polyline as v } from "../Model/polyline.js";
+import P from "../Model/area.js";
+import g from "../utils/isIntersecting.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 "@realsee/five";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
 import "../utils/getPointFromHammerEvent.js";
-class V extends c {
-  constructor(e) {
-    var s;
-    super(e);
-    i(this, "type", "edit");
-    i(this, "polyline");
+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";
+class ee extends M {
+  constructor(i) {
+    var o;
+    super(i);
+    s(this, "type", "edit");
+    s(this, "polyline");
+    s(this, "area");
     /** 拖动的控制点 */
-    i(this, "pressPoint");
-    i(this, "hasAppendDashed", !1);
-    i(this, "hasAppendMouseGroup", !1);
-    i(this, "fiveElement");
+    s(this, "pressPoint");
+    s(this, "hasAppendDashed", !1);
+    s(this, "hasAppendMouseGroup", !1);
+    s(this, "fiveElement");
     /** 上一个端点位置 */
-    i(this, "lastPoint", null);
-    i(this, "hammer");
+    s(this, "lastPoint", null);
+    s(this, "hammer");
     /** 根据 intersection 更新放大镜和吸附点 */
-    i(this, "onIntersectionUpdate", v((e, t) => {
-      var o;
+    s(this, "onIntersectionUpdate", A((i, e) => {
+      var t;
       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;
+      const o = this.updateMouseGroup(i, e).position;
+      (t = this.pressPoint) == null || t.position.copy(o), this.updateDashed(), requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position)), this.five.needsRender = !0;
     }, 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;
+    s(this, "revoke", () => {
+      this.currentMeasureType === "area" ? this.revokeArea() : this.currentMeasureType === "line" && this.revokeLine();
+    });
+    /**
+     * @description: 测面积的撤销功能
+     */
+    s(this, "revokeArea", () => {
+      this.area.points.length !== 0 && (this.revokeLine(this.area.polyline), this.area.points.pop(), this.area.refresh());
+    });
+    /**
+     * @description: 测距的撤销功能
+     */
+    s(this, "revokeLine", (i) => {
+      const e = i || this.polyline;
+      if (e.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 (e.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 o = e.lines[e.lines.length - 1], t = o.findAnotherPoint(this.lastPoint);
+      t && (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(o.mesh), e.removeLine(o), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), o.distanceItem.remove(), this.updateDashed(), this.magnifier.disable(), 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());
+    s(this, "onMouseLeave", () => {
+      this.magnifier.disable(), this.group.remove(this.mouseGroup), this.hasAppendMouseGroup = !1, this.lastPoint && (this.mouseGroup.position.copy(this.lastPoint.position), this.updateDashed()), this.area.hideArea();
     });
     /** 编辑线条发生改变时通知外部 */
-    i(this, "onLineChanged", () => {
+    s(this, "onLineChanged", () => {
       this.hook.emit("editedPolylineChange", this.polyline);
     });
-    i(this, "onPress", (e) => {
-      const [t] = r(this.five, e);
-      if (!(t != null && t.face))
+    s(this, "onPress", (i) => {
+      const [e] = f(this.five, i);
+      if (!(e != null && e.face))
         return;
-      const s = new p(t.point);
-      this.pressPoint = s, this.onIntersectionUpdate(t);
+      const o = new c(e.point);
+      this.pressPoint = o, this.onIntersectionUpdate(e);
     });
     /**
      * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
      * 2. 如果有长按点，把长按点位置更新为当前位置
      */
-    i(this, "onPan", (e) => {
+    s(this, "onPan", (i) => {
       if (!this.pressPoint)
         return;
-      const [t] = r(this.five, e);
-      t != null && t.face && this.onIntersectionUpdate(t);
+      const [e] = f(this.five, i);
+      e != null && e.face && this.onIntersectionUpdate(e);
     });
-    i(this, "onPanEnd", (e) => {
-      this.pressPoint && this.onTap(e);
+    s(this, "onPanEnd", (i) => {
+      this.pressPoint && this.onTap(i);
     });
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
      * 3. 清除 mouseGroup 和 magnifier
      */
-    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);
+    s(this, "onTap", (i) => {
+      var p, l, m, u;
+      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] = f(this.five, i);
+      this.updateMouseGroup(e);
+      const o = (() => {
+        if (this.currentMeasureType === "area")
+          return this.area.projectPoint(this.mouseGroup.position);
+        if (this.currentMeasureType === "line")
+          return this.mouseGroup.position;
+      })();
+      if (!o)
+        return;
+      const t = new c(o), h = this.lastPoint;
+      if (this.lastPoint = t, this.currentMeasureType === "line") {
+        if (t && h) {
+          const d = new G(h, t, this.model);
+          d.distanceItem.setCanSelect(!1), d.distanceItem.appendTo(this.container), this.polyline.addLine(d), this.group.add(d.mesh), d.distanceItem.update(this.five);
+        }
+        const n = (l = (p = this.editParams) == null ? void 0 : p.autoEndConfig) == null ? void 0 : l.line;
+        typeof n == "number" && (this.polyline.getPointLength() >= n ? (this.hook.emit("complete"), this.polyline = new v({ model: this.model }), this.model.addPolyline(this.polyline), this.lastPoint = void 0) : this.polyline.getPointLength() === n - 1 && this.hook.emit("readyComplete"));
+      } else if (this.currentMeasureType === "area") {
+        this.area.addPoints(t.position);
+        const n = (u = (m = this.editParams) == null ? void 0 : m.autoEndConfig) == null ? void 0 : u.area;
+        typeof n == "number" && (this.area.points.length >= n ? (this.hook.emit("complete"), this.area = new P(void 0, {
+          five: this.five,
+          model: this.model,
+          meshContainer: this.group,
+          domContainer: this.container
+        }), this.model.addArea(this.area), this.lastPoint = void 0) : 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.pressPoint = void 0, this.hasAppendMouseGroup = !1, this.magnifier.disable(), this.group.remove(this.mouseGroup), this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", t.position);
     });
-    i(this, "onWantsTapGesture", () => !1);
+    s(this, "onWantsTapGesture", () => !1);
     /** 编辑时取消走点 */
-    i(this, "onWantsToMoveToPano", () => !1);
+    s(this, "onWantsToMoveToPano", () => !1);
     /** 存在长按点时不能移动全景 */
-    i(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
+    s(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */
-    i(this, "onCameraUpdate", () => {
-      this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
+    s(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));
+    s(this, "updateDashed", () => {
+      if (!this.lastPoint)
+        return;
+      const i = this.lastPoint.position, e = (() => {
+        if (this.currentMeasureType === "area")
+          return this.area.projectPoint(this.mouseGroup.position);
+        if (this.currentMeasureType === "line")
+          return this.mouseGroup.position;
+      })();
+      if (this.dashed.setPoints(i, e), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed), this.currentMeasureType === "area") {
+        this.area.areaItem.setCanSelect(!1);
+        const o = this.mouseGroup.position;
+        if (this.area.points.length >= 2) {
+          const p = this.area.polyline.lines.map((n) => ({ start: n.points[0].position, end: n.points[1].position })), l = g({ start: i, end: e }, p), m = g({ start: e, end: this.area.points[0] }, p);
+          if (l || m)
+            this.area.hideArea(), this.hook.emit("allowAddPointStateChange", "forbid");
+          else {
+            this.area.showArea();
+            const n = [...this.area.points, e];
+            this.area.polygon.updatePoints(n), this.area.areaItem.updateArea(this.five), this.hook.emit("allowAddPointStateChange", "allow");
+          }
+        } else
+          this.area.hideArea();
+        const t = o, h = e;
+        this.perpendicularDashed.setPoints(t, h), this.perpendicularDashed.distanceItem.update(this.five);
+      }
     });
-    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.polyline = new v({ model: this.model }), this.area = new P(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((t) => {
+      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), this.group.add(t.mesh);
+    }), this.model.getAllAreas().forEach((t) => {
+      t.areaItem.appendTo(this.container), t.areaItem.updateDomPosition(this.five), t.areaItem.setCanSelect(!0), this.group.add(t.polygon), t.polyline.lines.forEach((h) => {
+        h.distanceItem.appendTo(this.container), h.distanceItem.update(this.five), this.group.add(h.mesh);
+      });
+    }), 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 e = this.five.getElement();
+    if (e) {
+      this.fiveElement = e;
+      const t = new C(e);
+      this.hammer = t, t.on("tap", this.onTap), t.on("pan", this.onPan), t.on("press", this.onPress), t.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.five.helperVisible = !1, (o = this.fiveElement) == null || o.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 i, e;
+    super.dispose(), this.five.helperVisible = !0, this.group.remove(this.mouseGroup), this.dashed.remove(), this.perpendicularDashed.remove(), 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), (i = this.hammer) == null || i.destroy(), (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;
   }
 }
 export {
-  V as default
+  ee as default
 };