@realsee/dnalogel 3.50.17-alpha.0 → 3.51.0

package/libs/AreaMakerPlugin/utils/Item.js

@@ -1,6 +1,6 @@
 var b = Object.defineProperty;
-var k = (a, e, t) => e in a ? b(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var i = (a, e, t) => (k(a, typeof e != "symbol" ? e + "" : e, t), t);
+var k = (a, i, t) => i in a ? b(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
+var e = (a, i, t) => (k(a, typeof i != "symbol" ? i + "" : i, t), t);
 import * as r from "three";
 import "../../shared-utils/tag.js";
 import "hammerjs";
@@ -14,6 +14,10 @@ import { LineSegments as C } from "../../shared-utils/three/core/LineSegments.js
 import "../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import { BetterTween as O } from "../../shared-utils/animationFrame/BetterTween.js";
+import "../../Sculpt/Meshes/Polygon.js";
+import "../../Sculpt/utils/Modules/Global.js";
+import "../../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import "../../Sculpt/utils/three/rayOnLine.js";
 import { LabelItem as v } from "../../components/AreaLabel/LabelItem.js";
 import { getCenterPointOfPoints as M } from "../../shared-utils/math/planimetry.js";
 import { resizeObserver as V } from "../../shared-utils/dom/resizeObserver.js";
@@ -25,6 +29,8 @@ 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/fiveEveryReadyListener.js";
+import "../../shared-utils/throttle.js";
 import "../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../../shared-utils/three/Magnifier.js";
 import "../../shared-utils/three/PointSelector/utils/PointHelper.js";
@@ -58,78 +64,128 @@ import "../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
 import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/three/generatePolygonGeometry.js";
+import "../../shared-utils/three/earcut3D.js";
+import "earcut";
+import "../../shared-utils/three/getNormal.js";
+import "../../PanoMeasurePlugin/utils/isIntersecting.js";
+import "../../Sculpt/utils/three/ColoredMesh.js";
+import "../../shared-utils/three/geometryUtil.js";
+import "../../Sculpt/utils/Modules/Cursor.js";
+import "../../Object3DHelperPlugin/Controller.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/url/absoluteUrl.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/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 "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.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 "../../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/core/Raycaster.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../components/AreaLabel/Assets/roomLabelBg.js";
 class P extends T {
   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 At {
-  constructor(e, t) {
-    i(this, "id");
+class Si {
+  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 r.Vector3());
+    e(this, "tagPosition", new r.Vector3());
     /** 标注标签的 NDC 坐标 */
-    i(this, "tagNDCPosition", new r.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 y());
+    e(this, "hooks", new y());
     /** 自定义 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({
@@ -149,111 +205,111 @@ class At {
     // })
     // }
     /** 透明度动画 */
-    i(this, "doOpacityAnime", (e) => {
-      var m;
-      (m = this.opacityAnime) == null || m.dispose();
-      const t = e.duration, [s, o] = e.makerObjectOpacity, [h, n] = e.outlineOpacity;
+    e(this, "doOpacityAnime", (i) => {
+      var p;
+      (p = this.opacityAnime) == null || p.dispose();
+      const t = i.duration, [o, s] = i.makerObjectOpacity, [m, n] = i.outlineOpacity;
       if (t === 0) {
-        this.makerObject.material.opacity = o, this.outline.material.opacity = n;
+        this.makerObject.material.opacity = s, this.outline.material.opacity = n;
         return;
       }
-      return new Promise((p) => {
-        this.opacityAnime = new O({ makerObjectOpacity: s, outlineOpacity: h }).to({
-          makerObjectOpacity: o,
+      return new Promise((h) => {
+        this.opacityAnime = new O({ makerObjectOpacity: o, outlineOpacity: m }).to({
+          makerObjectOpacity: s,
           outlineOpacity: n
         }).onUpdate(({ makerObjectOpacity: l, outlineOpacity: c }) => {
           this.makerObject.material.opacity = l, this.outline.material.opacity = c, this.plugin.five.needsRender = !0;
-        }).onComplete(() => p(!0)).onDispose(() => {
-          this.makerObject.material.opacity = o, this.outline.material.opacity = n, this.plugin.five.needsRender = !0, p(!1);
+        }).onComplete(() => h(!0)).onDispose(() => {
+          this.makerObject.material.opacity = s, this.outline.material.opacity = n, 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 = t.camera.position.clone();
-      d.set(s.clone(), this.tagPosition.clone().sub(s).normalize());
-      const [o] = this.plugin.fiveUtil.model.intersectRaycaster(d), h = this.tagPosition.distanceTo(t.camera.position);
-      if (o && o.distance + 0.1 < h)
+      const t = this.plugin.five, o = t.camera.position.clone();
+      d.set(o.clone(), this.tagPosition.clone().sub(o).normalize());
+      const [s] = this.plugin.fiveUtil.model.intersectRaycaster(d), m = this.tagPosition.distanceTo(t.camera.position);
+      if (s && s.distance + 0.1 < m)
         return { result: !1, msg: "标注标签被 Five 模型遮挡" };
       const n = this.tagNDCPosition;
       return Math.abs(n.x) > 1.2 || Math.abs(n.y) > 1.2 || Math.abs(n.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 p, l, c, g;
-    const s = t.object_data, o = s.bottom_y, h = s.height, n = new r.Color((p = s.color) != null ? p : "#FFFFFF"), m = (l = s.opacity) != null ? l : 0.4;
-    this.data = t, this.id = t.id, this.name = (c = t.name) != null ? c : "", this.plugin = e, this.height = h, this.bottomY = o, this.opacity = m, this.shape = new r.Shape().fromJSON(s.shape), this.floorIndex = t.floor_index, this.makerObject = new r.Mesh(f(this.shape, h), j(n, m)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new C(
+    var h, l, c, g;
+    const o = t.object_data, s = o.bottom_y, m = o.height, n = new r.Color((h = o.color) != null ? h : "#FFFFFF"), p = (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 = m, this.bottomY = s, this.opacity = p, this.shape = new r.Shape().fromJSON(o.shape), this.floorIndex = t.floor_index, this.makerObject = new r.Mesh(f(this.shape, m), j(n, p)), u(this.makerObject, s), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new C(
       new r.EdgesGeometry(this.makerObject.geometry),
       new r.LineBasicMaterial({ color: n, transparent: !0 })
-    ), u(this.outline, o), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(h), this.modelGroup = new P(this), this.modelGroup.visible = (g = s.visible) != null ? g : !0;
+    ), u(this.outline, s), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(m), this.modelGroup = new P(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 v({
+    const i = !!this.name, t = this.plugin.tagDomContainer;
+    i && (this.tagApp = new v({
       target: t,
       props: {
         rendererData: this.data,
@@ -261,39 +317,39 @@ class At {
         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 = V(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 r.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 = f(this.shape, e), this.outline.geometry = new r.EdgesGeometry(this.makerObject.geometry);
-    const t = this.shape.extractPoints(10).shape.slice(0, -1), s = M(t), o = new r.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 = f(this.shape, i), this.outline.geometry = new r.EdgesGeometry(this.makerObject.geometry);
+    const t = this.shape.extractPoints(10).shape.slice(0, -1), o = M(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 为什么需要这个方法
@@ -303,28 +359,28 @@ class At {
    * - 标签 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 f(a, e) {
+function f(a, i) {
   return new r.ExtrudeBufferGeometry(a, {
-    depth: e,
+    depth: i,
     bevelEnabled: !1
   });
 }
-function j(a, e) {
+function j(a, i) {
   return new r.MeshBasicMaterial({
     color: a,
-    opacity: e,
+    opacity: i,
     transparent: !0
   });
 }
-function u(a, e) {
-  const t = new r.Matrix4(), s = new r.Matrix4().makeRotationX(Math.PI / 2), o = new r.Matrix4().makeTranslation(0, 0, -e), h = new r.Matrix4().makeScale(1, 1, -1);
-  t.multiply(s), t.multiply(o), t.multiply(h), a.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), m = new r.Matrix4().makeScale(1, 1, -1);
+  t.multiply(o), t.multiply(s), t.multiply(m), a.applyMatrix4(t);
 }
 export {
-  At as AreaMakerItem
+  Si as AreaMakerItem
 };