@realsee/dnalogel 3.47.4 → 3.47.6

package/dist/shared-utils/five/vector3ToScreen.d.ts

@@ -1,5 +1,5 @@
-import type * as THREE from 'three';
-export default function vector3ToScreen(camera: THREE.Camera, vector3: THREE.Vector3): {
-    leftPercent: number;
-    topPercent: number;
+import * as THREE from 'three';
+export default function vector3ToScreen(camera: THREE.Camera, vector3: THREE.Vector3, rendererSize: THREE.Vector2): {
+    leftPx: number;
+    topPx: number;
 };

package/dist/shared-utils/tag.d.ts

@@ -6,6 +6,7 @@ export declare class LightTag {
     visible: boolean;
     enabled: boolean;
     wrapper: HTMLElement;
+    positionsForRotate?: THREE.Vector3[];
     private tagWrapper;
     private five;
     private originPosition?;
@@ -14,16 +15,15 @@ export declare class LightTag {
     private config;
     constructor(five: Five, position?: AnyPosition, config?: {
         wrapper?: HTMLElement;
+        positionsForRotate?: AnyPosition[];
     });
     show(): void;
-    hide(params?: {
-        withAnimation?: boolean;
-    }): void;
+    hide(): void;
     enable(): void;
     disable(): void;
     destroy(): void;
     setTransformMatrix(matrix: THREE.Matrix4): void;
-    setPosition(position: THREE.Vector3): void;
+    setPosition(position: THREE.Vector3, positionsForRotate?: THREE.Vector3[]): void;
     updateScreenPosition(): void;
     private onCameraUpdate;
     private onFiveEveryReady;

package/dist/shared-utils/three/index.d.ts

@@ -1,7 +1,5 @@
 export * from './Magnifier';
 export * from './getCoords';
-export * from './getRaycaster';
-export * from './getIntersect';
 export * from './PointSelector/utils/PointHelper';
 export * from './PointSelector/utils/PointSelectorHelper';
 export * from './core/Object3D';

package/dist/shared-utils/three/raycaster.d.ts

@@ -0,0 +1,2 @@
+import * as THREE from 'three';
+export declare const _raycaster: THREE.Raycaster;

package/libs/AreaMakerPlugin/Controller.js

@@ -31,8 +31,7 @@ import * as g from "three";
 import { Controller as k } from "../base/BasePluginWithData.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../Sculpt/utils/Modules/Global.js";
+import "../Sculpt/Meshes/Line.js";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -46,28 +45,35 @@ 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 "../Sculpt/typings/style.js";
+import "../shared-utils/five/FiveLine.js";
+import "@realsee/five/line";
+import "../shared-utils/positionToVector3.js";
+import "../shared-utils/three/IObject3D.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/isNil.js";
+import "../shared-utils/tag.js";
+import "../shared-utils/five/vector3ToScreen.js";
+import "../shared-utils/three/raycaster.js";
+import "../Sculpt/utils/Modules/Global.js";
 import "../Sculpt/utils/Modules/Cursor.js";
 import "../Object3DHelperPlugin/Controller.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";
@@ -108,16 +114,12 @@ 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 "../Sculpt/utils/removeAllTag.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 "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/three/core/Object3D.js";
 import "../shared-utils/three/objects/LineSegments.js";
@@ -128,7 +130,7 @@ import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
 import "../shared-utils/dom/resizeObserver.js";
-class Ce extends k {
+class Ae extends k {
   /** AreaMakerPlugin
    * @param `five` `<Five>` Five 实例
    * @param `params` `<PluginType.Params> | <undefined>` 插件初始化参数
@@ -403,5 +405,5 @@ class Ce extends k {
   }
 }
 export {
-  Ce as Controller
+  Ae as Controller
 };

package/libs/AreaMakerPlugin/index.js

@@ -5,33 +5,40 @@ import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../Sculpt/Meshes/Line.js";
+import "../Sculpt/typings/style.js";
+import "../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
+import "../shared-utils/positionToVector3.js";
+import "../shared-utils/three/IObject3D.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/THREESphere.js";
+import "animejs";
+import "../shared-utils/isNil.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../shared-utils/tag.js";
+import "../shared-utils/five/vector3ToScreen.js";
+import "../shared-utils/five/getFiveModel.js";
+import "../shared-utils/three/raycaster.js";
 import "../Sculpt/utils/Modules/Global.js";
 import "../Sculpt/utils/Modules/Cursor.js";
 import "../Object3DHelperPlugin/Controller.js";
-import "../shared-utils/three/THREESphere.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 "animejs";
-import "../shared-utils/isNil.js";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../shared-utils/util.js";
@@ -61,7 +68,6 @@ 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/getFiveModel.js";
 import "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/calculateThreeMouse.js";
 import "../shared-utils/three/THREERaycaster.js";
@@ -73,16 +79,12 @@ 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 "../Sculpt/utils/removeAllTag.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 "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/Utils/FiveUtil.js";
 import "../shared-utils/Utils/BaseUtil.js";
 import "../shared-utils/Utils/WorkUtil.js";
@@ -100,7 +102,7 @@ import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
 import "../shared-utils/dom/resizeObserver.js";
-const Zr = (r, o) => new t(r, o);
+const $r = (r, o) => new t(r, o);
 export {
-  Zr as AreaMakerPlugin
+  $r as AreaMakerPlugin
 };

package/libs/AreaMakerPlugin/utils/Item.js

@@ -1,20 +1,32 @@
-var f = Object.defineProperty;
-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);
+var b = Object.defineProperty;
+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 "hammerjs";
-import { Subscribe as k } from "../../shared-utils/Subscribe.js";
+import { Subscribe as y } 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 "../../Sculpt/Meshes/Line.js";
+import { Object3D as T } from "../../shared-utils/three/core/Object3D.js";
+import { LineSegments as C } from "../../shared-utils/three/objects/LineSegments.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
-import { BetterTween as C } from "../../shared-utils/animationFrame/BetterTween.js";
-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 { BetterTween as O } from "../../shared-utils/animationFrame/BetterTween.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";
+import { _raycaster as d } from "../../shared-utils/three/raycaster.js";
+import "../../Sculpt/typings/style.js";
+import "../../shared-utils/five/FiveLine.js";
+import "@realsee/five/line";
+import "../../shared-utils/positionToVector3.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../shared-utils/isNil.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../shared-utils/tag.js";
+import "../../shared-utils/five/vector3ToScreen.js";
+import "../../shared-utils/five/getFiveModel.js";
+import "../../Sculpt/utils/Modules/Global.js";
 import "../../Sculpt/utils/Modules/Cursor.js";
 import "../../Object3DHelperPlugin/Controller.js";
 import "../../base/BasePlugin.js";
@@ -22,29 +34,23 @@ 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";
@@ -85,20 +91,16 @@ 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 "../../Sculpt/utils/removeAllTag.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 "../../Sculpt/utils/removeAllTag.js";
+import "../../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../../shared-utils/animationFrame/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../components/AreaLabel/Assets/roomLabelBg.js";
-class V extends y {
+class P extends T {
   constructor(t) {
     super();
     e(this, "areaMakerItem");
@@ -108,7 +110,7 @@ class V extends y {
     this.areaMakerItem.makerObject.raycast(t, o);
   }
 }
-class fi {
+class yi {
   constructor(i, t) {
     e(this, "id");
     /** 标注名称 */
@@ -154,7 +156,7 @@ class fi {
     /** 标注标签的显示层级 */
     e(this, "tagZIndex", 0);
     /** 标注实例的事件处理器 */
-    e(this, "hooks", new k());
+    e(this, "hooks", new y());
     /** 自定义 Dom */
     e(this, "itemRenderer");
     /** 数据 */
@@ -188,21 +190,21 @@ class fi {
     // }
     /** 透明度动画 */
     e(this, "doOpacityAnime", (i) => {
-      var m;
-      (m = this.opacityAnime) == null || m.dispose();
-      const t = i.duration, [o, s] = i.makerObjectOpacity, [n, p] = i.outlineOpacity;
+      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 = s, this.outline.material.opacity = p;
+        this.makerObject.material.opacity = s, this.outline.material.opacity = n;
         return;
       }
       return new Promise((h) => {
-        this.opacityAnime = new C({ makerObjectOpacity: o, outlineOpacity: n }).to({
+        this.opacityAnime = new O({ makerObjectOpacity: o, outlineOpacity: m }).to({
           makerObjectOpacity: s,
-          outlineOpacity: p
+          outlineOpacity: n
         }).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);
+          this.makerObject.material.opacity = s, this.outline.material.opacity = n, this.plugin.five.needsRender = !0, h(!1);
         }).play();
       });
     });
@@ -258,13 +260,13 @@ class fi {
         return { result: !1, msg: "标注整体不可见" };
       if (this.isInContainerResizeAnimation)
         return { result: !1, msg: "处于容器 resize 动画中" };
-      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)
+      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 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: "" };
+      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: "" };
     });
     /** 相机位姿发生变化时，更新标签 */
     e(this, "onFiveCameraUpdate", () => {
@@ -279,11 +281,11 @@ class fi {
       this.containerResizeTimeoutID && clearTimeout(this.containerResizeTimeoutID), this.containerResizeTimeoutID = setTimeout(t, 100);
     });
     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(
+    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: 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;
+      new r.LineBasicMaterial({ color: n, transparent: !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() {
@@ -291,7 +293,7 @@ class fi {
       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 i = !!this.name, t = this.plugin.tagDomContainer;
-    i && (this.tagApp = new O({
+    i && (this.tagApp = new v({
       target: t,
       props: {
         rendererData: this.data,
@@ -301,7 +303,7 @@ class fi {
         transform: `translate(${this.tagTransform.left}px, ${this.tagTransform.top}px)`,
         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();
+    }), 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() {
@@ -329,8 +331,8 @@ class fi {
   setHeight(i) {
     if (i <= 0)
       throw new Error("高度必须大于 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);
+    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;
   }
   /** 更改标注标签的显示层级
@@ -346,13 +348,13 @@ class fi {
     this.tagZIndex !== i && ((t = this.tagApp) == null || t.$set({ zIndex: i }));
   }
 }
-function d(a, i) {
+function f(a, i) {
   return new r.ExtrudeBufferGeometry(a, {
     depth: i,
     bevelEnabled: !1
   });
 }
-function P(a, i) {
+function j(a, i) {
   return new r.MeshBasicMaterial({
     color: a,
     opacity: i,
@@ -360,9 +362,9 @@ function P(a, i) {
   });
 }
 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);
+  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 {
-  fi as AreaMakerItem
+  yi as AreaMakerItem
 };

package/libs/CSS3DRenderPlugin/Controller.js

@@ -16,8 +16,7 @@ import x from "./utils/generateBehindFiveElement.js";
 import "three";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../Sculpt/utils/Modules/Global.js";
+import "../Sculpt/Meshes/Line.js";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import { absoluteUrl as P } from "../shared-utils/url/absoluteUrl.js";
@@ -38,6 +37,15 @@ import "./utils/three/CSS3DScene.js";
 import "./utils/getAllCSS3DObject.js";
 import "../shared-utils/util.js";
 import "./utils/three/CSS3DGroup.js";
+import "../Sculpt/typings/style.js";
+import "../shared-utils/five/FiveLine.js";
+import "@realsee/five/line";
+import "../shared-utils/three/IObject3D.js";
+import "../shared-utils/tag.js";
+import "../shared-utils/five/vector3ToScreen.js";
+import "../shared-utils/five/getFiveModel.js";
+import "../shared-utils/three/raycaster.js";
+import "../Sculpt/utils/Modules/Global.js";
 import "../Sculpt/utils/Modules/Cursor.js";
 import "../Object3DHelperPlugin/Controller.js";
 import "../base/BasePlugin.js";
@@ -45,11 +53,9 @@ 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/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";
@@ -89,18 +95,14 @@ 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 "../Sculpt/utils/removeAllTag.js";
 import "./utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
 const b = "v2.0.1", E = `CSS3DRenderPlugin@${b}`;
-class at extends j {
+class ht extends j {
   constructor(e) {
     super();
     m(this, "five");
@@ -213,5 +215,5 @@ class at extends j {
 }
 export {
   E as PLUGIN_NAME,
-  at as default
+  ht as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -1,28 +1,37 @@
 import o from "./Controller.js";
-import { CSS3DRender as Kr } from "./utils/three/CSS3DRender.js";
+import { CSS3DRender as Mr } from "./utils/three/CSS3DRender.js";
 import "./utils/generateBehindFiveElement.js";
 import "three";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../Sculpt/Meshes/Line.js";
+import "../Sculpt/typings/style.js";
+import "../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
+import "../shared-utils/positionToVector3.js";
+import "../shared-utils/three/IObject3D.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/THREESphere.js";
+import "animejs";
+import "../shared-utils/isNil.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../shared-utils/tag.js";
+import "../shared-utils/five/vector3ToScreen.js";
+import "../shared-utils/five/getFiveModel.js";
+import "../shared-utils/three/raycaster.js";
 import "../Sculpt/utils/Modules/Global.js";
 import "../Sculpt/utils/Modules/Cursor.js";
 import "../Object3DHelperPlugin/Controller.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
-import "../shared-utils/three/THREESphere.js";
-import "animejs";
 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";
@@ -37,7 +46,6 @@ 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/isNil.js";
 import "../shared-utils/util.js";
 import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
 import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
@@ -66,30 +74,24 @@ import "../shared-utils/three/Assets/index.js";
 import "./utils/three/CSS3DObject.js";
 import "./utils/even.js";
 import "./utils/three/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/five/initialCSS3DRender.js";
 import "./utils/three/CSS3DRenderer.js";
 import "./utils/three/THREEJS_CSS3DRenderer.js";
 import "./utils/createResizeObserver.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/positionToVector3.js";
-import "../shared-utils/tag.js";
-import "../shared-utils/five/vector3ToScreen.js";
-import "../Sculpt/utils/removeAllTag.js";
 import "./utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "./utils/three/CSS3DScene.js";
 import "./utils/getAllCSS3DObject.js";
 import "./utils/three/CSS3DGroup.js";
-const Hr = (r) => new o(r);
+const Jr = (r) => new o(r);
 export {
-  Kr as CSS3DRender,
-  Hr as CSS3DRenderPlugin,
-  Hr as default
+  Mr as CSS3DRender,
+  Jr as CSS3DRenderPlugin,
+  Jr as default
 };