@realsee/dnalogel 3.67.7 → 3.67.8-alpha.1

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.7");
+    i(this, "VERSION", "3.67.8-alpha.1");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.67.7",
+    "%c %c@realsee/dnalogel %cv3.67.8-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/vendor/@tweenjs/tween/dist/tween.esm.js.js

@@ -4,13 +4,13 @@ var y = Object.freeze({
       return t;
     },
     In: function(t) {
-      return t;
+      return this.None(t);
     },
     Out: function(t) {
-      return t;
+      return this.None(t);
     },
     InOut: function(t) {
-      return t;
+      return this.None(t);
     }
   }),
   Quadratic: Object.freeze({
@@ -389,7 +389,7 @@ var y = Object.freeze({
       typeof r == "string" ? this._valuesStartRepeat[e] = this._valuesStartRepeat[e] + parseFloat(r) : this._valuesStartRepeat[e] = this._valuesEnd[e], this._valuesEnd[e] = i;
     }, t;
   }()
-), T = "23.1.3", E = w.nextId, o = O, R = o.getAll.bind(o), k = o.removeAll.bind(o), A = o.add.bind(o), j = o.remove.bind(o), F = o.update.bind(o), U = {
+), T = "23.1.1", E = w.nextId, o = O, R = o.getAll.bind(o), k = o.removeAll.bind(o), A = o.add.bind(o), j = o.remove.bind(o), F = o.update.bind(o), U = {
   Easing: y,
   Group: P,
   Interpolation: d,