@realsee/dnalogel 3.70.2-alpha.1 → 3.70.3

package/libs/shared-utils/CSS3DRender/CSS3DRenderer.js

@@ -1,52 +1,42 @@
-var p = Object.defineProperty;
-var l = (s, r, e) => r in s ? p(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var o = (s, r, e) => (l(s, typeof r != "symbol" ? r + "" : r, e), e);
+var l = Object.defineProperty;
+var a = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var n = (i, t, e) => (a(i, typeof t != "symbol" ? t + "" : t, e), e);
 import { CSS3DRenderer as d } from "../three/CSS3DRenderer/index.js";
 import { createResizeObserver as h } from "../createResizeObserver.js";
-class f extends d {
+class W extends d {
   constructor(e) {
     super(e);
-    o(this, "wrapper");
-    o(this, "domElementWrapper", document.createElement("div"));
-    o(this, "requestAnimationFrameId");
-    o(this, "resizeDisoper");
+    n(this, "wrapper");
+    n(this, "domElementWrapper", document.createElement("div"));
+    n(this, "requestAnimationFrameId");
+    n(this, "resizeDisoper");
     this.domElementWrapper.classList.add("ICSS3DRendererWrapper"), this.domElementWrapper.style.position = "absolute", this.domElementWrapper.style.top = "0", this.domElementWrapper.style.left = "0", this.domElementWrapper.style.width = "100%", this.domElementWrapper.style.height = "100%", this.domElementWrapper.style.userSelect = "none", this.domElementWrapper.style.pointerEvents = "none", this.domElement.classList.add("ICSS3DRenderer"), this.domElement.style.position = "absolute", this.domElement.style.top = "0", this.domElement.style.left = "0", this.domElement.style.userSelect = "none", this.domElement.style.pointerEvents = "none", this.domElementWrapper.appendChild(this.domElement);
   }
   setWrapper(e) {
     if (!e)
       throw new Error("CSS3DRenderer: wrapper is required");
     if ((() => {
-      for (let i = 0; i < e.children.length; i++)
-        if (e.children.item(i) === this.domElementWrapper)
+      for (let s = 0; s < e.children.length; s++)
+        if (e.children.item(s) === this.domElementWrapper)
           return !0;
       return !1;
     })())
       return;
-    const t = this.wrapper;
-    return t && t.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
+    const r = this.wrapper;
+    return r && r.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
   }
   appendToElement(e) {
     e.appendChild(this.domElementWrapper);
-    const n = (m, a) => this.setSize(m, a), { observe: t, unobserve: i } = h(this.domElementWrapper, n, !0);
-    t(), this.resizeDisoper = i, this.wrapper = e;
+    const o = (m, p) => this.setSize(m, p), { observe: r, unobserve: s } = h(this.domElementWrapper, o, !0);
+    r(), this.resizeDisoper = s, this.wrapper = e;
   }
-  renderEveryFrame(e, n) {
+  renderEveryFrame(e, o) {
     if (this.wrapper || console.warn("wrapper is not find, creating a html element and call setWrapper(wrapper)", this, e), this.requestAnimationFrameId)
       return;
-    const t = () => {
-      this.requestAnimationFrameId = requestAnimationFrame(t), e.visible && this.render(e, n);
+    const r = () => {
+      this.requestAnimationFrameId = requestAnimationFrame(r), e.visible && this.render(e, o);
     };
-    t();
-  }
-  renderCss3dObjectEveryFrame(e, n) {
-    if (this.wrapper || console.warn("wrapper is not find, creating a html element and call setWrapper(wrapper)", this, e), this.requestAnimationFrameId)
-      return;
-    const t = () => {
-      this.requestAnimationFrameId = requestAnimationFrame(t), Array.isArray(e) ? e.forEach((i) => {
-        i.visible && this.render(i, n);
-      }) : this.sceneRender(Array.from(e.values()), n);
-    };
-    t();
+    r();
   }
   stopRender() {
     this.requestAnimationFrameId && cancelAnimationFrame(this.requestAnimationFrameId);
@@ -57,5 +47,5 @@ class f extends d {
   }
 }
 export {
-  f as ICSS3DRenderer
+  W as ICSS3DRenderer
 };

package/libs/shared-utils/CSS3DRender/index.d.ts

@@ -1,41 +1,2 @@
 import { Five } from '@realsee/five';
-import type { CSS3DObjectPlus } from './CSS3DObject';
-/**
- * 向前置场景列表添加场景
- * @param scene 要添加的场景
- * @param key 场景的唯一标识符，如果不提供则使用场景的 uuid
- * @returns 是否添加成功
- */
-export declare function addFrontScene(scene: THREE.Scene | CSS3DObjectPlus, key?: string): boolean;
-/**
- * 从前置场景列表删除指定场景
- * @param sceneOrKey 要删除的场景对象或场景的key
- * @returns 是否删除成功
- */
-export declare function removeFrontScene(sceneOrKey: THREE.Scene | string | CSS3DObjectPlus): boolean;
-/**
- * 向后置场景列表添加场景
- * @param scene 要添加的场景
- * @param key 场景的唯一标识符，如果不提供则使用场景的 uuid
- * @returns 是否添加成功
- */
-export declare function addBehindScene(scene: THREE.Scene | CSS3DObjectPlus, key?: string): boolean;
-/**
- * 从后置场景列表删除指定场景
- * @param sceneOrKey 要删除的场景对象或场景的key
- * @returns 是否删除成功
- */
-export declare function removeBehindScene(sceneOrKey: THREE.Scene | string | CSS3DObjectPlus): boolean;
-/**
- * 清空前置场景列表
- */
-export declare function clearFrontScenes(): void;
-/**
- * 清空后置场景列表
- */
-export declare function clearBehindScenes(): void;
-/**
- * 清空所有场景列表
- */
-export declare function clearAllScenes(): void;
 export declare function initialCSS3DRender(five: Five): () => any;

package/libs/shared-utils/CSS3DRender/index.js

@@ -1,76 +1,31 @@
-import { ICSS3DRenderer as f } from "./CSS3DRenderer.js";
-import { waitFiveModelLoaded as c } from "../five/fiveModelLoad.js";
-import p from "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-let o = [null, null, () => null], t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-function F(e, n) {
-  if (!e)
-    return !1;
-  const r = n || e.uuid;
-  return t.has(r) ? !1 : (t.set(r, e), !0);
-}
-function R(e) {
-  if (!e)
-    return !1;
-  if (typeof e == "string")
-    return t.delete(e);
-  for (const [n, r] of t.entries())
-    if (r === e)
-      return t.delete(n);
-  return !1;
-}
-function b(e, n) {
-  if (!e)
-    return !1;
-  const r = n || e.uuid;
-  return i.has(r) ? !1 : (i.set(r, e), !0);
-}
-function w(e) {
-  if (!e)
-    return !1;
-  if (typeof e == "string")
-    return i.delete(e);
-  for (const [n, r] of i.entries())
-    if (r === e)
-      return i.delete(n);
-  return !1;
-}
-function m() {
-  t.clear();
-}
-function S() {
-  i.clear();
-}
-function h() {
-  m(), S();
-}
-function g(e) {
+import { ICSS3DRenderer as p } from "./CSS3DRenderer.js";
+import { waitFiveModelLoaded as a } from "../five/fiveModelLoad.js";
+import m from "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+let r = [null, null, () => null];
+function E(e) {
   var s;
-  if (o) {
-    if (o[0] === e)
-      return o[2];
-    (s = o[1]) == null || s.dispose();
+  if (r) {
+    if (r[0] === e)
+      return r[2];
+    (s = r[1]) == null || s.dispose();
   }
-  const n = new f("front");
+  const n = new p("front");
   n.domElementWrapper.style.zIndex = "1";
-  const r = new f("behind");
-  c(e).then(() => {
-    var u;
-    const d = (u = e.getElement()) == null ? void 0 : u.parentElement, a = p(e);
-    if (!d)
+  const t = new p("behind");
+  a(e).then(() => {
+    var d;
+    const l = (d = e.getElement()) == null ? void 0 : d.parentElement, i = m(e);
+    if (!l)
       return console.error("initialCSS3DRender: five element is not exist"), () => null;
-    if (n.appendToElement(d), n.renderCss3dObjectEveryFrame(t, e.camera), !a)
+    if (n.appendToElement(l), n.renderEveryFrame(e.scene, e.camera), !i)
       return console.error("initialCSS3DRender: behindWrapper is not exist"), () => null;
-    r.appendToElement(a), r.renderCss3dObjectEveryFrame(i, e.camera);
+    t.appendToElement(i), t.renderEveryFrame(e.scene, e.camera);
   });
-  const l = () => {
-    n.dispose(), r.dispose(), h();
+  const o = () => {
+    n.dispose(), t.dispose();
   };
-  return o = [e, n, l], l;
+  return r = [e, n, o], o;
 }
 export {
-  b as addBehindScene,
-  F as addFrontScene,
-  g as initialCSS3DRender,
-  w as removeBehindScene,
-  R as removeFrontScene
+  E as initialCSS3DRender
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.70.2-alpha.1",
+    "%c %c@realsee/dnalogel %cv3.70.3",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/three/CSS3DRenderer/index.d.ts

@@ -1,6 +1,5 @@
 import { Object3D } from 'three';
 import type { Scene, Camera } from 'three';
-import type { CSS3DObjectPlus } from '../../CSS3DRender/CSS3DObject';
 export declare class CSS3DObject extends Object3D {
     element: HTMLElement;
     onBeforeRender: (renderer: unknown, scene: Scene, camera: Camera) => void;
@@ -19,5 +18,4 @@ export declare class CSS3DRenderer {
     };
     setSize(width: number, height: number): void;
     render(scene: Scene, camera: Camera): void;
-    sceneRender(scenes: Scene[] | CSS3DObjectPlus[], camera: Camera): void;
 }

package/libs/shared-utils/three/CSS3DRenderer/index.js

@@ -1,107 +1,95 @@
-import { Object3D as k, Matrix4 as P } from "three";
-var x = function(m) {
-  k.call(this), this.element = m, this.element.style.position = "absolute", this.element.style.pointerEvents = "auto", this.element.style.userSelect = "none", this.element.setAttribute("draggable", !1), this.addEventListener("removed", function() {
-    this.traverse(function(u) {
-      u.element instanceof Element && u.element.parentNode !== null && u.element.remove();
+import { Object3D as w, Matrix4 as k } from "three";
+var c = function(p) {
+  w.call(this), this.element = p, this.element.style.position = "absolute", this.element.style.pointerEvents = "auto", this.element.style.userSelect = "none", this.element.setAttribute("draggable", !1), this.addEventListener("removed", function() {
+    this.traverse(function(y) {
+      y.element instanceof Element && y.element.parentNode !== null && y.element.remove();
     });
   });
 };
-x.prototype = Object.create(k.prototype);
-x.prototype.constructor = x;
-var O = function(m) {
-  x.call(this, m);
+c.prototype = Object.create(w.prototype);
+c.prototype.constructor = c;
+var C = function(p) {
+  c.call(this, p);
 };
-O.prototype = Object.create(x.prototype);
-O.prototype.constructor = O;
-let I = function(m) {
-  let u = this, g, C, W, v, d = new P(), n = {
+C.prototype = Object.create(c.prototype);
+C.prototype.constructor = C;
+let I = function(p) {
+  let y = this, x, S, M, g, o = new k(), f = {
     camera: { fov: 0, style: "" },
     objects: /* @__PURE__ */ new Map()
-  }, o = document.createElement("div");
-  o.style.overflow = "hidden", this.domElement = o;
-  let p = document.createElement("div");
-  p.style.WebkitTransformStyle = "preserve-3d", p.style.transformStyle = "preserve-3d", p.style.pointerEvents = "none", o.appendChild(p), this.getSize = function() {
+  }, a = document.createElement("div");
+  a.style.overflow = "hidden", this.domElement = a;
+  let n = document.createElement("div");
+  n.style.WebkitTransformStyle = "preserve-3d", n.style.transformStyle = "preserve-3d", n.style.pointerEvents = "none", a.appendChild(n), this.getSize = function() {
     return {
-      width: g,
-      height: C
+      width: x,
+      height: S
     };
   }, this.setSize = function(t, e) {
-    g = t, C = e, W = g / 2, v = C / 2, o.style.width = t + "px", o.style.height = e + "px", p.style.width = t + "px", p.style.height = e + "px";
+    x = t, S = e, M = x / 2, g = S / 2, a.style.width = t + "px", a.style.height = e + "px", n.style.width = t + "px", n.style.height = e + "px";
   };
-  function l(t) {
+  function r(t) {
     return Math.abs(t) < 1e-10 ? 0 : t;
   }
-  function S(t) {
+  function O(t) {
     let e = t.elements;
-    return "matrix3d(" + l(e[0]) + "," + l(-e[1]) + "," + l(e[2]) + "," + l(e[3]) + "," + l(e[4]) + "," + l(-e[5]) + "," + l(e[6]) + "," + l(e[7]) + "," + l(e[8]) + "," + l(-e[9]) + "," + l(e[10]) + "," + l(e[11]) + "," + l(e[12]) + "," + l(-e[13]) + "," + l(e[14]) + "," + l(e[15]) + ")";
+    return "matrix3d(" + r(e[0]) + "," + r(-e[1]) + "," + r(e[2]) + "," + r(e[3]) + "," + r(e[4]) + "," + r(-e[5]) + "," + r(e[6]) + "," + r(e[7]) + "," + r(e[8]) + "," + r(-e[9]) + "," + r(e[10]) + "," + r(e[11]) + "," + r(e[12]) + "," + r(-e[13]) + "," + r(e[14]) + "," + r(e[15]) + ")";
   }
-  function b(t, e) {
-    let r = t.elements;
-    return "translate(-50%,-50%)" + ("matrix3d(" + l(r[0]) + "," + l(r[1]) + "," + l(r[2]) + "," + l(r[3]) + "," + l(-r[4]) + "," + l(-r[5]) + "," + l(-r[6]) + "," + l(-r[7]) + "," + l(r[8]) + "," + l(r[9]) + "," + l(r[10]) + "," + l(r[11]) + "," + l(r[12]) + "," + l(r[13]) + "," + l(r[14]) + "," + l(r[15]) + ")");
+  function W(t, e) {
+    let l = t.elements;
+    return "translate(-50%,-50%)" + ("matrix3d(" + r(l[0]) + "," + r(l[1]) + "," + r(l[2]) + "," + r(l[3]) + "," + r(-l[4]) + "," + r(-l[5]) + "," + r(-l[6]) + "," + r(-l[7]) + "," + r(l[8]) + "," + r(l[9]) + "," + r(l[10]) + "," + r(l[11]) + "," + r(l[12]) + "," + r(l[13]) + "," + r(l[14]) + "," + r(l[15]) + ")");
   }
   function E(t) {
     var e;
     if (t.isCSS3DObject) {
-      const r = (e = t.mode) != null ? e : "front";
-      (!m || r === m) && (t.element.style.display = "none");
+      const l = (e = t.mode) != null ? e : "front";
+      (!p || l === p) && (t.element.style.display = "none");
     }
-    for (let r = 0, y = t.children.length; r < y; r++)
-      E(t.children[r]);
+    for (let l = 0, h = t.children.length; l < h; l++)
+      E(t.children[l]);
   }
-  function M(t, e, r, y, c) {
-    var h;
+  function D(t, e, l, h, v) {
+    var u;
     if (t.visible === !1) {
       E(t);
       return;
     }
     if (t.isCSS3DObject) {
-      const i = (h = t.mode) != null ? h : "front";
-      if (m && i !== m)
+      const i = (u = t.mode) != null ? u : "front";
+      if (p && i !== p)
         return;
-      t.flag = c;
-      const f = t.layers.test(r.layers) === !0, a = t.element;
-      if (a.style.display = f === !0 ? "" : "none", f) {
-        t.onBeforeRender(u, e, r);
+      t.flag = v;
+      const d = t.layers.test(l.layers) === !0, m = t.element;
+      if (m.style.display = d === !0 ? "" : "none", d) {
+        t.onBeforeRender(y, e, l);
         let s;
-        t.isCSS3DSprite ? (d.copy(r.matrixWorldInverse), d.transpose(), d.copyPosition(t.matrixWorld), d.scale(t.scale), d.elements[3] = 0, d.elements[7] = 0, d.elements[11] = 0, d.elements[15] = 1, s = b(d)) : s = b(t.matrixWorld);
-        let D = n.objects.get(t);
-        if (D === void 0 || D.style !== s) {
-          a.style.WebkitTransform = s, a.style.transform = s;
-          let w = { style: s };
-          n.objects.set(t, w);
+        t.isCSS3DSprite ? (o.copy(l.matrixWorldInverse), o.transpose(), o.copyPosition(t.matrixWorld), o.scale(t.scale), o.elements[3] = 0, o.elements[7] = 0, o.elements[11] = 0, o.elements[15] = 1, s = W(o)) : s = W(t.matrixWorld);
+        let b = f.objects.get(t);
+        if (b === void 0 || b.style !== s) {
+          m.style.WebkitTransform = s, m.style.transform = s;
+          let _ = { style: s };
+          f.objects.set(t, _);
         }
-        a.style.display = t.visible ? "" : "none", a.parentNode !== p && p.appendChild(a), t.onAfterRender(u, e, r);
+        m.style.display = t.visible ? "" : "none", m.parentNode !== n && n.appendChild(m), t.onAfterRender(y, e, l);
       }
     }
-    for (let i = 0, f = t.children.length; i < f; i++)
-      M(t.children[i], e, r, y, c);
+    for (let i = 0, d = t.children.length; i < d; i++)
+      D(t.children[i], e, l, h, v);
   }
   this.render = function(t, e) {
-    let r = e.projectionMatrix.elements[5] * v;
-    if (n.camera.fov !== r && (e.isPerspectiveCamera ? (o.style.WebkitPerspective = r + "px", o.style.perspective = r + "px") : (o.style.WebkitPerspective = "", o.style.perspective = ""), n.camera.fov = r), t.autoUpdate === !0 && t.updateMatrixWorld(), e.parent === null && e.updateMatrixWorld(), e.isOrthographicCamera)
-      var y = -(e.right + e.left) / 2, c = (e.top + e.bottom) / 2;
-    let h = e.isOrthographicCamera ? "scale(" + r + ")translate(" + l(y) + "px," + l(c) + "px)" + S(e.matrixWorldInverse) : "translateZ(" + r + "px)" + S(e.matrixWorldInverse), i = h + "translate(" + W + "px," + v + "px)";
-    n.camera.style !== i && (p.style.WebkitTransform = i, p.style.transform = i, n.camera.style = i);
-    const f = t.uuid + "_" + performance.now().toString();
-    M(t, t, e, h, f), n.objects.forEach(function(a, s) {
-      s.flag !== f && (s.element.remove(), n.objects.delete(s));
-    });
-  }, this.sceneRender = function(t, e) {
-    let r = e.projectionMatrix.elements[5] * v;
-    if (n.camera.fov !== r && (e.isPerspectiveCamera ? (o.style.WebkitPerspective = r + "px", o.style.perspective = r + "px") : (o.style.WebkitPerspective = "", o.style.perspective = ""), n.camera.fov = r), e.parent === null && e.updateMatrixWorld(), e.isOrthographicCamera)
-      var y = -(e.right + e.left) / 2, c = (e.top + e.bottom) / 2;
-    let h = e.isOrthographicCamera ? "scale(" + r + ")translate(" + l(y) + "px," + l(c) + "px)" + S(e.matrixWorldInverse) : "translateZ(" + r + "px)" + S(e.matrixWorldInverse), i = h + "translate(" + W + "px," + v + "px)";
-    n.camera.style !== i && (p.style.WebkitTransform = i, p.style.transform = i, n.camera.style = i);
-    const f = performance.now().toString();
-    t.forEach((a) => {
-      a.autoUpdate === !0 && a.updateMatrixWorld(), M(a, a, e, h, f);
-    }), n.objects.forEach(function(a, s) {
-      s.flag !== f && (s.element.remove(), n.objects.delete(s));
+    let l = e.projectionMatrix.elements[5] * g;
+    if (f.camera.fov !== l && (e.isPerspectiveCamera ? (a.style.WebkitPerspective = l + "px", a.style.perspective = l + "px") : (a.style.WebkitPerspective = "", a.style.perspective = ""), f.camera.fov = l), t.autoUpdate === !0 && t.updateMatrixWorld(), e.parent === null && e.updateMatrixWorld(), e.isOrthographicCamera)
+      var h = -(e.right + e.left) / 2, v = (e.top + e.bottom) / 2;
+    let u = e.isOrthographicCamera ? "scale(" + l + ")translate(" + r(h) + "px," + r(v) + "px)" + O(e.matrixWorldInverse) : "translateZ(" + l + "px)" + O(e.matrixWorldInverse), i = u + "translate(" + M + "px," + g + "px)";
+    f.camera.style !== i && (n.style.WebkitTransform = i, n.style.transform = i, f.camera.style = i);
+    const d = t.uuid + "_" + performance.now().toString();
+    D(t, t, e, u, d), f.objects.forEach(function(m, s) {
+      s.flag !== d && (s.element.remove(), f.objects.delete(s));
     });
   };
 };
 export {
-  x as CSS3DObject,
+  c as CSS3DObject,
   I as CSS3DRenderer,
-  O as CSS3DSprite
+  C as CSS3DSprite
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.70.2-alpha.1",
+  "version": "3.70.3",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",