@realsee/dnalogel 3.50.13 → 3.50.15-alpha.0

package/libs/AreaMakerPlugin/utils/Item.js

@@ -1,13 +1,14 @@
 var b = Object.defineProperty;
-var k = (n, e, t) => e in n ? b(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var i = (n, e, t) => (k(n, typeof e != "symbol" ? e + "" : e, t), t);
-import * as a from "three";
+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);
+import * as r from "three";
+import "../../shared-utils/tag.js";
 import "hammerjs";
 import { Subscribe as y } from "../../shared-utils/Subscribe.js";
+import "../../shared-utils/three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../shared-utils/tag.js";
 import { Object3D as T } from "../../shared-utils/three/core/Object3D.js";
 import { LineSegments as C } from "../../shared-utils/three/core/LineSegments.js";
 import "../../shared-utils/three/core/Sphere.js";
@@ -17,8 +18,6 @@ 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/temp.js";
-import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/five/vector3ToScreen.js";
 import "../../shared-utils/five/getFiveModel.js";
@@ -26,7 +25,38 @@ 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/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 "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/even.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 "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../shared-utils/three/PointSelector/utils/html.js";
+import "../../shared-utils/five/initialCSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../../CSS3DRenderPlugin/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/three/IObject3D.js";
+import "../../Sculpt/utils/removeAllTag.js";
+import "../../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../shared-utils/util.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/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 "../../vendor/svelte/internal/index.js";
 import "../../components/AreaLabel/Assets/roomLabelBg.js";
@@ -40,7 +70,7 @@ class P extends T {
     this.areaMakerItem.makerObject.raycast(t, s);
   }
 }
-class st {
+class At {
   constructor(e, t) {
     i(this, "id");
     /** 标注名称 */
@@ -78,9 +108,9 @@ class st {
     /** 标注标签是否可见 */
     i(this, "tagVisible", null);
     /** 标注标签的世界坐标 */
-    i(this, "tagPosition", new a.Vector3());
+    i(this, "tagPosition", new r.Vector3());
     /** 标注标签的 NDC 坐标 */
-    i(this, "tagNDCPosition", new a.Vector3());
+    i(this, "tagNDCPosition", new r.Vector3());
     /** 标注标签的 transform */
     i(this, "tagTransform", { left: 0, top: 0 });
     /** 标注标签的显示层级 */
@@ -120,21 +150,21 @@ class st {
     // }
     /** 透明度动画 */
     i(this, "doOpacityAnime", (e) => {
-      var l;
-      (l = this.opacityAnime) == null || l.dispose();
-      const t = e.duration, [s, o] = e.makerObjectOpacity, [h, r] = e.outlineOpacity;
+      var m;
+      (m = this.opacityAnime) == null || m.dispose();
+      const t = e.duration, [s, o] = e.makerObjectOpacity, [h, n] = e.outlineOpacity;
       if (t === 0) {
-        this.makerObject.material.opacity = o, this.outline.material.opacity = r;
+        this.makerObject.material.opacity = o, this.outline.material.opacity = n;
         return;
       }
-      return new Promise((m) => {
+      return new Promise((p) => {
         this.opacityAnime = new O({ makerObjectOpacity: s, outlineOpacity: h }).to({
           makerObjectOpacity: o,
-          outlineOpacity: r
-        }).onUpdate(({ makerObjectOpacity: p, outlineOpacity: c }) => {
-          this.makerObject.material.opacity = p, this.outline.material.opacity = c, this.plugin.five.needsRender = !0;
-        }).onComplete(() => m(!0)).onDispose(() => {
-          this.makerObject.material.opacity = o, this.outline.material.opacity = r, this.plugin.five.needsRender = !0, m(!1);
+          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);
         }).play();
       });
     });
@@ -195,8 +225,8 @@ class st {
       const [o] = this.plugin.fiveUtil.model.intersectRaycaster(d), h = this.tagPosition.distanceTo(t.camera.position);
       if (o && o.distance + 0.1 < h)
         return { result: !1, msg: "标注标签被 Five 模型遮挡" };
-      const r = this.tagNDCPosition;
-      return Math.abs(r.x) > 1.2 || Math.abs(r.y) > 1.2 || Math.abs(r.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: "" };
     });
     /** 相机位姿发生变化时，更新标签 */
     i(this, "onFiveCameraUpdate", () => {
@@ -210,11 +240,11 @@ class st {
       };
       this.containerResizeTimeoutID && clearTimeout(this.containerResizeTimeoutID), this.containerResizeTimeoutID = setTimeout(t, 100);
     });
-    var m, p, c, g;
-    const s = t.object_data, o = s.bottom_y, h = s.height, r = new a.Color((m = s.color) != null ? m : "#FFFFFF"), l = (p = s.opacity) != null ? p : 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 = l, this.shape = new a.Shape().fromJSON(s.shape), this.floorIndex = t.floor_index, this.makerObject = new a.Mesh(f(this.shape, h), j(r, l)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new C(
-      new a.EdgesGeometry(this.makerObject.geometry),
-      new a.LineBasicMaterial({ color: r, transparent: !0 })
+    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(
+      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;
   }
   /** 挂载标注 */
@@ -252,7 +282,7 @@ class st {
    * @example setColor('#FF0000')
    */
   setColor(e) {
-    const t = new a.Color(e);
+    const t = new r.Color(e);
     this.makerObject.material.color = t, this.outline.material.color = t, this.plugin.five.needsRender = !0;
   }
   /** 更改标注高度
@@ -261,8 +291,8 @@ class st {
   setHeight(e) {
     if (e <= 0)
       throw new Error("高度必须大于 0");
-    this.height = e, this.makerObject.geometry = f(this.shape, e), this.outline.geometry = new a.EdgesGeometry(this.makerObject.geometry);
-    const t = this.shape.extractPoints(10).shape.slice(0, -1), s = M(t), o = new a.Vector3(s.x, s.y, e);
+    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;
   }
   /** 更改标注标签的显示层级
@@ -278,23 +308,23 @@ class st {
     this.tagZIndex !== e && ((t = this.tagApp) == null || t.$set({ zIndex: e }));
   }
 }
-function f(n, e) {
-  return new a.ExtrudeBufferGeometry(n, {
+function f(a, e) {
+  return new r.ExtrudeBufferGeometry(a, {
     depth: e,
     bevelEnabled: !1
   });
 }
-function j(n, e) {
-  return new a.MeshBasicMaterial({
-    color: n,
+function j(a, e) {
+  return new r.MeshBasicMaterial({
+    color: a,
     opacity: e,
     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), h = new a.Matrix4().makeScale(1, 1, -1);
-  t.multiply(s), t.multiply(o), t.multiply(h), n.applyMatrix4(t);
+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);
 }
 export {
-  st as AreaMakerItem
+  At as AreaMakerItem
 };

package/libs/CSS3DRenderPlugin/Controller.js

@@ -2,23 +2,24 @@ var R = Object.defineProperty, F = Object.defineProperties;
 var C = Object.getOwnPropertyDescriptors;
 var f = Object.getOwnPropertySymbols;
 var O = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var p = (o, i, e) => i in o ? R(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e, a = (o, i) => {
+var d = (o, i, e) => i in o ? R(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e, a = (o, i) => {
   for (var e in i || (i = {}))
-    O.call(i, e) && p(o, e, i[e]);
+    O.call(i, e) && d(o, e, i[e]);
   if (f)
     for (var e of f(i))
-      S.call(i, e) && p(o, e, i[e]);
+      S.call(i, e) && d(o, e, i[e]);
   return o;
 }, l = (o, i) => F(o, C(i));
-var s = (o, i, e) => (p(o, typeof i != "symbol" ? i + "" : i, e), e);
+var s = (o, i, e) => (d(o, typeof i != "symbol" ? i + "" : i, e), e);
 import { CSS3DRender as j } from "./utils/three/CSS3DRender.js";
 import x from "./utils/generateBehindFiveElement.js";
+import "../shared-utils/tag.js";
 import "three";
 import "hammerjs";
+import "../shared-utils/three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../shared-utils/tag.js";
 import "../shared-utils/three/core/Sphere.js";
 import "animejs";
 import { absoluteUrl as P } from "../shared-utils/url/absoluteUrl.js";
@@ -39,8 +40,6 @@ import "./utils/three/CSS3DScene.js";
 import "./utils/getAllCSS3DObject.js";
 import "../shared-utils/util.js";
 import "./utils/three/CSS3DGroup.js";
-import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../vendor/three/build/three.module.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/Utils/FiveUtil.js";
@@ -49,8 +48,29 @@ import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.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/three/IObject3D.js";
+import "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "./utils/three/CSS3DSprite.js";
+import "../shared-utils/isTouchDevice.js";
+import "../shared-utils/five/getPosition.js";
+import "../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../vendor/three/build/three.module.js";
 const b = "v2.0.1", E = `CSS3DRenderPlugin@${b}`;
-class ue extends j {
+class Ue extends j {
   constructor(e) {
     super();
     s(this, "five");
@@ -98,16 +118,16 @@ class ue extends j {
       if (this.state.disposed)
         return;
       const n = (() => {
-        var m;
+        var p;
         (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${E}: please use "config.devicePixelRatio" replace "config.dpr"`);
-        const d = {
+        const m = {
           ratio: 216e-5,
-          devicePixelRatio: (m = t == null ? void 0 : t.dpr) != null ? m : 1,
+          devicePixelRatio: (p = t == null ? void 0 : t.dpr) != null ? p : 1,
           mode: "front",
           autoRender: !0,
           wrapperStyle: {}
         };
-        return Object.assign(d, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
+        return Object.assign(m, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
       })(), { autoRender: h } = n;
       n.mode === "behind" && n.behindFiveContainer && (this.behindFiveContainer = n.behindFiveContainer);
       const r = this.create3DElement(this.five.camera, e, l(a({}, n), { autoRender: !1 }));
@@ -116,11 +136,11 @@ class ue extends j {
       const D = r.dispose;
       r.dispose = () => (this.created3DElementResults.includes(r) && this.created3DElementResults.splice(this.created3DElementResults.indexOf(r), 1), D());
       const c = () => {
-        var m, v;
-        const d = r.css3DObject.mode === "front" ? (v = this.frontFiveContainer) != null ? v : (m = this.five.getElement()) == null ? void 0 : m.parentElement : this.getBehindFiveElement();
-        if (!d)
-          return console.error(`${E}: wrapper is ${d}; mode is ${r.css3DObject.mode}`);
-        r.appendToElement(d), r.render(), this.created3DElementResults.push(r);
+        var p, v;
+        const m = r.css3DObject.mode === "front" ? (v = this.frontFiveContainer) != null ? v : (p = this.five.getElement()) == null ? void 0 : p.parentElement : this.getBehindFiveElement();
+        if (!m)
+          return console.error(`${E}: wrapper is ${m}; mode is ${r.css3DObject.mode}`);
+        r.appendToElement(m), r.render(), this.created3DElementResults.push(r);
       }, u = () => {
         r.css3DObject.mode === "front" && c(), r.css3DObject.mode === "behind" && w(this.five).then(() => c());
       };
@@ -163,5 +183,5 @@ class ue extends j {
 }
 export {
   E as PLUGIN_NAME,
-  ue as default
+  Ue as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -1,15 +1,9 @@
 import o from "./Controller.js";
-import { CSS3DRender as O } from "./utils/three/CSS3DRender.js";
+import { CSS3DRender as Sr } from "./utils/three/CSS3DRender.js";
 import "./utils/generateBehindFiveElement.js";
-import "three";
-import "hammerjs";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../vendor/three/build/three.module.js";
 import "../shared-utils/tag.js";
 import "../shared-utils/positionToVector3.js";
+import "three";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/Utils/FiveUtil.js";
@@ -19,27 +13,53 @@ import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.js";
+import "hammerjs";
+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 "./utils/three/CSS3DObject.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "./utils/even.js";
+import "./utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "@realsee/five/line";
+import "../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../vendor/three/build/three.module.js";
 import "../shared-utils/three/core/Sphere.js";
 import "animejs";
-import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/isNil.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/five/fiveModelLoad.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 "./utils/even.js";
-import "./utils/three/CSS3DObject.js";
-import "./utils/three/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/getObjectVisible.js";
-import "../shared-utils/isNil.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/three/IObject3D.js";
+import "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
+import "./utils/three/CSS3DSprite.js";
+import "../shared-utils/isTouchDevice.js";
+import "../shared-utils/five/getPosition.js";
+import "../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/five/fiveModelLoad.js";
 import "./utils/three/CSS3DScene.js";
 import "./utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
 import "./utils/three/CSS3DGroup.js";
-const L = (r) => new o(r);
+const er = (r) => new o(r);
 export {
-  O as CSS3DRender,
-  L as CSS3DRenderPlugin,
-  L as default
+  Sr as CSS3DRender,
+  er as CSS3DRenderPlugin,
+  er as default
 };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DObject.js

@@ -1,6 +1,6 @@
 var A = Object.defineProperty;
-var D = (p, h, t) => h in p ? A(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
-var o = (p, h, t) => (D(p, typeof h != "symbol" ? h + "" : h, t), t);
+var D = (c, p, t) => p in c ? A(c, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[p] = t;
+var o = (c, p, t) => (D(c, typeof p != "symbol" ? p + "" : p, t), t);
 import { CSS3DObject as N } from "three/examples/jsm/renderers/CSS3DRenderer";
 import { Vector3 as n } from "three";
 import { even as E } from "../even.js";
@@ -8,16 +8,15 @@ import { Subscribe as Q } from "../../../shared-utils/Subscribe.js";
 import R from "./OpacityMesh.js";
 import { centerPoint as L } from "../../../shared-utils/three/centerPoint.js";
 import { getObjectVisible as T } from "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/tag.js";
 import "hammerjs";
+import "../../../shared-utils/three/PointSelector/index.js";
 import "@realsee/five/line";
 import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../../shared-utils/tag.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import { isNil as O } from "../../../shared-utils/isNil.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
@@ -27,29 +26,55 @@ import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/dom/resizeObserver.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 "./CSS3DObject.js";
+import "../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../shared-utils/five/initialCSS3DRender.js";
+import "./CSS3DRenderer.js";
+import "./THREEJS_CSS3DRenderer.js";
+import "../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/three/IObject3D.js";
+import "../../../Sculpt/utils/removeAllTag.js";
+import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../../shared-utils/util.js";
+import "./CSS3DSprite.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../../vendor/three/build/three.module.js";
 const $ = 1, W = `CSS3DObjectPlus@${$}`, k = 216e-5, z = 3e-3;
-class Pt extends N {
+class kt extends N {
   constructor(t) {
     var x, b, w, g, V;
     if (O(t.cornerPoints) && O(t.width))
       throw new Error("cornerPoints and width cannot be both empty");
-    const e = (x = t.container) != null ? x : document.createElement("div"), s = (b = t.cornerPoints) != null ? b : (() => {
-      const i = t.width / 2;
+    const i = (x = t.container) != null ? x : document.createElement("div"), s = (b = t.cornerPoints) != null ? b : (() => {
+      const e = t.width / 2;
       return [
-        new n(-i, i, 0),
-        new n(-i, -i, 0),
-        new n(i, -i, 0),
-        new n(i, i, 0)
+        new n(-e, e, 0),
+        new n(-e, -e, 0),
+        new n(e, -e, 0),
+        new n(e, e, 0)
       ];
-    })(), r = (w = t.ratio) != null ? w : z, P = (g = t.dpr) != null ? g : 1, F = (V = t.pointerEvents) != null ? V : "auto", c = Math.max(k, r), m = s[0].distanceTo(s[1]), d = s[1].distanceTo(s[2]), a = E(m / r * P), l = E(d / r * P), y = L(...s);
+    })(), r = (w = t.ratio) != null ? w : z, P = (g = t.dpr) != null ? g : 1, F = (V = t.pointerEvents) != null ? V : "auto", h = Math.max(k, r), l = s[0].distanceTo(s[1]), d = s[1].distanceTo(s[2]), m = E(l / r * P), a = E(d / r * P), y = L(...s);
     let u;
-    if (c === r)
-      e.style.width = `${a}px`, e.style.height = `${l}px`, u = e;
+    if (h === r)
+      i.style.width = `${m}px`, i.style.height = `${a}px`, u = i;
     else {
-      const i = document.createElement("div");
-      i.style.width = `${a}px`, i.style.height = `${l}px`, i.style.pointerEvents = "none";
-      const S = r / c;
-      e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = `${S * a}px`, e.style.height = `${S * l}px`, i.appendChild(e), u = i;
+      const e = document.createElement("div");
+      e.style.width = `${m}px`, e.style.height = `${a}px`, e.style.pointerEvents = "none";
+      const S = r / h;
+      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${S * m}px`, i.style.height = `${S * a}px`, e.appendChild(i), u = e;
     }
     super(u);
     o(this, "version", $);
@@ -78,31 +103,31 @@ class Pt extends N {
      * @description: 生成透明Mesh
      */
     o(this, "createOpacityMesh", (t) => {
-      const { domWidthPx: e, domHeightPx: s } = t, r = new R(e, s);
+      const { domWidthPx: i, domHeightPx: s } = t, r = new R(i, s);
       return r.position.copy(t.position), r.rotation.copy(t.rotation), r.scale.copy(t.scale), r;
     });
-    if (e.style.pointerEvents = F, Object.assign(e.style, t.style), this.scale.set(c, c, c), this.cornerPoints = s, this.ratio = r, this.container = e, t.mode && (this.mode = t.mode), c === r)
-      this.width = m, this.height = d, this.domWidthPx = a, this.domHeightPx = l, this.centerPosition = y;
+    if (i.style.pointerEvents = F, Object.assign(i.style, t.style), this.scale.set(h, h, h), this.cornerPoints = s, this.ratio = r, this.container = i, t.mode && (this.mode = t.mode), h === r)
+      this.width = l, this.height = d, this.domWidthPx = m, this.domHeightPx = a, this.centerPosition = y;
     else {
-      const i = r / c;
-      this.width = i * m, this.height = i * d, this.domWidthPx = i * a, this.domHeightPx = i * l, this.centerPosition = new n().subVectors(y, s[0]).multiplyScalar(i).add(s[0]);
+      const e = r / h;
+      this.width = e * l, this.height = e * d, this.domWidthPx = e * m, this.domHeightPx = e * a, this.centerPosition = new n().subVectors(y, s[0]).multiplyScalar(e).add(s[0]);
     }
-    e.classList.add(`${W}__container`);
+    i.classList.add(`${W}__container`);
     const C = new n().subVectors(s[1], s[0]), M = new n().subVectors(s[3], s[0]), H = new n().crossVectors(C, M).normalize();
     this.lookAt(H);
     const f = this.up.clone().applyQuaternion(this.quaternion), v = M.clone(), j = new n().crossVectors(f, v).normalize();
     this.rotateOnWorldAxis(j, f.angleTo(v)), this.position.copy(y), this.addEventListener("added", () => {
-      var i;
-      this.mode === "front" && ((i = this.opacityMesh) == null || i.removeFromParent());
+      var e;
+      this.mode === "front" && ((e = this.opacityMesh) == null || e.removeFromParent());
     }), this.addEventListener("removed", () => {
-      var i;
-      (i = this.opacityMesh) == null || i.removeFromParent();
+      var e;
+      (e = this.opacityMesh) == null || e.removeFromParent();
     });
   }
   removeFromParent() {
-    var e;
+    var i;
     const t = this.parent;
-    return t !== null && t.remove(this), (e = this.opacityMesh) == null || e.removeFromParent(), this;
+    return t !== null && t.remove(this), (i = this.opacityMesh) == null || i.removeFromParent(), this;
   }
   removeOpacityMesh() {
     var t;
@@ -121,20 +146,20 @@ class Pt extends N {
     }
   }
   applyMatrix4(t) {
-    var e;
-    super.applyMatrix4(t), (e = this.opacityMesh) == null || e.applyMatrix4(t);
+    var i;
+    super.applyMatrix4(t), (i = this.opacityMesh) == null || i.applyMatrix4(t);
   }
   applyQuaternion(t) {
-    var e;
-    return super.applyQuaternion(t), (e = this.opacityMesh) == null || e.applyQuaternion(t), this;
+    var i;
+    return super.applyQuaternion(t), (i = this.opacityMesh) == null || i.applyQuaternion(t), this;
   }
   applyScaleMatrix4(t) {
-    var e;
-    this.scale.applyMatrix4(t), (e = this.opacityMesh) == null || e.scale.applyMatrix4(t);
+    var i;
+    this.scale.applyMatrix4(t), (i = this.opacityMesh) == null || i.scale.applyMatrix4(t);
   }
 }
 export {
-  Pt as CSS3DObjectPlus,
+  kt as CSS3DObjectPlus,
   z as DefaultRatio,
   k as MinRatio
 };