@realsee/dnalogel 2.2.5-alpha.0 → 2.2.6

package/libs/CSS3DRenderPlugin/Controller.js

@@ -1,60 +1,54 @@
-var C = Object.defineProperty, E = Object.defineProperties;
-var F = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var l = (r, t, e) => t in r ? C(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, v = (r, t) => {
-  for (var e in t || (t = {}))
-    R.call(t, e) && l(r, e, t[e]);
-  if (b)
-    for (var e of b(t))
-      D.call(t, e) && l(r, e, t[e]);
-  return r;
-}, h = (r, t) => E(r, F(t));
-var d = (r, t, e) => (l(r, typeof t != "symbol" ? t + "" : t, e), e);
-import { CSS3DRender as S } from "./CSS3DRender.js";
-import { fiveModelLoaded as $ } from "./utils/waitFiveModelLoaded.js";
-import { generateBehindFiveElement as j } from "./utils/generateBehindFiveElement.js";
-const x = "v2.0.1", m = `CSS3DRenderPlugin@${x}`;
-class N extends S {
+var y = Object.defineProperty, F = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var h = (s, n, e) => n in s ? y(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e, v = (s, n) => {
+  for (var e in n || (n = {}))
+    S.call(n, e) && h(s, e, n[e]);
+  if (R)
+    for (var e of R(n))
+      D.call(n, e) && h(s, e, n[e]);
+  return s;
+}, m = (s, n) => F(s, P(n));
+var l = (s, n, e) => (h(s, typeof n != "symbol" ? n + "" : n, e), e);
+import { CSS3DRender as w } from "./CSS3DRender.js";
+const x = "v2.0.1", C = `CSS3DRenderPlugin@${x}`;
+class N extends w {
   constructor(e) {
     super();
-    d(this, "five");
-    d(this, "behindFiveContainer");
-    d(this, "staticPrefix", "//vrlab-static.ljcdn.com");
-    d(this, "create3DDomContainer", (e, i) => {
+    l(this, "five");
+    l(this, "behindFiveContainer");
+    l(this, "staticPrefix", "//vrlab-static.ljcdn.com");
+    l(this, "create3DDomContainer", (e, t) => {
       if (this.state.disposed)
         return;
-      const s = (() => {
-        var f;
-        (i == null ? void 0 : i.dpr) !== void 0 && console.warn(`${m}: please use "config.devicePixelRatio" replace "config.dpr"`);
-        const o = {
+      const i = (() => {
+        var E;
+        (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${C}: please use "config.devicePixelRatio" replace "config.dpr"`);
+        const a = {
           ratio: 216e-5,
-          devicePixelRatio: (f = i == null ? void 0 : i.dpr) != null ? f : 1,
+          devicePixelRatio: (E = t == null ? void 0 : t.dpr) != null ? E : 1,
           mode: "front",
           autoRender: !0
         };
-        return Object.assign(o, i, (i == null ? void 0 : i.mode) === "behind" ? { scene: this.five.scene } : void 0);
-      })(), a = this.five.getElement();
-      if (!a) {
-        console.error(`${m}: five.getElement() is ${a}`);
+        return Object.assign(a, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
+      })(), o = this.five.getElement();
+      if (!o) {
+        console.error(`${C}: five.getElement() is ${o}`);
         return;
       }
-      const { autoRender: c } = s;
-      s.mode === "behind" && s.behindFiveContainer && (this.behindFiveContainer = s.behindFiveContainer);
-      const n = this.create3DElement(this.five.camera, e, h(v({}, s), { autoRender: !1 }));
-      if (!n)
+      const { autoRender: d, mode: r } = i, p = r === "front" ? o.parentElement : i.behindFiveContainer;
+      this.setContainer(p || document.body, "front");
+      const f = this.getBehindFiveElement();
+      f && this.setContainer(f, "behind"), this.appendToElement(p || document.body, r);
+      const c = this.create3DElement(this.five.camera, e, m(v({}, i), { autoRender: !1 }));
+      if (!c)
         return;
-      const u = () => {
-        const o = n.css3DObject.mode === "front" ? a.parentElement : this.getBehindFiveElement();
-        if (!o)
-          return console.error(`${m}: wrapper is ${o}`);
-        n.appendToElement(o), n.render();
-      }, p = () => {
-        n.css3DObject.mode === "front" && u(), n.css3DObject.mode === "behind" && $(this.five).then(() => {
-          u();
-        });
+      const u = c.render, b = () => {
+        var a;
+        r === "front" && u(), r === "behind" && ((a = this.five.model) != null && a.loaded ? u() : this.five.once("modelLoaded", () => u()));
       };
-      return c && p(), h(v({}, n), { render: c ? void 0 : p });
+      return d && b(), m(v({}, c), { render: d ? void 0 : b });
     });
     this.five = e;
   }
@@ -62,11 +56,26 @@ class N extends S {
     return this.dispose();
   }
   setState(...e) {
-    const i = super.setState(...e);
-    return this.five.needsRender = !0, i;
+    const t = super.setState(...e);
+    return this.five.needsRender = !0, t;
   }
   getBehindFiveElement() {
-    return this.behindFiveContainer ? this.behindFiveContainer : (this.behindFiveContainer = j(this.five), this.behindFiveContainer);
+    var r;
+    const { behindFiveContainer: e } = this;
+    if (e)
+      return e;
+    const t = document.createElement("div");
+    t.style.position = "absolute", t.style.pointerEvents = "none", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", this.behindFiveContainer = t;
+    const i = this.five.getElement();
+    if (!i)
+      return;
+    const o = (r = i == null ? void 0 : i.style.position) != null ? r : getComputedStyle(i);
+    (!o || o === "static") && console.warn(
+      "if you want to use css3DRenderPlugin behind mode, five element position is static, please set position to relative or absolute"
+    );
+    const d = i == null ? void 0 : i.parentElement;
+    if (d)
+      return d.insertBefore(t, i), t;
   }
 }
 export {

package/libs/CSS3DRenderPlugin/index.d.ts

@@ -1,6 +1,5 @@
 import type { FivePlugin } from '@realsee/five';
 import Controller from './Controller';
-export declare const CSS3DRenderPlugin: FivePlugin<void, InstanceType<typeof Controller>>;
-export { CSS3DRender } from './CSS3DRender';
 export * from './typing';
+export declare const CSS3DRenderPlugin: FivePlugin<void, InstanceType<typeof Controller>>;
 export default CSS3DRenderPlugin;

package/libs/CSS3DRenderPlugin/index.js

@@ -1,6 +1,5 @@
 import { Controller as r } from "./Controller.js";
-import "./CSS3DRender.js";
-const t = (o) => new r(o);
+const n = (o) => new r(o);
 export {
-  t as CSS3DRenderPlugin
+  n as CSS3DRenderPlugin
 };

package/libs/CSS3DRenderPlugin/utils/{three/CSS3DObject.d.ts → CSS3DObjectPlus.d.ts}

@@ -1,7 +1,7 @@
 import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
 import { Matrix4, Quaternion, Vector3 } from 'three';
-import { Subscribe } from '../../../shared-utils/Subscribe';
-import OpacityMesh from './OpacityMesh';
+import { Subscribe } from '../../shared-utils/Subscribe';
+import type * as THREE from 'three';
 export declare const MinRatio = 0.00216;
 export declare const DefaultRatio = 0.003;
 export declare type Mode = 'front' | 'behind';
@@ -10,39 +10,25 @@ export declare type CSS3DRenderEventMap = {
     applyMatrix4: (matrix: Matrix4) => void;
     applyQuaternion: (quaternion: Quaternion) => void;
     applyScaleMatrix4: (matrix: Matrix4) => void;
+    changeMode: <T extends Mode = Mode>(mode: T, prevMode: Mode, scene: T extends 'behind' ? THREE.Scene : undefined) => void;
 };
 export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extends CSS3DObject {
-    version: number;
-    readonly isCSS3DObjectPlus: true;
-    container: T;
+    version: string;
     width: number;
     height: number;
     domWidthPx: number;
     domHeightPx: number;
     cornerPoints: CornerPoints;
-    centerPosition: Vector3;
     ratio: number;
+    container: T;
+    centerPosition: Vector3;
     mode: 'front' | 'behind';
     readonly hooks: Subscribe<CSS3DRenderEventMap>;
-    opacityMesh?: OpacityMesh;
-    constructor(params: {
-        container: T;
-        mode?: 'front' | 'behind';
-        cornerPoints: CornerPoints;
-        ratio?: number;
-        dpr?: number;
-        pointerEvents?: 'none' | 'auto';
-    });
-    setVisible(visible: boolean): void;
-    removeFromParent(): this;
-    removeOpacityMesh(): this;
-    dispose(): void;
-    getOpacityMesh(): OpacityMesh;
+    readonly isCSS3DObjectPlus: true;
+    constructor(container: T, cornerPoints: CornerPoints, ratio?: number, dpr?: number, mode?: Mode);
+    changeMode(mode: 'front'): void;
+    changeMode(mode: 'behind', scene: THREE.Scene): void;
+    applyScaleMatrix4(matrix: Matrix4): void;
     applyMatrix4(matrix: Matrix4): void;
     applyQuaternion(quaternion: Quaternion): this;
-    applyScaleMatrix4(matrix: Matrix4): void;
-    /**
-     * @description: 生成透明Mesh
-     */
-    private createOpacityMesh;
 }

package/libs/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

@@ -0,0 +1,65 @@
+var P = Object.defineProperty;
+var k = (p, h, t) => h in p ? P(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
+var s = (p, h, t) => (k(p, typeof h != "symbol" ? h + "" : h, t), t);
+import { CSS3DObject as D } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { Vector3 as n } from "three";
+import { evenNumber as f } from "./evenNumber.js";
+import { centerPoint as W } from "./centerPoint.js";
+import { Subscribe as j } from "../../shared-utils/Subscribe.js";
+const w = "1.0.2", v = `CSS3DObjectPlus@${w}`, C = 216e-5, E = 3e-3;
+class z extends D {
+  constructor(t, e, o = E, x = 1, M = "front") {
+    const l = Math.max(C, o), d = e[0].distanceTo(e[1]), m = e[1].distanceTo(e[2]), c = f(d / o * x), a = f(m / o * x), r = W(...e);
+    let u;
+    if (l === o)
+      t.style.width = `${c}px`, t.style.height = `${a}px`, u = t;
+    else {
+      const i = document.createElement("div");
+      i.style.width = `${c}px`, i.style.height = `${a}px`, i.style.pointerEvents = "none";
+      const b = o / l;
+      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * c}px`, t.style.height = `${b * a}px`, i.appendChild(t), u = i;
+    }
+    super(u);
+    s(this, "version", w);
+    s(this, "width");
+    s(this, "height");
+    s(this, "domWidthPx");
+    s(this, "domHeightPx");
+    s(this, "cornerPoints");
+    s(this, "ratio");
+    s(this, "container");
+    s(this, "centerPosition");
+    s(this, "mode", "front");
+    s(this, "hooks", new j());
+    s(this, "isCSS3DObjectPlus", !0);
+    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = o, this.container = t, this.mode = M, l === o)
+      this.width = d, this.height = m, this.domWidthPx = c, this.domHeightPx = a, this.centerPosition = r;
+    else {
+      const i = o / l;
+      this.width = i * d, this.height = i * m, this.domWidthPx = i * c, this.domHeightPx = i * a, this.centerPosition = new n().subVectors(r, e[0]).multiplyScalar(i).add(e[0]);
+    }
+    t.classList.add(`${v}__container`);
+    const V = new n().subVectors(e[1], e[0]), y = new n().subVectors(e[3], e[0]), $ = new n().crossVectors(V, y).normalize();
+    this.lookAt($);
+    const g = this.up.clone().applyQuaternion(this.quaternion), S = y.clone(), O = new n().crossVectors(g, S).normalize();
+    this.rotateOnWorldAxis(O, g.angleTo(S)), this.position.copy(r);
+  }
+  changeMode(t, e) {
+    if (t === this.mode)
+      return;
+    const o = this.mode;
+    this.mode = t, this.hooks.emit("changeMode", t, o, e);
+  }
+  applyScaleMatrix4(t) {
+    this.scale.applyMatrix4(t), this.hooks.emit("applyScaleMatrix4", t);
+  }
+  applyMatrix4(t) {
+    super.applyMatrix4(t), this.hooks.emit("applyMatrix4", t);
+  }
+  applyQuaternion(t) {
+    return super.applyQuaternion(t), this.hooks.emit("applyQuaternion", t), this;
+  }
+}
+export {
+  z as CSS3DObjectPlus
+};

package/libs/CSS3DRenderPlugin/utils/evenNumber.d.ts

@@ -0,0 +1,3 @@
+export declare function evenNumber(num: number, config?: {
+    smaller?: boolean;
+}): number;

package/libs/CSS3DRenderPlugin/utils/evenNumber.js

@@ -0,0 +1,7 @@
+function t(u, r) {
+  const e = Math.round(u);
+  return e % 2 === 0 ? e : e + Number(r != null && r.smaller ? -1 : 1);
+}
+export {
+  t as evenNumber
+};

package/libs/CSS3DRenderPlugin/utils/index.d.ts

@@ -1,4 +1,4 @@
 export * from './centerPoint';
-export * from './even';
+export * from './evenNumber';
 export * from './random';
 export * from './positionToVector3';

package/libs/CruisePlugin/Controller.js

@@ -2,7 +2,7 @@ var G = Object.defineProperty, K = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var E = Object.getOwnPropertySymbols;
 var T = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var x = (g, c, e) => c in g ? G(g, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[c] = e, P = (g, c) => {
+var x = (g, c, e) => c in g ? G(g, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[c] = e, S = (g, c) => {
   for (var e in c || (c = {}))
     T.call(c, e) && x(g, e, c[e]);
   if (E)
@@ -10,7 +10,7 @@ var x = (g, c, e) => c in g ? G(g, c, { enumerable: !0, configurable: !0, writab
       A.call(c, e) && x(g, e, c[e]);
   return g;
 }, L = (g, c) => K(g, U(c));
-var S = (g, c, e) => (x(g, typeof c != "symbol" ? c + "" : c, e), e);
+var P = (g, c, e) => (x(g, typeof c != "symbol" ? c + "" : c, e), e);
 var y = (g, c, e) => new Promise((t, i) => {
   var a = (s) => {
     try {
@@ -47,7 +47,7 @@ const M = "v1.0.6", D = "CruisePlugin", w = `${D}@${M}`, F = () => {
 class B extends O {
   constructor(e, t) {
     super(e, t);
-    S(this, "state", {
+    P(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -62,9 +62,9 @@ class B extends O {
         }
       }
     });
-    S(this, "data");
-    S(this, "config");
-    S(this, "privateState", {
+    P(this, "data");
+    P(this, "config");
+    P(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
@@ -72,7 +72,7 @@ class B extends O {
       disposers: [],
       modeChanging: !1
     });
-    S(this, "GuideLine");
+    P(this, "GuideLine");
     this.config = t, Object.assign(window, { [`__${D}_DEBUG__`]: this });
     const i = this.setFiveLinearUpdateCamera.bind(this), a = this.setFiveOriginUpdateCamera.bind(this);
     this.hooks.on("play", i), this.hooks.on("broke", a), this.hooks.on("end", a), this.hooks.on("pause", a), this.privateState.disposers.push(() => {
@@ -115,7 +115,7 @@ class B extends O {
     this.state.playing && this.setState({ playing: !1 }, { userAction: a }), this.setState({ playing: !0 }, { userAction: a, playFromIndex: t, playFromId: i });
   }
   playFromStart(e) {
-    return this.playFrom(L(P({}, e), { index: 0 }));
+    return this.playFrom(L(S({}, e), { index: 0 }));
   }
   pause(e) {
     this.setState({ playing: !1 }, e);
@@ -145,8 +145,8 @@ class B extends O {
       return F();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
       return q();
-    const i = P({}, this.state);
-    this.state = P(P({}, this.state), e), e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), $(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !0 });
+    const i = S({}, this.state);
+    this.state = S(S({}, this.state), e), e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), $(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !0 });
   }
   formatData(e) {
     return y(this, null, function* () {
@@ -161,7 +161,7 @@ class B extends O {
           keyframes: i.keyframes.map((a, o) => {
             var r;
             const n = i.keyframes[o + 1], s = (() => !n || n.start === void 0 || a.end === void 0 ? 0 : n.start - a.end)();
-            return P({ id: (r = a.uuid) != null ? r : k(), moveIndex: o, stay: s, index: o }, a);
+            return S({ id: (r = a.uuid) != null ? r : k(), moveIndex: o, stay: s, index: o }, a);
           })
         };
       if (i.panoIndexList) {
@@ -182,9 +182,9 @@ class B extends O {
           i.moveType === void 0 || i.moveType === "justMove" ? a.push({
             moveIndex: r,
             stay: i.stay,
-            data: P({ effect: "Move", panoIndex: s, moveEffect: o }, d != null ? d : {})
-          }) : i.moveType === "moveAndRotate" && (a.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: s, moveEffect: o } }), d && a.push({ moveIndex: r, stay: i.stay, data: P({ effect: "Rotate", panoIndex: s }, d) }));
-        }), { keyframesId: k(), keyframes: a.map((s, r) => P({ id: k(), index: r }, s)) };
+            data: S({ effect: "Move", panoIndex: s, moveEffect: o }, d != null ? d : {})
+          }) : i.moveType === "moveAndRotate" && (a.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: s, moveEffect: o } }), d && a.push({ moveIndex: r, stay: i.stay, data: S({ effect: "Rotate", panoIndex: s }, d) }));
+        }), { keyframesId: k(), keyframes: a.map((s, r) => S({ id: k(), index: r }, s)) };
       } else
         throw new Error("format error: data no keyframes or no panoIndexList");
     });
@@ -417,7 +417,7 @@ class B extends O {
   }
   changeMode(e, t) {
     return y(this, null, function* () {
-      e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
+      e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, console.log("this.privateState.modeChanging", this.privateState.modeChanging), yield this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
     });
   }
   forceInteruptUpdateCamera() {
@@ -478,7 +478,7 @@ class B extends O {
     !this.privateState.fiveOriginGetProgress || (this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress);
   }
 }
-S(B, "PluginVersion", M);
+P(B, "PluginVersion", M);
 export {
   B as CruisePluginController
 };

package/libs/ModelChassisCompassPlugin/Plugin.js

@@ -17,7 +17,7 @@ var M = (t, i, s) => new Promise((l, o) => {
 import * as h from "three";
 import { FBXLoader as E } from "three/examples/jsm/loaders/FBXLoader";
 import { bject3d2LocalMatrix as U } from "../shared-utils/object3d2LocalMatrix.js";
-import { transfromToMeshBasicMaterial as C } from "../shared-utils/three/transfromToMeshBasicMaterial.js";
+import { transfromToMeshBasicMaterial as C } from "../shared-utils/three/transformToMeshBasicMaterial.js";
 const X = (t, i) => {
   var x;
   const s = i.fbx_url || "//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX", l = (x = i.north_rad) != null ? x : void 0, o = {}, m = (e) => M(void 0, null, function* () {

package/libs/ModelEntryDoorGuidePlugin/Plugin.d.ts

@@ -7,6 +7,7 @@ export interface ModelEntryDoorGuidePluginData {
 }
 export declare type ModelEntryDoorGuidePluginParameterType = {
     animationEnabled?: boolean;
+    name?: string;
 } & ModelEntryDoorGuidePluginData;
 export interface ModelEntryDoorGuidePluginExportType {
     enable: (config?: {

package/libs/ModelEntryDoorGuidePlugin/Plugin.js

@@ -1,77 +1,80 @@
-var R = (t, s, e) => new Promise((x, M) => {
+var C = (t, s, e) => new Promise((x, E) => {
   var y = (r) => {
     try {
       c(e.next(r));
     } catch (m) {
-      M(m);
+      E(m);
     }
   }, P = (r) => {
     try {
       c(e.throw(r));
     } catch (m) {
-      M(m);
+      E(m);
     }
   }, c = (r) => r.done ? x(r.value) : Promise.resolve(r.value).then(y, P);
   c((e = e.apply(t, s)).next());
 });
-import * as C from "three";
-import { MeshBasicMaterial as z, AnimationMixer as B } from "three";
-import { FBXLoader as S } from "three/examples/jsm/loaders/FBXLoader";
-import { createCanvasTextTexture as _ } from "../shared-utils/createCanvasTextTexture.js";
-import { transformPositionToVector3 as H } from "../shared-utils/three/transformPositionToVector3.js";
-import { transfromToMeshBasicMaterial as L } from "../shared-utils/three/transfromToMeshBasicMaterial.js";
-const J = (t, s) => {
-  var g, w, G;
-  const e = {}, x = (g = s.animationEnabled) != null ? g : !0, M = (w = s.position) != null ? w : void 0, y = (G = s.rad) != null ? G : void 0, P = s.fbx_url || "//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx", c = [], r = (o) => R(void 0, null, function* () {
-    var E, u, b, h, p, f, j;
-    const l = (E = o == null ? void 0 : o.position) != null ? E : M;
+import * as z from "three";
+import { MeshBasicMaterial as B, AnimationMixer as S } from "three";
+import { FBXLoader as _ } from "three/examples/jsm/loaders/FBXLoader";
+import { createCanvasTextTexture as H } from "../shared-utils/createCanvasTextTexture.js";
+import { transformPositionToVector3 as L } from "../shared-utils/three/transformPositionToVector3.js";
+import { transfromToMeshBasicMaterial as U } from "../shared-utils/three/transformToMeshBasicMaterial.js";
+const K = (t, s) => {
+  var g, G, R;
+  const e = {}, x = (g = s.animationEnabled) != null ? g : !0, E = (G = s.position) != null ? G : void 0, y = (R = s.rad) != null ? R : void 0, P = s.fbx_url || "//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx", c = [], r = (n) => C(void 0, null, function* () {
+    var u, b, M, f, p, j, h, q;
+    const l = (u = n == null ? void 0 : n.position) != null ? u : E;
     if (!l)
-      return Promise.reject("ModelEntryDoorGuidePlugin.load(): position is undefined");
-    const i = H(l), n = (u = o == null ? void 0 : o.rad) != null ? u : y, D = (b = o == null ? void 0 : o.fbx_url) != null ? b : P;
-    if (e.rad = n, n === void 0)
-      return Promise.reject(`ModelEntryDoorGuidePlugin.load(): rad is ${n}`);
-    const a = yield new S().loadAsync(D);
-    a.position.copy(i), a.rotation.z = n, a.scale.set(0.8, 0.8, 0.8), L(a, { transparent: !0, side: C.DoubleSide });
-    const d = (j = (f = (p = (h = a.children) == null ? void 0 : h[0]) == null ? void 0 : p.children) == null ? void 0 : f[3]) == null ? void 0 : j.clone();
-    return d ? (d.material = new z({ transparent: !0, map: _("\u5165\u6237\u95E8") }), d.renderOrder = 3, a.children[0].add(d), e.object = a, !0) : Promise.reject(`ModelEntryDoorGuidePlugin.load(): textMesh is ${d}`);
+      return Promise.reject(new Error("ModelEntryDoorGuidePlugin.load(): position is undefined"));
+    const i = L(l), o = (b = n == null ? void 0 : n.rad) != null ? b : y, D = (M = n == null ? void 0 : n.fbx_url) != null ? M : P;
+    if (e.rad = o, o === void 0)
+      return Promise.reject(new Error(`ModelEntryDoorGuidePlugin.load(): rad is ${o}`));
+    const a = yield new _().loadAsync(D);
+    a.position.copy(i), a.rotation.z = o, a.scale.set(0.8, 0.8, 0.8), U(a, { transparent: !0, side: z.DoubleSide });
+    const d = (h = (j = (p = (f = a.children) == null ? void 0 : f[0]) == null ? void 0 : p.children) == null ? void 0 : j[3]) == null ? void 0 : h.clone();
+    if (!d)
+      return Promise.reject(new Error(`ModelEntryDoorGuidePlugin.load(): textMesh is ${d}`));
+    const w = (q = s.name) != null ? q : "\u5165\u6237\u95E8";
+    return d.material = new B({ transparent: !0, map: H(w) }), d.renderOrder = 3, a.children[0].add(d), e.object = a, !0;
   }), m = () => {
     if (e.animation)
       return;
     if (!e.object)
       return console.error("ModelEntryDoorGuidePlugin.initAnimation(): state.object is ", e.object);
-    const o = 1, l = new B(e.object);
+    const n = 1, l = new S(e.object);
     c.push(l);
     const i = l.clipAction(e.object.animations[0]);
-    i.timeScale = o;
-    let n;
+    i.timeScale = n;
+    let o;
     const D = () => {
       let u = 0, b = 0;
-      const h = 1e3 / 30, p = (f) => {
-        u = requestAnimationFrame(p);
-        const j = f - b;
-        j < h || (b = f, c.forEach((q) => q.update(j / 1e3)), t.needsRender = !0);
+      const M = 1e3 / 30, f = (p) => {
+        u = requestAnimationFrame(f);
+        const j = p - b;
+        j < M || (b = p, c.forEach((h) => h.update(j / 1e3)), t.needsRender = !0);
       };
-      return u = requestAnimationFrame(p), () => {
+      return u = requestAnimationFrame(f), () => {
         cancelAnimationFrame(u);
       };
-    }, E = { play: () => {
-      n || (i.play(), n = D(), requestAnimationFrame(() => {
+    }, w = { play: () => {
+      o || (i.play(), o = D(), requestAnimationFrame(() => {
         e.object && e.object.rotation.z !== e.rad && (e.object.rotation.z = e.rad);
       }));
     }, stop: () => {
-      i.stop(), n == null || n(), n = void 0;
+      i.stop(), o == null || o(), o = void 0;
     } };
-    e.animation = E;
-  }, F = (o) => {
+    e.animation = w;
+  }, F = (n) => {
     var i;
     if (!e.object)
       return console.error("ModelEntryDoorGuidePlugin.enable(): object is ", e.object);
-    ((i = o == null ? void 0 : o.animationEnable) != null ? i : x) && (e.animation || m(), e.animation.play()), t.scene.add(e.object), t.needsRender = !0;
+    ((i = n == null ? void 0 : n.animationEnable) != null ? i : x) && (e.animation || m(), e.animation.play()), t.scene.add(e.object), t.needsRender = !0;
   }, T = () => {
     !e.object || (e.animation && e.animation.stop(), t.scene.remove(e.object), t.needsRender = !0);
-  }, A = (o) => o === "Floorplan" ? F() : T();
-  return { load: r, enable: (o) => (e.enabled || (e.enabled = !0, A(t.currentMode), t.on("modeChange", A), F(o)), !0), disable: () => (e.enabled && (e.enabled = !1, T(), t.off("modeChange", A)), !0) };
+  }, A = (n) => n === "Floorplan" ? F() : T();
+  return { load: r, enable: (n) => (e.enabled || (e.enabled = !0, A(t.currentMode), t.on("modeChange", A), F(n)), !0), disable: () => (e.enabled && (e.enabled = !1, T(), t.off("modeChange", A)), !0) };
 };
 export {
-  J as ModelEntryDoorGuidePlugin
+  K as ModelEntryDoorGuidePlugin
 };

package/libs/ModelTVVideoPlugin/index.js

@@ -1,3 +1,2 @@
 import "three";
-import "../CSS3DRenderPlugin/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";

package/libs/Object3DHelperPlugin/Controller.d.ts

@@ -11,8 +11,6 @@ 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