@realsee/dnalogel 3.69.11-alpha.1 → 3.70.0-alpha.0

package/libs/PanoTagPlugin/Components/Common/Icon/animationUtils.d.ts

@@ -0,0 +1,9 @@
+import type { TagIconAnimationConfig } from '../../../typings/tag/Utils';
+/**
+ * 应用 SVG 动画配置
+ */
+export declare function applySvgAnimation(svgElement: SVGSVGElement, config: TagIconAnimationConfig): void;
+/**
+ * 清除 SVG 动画
+ */
+export declare function clearSvgAnimation(svgElement: SVGSVGElement): void;

package/libs/PanoTagPlugin/Components/Common/Icon/animationUtils.js

@@ -0,0 +1,128 @@
+var R = Object.defineProperty;
+var b = (o, t, e) => t in o ? R(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var d = (o, t, e) => (b(o, typeof t != "symbol" ? t + "" : t, e), e);
+const y = class {
+  constructor() {
+    d(this, "styleRefs", /* @__PURE__ */ new Map());
+  }
+  // 基于配置生成唯一的样式键
+  generateStyleKey(t, e) {
+    const { duration: n, timing: a, loop: s, loopInterval: l = 0 } = t, c = t.elements[e], { properties: f } = c;
+    return `svg-anim-${[n, a, s, l, JSON.stringify(f)].join("-").replace(/[^a-zA-Z0-9-]/g, "").toLowerCase()}`;
+  }
+  // 多段插值，支持数组长度大于2
+  interpolateMulti(t, e) {
+    var c;
+    if (t.length === 2)
+      return this.interpolate(t[0], t[1], e);
+    if (t.length < 2)
+      return (c = t[0]) != null ? c : 0;
+    const n = t.length - 1, a = e * n, s = Math.floor(a), l = a - s;
+    return s >= n ? t[n] : this.interpolate(t[s], t[s + 1], l);
+  }
+  // 生成变换字符串，支持多段
+  generateTransformMulti(t, e) {
+    const n = [];
+    if (t.scale) {
+      const a = this.interpolateMulti(t.scale, e);
+      n.push(`scale(${a})`);
+    }
+    if (t.translateX) {
+      const a = this.interpolateMulti(t.translateX, e);
+      n.push(`translateX(${a}px)`);
+    }
+    if (t.translateY) {
+      const a = this.interpolateMulti(t.translateY, e);
+      n.push(`translateY(${a}px)`);
+    }
+    if (t.rotate) {
+      const a = this.interpolateMulti(t.rotate, e);
+      n.push(`rotate(${a}deg)`);
+    }
+    return n.join(" ");
+  }
+  // 线性插值
+  interpolate(t, e, n) {
+    return t + (e - t) * n;
+  }
+  // eslint-disable-next-line @typescript-eslint/member-ordering
+  static getInstance() {
+    return y.instance || (y.instance = new y()), y.instance;
+  }
+  // 获取或创建样式（重写关键帧生成，支持多段）
+  // eslint-disable-next-line @typescript-eslint/member-ordering
+  getOrCreateStyle(t, e) {
+    const n = this.generateStyleKey(t, e);
+    if (this.styleRefs.has(n)) {
+      const i = this.styleRefs.get(n);
+      return i.count++, n;
+    }
+    const { duration: a, timing: s = "linear", loop: l, loopInterval: c = 0 } = t, f = t.elements[e], { properties: r } = f, m = `${n}-keyframe`;
+    let g = 2;
+    const M = [r.translateX, r.translateY, r.scale, r.rotate, r.opacity].filter(
+      (i) => Array.isArray(i) && i.length > 0
+    );
+    M.length > 0 && (g = Math.max(...M.map((i) => i.length)));
+    const S = l && c > 0 ? a + c : a, E = Math.max(0, Math.min(100, a / S * 100));
+    let h = `@keyframes ${m} {
+`;
+    for (let i = 0; i < g; i++) {
+      const $ = i / (g - 1), P = $ * E, x = this.generateTransformMulti(r, $);
+      let C = "";
+      r.opacity && (C = `    opacity: ${this.interpolateMulti(r.opacity, $)};`), h += `  ${P}% {
+${x ? `    transform: ${x};
+` : ""}${C}
+  }
+`;
+    }
+    const A = this.generateTransformMulti(r, 1);
+    let k = "";
+    r.opacity && (k = `    opacity: ${this.interpolateMulti(r.opacity, 1)};`), h += `  100% {
+${A ? `    transform: ${A};
+` : ""}${k}
+  }
+`, h += `}
+`;
+    const O = !!r.scale;
+    h += `.${n} {
+  animation: ${m} ${S}ms ${s} ${l ? "infinite" : "1"};
+${O ? `  transform-origin: 50% 50%;
+  transform-box: fill-box;` : ""}
+}`;
+    const p = document.createElement("style");
+    return p.id = n, p.textContent = h, document.head.appendChild(p), this.styleRefs.set(n, { element: p, count: 1 }), n;
+  }
+  // 释放样式引用
+  // eslint-disable-next-line @typescript-eslint/member-ordering
+  releaseStyle(t) {
+    const e = this.styleRefs.get(t);
+    e && (e.count--, e.count <= 0 && (e.element.remove(), this.styleRefs.delete(t)));
+  }
+};
+let u = y;
+d(u, "instance");
+function L(o, t) {
+  if (!o || !t)
+    return;
+  const e = u.getInstance(), { elements: n } = t;
+  n.forEach((a, s) => {
+    const { selector: l } = a;
+    (l ? o.querySelectorAll(l) : [o]).forEach((f) => {
+      const r = f, m = e.getOrCreateStyle(t, s);
+      r.classList.add(m), r.setAttribute("data-style-key", m);
+    });
+  });
+}
+function T(o) {
+  if (!o)
+    return;
+  const t = u.getInstance(), e = o.querySelectorAll("*");
+  [o, ...Array.from(e)].forEach((a) => {
+    const s = a, l = s.getAttribute("data-style-key");
+    l && (s.classList.remove(l), t.releaseStyle(l), s.removeAttribute("data-style-key")), s.style.animation = "", s.style.transform = "", s.style.opacity = "";
+  });
+}
+export {
+  L as applySvgAnimation,
+  T as clearSvgAnimation
+};

package/libs/PanoTagPlugin/Components/Common/TagPoint.js

@@ -22,6 +22,7 @@ import "../../../vendor/svelte/transition/index.js";
 import "../../../vendor/svelte/easing/index.js";
 import "../../utils/getImageInfo.js";
 import "../../utils/px2rem.js";
+import "./Icon/animationUtils.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
@@ -468,7 +469,7 @@ function He(t, e, n) {
     re
   ];
 }
-class io extends ae {
+class no extends ae {
   constructor(e) {
     super(), le(
       this,
@@ -525,5 +526,5 @@ class io extends ae {
   }
 }
 export {
-  io as default
+  no as default
 };

package/libs/PanoTagPlugin/Components/Tag/LinkTag.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as A, init as C, safe_not_equal as E, append_styles as G, element as d, create_component as D, space as L, attr as g, insert as T, mount_component as I, append as m, transition_in as f, transition_out as u, check_outros as N, detach as R, destroy_component as S, text as P, set_style as v, set_data as X, group_outros as B } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as A, init as C, safe_not_equal as E, append_styles as G, element as d, create_component as D, space as L, attr as g, insert as T, mount_component as I, append as f, transition_in as m, transition_out as u, check_outros as N, detach as R, destroy_component as S, text as P, set_style as v, set_data as X, group_outros as B } from "../../../vendor/svelte/internal/index.js";
 import F from "../Common/Shadow.js";
 import H from "../Common/Icon/Icon.js";
 import J from "../../utils/px2rem.js";
@@ -7,6 +7,7 @@ import "../../../vendor/svelte/easing/index.js";
 import "three";
 import "../../utils/noTypecheck.js";
 import "../../utils/getImageInfo.js";
+import "../Common/Icon/animationUtils.js";
 function K(n) {
   G(n, "svelte-e58ijk", ".wrapper.svelte-e58ijk{font-weight:600;cursor:pointer;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.text-wrapper.svelte-e58ijk{position:relative;display:flex;align-items:center;justify-content:center}.text.svelte-e58ijk{position:absolute;top:0;font-size:0.875rem;color:#ffffff;letter-spacing:0;text-align:center;max-width:8.75rem;width:-moz-max-content;width:max-content;line-height:1.125rem;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
 }
@@ -35,7 +36,7 @@ function z(n) {
       ), g(i, "class", "text-wrapper svelte-e58ijk");
     },
     m(r, s) {
-      T(r, i, s), I(e, i, null), m(i, l), m(i, a), m(a, t), o = !0;
+      T(r, i, s), I(e, i, null), f(i, l), f(i, a), f(a, t), o = !0;
     },
     p(r, s) {
       (!o || s & /*title*/
@@ -52,7 +53,7 @@ function z(n) {
       );
     },
     i(r) {
-      o || (f(e.$$.fragment, r), o = !0);
+      o || (m(e.$$.fragment, r), o = !0);
     },
     o(r) {
       u(e.$$.fragment, r), o = !1;
@@ -84,7 +85,7 @@ function M(n) {
       i = d("div"), D(e.$$.fragment), l = L(), t && t.c(), g(i, "class", "wrapper svelte-e58ijk");
     },
     m(o, r) {
-      T(o, i, r), I(e, i, null), m(i, l), t && t.m(i, null), a = !0;
+      T(o, i, r), I(e, i, null), f(i, l), t && t.m(i, null), a = !0;
     },
     p(o, [r]) {
       const s = {};
@@ -93,12 +94,12 @@ function M(n) {
       o[0]), e.$set(s), /*title*/
       o[2] && /*iconLoaded*/
       o[3] ? t ? (t.p(o, r), r & /*title, iconLoaded*/
-      12 && f(t, 1)) : (t = z(o), t.c(), f(t, 1), t.m(i, null)) : t && (B(), u(t, 1, 1, () => {
+      12 && m(t, 1)) : (t = z(o), t.c(), m(t, 1), t.m(i, null)) : t && (B(), u(t, 1, 1, () => {
         t = null;
       }), N());
     },
     i(o) {
-      a || (f(e.$$.fragment, o), f(t), a = !0);
+      a || (m(e.$$.fragment, o), m(t), a = !0);
     },
     o(o) {
       u(e.$$.fragment, o), u(t), a = !1;
@@ -137,11 +138,11 @@ function Q(n, i, e) {
     q
   ];
 }
-class nt extends A {
+class it extends A {
   constructor(i) {
     super(), C(this, i, Q, M, E, { tag: 4 }, K);
   }
 }
 export {
-  nt as default
+  it as default
 };