@realsee/dnalogel 3.69.7 → 3.69.8

package/libs/shared-utils/three/blink.js

@@ -1,106 +1,348 @@
-var R = Object.defineProperty;
-var T = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var H = (l, r, a) => r in l ? R(l, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : l[r] = a, M = (l, r) => {
-  for (var a in r || (r = {}))
-    L.call(r, a) && H(l, a, r[a]);
-  if (T)
-    for (var a of T(r))
-      m.call(r, a) && H(l, a, r[a]);
-  return l;
+var P = Object.defineProperty, x = Object.defineProperties;
+var F = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var R = (r, e, t) => e in r ? P(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, M = (r, e) => {
+  for (var t in e || (e = {}))
+    I.call(e, t) && R(r, t, e[t]);
+  if (N)
+    for (var t of N(e))
+      _.call(e, t) && R(r, t, e[t]);
+  return r;
+}, U = (r, e) => x(r, F(e));
+var E = (r, e, t) => (R(r, typeof e != "symbol" ? e + "" : e, t), t);
+import { anime as k } from "../../vendor/animejs/lib/anime.es.js";
+import { toArray as p } from "../util.js";
+import { ShaderMaterial as C } from "three";
+const H = process.env.NODE_ENV === "development";
+function g(r, e) {
+  H && console.log(`[blink] ${r}`, e);
+}
+const L = {
+  duration: 300,
+  easing: "linear",
+  direction: "alternate",
+  loop: 4,
+  autoplay: !1
+}, A = {
+  quick: { duration: 200, loop: 2 },
+  normal: { duration: 300, loop: 4 },
+  slow: { duration: 500, loop: 6 },
+  attention: { duration: 400, loop: 8, easing: "easeInOutQuad" }
 };
-import { anime as x } from "../../vendor/animejs/lib/anime.es.js";
-import * as d from "three";
-import { toArray as h } from "../util.js";
-const f = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
-function D(l) {
-  h(l).forEach((a) => {
-    var e, y, t;
-    f.has(a) || (a instanceof HTMLElement ? f.set(a, {
-      opacity: a.style.opacity === "" ? void 0 : a.style.opacity,
-      visible: {
-        display: a.style.display,
-        visibility: a.style.visibility
+class W {
+  constructor() {
+    E(this, "materialsToUpdate", /* @__PURE__ */ new Set());
+  }
+  /**
+   * 调度材质更新
+   * @param material 需要更新的材质
+   */
+  scheduleUpdate(e) {
+    this.materialsToUpdate.add(e);
+  }
+  /**
+   * 批量执行材质更新
+   */
+  flushUpdates() {
+    this.materialsToUpdate.forEach((e) => {
+      e.needsUpdate = !0;
+    }), this.materialsToUpdate.clear();
+  }
+  /**
+   * 清空更新队列
+   */
+  clear() {
+    this.materialsToUpdate.clear();
+  }
+}
+class $ {
+  constructor() {
+    E(this, "startTime", 0);
+    E(this, "measurements", /* @__PURE__ */ new Map());
+  }
+  /**
+   * 开始计时
+   * @param label 计时标签
+   */
+  start(e) {
+    this.startTime = performance.now();
+  }
+  /**
+   * 结束计时并记录
+   * @param label 计时标签
+   * @returns 耗时（毫秒）
+   */
+  end(e) {
+    const t = performance.now() - this.startTime;
+    return this.measurements.has(e) || this.measurements.set(e, []), this.measurements.get(e).push(t), H && g(`Performance [${e}]: ${t.toFixed(2)}ms`), t;
+  }
+  /**
+   * 获取平均耗时
+   * @param label 计时标签
+   * @returns 平均耗时（毫秒）
+   */
+  getAverage(e) {
+    const t = this.measurements.get(e);
+    return !t || t.length === 0 ? 0 : t.reduce((s, l) => s + l, 0) / t.length;
+  }
+  /**
+   * 清空所有测量数据
+   */
+  clear() {
+    this.measurements.clear();
+  }
+}
+class G {
+  constructor() {
+    E(this, "stateMap", /* @__PURE__ */ new WeakMap());
+    E(this, "materialManager", new W());
+    E(this, "performanceMonitor", new $());
+  }
+  /**
+   * 存储物体状态
+   * @param objects 要存储状态的对象数组
+   */
+  storeState(e) {
+    this.performanceMonitor.start("storeState"), e.forEach((t) => {
+      if (!this.stateMap.has(t)) {
+        const c = this.createStateSnapshot(t);
+        this.stateMap.set(t, c);
       }
-    }) : a.isObject3D && (a.material ? a.material instanceof d.ShaderMaterial ? f.set(a, {
-      opacity: (e = a.material.uniforms.opacity) == null ? void 0 : e.value,
-      transparent: a.material.transparent,
-      visible: a.visible
-    }) : f.set(a, {
-      opacity: (y = a.material) == null ? void 0 : y.opacity,
-      transparent: (t = a.material) == null ? void 0 : t.transparent,
-      visible: a.visible
-    }) : f.set(a, {
-      visible: a.visible
-    })));
-  });
-}
-function o(l) {
-  h(l).forEach((a) => {
-    const e = f.get(a);
-    e && (a instanceof HTMLElement && (a.style.opacity = e.opacity === void 0 ? "" : e.opacity, a.style.display = e.visible.display, a.style.visibility = e.visible.visibility), a.isObject3D && (a.visible = e.visible, a.material && (a.material instanceof d.ShaderMaterial ? (a.material.uniforms.opacity && (a.material.uniforms.opacity.value = e.opacity), a.material.transparent = e.transparent) : (a.material.opacity = e.opacity, a.material.transparent = e.transparent))), f.delete(a));
-  });
-}
-function k(l, r) {
-  var E;
-  const a = (E = r == null ? void 0 : r.traverseTHREEObject) != null ? E : !0;
-  let e = h(l);
-  const y = [];
-  e.forEach((i) => {
-    i && (i instanceof HTMLElement ? y.push(i) : i.isObject3D && (a ? (y.push(i), i.traverse((c) => {
-      c && y.push(c);
-    })) : y.push(i)));
-  }), e = [...new Set(y.filter(Boolean))], D(e);
-  const t = x(M({
-    targets: e,
-    duration: 300,
-    easing: "linear",
-    direction: "alternate",
-    loop: 4,
-    autoplay: !1,
-    update: (i) => {
-      var c;
-      i.animatables.forEach((p) => {
-        var S;
-        const s = p.target;
-        if (!f.has(s))
-          return;
-        const g = Number((S = f.get(s).opacity) != null ? S : 1) * (100 - i.progress) / 100;
-        s instanceof HTMLElement ? s.style.opacity = String(g) : s.material && (s.material instanceof d.ShaderMaterial ? (s.material.uniforms.opacity && (s.material.uniforms.opacity.value = g), s.material.transparent = !0) : (s.material.opacity = g, s.material.transparent = !0));
-      }), (c = r == null ? void 0 : r.updateRender) == null || c.call(r);
-    }
-  }, r));
-  t.preComplete = () => {
-    t != null && t.completed || (t == null || t.pause(), o(e), setTimeout(() => {
-      var i;
-      return (i = r == null ? void 0 : r.updateRender) == null ? void 0 : i.call(r);
-    }));
+    }), this.performanceMonitor.end("storeState");
+  }
+  /**
+   * 恢复物体状态
+   * @param objects 要恢复状态的对象数组
+   */
+  restoreState(e) {
+    this.performanceMonitor.start("restoreState"), e.forEach((t) => {
+      const c = this.stateMap.get(t);
+      c && (this.restoreSingleState(t, c), this.stateMap.delete(t));
+    }), this.materialManager.flushUpdates(), this.performanceMonitor.end("restoreState");
+  }
+  /**
+   * 获取状态Map（用于内部访问）
+   * @returns 状态Map
+   * @private
+   */
+  getStateMap() {
+    return this.stateMap;
+  }
+  /**
+   * 创建状态快照
+   * @param obj 目标对象
+   * @returns 状态快照
+   * @private
+   */
+  createStateSnapshot(e) {
+    var t;
+    if (e instanceof HTMLElement)
+      return {
+        opacity: e.style.opacity === "" ? void 0 : e.style.opacity,
+        visible: {
+          display: e.style.display,
+          visibility: e.style.visibility
+        }
+      };
+    if (n(e))
+      if (!i(e) && e.children.length === 0 && e.name, i(e)) {
+        if (T(e)) {
+          const c = e.material.transparent;
+          return {
+            opacity: (t = e.material.uniforms.opacity) == null ? void 0 : t.value,
+            transparent: c === !1 ? void 0 : c,
+            visible: e.visible
+          };
+        } else if (S(e)) {
+          const c = e.material.transparent;
+          return {
+            opacity: e.material.opacity,
+            transparent: c === !1 ? void 0 : c,
+            visible: e.visible
+          };
+        }
+      } else
+        return {
+          visible: e.visible
+        };
+    return {};
+  }
+  /**
+   * 恢复单个对象状态
+   * @param obj 目标对象
+   * @param initialState 初始状态
+   * @private
+   */
+  restoreSingleState(e, t) {
+    e instanceof HTMLElement ? (e.style.opacity = t.opacity === void 0 ? "" : String(t.opacity), typeof t.visible == "object" && t.visible !== null && (e.style.display = t.visible.display, e.style.visibility = t.visible.visibility)) : n(e) && (typeof t.visible == "boolean" && (e.visible = t.visible), i(e) && (T(e) ? (e.material.uniforms.opacity !== void 0 && (e.material.uniforms.opacity.value = t.opacity !== void 0 ? Number(t.opacity) : 1), t.transparent !== void 0 && (e.material.transparent = t.transparent), this.materialManager.scheduleUpdate(e.material)) : S(e) && (e.material.opacity = t.opacity !== void 0 ? Number(t.opacity) : 1, t.transparent !== void 0 && (e.material.transparent = t.transparent), this.materialManager.scheduleUpdate(e.material))));
+  }
+  /**
+   * 清空所有状态
+   */
+  clear() {
+    this.materialManager.clear(), this.performanceMonitor.clear();
+  }
+}
+const o = /* @__PURE__ */ new WeakMap(), v = new G();
+function n(r) {
+  return "isObject3D" in r && r.isObject3D === !0;
+}
+function i(r) {
+  return n(r) && "material" in r && r.material !== void 0;
+}
+function T(r) {
+  return i(r) && r.material instanceof C;
+}
+function S(r) {
+  return i(r) && !(r.material instanceof C);
+}
+function q(r, e) {
+  r instanceof HTMLElement ? r.style.opacity = String(e) : n(r) && i(r) && (T(r) ? (r.material.uniforms.opacity && (r.material.uniforms.opacity.value = e), r.material.transparent = !0) : S(r) && (r.material.opacity = e, r.material.transparent = !0));
+}
+function w() {
+  const r = k({});
+  return r.preComplete = () => {
+  }, r;
+}
+function B(r) {
+  if (!r)
+    throw new Error("Invalid objects parameter: objects cannot be null or undefined");
+  const e = p(r);
+  if (e.length === 0)
+    throw new Error("Invalid objects parameter: objects array cannot be empty");
+  if (e.some((t) => t == null))
+    throw new Error("Invalid objects parameter: objects array contains null or undefined values");
+}
+function D(r, e) {
+  const t = p(r), c = [];
+  return t.forEach((s) => {
+    s && (s instanceof HTMLElement ? c.push(s) : n(s) && (e ? (c.push(s), s.traverse((l) => {
+      l && c.push(l);
+    })) : c.push(s)));
+  }), Array.from(new Set(c.filter(Boolean)));
+}
+function Q(r, e) {
+  const t = /* @__PURE__ */ new Map(), c = v.getStateMap();
+  return r.forEach((s) => {
+    var d;
+    const l = c.get(s);
+    l && t.set(s, {
+      initialOpacity: Number((d = l.opacity) != null ? d : 1)
+    });
+  }), (s) => {
+    var d, u;
+    const l = s.progress;
+    r.forEach((a) => {
+      const f = t.get(a);
+      if (!f)
+        return;
+      const y = f.initialOpacity * (100 - l) / 100;
+      q(a, y);
+    }), (d = e.onProgress) == null || d.call(e, l), (u = e.updateRender) == null || u.call(e);
+  };
+}
+function V(r, e) {
+  const t = /* @__PURE__ */ new Map(), c = v.getStateMap();
+  return r.forEach((s) => {
+    var u, a;
+    const l = c.get(s), d = Number((a = (u = l == null ? void 0 : l.opacity) != null ? u : e == null ? void 0 : e.maxOpacity) != null ? a : 1);
+    t.set(s, { maxOpacity: d });
+  }), (s) => {
+    var d, u;
+    const l = s.progress;
+    r.forEach((a) => {
+      const f = t.get(a);
+      if (!f)
+        return;
+      const y = f.maxOpacity * (l / 100);
+      a instanceof HTMLElement ? (a.style.opacity = String(y), a.style.visibility = "visible") : n(a) && (p(r).includes(a) && (a.visible = !0), i(a) && (T(a) ? (a.material.uniforms.opacity && (a.material.uniforms.opacity.value = y), a.material.transparent = !0) : S(a) && (a.material.opacity = y, a.material.transparent = !0)));
+    }), (d = e.onProgress) == null || d.call(e, l), (u = e.updateRender) == null || u.call(e);
   };
-  const u = v.get(l);
-  return u == null || u.pause(), u == null || u.seek(0), v.set(l, t), t.play(), t.finished.then(() => {
-    var i;
-    o(e), setTimeout(() => {
-      v.get(l) === t && v.delete(l);
-    }, 1e3), (i = r == null ? void 0 : r.updateRender) == null || i.call(r);
-  }), t;
-}
-function q(l, r) {
-  return k(l, M({
-    update: (a) => {
-      var e;
-      a.animatables.forEach((y) => {
-        var c, p;
-        const t = y.target;
-        if (!f.has(t))
-          return;
-        const u = f.get(t), i = Number((p = (c = u == null ? void 0 : u.opacity) != null ? c : r == null ? void 0 : r.maxOpacity) != null ? p : 1) * (a.progress / 100);
-        t instanceof HTMLElement ? (t.style.opacity = String(i), t.style.visibility = "visible") : t.isObject3D && (h(l).includes(t) && (t.visible = !0), t.material && (t.material instanceof d.ShaderMaterial ? (t.material.uniforms.opacity && (t.material.uniforms.opacity.value = i), t.material.transparent = !0) : (t.material.opacity = i, t.material.transparent = !0)));
-      }), (e = r == null ? void 0 : r.updateRender) == null || e.call(r);
-    }
-  }, r));
+}
+function m(r, e) {
+  var t, c;
+  try {
+    B(r);
+    const s = (t = e == null ? void 0 : e.traverseTHREEObject) != null ? t : !0, l = D(r, s);
+    if (l.length === 0)
+      return g("No valid targets found"), w();
+    v.storeState(l);
+    const d = U(M(M({}, L), e), {
+      targets: l,
+      update: Q(l, e || {})
+    }), u = k(d);
+    u.preComplete = () => {
+      u.completed || (u.pause(), v.restoreState(l), setTimeout(() => {
+        var f;
+        return (f = e == null ? void 0 : e.updateRender) == null ? void 0 : f.call(e);
+      }));
+    };
+    const a = o.get(r);
+    return a == null || a.pause(), a == null || a.seek(0), o.set(r, u), (c = e == null ? void 0 : e.onStart) == null || c.call(e), u.play(), u.finished.then(() => {
+      var f, y;
+      v.restoreState(l), setTimeout(() => {
+        o.get(r) === u && o.delete(r);
+      }, 1e3), (f = e == null ? void 0 : e.onComplete) == null || f.call(e), (y = e == null ? void 0 : e.updateRender) == null || y.call(e), setTimeout(() => {
+        var h;
+        return (h = e == null ? void 0 : e.updateRender) == null ? void 0 : h.call(e);
+      }, 50), setTimeout(() => {
+        var h;
+        return (h = e == null ? void 0 : e.updateRender) == null ? void 0 : h.call(e);
+      }, 100);
+    }), u;
+  } catch (s) {
+    return g("Blink animation failed:", s), w();
+  }
+}
+function Y(r, e) {
+  var t, c;
+  try {
+    B(r);
+    const s = (t = e == null ? void 0 : e.traverseTHREEObject) != null ? t : !0, l = D(r, s);
+    if (l.length === 0)
+      return g("No valid targets found"), w();
+    v.storeState(l);
+    const d = U(M(M({}, L), e), {
+      targets: l,
+      update: V(l, e || {})
+    }), u = k(d);
+    u.preComplete = () => {
+      u.completed || (u.pause(), v.restoreState(l), setTimeout(() => {
+        var f;
+        return (f = e == null ? void 0 : e.updateRender) == null ? void 0 : f.call(e);
+      }));
+    };
+    const a = o.get(r);
+    return a == null || a.pause(), a == null || a.seek(0), o.set(r, u), (c = e == null ? void 0 : e.onStart) == null || c.call(e), u.play(), u.finished.then(() => {
+      var f, y;
+      v.restoreState(l), setTimeout(() => {
+        o.get(r) === u && o.delete(r);
+      }, 1e3), (f = e == null ? void 0 : e.onComplete) == null || f.call(e), (y = e == null ? void 0 : e.updateRender) == null || y.call(e), setTimeout(() => {
+        var h;
+        return (h = e == null ? void 0 : e.updateRender) == null ? void 0 : h.call(e);
+      }, 50), setTimeout(() => {
+        var h;
+        return (h = e == null ? void 0 : e.updateRender) == null ? void 0 : h.call(e);
+      }, 100);
+    }), u;
+  } catch (s) {
+    return g("ReBlink animation failed:", s), w();
+  }
+}
+function Z(r, e, t) {
+  const c = A[e];
+  return m(r, M(M({}, c), t));
+}
+function b() {
+  v.clear();
 }
 export {
-  v as animeMap,
-  k as blink,
-  q as reblink
+  A as ANIME_PRESETS,
+  L as DEFAULT_ANIME_CONFIG,
+  o as animeMap,
+  m as blink,
+  Z as blinkWithPreset,
+  b as cleanup,
+  Y as reblink
 };

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

@@ -7,7 +7,7 @@ import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
 import "./core/Five_LineMaterial2.js";
 import "./core/Sphere.js";
-import "../../vendor/animejs/lib/anime.es.js";
+import "./blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../five/FivePuppet.js";

package/package.json

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

package/docs/variables/Util.animeMap.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>animeMap | 如视空间交互插件合集 - v3.69.7</title><meta name="description" content="Documentation for 如视空间交互插件合集"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视空间交互插件合集 - v3.69.7</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视空间交互插件合集</a></li><li><a href="../modules/Util.html">Util</a></li><li><a href="Util.animeMap.html">animeMap</a></li></ul><h1>Variable animeMap<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">anime<wbr/>Map</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Map</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Target</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Target</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">, </span><a href="../interfaces/Util.AnimeInstance.html" class="tsd-signature-type tsd-kind-interface">AnimeInstance</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in plugins/src/shared-utils/three/blink.ts:27</li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>如视空间交互插件合集 - v3.69.7</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>