@realsee/dnalogel 3.67.9-alpha.2 → 3.67.10

package/libs/PanoTagPlugin/utils/tag/format.js

@@ -1,85 +1,20 @@
-import "../../../shared-utils/tag.js";
-import "three";
-import "../../../vendor/hammerjs/hammer.js";
-import "../../../shared-utils/three/PointSelector/index.js";
-import "../../../shared-utils/three/CSS3DRenderer/index.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
-import "../../../shared-utils/three/core/Sphere.js";
-import "../../../vendor/animejs/lib/anime.es.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { PANO_TAG_DEFAULT_LINK_ICON as e } from "../../../shared-utils/url/defaultUrls.js";
-import "../../../shared-utils/five/FivePuppet.js";
-import "../../../shared-utils/positionToVector3.js";
-import "../../../shared-utils/five/vector3ToScreen.js";
-import "../../../shared-utils/five/getFiveModel.js";
-import "../../../shared-utils/Utils/FiveUtil.js";
-import "../../../shared-utils/Utils/BaseUtil.js";
-import "../../../shared-utils/Subscribe.js";
-import "../../../shared-utils/Utils/WorkUtil.js";
-import "../../../shared-utils/five/transformPosition.js";
-import "../../../shared-utils/three/temp.js";
-import "../../../shared-utils/three/core/Raycaster.js";
-import "../../../shared-utils/dom/resizeObserver.js";
-import "../../../shared-utils/five/fiveEveryReadyListener.js";
-import "../../../shared-utils/throttle.js";
-import "../../../shared-utils/five/fiveModelLoad.js";
-import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
-import "../../../shared-utils/three/Magnifier.js";
-import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
-import "../../../shared-utils/three/Assets/index.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../../../shared-utils/even.js";
-import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
-import "../../../shared-utils/three/centerPoint.js";
-import "../../../shared-utils/three/getObjectVisible.js";
-import "../../../shared-utils/isNil.js";
-import "../../../shared-utils/three/PointSelector/utils/html.js";
-import "../../../shared-utils/CSS3DRender/index.js";
-import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../../../shared-utils/createResizeObserver.js";
-import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
-import "../../../Sculpt/Meshes/Line.js";
-import "../../../Sculpt/typings/style.js";
-import "../../../shared-utils/three/IObject3D.js";
-import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
-import "../../../shared-utils/three/applyObjectMatrixWorld.js";
-import "../../../shared-utils/util.js";
-import "../../../shared-utils/three/core/LineGeometry.js";
-import "../../../shared-utils/three/core/LineMaterial.js";
-import "../../../shared-utils/three/core/Line2.js";
-import "../../../shared-utils/three/core/LineMaterial2.js";
-import "../../../Sculpt/utils/unit.js";
-import "../../../Sculpt/utils/renderDom.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
-import "../../../shared-utils/isTouchDevice.js";
-import "../../../shared-utils/five/getPosition.js";
-import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
-import "../../../shared-utils/three/PointSelector/utils/contents.js";
-import "../../../Sculpt/utils/three/rayOnLine.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "@realsee/five";
-function n(i) {
-  return i.stickType ? i.stickType : i.pointType === "PointTag" && i.dimensionType === "3D" ? "3DPoint" : i.pointType === "PlaneTag" ? "Plane" : "2DPoint";
+function o(e) {
+  return e.stickType ? e.stickType : e.pointType === "PointTag" && e.dimensionType === "3D" ? "3DPoint" : e.pointType === "PlaneTag" ? "Plane" : "2DPoint";
 }
-function Pi(i) {
-  var r, o, p, m;
-  if (i.stickType || (i.stickType = n(i)), i.contentType === "VRLink" || i.contentType === "PanoLink" || i.contentType === "Link") {
-    const t = i;
-    !((o = (r = t.data) == null ? void 0 : r.icon) != null && o.url) && !((m = (p = t.style) == null ? void 0 : p.point) != null && m.url) && (t.data.icon = {
-      url: e,
+function p(e) {
+  var t, i, r, a;
+  if (e.stickType || (e.stickType = o(e)), e.contentType === "VRLink" || e.contentType === "PanoLink" || e.contentType === "Link") {
+    const n = e;
+    !((i = (t = n.data) == null ? void 0 : t.icon) != null && i.url) && !((a = (r = n.style) == null ? void 0 : r.point) != null && a.url) && (n.data.icon = {
+      url: "//vr-static.realsee-cdn.cn/release/web/test.09dee741.png",
       steps: 28
     });
   }
-  return i.extraData && (i.data ? i.data.extraData = i.extraData : i.data = {
-    extraData: i.extraData
-  }), i;
+  return e.extraData && (e.data ? e.data.extraData = e.extraData : e.data = {
+    extraData: e.extraData
+  }), e;
 }
 export {
-  Pi as default,
-  n as getTagStickType
+  p as default,
+  o as getTagStickType
 };

package/libs/Sculpt/Meshes/Prism.d.ts

@@ -6,6 +6,8 @@ import type { LineStyle } from '../typings/style';
 import type { ColoredMeshStyle } from '../utils/three/ColoredMesh';
 import ColoredMesh from '../utils/three/ColoredMesh';
 import { PrismGeometry } from '../../shared-utils/three/core/PrismGeometry';
+import { LineMesh } from './Line';
+import { type Five } from '@realsee/five';
 export type PrismStyle = ColoredMeshStyle & LineStyle;
 export interface PrismData extends AreaData {
     heightPoint: AnyPosition;
@@ -15,6 +17,9 @@ export interface PrismData extends AreaData {
  */
 export declare class PrismMesh extends IObject3D {
     name: string;
+    private five?;
+    private activeAnimations;
+    private activeEaseInAnimations;
     get topPosition(): THREE.Vector3;
     get bottomPositions(): THREE.Vector3[];
     get topPositions(): THREE.Vector3[];
@@ -45,15 +50,42 @@ export declare class PrismMesh extends IObject3D {
         center: THREE.Vector3;
     };
     protected geometryInfoNeedUpdate: boolean;
-    private edgeMesh;
+    edgeMesh: LineMesh;
     prismMesh: ColoredMesh & {
         geometry: PrismGeometry;
     };
     paramStyle: Partial<PrismStyle>;
-    constructor(params?: Partial<PrismData & PrismStyle>);
+    constructor(params?: Partial<PrismData & PrismStyle & {
+        five?: Five;
+    }>);
     setStyle(params?: Partial<PrismStyle>): void;
+    /**
+     * Check if the prism is a box (has 4 bottom positions)
+     */
+    isBox(): boolean;
     setPoints(params: Partial<PrismData>): void;
     highlight(): void;
     unhighlight(): void;
     raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): boolean;
+    /**
+     * 设置Five实例
+     * @param five Five实例
+     */
+    setFive(five: Five): void;
+    /**
+     * 播放盒子上下动画
+     * @param id 盒子项目ID
+     * @returns Promise，动画完成时解析
+     */
+    playBoxAnimation(id: string | number): Promise<void>;
+    /**
+     * 强制立即完成所有活动的盒子动画
+     * @param id 可选的盒子项目ID。如果未提供，完成所有活动的盒子动画。
+     */
+    forceFinishBoxAnimation(id?: string | number): void;
+    private playEaseInAnimation;
+    /**
+     * 显示盒子模型的最终状态（完全可见且不透明度完整）
+     */
+    private showBoxFinalState;
 }

package/libs/Sculpt/Meshes/Prism.js

@@ -1,34 +1,38 @@
-var b = Object.defineProperty;
-var d = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var c = (o, t, e) => t in o ? b(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, a = (o, t) => {
-  for (var e in t || (t = {}))
-    C.call(t, e) && c(o, e, t[e]);
-  if (d)
-    for (var e of d(t))
-      w.call(t, e) && c(o, e, t[e]);
-  return o;
+var z = Object.defineProperty;
+var w = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var b = (m, o, e) => o in m ? z(m, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[o] = e, P = (m, o) => {
+  for (var e in o || (o = {}))
+    C.call(o, e) && b(m, e, o[e]);
+  if (w)
+    for (var e of w(o))
+      E.call(o, e) && b(m, e, o[e]);
+  return m;
 };
-var s = (o, t, e) => (c(o, typeof t != "symbol" ? t + "" : t, e), e);
-import { IObject3D as V } from "../../shared-utils/three/IObject3D.js";
-import { anyPositionToVector3 as f } from "../../shared-utils/positionToVector3.js";
+var f = (m, o, e) => (b(m, typeof o != "symbol" ? o + "" : o, e), e);
+import { IObject3D as B } from "../../shared-utils/three/IObject3D.js";
+import { anyPositionToVector3 as S } from "../../shared-utils/positionToVector3.js";
 import * as i from "three";
-import { intersectWithoutLine as I } from "../../shared-utils/three/core/Raycaster.js";
-import { ColoredMesh as A } from "../utils/three/ColoredMesh.js";
-import { PrismGeometry as S } from "../../shared-utils/three/core/PrismGeometry.js";
-import { triangleArea as v, triangleCenter as E } from "../../shared-utils/three/geometryUtil.js";
+import { intersectWithoutLine as F } from "../../shared-utils/three/core/Raycaster.js";
+import { ColoredMesh as R } from "../utils/three/ColoredMesh.js";
+import { PrismGeometry as U } from "../../shared-utils/three/core/PrismGeometry.js";
+import { triangleArea as _, triangleCenter as O } from "../../shared-utils/three/geometryUtil.js";
 import { LineMesh as W } from "./Line.js";
-import { LineGeometry as N } from "../../shared-utils/three/core/LineGeometry.js";
-class H extends V {
+import { LineGeometry as G } from "../../shared-utils/three/core/LineGeometry.js";
+import { AnimationFrameLoop as T } from "@realsee/five";
+class Q extends B {
   constructor(e) {
     super();
-    s(this, "name", "PrismMesh");
-    s(this, "_geometryInfoCache");
-    s(this, "geometryInfoNeedUpdate", !0);
-    s(this, "edgeMesh", new W());
-    s(this, "prismMesh", new A());
-    s(this, "paramStyle");
-    this.prismMesh.name = "PrismMesh", this.prismMesh.geometry = new S(), this.edgeMesh.name = "EdgeMesh", this.addIfNotExists(this.prismMesh, this.edgeMesh), e && this.setPoints(e), this.setStyle(e);
+    f(this, "name", "PrismMesh");
+    f(this, "five");
+    f(this, "activeAnimations", /* @__PURE__ */ new Map());
+    f(this, "activeEaseInAnimations", /* @__PURE__ */ new Map());
+    f(this, "_geometryInfoCache");
+    f(this, "geometryInfoNeedUpdate", !0);
+    f(this, "edgeMesh", new W());
+    f(this, "prismMesh", new R());
+    f(this, "paramStyle");
+    this.five = e == null ? void 0 : e.five, this.prismMesh.name = "PrismMesh", this.prismMesh.geometry = new U(), this.edgeMesh.name = "EdgeMesh", this.addIfNotExists(this.prismMesh, this.edgeMesh), e && this.setPoints(e), this.setStyle(e);
   }
   get topPosition() {
     return new i.Vector3().fromArray(this.prismMesh.geometry.topPosition);
@@ -38,7 +42,7 @@ class H extends V {
   }
   get topPositions() {
     const e = this.bottomPositions[0].clone().sub(this.topPosition);
-    return this.bottomPositions.map((r) => r.clone().sub(e));
+    return this.bottomPositions.map((s) => s.clone().sub(e));
   }
   get style() {
     return {
@@ -72,28 +76,28 @@ class H extends V {
   get geometryInfo() {
     if (this.geometryInfoNeedUpdate) {
       this.geometryInfoNeedUpdate = !1;
-      const e = this.prismMesh.geometry.bottomPositions, r = this.prismMesh.geometry.topPosition;
-      if (!e || e.length < 3 || !r) {
+      const e = this.prismMesh.geometry.bottomPositions, s = this.prismMesh.geometry.topPosition;
+      if (!e || e.length < 3 || !s) {
         this._geometryInfoCache = void 0;
         return;
       }
-      const n = e.map((l, h) => h >= e.length - 2 ? null : [
+      const t = e.map((p, y) => y >= e.length - 2 ? null : [
         new i.Vector3().fromArray(e[0]),
-        new i.Vector3().fromArray(e[h + 1]),
-        new i.Vector3().fromArray(e[h + 2])
+        new i.Vector3().fromArray(e[y + 1]),
+        new i.Vector3().fromArray(e[y + 2])
       ]).filter(Boolean);
-      if (n.length === 0) {
+      if (t.length === 0) {
         this._geometryInfoCache = void 0;
         return;
       }
-      let g = 0, m = new i.Vector3();
-      for (const [l, h, p] of n) {
-        const y = v(l, h, p), P = E(l, h, p, y);
-        g += y, m.add(P);
+      let r = 0, a = new i.Vector3();
+      for (const [p, y, g] of t) {
+        const h = _(p, y, g), l = O(p, y, g, h);
+        r += h, a.add(l);
       }
-      m = m.divideScalar(g);
-      const u = new i.Vector3().fromArray(r).sub(new i.Vector3().fromArray(e[0])), M = m.clone().add(u.divideScalar(2));
-      this._geometryInfoCache = { center: M };
+      a = a.divideScalar(r);
+      const d = new i.Vector3().fromArray(s).sub(new i.Vector3().fromArray(e[0])), v = a.clone().add(d.divideScalar(2));
+      this._geometryInfoCache = { center: v };
     }
     return this._geometryInfoCache;
   }
@@ -110,14 +114,21 @@ class H extends V {
     return this.edgeMesh.color;
   }
   setStyle(e = {}) {
-    this.paramStyle = a(a({}, this.paramStyle), e), this.prismMesh.setStyle(this.paramStyle), this.edgeMesh.setStyle(this.paramStyle);
+    this.paramStyle = P(P({}, this.paramStyle), e), this.prismMesh.setStyle(this.paramStyle), this.edgeMesh.setStyle(this.paramStyle);
+  }
+  /**
+   * Check if the prism is a box (has 4 bottom positions)
+   */
+  isBox() {
+    const e = this.prismMesh.geometry.bottomPositions;
+    return e && e.length === 4;
   }
   setPoints(e) {
-    var r;
+    var s;
     this.prismMesh.geometry.setPosition({
-      bottomPositions: (r = e.points) == null ? void 0 : r.map(f).map((n) => n.toArray()),
-      topPosition: e.heightPoint ? f(e.heightPoint).toArray() : void 0
-    }), this.edgeMesh.geometry = new N().fromEdgesGeometry(new i.EdgesGeometry(this.prismMesh.geometry)), this.geometryInfoNeedUpdate = !0;
+      bottomPositions: (s = e.points) == null ? void 0 : s.map(S).map((t) => t.toArray()),
+      topPosition: e.heightPoint ? S(e.heightPoint).toArray() : void 0
+    }), this.edgeMesh.geometry = new G().fromEdgesGeometry(new i.EdgesGeometry(this.prismMesh.geometry)), this.geometryInfoNeedUpdate = !0;
   }
   highlight() {
     this.prismMesh.highlight();
@@ -125,10 +136,169 @@ class H extends V {
   unhighlight() {
     this.prismMesh.unhighlight();
   }
-  raycast(e, r) {
-    return this.children.forEach((n) => I(n, e, r, !0)), !1;
+  raycast(e, s) {
+    return this.children.forEach((t) => F(t, e, s, !0)), !1;
+  }
+  /**
+   * 设置Five实例
+   * @param five Five实例
+   */
+  setFive(e) {
+    this.five = e;
+  }
+  /**
+   * 播放盒子上下动画
+   * @param id 盒子项目ID
+   * @returns Promise，动画完成时解析
+   */
+  playBoxAnimation(e) {
+    return this.five ? this.isBox() ? (this.activeAnimations.has(e) && this.forceFinishBoxAnimation(e), new Promise((s) => {
+      this.prismMesh.visible = !1, this.edgeMesh.visible = !1;
+      const t = new i.Vector3(1 / 0, 1 / 0, 1 / 0), r = new i.Vector3(-1 / 0, -1 / 0, -1 / 0), a = this.bottomPositions;
+      for (const n of a)
+        t.min(n), r.max(n);
+      const d = this.topPositions;
+      for (const n of d)
+        t.min(n), r.max(n);
+      const v = r.clone().sub(t), p = new i.BoxGeometry(v.x, v.y, v.z), y = `
+      varying vec2 vUV;
+      varying vec3 vPosition;
+      #include <common>
+      void main() {
+        vUV = uv;
+        vPosition = position;
+        vec4 transformed = vec4(position, 1.0);
+        gl_Position = projectionMatrix * modelViewMatrix * transformed;
+      }
+      `, g = `
+      #include <common>
+      uniform vec3 color;
+      uniform vec3 size;
+      uniform vec2 faceSize;
+      uniform float opacity;
+      uniform float progress;
+      uniform float spread;
+      varying vec2 vUV;
+      varying vec3 vPosition;
+      void main() {
+
+        float u = vUV.x;
+        float v = vUV.y;
+        float r = 0.1 + sqrt(u * u + v * v) * 0.3;
+
+        // 边缘线
+        if (size.y * v < 0.003 || size.y * (1.0 - v) < 0.003) {
+          r += 0.8 * (1.0 - abs(u - 0.5) * 2.0);
+        }
+        if (size.x * u < 0.003 || size.x * (1.0 - u) < 0.003) {
+          r += 0.8 * (1.0 - abs(v - 0.5) * 2.0);
+        }
+
+        // 扫光动画
+        vec3 p = (vPosition + size / 2.0) / size;
+        r = r * pow(clamp(1.0 - abs(p.y - progress) / spread, 0.0, 1.0), 2.0);
+
+        gl_FragColor = vec4(color, clamp(r * opacity, 0.0, 1.0));
+      }
+      `, h = new i.ShaderMaterial({
+        vertexShader: y,
+        fragmentShader: g,
+        uniforms: {
+          color: { value: new i.Color(77 / 255, 240 / 255, 1) },
+          // 颜色
+          size: { value: v },
+          // 盒子大小
+          faceSize: { value: new i.Vector2(1, 1) },
+          // 面大小
+          opacity: { value: 0.8 },
+          // 透明度
+          progress: { value: 0.5 },
+          // 动画进度
+          spread: { value: 0.5 }
+          // 动画扩散
+        },
+        depthTest: !1,
+        side: i.DoubleSide,
+        transparent: !0
+      });
+      h.polygonOffset = !0, h.polygonOffsetFactor = 1, h.polygonOffsetUnits = 1;
+      const l = new i.Mesh(p, [
+        h.clone(),
+        // 右
+        h.clone(),
+        // 左
+        h.clone(),
+        // 上
+        h.clone(),
+        // 下
+        h.clone(),
+        // 后
+        h.clone()
+        // 前
+      ]);
+      l.position.copy(this.localCenter), l.position.applyMatrix4(this.matrixWorld), l.quaternion.copy(this.quaternion), l.onBeforeRender = () => {
+        p.boundingBox || p.computeBoundingBox();
+        const n = p.boundingBox.getSize(new i.Vector3());
+        for (let c = 0; c < 6; c++) {
+          const u = l.material[c];
+          c === 0 || c === 1 ? u.uniforms.faceSize.value.set(n.z, n.y) : c === 2 || c === 3 ? u.uniforms.faceSize.value.set(n.x, n.z) : u.uniforms.faceSize.value.set(n.x, n.y);
+        }
+        for (const c of l.material)
+          c.uniforms.size.value.copy(n);
+        this.five.needsRender = !0;
+      };
+      const I = 3e3;
+      let x = 0;
+      const A = T.shared.add((n, c) => {
+        x += c;
+        let u = x / I;
+        u > 1 && (u = 1);
+        let M = Math.abs((u - 0.5) * 2);
+        M = M * 2 - 0.5;
+        for (const V of l.material)
+          V.uniforms.progress.value = M;
+        u === 1 && (A(), l.visible = !1, this.playEaseInAnimation(e, () => {
+          this.activeAnimations.delete(e), s();
+        })), this.five.needsRender = !0;
+      });
+      this.activeAnimations.set(e, { animatedBoxMesh: l, remove: A }), this.five.scene.add(l);
+    })) : (console.warn("Animation only available for box shapes"), Promise.resolve()) : (console.warn("Five instance not available for box animation"), Promise.resolve());
+  }
+  /**
+   * 强制立即完成所有活动的盒子动画
+   * @param id 可选的盒子项目ID。如果未提供，完成所有活动的盒子动画。
+   */
+  forceFinishBoxAnimation(e) {
+    if (!this.five) {
+      console.warn("Five instance not available for finishing box animation");
+      return;
+    }
+    (e ? [e] : Array.from(this.activeAnimations.keys())).forEach((t) => {
+      const r = this.activeAnimations.get(t);
+      r && (r.remove(), r.animatedBoxMesh.visible = !1, this.activeAnimations.delete(t));
+      const a = this.activeEaseInAnimations.get(t);
+      a && (clearInterval(a.interval), this.activeEaseInAnimations.delete(t));
+    }), this.showBoxFinalState(), this.five.needsRender = !0;
+  }
+  playEaseInAnimation(e, s) {
+    if (!this.five)
+      return;
+    this.prismMesh.visible = !0, this.edgeMesh.visible = !0;
+    let t = 0;
+    const r = this.prismMesh.style.opacity;
+    this.prismMesh.setStyle({ opacity: 0 }), this.edgeMesh.setStyle({ lineOpacity: 0 });
+    const a = setInterval(() => {
+      t === 61 && (clearInterval(a), this.activeEaseInAnimations.delete(e), this.showBoxFinalState(), s()), this.edgeMesh.setStyle({ lineOpacity: t / 60 }), this.prismMesh.setStyle({ opacity: t / 60 * r }), this.five.needsRender = !0, t++;
+    }, 16);
+    this.activeEaseInAnimations.set(e, { interval: a, model: this });
+  }
+  /**
+   * 显示盒子模型的最终状态（完全可见且不透明度完整）
+   */
+  showBoxFinalState() {
+    this.prismMesh.visible = !0, this.edgeMesh.visible = !0, this.prismMesh.setStyle({ opacity: this.prismMesh.style.opacity }), this.edgeMesh.setStyle({ lineOpacity: 1 });
   }
 }
 export {
-  H as PrismMesh
+  Q as PrismMesh
 };

package/libs/base/BasePlugin.js

@@ -22,7 +22,7 @@ let F = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.67.9-alpha.2");
+    i(this, "VERSION", "3.67.10");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");