@realsee/dnalogel 2.24.0 → 2.24.2

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -1,6 +1,6 @@
 var k = Object.defineProperty;
-var I = (c, r, e) => r in c ? k(c, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[r] = e;
-var s = (c, r, e) => (I(c, typeof r != "symbol" ? r + "" : r, e), e);
+var I = (c, r, t) => r in c ? k(c, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[r] = t;
+var s = (c, r, t) => (I(c, typeof r != "symbol" ? r + "" : r, t), t);
 import R from "hammerjs";
 import G from "../Modules/DeleteDom/index.js";
 import S from "../utils/isNDCPointInScreen.js";
@@ -31,13 +31,28 @@ import "../utils/ndc2Screen.js";
 import "../Model/polyline.js";
 import "../utils/dom/areaDom.js";
 import "../utils/geometryUtil.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/isNil.js";
 import "../../shared-utils/three/IObject3D.js";
 import "../utils/generatePolygonGeometry.js";
 import "earcut";
 const D = () => !1;
-class ve extends T {
-  constructor(e) {
-    super(e);
+class bt extends T {
+  constructor(t) {
+    super(t);
     s(this, "type", "watch");
     s(this, "deleteDom");
     s(this, "choose");
@@ -47,48 +62,48 @@ class ve extends T {
     s(this, "fiveElement");
     s(this, "editPointState");
     s(this, "hammer");
-    s(this, "onPanStart", (e) => {
+    s(this, "onPanStart", (t) => {
       var a;
       if (this.model.getAllLines().length === 0 || !this.fiveElement)
         return;
-      const i = C(e).point, t = (a = M(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : a.point;
-      if (!t) {
+      const i = C(t).point, e = (a = M(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : a.point;
+      if (!e) {
         this.editPointState = void 0;
         return;
       }
       const n = {
-        point: t,
-        associatedLines: w(t.lines[0])
+        point: e,
+        associatedLines: w(e.lines[0])
       };
       this.hook.emit("wantsDragLine", {
-        point: t.id,
+        point: e.id,
         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));
+      this.editPointState && (this.editPointState.point.lines.forEach((t) => t.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.disable(), this.group.remove(this.mouseGroup));
     });
-    s(this, "onPan", (e) => {
+    s(this, "onPan", (t) => {
       if (!this.editPointState || !this.fiveElement)
         return;
-      const i = C(e).ndcPoint, t = new U();
-      t.setFromCamera(i, this.five.camera);
-      const [n] = this.five.model.intersectRaycaster(t);
+      const i = C(t).ndcPoint, e = new U();
+      e.setFromCamera(i, this.five.camera);
+      const [n] = this.five.model.intersectRaycaster(e);
       n && this.onIntersectionUpdate(n);
     });
-    s(this, "onIntersectionUpdate", (e, i) => {
+    s(this, "onIntersectionUpdate", (t, i) => {
       if (this.editPointState) {
-        if (this.clearHighlightLines(), this.editPointState.point.position.copy(e.point), this.editPointState.point.lines.forEach((t) => {
-          t.mesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.lightMesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.mesh.setMaterial({ dashed: !0 });
-        }), this.updateDistanceUI(), this.magnifier.renderWithPoint(e.point), this.mouseGroup.position.copy(e.point), i)
+        if (this.clearHighlightLines(), this.editPointState.point.position.copy(t.point), this.editPointState.point.lines.forEach((e) => {
+          e.mesh.setPoints(e.points[0].position.clone(), e.points[1].position.clone()), e.lightMesh.setPoints(e.points[0].position.clone(), e.points[1].position.clone()), e.mesh.setMaterial({ dashed: !0 });
+        }), this.updateDistanceUI(), this.magnifier.renderWithPoint(t.point), this.mouseGroup.position.copy(t.point), i)
           this.mouseGroup.quaternion.copy(i.quaternion);
-        else if (e.face) {
-          const n = e.face.normal.clone().multiplyScalar(0.05), a = e.point.clone().add(n).clone().add(n);
+        else if (t.face) {
+          const n = t.face.normal.clone().multiplyScalar(0.05), a = t.point.clone().add(n).clone().add(n);
           this.mouseGroup.lookAt(a);
         }
         this.five.needsRender = !0, this.hook.emit(
           "selectedChange",
-          this.editPointState.associatedLines.map((t) => t)
+          this.editPointState.associatedLines.map((e) => e)
         );
       }
     });
@@ -96,17 +111,17 @@ class ve extends T {
       if (this.editPointState)
         return !1;
     });
-    s(this, "wantsTapGesture", (e) => {
+    s(this, "wantsTapGesture", (t) => {
       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);
+      const i = this.model.areas.map((o) => t.intersectObject(o.polygon, !0)[0]).sort((o, h) => o.distance - h.distance), e = (A = i[0]) == null ? void 0 : A.object.parent;
+      if (e instanceof x) {
+        const o = this.model.areas.find((h) => h.polygon === e);
         if (o) {
           const { x: h, y: f } = i[0].point.clone().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);
+      const [n] = this.five.model.intersectRaycaster(t);
       if (!n)
         return;
       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) => {
@@ -128,19 +143,19 @@ class ve extends T {
       if (y)
         return this.chooseLine(y), !1;
     });
-    s(this, "chooseLine", (e) => {
+    s(this, "chooseLine", (t) => {
       this.choose = "line";
-      const i = w(e);
+      const i = w(t);
       this.deleteDom.setLines(i).updatePosition().show(), this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
         "selectedChange",
-        i.map((t) => t)
+        i.map((e) => e)
       );
     });
-    s(this, "chooseArea", (e, i) => {
-      this.choose = e, this.deleteDom.updatePosition(i.left, `calc(${i.top} - 20px)`).show(), this.highlightArea(e);
+    s(this, "chooseArea", (t, i) => {
+      this.choose = t, this.deleteDom.updatePosition(i.left, `calc(${i.top} - 20px)`).show(), this.highlightArea(t);
     });
-    s(this, "polylineRemoved", (e) => {
-      e.lines.forEach((i) => this.removeLine(i)), this.hook.emit(
+    s(this, "polylineRemoved", (t) => {
+      t.lines.forEach((i) => this.removeLine(i)), this.hook.emit(
         "selectedChange",
         this.model.getAllLines().filter((i) => i.selected).map((i) => i)
       );
@@ -148,11 +163,11 @@ class ve extends T {
     s(this, "onCameraUpdate", () => {
       this.updateDistanceUI(), this.highlightedLines.length > 0 && this.deleteDom.updatePosition();
     });
-    s(this, "deleteArea", (e) => {
-      this.unHighlightArea(e), e.dispose(), this.deleteDom.hide();
+    s(this, "deleteArea", (t) => {
+      this.unHighlightArea(t), t.dispose(), this.deleteDom.hide();
     });
     s(this, "deleteLine", () => {
-      const e = this.highlightedLines[0], i = this.model.getPolylineByLine(e);
+      const t = this.highlightedLines[0], i = this.model.getPolylineByLine(t);
       i && (this.model.removePolyline(i), this.highlightedLines = [], this.deleteDom.setLines([]).hide());
     });
     s(this, "cancelDeleteClickCallback", () => {
@@ -164,49 +179,49 @@ class ve extends T {
         this.choose === "line" ? this.deleteLine() : this.choose instanceof j && this.deleteArea(this.choose);
       },
       cancel: 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.setCanSelect(!0), this.group.add(t.mesh);
-    }), this.model.getAllAreas().forEach((t) => {
-      t.areaItem.appendTo(this.container), t.areaItem.updateArea(this.five), t.hook.on("selected", this.chooseArea), t.areaItem.setCanSelect(!0), this.group.add(t.polygon), t.polyline.lines.forEach((n) => {
+    }).appendTo(this.container), this.model.getAllLines().forEach((e) => {
+      e.distanceItem.appendTo(this.container), e.distanceItem.update(this.five), e.hook.on("selected", this.chooseLine), e.distanceItem.setCanSelect(!0), this.group.add(e.mesh);
+    }), this.model.getAllAreas().forEach((e) => {
+      e.areaItem.appendTo(this.container), e.areaItem.updateArea(this.five), e.hook.on("selected", this.chooseArea), e.areaItem.setCanSelect(!0), this.group.add(e.polygon), e.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 R(i);
-      this.hammer = t, t.on("pan", this.onPan), t.on("panstart", this.onPanStart), t.on("panend", this.onPanEnd);
+      const e = new R(i);
+      this.hammer = e, e.on("pan", this.onPan), e.on("panstart", this.onPanStart), e.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.five.on("wantsChangeMode", D), this.model.hook.on("polylineRemoved", this.polylineRemoved);
   }
   dispose() {
-    var e;
-    super.dispose(), this.deleteDom.dispose(), this.model.hook.off("polylineRemoved", this.polylineRemoved), this.model.getAllLines().forEach((i) => i.hook.off("selected", this.chooseLine)), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.wantsPanGesture), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.off("wantsChangeMode", D), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
+    var t;
+    super.dispose(), this.deleteDom.dispose(), this.model.hook.off("polylineRemoved", this.polylineRemoved), this.model.getAllLines().forEach((i) => i.hook.off("selected", this.chooseLine)), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.wantsPanGesture), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.off("wantsChangeMode", D), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (t = this.hammer) == null || t.destroy();
   }
-  highlightLine(e) {
-    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  highlightLine(t) {
+    t.selected || (t.selected = !0, this.group.add(t.lightMesh), t.distanceItem.highlight(), this.five.needsRender = !0);
   }
   clearHighlightLines() {
     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;
+  highlightArea(t) {
+    this.unHighlightLines(), this.unHighlightArea(), this.highlightLines(t.polyline.lines), this.five.needsRender = !0;
   }
-  unHighlightArea(e) {
-    const i = e != null ? e : this.highlightedArea;
+  unHighlightArea(t) {
+    const i = t != null ? t : this.highlightedArea;
     i && (this.unHighlightLines(i.polyline.lines), this.five.needsRender = !0);
   }
-  highlightLines(e) {
-    this.unHighlightLines(), this.highlightedLines = e, e.forEach((i) => this.highlightLine(i));
+  highlightLines(t) {
+    this.unHighlightLines(), this.highlightedLines = t, t.forEach((i) => this.highlightLine(i));
   }
-  unHighlightLines(e) {
+  unHighlightLines(t) {
     this.unHighlightArea();
-    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;
+    const i = t != null ? t : this.highlightedLines;
+    i && i.forEach((e) => {
+      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh), this.five.needsRender = !0;
     });
   }
 }
 export {
-  ve as default
+  bt as default
 };

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1,7 +1,7 @@
-var I = Object.defineProperty;
+var b = Object.defineProperty;
 var w = Object.getOwnPropertySymbols;
 var T = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var c = (s, t, e) => t in s ? I(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, a = (s, t) => {
+var c = (s, t, e) => t in s ? b(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, a = (s, t) => {
   for (var e in t || (t = {}))
     T.call(t, e) && c(s, e, t[e]);
   if (w)
@@ -14,20 +14,20 @@ import m from "./EditController.js";
 import P from "./ViewController.js";
 import v from "./WatchController.js";
 import h from "./MixedController.js";
-import { omit as k } from "../../shared-utils/filter.js";
-import { Group as D } from "three";
-import { Model as U } from "../Model/index.js";
+import { omit as U } from "../../shared-utils/filter.js";
+import { Group as k } from "three";
+import { Model as D } from "../Model/index.js";
 import { Subscribe as x } from "@realsee/five";
 import { getMouseGroup as G } from "../utils/mouseGroup.js";
 import { UIController as S } from "../Modules/UIController/index.js";
 import { GuideController as L } from "../Modules/GuideController.js";
 import { ShortcutKeyController as O } from "./ShortcutKeyController.js";
-import { safeObj as b } from "../../shared-utils/safeObj.js";
-import { Magnifier as B } from "../../shared-utils/three/Magnifier.js";
+import { safeObj as I } from "../../shared-utils/safeObj.js";
+import { Magnifier as A } from "../../shared-utils/three/Magnifier.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { isTouchDevice as W } from "../../shared-utils/isTouchDevice.js";
+import { isTouchDevice as B } from "../../shared-utils/isTouchDevice.js";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
@@ -50,13 +50,14 @@ import "../utils/generatePolygonGeometry.js";
 import "earcut";
 import "../utils/dom/areaDom.js";
 import "../utils/geometryUtil.js";
+import "hammerjs";
+import "../../shared-utils/isNil.js";
 import "../utils/isIntersecting.js";
 import "../../shared-utils/three/PointSelector.js";
 import "../../shared-utils/three/PointSelectorHelper.js";
 import "../../shared-utils/three/PointHelper.js";
 import "../../shared-utils/three/Assets/index.js";
 import "../../shared-utils/three/PointDomHelper.js";
-import "hammerjs";
 import "../Modules/rangePiece/html.js";
 import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
@@ -119,7 +120,7 @@ import "../../vendor/svelte/src/runtime/transition/index.js";
 import "../../vendor/svelte/src/runtime/easing/index.js";
 import "../../vendor/object-assign-deep/objectAssignDeep.js";
 import "../Components/Tip.js";
-class Ke {
+class He {
   constructor(t, e) {
     i(this, "hasOpen", !1);
     i(this, "hook", new x());
@@ -174,8 +175,8 @@ class Ke {
       this.currentMeasureType = t, this.hook.emit("measureTypeChange", t);
     });
     var l, n, u, d, f, g, y, M, C;
-    this.five = t, this.params = e, this.config = k(e, ["openParams", "magnifierParams"]), this.model = new U(this.config), this.isMobile = (n = (l = e == null ? void 0 : e.openParams) == null ? void 0 : l.isMobile) != null ? n : !1, this.magnifier = new B(t, (u = e.magnifierParams) != null ? u : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((f = (d = e.editParams) == null ? void 0 : d.allowMeasureType) != null ? f : ["line"])), this.currentMeasureType = (g = this.allowMeasureType[0]) != null ? g : "line", this.group = new D(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
-    const r = (M = (y = e.editParams) == null ? void 0 : y.pointSelectorMode) != null ? M : W ? "fixed" : "cursor", o = (C = this.params.openParams) != null ? C : {};
+    this.five = t, this.params = e, this.config = U(e, ["openParams", "magnifierParams"]), this.model = new D(this.config), this.isMobile = (n = (l = e == null ? void 0 : e.openParams) == null ? void 0 : l.isMobile) != null ? n : !1, this.magnifier = new A(t, (u = e.magnifierParams) != null ? u : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((f = (d = e.editParams) == null ? void 0 : d.allowMeasureType) != null ? f : ["line"])), this.currentMeasureType = (g = this.allowMeasureType[0]) != null ? g : "line", this.group = new k(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
+    const r = (M = (y = e.editParams) == null ? void 0 : y.pointSelectorMode) != null ? M : B ? "fixed" : "cursor", o = (C = this.params.openParams) != null ? C : {};
     if (this.params.useUIController !== !1) {
       const p = a({
         container: this.container,
@@ -183,7 +184,7 @@ class Ke {
         i18n: e.i18n,
         pointSelectorMode: r,
         useNewUI: this.allowMeasureType.length > 1
-      }, b(this.params.useUIController));
+      }, I(this.params.useUIController));
       this.useUIController = new S(this, p);
     }
     if (this.params.useGuideController !== !1) {
@@ -191,7 +192,7 @@ class Ke {
         container: this.container,
         pointSelectorMode: r,
         i18n: e.i18n
-      }, b(this.params.useGuideController));
+      }, I(this.params.useGuideController));
       this.useGuideController = new L(this, p);
     }
   }
@@ -291,8 +292,8 @@ class Ke {
   changeIsMobile(t) {
   }
   changeConfigs(t) {
-    var e;
-    Object.assign(this.config, t), (e = this.controller) == null || e.updateDistanceUI();
+    var e, r;
+    Object.assign(this.config, t), (e = this.controller) == null || e.updateDistanceUI(), (r = this.controller) == null || r.updateAreaUI();
   }
   /** 设置线段的文本 */
   setCustomText(t, e) {
@@ -323,5 +324,5 @@ class Ke {
   }
 }
 export {
-  Ke as default
+  He as default
 };

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

@@ -22,6 +22,7 @@ export default class Area {
     readonly lightMesh: FiveLine;
     readonly areaItem: AreaItem;
     readonly hook: Subscribe<AreaHook>;
+    model?: Model;
     /**
      * @description: 多边形的端点是否闭合
      */
@@ -39,7 +40,6 @@ export default class Area {
     /** 多边形dom容器 */
     private domContainer;
     private five;
-    private model?;
     constructor(points: THREE.Vector3[] | undefined, config: {
         /** @todo: 这个model整的真的太恶心了 */
         model: Model;

package/libs/PanoMeasurePlugin/Model/area.js

@@ -1,13 +1,13 @@
 var m = Object.defineProperty;
-var d = (s, t, i) => t in s ? m(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
-var e = (s, t, i) => (d(s, typeof t != "symbol" ? t + "" : t, i), i);
-import * as h from "three";
+var d = (o, t, e) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => (d(o, typeof t != "symbol" ? t + "" : t, e), e);
+import * as r from "three";
 import { uuid as f } from "../../shared-utils/uuid.js";
 import { Subscribe as c } from "@realsee/five";
 import u from "./line.js";
 import v from "./polygon.js";
 import { Polyline as y } from "./polyline.js";
-import p from "./point.js";
+import a from "./point.js";
 import { AreaItem as C } from "../utils/dom/areaDom.js";
 import "../utils/line.js";
 import "@realsee/five/line";
@@ -21,43 +21,59 @@ import "../utils/generatePolygonGeometry.js";
 import "earcut";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/geometryUtil.js";
-class O {
-  constructor(t, i) {
-    e(this, "id", f());
-    e(this, "selected", !1);
-    e(this, "text");
-    e(this, "type", "area");
-    e(this, "lightMesh");
-    e(this, "areaItem");
-    e(this, "hook", new c());
+import "hammerjs";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/isNil.js";
+class it {
+  constructor(t, e) {
+    i(this, "id", f());
+    i(this, "selected", !1);
+    i(this, "text");
+    i(this, "type", "area");
+    i(this, "lightMesh");
+    i(this, "areaItem");
+    i(this, "hook", new c());
+    i(this, "model");
     /** 多边形mesh */
-    e(this, "polygon");
+    i(this, "polygon");
     /** 多边形顶点 */
-    e(this, "points", []);
+    i(this, "points", []);
     /** 多边形前三个点组成的平面，用来使得后面加的点也落在这个平面上 */
-    e(this, "planeHelper");
+    i(this, "planeHelper");
     /** 多边形边框 */
-    e(this, "polyline");
+    i(this, "polyline");
     /** 多边形mesh容器 */
-    e(this, "meshContainer");
+    i(this, "meshContainer");
     /** 多边形dom容器 */
-    e(this, "domContainer");
-    e(this, "five");
-    e(this, "model");
+    i(this, "domContainer");
+    i(this, "five");
     /**
      * @description: five camera update 时，更新Dom的位置
      */
-    e(this, "updateDom", () => {
+    i(this, "updateDom", () => {
       this.five && (this.polyline.lines.forEach((t) => t.distanceItem.update(this.five)), this.areaItem.updateDomPosition(this.five));
     });
     var n;
-    t && (this.points = t), this.model = i.model, this.polygon = new v(t), this.polyline = new y({ model: i.model }), this.areaItem = new C({
+    t && (this.points = t), this.model = e.model, this.polygon = new v(t), this.polyline = new y({ model: e.model }), this.areaItem = new C({
       area: this,
-      clickCallback: (a, o) => {
-        const r = a.clientX + "px", l = a.clientY + "px";
-        this.hook.emit("selected", this, { left: r, top: l });
+      clickCallback: (p, s) => {
+        const h = p.clientX + "px", l = p.clientY + "px";
+        this.hook.emit("selected", this, { left: h, top: l });
       }
-    }), this.domContainer = i.domContainer || null, this.meshContainer = i.meshContainer || null, this.five = i.five || null, this.areaItem.appendTo(this.domContainer), (n = this.five) == null || n.on("cameraUpdate", this.updateDom);
+    }), this.domContainer = e.domContainer || null, this.meshContainer = e.meshContainer || null, this.five = e.five || null, this.areaItem.appendTo(this.domContainer), (n = this.five) == null || n.on("cameraUpdate", this.updateDom);
   }
   /**
    * @description: 多边形的端点是否闭合
@@ -67,14 +83,14 @@ class O {
     return this.points.length >= 4 && ((t = this.points.at(0)) == null ? void 0 : t.equals(this.points.at(-1)));
   }
   addPoints(t) {
-    var a;
+    var p;
     this.points = this.points.concat(t);
-    const i = this.points.at(-2), n = this.points.at(-1);
-    if (i && n) {
-      const o = new u(new p(i), new p(n), this.polyline.model);
-      this.polyline.addLine(o), this.meshContainer.add(o.mesh), this.five && (o.distanceItem.setCanSelect(!1), o.distanceItem.appendTo(this.domContainer), o.distanceItem.update(this.five));
+    const e = this.points.at(-2), n = this.points.at(-1);
+    if (e && n) {
+      const s = new u(new a(e), new a(n), this.polyline.model);
+      this.polyline.addLine(s), this.meshContainer.add(s.mesh), this.five && (s.distanceItem.setCanSelect(!1), s.distanceItem.appendTo(this.domContainer), s.distanceItem.update(this.five));
     }
-    (a = this.meshContainer) != null && a.children.includes(this.polygon) || this.meshContainer.add(this.polygon), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length === 3 ? this.planeHelper = new h.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.points.length < 3 && (this.planeHelper = null);
+    (p = this.meshContainer) != null && p.children.includes(this.polygon) || this.meshContainer.add(this.polygon), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length === 3 ? this.planeHelper = new r.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.points.length < 3 && (this.planeHelper = null);
   }
   /**
    * @description: 移除最后一个添加的点
@@ -100,7 +116,7 @@ class O {
    * @description: 获取一个点投影在当前平面上的点
    */
   projectPoint(t) {
-    return t && (this.planeHelper ? this.planeHelper.projectPoint(t, new h.Vector3()) : t);
+    return t && (this.planeHelper ? this.planeHelper.projectPoint(t, new r.Vector3()) : t);
   }
   remove() {
     this.polygon.removeFromParent(), this.areaItem.remove(), this.polyline.lines.forEach((t) => t.remove());
@@ -113,5 +129,5 @@ class O {
   }
 }
 export {
-  O as default
+  it as default
 };

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

@@ -48,18 +48,8 @@ import "../../utils/generatePolygonGeometry.js";
 import "earcut";
 import "../../utils/dom/areaDom.js";
 import "../../utils/geometryUtil.js";
-import "../../utils/isIntersecting.js";
-import "../../../shared-utils/three/PointSelector.js";
-import "../../../shared-utils/three/PointSelectorHelper.js";
-import "../../../shared-utils/three/Magnifier.js";
 import "hammerjs";
-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 "../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";
@@ -72,8 +62,19 @@ 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/isNil.js";
+import "../../utils/isIntersecting.js";
+import "../../../shared-utils/three/PointSelector.js";
+import "../../../shared-utils/three/PointSelectorHelper.js";
+import "../../../shared-utils/three/Magnifier.js";
+import "../../../shared-utils/three/PointHelper.js";
+import "../../../shared-utils/three/Assets/index.js";
+import "../../../shared-utils/three/PointDomHelper.js";
+import "../rangePiece/html.js";
+import "../../../CSS3DRenderPlugin/index.js";
+import "../../../CSS3DRenderPlugin/Controller.js";
+import "../../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../../shared-utils/absoluteUrl.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/animationFrame/index.js";
@@ -92,7 +93,7 @@ import "../../Components/Common/Switcher1.js";
 import "../../Components/Common/CircleButton.js";
 import "../../../vendor/svelte/src/runtime/transition/index.js";
 import "../../../vendor/svelte/src/runtime/easing/index.js";
-class co {
+class ao {
   constructor(o, t) {
     i(this, "revoke");
     i(this, "container");
@@ -146,5 +147,5 @@ class co {
   }
 }
 export {
-  co as UIController
+  ao as UIController
 };