@realsee/dnalogel 3.45.0 → 3.46.1

package/libs/CSS3DRenderPlugin/Controller.js

@@ -2,21 +2,22 @@ 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 m = (s, i, e) => i in s ? R(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e, p = (s, 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) && m(s, e, i[e]);
+    O.call(i, e) && d(o, e, i[e]);
   if (f)
     for (var e of f(i))
-      S.call(i, e) && m(s, e, i[e]);
-  return s;
-}, l = (s, i) => F(s, C(i));
-var n = (s, i, e) => (m(s, typeof i != "symbol" ? i + "" : i, e), e);
+      S.call(i, e) && d(o, e, i[e]);
+  return o;
+}, l = (o, i) => F(o, C(i));
+var m = (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 "three";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../Sculpt/utils/Modules/Global.js";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import { absoluteUrl as P } from "../shared-utils/url/absoluteUrl.js";
@@ -37,17 +38,77 @@ import "./utils/three/CSS3DScene.js";
 import "./utils/getAllCSS3DObject.js";
 import "../shared-utils/util.js";
 import "./utils/three/CSS3DGroup.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/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 "../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 "../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
+import "../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
+import "../shared-utils/Object3DHelper/Controller/ScaleController.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 "../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";
 const b = "v2.0.1", E = `CSS3DRenderPlugin@${b}`;
-class re extends j {
+class at extends j {
   constructor(e) {
     super();
-    n(this, "five");
-    n(this, "behindFiveContainer");
-    n(this, "frontFiveContainer");
-    n(this, "VERSION", b);
-    n(this, "staticPrefix", "//vr-image-4.realsee-cdn.cn");
-    n(this, "created3DElementResults", []);
+    m(this, "five");
+    m(this, "behindFiveContainer");
+    m(this, "frontFiveContainer");
+    m(this, "VERSION", b);
+    m(this, "staticPrefix", "//vr-image-4.realsee-cdn.cn");
+    m(this, "created3DElementResults", []);
     /**
      * @description 根据传入的四个点位创建一个 3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中
      * @param { Vector3Position[] } points 矩形四个点坐标
@@ -83,37 +144,37 @@ class re extends j {
      *    } | void
      * ```
      */
-    n(this, "create3DDomContainer", (e, t) => {
+    m(this, "create3DDomContainer", (e, t) => {
       if (this.state.disposed)
         return;
-      const o = (() => {
-        var a;
+      const p = (() => {
+        var n;
         (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${E}: please use "config.devicePixelRatio" replace "config.dpr"`);
-        const d = {
+        const s = {
           ratio: 216e-5,
-          devicePixelRatio: (a = t == null ? void 0 : t.dpr) != null ? a : 1,
+          devicePixelRatio: (n = t == null ? void 0 : t.dpr) != null ? n : 1,
           mode: "front",
           autoRender: !0,
           wrapperStyle: {}
         };
-        return Object.assign(d, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
-      })(), { autoRender: h } = o;
-      o.mode === "behind" && o.behindFiveContainer && (this.behindFiveContainer = o.behindFiveContainer);
-      const r = this.create3DElement(this.five.camera, e, l(p({}, o), { autoRender: !1 }));
+        return Object.assign(s, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
+      })(), { autoRender: h } = p;
+      p.mode === "behind" && p.behindFiveContainer && (this.behindFiveContainer = p.behindFiveContainer);
+      const r = this.create3DElement(this.five.camera, e, l(a({}, p), { autoRender: !1 }));
       if (!r)
         return;
       const D = r.dispose;
       r.dispose = () => (this.created3DElementResults.includes(r) && this.created3DElementResults.splice(this.created3DElementResults.indexOf(r), 1), D());
       const c = () => {
-        var a, v;
-        const d = r.css3DObject.mode === "front" ? (v = this.frontFiveContainer) != null ? v : (a = this.five.getElement()) == null ? void 0 : a.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 n, v;
+        const s = r.css3DObject.mode === "front" ? (v = this.frontFiveContainer) != null ? v : (n = this.five.getElement()) == null ? void 0 : n.parentElement : this.getBehindFiveElement();
+        if (!s)
+          return console.error(`${E}: wrapper is ${s}; mode is ${r.css3DObject.mode}`);
+        r.appendToElement(s), r.render(), this.created3DElementResults.push(r);
       }, u = () => {
         r.css3DObject.mode === "front" && c(), r.css3DObject.mode === "behind" && w(this.five).then(() => c());
       };
-      return h && u(), l(p({}, r), { render: h ? void 0 : u });
+      return h && u(), l(a({}, r), { render: h ? void 0 : u });
     });
     this.five = e;
   }
@@ -152,5 +213,5 @@ class re extends j {
 }
 export {
   E as PLUGIN_NAME,
-  re as default
+  at as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -1,34 +1,95 @@
 import o from "./Controller.js";
-import { CSS3DRender as B } from "./utils/three/CSS3DRender.js";
+import { CSS3DRender as Kr } from "./utils/three/CSS3DRender.js";
 import "./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/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";
+import "../shared-utils/Object3DHelper/Constants/color.js";
+import "../shared-utils/Object3DHelper/utils/calculateScaleByCamera.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/isNil.js";
+import "../shared-utils/util.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 "../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/positionToVector3.js";
-import "./utils/three/CSS3DRenderer.js";
-import "./utils/three/THREEJS_CSS3DRenderer.js";
-import "./utils/createResizeObserver.js";
-import "./utils/even.js";
-import "../shared-utils/Subscribe.js";
+import "../shared-utils/five/FiveDomEvents.js";
+import "../shared-utils/three/getObjectVisible.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 "./utils/three/CSS3DObject.js";
+import "./utils/even.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/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 "./utils/three/CSS3DScene.js";
 import "./utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
 import "./utils/three/CSS3DGroup.js";
-const y = (r) => new o(r);
+const Hr = (r) => new o(r);
 export {
-  B as CSS3DRender,
-  y as CSS3DRenderPlugin,
-  y as default
+  Kr as CSS3DRender,
+  Hr as CSS3DRenderPlugin,
+  Hr as default
 };

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

@@ -1,8 +1,8 @@
 var A = Object.defineProperty;
-var D = (a, h, t) => h in a ? A(a, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[h] = t;
-var o = (a, h, t) => (D(a, typeof h != "symbol" ? h + "" : h, t), t);
+var D = (h, n, t) => n in h ? A(h, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[n] = t;
+var e = (h, n, t) => (D(h, typeof n != "symbol" ? n + "" : n, t), t);
 import { CSS3DObject as N } from "three/examples/jsm/renderers/CSS3DRenderer";
-import { Vector3 as r } from "three";
+import { Vector3 as p } from "three";
 import { even as E } from "../even.js";
 import { Subscribe as Q } from "../../../shared-utils/Subscribe.js";
 import R from "./OpacityMesh.js";
@@ -10,86 +10,161 @@ import { centerPoint as L } from "../../../shared-utils/three/centerPoint.js";
 import { getObjectVisible as T } from "../../../shared-utils/three/getObjectVisible.js";
 import "hammerjs";
 import "@realsee/five/line";
+import "../../../Sculpt/utils/Modules/Global.js";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { isNil as O } from "../../../shared-utils/isNil.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.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 "../../../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 "./CSS3DRender.js";
+import "../../../shared-utils/positionToVector3.js";
+import "./CSS3DRenderer.js";
+import "./THREEJS_CSS3DRenderer.js";
+import "../createResizeObserver.js";
+import "./CSS3DObject.js";
+import "./CSS3DScene.js";
+import "../getAllCSS3DObject.js";
+import "../../../shared-utils/util.js";
+import "./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 "../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 "../../../Sculpt/utils/removeAllTag.js";
+import "./CSS3DSprite.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 const $ = 1, W = `CSS3DObjectPlus@${$}`, k = 216e-5, z = 3e-3;
-class ot extends N {
+class Vi 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"), r = (b = t.cornerPoints) != null ? b : (() => {
+      const o = t.width / 2;
       return [
-        new r(-i, i, 0),
-        new r(-i, -i, 0),
-        new r(i, -i, 0),
-        new r(i, i, 0)
+        new p(-o, o, 0),
+        new p(-o, -o, 0),
+        new p(o, -o, 0),
+        new p(o, o, 0)
       ];
-    })(), n = (w = t.ratio) != null ? w : z, P = (g = t.dpr) != null ? g : 1, F = (V = t.pointerEvents) != null ? V : "auto", c = Math.max(k, n), d = s[0].distanceTo(s[1]), m = s[1].distanceTo(s[2]), p = E(d / n * P), l = E(m / n * P), y = L(...s);
+    })(), s = (w = t.ratio) != null ? w : z, P = (g = t.dpr) != null ? g : 1, F = (V = t.pointerEvents) != null ? V : "auto", m = Math.max(k, s), l = r[0].distanceTo(r[1]), d = r[1].distanceTo(r[2]), c = E(l / s * P), a = E(d / s * P), y = L(...r);
     let u;
-    if (c === n)
-      e.style.width = `${p}px`, e.style.height = `${l}px`, u = e;
+    if (m === s)
+      i.style.width = `${c}px`, i.style.height = `${a}px`, u = i;
     else {
-      const i = document.createElement("div");
-      i.style.width = `${p}px`, i.style.height = `${l}px`, i.style.pointerEvents = "none";
-      const S = n / c;
-      e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = `${S * p}px`, e.style.height = `${S * l}px`, i.appendChild(e), u = i;
+      const o = document.createElement("div");
+      o.style.width = `${c}px`, o.style.height = `${a}px`, o.style.pointerEvents = "none";
+      const S = s / m;
+      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${S * c}px`, i.style.height = `${S * a}px`, o.appendChild(i), u = o;
     }
     super(u);
-    o(this, "version", $);
-    o(this, "isCSS3DObjectPlus", !0);
-    o(this, "isCSS3DObject", !0);
-    o(this, "name", W);
-    o(this, "container");
-    o(this, "width");
-    o(this, "height");
-    o(this, "domWidthPx");
-    o(this, "domHeightPx");
-    o(this, "cornerPoints");
-    o(this, "centerPosition");
-    o(this, "ratio");
-    o(this, "mode", "front");
-    o(this, "hooks", new Q());
-    o(this, "opacityMesh");
-    o(this, "selfVisible", !0);
-    o(this, "setVisible", (t) => {
+    e(this, "version", $);
+    e(this, "isCSS3DObjectPlus", !0);
+    e(this, "isCSS3DObject", !0);
+    e(this, "name", W);
+    e(this, "container");
+    e(this, "width");
+    e(this, "height");
+    e(this, "domWidthPx");
+    e(this, "domHeightPx");
+    e(this, "cornerPoints");
+    e(this, "centerPosition");
+    e(this, "ratio");
+    e(this, "mode", "front");
+    e(this, "hooks", new Q());
+    e(this, "opacityMesh");
+    e(this, "selfVisible", !0);
+    e(this, "setVisible", (t) => {
       this.selfVisible = t, this.visible = T(this.parent) && this.selfVisible, this.opacityMesh && (this.opacityMesh.visible = this.visible);
     });
-    o(this, "updateVisible", () => {
+    e(this, "updateVisible", () => {
       this.setVisible(this.selfVisible);
     });
     /**
      * @description: 生成透明Mesh
      */
-    o(this, "createOpacityMesh", (t) => {
-      const { domWidthPx: e, domHeightPx: s } = t, n = new R(e, s);
-      return n.position.copy(t.position), n.rotation.copy(t.rotation), n.scale.copy(t.scale), n;
+    e(this, "createOpacityMesh", (t) => {
+      const { domWidthPx: i, domHeightPx: r } = t, s = new R(i, r);
+      return s.position.copy(t.position), s.rotation.copy(t.rotation), s.scale.copy(t.scale), s;
     });
-    if (e.style.pointerEvents = F, Object.assign(e.style, t.style), this.scale.set(c, c, c), this.cornerPoints = s, this.ratio = n, this.container = e, t.mode && (this.mode = t.mode), c === n)
-      this.width = d, this.height = m, this.domWidthPx = p, this.domHeightPx = l, this.centerPosition = y;
+    if (i.style.pointerEvents = F, Object.assign(i.style, t.style), this.scale.set(m, m, m), this.cornerPoints = r, this.ratio = s, this.container = i, t.mode && (this.mode = t.mode), m === s)
+      this.width = l, this.height = d, this.domWidthPx = c, this.domHeightPx = a, this.centerPosition = y;
     else {
-      const i = n / c;
-      this.width = i * d, this.height = i * m, this.domWidthPx = i * p, this.domHeightPx = i * l, this.centerPosition = new r().subVectors(y, s[0]).multiplyScalar(i).add(s[0]);
+      const o = s / m;
+      this.width = o * l, this.height = o * d, this.domWidthPx = o * c, this.domHeightPx = o * a, this.centerPosition = new p().subVectors(y, r[0]).multiplyScalar(o).add(r[0]);
     }
-    e.classList.add(`${W}__container`);
-    const C = new r().subVectors(s[1], s[0]), M = new r().subVectors(s[3], s[0]), H = new r().crossVectors(C, M).normalize();
+    i.classList.add(`${W}__container`);
+    const C = new p().subVectors(r[1], r[0]), M = new p().subVectors(r[3], r[0]), H = new p().crossVectors(C, M).normalize();
     this.lookAt(H);
-    const f = this.up.clone().applyQuaternion(this.quaternion), v = M.clone(), j = new r().crossVectors(f, v).normalize();
+    const f = this.up.clone().applyQuaternion(this.quaternion), v = M.clone(), j = new p().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 o;
+      this.mode === "front" && ((o = this.opacityMesh) == null || o.removeFromParent());
     }), this.addEventListener("removed", () => {
-      var i;
-      (i = this.opacityMesh) == null || i.removeFromParent();
+      var o;
+      (o = this.opacityMesh) == null || o.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;
@@ -108,20 +183,20 @@ class ot 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 {
-  ot as CSS3DObjectPlus,
+  Vi as CSS3DObjectPlus,
   z as DefaultRatio,
   k as MinRatio
 };