@realsee/dnalogel 2.30.3 → 3.0.0-2

package/libs/CSS3DRenderPlugin/Controller.js

@@ -18,21 +18,23 @@ import "hammerjs";
 import "three";
 import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import { absoluteUrl as $ } from "../shared-utils/absoluteUrl.js";
+import { absoluteUrl as $ } from "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/positionToVector3.js";
 import "./utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "./utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "./utils/createResizeObserver.js";
 import "./utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "./utils/three/CSS3DObject.js";
 import "./utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "./utils/three/CSS3DScene.js";
 import "./utils/three/CSS3DGroup.js";
 const E = "v2.0.1", h = `CSS3DRenderPlugin@${E}`;
-class W extends x {
+class Y extends x {
   constructor(e) {
     super();
     o(this, "five");
@@ -84,7 +86,8 @@ class W extends x {
           ratio: 216e-5,
           devicePixelRatio: (f = i == null ? void 0 : i.dpr) != null ? f : 1,
           mode: "front",
-          autoRender: !0
+          autoRender: !0,
+          wrapperStyle: {}
         };
         return Object.assign(d, i, (i == null ? void 0 : i.mode) === "behind" ? { scene: this.five.scene } : void 0);
       })(), a = this.five.getElement();
@@ -121,13 +124,13 @@ class W extends x {
     return this.behindFiveContainer ? this.behindFiveContainer : (this.behindFiveContainer = P(this.five), this.behindFiveContainer);
   }
   /**
-     * @description: 获取静态资源的url
-  */
+   * @description: 获取静态资源的url
+   */
   absoluteUrl(e) {
     return $(this.staticPrefix, e);
   }
 }
 export {
   h as PLUGIN_NAME,
-  W as default
+  Y as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -1,27 +1,29 @@
 import o from "./Controller.js";
-import { CSS3DRender as j } from "./utils/three/CSS3DRender.js";
+import { CSS3DRender as q } from "./utils/three/CSS3DRender.js";
 import "./utils/waitFiveModelLoaded.js";
 import "./utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "three";
 import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/absoluteUrl.js";
+import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/positionToVector3.js";
 import "./utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "./utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "./utils/createResizeObserver.js";
 import "./utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "./utils/three/CSS3DObject.js";
 import "./utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "./utils/three/CSS3DScene.js";
 import "./utils/three/CSS3DGroup.js";
-const P = (r) => new o(r);
+const h = (r) => new o(r);
 export {
-  j as CSS3DRender,
-  P as CSS3DRenderPlugin,
-  P as default
+  q as CSS3DRender,
+  h as CSS3DRenderPlugin,
+  h as default
 };

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

@@ -1,3 +1,3 @@
 import type { Object3D } from 'three';
 import type { CSS3DObjectPlus } from './three/CSS3DObject';
-export default function getAllCSS3DObject(...object: Object3D[]): CSS3DObjectPlus<HTMLElement>[];
+export default function getAllCSS3DObject(object: Object3D[] | Object3D): CSS3DObjectPlus<HTMLElement>[];

package/libs/CSS3DRenderPlugin/utils/getAllCSS3DObject.js

@@ -1,9 +1,12 @@
-function t(...l) {
-  const s = [];
-  return l.forEach((e) => {
-    e.isCSS3DObjectPlus ? s.push(e) : s.push(...t(...e.children));
-  }), s;
+import { toArray as c } from "../../shared-utils/util.js";
+function a(e) {
+  const t = [];
+  return c(e).forEach((r) => {
+    r.traverse((s) => {
+      s.isCSS3DObjectPlus && t.push(s);
+    });
+  }), t;
 }
 export {
-  t as default
+  a as default
 };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DGroup.d.ts

@@ -1,14 +1,10 @@
 import * as THREE from 'three';
-import { Subscribe } from '../../../shared-utils/Subscribe';
 import type { Object3D } from 'three';
 import type { Mode } from './CSS3DObject';
 export declare class CSS3DGroup extends THREE.Group {
     readonly isCSS3DGroup = true;
     mode: Mode;
     CSS3DObjectLength: number;
-    hooks: Subscribe<{
-        visibleChange: (visible: boolean) => void;
-    }>;
     constructor(mode: Mode);
     add(...objects: Object3D[]): this;
     setVisible(visible: boolean): void;

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

@@ -1,54 +1,55 @@
-var n = Object.defineProperty;
-var d = (r, t, e) => t in r ? n(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var s = (r, t, e) => (d(r, typeof t != "symbol" ? t + "" : t, e), e);
+var d = Object.defineProperty;
+var n = (r, t, e) => t in r ? d(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var i = (r, t, e) => (n(r, typeof t != "symbol" ? t + "" : t, e), e);
 import * as u from "three";
-import { Subscribe as p } from "../../../shared-utils/Subscribe.js";
-import i from "../getAllCSS3DObject.js";
-class h extends u.Group {
+import h from "../getAllCSS3DObject.js";
+import "../../../shared-utils/util.js";
+class o extends u.Group {
   constructor(e) {
     super();
-    s(this, "isCSS3DGroup", !0);
-    s(this, "mode");
-    s(this, "CSS3DObjectLength", 0);
-    s(this, "hooks", new p());
+    i(this, "isCSS3DGroup", !0);
+    i(this, "mode");
+    i(this, "CSS3DObjectLength", 0);
     this.mode = e;
   }
   add(...e) {
-    return i(...e).forEach((o) => {
-      o.mode = this.mode;
+    return h(e).forEach((s) => {
+      s.mode = this.mode;
     }), super.add(...e), this.updateLength(), this;
   }
   setVisible(e) {
-    this.visible = e, this.hooks.emit("visibleChange", e);
+    this.visible = e, this.traverse((s) => {
+      s.isCSS3DObjectPlus && s.updateVisible();
+    });
   }
   remove(...e) {
     return super.remove(...e), this.updateLength(), this;
   }
   updateLength() {
-    this.CSS3DObjectLength = i(this).length;
+    this.CSS3DObjectLength = h(this).length;
   }
 }
-class m extends h {
+class c extends o {
   constructor() {
     super("front");
   }
 }
-class g extends h {
+class m extends o {
   constructor(e) {
     super("behind");
-    s(this, "scene");
+    i(this, "scene");
     if (!e)
       throw new Error("CSS3DBehindScene: scene is required");
     this.scene = e;
   }
   add(...e) {
-    return i(...e).forEach((o) => {
-      this.scene.add(o.getOpacityMesh());
+    return h(e).forEach((s) => {
+      this.scene.add(s.getOpacityMesh());
     }), super.add(...e), this;
   }
 }
 export {
-  g as CSS3DBehindGroup,
-  m as CSS3DFrontGroup,
-  h as CSS3DGroup
+  m as CSS3DBehindGroup,
+  c as CSS3DFrontGroup,
+  o as CSS3DGroup
 };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DObject.d.ts

@@ -1,5 +1,6 @@
 import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
-import { Matrix4, Quaternion, Vector3 } from 'three';
+import type { Matrix4, Quaternion } from 'three';
+import { Vector3 } from 'three';
 import { Subscribe } from '../../../shared-utils/Subscribe';
 import OpacityMesh from './OpacityMesh';
 export declare const MinRatio = 0.00216;
@@ -26,7 +27,6 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
     readonly hooks: Subscribe<CSS3DRenderEventMap>;
     opacityMesh?: OpacityMesh;
     private selfVisible;
-    private parentVisibleListenerDisposer?;
     constructor(params: {
         container: T;
         mode?: 'front' | 'behind';
@@ -34,10 +34,10 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
         ratio?: number;
         dpr?: number;
         pointerEvents?: 'none' | 'auto';
+        style?: Partial<CSSStyleDeclaration>;
     });
-    setVisible(visible: boolean, params?: {
-        setSelfVisible: boolean;
-    }): void;
+    setVisible: (visible: boolean) => void;
+    updateVisible: () => void;
     removeFromParent(): this;
     removeOpacityMesh(): this;
     dispose(): void;
@@ -49,6 +49,4 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
      * @description: 生成透明Mesh
      */
     private createOpacityMesh;
-    private addParentVisibleListener;
-    private removeParentVisibleListener;
 }

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

@@ -1,28 +1,29 @@
-var $ = Object.defineProperty;
-var D = (a, r, t) => r in a ? $(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
-var i = (a, r, t) => (D(a, typeof r != "symbol" ? r + "" : r, t), t);
-import { CSS3DObject as F } from "three/examples/jsm/renderers/CSS3DRenderer";
+var W = Object.defineProperty;
+var H = (c, r, t) => r in c ? W(c, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[r] = t;
+var i = (c, r, t) => (H(c, typeof r != "symbol" ? r + "" : r, t), t);
+import { CSS3DObject as C } from "three/examples/jsm/renderers/CSS3DRenderer";
 import { Vector3 as l } from "three";
-import { even as S } from "../even.js";
-import { Subscribe as W } from "../../../shared-utils/Subscribe.js";
-import H from "./OpacityMesh.js";
-import { centerPoint as k } from "../../../shared-utils/three/centerPoint.js";
-const w = 1, A = `CSS3DObjectPlus@${w}`, Q = 216e-5, R = 3e-3;
-class U extends F {
+import { even as w } from "../even.js";
+import { Subscribe as j } from "../../../shared-utils/Subscribe.js";
+import A from "./OpacityMesh.js";
+import { centerPoint as Q } from "../../../shared-utils/three/centerPoint.js";
+import { getObjectVisible as R } from "../../../shared-utils/three/getObjectVisible.js";
+const S = 1, D = `CSS3DObjectPlus@${S}`, L = 216e-5, N = 3e-3;
+class G extends C {
   constructor(t) {
-    var v, x, V;
-    const e = t.container, s = t.cornerPoints, n = (v = t.ratio) != null ? v : R, P = (x = t.dpr) != null ? x : 1, E = (V = t.pointerEvents) != null ? V : "auto", h = Math.max(Q, n), d = s[0].distanceTo(s[1]), m = s[1].distanceTo(s[2]), c = S(d / n * P), p = S(m / n * P), y = k(...s);
+    var f, b, g;
+    const e = t.container, o = t.cornerPoints, n = (f = t.ratio) != null ? f : N, M = (b = t.dpr) != null ? b : 1, O = (g = t.pointerEvents) != null ? g : "auto", h = Math.max(L, n), d = o[0].distanceTo(o[1]), y = o[1].distanceTo(o[2]), a = w(d / n * M), p = w(y / n * M), m = Q(...o);
     let u;
     if (h === n)
-      e.style.width = `${c}px`, e.style.height = `${p}px`, u = e;
+      e.style.width = `${a}px`, e.style.height = `${p}px`, u = e;
     else {
-      const o = document.createElement("div");
-      o.style.width = `${c}px`, o.style.height = `${p}px`, o.style.pointerEvents = "none";
-      const g = n / h;
-      e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = `${g * c}px`, e.style.height = `${g * p}px`, o.appendChild(e), u = o;
+      const s = document.createElement("div");
+      s.style.width = `${a}px`, s.style.height = `${p}px`, s.style.pointerEvents = "none";
+      const V = n / h;
+      e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = `${V * a}px`, e.style.height = `${V * p}px`, s.appendChild(e), u = s;
     }
     super(u);
-    i(this, "version", w);
+    i(this, "version", S);
     i(this, "isCSS3DObjectPlus", !0);
     i(this, "container");
     i(this, "width");
@@ -33,51 +34,40 @@ class U extends F {
     i(this, "centerPosition");
     i(this, "ratio");
     i(this, "mode", "front");
-    i(this, "hooks", new W());
+    i(this, "hooks", new j());
     i(this, "opacityMesh");
     i(this, "selfVisible", !0);
-    i(this, "parentVisibleListenerDisposer");
+    i(this, "setVisible", (t) => {
+      this.selfVisible = t, this.visible = R(this.parent) && this.selfVisible, this.opacityMesh && (this.opacityMesh.visible = this.visible);
+    });
+    i(this, "updateVisible", () => {
+      this.setVisible(this.selfVisible);
+    });
     /**
      * @description: 生成透明Mesh
      */
     i(this, "createOpacityMesh", (t) => {
-      const { domWidthPx: e, domHeightPx: s } = t, n = new H(e, s);
+      const { domWidthPx: e, domHeightPx: o } = t, n = new A(e, o);
       return n.position.copy(t.position), n.rotation.copy(t.rotation), n.scale.copy(t.scale), n;
     });
-    i(this, "addParentVisibleListener", () => {
-      var t;
-      if ((t = this.parent) != null && t.isCSS3DGroup) {
-        const e = this.parent, s = (n) => {
-          this.setVisible(n && this.selfVisible, { setSelfVisible: !1 });
-        };
-        e.hooks.on("visibleChange", s), this.parentVisibleListenerDisposer = () => e.hooks.off("visibleChange", s);
-      }
-    });
-    i(this, "removeParentVisibleListener", () => {
-      var t;
-      (t = this.parentVisibleListenerDisposer) == null || t.call(this);
-    });
-    if (e.style.pointerEvents = E, this.scale.set(h, h, h), this.cornerPoints = s, this.ratio = n, this.container = e, t.mode && (this.mode = t.mode), h === n)
-      this.width = d, this.height = m, this.domWidthPx = c, this.domHeightPx = p, this.centerPosition = y;
+    if (e.style.pointerEvents = O, Object.assign(e.style, t.style), this.scale.set(h, h, h), this.cornerPoints = o, this.ratio = n, this.container = e, t.mode && (this.mode = t.mode), h === n)
+      this.width = d, this.height = y, this.domWidthPx = a, this.domHeightPx = p, this.centerPosition = m;
     else {
-      const o = n / h;
-      this.width = o * d, this.height = o * m, this.domWidthPx = o * c, this.domHeightPx = o * p, this.centerPosition = new l().subVectors(y, s[0]).multiplyScalar(o).add(s[0]);
+      const s = n / h;
+      this.width = s * d, this.height = s * y, this.domWidthPx = s * a, this.domHeightPx = s * p, this.centerPosition = new l().subVectors(m, o[0]).multiplyScalar(s).add(o[0]);
     }
-    e.classList.add(`${A}__container`);
-    const L = new l().subVectors(s[1], s[0]), M = new l().subVectors(s[3], s[0]), O = new l().crossVectors(L, M).normalize();
-    this.lookAt(O);
-    const f = this.up.clone().applyQuaternion(this.quaternion), b = M.clone(), C = new l().crossVectors(f, b).normalize();
-    this.rotateOnWorldAxis(C, f.angleTo(b)), this.position.copy(y), this.addEventListener("added", () => {
-      var o;
-      this.mode === "front" && ((o = this.opacityMesh) == null || o.removeFromParent()), this.addParentVisibleListener();
+    e.classList.add(`${D}__container`);
+    const E = new l().subVectors(o[1], o[0]), P = new l().subVectors(o[3], o[0]), $ = new l().crossVectors(E, P).normalize();
+    this.lookAt($);
+    const x = this.up.clone().applyQuaternion(this.quaternion), v = P.clone(), F = new l().crossVectors(x, v).normalize();
+    this.rotateOnWorldAxis(F, x.angleTo(v)), this.position.copy(m), this.addEventListener("added", () => {
+      var s;
+      this.mode === "front" && ((s = this.opacityMesh) == null || s.removeFromParent());
     }), this.addEventListener("removed", () => {
-      var o;
-      (o = this.opacityMesh) == null || o.removeFromParent(), this.removeParentVisibleListener();
+      var s;
+      (s = this.opacityMesh) == null || s.removeFromParent();
     });
   }
-  setVisible(t, e = { setSelfVisible: !0 }) {
-    e.setSelfVisible && (this.selfVisible = t), this.visible = t, this.opacityMesh && (this.opacityMesh.visible = t);
-  }
   removeFromParent() {
     var e;
     const t = this.parent;
@@ -113,7 +103,7 @@ class U extends F {
   }
 }
 export {
-  U as CSS3DObjectPlus,
-  R as DefaultRatio,
-  Q as MinRatio
+  G as CSS3DObjectPlus,
+  N as DefaultRatio,
+  L as MinRatio
 };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DRender.d.ts

@@ -47,6 +47,7 @@ export interface Create3DDElementParamsType {
         autoRender?: boolean;
         container?: HTMLElement;
         pointerEvents?: 'none' | 'auto';
+        wrapperStyle?: Partial<CSSStyleDeclaration>;
         scene?: THREE.Scene;
     } & ({
         mode?: 'front';