@realsee/dnalogel 2.20.5 → 2.21.0-dev.2

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -1,15 +1,17 @@
-var k = Object.defineProperty;
-var w = (r, h, e) => h in r ? k(r, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[h] = e;
-var s = (r, h, e) => (w(r, typeof h != "symbol" ? h + "" : h, e), e);
-import E from "hammerjs";
-import G from "../Modules/DeleteDom/index.js";
-import P from "../utils/isNDCPointInScreen.js";
-import R from "./BaseController.js";
-import { Raycaster as I, Vector2 as f } from "three";
-import { closestPointOnLine as A } from "../utils/math.js";
-import { findClosestPoint as T } from "../utils/findClosestPoint.js";
-import { findAssociatedLines as v } from "../utils/findAssociatedLines.js";
-import { getPointFromHammerEvent as S } from "../utils/getPointFromHammerEvent.js";
+var H = Object.defineProperty;
+var k = (c, r, e) => r in c ? H(c, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[r] = e;
+var s = (c, r, e) => (k(c, typeof r != "symbol" ? r + "" : r, e), e);
+import I from "hammerjs";
+import R from "../Modules/DeleteDom/index.js";
+import S from "../utils/isNDCPointInScreen.js";
+import G from "./BaseController.js";
+import { Raycaster as T, Vector2 as u } from "three";
+import { closestPointOnLine as U } from "../utils/math.js";
+import { findClosestPoint as b } from "../utils/findClosestPoint.js";
+import { findAssociatedLines as D } from "../utils/findAssociatedLines.js";
+import { getPointFromHammerEvent as w } from "../utils/getPointFromHammerEvent.js";
+import j from "../Model/area.js";
+import x from "../Model/polygon.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";
@@ -19,17 +21,28 @@ 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 "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/ironbox.js";
 import "../utils/ndc2Screen.js";
-class se extends R {
+import "../Model/polyline.js";
+import "../utils/dom/areaDom.js";
+import "../utils/geometryUtil.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../utils/generatePolygonGeometry.js";
+import "earcut";
+class Pe extends G {
   constructor(e) {
     super(e);
     s(this, "type", "watch");
     s(this, "deleteDom");
+    s(this, "choose");
+    // tmd 真没时间改了，先这样吧，理解万岁
     s(this, "highlightedLines", []);
+    s(this, "highlightedArea");
     s(this, "fiveElement");
     s(this, "editPointState");
     s(this, "hammer");
@@ -37,19 +50,19 @@ class se extends R {
       var a;
       if (this.model.getAllLines().length === 0 || !this.fiveElement)
         return;
-      const i = S(e).point, t = (a = T(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : a.point;
+      const i = w(e).point, t = (a = b(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : a.point;
       if (!t) {
         this.editPointState = void 0;
         return;
       }
-      const o = {
+      const n = {
         point: t,
-        associatedLines: v(t.lines[0])
+        associatedLines: D(t.lines[0])
       };
       this.hook.emit("wantsDragLine", {
         point: t.id,
-        lines: o.associatedLines.map(({ id: d }) => d)
-      }) || (this.editPointState = o, this.magnifier.appendTo(this.container), this.magnifier.enable(), this.group.add(this.mouseGroup));
+        lines: n.associatedLines.map(({ id: d }) => d)
+      }) || (this.editPointState = n, this.magnifier.appendTo(this.container), this.magnifier.enable(), this.group.add(this.mouseGroup));
     });
     s(this, "onPanEnd", () => {
       this.editPointState && (this.editPointState.point.lines.forEach((e) => e.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.disable(), this.group.remove(this.mouseGroup));
@@ -57,10 +70,10 @@ class se extends R {
     s(this, "onPan", (e) => {
       if (!this.editPointState || !this.fiveElement)
         return;
-      const i = S(e).ndcPoint, t = new I();
+      const i = w(e).ndcPoint, t = new T();
       t.setFromCamera(i, this.five.camera);
-      const [o] = this.five.model.intersectRaycaster(t);
-      o && this.onIntersectionUpdate(o);
+      const [n] = this.five.model.intersectRaycaster(t);
+      n && this.onIntersectionUpdate(n);
     });
     s(this, "onIntersectionUpdate", (e, i) => {
       if (this.editPointState) {
@@ -69,7 +82,7 @@ class se extends R {
         }), this.updateDistanceUI(), this.magnifier.renderWithPoint(e.point), this.mouseGroup.position.copy(e.point), i)
           this.mouseGroup.quaternion.copy(i.quaternion);
         else if (e.face) {
-          const o = e.face.normal.clone().multiplyScalar(0.05), a = e.point.clone().add(o).clone().add(o);
+          const n = e.face.normal.clone().multiplyScalar(0.05), a = e.point.clone().add(n).clone().add(n);
           this.mouseGroup.lookAt(a);
         }
         this.five.needsRender = !0, this.hook.emit(
@@ -83,35 +96,48 @@ class se extends R {
         return !1;
     });
     s(this, "wantsTapGesture", (e) => {
-      const [i] = this.five.model.intersectRaycaster(e);
-      if (!i)
+      var A;
+      const i = this.model.areas.map((o) => e.intersectObject(o.polygon, !0)[0]).sort((o, h) => o.distance - h.distance), t = (A = i[0]) == null ? void 0 : A.object.parent;
+      if (t instanceof x) {
+        const o = this.model.areas.find((h) => h.polygon === t);
+        if (o) {
+          const { x: h, y: f } = i[0].point.project(this.five.camera), p = `${(h + 1) / 2 * 100}%`, m = `${(-f + 1) / 2 * 100}%`;
+          return this.chooseArea(o, { left: p, top: m }), !1;
+        }
+      }
+      const [n] = this.five.model.intersectRaycaster(e);
+      if (!n)
         return;
-      const t = this.five.camera, o = i.point.clone().project(t), c = this.container.clientWidth, a = this.container.clientHeight, d = new f(o.x * c, o.y * a), g = this.model.getAllLines().map((n) => {
-        const [l, y] = n.points, m = l.position.clone().project(t), p = y.position.clone().project(t);
-        if (!P(m) && !P(p))
+      const l = this.five.camera, a = n.point.clone().project(l), d = this.container.clientWidth, g = this.container.clientHeight, L = new u(a.x * d, a.y * g), P = this.model.getAllLines().map((o) => {
+        const [h, f] = o.points, p = h.position.clone().project(l), m = f.position.clone().project(l);
+        if (!S(p) && !S(m))
           return null;
-        const C = new f(m.x * c, m.y * a), D = new f(p.x * c, p.y * a);
-        return { id: n.id, points: [C, D] };
-      }).filter((n) => !!n);
-      if (g.length === 0)
+        const C = new u(p.x * d, p.y * g), E = new u(m.x * d, m.y * g);
+        return { id: o.id, points: [C, E] };
+      }).filter((o) => !!o);
+      if (P.length === 0)
         return;
-      const u = g.map((n) => {
-        const l = A(d, n.points);
-        return { id: n.id, distance: l.distanceTo(d) };
-      }).sort((n, l) => n.distance - l.distance)[0];
-      if (u.distance > 20)
+      const v = P.map((o) => {
+        const h = U(L, o.points);
+        return { id: o.id, distance: h.distanceTo(L) };
+      }).sort((o, h) => o.distance - h.distance)[0];
+      if (v.distance > 20)
         return;
-      const L = this.model.getAllLines().find(({ id: n }) => n === u.id);
-      if (L)
-        return this.chooseLine(L), !1;
+      const y = this.model.getAllLines().find(({ id: o }) => o === v.id);
+      if (y)
+        return this.chooseLine(y), !1;
     });
     s(this, "chooseLine", (e) => {
-      const i = v(e);
-      this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
+      this.choose = "line";
+      const i = D(e);
+      this.deleteDom.setLines(i).updatePosition().show(), this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
         "selectedChange",
         i.map((t) => t)
       );
     });
+    s(this, "chooseArea", (e, i) => {
+      this.choose = e, this.deleteDom.updatePosition(i.left, `calc(${i.top} - 20px)`).show(), this.highlightArea(e);
+    });
     s(this, "polylineRemoved", (e) => {
       e.lines.forEach((i) => this.removeLine(i)), this.hook.emit(
         "selectedChange",
@@ -121,24 +147,33 @@ class se extends R {
     s(this, "onCameraUpdate", () => {
       this.updateDistanceUI(), this.highlightedLines.length > 0 && this.deleteDom.updatePosition();
     });
-    s(this, "deleteDomClickCallback", () => {
+    s(this, "deleteArea", (e) => {
+      this.unHighlightArea(e), e.dispose(), this.deleteDom.hide();
+    });
+    s(this, "deleteLine", () => {
       const e = this.highlightedLines[0], i = this.model.getPolylineByLine(e);
       i && (this.model.removePolyline(i), this.highlightedLines = [], this.deleteDom.setLines([]).hide());
     });
     s(this, "cancelDeleteClickCallback", () => {
-      this.clearHighlightLines();
+      this.deleteDom.hide(), this.clearHighlightLines(), this.unHighlightArea();
     });
-    this.deleteDom = new G(this.five, {
+    this.deleteDom = new R(this.five, {
       i18n: this.config.i18n,
-      onClick: this.deleteDomClickCallback,
+      onClick: () => {
+        this.choose === "line" ? this.deleteLine() : this.choose instanceof j && this.deleteArea(this.choose);
+      },
       cancelDelete: this.cancelDeleteClickCallback
     }).appendTo(this.container), this.model.getAllLines().forEach((t) => {
-      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), t.hook.on("selected", this.chooseLine), t.distanceItem.setItemSelectable(!0), this.group.add(t.mesh);
+      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), t.hook.on("selected", this.chooseLine), t.distanceItem.setCanSelect(!0), this.group.add(t.mesh);
+    }), this.model.getAllAreas().forEach((t) => {
+      t.areaItem.appendTo(this.container), t.areaItem.updateDomPosition(this.five), t.hook.on("selected", this.chooseArea), t.areaItem.setCanSelect(!0), this.group.add(t.polygon), t.polyline.lines.forEach((n) => {
+        n.distanceItem.appendTo(this.container), n.distanceItem.update(this.five), this.group.add(n.mesh);
+      });
     });
     const i = this.five.getElement();
     if (i) {
       this.fiveElement = i;
-      const t = new E(i);
+      const t = new I(i);
       this.hammer = t, t.on("pan", this.onPan), t.on("panstart", this.onPanStart), t.on("panend", this.onPanEnd);
     }
     this.updateDistanceUI(), this.five.needsRender = !0, this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsPanGesture", this.wantsPanGesture), this.model.hook.on("polylineRemoved", this.polylineRemoved);
@@ -151,14 +186,25 @@ class se extends R {
     e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
   }
   clearHighlightLines() {
-    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.getAllLines().forEach((e) => {
-      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
-    }), this.highlightedLines = [], this.five.needsRender = !0);
+    this.group.children.length !== 0 && (this.unHighlightLines(this.highlightedLines), this.highlightedLines = []);
+  }
+  highlightArea(e) {
+    this.unHighlightLines(), this.unHighlightArea(), this.highlightLines(e.polyline.lines), this.five.needsRender = !0;
   }
   highlightLines(e) {
-    this.clearHighlightLines(), this.highlightedLines = e, this.deleteDom.setLines(e).updatePosition().show(), e.forEach((i) => this.highlightLine(i));
+    this.unHighlightLines(), this.highlightedLines = e, e.forEach((i) => this.highlightLine(i));
+  }
+  unHighlightLines(e) {
+    const i = e != null ? e : this.highlightedLines;
+    i && i.forEach((t) => {
+      t.selected = !1, t.distanceItem.unHighlight(), this.group.remove(t.lightMesh), this.five.needsRender = !0;
+    });
+  }
+  unHighlightArea(e) {
+    const i = e != null ? e : this.highlightedArea;
+    i && (this.unHighlightLines(i.polyline.lines), this.five.needsRender = !0);
   }
 }
 export {
-  se as default
+  Pe as default
 };

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

@@ -1,17 +1,22 @@
 import type { Config } from '../typings';
-import type { OpenParameter, PluginData } from '../typings/data';
+import type { EditParameter, MeasureType, OpenParameter, PluginData } from '../typings/data';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 import type { Polyline } from '../Model/polyline';
-import Magnifier, { type MagnifierParameter } from '../Modules/Magnifier';
-import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
+import EditController from './EditController';
+import ViewController from './ViewController';
+import WatchController from './WatchController';
+import MixedController from './MixedController';
+import { type Five, Subscribe } from '@realsee/five';
 import { type UIControllerParams } from '../Modules/UIController';
 import { type GuideControllerParams } from '../Modules/GuideController';
+import { Magnifier } from '../../shared-utils';
+import type { MagnifierParameter } from '../../shared-utils';
 export type Mode = 'Watch' | 'Edit' | 'Mixed' | 'View';
 export interface PanoMeasureParameterType extends Partial<Config> {
-    openParams?: OpenParameter;
+    editParams?: EditParameter;
     magnifierParams?: MagnifierParameter;
+    openParams?: OpenParameter;
     useUIController?: boolean | UIControllerParams;
     useGuideController?: boolean | GuideControllerParams;
     userDistanceItemCreator?: () => UserDistanceItem;
@@ -20,6 +25,11 @@ export default class MeasureController {
     hasOpen: boolean;
     hook: Subscribe<PanoMeasurePluginEvent>;
     magnifier: Magnifier;
+    controller: WatchController | EditController | MixedController | ViewController | null;
+    /** 允许的测量类型 */
+    allowMeasureType: Array<MeasureType>;
+    /** 当前的测量类型 */
+    currentMeasureType: MeasureType | null;
     private five;
     private model;
     private group;
@@ -31,7 +41,6 @@ export default class MeasureController {
     private useGuideController?;
     private container;
     private shortcutKeyController?;
-    private controller;
     constructor(five: Five, params: PanoMeasureParameterType);
     appendTo(parent: HTMLElement): void;
     dispose(): void;
@@ -51,14 +60,18 @@ export default class MeasureController {
      * @description 清除标尺线条
      * @description 还原点位展示和默认鼠标 UI
      */
-    disable(): void;
+    disable: () => void;
     getCurrentMode: () => Mode | null;
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
     changeMode: (mode: Mode) => void;
+    /**
+     * @description: 切换测量的类型
+     */
+    changeMeasureType: (measureType: MeasureType) => void;
     /** 进入编辑模式 */
-    edit(): void;
+    edit(measureType?: MeasureType): void;
     /** 撤销编辑 */
     revoke(): void;
     removePolyline(polyline: Polyline): void;

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1,36 +1,41 @@
-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 v = Object.defineProperty;
+var y = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var c = (s, e, t) => e in s ? v(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, h = (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]);
+    I.call(e, t) && c(s, t, e[t]);
+  if (y)
+    for (var t of y(e))
+      b.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 v from "../Modules/Magnifier.js";
-import w from "../Modules/FiveHelper.js";
-import a from "./EditController.js";
-import f from "./ViewController.js";
-import g from "./WatchController.js";
-import l from "./MixedController.js";
-import { omit as I } from "../../shared-utils/filter.js";
-import { Group as b } from "three";
-import { Model as U } from "../Model/index.js";
-import { Subscribe as E } from "@realsee/five";
-import { getMouseGroup as k } from "../utils/mouseGroup.js";
-import { UIController as C } from "../Modules/UIController/index.js";
-import { GuideController as D } from "../Modules/GuideController.js";
-import { ShortcutKeyController as G } from "./ShortcutKeyController.js";
+var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
+import U from "../Modules/FiveHelper.js";
+import m from "./EditController.js";
+import C from "./ViewController.js";
+import M from "./WatchController.js";
+import a from "./MixedController.js";
+import { omit as T } from "../../shared-utils/filter.js";
+import { Group as E } from "three";
+import { Model as k } from "../Model/index.js";
+import { Subscribe as D } from "@realsee/five";
+import { getMouseGroup as G } from "../utils/mouseGroup.js";
+import { UIController as P } from "../Modules/UIController/index.js";
+import { GuideController as x } from "../Modules/GuideController.js";
+import { ShortcutKeyController as H } from "./ShortcutKeyController.js";
+import { safeObj as w } from "../../shared-utils/safeObj.js";
+import { Magnifier as L } 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 "hammerjs";
 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 "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
@@ -40,6 +45,40 @@ 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 "../../shared-utils/three/centerPoint.js";
+import "../utils/isIntersecting.js";
+import "../../shared-utils/three/PointSelector.js";
+import "../../shared-utils/three/PointSelectorHelper.js";
+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 "../Modules/rangePiece/html.js";
+import "../../CSS3DRenderPlugin/index.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../shared-utils/isAbsoluteURL.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/isTouchDevice.js";
 import "../Modules/DeleteDom/index.js";
 import "../Modules/DeleteDom/_Assets/delete.svg.js";
 import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
@@ -49,9 +88,6 @@ 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";
@@ -61,11 +97,23 @@ import "../Modules/UIController/style.js";
 import "../Modules/UIController/MainBtnController.js";
 import "../Modules/UIController/mobileMainBtnController.js";
 import "../Modules/UIController/Revoke/index.js";
-class De {
+import "../Components/Controller0.js";
+import "../../vendor/svelte/internal/index.js";
+import "../Components/Common/Switcher0.js";
+import "../Components/Common/Exit.js";
+import "../Components/Controller1.js";
+import "../Components/Common/Switcher1.js";
+import "../Components/Common/CircleButton.js";
+class wt {
   constructor(e, t) {
     i(this, "hasOpen", !1);
-    i(this, "hook", new E());
+    i(this, "hook", new D());
     i(this, "magnifier");
+    i(this, "controller", null);
+    /** 允许的测量类型 */
+    i(this, "allowMeasureType");
+    /** 当前的测量类型 */
+    i(this, "currentMeasureType");
     i(this, "five");
     i(this, "model");
     i(this, "group");
@@ -77,8 +125,15 @@ class De {
     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 m ? "Edit" : this.controller instanceof M ? "Watch" : this.controller instanceof a ? "Mixed" : this.controller instanceof C ? "View" : null);
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
@@ -88,31 +143,32 @@ class De {
         return;
       (o = this.controller) == null || o.dispose();
       const t = {
-        View: f,
-        Watch: g,
-        Edit: a,
-        Mixed: l
+        View: C,
+        Watch: M,
+        Edit: m,
+        Mixed: a
       };
       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 = I(t, ["openParams", "magnifierParams"]), this.model = new U(this.config), this.fiveHelper = new w(e), this.isMobile = (h = (o = t == null ? void 0 : t.openParams) == null ? void 0 : o.isMobile) != null ? h : !1, this.magnifier = new v(e, (c = t.magnifierParams) != null ? c : { width: 190, height: 190, scale: 2 }), this.group = new b(), 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 o, l, n, u, d, f, g;
+    this.five = e, this.params = t, this.config = T(t, ["openParams", "magnifierParams"]), this.model = new k(this.config), this.fiveHelper = new U(e), this.isMobile = (l = (o = t == null ? void 0 : t.openParams) == null ? void 0 : o.isMobile) != null ? l : !1, this.magnifier = new L(e, (n = t.magnifierParams) != null ? n : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((d = (u = t.editParams) == null ? void 0 : u.allowMeasureType) != null ? d : ["line"])), this.currentMeasureType = (f = this.allowMeasureType[0]) != null ? f : "line", this.group = new E(), 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 = (g = this.params.openParams) != null ? g : {};
     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 = h({ container: this.container, openParams: r }, w(this.params.useUIController));
+      this.useUIController = new P(this, p);
     }
     if (this.params.useGuideController !== !1) {
-      const m = n({
-        container: this.container
-      }, typeof this.params.useGuideController == "object" ? this.params.useGuideController : {});
-      this.useGuideController = new D(this, m);
+      const p = h({ container: this.container }, w(this.params.useGuideController));
+      this.useGuideController = new x(this, p);
     }
   }
   appendTo(e) {
@@ -135,24 +191,17 @@ class De {
    */
   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 G(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 H(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() {
-    this.controller instanceof a && this.controller.revoke();
+    this.controller instanceof m && this.controller.revoke();
   }
   removePolyline(e) {
     this.model.removePolyline(e);
@@ -182,21 +231,23 @@ class De {
    * @description 以下情况可能报错
    */
   save(e) {
-    var o;
-    if (!(this.controller instanceof a) && !(this.controller instanceof l))
+    var l;
+    if (!(this.controller instanceof m) && !(this.controller instanceof a))
       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);
+    }), o.forEach((n) => {
+      n.polygon.updatePoints(n.points), 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 a && this.hook.emit("willChangeState", "watching", "editing");
   }
   /** Mixed 模式才有用，添加终点 */
   addEndPoint() {
-    this.controller instanceof l && this.hook.emit("willChangeState", "editing", "watching");
+    this.controller instanceof a && this.hook.emit("willChangeState", "editing", "watching");
   }
   /** 导出数据 */
   toJson() {
@@ -210,11 +261,11 @@ class De {
     var t;
     if (this.isMobile = e, this.params.useUIController !== !1) {
       (t = this.useUIController) == null || t.dispose();
-      const r = n({
+      const r = h({
         container: this.container,
         mode: this.isMobile ? "mobile" : "pc"
       }, typeof this.params.useUIController == "object" ? this.params.useUIController : {});
-      this.useUIController = new C(this, r);
+      this.useUIController = new P(this, r);
     }
   }
   changeConfigs(e) {
@@ -230,8 +281,8 @@ class De {
     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,
@@ -242,11 +293,14 @@ class De {
       container: this.container,
       fiveHelper: this.fiveHelper,
       openParams: e,
-      mouseGroup: k(n({}, e.crossHairParameter)),
+      editParams: t,
+      magnifierParams: this.params.magnifierParams,
+      getMeasureType: () => this.currentMeasureType,
+      mouseGroup: G(h({}, e.crossHairParameter)),
       userDistanceItemCreator: this.params.userDistanceItemCreator
     };
   }
 }
 export {
-  De as default
+  wt as default
 };