tttb 0.1.24

package/dist/directives/vRipple.js

@@ -0,0 +1,81 @@
+import "../utils/dialog.js";
+import { injectStyles as f } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+const c = /* @__PURE__ */ new WeakMap(), m = `
+.v-ripple-effect {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  will-change: transform, opacity;
+  animation: v-ripple-animation 1s linear forwards;
+}
+@keyframes v-ripple-animation {
+  from {
+    transform: scale(0);
+    opacity: 0.35;
+  }
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
+}
+`;
+f(m, "v-ripple-styles");
+function u(t) {
+  return t === "transparent" || t === "rgba(0, 0, 0, 0)" || t === "" || t === "inherit";
+}
+function y(t) {
+  let e = t, i = "";
+  for (; e && e !== document.body; ) {
+    const l = getComputedStyle(e).backgroundColor;
+    if (!u(l)) {
+      i = l;
+      break;
+    }
+    e = e.parentElement;
+  }
+  if (!i) return "rgba(0, 0, 0, 0.15)";
+  const n = i.match(/\d+/g);
+  if (!n || n.length < 3) return "rgba(0, 0, 0, 0.15)";
+  const r = parseInt(n[0], 10), a = parseInt(n[1], 10), s = parseInt(n[2], 10);
+  return (r * 299 + a * 587 + s * 114) / 1e3 >= 128 ? "rgba(0, 0, 0, 0.15)" : "rgba(255, 255, 255, 0.3)";
+}
+const g = (t, e, i) => {
+  if (e.disabled) return;
+  const n = e.getBoundingClientRect(), r = t.clientX, a = t.clientY;
+  let s, p;
+  r !== void 0 ? (s = r - n.left, p = a - n.top) : (s = n.width / 2, p = n.height / 2);
+  const o = document.createElement("span");
+  o.className = "v-ripple-effect";
+  const l = Math.max(n.width, n.height), d = l / 2;
+  o.style.width = `${l}px`, o.style.height = `${l}px`, o.style.left = `${s - d}px`, o.style.top = `${p - d}px`, i.value && typeof i.value == "string" ? o.style.background = i.value : o.style.background = y(e), e.appendChild(o), o.addEventListener(
+    "animationend",
+    () => {
+      o && o.parentNode === e && o.remove();
+    },
+    { once: !0 }
+  );
+}, C = {
+  name: "ripple",
+  mounted(t, e) {
+    const i = t.style.position, n = t.style.overflow, r = getComputedStyle(t);
+    r.position === "static" && (t.style.position = "relative"), r.overflow !== "hidden" && (t.style.overflow = "hidden");
+    const a = ((s) => g(s, t, e));
+    c.set(t, {
+      handler: a,
+      originalPosition: i,
+      originalOverflow: n
+    }), t.addEventListener("pointerdown", a);
+  },
+  unmounted(t) {
+    const e = c.get(t);
+    if (!e) return;
+    const { handler: i, originalPosition: n, originalOverflow: r } = e;
+    t.removeEventListener("pointerdown", i), t.style.position = n, t.style.overflow = r, c.delete(t);
+  }
+};
+export {
+  C as default
+};

package/dist/directives/vSlideIn.js

@@ -0,0 +1,39 @@
+const o = /* @__PURE__ */ new WeakMap(), a = new IntersectionObserver((n) => {
+  for (const t of n) {
+    const e = t.target, i = o.get(e);
+    i && t.isIntersecting && (i.play(), a.unobserve(e));
+  }
+}), s = (n) => n.getBoundingClientRect().top - 100 > window.innerHeight, r = {
+  name: "slide-in",
+  mounted(n, t) {
+    if (!s(n))
+      return;
+    const e = n.animate(
+      [
+        {
+          transform: "translateY(100px)",
+          opacity: 0.5
+        },
+        {
+          transform: "translateY(0px)",
+          opacity: 1
+        }
+      ],
+      {
+        duration: 600,
+        easing: "ease-out",
+        delay: t.value || 0,
+        fill: "both"
+      }
+    );
+    e.pause(), e.onfinish = e.cancel, o.set(n, e), a.observe(n);
+  },
+  unmounted(n) {
+    a.unobserve(n);
+    const t = o.get(n);
+    t && (t.cancel(), o.delete(n));
+  }
+};
+export {
+  r as default
+};

package/dist/directives/vTextJump.js

@@ -0,0 +1,50 @@
+import "../utils/dialog.js";
+import { getRandomColor as a } from "../utils/getRandomColor.js";
+import { getRandomInt as s } from "../utils/getRandomInt.js";
+import { injectStyles as i } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+const n = /* @__PURE__ */ new WeakMap(), c = `
+.v-text-jump {
+  /* 使用三段式渐变确保循环无缝，且增加颜色过渡区域 */
+  background-image: linear-gradient(
+    90deg,
+    var(--vtj-c-1) 0%,
+    var(--vtj-c-2) 25%,
+    var(--vtj-c-1) 50%,
+    var(--vtj-c-2) 75%,
+    var(--vtj-c-1) 100%
+  );
+  background-size: 200% 100%;
+  background-clip: text;
+  color: transparent;
+}
+`;
+i(c, "v-text-jump-styles");
+const g = {
+  name: "text-jump",
+  mounted(t, o) {
+    const e = o.value || [a(), a()];
+    t.classList.add("v-text-jump"), t.style.setProperty("--vtj-c-1", e[0]), t.style.setProperty("--vtj-c-2", e[1]);
+    const r = t.animate([{ backgroundPositionX: "200%" }, { backgroundPositionX: "0%" }], {
+      duration: 3e3,
+      // 缩短时间让节奏更明显
+      easing: "ease-in-out",
+      iterations: 1 / 0,
+      delay: s(0, 10) * -300
+    });
+    n.set(t, r);
+  },
+  updated(t, o) {
+    const e = o.value || [a(), a()];
+    t.style.setProperty("--vtj-c-1", e[0]), t.style.setProperty("--vtj-c-2", e[1]);
+  },
+  unmounted(t) {
+    const o = n.get(t);
+    o && (o.cancel(), n.delete(t));
+  }
+};
+export {
+  g as default
+};

package/dist/directives/vTooltip.js

@@ -0,0 +1,55 @@
+import { state as l, tooltipActions as p } from "../components/Tooltip/manager.js";
+import { defaultProps as c } from "../components/Tooltip/types.js";
+import { isObject as v } from "../utils/isObject.js";
+import "../utils/dialog.js";
+import { isElementOverflow as g } from "../utils/isElementOverflow.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+const i = /* @__PURE__ */ new WeakMap(), a = (e) => typeof e == "string" || typeof e == "number" ? { ...c, content: String(e) } : v(e) ? { ...c, ...e } : { ...c }, m = (e, t) => {
+  const { trigger: o, closeDelay: n, overflow: d } = t, r = () => {
+    d && !g(e) || p.show(!0, null, {
+      triggerEl: e,
+      content: t.content,
+      props: t
+    });
+  }, s = () => {
+    p.hide(!0, null, n);
+  }, u = () => {
+    l.singleton.isVisible && l.singleton.triggerEl === e ? s() : r();
+  };
+  return o === "hover" ? (e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s)) : o === "click" && e.addEventListener("click", u), () => {
+    o === "hover" ? (e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s)) : o === "click" && e.removeEventListener("click", u);
+  };
+}, f = (e) => {
+  const t = i.get(e);
+  t && (t(), i.delete(e)), l.singleton.triggerEl === e && p.hide(!0, null, 0);
+}, C = {
+  name: "tooltip",
+  /**
+   * 元素挂载时绑定Tooltip
+   */
+  mounted(e, t) {
+    const o = a(t.value), n = m(e, o);
+    i.set(e, n);
+  },
+  /**
+   * 指令值更新时重新绑定（仅值真变化时）
+   */
+  updated(e, t) {
+    if (t.value !== t.oldValue) {
+      f(e);
+      const o = a(t.value), n = m(e, o);
+      i.set(e, n);
+    }
+  },
+  /**
+   * 元素卸载前清理所有关联资源
+   */
+  beforeUnmount(e) {
+    f(e);
+  }
+};
+export {
+  C as default
+};

package/dist/directives.js

@@ -0,0 +1,20 @@
+import { default as a } from "./directives/vBackTop.js";
+import { default as r } from "./directives/vDelayIn.js";
+import { default as l } from "./directives/vHoldPointer.js";
+import { default as d } from "./directives/vLazy.js";
+import { default as u } from "./directives/vLoading.js";
+import { default as s } from "./directives/vRipple.js";
+import { default as i } from "./directives/vSlideIn.js";
+import { default as T } from "./directives/vTextJump.js";
+import { default as I } from "./directives/vTooltip.js";
+export {
+  a as vBackTop,
+  r as vDelayIn,
+  l as vHoldPointer,
+  d as vLazy,
+  u as vLoading,
+  s as vRipple,
+  i as vSlideIn,
+  T as vTextJump,
+  I as vTooltip
+};

package/dist/hooks/useAudio.js

@@ -0,0 +1,112 @@
+import { reactive as w, onMounted as R, onUnmounted as E, readonly as T, watch as M } from "vue";
+const x = (l, s = {}) => {
+  const o = {
+    autoplay: !1,
+    loop: !1,
+    volume: 0.5,
+    muted: !1,
+    playbackRate: 1,
+    preload: "metadata",
+    ...s
+  };
+  let e = null;
+  const a = w({
+    playing: !1,
+    paused: !0,
+    ended: !1,
+    duration: 0,
+    currentTime: 0,
+    buffered: 0,
+    volume: o.volume,
+    muted: o.muted,
+    playbackRate: o.playbackRate,
+    loading: !0,
+    canplay: !1,
+    error: null
+  }), r = {}, f = () => {
+    if (typeof window > "u") return;
+    e = new Audio();
+    const t = typeof l == "string" ? l : l.value;
+    e.src = t, e.loop = o.loop, e.volume = o.volume, e.muted = o.muted, e.playbackRate = o.playbackRate, e.preload = o.preload, r.loadedmetadata = () => {
+      a.duration = e.duration, a.loading = !1;
+    }, r.timeupdate = () => {
+      a.currentTime = e.currentTime, e.buffered.length > 0 && (a.buffered = e.buffered.end(e.buffered.length - 1));
+    }, r.progress = () => {
+      e.buffered.length > 0 && (a.buffered = e.buffered.end(e.buffered.length - 1));
+    }, r.play = () => {
+      a.playing = !0, a.paused = !1, a.ended = !1;
+    }, r.pause = () => {
+      a.playing = !1, a.paused = !0;
+    }, r.ended = () => {
+      a.playing = !1, a.paused = !0, a.ended = !0, o.loop || (a.currentTime = 0);
+    }, r.canplay = () => {
+      a.canplay = !0, a.loading = !1;
+    }, r.waiting = () => {
+      a.loading = !0;
+    }, r.error = (n) => {
+      a.error = e.error ? new Error(`Audio error code: ${e.error.code}`) : new Error("Unknown audio error"), a.loading = !1, a.playing = !1, console.error("Audio playback error:", n);
+    }, r.volumechange = () => {
+      a.volume = e.volume, a.muted = e.muted;
+    }, r.ratechange = () => {
+      a.playbackRate = e.playbackRate;
+    }, Object.entries(r).forEach(([n, k]) => {
+      e.addEventListener(n, k);
+    }), typeof l != "string" && M(l, (n) => {
+      e && n !== e.src && (d(), e.src = n, a.loading = !0, a.canplay = !1, a.currentTime = 0, a.duration = 0, a.ended = !1, e.load(), o.autoplay && u());
+    }), o.autoplay && u().catch(() => {
+    });
+  }, u = async () => {
+    if (e)
+      try {
+        await e.play();
+      } catch (t) {
+        throw a.error = t instanceof Error ? t : new Error("Playback failed"), t;
+      }
+  }, d = () => {
+    e?.pause();
+  }, c = () => {
+    a.playing ? d() : u();
+  }, p = () => {
+    e && (d(), e.currentTime = 0, a.ended = !1);
+  }, i = (t) => {
+    if (!e || !isFinite(t)) return;
+    const n = Math.max(0, Math.min(t, a.duration || t));
+    e.currentTime = n;
+  }, m = (t) => {
+    i(a.currentTime + t);
+  }, y = (t) => {
+    if (!e) return;
+    const n = Math.max(0, Math.min(1, t));
+    e.volume = n;
+  }, g = (t) => {
+    e && (e.muted = t);
+  }, b = (t) => {
+    e && (e.playbackRate = Math.max(0.25, Math.min(4, t)));
+  }, h = (t) => {
+    e && (e.loop = t);
+  }, v = () => {
+    e && (e.pause(), Object.entries(r).forEach(([t, n]) => {
+      e.removeEventListener(t, n);
+    }), e.src = "", e.load(), e = null);
+  };
+  return R(f), E(v), {
+    // 返回只读状态，防止外部直接修改
+    state: T(a),
+    // 控制方法
+    play: u,
+    pause: d,
+    toggle: c,
+    stop: p,
+    seek: i,
+    seekRelative: m,
+    setVolume: y,
+    setMuted: g,
+    setPlaybackRate: b,
+    setLoop: h,
+    // 原始 audio 元素（高级用法）
+    getAudioElement: () => e
+  };
+};
+export {
+  x as useAudio
+};

package/dist/hooks/useElementScroll.js

@@ -0,0 +1,30 @@
+import { onMounted as d, onBeforeUnmount as p, onActivated as g, onDeactivated as m, toValue as a, nextTick as v } from "vue";
+import { sessionStorage as l } from "../utils/sessionStorage.js";
+function k(n, u = {}) {
+  const { id: f = "default", autoRestore: r = !0 } = u, i = () => `scroll_pos:${f}`, t = () => {
+    const o = a(n);
+    if (!o) return;
+    const s = i();
+    l.set(s, o.scrollTop);
+  }, e = async () => {
+    const o = a(n);
+    if (!o) return;
+    const s = i(), c = l.get(s);
+    c && (await v(), o.scrollTop = c);
+  };
+  return d(() => {
+    r && e();
+  }), p(() => {
+    t();
+  }), g(() => {
+    r && e();
+  }), m(() => {
+    t();
+  }), {
+    save: t,
+    restore: e
+  };
+}
+export {
+  k as useElementScroll
+};

package/dist/hooks/useGSAP.js

@@ -0,0 +1,40 @@
+import { onMounted as a, watch as u, onScopeDispose as v, toValue as x } from "vue";
+import r from "../node_modules/gsap/index.js";
+function C(n, f) {
+  const i = typeof n == "function", p = i ? n : n?.callback, t = (i ? f : n) || {}, l = t.revertOnUpdate !== !1;
+  let e;
+  const d = () => {
+    e && e.revert();
+    const o = x(t.scope) || void 0;
+    e = r.context((c) => {
+      p && p(r, c);
+    }, o);
+  };
+  return a(() => {
+    d();
+  }), t.dependencies && t.dependencies.length > 0 && u(
+    t.dependencies,
+    () => {
+      l && d();
+    },
+    {
+      deep: !0,
+      flush: "post"
+      // 确保依赖更新导致的 DOM 渲染完成后再执行
+    }
+  ), v(() => {
+    e?.revert();
+  }), {
+    g: r,
+    safe: (o) => (...c) => {
+      let s;
+      return e ? e.add(() => {
+        s = o(...c);
+      }) : s = o(...c), s;
+    },
+    getContext: () => e
+  };
+}
+export {
+  C as useGSAP
+};

package/dist/hooks/useRefreshRate.js

@@ -0,0 +1,26 @@
+import { ref as c, onMounted as f, onUnmounted as d } from "vue";
+const h = (i = 500) => {
+  const o = c(0);
+  let e = null, t = 0, n = 0;
+  const r = (u) => {
+    t++;
+    const l = u - n;
+    if (l >= i) {
+      const m = Math.round(t * 1e3 / l);
+      o.value = Math.max(1, Math.min(360, m)), t = 0, n = u;
+    }
+    e = requestAnimationFrame(r);
+  }, a = () => {
+    e || (t = 0, n = performance.now(), e = requestAnimationFrame(r));
+  }, s = () => {
+    e !== null && (cancelAnimationFrame(e), e = null);
+  };
+  return f(a), d(s), {
+    refreshRate: o,
+    start: a,
+    stop: s
+  };
+};
+export {
+  h as useRefreshRate
+};

package/dist/hooks/useWindowBackTop.js

@@ -0,0 +1,86 @@
+import { onMounted as d, onBeforeUnmount as m, render as s, h as f } from "vue";
+import { debounce as y } from "../utils/debounce.js";
+import "../utils/dialog.js";
+import { injectStyles as w } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+import u from "../components/Icon/index.js";
+import { faAngleUp as v } from "../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import i from "../node_modules/gsap/index.js";
+const b = {
+  type: "primary",
+  right: 20,
+  bottom: 20,
+  size: 36,
+  scrollThreshold: 200,
+  animationOffset: 30,
+  zIndex: 999
+}, h = `
+.v-window-back-top {
+  position: fixed;
+  width: var(--size, 36px);
+  height: var(--size, 36px);
+  color: var(--color-white, #fff);
+  font-size: calc(var(--size, 36px) * 0.5);
+  border-radius: 50%;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  will-change: transform, opacity;
+}
+.v-window-back-top:hover {
+  filter: brightness(1.1);
+}
+`;
+w(h, "v-window-back-top-styles");
+const L = (l = {}) => {
+  const t = { ...b, ...l };
+  let e = null, n = !1;
+  const c = () => {
+    const o = document.createElement("div");
+    return o.className = `v-window-back-top bg-${t.type}`, o.style.zIndex = `${t.zIndex}`, o.style.right = `${t.right}px`, o.style.bottom = `${t.bottom}px`, o.style.setProperty("--size", `${t.size}px`), o.title = "Back to top", s(f(u, { icon: v }), o), o.addEventListener("click", (p) => {
+      p.stopPropagation(), window.scrollTo({ top: 0, behavior: "smooth" });
+    }), document.body.appendChild(o), o;
+  }, a = (o) => {
+    !e || n === o || (n = o, i.killTweensOf(e), o ? i.to(e, {
+      y: 0,
+      opacity: 1,
+      scale: 1,
+      duration: 0.4,
+      ease: "back.out(1.7)",
+      overwrite: !0,
+      onStart: () => {
+        e && (e.style.display = "flex");
+      }
+    }) : i.to(e, {
+      y: t.animationOffset,
+      opacity: 0,
+      scale: 0.6,
+      duration: 0.3,
+      ease: "power2.in",
+      overwrite: !0,
+      onComplete: () => {
+        e && (e.style.display = "none");
+      }
+    }));
+  }, r = y(() => {
+    const o = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
+    a(o > t.scrollThreshold);
+  }, 100);
+  d(() => {
+    e = c(), i.set(e, {
+      y: t.animationOffset,
+      opacity: 0,
+      scale: 0.8
+    }), window.addEventListener("scroll", r, { passive: !0 }), r();
+  }), m(() => {
+    e && (window.removeEventListener("scroll", r), i.killTweensOf(e), s(null, e), e.remove(), e = null);
+  });
+};
+export {
+  b as DEFAULT_OPTIONS,
+  L as useWindowBackTop
+};

package/dist/hooks.js

@@ -0,0 +1,13 @@
+import { useAudio as r } from "./hooks/useAudio.js";
+import { useElementScroll as f } from "./hooks/useElementScroll.js";
+import { useGSAP as p } from "./hooks/useGSAP.js";
+import { useRefreshRate as u } from "./hooks/useRefreshRate.js";
+import { DEFAULT_OPTIONS as l, useWindowBackTop as A } from "./hooks/useWindowBackTop.js";
+export {
+  l as DEFAULT_OPTIONS,
+  r as useAudio,
+  f as useElementScroll,
+  p as useGSAP,
+  u as useRefreshRate,
+  A as useWindowBackTop
+};