tttb 0.1.19 → 0.1.20

package/dist/directives/vBackTop.js

@@ -1,128 +1,113 @@
-import { render as g, h as b } from "vue";
-import { debounce as w } from "../utils/debounce.js";
+import { render as v, h } from "vue";
+import { debounce as f } from "../utils/debounce.js";
 import "../utils/dialog.js";
-import { injectStyles as k } from "../utils/injectStyles.js";
+import { injectStyles as u } from "../utils/injectStyles.js";
 import "../utils/localStorage.js";
 import "../utils/msg.js";
 import "../utils/sessionStorage.js";
-import { DEFAULT_OPTIONS as z } from "../hooks/useWindowBackTop.js";
-import x from "../components/Icon/index.js";
-import { faAngleUp as O } from "../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import p from "../node_modules/gsap/index.js";
-const T = `
+import { DEFAULT_OPTIONS as m } from "../hooks/useWindowBackTop.js";
+import y from "../components/Icon/index.js";
+import { faAngleUp as w } from "../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import l from "../node_modules/gsap/index.js";
+const g = `
 .v-back-top-wrapper {
-  position: absolute;
-  top: 0;
+  position: sticky;
   left: 0;
-  width: 0;
+  bottom: 0;
+  width: 100%;
   height: 0;
-  will-change: transform;
+  pointer-events: none;
 }
+
 .v-back-top-inner {
-  width: var(--size, 36px);
-  height: var(--size, 36px);
+  --size: var(--vbt-size, 36px);
+  position: absolute;
+  width: var(--size);
+  height: var(--size);
   color: var(--color-white, #fff);
-  font-size: calc(var(--size, 36px) * 0.5);
+  font-size: calc(var(--size) * 0.5);
   border-radius: 50%;
   display: none;
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+  pointer-events: auto;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  will-change: transform, opacity;
 }
+
 .v-back-top-inner:hover {
   filter: brightness(1.1);
+  transform: translateY(-2px);
 }
 `;
-k(T, "v-back-top-styles");
-const S = (e, t) => {
-  const o = document.createElement("div");
-  o.className = "v-back-top-wrapper", o.style.zIndex = `${t.zIndex}`;
-  const i = document.createElement("div");
-  return i.className = `v-back-top-inner bg-${t.type}`, i.style.setProperty("--size", `${t.size}px`), i.title = "回到顶部", g(b(x, { icon: O }), i), i.addEventListener("click", (r) => {
-    r.stopPropagation(), e.scrollTo({ top: 0, behavior: "smooth" });
-  }), o.appendChild(i), e.appendChild(o), { wrapper: o, inner: i };
-}, l = (e) => {
-  const { el: t, wrapper: o, clientHeight: i, clientWidth: r, options: s } = e, c = t.scrollTop + i - s.size - s.bottom, a = t.scrollLeft + r - s.size - s.right;
-  o.style.transform = `translate3d(${a}px, ${c}px, 0)`;
-}, y = (e, t) => {
-  if (e.visible === t) return;
-  e.visible = t;
-  const { inner: o, options: i } = e;
-  p.killTweensOf(o), t ? p.to(o, {
-    y: 0,
-    opacity: 1,
-    scale: 1,
-    duration: 0.4,
-    ease: "back.out(1.7)",
-    overwrite: !0,
-    onStart: () => {
-      o.style.display = "flex";
-    }
-  }) : p.to(o, {
-    y: i.animationOffset,
-    opacity: 0,
-    scale: 0.8,
-    duration: 0.3,
-    ease: "power2.in",
-    overwrite: !0,
-    onComplete: () => {
-      o.style.display = "none";
-    }
-  });
-}, d = /* @__PURE__ */ new WeakMap(), R = {
+u(g, "v-back-top-styles");
+const b = (e) => {
+  const { wrapper: o, inner: t, options: r } = e;
+  o.style.zIndex = `${r.zIndex}`, t.style.setProperty("--vbt-size", `${r.size}px`), t.style.right = `${r.right}px`, t.style.bottom = `${r.bottom}px`, t.className = `v-back-top-inner bg-${r.type}`;
+}, c = /* @__PURE__ */ new WeakMap(), P = {
   name: "back-top",
-  mounted(e, t) {
-    const o = t.value || {}, i = { ...z, ...o }, r = getComputedStyle(e);
-    let s = "";
-    r.position === "static" && (s = e.style.position, e.style.position = "relative");
-    const { wrapper: c, inner: a } = S(e, i);
-    p.set(a, {
-      y: i.animationOffset,
-      opacity: 0,
-      scale: 0.8
-    });
-    const n = {
-      wrapper: c,
-      inner: a,
-      el: e,
-      options: i,
+  mounted(e, o) {
+    const t = { ...m, ...o.value };
+    let r = "";
+    getComputedStyle(e).position === "static" && (r = e.style.position, e.style.position = "relative");
+    const a = document.createElement("div");
+    a.className = "v-back-top-wrapper";
+    const i = document.createElement("div");
+    i.title = "Back to top", v(h(y, { icon: w }), i), i.addEventListener("click", (n) => {
+      n.stopPropagation(), e.scrollTo({ top: 0, behavior: "smooth" });
+    }), a.appendChild(i), e.appendChild(a);
+    const s = {
+      wrapper: a,
+      inner: i,
+      options: t,
       visible: !1,
-      clientHeight: e.clientHeight,
-      clientWidth: e.clientWidth,
-      ticking: !1,
-      originalPosition: s,
-      handlers: {}
+      handler: () => {
+      },
+      observer: null,
+      originalPosition: r
     };
-    l(n);
-    const m = w(() => {
-      const h = e.scrollTop > i.scrollThreshold;
-      y(n, h);
-    }, 100), f = () => {
-      n.ticking || (requestAnimationFrame(() => {
-        l(n), m(), n.ticking = !1;
-      }), n.ticking = !0);
-    }, u = new ResizeObserver((h) => {
-      for (const v of h)
-        n.clientHeight = v.contentRect.height, n.clientWidth = v.contentRect.width, l(n), m();
-    });
-    u.observe(e), e.addEventListener("scroll", f, { passive: !0 }), n.handlers.scroll = f, n.handlers.resize = u, d.set(e, n), l(n), m();
+    b(s);
+    const p = f(() => {
+      const n = e.scrollTop > s.options.scrollThreshold;
+      s.visible !== n && (s.visible = n, l.killTweensOf(i), n ? l.to(i, {
+        y: 0,
+        opacity: 1,
+        scale: 1,
+        duration: 0.4,
+        ease: "back.out(1.7)",
+        overwrite: !0,
+        onStart: () => {
+          i.style.display = "flex";
+        }
+      }) : l.to(i, {
+        y: t.animationOffset,
+        opacity: 0,
+        scale: 0.8,
+        duration: 0.3,
+        ease: "power2.in",
+        overwrite: !0,
+        onComplete: () => {
+          i.style.display = "none";
+        }
+      }));
+    }, 100);
+    e.addEventListener("scroll", p, { passive: !0 });
+    const d = new ResizeObserver(p);
+    d.observe(e), s.handler = p, s.observer = d, c.set(e, s), p();
   },
-  updated(e, t) {
-    const o = d.get(e);
-    if (!o || t.value === t.oldValue) return;
-    const i = t.value || {};
-    Object.assign(o.options, i);
-    const { inner: r, wrapper: s, options: c } = o;
-    r.style.setProperty("--size", `${c.size}px`), s.style.zIndex = `${c.zIndex}`, r.className = `v-back-top-inner bg-${c.type}`, l(o);
-    const a = e.scrollTop > c.scrollThreshold;
-    y(o, a);
+  updated(e, o) {
+    const t = c.get(e);
+    if (!t) return;
+    t.options = { ...m, ...o.value }, b(t);
+    const r = e.scrollTop > t.options.scrollThreshold;
+    t.visible !== r && t.handler();
   },
   unmounted(e) {
-    const t = d.get(e);
-    t && (e.removeEventListener("scroll", t.handlers.scroll), t.handlers.resize.disconnect(), e.style.position = t.originalPosition, g(null, t.inner), t.wrapper.remove(), p.killTweensOf(t.inner), d.delete(e));
+    const o = c.get(e);
+    o && (e.removeEventListener("scroll", o.handler), o.observer.disconnect(), l.killTweensOf(o.inner), v(null, o.inner), o.wrapper.remove(), c.delete(e));
   }
 };
 export {
-  R as default
+  P as default
 };

package/dist/types/components/Table/index.d.ts

@@ -29,3 +29,22 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+ue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            row: {
+                index: number;
+                key: string;
+                data: any;
+            };
+        }): any;
+        empty?(_: {
+            row: {
+                index: number;
+                key: string;
+                data: any;
+            };
+        }): any;
+    };
+})>;
+export default _default;

package/package.json

@@ -3,7 +3,7 @@
   "engines": {
     "node": "^20.19.0 || >=22.12.0"
   },
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "this is a Vue3 components library",
   "author": "tttb <3190360451@qq.com>",
   "type": "module",