@realsee/dnalogel 3.45.0 → 3.46.0

package/libs/AreaMakerPlugin/utils/Item.js

@@ -1,11 +1,12 @@
 var f = Object.defineProperty;
-var b = (n, e, t) => e in n ? f(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var i = (n, e, t) => (b(n, typeof e != "symbol" ? e + "" : e, t), t);
-import * as a from "three";
+var b = (a, i, t) => i in a ? f(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
+var e = (a, i, t) => (b(a, typeof i != "symbol" ? i + "" : i, t), t);
+import * as r from "three";
 import "hammerjs";
 import { Subscribe as k } from "../../shared-utils/Subscribe.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../../Sculpt/utils/Modules/Global.js";
 import { Object3D as y } from "../../shared-utils/three/core/Object3D.js";
 import { LineSegments as T } from "../../shared-utils/three/objects/LineSegments.js";
 import "../../shared-utils/three/THREESphere.js";
@@ -14,80 +15,158 @@ import { BetterTween as C } from "../../shared-utils/animationFrame/BetterTween.
 import { LabelItem as O } from "../../components/AreaLabel/LabelItem.js";
 import { getCenterPointOfPoints as v } from "../../shared-utils/math/planimetry.js";
 import { resizeObserver as M } from "../../shared-utils/dom/resizeObserver.js";
+import "../../Sculpt/utils/Modules/Cursor.js";
+import "../../Object3DHelperPlugin/Controller.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/Utils/FiveUtil.js";
+import "../../shared-utils/Utils/BaseUtil.js";
+import "../../shared-utils/Utils/WorkUtil.js";
+import "../../shared-utils/five/transformPosition.js";
+import "../../shared-utils/five/getFiveModel.js";
+import "../../shared-utils/url/absoluteUrl.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import "../../shared-utils/Object3DHelper/Base/BaseHelper.js";
+import "../../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../../shared-utils/three/boundingBox.js";
+import "../../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
+import "../../shared-utils/Object3DHelper/utils/direction.js";
+import "../../shared-utils/Object3DHelper/Constants/color.js";
+import "../../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../shared-utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../shared-utils/three/getObjectVisible.js";
+import "../../shared-utils/isNil.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../shared-utils/util.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import "../../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
+import "../../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
+import "../../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
+import "../../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
+import "../../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
+import "../../shared-utils/Object3DHelper/Controller/MoveController.js";
+import "../../shared-utils/Object3DHelper/Base/BaseController.js";
+import "../../shared-utils/threex/domevents/index.js";
+import "../../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
+import "../../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
+import "../../Sculpt/utils/three/rayOnLine.js";
+import "../../Object3DHelperPlugin/FiveControllerWrapper.js";
+import "../../shared-utils/Object3DHelper/index.js";
+import "../../shared-utils/Object3DHelper/Controller/RotateController.js";
+import "../../shared-utils/math/rad2Deg.js";
+import "../../shared-utils/math/deg2Rad.js";
+import "../../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import "../../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
+import "../../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
+import "../../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
+import "../../shared-utils/Object3DHelper/Controller/ScaleController.js";
+import "../../shared-utils/five/fiveModelLoad.js";
+import "../../shared-utils/five/FiveDomEvents.js";
+import "../../shared-utils/five/calculateThreeMouse.js";
+import "../../shared-utils/three/THREERaycaster.js";
+import "../../shared-utils/three/PointSelector/index.js";
+import "../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../shared-utils/three/Magnifier.js";
+import "../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../shared-utils/three/Assets/index.js";
+import "../../shared-utils/three/PointSelector/utils/html.js";
+import "../../shared-utils/five/initialCSS3DRender.js";
+import "../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../Sculpt/Meshes/Line.js";
+import "../../Sculpt/typings/style.js";
+import "../../shared-utils/five/FiveLine.js";
+import "../../shared-utils/tag.js";
+import "../../shared-utils/five/vector3ToScreen.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../shared-utils/isTouchDevice.js";
+import "../../shared-utils/five/getPosition.js";
+import "../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../shared-utils/animationFrame/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../components/AreaLabel/Assets/roomLabelBg.js";
 class V extends y {
   constructor(t) {
     super();
-    i(this, "areaMakerItem");
+    e(this, "areaMakerItem");
     this.areaMakerItem = t;
   }
-  raycast(t, s) {
-    this.areaMakerItem.makerObject.raycast(t, s);
+  raycast(t, o) {
+    this.areaMakerItem.makerObject.raycast(t, o);
   }
 }
-class Y {
-  constructor(e, t) {
-    i(this, "id");
+class di {
+  constructor(i, t) {
+    e(this, "id");
     /** 标注名称 */
-    i(this, "name", "");
+    e(this, "name", "");
     /** 标注几何体 */
-    i(this, "makerObject");
+    e(this, "makerObject");
     /** 标注几何体的边框 */
-    i(this, "outline");
+    e(this, "outline");
     /** 标注底面 Y 坐标 */
-    i(this, "bottomY");
+    e(this, "bottomY");
     /** 标注透明度 */
-    i(this, "opacity");
+    e(this, "opacity");
     /** 标注高度 */
-    i(this, "height");
+    e(this, "height");
     /** 标注所在楼层 */
-    i(this, "floorIndex");
+    e(this, "floorIndex");
     /** 标注底面形状 */
-    i(this, "shape");
+    e(this, "shape");
     /** 是否被挂载 */
-    i(this, "mounted", !1);
+    e(this, "mounted", !1);
     /** 查询问题使用的调试对象 */
-    i(this, "checkMsg", {
+    e(this, "checkMsg", {
       /** 当标注没有展示时，可以通过这个字段查看原因 */
       checkVisibleMsg: "",
       /** 当标注标签没有展示时，可以通过这个字段查看原因 */
       checkTagVisibleMsg: ""
     });
     /** 模型容器 */
-    i(this, "modelGroup");
+    e(this, "modelGroup");
     /** 标注是否可见 */
-    i(this, "visible", !0);
+    e(this, "visible", !0);
     // ==================== 标签相关 ====================
     /** 标注标签实例 */
-    i(this, "tagApp");
+    e(this, "tagApp");
     /** 标注标签是否可见 */
-    i(this, "tagVisible", null);
+    e(this, "tagVisible", null);
     /** 标注标签的世界坐标 */
-    i(this, "tagPosition", new a.Vector3());
+    e(this, "tagPosition", new r.Vector3());
     /** 标注标签的 NDC 坐标 */
-    i(this, "tagNDCPosition", new a.Vector3());
+    e(this, "tagNDCPosition", new r.Vector3());
     /** 标注标签的 transform */
-    i(this, "tagTransform", { left: 0, top: 0 });
+    e(this, "tagTransform", { left: 0, top: 0 });
     /** 标注标签的显示层级 */
-    i(this, "tagZIndex", 0);
+    e(this, "tagZIndex", 0);
     /** 标注实例的事件处理器 */
-    i(this, "hooks", new k());
+    e(this, "hooks", new k());
     /** 自定义 Dom */
-    i(this, "itemRenderer");
+    e(this, "itemRenderer");
     /** 数据 */
-    i(this, "data");
+    e(this, "data");
     /** Plugin 实例 */
-    i(this, "plugin");
+    e(this, "plugin");
     /** 标注透明度动画 */
-    i(this, "opacityAnime");
+    e(this, "opacityAnime");
     /** 是否在容器 resize 动画中 */
-    i(this, "isInContainerResizeAnimation", !1);
+    e(this, "isInContainerResizeAnimation", !1);
     /** 监听容器 resize 的计时器 id，用于判断 resize 过程是否结束 */
-    i(this, "containerResizeTimeoutID", null);
-    i(this, "resizeObserver");
+    e(this, "containerResizeTimeoutID", null);
+    e(this, "resizeObserver");
     /** 显示标注 */
     // public show() {
     // return this.doOpacityAnime({
@@ -107,111 +186,111 @@ class Y {
     // })
     // }
     /** 透明度动画 */
-    i(this, "doOpacityAnime", (e) => {
-      var h;
-      (h = this.opacityAnime) == null || h.dispose();
-      const t = e.duration, [s, o] = e.makerObjectOpacity, [r, l] = e.outlineOpacity;
+    e(this, "doOpacityAnime", (i) => {
+      var m;
+      (m = this.opacityAnime) == null || m.dispose();
+      const t = i.duration, [o, s] = i.makerObjectOpacity, [n, p] = i.outlineOpacity;
       if (t === 0) {
-        this.makerObject.material.opacity = o, this.outline.material.opacity = l;
+        this.makerObject.material.opacity = s, this.outline.material.opacity = p;
         return;
       }
-      return new Promise((c) => {
-        this.opacityAnime = new C({ makerObjectOpacity: s, outlineOpacity: r }).to({
-          makerObjectOpacity: o,
-          outlineOpacity: l
-        }).onUpdate(({ makerObjectOpacity: m, outlineOpacity: p }) => {
-          this.makerObject.material.opacity = m, this.outline.material.opacity = p, this.plugin.five.needsRender = !0;
-        }).onComplete(() => c(!0)).onDispose(() => {
-          this.makerObject.material.opacity = o, this.outline.material.opacity = l, this.plugin.five.needsRender = !0, c(!1);
+      return new Promise((h) => {
+        this.opacityAnime = new C({ makerObjectOpacity: o, outlineOpacity: n }).to({
+          makerObjectOpacity: s,
+          outlineOpacity: p
+        }).onUpdate(({ makerObjectOpacity: l, outlineOpacity: c }) => {
+          this.makerObject.material.opacity = l, this.outline.material.opacity = c, this.plugin.five.needsRender = !0;
+        }).onComplete(() => h(!0)).onDispose(() => {
+          this.makerObject.material.opacity = s, this.outline.material.opacity = p, this.plugin.five.needsRender = !0, h(!1);
         }).play();
       });
     });
     /** 插件 Config 变化时更新自身 depthTest */
-    i(this, "onPluginConfigChange", (e) => {
-      this.makerObject.material.depthTest = e.config.modelDepthTest, this.outline.material.depthTest = e.config.modelDepthTest, this.plugin.five.needsRender = !0;
+    e(this, "onPluginConfigChange", (i) => {
+      this.makerObject.material.depthTest = i.config.modelDepthTest, this.outline.material.depthTest = i.config.modelDepthTest, this.plugin.five.needsRender = !0;
     });
     /** 插件整体可见性变化时，需要更新自身可见性 */
-    i(this, "onPluginStateChange", () => {
+    e(this, "onPluginStateChange", () => {
       this.updateVisible(), this.updateTagVisible();
     });
     /** 更新标注可见性 */
-    i(this, "updateVisible", () => {
-      var o;
-      const { result: e, msg: t } = this.checkVisible();
-      if (this.checkMsg.checkVisibleMsg = t, this.visible === e)
+    e(this, "updateVisible", () => {
+      var s;
+      const { result: i, msg: t } = this.checkVisible();
+      if (this.checkMsg.checkVisibleMsg = t, this.visible === i)
         return;
-      this.visible = e;
-      const s = (o = this.data.object_data.visible) != null ? o : !0;
-      this.modelGroup.visible = e && s, this.plugin.five.needsRender = !0;
+      this.visible = i;
+      const o = (s = this.data.object_data.visible) != null ? s : !0;
+      this.modelGroup.visible = i && o, this.plugin.five.needsRender = !0;
     });
     /** 检测标注是否可见 */
-    i(this, "checkVisible", () => {
+    e(this, "checkVisible", () => {
       if (!this.plugin.state.visible)
         return { result: !1, msg: "插件不可见" };
       const t = this.plugin.fiveUtil.model.shownFloor;
       return t === null || t === this.floorIndex ? { result: !0, msg: "" } : { result: !1, msg: `模型高亮楼层不符合展示条件, 当前高亮楼层为：${t}` };
     });
     /** 更新标注标签 */
-    i(this, "updateTag", () => {
+    e(this, "updateTag", () => {
       this.tagApp && (this.updateTagNDCPosition(), this.updateTagDomTransform(), this.updateTagVisible());
     });
     /** 更新标注标签的 NDC Position */
-    i(this, "updateTagNDCPosition", () => {
+    e(this, "updateTagNDCPosition", () => {
       const t = this.tagPosition.clone().project(this.plugin.five.camera);
       this.tagNDCPosition.copy(t);
     });
     /** 更新标注标签的 transform */
-    i(this, "updateTagDomTransform", () => {
-      var o;
-      const e = this.tagNDCPosition, t = Math.round((e.x + 1) / 2 * this.plugin.tagDomContainer.clientWidth), s = Math.round((-e.y + 1) / 2 * this.plugin.tagDomContainer.clientHeight);
-      this.tagTransform.left === t && this.tagTransform.top === s || (this.tagTransform = { left: t, top: s }, (o = this.tagApp) == null || o.$set({ transform: `translate(${t}px, ${s}px)` }));
+    e(this, "updateTagDomTransform", () => {
+      var s;
+      const i = this.tagNDCPosition, t = Math.round((i.x + 1) / 2 * this.plugin.tagDomContainer.clientWidth), o = Math.round((-i.y + 1) / 2 * this.plugin.tagDomContainer.clientHeight);
+      this.tagTransform.left === t && this.tagTransform.top === o || (this.tagTransform = { left: t, top: o }, (s = this.tagApp) == null || s.$set({ transform: `translate(${t}px, ${o}px)` }));
     });
     /** 更新标注标签可见性 */
-    i(this, "updateTagVisible", () => {
-      var s;
-      const { result: e, msg: t } = this.checkTagVisible();
-      this.checkMsg.checkTagVisibleMsg = t, this.tagVisible !== e && (this.tagVisible = e, this.tagApp && (this.tagVisible ? this.hooks.emit("tagShow") : this.hooks.emit("tagHide"), (s = this.tagApp) == null || s.$set({ visible: e })));
+    e(this, "updateTagVisible", () => {
+      var o;
+      const { result: i, msg: t } = this.checkTagVisible();
+      this.checkMsg.checkTagVisibleMsg = t, this.tagVisible !== i && (this.tagVisible = i, this.tagApp && (this.tagVisible ? this.hooks.emit("tagShow") : this.hooks.emit("tagHide"), (o = this.tagApp) == null || o.$set({ visible: i })));
     });
     /** 检测标注标签是否可见 */
-    i(this, "checkTagVisible", () => {
+    e(this, "checkTagVisible", () => {
       if (!this.visible)
         return { result: !1, msg: "标注整体不可见" };
       if (this.isInContainerResizeAnimation)
         return { result: !1, msg: "处于容器 resize 动画中" };
-      const t = this.plugin.five, s = new a.Raycaster(), o = t.camera.position.clone();
-      s.set(o.clone(), this.tagPosition.clone().sub(o).normalize());
-      const [r] = this.plugin.fiveUtil.model.intersectRaycaster(s), l = this.tagPosition.distanceTo(t.camera.position);
-      if (r && r.distance + 0.1 < l)
+      const t = this.plugin.five, o = new r.Raycaster(), s = t.camera.position.clone();
+      o.set(s.clone(), this.tagPosition.clone().sub(s).normalize());
+      const [n] = this.plugin.fiveUtil.model.intersectRaycaster(o), p = this.tagPosition.distanceTo(t.camera.position);
+      if (n && n.distance + 0.1 < p)
         return { result: !1, msg: "标注标签被 Five 模型遮挡" };
-      const h = this.tagNDCPosition;
-      return Math.abs(h.x) > 1.2 || Math.abs(h.y) > 1.2 || Math.abs(h.z) > 1 ? { result: !1, msg: "标注标签不在屏幕内" } : { result: !0, msg: "" };
+      const m = this.tagNDCPosition;
+      return Math.abs(m.x) > 1.2 || Math.abs(m.y) > 1.2 || Math.abs(m.z) > 1 ? { result: !1, msg: "标注标签不在屏幕内" } : { result: !0, msg: "" };
     });
     /** 相机位姿发生变化时，更新标签 */
-    i(this, "onFiveCameraUpdate", () => {
+    e(this, "onFiveCameraUpdate", () => {
       this.tagApp && this.visible && (this.updateTagNDCPosition(), this.updateTagDomTransform(), this.updateTagVisible());
     });
     /** tag container DOM 发生 resize */
-    i(this, "onContainerResize", () => {
+    e(this, "onContainerResize", () => {
       this.isInContainerResizeAnimation === !1 && (this.isInContainerResizeAnimation = !0, this.updateTag());
       const t = () => {
         this.isInContainerResizeAnimation = !1, this.containerResizeTimeoutID = null, this.updateTag();
       };
       this.containerResizeTimeoutID && clearTimeout(this.containerResizeTimeoutID), this.containerResizeTimeoutID = setTimeout(t, 100);
     });
-    var c, m, p, g;
-    const s = t.object_data, o = s.bottom_y, r = s.height, l = new a.Color((c = s.color) != null ? c : "#FFFFFF"), h = (m = s.opacity) != null ? m : 0.4;
-    this.data = t, this.id = t.id, this.name = (p = t.name) != null ? p : "", this.plugin = e, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new a.Shape().fromJSON(s.shape), this.floorIndex = t.floor_index, this.makerObject = new a.Mesh(d(this.shape, r), P(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new T(
-      new a.EdgesGeometry(this.makerObject.geometry),
-      new a.LineBasicMaterial({ color: l, transparent: !0 })
-    ), u(this.outline, o), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(r), this.modelGroup = new V(this), this.modelGroup.visible = (g = s.visible) != null ? g : !0;
+    var h, l, c, g;
+    const o = t.object_data, s = o.bottom_y, n = o.height, p = new r.Color((h = o.color) != null ? h : "#FFFFFF"), m = (l = o.opacity) != null ? l : 0.4;
+    this.data = t, this.id = t.id, this.name = (c = t.name) != null ? c : "", this.plugin = i, this.height = n, this.bottomY = s, this.opacity = m, this.shape = new r.Shape().fromJSON(o.shape), this.floorIndex = t.floor_index, this.makerObject = new r.Mesh(d(this.shape, n), P(p, m)), u(this.makerObject, s), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new T(
+      new r.EdgesGeometry(this.makerObject.geometry),
+      new r.LineBasicMaterial({ color: p, transparent: !0 })
+    ), u(this.outline, s), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(n), this.modelGroup = new V(this), this.modelGroup.visible = (g = o.visible) != null ? g : !0;
   }
   /** 挂载标注 */
   mount() {
     if (this.mounted)
       return;
     this.mounted = !0, this.updateVisible(), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.modelGroup.add(this.makerObject, this.outline);
-    const e = !!this.name, t = this.plugin.tagDomContainer;
-    e && (this.tagApp = new O({
+    const i = !!this.name, t = this.plugin.tagDomContainer;
+    i && (this.tagApp = new O({
       target: t,
       props: {
         rendererData: this.data,
@@ -219,39 +298,39 @@ class Y {
         visible: this.tagVisible,
         rendererIfNeed: this.itemRenderer,
         transform: `translate(${this.tagTransform.left}px, ${this.tagTransform.top}px)`,
-        onClick: (s) => this.hooks.emit("tagClick", { target: this, nativeEvent: s })
+        onClick: (o) => this.hooks.emit("tagClick", { target: this, nativeEvent: o })
       }
     }), this.updateTag()), this.plugin.five.needsRender = !0, this.plugin.hooks.on("stateChange", this.onPluginStateChange), this.plugin.hooks.on("configChange", this.onPluginConfigChange), this.plugin.five.on("modeChange", this.updateVisible), this.plugin.five.on("modelShownFloorChange", this.updateVisible), this.plugin.five.on("cameraUpdate", this.onFiveCameraUpdate), this.resizeObserver = M(this.onContainerResize, t), this.resizeObserver.observe();
   }
   /** 卸载标注 */
   unmount() {
-    var e, t;
-    this.mounted && (this.mounted = !1, this.modelGroup.remove(...this.modelGroup.children), (e = this.tagApp) == null || e.$destroy(), this.tagApp = null, this.plugin.hooks.off("stateChange", this.onPluginStateChange), this.plugin.hooks.off("configChange", this.onPluginConfigChange), this.plugin.five.off("modeChange", this.updateVisible), this.plugin.five.off("modelShownFloorChange", this.updateVisible), this.plugin.five.off("cameraUpdate", this.onFiveCameraUpdate), (t = this.resizeObserver) == null || t.unobserve());
+    var i, t;
+    this.mounted && (this.mounted = !1, this.modelGroup.remove(...this.modelGroup.children), (i = this.tagApp) == null || i.$destroy(), this.tagApp = null, this.plugin.hooks.off("stateChange", this.onPluginStateChange), this.plugin.hooks.off("configChange", this.onPluginConfigChange), this.plugin.five.off("modeChange", this.updateVisible), this.plugin.five.off("modelShownFloorChange", this.updateVisible), this.plugin.five.off("cameraUpdate", this.onFiveCameraUpdate), (t = this.resizeObserver) == null || t.unobserve());
   }
   /** 更改标注透明度
    * @param opacity 标注透明度，范围：0-1
    */
-  setOpacity(e) {
+  setOpacity(i) {
     var t;
-    this.opacity = e, (t = this.opacityAnime) == null || t.dispose(), this.makerObject.material.opacity = e, this.plugin.five.needsRender = !0;
+    this.opacity = i, (t = this.opacityAnime) == null || t.dispose(), this.makerObject.material.opacity = i, this.plugin.five.needsRender = !0;
   }
   /** 更改标注颜色
    * @param color 标注颜色，支持 hex
    * @example setColor('#FF0000')
    */
-  setColor(e) {
-    const t = new a.Color(e);
+  setColor(i) {
+    const t = new r.Color(i);
     this.makerObject.material.color = t, this.outline.material.color = t, this.plugin.five.needsRender = !0;
   }
   /** 更改标注高度
    * @param height 标注高度，单位：米
    */
-  setHeight(e) {
-    if (e <= 0)
+  setHeight(i) {
+    if (i <= 0)
       throw new Error("高度必须大于 0");
-    this.height = e, this.makerObject.geometry = d(this.shape, e), this.outline.geometry = new a.EdgesGeometry(this.makerObject.geometry);
-    const t = this.shape.extractPoints(10).shape.slice(0, -1), s = v(t), o = new a.Vector3(s.x, s.y, e);
-    u(o, this.bottomY), this.tagPosition.copy(o), this.updateTag(), this.plugin.five.needsRender = !0;
+    this.height = i, this.makerObject.geometry = d(this.shape, i), this.outline.geometry = new r.EdgesGeometry(this.makerObject.geometry);
+    const t = this.shape.extractPoints(10).shape.slice(0, -1), o = v(t), s = new r.Vector3(o.x, o.y, i);
+    u(s, this.bottomY), this.tagPosition.copy(s), this.updateTag(), this.plugin.five.needsRender = !0;
   }
   /** 更改标注标签的显示层级
    * @description 为什么需要这个方法
@@ -261,28 +340,28 @@ class Y {
    * - 标签 A <- 标签 B <- 相机： 标签 A 在标签 B 的后面
    * 但是当前元素是无法感知到这种变化的，所以需要通过父元素调用这个方法来更新标签的层级。
    */
-  setTagZIndex(e) {
+  setTagZIndex(i) {
     var t;
-    this.tagZIndex !== e && ((t = this.tagApp) == null || t.$set({ zIndex: e }));
+    this.tagZIndex !== i && ((t = this.tagApp) == null || t.$set({ zIndex: i }));
   }
 }
-function d(n, e) {
-  return new a.ExtrudeBufferGeometry(n, {
-    depth: e,
+function d(a, i) {
+  return new r.ExtrudeBufferGeometry(a, {
+    depth: i,
     bevelEnabled: !1
   });
 }
-function P(n, e) {
-  return new a.MeshBasicMaterial({
-    color: n,
-    opacity: e,
+function P(a, i) {
+  return new r.MeshBasicMaterial({
+    color: a,
+    opacity: i,
     transparent: !0
   });
 }
-function u(n, e) {
-  const t = new a.Matrix4(), s = new a.Matrix4().makeRotationX(Math.PI / 2), o = new a.Matrix4().makeTranslation(0, 0, -e), r = new a.Matrix4().makeScale(1, 1, -1);
-  t.multiply(s), t.multiply(o), t.multiply(r), n.applyMatrix4(t);
+function u(a, i) {
+  const t = new r.Matrix4(), o = new r.Matrix4().makeRotationX(Math.PI / 2), s = new r.Matrix4().makeTranslation(0, 0, -i), n = new r.Matrix4().makeScale(1, 1, -1);
+  t.multiply(o), t.multiply(s), t.multiply(n), a.applyMatrix4(t);
 }
 export {
-  Y as AreaMakerItem
+  di as AreaMakerItem
 };