@realsee/dnalogel 2.2.6 → 2.3.0

package/libs/ModelTVVideoPlugin/Plugin.js

@@ -1,23 +1,40 @@
-var F = (s, b, e) => new Promise((m, y) => {
+var F = (s, b, e) => new Promise((m, x) => {
   var w = (l) => {
     try {
-      x(e.next(l));
-    } catch (p) {
-      y(p);
+      h(e.next(l));
+    } catch (y) {
+      x(y);
     }
   }, E = (l) => {
     try {
-      x(e.throw(l));
-    } catch (p) {
-      y(p);
+      h(e.throw(l));
+    } catch (y) {
+      x(y);
     }
-  }, x = (l) => l.done ? m(l.value) : Promise.resolve(l.value).then(w, E);
-  x((e = e.apply(s, b)).next());
+  }, h = (l) => l.done ? m(l.value) : Promise.resolve(l.value).then(w, E);
+  h((e = e.apply(s, b)).next());
 });
 import * as d from "three";
 import { parseModelTVVideoPoints as I } from "./utils/parseData.js";
 import { CSS3DRenderPlugin as O } from "../CSS3DRenderPlugin/index.js";
-const C = (s, { videoElement: b }) => {
+import "./typings.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+const te = (s, { videoElement: b }) => {
   const e = {
     videoMeshes: [],
     videoTextureEnabled: !1,
@@ -25,22 +42,22 @@ const C = (s, { videoElement: b }) => {
     rectPoints: [],
     enabled: !1,
     videoElement: b
-  }, m = O(s), y = /* @__PURE__ */ new Map(), w = (t) => {
+  }, m = O(s), x = /* @__PURE__ */ new Map(), w = (t) => {
     e.videoTexture && (e.videoTexture.image.muted = t);
-  }, E = () => e.videoTexture ? e.videoTexture.image.muted : !0, x = () => {
+  }, E = () => e.videoTexture ? e.videoTexture.image.muted : !0, h = () => {
     if (e.enabled || !e.videoTexture)
       return;
-    e.enabled = !0, e.videoMeshes = p(), e.videoMeshes.forEach((n) => s.scene.add(n));
+    e.enabled = !0, e.videoMeshes = y(), e.videoMeshes.forEach((o) => s.scene.add(o));
     const t = () => {
       if (!e.videoTexture)
         return;
-      const n = () => {
+      const o = () => {
         var i;
-        !e.videoTexture || ((i = e.videoTexture) == null || i.image.removeEventListener("timeupdate", n), e.videoTextureEnabled = !0, e.videoMeshes.forEach((o) => {
-          o.material.map !== e.videoTexture && (o.material.map = e.videoTexture);
+        !e.videoTexture || ((i = e.videoTexture) == null || i.image.removeEventListener("timeupdate", o), e.videoTextureEnabled = !0, e.videoMeshes.forEach((n) => {
+          n.material.map !== e.videoTexture && (n.material.map = e.videoTexture);
         }), s.needsRender = !0);
       };
-      e.videoTexture.image.addEventListener("timeupdate", n), e.videoTexture && e.videoMeshes.length && (e.videoTexture.image.play(), e.videoTexture.image.onplay = () => {
+      e.videoTexture.image.addEventListener("timeupdate", o), e.videoTexture && e.videoMeshes.length && (e.videoTexture.image.play(), e.videoTexture.image.onplay = () => {
         m.hide();
       }, e.videoTexture.image.onpause = () => {
         m.show();
@@ -56,42 +73,42 @@ const C = (s, { videoElement: b }) => {
     !e.enabled || (e.enabled = !1, e.videoMeshes.forEach((t) => {
       t.geometry.dispose(), t.material.dispose(), s.scene.remove(t), e.videoTexture && e.videoTexture.image.pause();
     }), e.videoMeshes = [], s.needsRender = !0);
-  }, p = () => e.rectPoints.map((t, n) => {
-    const i = new d.BufferGeometry(), o = 128, a = [];
+  }, y = () => e.rectPoints.map((t, o) => {
+    const i = new d.BufferGeometry(), n = 128, a = [];
     a.push(...t[0].toArray());
-    for (let r = 1; r < o; r++)
+    for (let r = 1; r < n; r++)
       a.push(
-        t[0].x + (t[1].x - t[0].x) * r / o,
-        t[0].y + (t[1].y - t[0].y) * r / o,
-        t[0].z + (t[1].z - t[0].z) * r / o
+        t[0].x + (t[1].x - t[0].x) * r / n,
+        t[0].y + (t[1].y - t[0].y) * r / n,
+        t[0].z + (t[1].z - t[0].z) * r / n
       );
     a.push(...t[1].toArray()), a.push(...t[2].toArray());
-    for (let r = 1; r < o; r++)
+    for (let r = 1; r < n; r++)
       a.push(
-        t[2].x + (t[3].x - t[2].x) * r / o,
-        t[2].y + (t[3].y - t[2].y) * r / o,
-        t[2].z + (t[3].z - t[2].z) * r / o
+        t[2].x + (t[3].x - t[2].x) * r / n,
+        t[2].y + (t[3].y - t[2].y) * r / n,
+        t[2].z + (t[3].z - t[2].z) * r / n
       );
     a.push(...t[3].toArray());
     const c = [];
     c.push(0, 1);
-    for (let r = 1; r < o; r++)
-      c.push(0, 1 - r / o);
+    for (let r = 1; r < n; r++)
+      c.push(0, 1 - r / n);
     c.push(0, 0), c.push(1, 0);
-    for (let r = 1; r < o; r++)
-      c.push(1, r / o);
+    for (let r = 1; r < n; r++)
+      c.push(1, r / n);
     c.push(1, 1);
     const u = [];
-    for (let r = 0; r < o; r++)
-      u.push(r, r + 1, o * 2 - r, r, o * 2 - r, o * 2 + 1 - r);
+    for (let r = 0; r < n; r++)
+      u.push(r, r + 1, n * 2 - r, r, n * 2 - r, n * 2 + 1 - r);
     i.setAttribute("position", new d.BufferAttribute(new Float32Array(a), 3)), i.setAttribute("uv", new d.BufferAttribute(new Float32Array(c), 2)), i.setIndex(new d.BufferAttribute(new Uint32Array(u), 1));
-    const f = new d.AxesHelper(10);
-    s.scene.add(f);
-    const h = new d.MeshBasicMaterial({
+    const p = new d.AxesHelper(10);
+    s.scene.add(p);
+    const f = new d.MeshBasicMaterial({
       map: e.videoTextureEnabled ? e.videoTexture : e.imageTexture,
       side: d.DoubleSide
-    }), v = new d.Mesh(i, h);
-    v.renderOrder = 1, v.name = `ModelTVVideoPlugin-${n}-${performance.now()}`;
+    }), v = new d.Mesh(i, f);
+    v.renderOrder = 1, v.name = `ModelTVVideoPlugin-${o}-${performance.now()}`;
     const z = [t[1], t[2], t[3], t[0]], T = m.create3DDomContainer(z);
     if (T != null && T.container) {
       const r = document.createElement("div");
@@ -99,32 +116,32 @@ const C = (s, { videoElement: b }) => {
       const g = document.createElement("img");
       g.src = "//vrlab-static.ljcdn.com/release/web/play.2ada5b6f.png", g.style.width = "200px", g.style.pointerEvents = "auto", g.onclick = () => {
         e.videoTexture.image.muted = !1, e.videoTexture.image.play();
-      }, r.appendChild(g), y.set(v, T);
+      }, r.appendChild(g), x.set(v, T);
     }
     return v;
   }), L = (t) => {
-    const n = new d.TextureLoader().load(t);
-    return n.minFilter = d.LinearFilter, n.magFilter = d.LinearFilter, n.format = d.RGBFormat, n;
-  }, P = (t, n) => new Promise((i, o) => {
+    const o = new d.TextureLoader().load(t);
+    return o.minFilter = d.LinearFilter, o.magFilter = d.LinearFilter, o.format = d.RGBFormat, o;
+  }, P = (t, o) => new Promise((i, n) => {
     const a = new XMLHttpRequest();
     a.onreadystatechange = () => {
       if (a.readyState == 4)
         if (a.status == 200) {
           const c = window.URL || window.webkitURL;
-          n = n || document.createElement("video"), n.crossOrigin = "anonymous", n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = c.createObjectURL(a.response);
-          const u = new d.VideoTexture(n);
+          o = o || document.createElement("video"), o.crossOrigin = "anonymous", o.muted = !0, o.loop = !0, o.playsInline = !0, o.src = c.createObjectURL(a.response);
+          const u = new d.VideoTexture(o);
           u.minFilter = d.LinearFilter, u.magFilter = d.LinearFilter, u.format = d.RGBFormat, i(Object.assign(u, { videoSource: t }));
         } else
-          o(new Error("Video download Error: " + a.status));
-    }, a.onerror = (c) => o(c), a.open("GET", t), a.responseType = "blob", a.send();
-  }), V = (t, n) => F(void 0, null, function* () {
-    const { video_src: i, video_poster_src: o, points: a } = t;
-    e.videoSource = i, e.rectPoints = I(a).map((c) => c.map(({ x: u, y: f, z: h }) => new d.Vector3(u, f, h))), e.imageTexture = L(o), n && (e.videoElement = n), e.videoTexture = yield P(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && x();
+          n(new Error("Video download Error: " + a.status));
+    }, a.onerror = (c) => n(c), a.open("GET", t), a.responseType = "blob", a.send();
+  }), V = (t, o) => F(void 0, null, function* () {
+    const { video_src: i, video_poster_src: n, points: a } = t;
+    e.videoSource = i, e.rectPoints = I(a).map((c) => c.map(({ x: u, y: p, z: f }) => new d.Vector3(u, p, f))), e.imageTexture = L(n), o && (e.videoElement = o), e.videoTexture = yield P(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && h();
   }), M = (t) => {
     if (!e.enabled)
       return;
-    const n = e.videoMeshes;
-    if (!(!n || t.intersectObjects(n).length === 0))
+    const o = e.videoMeshes;
+    if (!(!o || t.intersectObjects(o).length === 0))
       return e.videoTexture && (e.videoTexture.image.paused || e.videoTexture.image.pause()), !1;
   }, A = (t) => {
     t === "Floorplan" ? m.hide() : m.show();
@@ -132,18 +149,18 @@ const C = (s, { videoElement: b }) => {
     if (!e.enabled)
       return;
     const t = s.camera.position;
-    if (y.forEach((n, i) => {
-      const o = n.css3DObject.position.clone(), a = o.clone().sub(t).normalize(), c = new d.Raycaster(t, a), u = s.model.intersectRaycaster(c)[0], f = o.distanceTo(t), h = 0.01;
-      u && u.distance + h < f ? n.hide() : n.show();
+    if (x.forEach((o, i) => {
+      const n = o.css3DObject.position.clone(), a = n.clone().sub(t).normalize(), c = new d.Raycaster(t, a), u = s.model.intersectRaycaster(c)[0], p = n.distanceTo(t), f = 0.01;
+      u && u.distance + f < p ? o.hide() : o.show();
     }), !E()) {
-      const n = e.rectPoints.find((i) => {
-        const o = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
-        return i.map((a) => a.clone().add(o).divideScalar(2)).filter((a) => {
-          const c = a.distanceTo(t), u = new d.Raycaster(t, a.clone().sub(t).normalize()), f = s.model.intersectRaycaster(u)[0], h = 0.01;
-          return !(f && f.distance + h < c);
+      const o = e.rectPoints.find((i) => {
+        const n = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
+        return i.map((a) => a.clone().add(n).divideScalar(2)).filter((a) => {
+          const c = a.distanceTo(t), u = new d.Raycaster(t, a.clone().sub(t).normalize()), p = s.model.intersectRaycaster(u)[0], f = 0.01;
+          return !(p && p.distance + f < c);
         }).length >= 2;
       });
-      (!n || n.length === 0) && w(!0);
+      (!o || o.length === 0) && w(!0);
     }
   }, S = () => {
     l(), e.videoTexture = void 0, s.off("modeChange", A), s.off("wantsTapGesture", M), s.off("panoArrived", R), s.off("renderFrame", () => {
@@ -156,8 +173,9 @@ const C = (s, { videoElement: b }) => {
     e.videoMeshes.forEach((t) => {
       t && (t.needsRender = !0);
     });
-  }), { enable: x, disable: l, load: V, dispose: S, state: e, css3DRenderPlugin: m };
+  }), { enable: h, disable: l, load: V, dispose: S, state: e, css3DRenderPlugin: m };
 };
 export {
-  C as ModelTVVideoPlugin
+  te as ModelTVVideoPlugin,
+  te as default
 };

package/libs/ModelTVVideoPlugin/index.js

@@ -1,2 +1,27 @@
+import "./Plugin.js";
+import { ModelTVVideoPlugin as E, ModelTVVideoPlugin as N } from "./Plugin.js";
+import { DIRECTION as R } from "./typings.js";
 import "three";
+import "./utils/parseData.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+export {
+  R as DIRECTION,
+  E as ModelTVVideoPlugin,
+  N as default
+};

package/libs/ModelViewPlugin/Plugin.js

@@ -102,5 +102,6 @@ const S = (o, i) => {
   return Object.assign(window, { camera: f }), o.on("modelLoaded", k), o.on("modelWillLoad", L), o.on("cameraDirectionUpdate", p), o.on("dispose", R), o.on("renderFrame", D), o.on("cameraPositionUpdate", p), { appendTo: P, refresh: b, changeConfigs: j };
 };
 export {
-  S as ModelViewPlugin
+  S as ModelViewPlugin,
+  S as default
 };

package/libs/ModelViewPlugin/index.js

@@ -1,2 +1,8 @@
+import "./Plugin.js";
+import { ModelViewPlugin as t, ModelViewPlugin as d } from "./Plugin.js";
 import "@realsee/five";
 import "three";
+export {
+  t as ModelViewPlugin,
+  d as default
+};

package/libs/Object3DHelperPlugin/Controller.d.ts

@@ -11,6 +11,8 @@ export declare class Object3DHelperController extends BasePlugin.Controller<Obje
     name: string;
     state: Object3DHelperState;
     objectHelperMap: Map<THREE.Object3D, Object3DHelper>;
+    private css3DObjectParentMap;
+    private css3DRender;
     constructor(five: Five);
     /**
      * @description Show guide line

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,61 +1,92 @@
-var E = Object.defineProperty;
-var S = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var b = (i, s, e) => s in i ? E(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, f = (i, s) => {
+var O = Object.defineProperty;
+var w = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var b = (i, s, e) => s in i ? O(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, f = (i, s) => {
   for (var e in s || (s = {}))
     M.call(s, e) && b(i, e, s[e]);
-  if (S)
-    for (var e of S(s))
-      O.call(s, e) && b(i, e, s[e]);
+  if (w)
+    for (var e of w(s))
+      E.call(s, e) && b(i, e, s[e]);
   return i;
 };
-var h = (i, s, e) => (b(i, typeof s != "symbol" ? s + "" : s, e), e);
-var u = (i, s, e) => new Promise((t, r) => {
-  var l = (o) => {
+var p = (i, s, e) => (b(i, typeof s != "symbol" ? s + "" : s, e), e);
+var u = (i, s, e) => new Promise((r, t) => {
+  var l = (n) => {
     try {
-      a(e.next(o));
-    } catch (p) {
-      r(p);
+      d(e.next(n));
+    } catch (h) {
+      t(h);
     }
-  }, c = (o) => {
+  }, c = (n) => {
     try {
-      a(e.throw(o));
-    } catch (p) {
-      r(p);
+      d(e.throw(n));
+    } catch (h) {
+      t(h);
     }
-  }, a = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(l, c);
-  a((e = e.apply(i, s)).next());
+  }, d = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(l, c);
+  d((e = e.apply(i, s)).next());
 });
-import { Controller as D } from "../base/BasePlugin.js";
+import { Controller as R } from "../base/BasePlugin.js";
 import "three";
-import { MoveHelper as y } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
-import { RotateHelper as I } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
-import { RectangleScaleHelper as k } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
+import { MoveHelper as j } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import { RotateHelper as P } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import { RectangleScaleHelper as y } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
 import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
 import { MoveController as F } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
-import { ControllerWrapper as m } from "./FiveControllerWrapper.js";
-import { Object3DHelper as P } from "../shared-utils/Object3DHelper/index.js";
-import { RotateController as $ } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
-import { CSS3DScaleController as j } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
-const g = "v1.0.0", v = "Object3DHelperPlugin", H = `${v}@${g}`, L = () => {
-  console.error(`${H} is disposed`);
-}, _ = () => {
-  console.warn(`${H} is disabled`);
-}, B = () => {
-  console.error(`${H} is disabled`);
+import { ControllerWrapper as v } from "./FiveControllerWrapper.js";
+import { Object3DHelper as I } from "../shared-utils/Object3DHelper/index.js";
+import { RotateController as k } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { CSS3DScaleController as B } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import { CSS3DRender as L } from "../CSS3DRenderPlugin/CSS3DRender.js";
+import { fiveModelLoaded as $ } from "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import { generateBehindFiveElement as W } from "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/Subscribe.js";
+import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
+import "../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
+import "../shared-utils/Object3DHelper/utils/direction.js";
+import "../shared-utils/Object3DHelper/Constants/color.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
+import "../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
+import "../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
+import "../shared-utils/Object3DHelper/Base/BaseController.js";
+import "../shared-utils/Object3DHelper/utils/threex/domevents/index.js";
+import "../shared-utils/isNil.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
+import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
+import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
+import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+const g = "v1.0.0", H = "Object3DHelperPlugin", C = `${H}@${g}`, _ = () => {
+  console.error(`${C} is disposed`);
+}, G = () => {
+  console.warn(`${C} is disabled`);
+}, N = () => {
+  console.error(`${C} is disabled`);
 };
-class K extends D {
+class je extends R {
   constructor(e) {
     super(e);
-    h(this, "version", g);
-    h(this, "name", v);
-    h(this, "state", {
+    p(this, "version", g);
+    p(this, "name", H);
+    p(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1
     });
-    h(this, "objectHelperMap", /* @__PURE__ */ new Map());
-    this.five = e, console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${v.toUpperCase()}_DEBUG__`]: this });
+    p(this, "objectHelperMap", /* @__PURE__ */ new Map());
+    p(this, "css3DObjectParentMap", /* @__PURE__ */ new Map());
+    p(this, "css3DRender");
+    this.five = e, this.css3DRender = new L(this.five.scene), console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${H.toUpperCase()}_DEBUG__`]: this });
   }
   show(e) {
     return u(this, null, function* () {
@@ -76,70 +107,80 @@ class K extends D {
   dispose() {
     this.setState({ disposed: !0 });
   }
-  setState(e, t) {
+  setState(e, r) {
     if (this.state.disposed)
-      return L();
+      return _();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return B();
-    const r = f({}, this.state);
-    this.state = f(f({}, this.state), e), e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: r });
+      return N();
+    const t = f({}, this.state);
+    this.state = f(f({}, this.state), e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== t.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== t.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: t });
   }
   getObject3DHelper(e) {
     return this.objectHelperMap.get(e);
   }
-  addObject3DHelper(e, t = {}) {
-    var C;
+  addObject3DHelper(e, r = {}) {
+    var S;
     if (!e)
       return console.error("Object3D is undefined");
     if (this.objectHelperMap.has(e)) {
       console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
       return;
     }
-    const r = new P();
-    this.objectHelperMap.set(e, r);
-    const l = (C = this.five.getElement()) == null ? void 0 : C.parentElement, c = this.five.camera, { moveHelper: a = !0, rotateHelper: o = !0, scaleHelper: p = !0 } = t;
-    if (a) {
-      const n = new y(e), d = new m(this.five, F, e, n);
-      r.addControllers({ moveController: d.helperController });
+    const t = new I();
+    this.objectHelperMap.set(e, t);
+    const l = (S = this.five.getElement()) == null ? void 0 : S.parentElement, c = this.five.camera, { moveHelper: d = !0, rotateHelper: n = !0, scaleHelper: h = !0 } = r;
+    if (d) {
+      const o = new j(e), a = new v(this.five, F, e, o);
+      t.addControllers({ moveController: a.helperController });
     }
-    if (o) {
-      let n;
-      l && c && (n = { container: l });
-      const d = new I(e, n), w = new m(this.five, $, e, d);
-      r.addControllers({ rotateController: w.helperController });
+    if (n) {
+      let o;
+      l && c && (o = { container: l });
+      const a = new P(e, o), m = new v(this.five, k, e, a);
+      t.addControllers({ rotateController: m.helperController });
     }
-    if (p && l) {
-      const n = new k(e, l, c, this.five.scene), d = new m(this.five, j, e, n);
-      r.addControllers({ scaleController: d.helperController });
+    if (h && l) {
+      const o = new y(e, l, c, this.five.scene), a = new v(this.five, B, e, o);
+      t.addControllers({ scaleController: a.helperController });
     }
-    e.isCSS3DObjectPlus && e.changeMode("behind", this.five.scene);
+    e.isCSS3DObjectPlus && $(this.five).then(() => {
+      var m, D;
+      const o = e, a = (m = this.css3DRender.behindModeCSS3DRenderer.wrapper) != null ? m : W(this.five);
+      a && (this.css3DObjectParentMap.set(o, o.parent), o.removeFromParent(), this.css3DRender.behindModeCSS3DRenderer.setWrapper(a), (D = this.css3DRender.getBehindCSS3DObjectGroup()) == null || D.add(o), this.css3DRender.render(this.five.camera));
+    });
   }
   removeObject3DHelper(e) {
-    const t = this.objectHelperMap.get(e);
-    !t || (e.isCSS3DObjectPlus && e.changeMode("front"), this.objectHelperMap.delete(e), t.dispose());
+    const r = this.objectHelperMap.get(e);
+    if (!!r) {
+      if (e.isCSS3DObjectPlus) {
+        const t = e, l = this.css3DObjectParentMap.get(t);
+        l == null || l.add(t), this.css3DRender.render(this.five.camera);
+      }
+      this.objectHelperMap.delete(e), r.dispose();
+    }
   }
-  handleEnable(e, t = !0) {
-    e ? (this.everyHelperDo((r) => r.enable()), this.hooks.emit("enable", { userAction: t })) : (this.everyHelperDo((r) => r.disable()), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+  handleEnable(e, r = !0) {
+    e ? (this.everyHelperDo((t) => t.enable()), this.hooks.emit("enable", { userAction: r })) : (this.everyHelperDo((t) => t.disable()), this.hooks.emit("disable", { userAction: r })), this.state.enabled = e;
   }
-  handleVisible(e, t = !0) {
-    e ? (this.everyHelperDo((r) => r.show()), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : (this.everyHelperDo((r) => r.hide()), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+  handleVisible(e, r = !0) {
+    e ? (this.everyHelperDo((t) => t.show()), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: r }))) : (this.everyHelperDo((t) => t.hide()), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: r }))), this.state.visible = e;
   }
   handleDispose() {
     this.everyHelperDo((e) => e.dispose());
   }
   everyHelperDo(e) {
-    this.objectHelperMap.forEach((t) => {
-      t && e(t);
+    this.objectHelperMap.forEach((r) => {
+      r && e(r);
     });
   }
-  actionIfStateIsEnabled(e, t) {
+  actionIfStateIsEnabled(e, r) {
     if (this.state.enabled)
       return e();
-    t != null && t.warnLog && _();
+    r != null && r.warnLog && G();
   }
 }
 export {
-  K as Object3DHelperController,
-  H as PLUGIN,
+  je as Object3DHelperController,
+  C as PLUGIN,
   g as VERSION
 };

package/libs/Object3DHelperPlugin/FiveControllerWrapper.js

@@ -1,8 +1,8 @@
-var p = Object.defineProperty;
-var c = (t, e, r) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var h = Object.defineProperty;
+var c = (t, e, r) => e in t ? h(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var n = (t, e, r) => (c(t, typeof e != "symbol" ? e + "" : e, r), r);
-class G {
-  constructor(e, r, a, i) {
+class W {
+  constructor(e, r, i, p) {
     n(this, "helperController");
     n(this, "five");
     n(this, "onFiveWantsTapGesture", (e) => {
@@ -17,15 +17,19 @@ class G {
       const r = this.helperController.onWantsGesture(...e);
       return this.five.needsRender = !0, r;
     });
-    const { camera: s, model: o, scene: l } = e, u = e.getElement();
-    if (this.five = e, !s || !o || !u || !l)
+    const { camera: s, model: o, scene: l } = e, a = e.getElement();
+    if (this.five = e, !s || !o || !a || !l)
       return;
-    const h = () => {
+    const u = () => {
       e.needsRender = !0;
     };
-    this.helperController = new r(s, o, a, i, u, l, h), e.on("wantsTapGesture", this.onFiveWantsTapGesture), e.on("wantsGesture", this.onFiveWantsGesture);
+    this.helperController = new r(s, o, i, p, a, l, u), e.on("wantsTapGesture", this.onFiveWantsTapGesture), e.on("wantsGesture", this.onFiveWantsGesture);
   }
 }
+const C = (...t) => new W(...t);
 export {
-  G as ControllerWrapper
+  W as ControllerWrapper,
+  W as FiveControllerWrapper,
+  C as controllerWrapper,
+  C as fiveControllerWrapper
 };

package/libs/Object3DHelperPlugin/index.js

@@ -1,5 +1,50 @@
-import { Object3DHelperController as r } from "./Controller.js";
-const t = (e) => new r(e);
+import { Object3DHelperController as o } from "./Controller.js";
+import { Object3DHelperController as Q, PLUGIN as T, VERSION as W } from "./Controller.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "three";
+import "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
+import "../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
+import "../shared-utils/Object3DHelper/utils/direction.js";
+import "../shared-utils/Object3DHelper/Constants/color.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/Object3DHelper/Helper/OutlineHelper.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/RectangleScaleHelper.js";
+import "../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
+import "../shared-utils/Object3DHelper/Controller/MoveController.js";
+import "../shared-utils/Object3DHelper/Base/BaseController.js";
+import "../shared-utils/Object3DHelper/utils/threex/domevents/index.js";
+import "../shared-utils/isNil.js";
+import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
+import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
+import "./FiveControllerWrapper.js";
+import "../shared-utils/Object3DHelper/index.js";
+import "../shared-utils/Object3DHelper/Controller/RotateController.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/waitFiveModelLoaded.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+const J = (r) => new o(r);
 export {
-  t as Object3DHelperPlugin
+  Q as Object3DHelperController,
+  J as Object3DHelperPlugin,
+  T as PLUGIN,
+  W as VERSION,
+  J as default
 };

package/libs/Object3DHelperPlugin/typings.js

@@ -0,0 +1 @@
+