little-dizzy 2.5.0 → 2.6.0

package/dist/little-dizzy.js

@@ -1,10 +1,10 @@
-import { createElementBlock as a, openBlock as s, normalizeClass as $, renderSlot as z, createCommentVNode as g, createElementVNode as o, toDisplayString as T, normalizeStyle as x, ref as I, createBlock as X, Teleport as K, createVNode as J, TransitionGroup as Q, withCtx as Z, Fragment as _, renderList as B, computed as A, onMounted as F, onUnmounted as ee, watch as Y, createStaticVNode as R, createTextVNode as U } from "vue";
-const C = (e, t) => {
-  const n = e.__vccOpts || e;
+import { createElementBlock as n, openBlock as a, normalizeClass as C, renderSlot as _, createCommentVNode as f, createElementVNode as l, toDisplayString as V, normalizeStyle as w, ref as z, createBlock as R, Teleport as Z, createVNode as ee, TransitionGroup as te, withCtx as U, Fragment as $, renderList as S, computed as I, onMounted as j, onUnmounted as q, watch as G, createStaticVNode as W, createTextVNode as X, shallowRef as Y, Transition as se, withDirectives as ae, vShow as oe } from "vue";
+const B = (e, t) => {
+  const o = e.__vccOpts || e;
   for (const [r, d] of t)
-    n[r] = d;
-  return n;
-}, te = ["disabled"], se = {
+    o[r] = d;
+  return o;
+}, ne = ["disabled"], le = {
   __name: "Button",
   props: {
     // 按钮类型
@@ -32,29 +32,29 @@ const C = (e, t) => {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    return (n, r) => (s(), a("button", {
-      class: $(["btn", [
+    return (o, r) => (a(), n("button", {
+      class: C(["btn", [
         `btn-${e.type}`,
         `btn-${e.size}`,
         { "btn-block": e.block },
         { "btn-disabled": e.disabled }
       ]]),
       disabled: e.disabled,
-      onClick: r[0] || (r[0] = (d) => n.$emit("click", d))
+      onClick: r[0] || (r[0] = (d) => o.$emit("click", d))
     }, [
-      z(n.$slots, "default", {}, void 0, !0)
-    ], 10, te));
+      _(o.$slots, "default", {}, void 0, !0)
+    ], 10, ne));
   }
-}, ae = /* @__PURE__ */ C(se, [["__scopeId", "data-v-75f082b2"]]), ne = {
+}, re = /* @__PURE__ */ B(le, [["__scopeId", "data-v-75f082b2"]]), ie = {
   key: 0,
   class: "card-header"
-}, oe = {
+}, ce = {
   key: 0,
   class: "card-header-title"
-}, le = { class: "card-body" }, re = {
+}, de = { class: "card-body" }, ue = {
   key: 1,
   class: "card-footer"
-}, ie = {
+}, pe = {
   __name: "Card",
   props: {
     // 卡片标题
@@ -69,31 +69,31 @@ const C = (e, t) => {
     }
   },
   setup(e) {
-    return (t, n) => (s(), a("div", {
-      class: $(["card", { "card-shadow": e.shadow }])
+    return (t, o) => (a(), n("div", {
+      class: C(["card", { "card-shadow": e.shadow }])
     }, [
-      t.$slots.header || e.title ? (s(), a("div", ne, [
-        e.title ? (s(), a("h3", oe, T(e.title), 1)) : g("", !0),
-        z(t.$slots, "header", {}, void 0, !0)
-      ])) : g("", !0),
-      o("div", le, [
-        z(t.$slots, "default", {}, void 0, !0)
+      t.$slots.header || e.title ? (a(), n("div", ie, [
+        e.title ? (a(), n("h3", ce, V(e.title), 1)) : f("", !0),
+        _(t.$slots, "header", {}, void 0, !0)
+      ])) : f("", !0),
+      l("div", de, [
+        _(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (s(), a("div", re, [
-        z(t.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      t.$slots.footer ? (a(), n("div", ue, [
+        _(t.$slots, "footer", {}, void 0, !0)
+      ])) : f("", !0)
     ], 2));
   }
-}, ce = /* @__PURE__ */ C(ie, [["__scopeId", "data-v-1e2b2467"]]), de = { class: "modal-dialog" }, ue = { class: "modal-header" }, pe = {
+}, me = /* @__PURE__ */ B(pe, [["__scopeId", "data-v-1e2b2467"]]), ge = { class: "modal-dialog" }, ve = { class: "modal-header" }, he = {
   key: 0,
   class: "modal-header-title"
-}, me = { class: "modal-body" }, ge = {
+}, fe = { class: "modal-body" }, ye = {
   key: 0,
   class: "modal-footer"
-}, ve = {
+}, be = {
   key: 1,
   class: "modal-footer"
-}, he = {
+}, ke = {
   __name: "Modal",
   props: {
     // 是否显示模态框
@@ -118,54 +118,54 @@ const C = (e, t) => {
   },
   emits: ["close", "cancel", "confirm"],
   setup(e, { emit: t }) {
-    const n = t, r = () => {
-      n("close");
+    const o = t, r = () => {
+      o("close");
     }, d = () => {
-      n("cancel");
+      o("cancel");
     }, c = () => {
-      n("confirm");
+      o("confirm");
     };
-    return (l, v) => e.visible ? (s(), a("div", {
+    return (s, g) => e.visible ? (a(), n("div", {
       key: 0,
-      class: $(["modal", { "modal-show": e.visible }])
+      class: C(["modal", { "modal-show": e.visible }])
     }, [
-      o("div", de, [
-        o("div", {
+      l("div", ge, [
+        l("div", {
           class: "modal-content",
-          style: x({ width: e.width })
+          style: w({ width: e.width })
         }, [
-          o("div", ue, [
-            e.title ? (s(), a("h3", pe, T(e.title), 1)) : g("", !0),
-            o("button", {
+          l("div", ve, [
+            e.title ? (a(), n("h3", he, V(e.title), 1)) : f("", !0),
+            l("button", {
               class: "modal-header-close",
               onClick: r
             }, "×")
           ]),
-          o("div", me, [
-            z(l.$slots, "default", {}, void 0, !0)
+          l("div", fe, [
+            _(s.$slots, "default", {}, void 0, !0)
           ]),
-          l.$slots.footer ? (s(), a("div", ge, [
-            z(l.$slots, "footer", {}, void 0, !0)
-          ])) : e.showFooter ? (s(), a("div", ve, [
-            o("button", {
+          s.$slots.footer ? (a(), n("div", ye, [
+            _(s.$slots, "footer", {}, void 0, !0)
+          ])) : e.showFooter ? (a(), n("div", be, [
+            l("button", {
               class: "btn btn-secondary",
               onClick: d
             }, "取消"),
-            o("button", {
+            l("button", {
               class: "btn btn-primary",
               onClick: c
             }, "确定")
-          ])) : g("", !0)
+          ])) : f("", !0)
         ], 4)
       ])
-    ], 2)) : g("", !0);
+    ], 2)) : f("", !0);
   }
-}, fe = /* @__PURE__ */ C(he, [["__scopeId", "data-v-39af2dcd"]]), ye = ["innerHTML"], be = { class: "text-sm font-medium" }, ke = ["onClick"], we = /* @__PURE__ */ Object.assign({
+}, we = /* @__PURE__ */ B(ke, [["__scopeId", "data-v-39af2dcd"]]), xe = ["innerHTML"], _e = { class: "text-sm font-medium" }, $e = ["onClick"], Be = /* @__PURE__ */ Object.assign({
   name: "Message"
 }, {
   __name: "Message",
   setup(e, { expose: t }) {
-    const n = I([]), r = {
+    const o = z([]), r = {
       success: "bg-emerald-500/95 text-white",
       warning: "bg-amber-500/95 text-white",
       error: "bg-rose-500/95 text-white",
@@ -186,7 +186,7 @@ const C = (e, t) => {
   </svg>`
     };
     let c = 0;
-    const l = (p) => {
+    const s = (p) => {
       const i = ++c, u = {
         id: i,
         type: p.type || "info",
@@ -194,76 +194,76 @@ const C = (e, t) => {
         duration: p.duration ?? 3e3,
         closable: p.closable ?? !1
       };
-      return n.value.push(u), u.duration > 0 && setTimeout(() => {
-        v(i);
+      return o.value.push(u), u.duration > 0 && setTimeout(() => {
+        g(i);
       }, u.duration), i;
-    }, v = (p) => {
-      const i = n.value.findIndex((u) => u.id === p);
-      i > -1 && n.value.splice(i, 1);
+    }, g = (p) => {
+      const i = o.value.findIndex((u) => u.id === p);
+      i > -1 && o.value.splice(i, 1);
     };
     return t({
-      addMessage: l,
-      removeMessage: v,
+      addMessage: s,
+      removeMessage: g,
       clearAll: () => {
-        n.value = [];
+        o.value = [];
       },
       // Shorthand methods
-      success: (p, i = {}) => l({ ...i, type: "success", content: p }),
-      warning: (p, i = {}) => l({ ...i, type: "warning", content: p }),
-      error: (p, i = {}) => l({ ...i, type: "error", content: p }),
-      info: (p, i = {}) => l({ ...i, type: "info", content: p })
-    }), (p, i) => (s(), X(K, { to: "body" }, [
-      J(Q, {
+      success: (p, i = {}) => s({ ...i, type: "success", content: p }),
+      warning: (p, i = {}) => s({ ...i, type: "warning", content: p }),
+      error: (p, i = {}) => s({ ...i, type: "error", content: p }),
+      info: (p, i = {}) => s({ ...i, type: "info", content: p })
+    }), (p, i) => (a(), R(Z, { to: "body" }, [
+      ee(te, {
         name: "message",
         tag: "div",
         class: "fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col items-center gap-3 pointer-events-none"
       }, {
-        default: Z(() => [
-          (s(!0), a(_, null, B(n.value, (u) => (s(), a("div", {
+        default: U(() => [
+          (a(!0), n($, null, S(o.value, (u) => (a(), n("div", {
             key: u.id,
-            class: $(["pointer-events-auto flex items-center gap-3 px-5 py-3 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300", r[u.type]])
+            class: C(["pointer-events-auto flex items-center gap-3 px-5 py-3 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300", r[u.type]])
           }, [
-            o("span", {
+            l("span", {
               class: "flex-shrink-0",
               innerHTML: d[u.type]
-            }, null, 8, ye),
-            o("span", be, T(u.content), 1),
-            u.closable ? (s(), a("button", {
+            }, null, 8, xe),
+            l("span", _e, V(u.content), 1),
+            u.closable ? (a(), n("button", {
               key: 0,
-              onClick: (V) => v(u.id),
+              onClick: (A) => g(u.id),
               class: "flex-shrink-0 ml-2 p-1 rounded-full hover:bg-black/10 transition-colors"
             }, [...i[0] || (i[0] = [
-              o("svg", {
+              l("svg", {
                 class: "w-4 h-4",
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
                 "stroke-width": "2"
               }, [
-                o("path", { d: "M18 6L6 18M6 6l12 12" })
+                l("path", { d: "M18 6L6 18M6 6l12 12" })
               ], -1)
-            ])], 8, ke)) : g("", !0)
+            ])], 8, $e)) : f("", !0)
           ], 2))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), xe = /* @__PURE__ */ C(we, [["__scopeId", "data-v-d727fd6c"]]), _e = ["src", "alt"], $e = {
+}), ze = /* @__PURE__ */ B(Be, [["__scopeId", "data-v-d727fd6c"]]), Ce = ["src", "alt"], Se = {
   key: 1,
   class: "slide-title"
-}, ze = {
+}, Me = {
   key: 0,
   class: "carousel-indicators"
-}, Be = ["onClick"], Ce = {
+}, Le = ["onClick"], Te = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24"
-}, Se = ["d"], Me = {
+}, Ie = ["d"], Ve = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24"
-}, Le = ["d"], Ie = /* @__PURE__ */ Object.assign({
+}, Ae = ["d"], Ee = /* @__PURE__ */ Object.assign({
   name: "Carousel"
 }, {
   __name: "Carousel",
@@ -299,100 +299,100 @@ const C = (e, t) => {
     }
   },
   emits: ["change"],
-  setup(e, { expose: t, emit: n }) {
-    const r = e, d = n, c = I(0);
-    let l = null;
-    const v = A(() => {
-      const y = c.value * 100;
-      return r.direction === "vertical" ? { transform: `translateY(-${y}%)` } : { transform: `translateX(-${y}%)` };
-    }), f = () => {
+  setup(e, { expose: t, emit: o }) {
+    const r = e, d = o, c = z(0);
+    let s = null;
+    const g = I(() => {
+      const v = c.value * 100;
+      return r.direction === "vertical" ? { transform: `translateY(-${v}%)` } : { transform: `translateX(-${v}%)` };
+    }), h = () => {
       c.value = (c.value + 1) % r.items.length, d("change", c.value);
     }, p = () => {
       c.value = (c.value - 1 + r.items.length) % r.items.length, d("change", c.value);
-    }, i = (y) => {
-      c.value = y, d("change", c.value);
+    }, i = (v) => {
+      c.value = v, d("change", c.value);
     }, u = () => {
-      r.autoplay && r.items.length > 1 && (l = setInterval(f, r.interval));
-    }, V = () => {
-      l && (clearInterval(l), l = null);
+      r.autoplay && r.items.length > 1 && (s = setInterval(h, r.interval));
+    }, A = () => {
+      s && (clearInterval(s), s = null);
     };
-    return F(() => {
+    return j(() => {
       u();
-    }), ee(() => {
-      V();
+    }), q(() => {
+      A();
     }), t({
-      next: f,
+      next: h,
       prev: p,
       goTo: i,
       currentIndex: c
-    }), (y, k) => (s(), a("div", {
-      class: $(["ld-carousel", { "ld-carousel--vertical": e.direction === "vertical" }]),
-      style: x({ height: e.height })
+    }), (v, b) => (a(), n("div", {
+      class: C(["ld-carousel", { "ld-carousel--vertical": e.direction === "vertical" }]),
+      style: w({ height: e.height })
     }, [
-      o("div", {
+      l("div", {
         class: "carousel-container",
-        style: x(v.value)
+        style: w(g.value)
       }, [
-        (s(!0), a(_, null, B(e.items, (S, M) => (s(), a("div", {
-          key: M,
-          class: $(["carousel-slide", { active: M === c.value }])
+        (a(!0), n($, null, S(e.items, (M, L) => (a(), n("div", {
+          key: L,
+          class: C(["carousel-slide", { active: L === c.value }])
         }, [
-          z(y.$slots, "item", {
-            item: S,
-            index: M
+          _(v.$slots, "item", {
+            item: M,
+            index: L
           }, () => [
-            S.image ? (s(), a("img", {
+            M.image ? (a(), n("img", {
               key: 0,
-              src: S.image,
-              alt: S.title || ""
-            }, null, 8, _e)) : g("", !0),
-            S.title ? (s(), a("div", $e, T(S.title), 1)) : g("", !0)
+              src: M.image,
+              alt: M.title || ""
+            }, null, 8, Ce)) : f("", !0),
+            M.title ? (a(), n("div", Se, V(M.title), 1)) : f("", !0)
           ], !0)
         ], 2))), 128))
       ], 4),
-      e.showIndicators ? (s(), a("div", ze, [
-        (s(!0), a(_, null, B(e.items, (S, M) => (s(), a("span", {
-          key: M,
-          class: $(["indicator", { active: M === c.value }]),
-          onClick: (O) => i(M)
-        }, null, 10, Be))), 128))
-      ])) : g("", !0),
-      e.showArrows ? (s(), a(_, { key: 1 }, [
-        o("button", {
+      e.showIndicators ? (a(), n("div", Me, [
+        (a(!0), n($, null, S(e.items, (M, L) => (a(), n("span", {
+          key: L,
+          class: C(["indicator", { active: L === c.value }]),
+          onClick: (O) => i(L)
+        }, null, 10, Le))), 128))
+      ])) : f("", !0),
+      e.showArrows ? (a(), n($, { key: 1 }, [
+        l("button", {
           class: "carousel-arrow prev",
           onClick: p
         }, [
-          (s(), a("svg", Ce, [
-            o("path", {
+          (a(), n("svg", Te, [
+            l("path", {
               fill: "currentColor",
               d: e.direction === "vertical" ? "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" : "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-            }, null, 8, Se)
+            }, null, 8, Ie)
           ]))
         ]),
-        o("button", {
+        l("button", {
           class: "carousel-arrow next",
-          onClick: f
+          onClick: h
         }, [
-          (s(), a("svg", Me, [
-            o("path", {
+          (a(), n("svg", Ve, [
+            l("path", {
               fill: "currentColor",
               d: e.direction === "vertical" ? "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z" : "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-            }, null, 8, Le)
+            }, null, 8, Ae)
           ]))
         ])
-      ], 64)) : g("", !0)
+      ], 64)) : f("", !0)
     ], 6));
   }
-}), Te = /* @__PURE__ */ C(Ie, [["__scopeId", "data-v-42bf1623"]]), Ae = {
+}), Oe = /* @__PURE__ */ B(Ee, [["__scopeId", "data-v-42bf1623"]]), je = {
   key: 1,
   class: "dots"
-}, Ve = {
+}, De = {
   key: 4,
   class: "bars"
-}, Ee = {
+}, He = {
   key: 5,
   class: "loading-text"
-}, Oe = /* @__PURE__ */ Object.assign({
+}, Ne = /* @__PURE__ */ Object.assign({
   name: "Loading"
 }, {
   __name: "Loading",
@@ -420,60 +420,60 @@ const C = (e, t) => {
     }
   },
   setup(e) {
-    const t = e, n = A(() => ({
+    const t = e, o = I(() => ({
       width: t.size,
       height: t.size,
       "--spinner-color": t.color
-    })), r = A(() => ({
+    })), r = I(() => ({
       width: t.size,
       height: t.size,
       "--ring-color": t.color
     }));
-    return (d, c) => (s(), a("div", {
-      class: $(["ld-loading", [`ld-loading--${e.type}`, { "ld-loading--fullscreen": e.fullscreen }]])
+    return (d, c) => (a(), n("div", {
+      class: C(["ld-loading", [`ld-loading--${e.type}`, { "ld-loading--fullscreen": e.fullscreen }]])
     }, [
-      e.type === "spinner" ? (s(), a("div", {
+      e.type === "spinner" ? (a(), n("div", {
         key: 0,
         class: "spinner",
-        style: x(n.value)
+        style: w(o.value)
       }, [
-        (s(), a(_, null, B(12, (l) => o("div", {
-          key: l,
+        (a(), n($, null, S(12, (s) => l("div", {
+          key: s,
           class: "spinner-blade"
         })), 64))
-      ], 4)) : e.type === "dots" ? (s(), a("div", Ae, [
-        (s(), a(_, null, B(3, (l) => o("span", {
-          key: l,
+      ], 4)) : e.type === "dots" ? (a(), n("div", je, [
+        (a(), n($, null, S(3, (s) => l("span", {
+          key: s,
           class: "dot",
-          style: x({ background: e.color })
+          style: w({ background: e.color })
         }, null, 4)), 64))
-      ])) : e.type === "ring" ? (s(), a("div", {
+      ])) : e.type === "ring" ? (a(), n("div", {
         key: 2,
         class: "ring",
-        style: x(r.value)
+        style: w(r.value)
       }, [...c[0] || (c[0] = [
-        o("div", { class: "ring-inner" }, null, -1)
-      ])], 4)) : e.type === "pulse" ? (s(), a("div", {
+        l("div", { class: "ring-inner" }, null, -1)
+      ])], 4)) : e.type === "pulse" ? (a(), n("div", {
         key: 3,
         class: "pulse",
-        style: x({ background: e.color, width: e.size, height: e.size })
-      }, null, 4)) : e.type === "bars" ? (s(), a("div", Ve, [
-        (s(), a(_, null, B(5, (l) => o("span", {
-          key: l,
+        style: w({ background: e.color, width: e.size, height: e.size })
+      }, null, 4)) : e.type === "bars" ? (a(), n("div", De, [
+        (a(), n($, null, S(5, (s) => l("span", {
+          key: s,
           class: "bar",
-          style: x({ background: e.color })
+          style: w({ background: e.color })
         }, null, 4)), 64))
-      ])) : g("", !0),
-      e.text ? (s(), a("div", Ee, T(e.text), 1)) : g("", !0)
+      ])) : f("", !0),
+      e.text ? (a(), n("div", He, V(e.text), 1)) : f("", !0)
     ], 2));
   }
-}), je = /* @__PURE__ */ C(Oe, [["__scopeId", "data-v-5052ea89"]]), De = {
+}), Pe = /* @__PURE__ */ B(Ne, [["__scopeId", "data-v-5052ea89"]]), Ye = {
   key: 0,
   class: "ld-table-loading"
-}, He = {
+}, Fe = {
   key: 0,
   class: "loading-text"
-}, Pe = { class: "ld-table" }, Ne = ["onClick"], Fe = { class: "th-content" }, Ye = { key: 0 }, Re = ["colspan"], Ue = ["onClick"], qe = /* @__PURE__ */ Object.assign({
+}, Re = { class: "ld-table" }, Ue = ["onClick"], qe = { class: "th-content" }, Ge = { key: 0 }, We = ["colspan"], Xe = ["onClick"], Ke = /* @__PURE__ */ Object.assign({
   name: "ldTable"
 }, {
   __name: "Table",
@@ -517,54 +517,54 @@ const C = (e, t) => {
     }
   },
   emits: ["row-click", "load-success", "load-error"],
-  setup(e, { expose: t, emit: n }) {
-    const r = e, d = n, c = I(!1), l = I([]), v = A(() => typeof r.api == "function"), f = A(() => r.loading || c.value), p = A(() => v.value ? l.value : r.data), i = async (h = {}) => {
-      if (v.value) {
+  setup(e, { expose: t, emit: o }) {
+    const r = e, d = o, c = z(!1), s = z([]), g = I(() => typeof r.api == "function"), h = I(() => r.loading || c.value), p = I(() => g.value ? s.value : r.data), i = async (y = {}) => {
+      if (g.value) {
         c.value = !0;
         try {
-          const b = { ...r.loadParams, ...h }, m = await r.api(b);
-          return l.value = Array.isArray(m) ? m : m?.data || m?.list || [], d("load-success", l.value), l.value;
-        } catch (b) {
-          throw console.error("[ld-table] Load error:", b), d("load-error", b), b;
+          const k = { ...r.loadParams, ...y }, m = await r.api(k);
+          return s.value = Array.isArray(m) ? m : m?.data || m?.list || [], d("load-success", s.value), s.value;
+        } catch (k) {
+          throw console.error("[ld-table] Load error:", k), d("load-error", k), k;
         } finally {
           c.value = !1;
         }
       }
-    }, u = (h = {}) => i(h), V = () => {
-      l.value = [];
+    }, u = (y = {}) => i(y), A = () => {
+      s.value = [];
     };
-    Y(() => r.loadParams, (h) => {
-      v.value && r.autoLoad && i();
-    }, { deep: !0 }), F(() => {
-      v.value && r.autoLoad && i();
+    G(() => r.loadParams, (y) => {
+      g.value && r.autoLoad && i();
+    }, { deep: !0 }), j(() => {
+      g.value && r.autoLoad && i();
     });
-    const y = I(""), k = I(""), S = (h) => {
-      y.value === h ? (k.value = k.value === "asc" ? "desc" : k.value === "desc" ? "" : "asc", k.value || (y.value = "")) : (y.value = h, k.value = "asc");
-    }, M = (h) => y.value !== h ? "" : k.value === "asc" ? "sort-asc" : k.value === "desc" ? "sort-desc" : "", O = A(() => {
-      const h = p.value;
-      return !y.value || !k.value ? h : [...h].sort((b, m) => {
-        const L = b[y.value], w = m[y.value];
-        if (typeof L == "number" && typeof w == "number")
-          return k.value === "asc" ? L - w : w - L;
-        const H = String(L || ""), P = String(w || "");
-        return k.value === "asc" ? H.localeCompare(P) : P.localeCompare(H);
+    const v = z(""), b = z(""), M = (y) => {
+      v.value === y ? (b.value = b.value === "asc" ? "desc" : b.value === "desc" ? "" : "asc", b.value || (v.value = "")) : (v.value = y, b.value = "asc");
+    }, L = (y) => v.value !== y ? "" : b.value === "asc" ? "sort-asc" : b.value === "desc" ? "sort-desc" : "", O = I(() => {
+      const y = p.value;
+      return !v.value || !b.value ? y : [...y].sort((k, m) => {
+        const T = k[v.value], x = m[v.value];
+        if (typeof T == "number" && typeof x == "number")
+          return b.value === "asc" ? T - x : x - T;
+        const N = String(T || ""), P = String(x || "");
+        return b.value === "asc" ? N.localeCompare(P) : P.localeCompare(N);
       });
     });
     return t({
       load: i,
       reload: u,
-      clear: V,
-      getData: () => l.value
-    }), (h, b) => (s(), a("div", {
-      class: $(["ld-table-wrapper", { "ld-table--bordered": e.bordered, "ld-table--striped": e.striped }])
+      clear: A,
+      getData: () => s.value
+    }), (y, k) => (a(), n("div", {
+      class: C(["ld-table-wrapper", { "ld-table--bordered": e.bordered, "ld-table--striped": e.striped }])
     }, [
-      f.value ? (s(), a("div", De, [
-        b[0] || (b[0] = o("div", { class: "loading-spinner" }, [
-          o("svg", {
+      h.value ? (a(), n("div", Ye, [
+        k[0] || (k[0] = l("div", { class: "loading-spinner" }, [
+          l("svg", {
             class: "circular",
             viewBox: "0 0 50 50"
           }, [
-            o("circle", {
+            l("circle", {
               class: "path",
               cx: "25",
               cy: "25",
@@ -573,76 +573,153 @@ const C = (e, t) => {
             })
           ])
         ], -1)),
-        e.loadingText ? (s(), a("span", He, T(e.loadingText), 1)) : g("", !0)
-      ])) : g("", !0),
-      o("table", Pe, [
-        o("thead", null, [
-          o("tr", null, [
-            (s(!0), a(_, null, B(e.columns, (m) => (s(), a("th", {
+        e.loadingText ? (a(), n("span", Fe, V(e.loadingText), 1)) : f("", !0)
+      ])) : f("", !0),
+      l("table", Re, [
+        l("thead", null, [
+          l("tr", null, [
+            (a(!0), n($, null, S(e.columns, (m) => (a(), n("th", {
               key: m.key,
-              style: x({ width: m.width, textAlign: m.align || "left" }),
-              onClick: (L) => m.sortable && S(m.key)
+              style: w({ width: m.width, textAlign: m.align || "left" }),
+              onClick: (T) => m.sortable && M(m.key)
             }, [
-              o("div", Fe, [
-                o("span", null, T(m.title), 1),
-                m.sortable ? (s(), a("span", {
+              l("div", qe, [
+                l("span", null, V(m.title), 1),
+                m.sortable ? (a(), n("span", {
                   key: 0,
-                  class: $(["sort-icon", M(m.key)])
-                }, [...b[1] || (b[1] = [
-                  o("svg", {
+                  class: C(["sort-icon", L(m.key)])
+                }, [...k[1] || (k[1] = [
+                  l("svg", {
                     viewBox: "0 0 24 24",
                     width: "14",
                     height: "14"
                   }, [
-                    o("path", {
+                    l("path", {
                       fill: "currentColor",
                       d: "M7 10l5-5 5 5H7zm0 4l5 5 5-5H7z"
                     })
                   ], -1)
-                ])], 2)) : g("", !0)
+                ])], 2)) : f("", !0)
               ])
-            ], 12, Ne))), 128))
+            ], 12, Ue))), 128))
           ])
         ]),
-        o("tbody", null, [
-          !O.value.length && !f.value ? (s(), a("tr", Ye, [
-            o("td", {
+        l("tbody", null, [
+          !O.value.length && !h.value ? (a(), n("tr", Ge, [
+            l("td", {
               colspan: e.columns.length,
               class: "empty-cell"
             }, [
-              z(h.$slots, "empty", {}, () => [
-                b[2] || (b[2] = R('<div class="empty-content" data-v-567f3024><svg viewBox="0 0 64 41" width="64" height="41" data-v-567f3024><g transform="translate(0 1)" fill="none" fill-rule="evenodd" data-v-567f3024><ellipse fill="var(--ld-color-bg-secondary, #f5f5f5)" cx="32" cy="33" rx="32" ry="7" data-v-567f3024></ellipse><g fill-rule="nonzero" stroke="var(--ld-color-border, #d9d9d9)" data-v-567f3024><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" data-v-567f3024></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--ld-color-bg, #fafafa)" data-v-567f3024></path></g></g></svg><span data-v-567f3024>暂无数据</span></div>', 1))
+              _(y.$slots, "empty", {}, () => [
+                k[2] || (k[2] = W('<div class="empty-content" data-v-567f3024><svg viewBox="0 0 64 41" width="64" height="41" data-v-567f3024><g transform="translate(0 1)" fill="none" fill-rule="evenodd" data-v-567f3024><ellipse fill="var(--ld-color-bg-secondary, #f5f5f5)" cx="32" cy="33" rx="32" ry="7" data-v-567f3024></ellipse><g fill-rule="nonzero" stroke="var(--ld-color-border, #d9d9d9)" data-v-567f3024><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" data-v-567f3024></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--ld-color-bg, #fafafa)" data-v-567f3024></path></g></g></svg><span data-v-567f3024>暂无数据</span></div>', 1))
               ], !0)
-            ], 8, Re)
-          ])) : g("", !0),
-          (s(!0), a(_, null, B(O.value, (m, L) => (s(), a("tr", {
-            key: L,
-            onClick: (w) => h.$emit("row-click", m, L)
+            ], 8, We)
+          ])) : f("", !0),
+          (a(!0), n($, null, S(O.value, (m, T) => (a(), n("tr", {
+            key: T,
+            onClick: (x) => y.$emit("row-click", m, T)
           }, [
-            (s(!0), a(_, null, B(e.columns, (w) => (s(), a("td", {
-              key: w.key,
-              style: x({ textAlign: w.align || "left" })
+            (a(!0), n($, null, S(e.columns, (x) => (a(), n("td", {
+              key: x.key,
+              style: w({ textAlign: x.align || "left" })
             }, [
-              z(h.$slots, w.key, {
+              _(y.$slots, x.key, {
                 row: m,
-                index: L,
-                value: m[w.key]
+                index: T,
+                value: m[x.key]
               }, () => [
-                U(T(m[w.key]), 1)
+                X(V(m[x.key]), 1)
               ], !0)
             ], 4))), 128))
-          ], 8, Ue))), 128))
+          ], 8, Xe))), 128))
         ])
       ])
     ], 2));
   }
-}), Ge = /* @__PURE__ */ C(qe, [["__scopeId", "data-v-567f3024"]]);
-I([]);
-let We = 0;
-const Xe = (e) => {
-  const t = ++We, n = e.type || "info", r = e.content || "", d = e.duration ?? 3e3, c = e.closable ?? !1, l = document.createElement("div");
-  l.className = `ld-message ld-message--${n}`, l.setAttribute("data-id", t);
-  let f = `${{
+}), Je = /* @__PURE__ */ B(Ke, [["__scopeId", "data-v-567f3024"]]), Qe = {
+  __name: "Backtop",
+  props: {
+    // 滚动高度达到此参数值才出现
+    visibilityHeight: {
+      type: Number,
+      default: 200
+    },
+    // 距离页面右边距
+    right: {
+      type: Number,
+      default: 40
+    },
+    // 距离页面底部距离
+    bottom: {
+      type: Number,
+      default: 40
+    },
+    // 触发滚动的对象
+    target: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["click"],
+  setup(e, { expose: t, emit: o }) {
+    const r = e, d = o, c = z(!1), s = Y(null);
+    Y(null);
+    const g = I(() => ({
+      right: `${r.right}px`,
+      bottom: `${r.bottom}px`
+    })), h = () => r.target ? document.querySelector(r.target) ?? window : window, p = () => s.value === window ? window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0 : s.value?.scrollTop ?? 0, i = () => {
+      c.value = p() >= r.visibilityHeight;
+    }, u = (v) => {
+      A(), d("click", v);
+    }, A = () => {
+      s.value && (s.value === window ? window.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      }) : s.value.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      }));
+    };
+    return j(() => {
+      s.value = h(), s.value && (s.value.addEventListener("scroll", i, { passive: !0 }), i());
+    }), q(() => {
+      s.value && s.value.removeEventListener("scroll", i);
+    }), t({
+      scrollToTop: A
+    }), (v, b) => (a(), R(se, { name: "ld-backtop-fade" }, {
+      default: U(() => [
+        ae(l("div", {
+          class: "ld-backtop",
+          style: w(g.value),
+          onClick: u
+        }, [
+          _(v.$slots, "default", {}, () => [
+            b[0] || (b[0] = l("svg", {
+              class: "ld-backtop-icon",
+              viewBox: "0 0 24 24",
+              width: "20",
+              height: "20"
+            }, [
+              l("path", {
+                fill: "currentColor",
+                d: "M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"
+              })
+            ], -1))
+          ], !0)
+        ], 4), [
+          [oe, c.value]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}, Ze = /* @__PURE__ */ B(Qe, [["__scopeId", "data-v-e2cc7059"]]);
+z([]);
+let et = 0;
+const tt = (e) => {
+  const t = ++et, o = e.type || "info", r = e.content || "", d = e.duration ?? 3e3, c = e.closable ?? !1, s = document.createElement("div");
+  s.className = `ld-message ld-message--${o}`, s.setAttribute("data-id", t);
+  let h = `${{
     success: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
       <path d="M20 6L9 17l-5-5" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>`,
@@ -656,13 +733,13 @@ const Xe = (e) => {
     info: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="currentColor">
       <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
     </svg>`
-  }[n]}<span class="ld-message-content">${r}</span>`;
-  return c && (f += `<button class="ld-message-close" onclick="window.__ldMessageClose(${t})">
+  }[o]}<span class="ld-message-content">${r}</span>`;
+  return c && (h += `<button class="ld-message-close" onclick="window.__ldMessageClose(${t})">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
         <path d="M18 6L6 18M6 6l12 12"/>
       </svg>
-    </button>`), l.innerHTML = f, { id: t, element: l, duration: d };
-}, Ke = () => {
+    </button>`), s.innerHTML = h, { id: t, element: s, duration: d };
+}, st = () => {
   let e = document.getElementById("ld-message-root");
   if (!e) {
     e = document.createElement("div"), e.id = "ld-message-root", document.body.appendChild(e);
@@ -731,50 +808,50 @@ const Xe = (e) => {
     `, document.head.appendChild(t);
   }
   return e;
-}, j = (e) => {
+}, D = (e) => {
   const t = document.getElementById("ld-message-root");
   if (!t) return;
-  const n = t.querySelector(`[data-id="${e}"]`);
-  n && (n.classList.add("ld-message--closing"), setTimeout(() => {
-    n.remove();
+  const o = t.querySelector(`[data-id="${e}"]`);
+  o && (o.classList.add("ld-message--closing"), setTimeout(() => {
+    o.remove();
   }, 200));
 };
-typeof window < "u" && (window.__ldMessageClose = j);
+typeof window < "u" && (window.__ldMessageClose = D);
 const E = (e) => {
-  const t = Ke(), { id: n, element: r, duration: d } = Xe(e);
+  const t = st(), { id: o, element: r, duration: d } = tt(e);
   return t.appendChild(r), d > 0 && setTimeout(() => {
-    j(n);
-  }, d), n;
-}, N = {
+    D(o);
+  }, d), o;
+}, F = {
   success: (e, t = {}) => E({ ...t, type: "success", content: e }),
   warning: (e, t = {}) => E({ ...t, type: "warning", content: e }),
   error: (e, t = {}) => E({ ...t, type: "error", content: e }),
   info: (e, t = {}) => E({ ...t, type: "info", content: e }),
-  close: j,
+  close: D,
   closeAll: () => {
     const e = document.getElementById("ld-message-root");
     e && (e.innerHTML = "");
   }
-}, Je = { class: "lzbutton-wrapper" }, Qe = { class: "button" }, Ze = /* @__PURE__ */ Object.assign({
+}, at = { class: "lzbutton-wrapper" }, ot = { class: "button" }, nt = /* @__PURE__ */ Object.assign({
   name: "Lzbutton"
 }, {
   __name: "lzbutton",
   setup(e) {
-    return (t, n) => (s(), a("div", Je, [
-      o("button", Qe, [
-        n[1] || (n[1] = o("svg", {
+    return (t, o) => (a(), n("div", at, [
+      l("button", ot, [
+        o[1] || (o[1] = l("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 36 24"
         }, [
-          o("path", { d: "m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z" })
+          l("path", { d: "m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z" })
         ], -1)),
-        z(t.$slots, "default", {}, () => [
-          n[0] || (n[0] = U("Unlock Pro", -1))
+        _(t.$slots, "default", {}, () => [
+          o[0] || (o[0] = X("Unlock Pro", -1))
         ], !0)
       ])
     ]));
   }
-}), et = /* @__PURE__ */ C(Ze, [["__scopeId", "data-v-7124b716"]]), tt = { class: "Lztext-wrapper" }, st = { class: "loader-wrapper" }, at = /* @__PURE__ */ Object.assign({
+}), lt = /* @__PURE__ */ B(nt, [["__scopeId", "data-v-7124b716"]]), rt = { class: "Lztext-wrapper" }, it = { class: "loader-wrapper" }, ct = /* @__PURE__ */ Object.assign({
   name: "Lztext"
 }, {
   __name: "Lztext",
@@ -788,19 +865,19 @@ const E = (e) => {
     }
   },
   setup(e) {
-    const t = e, n = A(() => t.text.split(""));
-    return (r, d) => (s(), a("div", tt, [
-      o("div", st, [
-        (s(!0), a(_, null, B(n.value, (c, l) => (s(), a("span", {
-          key: l,
+    const t = e, o = I(() => t.text.split(""));
+    return (r, d) => (a(), n("div", rt, [
+      l("div", it, [
+        (a(!0), n($, null, S(o.value, (c, s) => (a(), n("span", {
+          key: s,
           class: "loader-letter",
-          style: x({ animationDelay: `${0.1 + l * 0.105}s` })
-        }, T(c === " " ? " " : c), 5))), 128)),
-        d[0] || (d[0] = o("div", { class: "loader" }, null, -1))
+          style: w({ animationDelay: `${0.1 + s * 0.105}s` })
+        }, V(c === " " ? " " : c), 5))), 128)),
+        d[0] || (d[0] = l("div", { class: "loader" }, null, -1))
       ])
     ]));
   }
-}), nt = /* @__PURE__ */ C(at, [["__scopeId", "data-v-2cca50b0"]]), ot = { class: "lztheme-wrapper" }, lt = { class: "theme__toggle-wrap" }, rt = ["checked"], it = /* @__PURE__ */ Object.assign({
+}), dt = /* @__PURE__ */ B(ct, [["__scopeId", "data-v-2cca50b0"]]), ut = { class: "lztheme-wrapper" }, pt = { class: "theme__toggle-wrap" }, mt = ["checked"], gt = /* @__PURE__ */ Object.assign({
   name: "Lztheme"
 }, {
   __name: "lztheme",
@@ -812,51 +889,51 @@ const E = (e) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { expose: t, emit: n }) {
+  setup(e, { expose: t, emit: o }) {
     let r = 0;
-    const d = `lztheme-toggle-${++r}-${Date.now()}`, c = e, l = n, v = I(null), f = I(c.modelValue);
-    Y(() => c.modelValue, (i) => {
-      f.value = i;
+    const d = `lztheme-toggle-${++r}-${Date.now()}`, c = e, s = o, g = z(null), h = z(c.modelValue);
+    G(() => c.modelValue, (i) => {
+      h.value = i;
     });
     const p = (i) => {
       const u = i.target.checked;
-      f.value = u, l("update:modelValue", u), l("change", u);
+      h.value = u, s("update:modelValue", u), s("change", u);
     };
     return t({
       toggle: () => {
-        v.value && v.value.click();
+        g.value && g.value.click();
       },
       setDark: (i) => {
-        f.value = i, l("update:modelValue", i), l("change", i);
+        h.value = i, s("update:modelValue", i), s("change", i);
       }
-    }), (i, u) => (s(), a("div", ot, [
-      o("label", {
+    }), (i, u) => (a(), n("div", ut, [
+      l("label", {
         for: d,
         class: "theme"
       }, [
-        o("span", lt, [
-          o("input", {
+        l("span", pt, [
+          l("input", {
             id: d,
             ref_key: "toggleRef",
-            ref: v,
+            ref: g,
             class: "theme__toggle",
             type: "checkbox",
             role: "switch",
             name: "theme",
             value: "dark",
-            checked: f.value,
+            checked: h.value,
             onChange: p
-          }, null, 40, rt),
-          u[0] || (u[0] = R('<span class="theme__icon" data-v-e887d581><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span></span>', 1))
+          }, null, 40, mt),
+          u[0] || (u[0] = W('<span class="theme__icon" data-v-e887d581><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span></span>', 1))
         ])
       ])
     ]));
   }
-}), ct = /* @__PURE__ */ C(it, [["__scopeId", "data-v-e887d581"]]), dt = {
-  Lzbutton: et,
-  Lztext: nt,
-  Lztheme: ct
-}, ut = {
+}), vt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-e887d581"]]), ht = {
+  Lzbutton: lt,
+  Lztext: dt,
+  Lztheme: vt
+}, ft = {
   name: "Button",
   type: "vue",
   label: "Button 按钮",
@@ -870,7 +947,7 @@ const E = (e) => {
 <script setup>
 import { Button } from 'little-dizzy'
 <\/script>`
-}, pt = {
+}, yt = {
   name: "Card",
   type: "vue",
   label: "Card 卡片",
@@ -890,7 +967,7 @@ import { Button } from 'little-dizzy'
 <script setup>
 import { Card, Button } from 'little-dizzy'
 <\/script>`
-}, mt = {
+}, bt = {
   name: "Modal",
   type: "vue",
   label: "Modal 模态框",
@@ -915,7 +992,7 @@ import { Modal, Button } from 'little-dizzy'
 
 const visible = ref(false)
 <\/script>`
-}, gt = {
+}, kt = {
   name: "Message",
   type: "vue",
   label: "Message 消息提示",
@@ -955,7 +1032,7 @@ const showInfo = () => {
   flex-wrap: wrap;
 }
 </style>`
-}, vt = {
+}, wt = {
   name: "Carousel",
   type: "vue",
   label: "Carousel 轮播图",
@@ -972,7 +1049,7 @@ const items = [
   { image: 'https://picsum.photos/800/300?random=3', title: '图片 3' }
 ]
 <\/script>`
-}, ht = {
+}, xt = {
   name: "Loading",
   type: "vue",
   label: "Loading 加载",
@@ -987,7 +1064,7 @@ const items = [
 <script setup>
 import { Loading } from 'little-dizzy'
 <\/script>`
-}, ft = {
+}, _t = {
   name: "Table",
   type: "vue",
   label: "Table 表格",
@@ -1010,7 +1087,7 @@ const data = [
   { name: '王五', age: 25, address: '广州市天河区' }
 ]
 <\/script>`
-}, yt = {
+}, $t = {
   name: "Backtop",
   type: "vue",
   label: "Backtop 回到顶部",
@@ -1030,18 +1107,18 @@ const data = [
 <script setup>
 import { Backtop } from 'little-dizzy'
 <\/script>`
-}, bt = [
-  ut,
-  pt,
-  mt,
-  gt,
-  vt,
-  ht,
+}, Bt = [
   ft,
-  yt
-], D = /* @__PURE__ */ new Map();
-function q(e) {
-  return !e || !e.name ? (console.warn("[LittleDizzy] Snippet must have a name property"), !1) : (D.set(e.name, {
+  yt,
+  bt,
+  kt,
+  wt,
+  xt,
+  _t,
+  $t
+], H = /* @__PURE__ */ new Map();
+function K(e) {
+  return !e || !e.name ? (console.warn("[LittleDizzy] Snippet must have a name property"), !1) : (H.set(e.name, {
     name: e.name,
     type: e.type || "html",
     label: e.label || e.name,
@@ -1050,57 +1127,59 @@ function q(e) {
     ...e
   }), !0);
 }
-function G(e) {
+function J(e) {
   if (!Array.isArray(e))
     return console.warn("[LittleDizzy] registerSnippets expects an array"), 0;
   let t = 0;
-  return e.forEach((n) => {
-    q(n) && t++;
+  return e.forEach((o) => {
+    K(o) && t++;
   }), t;
 }
-function kt() {
+function zt() {
   const e = {};
-  return D.forEach((t, n) => {
-    e[n] = t;
+  return H.forEach((t, o) => {
+    e[o] = t;
   }), e;
 }
-function wt(e) {
-  return D.get(e);
+function Ct(e) {
+  return H.get(e);
 }
-G(bt);
-const W = {
-  Button: ae,
-  Card: ce,
-  Modal: fe,
-  Message: xe,
-  Carousel: Te,
-  Loading: je,
-  Table: Ge,
-  ...dt
-}, xt = (e, t = {}) => {
-  Object.entries(W).forEach(([n, r]) => {
-    e.component(t.prefix ? `${t.prefix}${n}` : n, r);
-  }), e.config.globalProperties.$message = N, e.provide("message", N);
-}, $t = kt, zt = q, Bt = G, Ct = wt, St = {
-  install: xt,
-  ...W
+J(Bt);
+const Q = {
+  Button: re,
+  Card: me,
+  Modal: we,
+  Message: ze,
+  Carousel: Oe,
+  Loading: Pe,
+  Table: Je,
+  Backtop: Ze,
+  ...ht
+}, St = (e, t = {}) => {
+  Object.entries(Q).forEach(([o, r]) => {
+    e.component(t.prefix ? `${t.prefix}${o}` : o, r);
+  }), e.config.globalProperties.$message = F, e.provide("message", F);
+}, Lt = zt, Tt = K, It = J, Vt = Ct, At = {
+  install: St,
+  ...Q
 };
 export {
-  ae as Button,
-  ce as Card,
-  Te as Carousel,
-  je as Loading,
-  et as Lzbutton,
-  nt as Lztext,
-  ct as Lztheme,
-  xe as Message,
-  fe as Modal,
-  Ge as Table,
-  dt as customComponents,
-  St as default,
-  Ct as getSnippet,
-  N as message,
-  zt as registerSnippet,
-  Bt as registerSnippets,
-  $t as snippets
+  Ze as Backtop,
+  re as Button,
+  me as Card,
+  Oe as Carousel,
+  Pe as Loading,
+  lt as Lzbutton,
+  dt as Lztext,
+  vt as Lztheme,
+  ze as Message,
+  we as Modal,
+  Je as Table,
+  ht as customComponents,
+  At as default,
+  Vt as getSnippet,
+  F as message,
+  Tt as registerSnippet,
+  It as registerSnippets,
+  Lt as snippets
 };