@realsee/dnalogel 3.70.0 → 3.70.2-alpha.1

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

@@ -1,48 +1,49 @@
 var A = Object.defineProperty;
-var H = (m, r, t) => r in m ? A(m, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[r] = t;
-var o = (m, r, t) => (H(m, typeof r != "symbol" ? r + "" : r, t), t);
-import { Vector3 as n } from "three";
+var F = (m, r, t) => r in m ? A(m, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[r] = t;
+var o = (m, r, t) => (F(m, typeof r != "symbol" ? r + "" : r, t), t);
+import { Vector3 as s } from "three";
 import { even as M } from "../even.js";
-import { OpecityMesh as N } from "./OpacityMesh.js";
-import { centerPoint as R } from "../three/centerPoint.js";
+import { OpecityMesh as H } from "./OpacityMesh.js";
+import { centerPoint as N } from "../three/centerPoint.js";
 import "../tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../three/PointSelector/index.js";
-import { CSS3DObject as T } from "../three/CSS3DRenderer/index.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import { CSS3DObject as R } from "../three/CSS3DRenderer/index.js";
+import { addFrontScene as T, addBehindScene as z, removeFrontScene as B, removeBehindScene as k } from "./index.js";
 import "@realsee/five/line";
 import { isNil as O } from "../isNil.js";
 import "../three/core/Five_LineMaterial2.js";
 import "../three/core/Sphere.js";
 import "../three/blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../five/FivePuppet.js";
-const $ = 1, V = `CSS3DObject@${$}`, z = 216e-5, F = 3e-3;
-class nt extends T {
+const $ = 1, V = `CSS3DObject@${$}`, q = 216e-5, I = 3e-3;
+class lt extends R {
   constructor(t) {
-    var b, f, v, S, _;
+    var g, x, v, S, _;
     if (O(t.cornerPoints) && O(t.width))
       throw new Error("cornerPoints and width cannot be both empty");
-    const i = (b = t.container) != null ? b : document.createElement("div"), s = (f = t.cornerPoints) != null ? f : (() => {
+    const i = (g = t.container) != null ? g : document.createElement("div"), n = (x = t.cornerPoints) != null ? x : (() => {
       const e = t.width / 2;
       return [
-        new n(-e, e, 0),
-        new n(-e, -e, 0),
-        new n(e, -e, 0),
-        new n(e, e, 0)
+        new s(-e, e, 0),
+        new s(-e, -e, 0),
+        new s(e, -e, 0),
+        new s(e, e, 0)
       ];
-    })(), c = (v = t.ratio) != null ? v : F, w = (S = t.dpr) != null ? S : 1, j = (_ = t.pointerEvents) != null ? _ : "auto", h = Math.max(z, c), a = s[0].distanceTo(s[1]), y = s[1].distanceTo(s[2]);
-    let l = M(a / c * w), d = M(y / c * w);
-    const u = R(...s);
+    })(), c = (v = t.ratio) != null ? v : I, u = (S = t.dpr) != null ? S : 1, j = (_ = t.pointerEvents) != null ? _ : "auto", h = Math.max(q, c), a = n[0].distanceTo(n[1]), y = n[1].distanceTo(n[2]);
+    let d = M(a / c * u), l = M(y / c * u);
+    const f = N(...n);
     let p;
     if (h === c)
-      i.style.width = `${l}px`, i.style.height = `${d}px`, p = i;
+      i.style.width = `${d}px`, i.style.height = `${l}px`, p = i;
     else {
       const e = document.createElement("div");
-      e.style.width = `${l}px`, e.style.height = `${d}px`, e.style.pointerEvents = "none";
+      e.style.width = `${d}px`, e.style.height = `${l}px`, e.style.pointerEvents = "none";
       const E = c / h;
-      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${E * l}px`, i.style.height = `${E * d}px`, e.appendChild(i), p = e;
+      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${E * d}px`, i.style.height = `${E * l}px`, e.appendChild(i), p = e;
     }
     super(p);
     o(this, "version", $);
@@ -61,17 +62,17 @@ class nt extends T {
     o(this, "ratio");
     o(this, "_mode", "front");
     o(this, "_opacityMesh");
-    if (p.id = this.id.toString(), i.style.pointerEvents = j, Object.assign(i.style, t.style), this.scale.set(h, h, h), this.cornerPoints = s, this.ratio = c, this.container = i, t.mode && (this.mode = t.mode), h === c)
-      this.width = a, this.height = y, this.centerPosition = u;
+    if (p.id = this.id.toString(), i.style.pointerEvents = j, Object.assign(i.style, t.style), this.scale.set(h, h, h), this.cornerPoints = n, this.ratio = c, this.container = i, t.mode && (this.mode = t.mode), h === c)
+      this.width = a, this.height = y, this.centerPosition = f;
     else {
       const e = c / h;
-      this.width = e * a, this.height = e * y, l = e * l, d = e * d, this.centerPosition = new n().subVectors(u, s[0]).multiplyScalar(e).add(s[0]);
+      this.width = e * a, this.height = e * y, d = e * d, l = e * l, this.centerPosition = new s().subVectors(f, n[0]).multiplyScalar(e).add(n[0]);
     }
-    this.domWidthPx = l, this.domHeightPx = d, i.classList.add(`${V}__container`);
-    const D = new n().subVectors(s[1], s[0]), P = new n().subVectors(s[3], s[0]), W = new n().crossVectors(D, P).normalize();
+    this.domWidthPx = d, this.domHeightPx = l, i.classList.add(`${V}__container`);
+    const D = new s().subVectors(n[1], n[0]), w = new s().subVectors(n[3], n[0]), W = new s().crossVectors(D, w).normalize();
     this.lookAt(W);
-    const g = this.up.clone().applyQuaternion(this.quaternion), x = P.clone(), C = new n().crossVectors(g, x).normalize();
-    this.rotateOnWorldAxis(C, g.angleTo(x)), this.position.copy(u), this._opacityMesh = new N(l, d), this._opacityMesh.visible = t.mode === "behind", this.add(this._opacityMesh);
+    const P = this.up.clone().applyQuaternion(this.quaternion), b = w.clone(), C = new s().crossVectors(P, b).normalize();
+    this.rotateOnWorldAxis(C, P.angleTo(b)), this.position.copy(f), this._opacityMesh = new H(d, l), this._opacityMesh.visible = t.mode === "behind", this.add(this._opacityMesh), t.mode === "front" ? T(this) : t.mode === "behind" && z(this);
   }
   get mode() {
     return this._mode;
@@ -84,9 +85,9 @@ class nt extends T {
     return t !== null && t.remove(this), this;
   }
   dispose() {
-    this.container.remove(), this.removeFromParent();
+    this.container.remove(), this.removeFromParent(), this.mode === "front" ? B(this) : this.mode === "behind" && k(this);
   }
 }
 export {
-  nt as CSS3DObjectPlus
+  lt as CSS3DObjectPlus
 };

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

@@ -1,5 +1,6 @@
 import { CSS3DRenderer } from '../three/CSS3DRenderer';
 import type * as THREE from 'three';
+import type { CSS3DObjectPlus } from './CSS3DObject';
 export declare class ICSS3DRenderer extends CSS3DRenderer {
     wrapper?: Element;
     domElementWrapper: HTMLDivElement;
@@ -9,6 +10,7 @@ export declare class ICSS3DRenderer extends CSS3DRenderer {
     setWrapper(wrapper: Element): this;
     appendToElement(wrapper: Element): void;
     renderEveryFrame(scene: THREE.Scene, camera: THREE.Camera): void;
+    renderCss3dObjectEveryFrame(scenes: THREE.Scene[] | Map<string, THREE.Scene | CSS3DObjectPlus>, camera: THREE.Camera): void;
     stopRender(): void;
     dispose(): void;
 }

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

@@ -1,42 +1,52 @@
-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);
+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);
 import { CSS3DRenderer as d } from "../three/CSS3DRenderer/index.js";
 import { createResizeObserver as h } from "../createResizeObserver.js";
-class W extends d {
+class f extends d {
   constructor(e) {
     super(e);
-    n(this, "wrapper");
-    n(this, "domElementWrapper", document.createElement("div"));
-    n(this, "requestAnimationFrameId");
-    n(this, "resizeDisoper");
+    o(this, "wrapper");
+    o(this, "domElementWrapper", document.createElement("div"));
+    o(this, "requestAnimationFrameId");
+    o(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 s = 0; s < e.children.length; s++)
-        if (e.children.item(s) === this.domElementWrapper)
+      for (let i = 0; i < e.children.length; i++)
+        if (e.children.item(i) === this.domElementWrapper)
           return !0;
       return !1;
     })())
       return;
-    const r = this.wrapper;
-    return r && r.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
+    const t = this.wrapper;
+    return t && t.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
   }
   appendToElement(e) {
     e.appendChild(this.domElementWrapper);
-    const o = (m, p) => this.setSize(m, p), { observe: r, unobserve: s } = h(this.domElementWrapper, o, !0);
-    r(), this.resizeDisoper = s, this.wrapper = e;
+    const n = (m, a) => this.setSize(m, a), { observe: t, unobserve: i } = h(this.domElementWrapper, n, !0);
+    t(), this.resizeDisoper = i, this.wrapper = e;
   }
-  renderEveryFrame(e, o) {
+  renderEveryFrame(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 r = () => {
-      this.requestAnimationFrameId = requestAnimationFrame(r), e.visible && this.render(e, o);
+    const t = () => {
+      this.requestAnimationFrameId = requestAnimationFrame(t), e.visible && this.render(e, n);
     };
-    r();
+    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();
   }
   stopRender() {
     this.requestAnimationFrameId && cancelAnimationFrame(this.requestAnimationFrameId);
@@ -47,5 +57,5 @@ class W extends d {
   }
 }
 export {
-  W as ICSS3DRenderer
+  f as ICSS3DRenderer
 };

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

@@ -1,2 +1,41 @@
 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,32 +1,76 @@
-import { ICSS3DRenderer as a } from "./CSS3DRenderer.js";
+import { ICSS3DRenderer as f } from "./CSS3DRenderer.js";
 import { waitFiveModelLoaded as c } from "../five/fiveModelLoad.js";
-import m from "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { globalStore as o } from "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-let n = [null, null, () => null];
-function E(e) {
-  var i;
-  if (n) {
-    if (n[0] === e)
-      return n[2];
-    (i = n[1]) == null || i.dispose();
+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) {
+  var s;
+  if (o) {
+    if (o[0] === e)
+      return o[2];
+    (s = o[1]) == null || s.dispose();
   }
-  const r = new a("front");
-  r.domElementWrapper.style.zIndex = "1";
-  const t = new a("behind");
+  const n = new f("front");
+  n.domElementWrapper.style.zIndex = "1";
+  const r = new f("behind");
   c(e).then(() => {
-    var p;
-    const d = (p = e.getElement()) == null ? void 0 : p.parentElement, l = m(e);
+    var u;
+    const d = (u = e.getElement()) == null ? void 0 : u.parentElement, a = p(e);
     if (!d)
       return console.error("initialCSS3DRender: five element is not exist"), () => null;
-    if (r.appendToElement(d), o.frontModeStore.css3DScene && r.renderEveryFrame(o.frontModeStore.css3DScene, e.camera), !l)
+    if (n.appendToElement(d), n.renderCss3dObjectEveryFrame(t, e.camera), !a)
       return console.error("initialCSS3DRender: behindWrapper is not exist"), () => null;
-    t.appendToElement(l), o.behindModeStore.css3DScene && t.renderEveryFrame(o.behindModeStore.css3DScene, e.camera);
+    r.appendToElement(a), r.renderCss3dObjectEveryFrame(i, e.camera);
   });
-  const s = () => {
-    r.dispose(), t.dispose();
+  const l = () => {
+    n.dispose(), r.dispose(), h();
   };
-  return n = [e, r, s], s;
+  return o = [e, n, l], l;
 }
 export {
-  E as initialCSS3DRender
+  b as addBehindScene,
+  F as addFrontScene,
+  g as initialCSS3DRender,
+  w as removeBehindScene,
+  R as removeFrontScene
 };

package/libs/shared-utils/Object3DHelper/Controller/ScaleController.js

@@ -1,52 +1,52 @@
 var M = Object.defineProperty;
-var w = (m, p, e) => p in m ? M(m, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[p] = e;
-var u = (m, p, e) => (w(m, typeof p != "symbol" ? p + "" : p, e), e);
-import { BaseController as F } from "../Base/BaseController.js";
+var F = (f, p, e) => p in f ? M(f, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[p] = e;
+var g = (f, p, e) => (F(f, typeof p != "symbol" ? p + "" : p, e), e);
+import { BaseController as w } from "../Base/BaseController.js";
 import { RENDER_ORDER as D } from "../Constants/RenderOrder.js";
 import * as a from "three";
-import { getMouseRaycaster as S } from "../utils/getMouseRaycaster.js";
-import { SolidGuideLine as x } from "../utils/solidGuide.js";
+import { getMouseRaycaster as G } from "../utils/getMouseRaycaster.js";
+import { SolidGuideLine as S } from "../utils/solidGuide.js";
 import { rayOnLine as y } from "../../../Sculpt/utils/three/rayOnLine.js";
 import { worldBoundingBox as O } from "../../three/boundingBox.js";
 var j, P;
-class B extends F {
+class B extends w {
   constructor(...e) {
     super(...e);
-    u(this, "name", "ScaleController");
+    g(this, "name", "ScaleController");
     /** 拖拽时用于显示方向参考的直线（使用 Line 实现无限长穿透整个平面的直线） */
-    u(this, "dragGuideLine");
+    g(this, "dragGuideLine");
     /** 当前拖拽时显示的面片 */
-    u(this, "currentFacePatch");
-    u(this, "solidGuide", new x(
+    g(this, "currentFacePatch");
+    g(this, "solidGuide", new S(
       this.camera,
       this.container,
       (P = (j = this.config) == null ? void 0 : j.solidGuide) != null ? P : {}
     ));
-    u(this, "startInfo");
-    u(this, "dragStart", (e) => {
+    g(this, "startInfo");
+    g(this, "dragStart", (e) => {
       if (this.isDragging)
         return;
       this.isDragging = !0;
-      const { intersect: t } = e, r = this.camera.position, s = new Set(this.helperObject3D.scaleMeshes.map((l) => l.uuid));
+      const { intersect: t } = e, r = this.camera.position, s = new Set(this.helperObject3D.scaleMeshes.map((u) => u.uuid));
       let i = t.object;
       for (; i.parent && !s.has(i.uuid); )
         i = i.parent;
-      const o = i, n = o.scalePosition.basePosition.clone(), c = o.scalePosition.handlePosition.clone(), h = c.clone().sub(n).clone(), d = new a.Line3(n, n.clone().add(h.normalize().multiplyScalar(5)));
-      d.applyMatrix4(this.helperObject3D.matrixWorld);
-      const g = new a.Raycaster(r, t.point.clone().sub(r)), f = y({ raycaster: g, line: d });
-      this.startInfo = { line: d, scaleStartPoint: f, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((l) => {
-        l.uuid !== o.uuid && (l.visible = !1);
+      const o = i, n = o.scalePosition.basePosition.clone(), c = o.scalePosition.handlePosition.clone(), d = c.clone().sub(n).clone(), h = new a.Line3(n, n.clone().add(d.normalize().multiplyScalar(5)));
+      h.applyMatrix4(this.helperObject3D.matrixWorld);
+      const l = new a.Raycaster(r, t.point.clone().sub(r)), m = y({ raycaster: l, line: h });
+      this.startInfo = { line: h, scaleStartPoint: m, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((u) => {
+        u.uuid !== o.uuid && (u.visible = !1);
       }), "hideLineConnections" in this.helperObject3D && typeof this.helperObject3D.hideLineConnections == "function" && this.helperObject3D.hideLineConnections();
       try {
         this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
-        const l = O(this.originObject3D), v = l ? l.getCenter(new a.Vector3()) : this.originObject3D.getWorldPosition(new a.Vector3()), L = c.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(v).normalize(), E = v, b = this.solidGuide.createSolidLine(E, L, { color: 16777215, renderOrder: D.DRAG_GUIDE_LINE });
+        const u = O(this.originObject3D), v = u ? u.getCenter(new a.Vector3()) : this.originObject3D.getWorldPosition(new a.Vector3()), L = c.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(v).normalize(), E = v, b = this.solidGuide.createSolidLine(E, L, { color: 16777215, renderOrder: D.DRAG_GUIDE_LINE });
         this.scene.add(b), this.dragGuideLine = b, this.addFaceMesh();
-      } catch (l) {
+      } catch (u) {
       }
       o.visible = !0, this.hooks.emit("scaleStart");
     });
-    u(this, "dragging", (e) => {
-      const t = "touches" in e ? e.touches[0].clientX : e.x, r = "touches" in e ? e.touches[0].clientY : e.y, s = S(this.camera, { x: t, y: r }, this.container);
+    g(this, "dragging", (e) => {
+      const t = "touches" in e ? e.touches[0].clientX : e.x, r = "touches" in e ? e.touches[0].clientY : e.y, s = G(this.camera, { x: t, y: r }, this.container);
       if (!this.isDragging) {
         s && this.addHoverFaceMesh(s);
         return;
@@ -54,7 +54,7 @@ class B extends F {
       if (this.startInfo)
         return s ? (this.scale(s), this.updateDragGuideLineDirection(), this.removeFaceMesh(), this.addFaceMesh(), !1) : this.dragEnd();
     });
-    u(this, "scale", (e) => {
+    g(this, "scale", (e) => {
       var n, c;
       if (!this.startInfo)
         return;
@@ -65,7 +65,7 @@ class B extends F {
         offset: o.clone().sub(r)
       }), s.position.copy(o.clone()), this.hooks.emit("scale", new a.Vector3(1, 1, 1));
     });
-    u(this, "dragEnd", () => {
+    g(this, "dragEnd", () => {
       if (this.isDragging) {
         if (this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.scaleMeshes.forEach((e) => {
           e.visible = !0;
@@ -103,58 +103,59 @@ class B extends F {
     return e;
   }
   addHoverFaceMesh(e) {
-    var n;
-    this.removeFaceMesh();
-    const t = (n = this.originObject3D.parent) == null ? void 0 : n.getWorldFacesGeometry(), r = this.helperObject3D.scaleMeshes, s = this.getMoveMeshes();
+    var n, c;
+    if (this.removeFaceMesh(), !((n = this.originObject3D.parent) != null && n.getWorldFacesGeometry))
+      return;
+    const t = (c = this.originObject3D.parent) == null ? void 0 : c.getWorldFacesGeometry(), r = this.helperObject3D.scaleMeshes, s = this.getMoveMeshes();
     if (e.intersectObjects(s, !1), e.intersectObjects(s, !1).length > 0)
       return;
     let i = null, o = null;
-    for (const c of r) {
-      if (!c.visible)
+    for (const d of r) {
+      if (!d.visible)
         continue;
-      const h = e.intersectObject(c, !1);
+      const h = e.intersectObject(d, !1);
       if (h && h.length > 0) {
-        i = c, o = h[0].point.clone();
+        i = d, o = h[0].point.clone();
         break;
       }
     }
     if (i && o && Array.isArray(t) && t.length > 0) {
-      let c = null, h = 1 / 0;
-      for (const d of t) {
-        if (!d.vertices || d.vertices.length < 3)
+      let d = null, h = 1 / 0;
+      for (const l of t) {
+        if (!l.vertices || l.vertices.length < 3)
           continue;
-        const g = new a.Vector3();
-        for (const l of d.vertices)
-          g.add(l);
-        g.divideScalar(d.vertices.length);
-        const f = o.distanceTo(g);
-        f < h && (h = f, c = d);
+        const m = new a.Vector3();
+        for (const v of l.vertices)
+          m.add(v);
+        m.divideScalar(l.vertices.length);
+        const u = o.distanceTo(m);
+        u < h && (h = u, d = l);
       }
-      c && this.addFacePatch(c);
+      d && this.addFacePatch(d);
     }
   }
   addFaceMesh() {
-    var r, s;
+    var r, s, i;
     const e = (r = this.startInfo) == null ? void 0 : r.draggingObject;
-    if (!e)
+    if (!e || !((s = this.originObject3D.parent) != null && s.getWorldFacesGeometry))
       return;
-    const t = (s = this.originObject3D.parent) == null ? void 0 : s.getWorldFacesGeometry();
+    const t = (i = this.originObject3D.parent) == null ? void 0 : i.getWorldFacesGeometry();
     if (t && t.length > 0) {
-      const i = e.getWorldPosition(new a.Vector3());
-      let o = 1 / 0, n = t[0];
-      for (const c of t) {
-        const h = c.center;
-        let d;
+      const o = e.getWorldPosition(new a.Vector3());
+      let n = 1 / 0, c = t[0];
+      for (const d of t) {
+        const h = d.center;
+        let l;
         if (h instanceof a.Vector3)
-          d = h;
+          l = h;
         else if (Array.isArray(h) && h.length === 3)
-          d = new a.Vector3(h[0], h[1], h[2]);
+          l = new a.Vector3(h[0], h[1], h[2]);
         else
           continue;
-        const g = d.distanceTo(i);
-        g < o && (o = g, n = c);
+        const m = l.distanceTo(o);
+        m < n && (n = m, c = d);
       }
-      this.addFacePatch(n);
+      this.addFacePatch(c);
     }
   }
   removeFaceMesh() {
@@ -165,9 +166,9 @@ class B extends F {
     }
   }
   setScale(e) {
-    var n, c, h;
+    var n, c, d;
     let t = 1, r = 1, s = 1;
-    typeof e == "number" ? (t = e, r = e, s = e) : typeof e == "object" && (t = (n = e.x) != null ? n : 1, r = (c = e.y) != null ? c : 1, s = (h = e.z) != null ? h : 1);
+    typeof e == "number" ? (t = e, r = e, s = e) : typeof e == "object" && (t = (n = e.x) != null ? n : 1, r = (c = e.y) != null ? c : 1, s = (d = e.z) != null ? d : 1);
     const i = new a.Vector3(t, r, s);
     this.hooks.emit("wantToScale", i) || (this.originObject3D.scale.copy(i), this.internalHooks.emit("setObjectScale", i), this.hooks.emit("scale", i), this.render());
   }

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

@@ -4,13 +4,13 @@ import "../three/PointSelector/index.js";
 import "../tag.js";
 import "../three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "./FivePuppet.js";
 import "@realsee/five/line";
 import "../three/core/Five_LineMaterial2.js";
 import "../three/core/Sphere.js";
 import "../three/blink.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 function g(e) {
   return e.model ? e.work ? e.model.loaded ? e.model.name !== e.work.model.file ? { result: !1, msg: "five.model.name 与 five.work.model.file 不一致" } : { result: !0, msg: "" } : { result: !1, msg: "five.model 未加载完成" } : { result: !1, msg: "five 数据未加载" } : { result: !1, msg: "five.model 不存在" };
 }

package/libs/shared-utils/five/initialCSS3DRender.js

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

package/libs/shared-utils/five/lookObject.js

@@ -34,13 +34,13 @@ import { FiveUtil as Y } from "../Utils/FiveUtil.js";
 import { notNil as k } from "../isNil.js";
 import "../three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "./FivePuppet.js";
 import "@realsee/five/line";
 import "../three/core/Five_LineMaterial2.js";
 import { worldBoundingSphere as j } from "../three/boundingBox.js";
 import "../three/blink.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 function rt(o, e, t) {
   return g(this, null, function* () {
     var P, x, z;

package/libs/shared-utils/index.js

@@ -6,8 +6,8 @@ import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "./five/FivePuppet.js";
 import "./three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "@realsee/five/line";
 import "./three/core/Five_LineMaterial2.js";
 import "./three/core/Sphere.js";
 import "./three/blink.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.70.0",
+    "%c %c@realsee/dnalogel %cv3.70.2-alpha.1",
     [
       "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/tag.js

@@ -30,12 +30,12 @@ import "./three/PointSelector/index.js";
 import "./three/CSS3DRenderer/index.js";
 import { waitFiveModelLoaded as F } from "./five/fiveModelLoad.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "@realsee/five/line";
 import "./three/core/Five_LineMaterial2.js";
 import "./three/core/Sphere.js";
 import "./three/blink.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "./five/FivePuppet.js";
 const M = new E();
 class R {

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

@@ -1,5 +1,6 @@
 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;
@@ -18,4 +19,5 @@ export declare class CSS3DRenderer {
     };
     setSize(width: number, height: number): void;
     render(scene: Scene, camera: Camera): void;
+    sceneRender(scenes: Scene[] | CSS3DObjectPlus[], camera: Camera): void;
 }