abl-ui 0.5.84 → 0.5.85

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as d, normalizeStyle as E, renderSlot as z, createElementVNode as u, normalizeClass as B, createTextVNode as ee, toDisplayString as D, createCommentVNode as R, createStaticVNode as Tt, computed as O, ref as b, onMounted as ge, nextTick as fe, onUnmounted as Je, Fragment as K, renderList as ae, createVNode as pe, useSlots as ze, provide as $e, watch as le, withDirectives as Z, vShow as ne, defineComponent as Ot, toRefs as Fe, inject as Le, reactive as Ie, unref as oe, createBlock as ie, TransitionGroup as fl, withCtx as re, resolveDynamicComponent as ft, pushScopeId as ye, popScopeId as be, createApp as pl, getCurrentInstance as Ze, onBeforeUnmount as Qe, onUpdated as pt, onBeforeMount as Pt, Teleport as et, Transition as ke, withModifiers as J, watchEffect as vt, mergeProps as xe, useAttrs as vl, createSlots as ml, vModelDynamic as hl, normalizeProps as xt, withKeys as Dt, vModelText as mt, toRaw as $t } from "vue";
+import { openBlock as r, createElementBlock as d, normalizeStyle as E, renderSlot as z, createElementVNode as u, normalizeClass as V, createTextVNode as ee, toDisplayString as D, createCommentVNode as R, createStaticVNode as Tt, computed as O, ref as b, onMounted as ge, nextTick as fe, onUnmounted as Je, Fragment as K, renderList as ae, createVNode as pe, useSlots as ze, provide as $e, watch as le, withDirectives as Z, vShow as ne, defineComponent as Ot, toRefs as Fe, inject as Le, reactive as Ie, unref as oe, createBlock as ie, TransitionGroup as fl, withCtx as re, resolveDynamicComponent as ft, pushScopeId as ye, popScopeId as be, createApp as pl, getCurrentInstance as Ze, onBeforeUnmount as Qe, onUpdated as pt, onBeforeMount as Pt, Teleport as et, Transition as ke, withModifiers as J, watchEffect as vt, mergeProps as xe, useAttrs as vl, createSlots as ml, vModelDynamic as hl, normalizeProps as xt, withKeys as Dt, vModelText as mt, toRaw as $t } from "vue";
 const se = [];
 for (let e = 0; e < 256; ++e)
   se.push((e + 256).toString(16).slice(1));
@@ -42,7 +42,7 @@ const G = (e, n) => {
   $l
 ], Sl = /* @__PURE__ */ Tt('<g transform="translate(0 1)" fill="none" fill-rule="evenodd" data-v-14294d9e><ellipse fill="#f5f5f5" cx="32" cy="33" rx="32" ry="7" data-v-14294d9e></ellipse><g fill-rule="nonzero" stroke="#d9d9d9" data-v-14294d9e><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-14294d9e></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="#fafafa" data-v-14294d9e></path></g></g>', 1), Cl = [
   Sl
-], Vl = ["src"], Bl = {
+], Bl = ["src"], Vl = {
   __name: "index",
   props: {
     name: "abl-empty",
@@ -79,11 +79,11 @@ const G = (e, n) => {
           src: e.image,
           style: E(e.imageStyle),
           alt: "image"
-        }, null, 12, Vl)
+        }, null, 12, Bl)
       ], !0),
       e.description ? (r(), d("p", {
         key: 3,
-        class: B(["u-description", { gray: e.image === "2" }])
+        class: V(["u-description", { gray: e.image === "2" }])
       }, [
         z(n.$slots, "description", {}, () => [
           ee(D(e.description), 1)
@@ -91,7 +91,7 @@ const G = (e, n) => {
       ], 2)) : R("", !0)
     ]));
   }
-}, Ft = /* @__PURE__ */ G(Bl, [["__scopeId", "data-v-14294d9e"]]);
+}, Ft = /* @__PURE__ */ G(Vl, [["__scopeId", "data-v-14294d9e"]]);
 const Ll = { class: "abl-table" }, Il = ["id"], Al = { class: "gridtable" }, Rl = { class: "table-thead" }, zl = ["id"], El = { class: "gridtable" }, Ml = { key: 0 }, Nl = ["colspan"], Tl = { class: "no-data-div" }, Ol = { class: "empty-center" }, Pl = {
   __name: "index",
   props: {
@@ -153,7 +153,7 @@ const Ll = { class: "abl-table" }, Il = ["id"], Al = { class: "gridtable" }, Rl
     return (c, f) => (r(), d("section", null, [
       u("div", Ll, [
         u("div", {
-          class: B(["table__inner-wrapper", e.border ? "has-table-border" : ""]),
+          class: V(["table__inner-wrapper", e.border ? "has-table-border" : ""]),
           id: "box"
         }, [
           u("div", {
@@ -172,7 +172,7 @@ const Ll = { class: "abl-table" }, Il = ["id"], Al = { class: "gridtable" }, Rl
                 u("tr", null, [
                   (r(!0), d(K, null, ae(t.columns, (m, v) => (r(), d("th", {
                     key: v,
-                    class: B(m.fixed == "left" ? "table-fixed-column--left" : m.fixed == "right" ? "table-fixed-column--right" : "")
+                    class: V(m.fixed == "left" ? "table-fixed-column--left" : m.fixed == "right" ? "table-fixed-column--right" : "")
                   }, [
                     u("div", {
                       class: "cell",
@@ -200,11 +200,11 @@ const Ll = { class: "abl-table" }, Il = ["id"], Al = { class: "gridtable" }, Rl
               t.data.length > 0 ? (r(), d("tbody", Ml, [
                 (r(!0), d(K, null, ae(t.data, (m, v) => (r(), d("tr", {
                   key: v,
-                  class: B([{ "tr-selected": m.selected, "tr-stripe": t.stripe && v % 2 == 0 }])
+                  class: V([{ "tr-selected": m.selected, "tr-stripe": t.stripe && v % 2 == 0 }])
                 }, [
                   (r(!0), d(K, null, ae(e.columns, (g, h) => (r(), d("td", {
                     key: h,
-                    class: B(g.fixed == "left" ? "table-fixed-column--left" : g.fixed == "right" ? "table-fixed-column--right" : "")
+                    class: V(g.fixed == "left" ? "table-fixed-column--left" : g.fixed == "right" ? "table-fixed-column--right" : "")
                   }, [
                     u("div", {
                       class: "cell",
@@ -259,13 +259,13 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
     var M;
     const t = n, l = ze(), a = e, i = b({}), o = b(), s = b([]), c = b(), f = b(0), m = b(!1), v = b(!1), g = b(!0);
     function h() {
-      const V = (/* @__PURE__ */ new Date()).getTime(), I = Math.random().toString(36).substring(2, 15);
-      return V.toString(36) + I;
+      const B = (/* @__PURE__ */ new Date()).getTime(), I = Math.random().toString(36).substring(2, 15);
+      return B.toString(36) + I;
     }
     const p = b();
-    (M = l.default()) == null || M.map(({ props: V, children: I }) => {
-      if (V) {
-        const { title: N, value: _, icon: L, afterIcon: y } = V;
+    (M = l.default()) == null || M.map(({ props: B, children: I }) => {
+      if (B) {
+        const { title: N, value: _, icon: L, afterIcon: y } = B;
         s.value.push({
           title: N,
           value: _,
@@ -283,27 +283,27 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
           });
         }));
     }), $e("active", f);
-    const x = (V, I) => {
+    const x = (B, I) => {
       var _;
-      V.target.scrollIntoView({
+      B.target.scrollIntoView({
         behavior: "auto",
         inline: "nearest",
         block: "nearest"
       });
-      const N = (_ = V == null ? void 0 : V.target) == null ? void 0 : _.offsetLeft;
+      const N = (_ = B == null ? void 0 : B.target) == null ? void 0 : _.offsetLeft;
       i.value = {
         transform: `translateX(${N}px)`,
-        width: V.target.clientWidth + "px"
+        width: B.target.clientWidth + "px"
       }, f.value = I, t("update:modelValue", I), t("tabClick", I);
     }, $ = () => {
-      const V = document.querySelector("#tab-hidden" + p.value);
-      if (!V)
+      const B = document.querySelector("#tab-hidden" + p.value);
+      if (!B)
         return;
       const I = document.querySelector("#tabs-header-wrap" + p.value).clientWidth;
-      (V == null ? void 0 : V.scrollWidth) > (V == null ? void 0 : V.clientWidth) + (V == null ? void 0 : V.scrollLeft) && (V.scrollLeft += I);
+      (B == null ? void 0 : B.scrollWidth) > (B == null ? void 0 : B.clientWidth) + (B == null ? void 0 : B.scrollLeft) && (B.scrollLeft += I);
     }, k = () => {
-      const V = document.querySelector("#tab-hidden" + p.value), I = document.querySelector("#tabs-header-wrap" + p.value).clientWidth;
-      V.scrollLeft > 0 && (V.scrollLeft -= I);
+      const B = document.querySelector("#tab-hidden" + p.value), I = document.querySelector("#tabs-header-wrap" + p.value).clientWidth;
+      B.scrollLeft > 0 && (B.scrollLeft -= I);
     };
     ge(async () => {
       p.value = await h(), await fe(), w();
@@ -311,11 +311,11 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
     const w = () => {
       if (!o.value)
         return;
-      let V = 0;
+      let B = 0;
       s.value.map((L, y) => {
-        L.value == a.modelValue && (V = y);
+        L.value == a.modelValue && (B = y);
       });
-      const I = o.value[V], N = I == null ? void 0 : I.offsetLeft;
+      const I = o.value[B], N = I == null ? void 0 : I.offsetLeft;
       i.value = {
         transform: `translateX(${N}px)`,
         width: I.clientWidth + "px"
@@ -330,7 +330,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
       f.value = a.modelValue, w();
     }, {
       immediate: !0
-    }), (V, I) => {
+    }), (B, I) => {
       var N;
       return r(), d("div", Fl, [
         u("div", {
@@ -338,7 +338,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
           id: "tabs-header-wrap" + p.value
         }, [
           Z(u("i", {
-            class: B([v.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
+            class: V([v.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
             onClick: k
           }, null, 2), [
             [ne, m.value]
@@ -348,7 +348,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
             id: "tab-hidden" + p.value
           }, [
             (r(!0), d(K, null, ae(s.value, (_) => (r(), d("div", {
-              class: B([f.value === _.value ? "header-btn-active" : "", "header-btn"]),
+              class: V([f.value === _.value ? "header-btn-active" : "", "header-btn"]),
               key: _.title,
               ref_for: !0,
               ref_key: "tabs",
@@ -357,12 +357,12 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
             }, [
               _.icon ? (r(), d("i", {
                 key: 0,
-                class: B(["tab-icon", _.icon])
+                class: V(["tab-icon", _.icon])
               }, null, 2)) : R("", !0),
               ee(D(_.title) + " ", 1),
               _.afterIcon ? (r(), d("i", {
                 key: 1,
-                class: B(["iconfont-abl tab-icon-after", _.afterIcon])
+                class: V(["iconfont-abl tab-icon-after", _.afterIcon])
               }, null, 2)) : R("", !0)
             ], 10, Ul))), 128)),
             (N = i.value) != null && N.width ? (r(), d("div", {
@@ -383,7 +383,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
             ], 4)) : R("", !0)
           ], 8, Wl),
           Z(u("i", {
-            class: B([g.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
+            class: V([g.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
             onClick: $
           }, null, 2), [
             [ne, m.value]
@@ -394,7 +394,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
           ref: c,
           class: "tab-content"
         }, [
-          z(V.$slots, "default", {}, void 0, !0)
+          z(B.$slots, "default", {}, void 0, !0)
         ], 512)
       ]);
     };
@@ -447,7 +447,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Wl = ["id"], Ul = ["onClick"], jl
       [`abl-switch-${o.value}`]: o.value
     }));
     return (c, f) => (r(), d("div", {
-      class: B(["abl-switch", s.value]),
+      class: V(["abl-switch", s.value]),
       onClick: a,
       style: E({ background: t.modelValue == t.activeValue ? e.activeColor : e.inactiveColor })
     }, [
@@ -498,14 +498,14 @@ const Jl = {
       [`abl-radio-${c.value}`]: c.value
     }));
     return (v, g) => (r(), d("div", {
-      class: B(["abl-radio", m.value]),
+      class: V(["abl-radio", m.value]),
       onClick: f
     }, [
       u("span", {
-        class: B(["abl-radio-input", m.value])
+        class: V(["abl-radio-input", m.value])
       }, null, 2),
       u("span", {
-        class: B(["abl-radio-label", m.value])
+        class: V(["abl-radio-label", m.value])
       }, [
         z(v.$slots, "default", {}, () => [
           ee(D(e.label), 1)
@@ -722,7 +722,7 @@ const He = (e) => (ye("data-v-51a66775"), e = e(), be(), e), ln = ["onMouseenter
       let S = w(y, "open");
       return s.value.push(S), k(), S.id;
     }
-    function V(y) {
+    function B(y) {
       let S = w(y, "info");
       return s.value.push(S), k(), S.id;
     }
@@ -744,7 +744,7 @@ const He = (e) => (ye("data-v-51a66775"), e = e(), be(), e), ln = ["onMouseenter
     }
     return n({
       open: M,
-      info: V,
+      info: B,
       success: I,
       error: N,
       warning: _,
@@ -761,12 +761,12 @@ const He = (e) => (ye("data-v-51a66775"), e = e(), be(), e), ln = ["onMouseenter
       }, {
         default: re(() => [
           (r(!0), d(K, null, ae(s.value, (F, H) => Z((r(), d("div", {
-            class: B(["message-wrap", F.class]),
+            class: V(["message-wrap", F.class]),
             style: E(F.style),
             key: H
           }, [
             u("div", {
-              class: B(["message-content-wrap", `icon-${F.mode}`]),
+              class: V(["message-content-wrap", `icon-${F.mode}`]),
               onMouseenter: (W) => g(H),
               onMouseleave: (W) => h(H),
               onClick: (W) => p(W, H)
@@ -792,22 +792,22 @@ const He = (e) => (ye("data-v-51a66775"), e = e(), be(), e), ln = ["onMouseenter
   }
 }, xn = /* @__PURE__ */ G(wn, [["__scopeId", "data-v-51a66775"]]);
 let qe;
-function Ve() {
+function Be() {
   return qe || (qe = pl(xn).mount(document.createElement("div")), document.body.appendChild(qe.$el)), qe;
 }
 const Ht = {
-  open: (e) => Ve().open(e),
-  info: (e) => Ve().info(e),
-  success: (e) => Ve().success(e),
-  error: (e) => Ve().error(e),
-  warning: (e) => Ve().warning(e),
-  loading: (e) => Ve().loading(e),
-  close: (e) => Ve().close(e)
+  open: (e) => Be().open(e),
+  info: (e) => Be().info(e),
+  success: (e) => Be().success(e),
+  error: (e) => Be().error(e),
+  warning: (e) => Be().warning(e),
+  loading: (e) => Be().loading(e),
+  close: (e) => Be().close(e)
 };
 const $n = (e) => (ye("data-v-358a6cb8"), e = e(), be(), e), kn = { class: "abl-drawer-content" }, Sn = { class: "abl-drawer-wrapper-body" }, Cn = {
   key: 0,
   class: "abl-drawer-header"
-}, Vn = { class: "abl-drawer-header-title" }, Bn = { class: "abl-drawer-title" }, Ln = /* @__PURE__ */ $n(() => /* @__PURE__ */ u("span", { class: "icon iconfont-abl" }, "", -1)), In = [
+}, Bn = { class: "abl-drawer-header-title" }, Vn = { class: "abl-drawer-title" }, Ln = /* @__PURE__ */ $n(() => /* @__PURE__ */ u("span", { class: "icon iconfont-abl" }, "", -1)), In = [
   Ln
 ], An = { class: "abl-drawer-body" }, Rn = {
   __name: "index",
@@ -922,7 +922,7 @@ const $n = (e) => (ye("data-v-358a6cb8"), e = e(), be(), e), kn = { class: "abl-
         default: re(() => [
           e.modelValue && e.overlay ? (r(), d("div", {
             key: 0,
-            class: B(["abl-drawer-mask", `${o.class}-mask`]),
+            class: V(["abl-drawer-mask", `${o.class}-mask`]),
             onClick: v,
             style: E(`z-index: ${o.zIndex}`)
           }, null, 6)) : R("", !0)
@@ -936,7 +936,7 @@ const $n = (e) => (ye("data-v-358a6cb8"), e = e(), be(), e), kn = { class: "abl-
         default: re(() => [
           e.modelValue ? (r(), d("div", {
             key: 0,
-            class: B(["abl-drawer", e.customClass, `abl-drawer-${o.direction}`, e.round && "abl-drawer-round", o.class]),
+            class: V(["abl-drawer", e.customClass, `abl-drawer-${o.direction}`, e.round && "abl-drawer-round", o.class]),
             style: E(`z-index: ${o.zIndex + 1}`)
           }, [
             u("div", {
@@ -947,8 +947,8 @@ const $n = (e) => (ye("data-v-358a6cb8"), e = e(), be(), e), kn = { class: "abl-
                 u("div", Sn, [
                   e.showHeader ? (r(), d("div", Cn, [
                     z(h.$slots, "header", {}, () => [
-                      u("div", Vn, [
-                        u("span", Bn, D(e.title), 1)
+                      u("div", Bn, [
+                        u("span", Vn, D(e.title), 1)
                       ]),
                       e.showClose ? (r(), d("div", {
                         key: 0,
@@ -1031,7 +1031,7 @@ const En = {
       "is-disabled": n.disabled
     }));
     return (l, a) => (r(), d("button", {
-      class: B(["abl-button", t.value])
+      class: V(["abl-button", t.value])
     }, [
       e.loading ? (r(), d(K, { key: 0 }, [
         e.loading ? (r(), d("i", En)) : R("", !0),
@@ -1040,7 +1040,7 @@ const En = {
         e.iconPosition === "left" ? z(l.$slots, "icon", { key: 0 }, () => [
           e.icon ? (r(), d("i", {
             key: 0,
-            class: B(["iconfont-abl slot-icon-left", e.icon])
+            class: V(["iconfont-abl slot-icon-left", e.icon])
           }, null, 2)) : R("", !0)
         ]) : R("", !0),
         u("span", Mn, [
@@ -1049,7 +1049,7 @@ const En = {
         e.iconPosition === "right" ? z(l.$slots, "icon", { key: 1 }, () => [
           e.icon ? (r(), d("i", {
             key: 0,
-            class: B(["iconfont-abl slot-icon-right", e.icon])
+            class: V(["iconfont-abl slot-icon-right", e.icon])
           }, null, 2)) : R("", !0)
         ]) : R("", !0)
       ], 64))
@@ -1110,14 +1110,14 @@ const On = {
       }
     };
     return (v, g) => (r(), d("div", {
-      class: B(["abl-checkbox", f.value]),
+      class: V(["abl-checkbox", f.value]),
       onClick: m
     }, [
       u("span", {
-        class: B(["abl-checkbox-input", f.value])
+        class: V(["abl-checkbox-input", f.value])
       }, null, 2),
       u("span", {
-        class: B(["abl-checkbox-label", f.value])
+        class: V(["abl-checkbox-label", f.value])
       }, [
         z(v.$slots, "default", {}, () => [
           ee(D(e.label), 1)
@@ -1258,12 +1258,12 @@ const Fn = { class: "abl-dialog__header" }, Hn = { class: "abl-dialog__title" },
         default: re(() => [
           e.modelValue ? (r(), d("div", {
             key: 0,
-            class: B(["abl-dialog-overlay", g.value, a.class]),
+            class: V(["abl-dialog-overlay", g.value, a.class]),
             onClick: v,
             style: E({ zIndex: e.zIndex })
           }, [
             u("div", {
-              class: B(["abl-dialog", e.customClass, g.value]),
+              class: V(["abl-dialog", e.customClass, g.value]),
               style: E({ width: e.width, zIndex: e.zIndex + 1 }),
               ref_key: "root",
               ref: i
@@ -1291,7 +1291,7 @@ const Fn = { class: "abl-dialog__header" }, Hn = { class: "abl-dialog__title" },
       })
     ]));
   }
-}), Ne = Math.min, Be = Math.max, Xe = Math.round, Ye = Math.floor, Se = (e) => ({
+}), Ne = Math.min, Ve = Math.max, Xe = Math.round, Ye = Math.floor, Se = (e) => ({
   x: e,
   y: e
 }), qn = {
@@ -1304,7 +1304,7 @@ const Fn = { class: "abl-dialog__header" }, Hn = { class: "abl-dialog__title" },
   end: "start"
 };
 function ct(e, n, t) {
-  return Be(e, Ne(n, t));
+  return Ve(e, Ne(n, t));
 }
 function We(e, n) {
   return typeof e == "function" ? e(n) : e;
@@ -1457,7 +1457,7 @@ const Qn = async (e, n, t) => {
     } = s[x], {
       x: w,
       y: M,
-      data: V,
+      data: B,
       reset: I
     } = await k({
       x: m,
@@ -1477,7 +1477,7 @@ const Qn = async (e, n, t) => {
       ...h,
       [$]: {
         ...h[$],
-        ...V
+        ...B
       }
     }, I && p <= 50 && (p++, typeof I == "object" && (I.placement && (g = I.placement), I.rects && (f = I.rects === !0 ? await o.getElementRects({
       reference: e,
@@ -1521,7 +1521,7 @@ async function Yt(e, n) {
     ...o.floating,
     x: l,
     y: a
-  } : o.reference, M = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), V = await (i.isElement == null ? void 0 : i.isElement(M)) ? await (i.getScale == null ? void 0 : i.getScale(M)) || {
+  } : o.reference, M = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), B = await (i.isElement == null ? void 0 : i.isElement(M)) ? await (i.getScale == null ? void 0 : i.getScale(M)) || {
     x: 1,
     y: 1
   } : {
@@ -1534,10 +1534,10 @@ async function Yt(e, n) {
     strategy: c
   }) : w);
   return {
-    top: (k.top - I.top + p.top) / V.y,
-    bottom: (I.bottom - k.bottom + p.bottom) / V.y,
-    left: (k.left - I.left + p.left) / V.x,
-    right: (I.right - k.right + p.right) / V.x
+    top: (k.top - I.top + p.top) / B.y,
+    bottom: (I.bottom - k.bottom + p.bottom) / B.y,
+    left: (k.left - I.left + p.left) / B.x,
+    right: (I.right - k.right + p.right) / B.x
   };
 }
 const ea = (e) => ({
@@ -1561,10 +1561,10 @@ const ea = (e) => ({
     const v = qt(m), g = {
       x: t,
       y: l
-    }, h = gt(a), p = ht(h), x = await o.getDimensions(f), $ = h === "y", k = $ ? "top" : "left", w = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", V = i.reference[p] + i.reference[h] - g[h] - i.floating[p], I = g[h] - i.reference[h], N = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
+    }, h = gt(a), p = ht(h), x = await o.getDimensions(f), $ = h === "y", k = $ ? "top" : "left", w = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", B = i.reference[p] + i.reference[h] - g[h] - i.floating[p], I = g[h] - i.reference[h], N = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let _ = N ? N[M] : 0;
     (!_ || !await (o.isElement == null ? void 0 : o.isElement(N))) && (_ = s.floating[M] || i.floating[p]);
-    const L = V / 2 - I / 2, y = _ / 2 - x[p] / 2 - 1, S = Ne(v[k], y), F = Ne(v[w], y), H = S, W = _ - x[p] - F, q = _ / 2 - x[p] / 2 + L, A = ct(H, q, W), X = !c.arrow && Ue(a) != null && q !== A && i.reference[p] / 2 - (q < H ? S : F) - x[p] / 2 < 0, Q = X ? q < H ? q - H : q - W : 0;
+    const L = B / 2 - I / 2, y = _ / 2 - x[p] / 2 - 1, S = Ne(v[k], y), F = Ne(v[w], y), H = S, W = _ - x[p] - F, q = _ / 2 - x[p] / 2 + L, A = ct(H, q, W), X = !c.arrow && Ue(a) != null && q !== A && i.reference[p] / 2 - (q < H ? S : F) - x[p] / 2 < 0, Q = X ? q < H ? q - H : q - W : 0;
     return {
       [h]: g[h] + Q,
       data: {
@@ -1601,9 +1601,9 @@ const ea = (e) => ({
       } = We(e, n);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const k = Ae(a), w = Ae(s) === s, M = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), V = g || (w || !x ? [Ke(s)] : Kn(s));
-      !g && p !== "none" && V.push(...Jn(s, x, p, M));
-      const I = [s, ...V], N = await Yt(n, $), _ = [];
+      const k = Ae(a), w = Ae(s) === s, M = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), B = g || (w || !x ? [Ke(s)] : Kn(s));
+      !g && p !== "none" && B.push(...Jn(s, x, p, M));
+      const I = [s, ...B], N = await Yt(n, $), _ = [];
       let L = ((l = i.flip) == null ? void 0 : l.overflows) || [];
       if (m && _.push(N[k]), v) {
         const H = Xn(a, o, M);
@@ -1677,7 +1677,7 @@ async function la(e, n) {
     y: h * m
   };
 }
-const Vt = function(e) {
+const Bt = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1772,7 +1772,7 @@ function _e(e) {
 function he(e) {
   return e instanceof HTMLElement || e instanceof ue(e).HTMLElement;
 }
-function Bt(e) {
+function Vt(e) {
   return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ue(e).ShadowRoot;
 }
 function je(e) {
@@ -1825,10 +1825,10 @@ function Te(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Bt(e) && e.host || // Fallback.
+    Vt(e) && e.host || // Fallback.
     we(e)
   );
-  return Bt(n) ? n.host : n;
+  return Vt(n) ? n.host : n;
 }
 function Kt(e) {
   const n = Te(e);
@@ -1890,8 +1890,8 @@ function Re(e, n, t, l) {
     const g = ue(i), h = l && _e(l) ? ue(l) : l;
     let p = g, x = p.frameElement;
     for (; x && l && h !== p; ) {
-      const $ = Me(x), k = x.getBoundingClientRect(), w = ve(x), M = k.left + (x.clientLeft + parseFloat(w.paddingLeft)) * $.x, V = k.top + (x.clientTop + parseFloat(w.paddingTop)) * $.y;
-      c *= $.x, f *= $.y, m *= $.x, v *= $.y, c += M, f += V, p = ue(x), x = p.frameElement;
+      const $ = Me(x), k = x.getBoundingClientRect(), w = ve(x), M = k.left + (x.clientLeft + parseFloat(w.paddingLeft)) * $.x, B = k.top + (x.clientTop + parseFloat(w.paddingTop)) * $.y;
+      c *= $.x, f *= $.y, m *= $.x, v *= $.y, c += M, f += B, p = ue(x), x = p.frameElement;
     }
   }
   return Ge({
@@ -1944,10 +1944,10 @@ function Qt(e) {
   return Re(we(e)).left + nt(e).scrollLeft;
 }
 function da(e) {
-  const n = we(e), t = nt(e), l = e.ownerDocument.body, a = Be(n.scrollWidth, n.clientWidth, l.scrollWidth, l.clientWidth), i = Be(n.scrollHeight, n.clientHeight, l.scrollHeight, l.clientHeight);
+  const n = we(e), t = nt(e), l = e.ownerDocument.body, a = Ve(n.scrollWidth, n.clientWidth, l.scrollWidth, l.clientWidth), i = Ve(n.scrollHeight, n.clientHeight, l.scrollHeight, l.clientHeight);
   let o = -t.scrollLeft + Qt(e);
   const s = -t.scrollTop;
-  return ve(l).direction === "rtl" && (o += Be(n.clientWidth, l.clientWidth) - a), {
+  return ve(l).direction === "rtl" && (o += Ve(n.clientWidth, l.clientWidth) - a), {
     width: a,
     height: i,
     x: o,
@@ -2022,7 +2022,7 @@ function ma(e) {
   } = e;
   const o = [...t === "clippingAncestors" ? va(n, this._c) : [].concat(t), l], s = o[0], c = o.reduce((f, m) => {
     const v = Lt(n, m, a);
-    return f.top = Be(v.top, f.top), f.right = Ne(v.right, f.right), f.bottom = Ne(v.bottom, f.bottom), f.left = Be(v.left, f.left), f;
+    return f.top = Ve(v.top, f.top), f.right = Ne(v.right, f.right), f.bottom = Ne(v.bottom, f.bottom), f.left = Ve(v.left, f.left), f;
   }, Lt(n, s, a));
   return {
     width: c.right - c.left,
@@ -2119,10 +2119,10 @@ function wa(e, n) {
       return;
     const h = Ye(m), p = Ye(a.clientWidth - (f + v)), x = Ye(a.clientHeight - (m + g)), $ = Ye(f), w = {
       rootMargin: -h + "px " + -p + "px " + -x + "px " + -$ + "px",
-      threshold: Be(0, Ne(1, c)) || 1
+      threshold: Ve(0, Ne(1, c)) || 1
     };
     let M = !0;
-    function V(I) {
+    function B(I) {
       const N = I[0].intersectionRatio;
       if (N !== c) {
         if (!M)
@@ -2134,13 +2134,13 @@ function wa(e, n) {
       M = !1;
     }
     try {
-      t = new IntersectionObserver(V, {
+      t = new IntersectionObserver(B, {
         ...w,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(V, w);
+      t = new IntersectionObserver(B, w);
     }
     t.observe(e);
   }
@@ -2254,7 +2254,7 @@ const Ca = ["data-side"], ll = {
   setup(e, { expose: n }) {
     const t = b(!1), l = e, a = b(), i = O(() => {
       let A = [], X = l.showArrow ? 10 : 5;
-      return l.isFixed ? A = [At(), Vt(X)] : A = [At(), $a(), Vt(X)], l.showArrow && A.push(ka({ element: a.value })), A;
+      return l.isFixed ? A = [At(), Bt(X)] : A = [At(), $a(), Bt(X)], l.showArrow && A.push(ka({ element: a.value })), A;
     }), o = b(l.placement), s = b(l.strategy), c = b(l.hover), f = b("auto"), m = b(null), v = b(), g = b(), h = b(), p = b({}), x = {
       x: g,
       y: h,
@@ -2265,16 +2265,16 @@ const Ca = ["data-side"], ll = {
     let $ = null;
     const k = b(!1), w = b(), M = (A) => {
       w.value = A && A.nextElementSibling || null;
-    }, V = () => {
+    }, B = () => {
       k.value = !0;
     }, I = () => k.value = !1, N = () => {
       w.value && fe(() => {
         w.value.addEventListener("click", L);
         const A = w.value.getBoundingClientRect();
-        l.widthAuto && (f.value = A != null && A.width ? (A == null ? void 0 : A.width) + "px" : "auto"), c.value && (w.value.addEventListener("mouseover", V, { capture: !0 }), w.value.addEventListener("mouseout", I, { capture: !0 }));
+        l.widthAuto && (f.value = A != null && A.width ? (A == null ? void 0 : A.width) + "px" : "auto"), c.value && (w.value.addEventListener("mouseover", B, { capture: !0 }), w.value.addEventListener("mouseout", I, { capture: !0 }));
       });
     }, _ = () => {
-      w.value && (w.value.removeEventListener("click", L), c.value && (w.value.removeEventListener("mouseover", V, { capture: !0 }), w.value.removeEventListener("mouseout", I, { capture: !0 })));
+      w.value && (w.value.removeEventListener("click", L), c.value && (w.value.removeEventListener("mouseover", B, { capture: !0 }), w.value.removeEventListener("mouseout", I, { capture: !0 })));
     };
     ge(() => {
       t.value = !0, N(), vt(() => {
@@ -2288,7 +2288,7 @@ const Ca = ["data-side"], ll = {
       _(), N();
     });
     const L = (A) => {
-      l.shouldStopPropagation && A.stopPropagation(), V(), setTimeout(() => {
+      l.shouldStopPropagation && A.stopPropagation(), B(), setTimeout(() => {
         document.addEventListener("mousedown", y, { once: !0 });
       }, 0);
     }, y = () => {
@@ -2327,7 +2327,7 @@ const Ca = ["data-side"], ll = {
     return Qe(() => {
       _(), $ && $();
     }), n({
-      open: V,
+      open: B,
       close: I
     }), (A, X) => (r(), d(K, null, [
       (r(), ie(ft(A.$slots.default), xe({
@@ -2342,7 +2342,7 @@ const Ca = ["data-side"], ll = {
           key: 0,
           ref_key: "contentRef",
           ref: v,
-          class: B(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": l.isSelect }]),
+          class: V(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": l.isSelect }]),
           style: E(F.value),
           "data-side": S.value,
           onMousedown: X[0] || (X[0] = J(() => {
@@ -2362,7 +2362,7 @@ const Ca = ["data-side"], ll = {
       ])) : R("", !0)
     ], 64));
   }
-}, Va = ["innerHTML"], nl = /* @__PURE__ */ Ot({
+}, Ba = ["innerHTML"], nl = /* @__PURE__ */ Ot({
   name: "AblTooltip",
   __name: "index",
   props: {
@@ -2504,7 +2504,7 @@ const Ca = ["data-side"], ll = {
           e.rawContent ? (r(), d("span", {
             key: 0,
             innerHTML: e.content
-          }, null, 8, Va)) : (r(), d(K, { key: 1 }, [
+          }, null, 8, Ba)) : (r(), d(K, { key: 1 }, [
             ee(D(e.content), 1)
           ], 64))
         ])
@@ -2516,7 +2516,7 @@ const Ca = ["data-side"], ll = {
     }, 16, ["shouldStopPropagation", "isSelect", "zIndex", "popperClass", "showArrow", "isFixed"]));
   }
 });
-const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Ba = ["onClick"], La = ["onClick", "onMouseenter"], Ia = /* @__PURE__ */ at(() => /* @__PURE__ */ u("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z" }, null, -1)), Aa = [
+const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Va = ["onClick"], La = ["onClick", "onMouseenter"], Ia = /* @__PURE__ */ at(() => /* @__PURE__ */ u("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z" }, null, -1)), Aa = [
   Ia
 ], Ra = /* @__PURE__ */ at(() => /* @__PURE__ */ u("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" }, null, -1)), za = [
   Ra
@@ -2587,19 +2587,19 @@ const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Ba = ["onClick"], L
       g.preventDefault();
     };
     return (g, h) => (r(), d("div", {
-      class: B(["abl-rate", { disabled: e.readonly }]),
+      class: V(["abl-rate", { disabled: e.readonly }]),
       style: E(`--color: ${e.color};`),
       onMouseleave: m
     }, [
       (r(!0), d(K, null, ae(e.count, (p) => (r(), d("div", {
-        class: B(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && l.value >= p - 0.5 && l.value < p, "abl-rate-star-full": l.value >= p, "temp-gray": !e.allowHalf && a.value === p }]),
+        class: V(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && l.value >= p - 0.5 && l.value < p, "abl-rate-star-full": l.value >= p, "temp-gray": !e.allowHalf && a.value === p }]),
         style: E(`margin-right: ${p !== e.count ? e.gap : 0}px;`),
         onClick: (x) => e.allowHalf ? v(x) : o(p),
         key: p
       }, [
         e.allowHalf ? (r(), d("div", {
           key: 0,
-          class: B(["abl-rate-star-first", { "temp-gray-first": a.value === p - 0.5 }]),
+          class: V(["abl-rate-star-first", { "temp-gray-first": a.value === p - 0.5 }]),
           onClick: J((x) => o(p - 0.5), ["stop"]),
           onMouseenter: (x) => s(p - 0.5),
           onMouseleave: f
@@ -2631,7 +2631,7 @@ const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Ba = ["onClick"], L
           ], 4))
         ], 42, La)) : R("", !0),
         u("div", {
-          class: B(["abl-rate-star-second", { "temp-gray-second": a.value === p }]),
+          class: V(["abl-rate-star-second", { "temp-gray-second": a.value === p }]),
           onClick: J((x) => o(p), ["stop"]),
           onMouseenter: (x) => c(p),
           onMouseleave: f
@@ -2662,7 +2662,7 @@ const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Ba = ["onClick"], L
             ], !0)
           ], 4))
         ], 42, Ea)
-      ], 14, Ba))), 128))
+      ], 14, Va))), 128))
     ], 38));
   }
 }, Da = /* @__PURE__ */ G(Pa, [["__scopeId", "data-v-bc247383"]]);
@@ -2781,11 +2781,11 @@ const Wa = { class: "abl-collapse__title" }, Ua = { key: 0 }, ja = { class: "ico
     return le(f, (p) => {
       p ? g() : h();
     }), (p, x) => (r(), d("div", {
-      class: B(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && oe(i) > 1 && "abl-collapse-item__border"])
+      class: V(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && oe(i) > 1 && "abl-collapse-item__border"])
     }, [
       u("div", {
         onClick: x[0] || (x[0] = ($) => v(!f.value)),
-        class: B(["abl-collapse-item__title", { "abl-collapse-item__disabled": e.disabled }]),
+        class: V(["abl-collapse-item__title", { "abl-collapse-item__disabled": e.disabled }]),
         style: E({ background: e.background })
       }, [
         u("div", Wa, [
@@ -2795,7 +2795,7 @@ const Wa = { class: "abl-collapse__title" }, Ua = { key: 0 }, ja = { class: "ico
         ]),
         e.showArrow ? (r(), d("div", {
           key: 0,
-          class: B([{ "abl-collapse-item__arrow-close": !f.value, "abl-collapse-item__arrow-active": f.value, "abl-collapse-item__arrow-ani": e.animation, "abl-collapse-item__arrow-plus": c.value }, "abl-collapse-item__arrow"])
+          class: V([{ "abl-collapse-item__arrow-close": !f.value, "abl-collapse-item__arrow-active": f.value, "abl-collapse-item__arrow-ani": e.animation, "abl-collapse-item__arrow-plus": c.value }, "abl-collapse-item__arrow"])
         }, [
           c.value === "plus" ? (r(), d("div", Ua, [
             u("span", ja, D(f.value ? "" : ""), 1)
@@ -2807,13 +2807,13 @@ const Wa = { class: "abl-collapse__title" }, Ua = { key: 0 }, ja = { class: "ico
         ], 2)) : R("", !0)
       ], 6),
       u("div", {
-        class: B(["abl-collapse-item__content-wrap", { "abl-collapse-item-__content-ani": e.animation }]),
+        class: V(["abl-collapse-item__content-wrap", { "abl-collapse-item-__content-ani": e.animation }]),
         style: E({ height: m.value, background: e.contentBg })
       }, [
         u("div", {
           ref_key: "ablCollapseEl",
           ref: t,
-          class: B(["abl-collapse-item__content", { "abl-collapse-item__content-open": m.value }])
+          class: V(["abl-collapse-item__content", { "abl-collapse-item__content-open": m.value }])
         }, [
           z(p.$slots, "default", {}, void 0, !0)
         ], 2)
@@ -2872,7 +2872,7 @@ const Xa = { class: "abl-progress-text" }, Ka = {
         style: E(`border-radius: ${e.borderRadius}px;background:${n.trailColor}`)
       }, [
         u("div", {
-          class: B(["abl-progress-bg", e.indeterminate && "abl-progress-bg-animate"]),
+          class: V(["abl-progress-bg", e.indeterminate && "abl-progress-bg-animate"]),
           style: E(`background: ${l.value}; 
         width: ${e.percent >= 100 ? 100 : e.percent}%; height: ${e.height}px;border-radius: ${e.borderRadius}px`)
         }, null, 6)
@@ -3008,9 +3008,9 @@ const so = /* @__PURE__ */ u("div", {
     fill: "currentColor",
     d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
   })
-], -1), Vo = [
+], -1), Bo = [
   Co
-], Bo = /* @__PURE__ */ u("svg", {
+], Vo = /* @__PURE__ */ u("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, [
@@ -3019,7 +3019,7 @@ const so = /* @__PURE__ */ u("div", {
     d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
   })
 ], -1), Lo = [
-  Bo
+  Vo
 ], Io = /* @__PURE__ */ u("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
@@ -3105,7 +3105,7 @@ const so = /* @__PURE__ */ u("div", {
       i.value[W] = !0;
     }, M = (W) => {
       o.value = (o.value + 1) % a.value;
-    }, V = (W) => {
+    }, B = (W) => {
       o.value = (o.value - 1 + a.value) % a.value;
     }, I = () => {
       s.value + l.zoomRate > l.maxScale ? s.value = l.maxScale : s.value = k(s.value, l.zoomRate);
@@ -3217,7 +3217,7 @@ const so = /* @__PURE__ */ u("div", {
               a.value > 1 ? (r(), d(K, { key: 0 }, [
                 u("div", {
                   class: "abl-image-preview__btn abl-image-preview__prev",
-                  onClick: J(V, ["stop"])
+                  onClick: J(B, ["stop"])
                 }, mo),
                 u("div", {
                   class: "abl-image-preview__btn abl-image-preview__next",
@@ -3241,7 +3241,7 @@ const so = /* @__PURE__ */ u("div", {
                   u("i", {
                     class: "abl-icon",
                     onClick: J(y, ["stop"])
-                  }, Vo),
+                  }, Bo),
                   u("i", {
                     class: "abl-icon",
                     onClick: _
@@ -3380,7 +3380,7 @@ const rl = {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: B(["abl-skeleton-avatar", `abl-skeleton-avatar--${n.shape}`]),
+      class: V(["abl-skeleton-avatar", `abl-skeleton-avatar--${n.shape}`]),
       style: E({ width: n.width })
     }, null, 6));
   }
@@ -3396,7 +3396,7 @@ const dt = {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: B(["abl-skeleton-paragraph"]),
+      class: V(["abl-skeleton-paragraph"]),
       style: E({ width: n.width })
     }, null, 4));
   }
@@ -3436,7 +3436,7 @@ const Mo = {
     return (a, i) => {
       var o;
       return r(), d("div", {
-        class: B(["abl-skeleton", e.animate && "abl-skeleton-animate"])
+        class: V(["abl-skeleton", e.animate && "abl-skeleton-animate"])
       }, [
         a.$slots.template ? z(a.$slots, "template", { key: 0 }, void 0, !0) : (r(), d(K, { key: 1 }, [
           n.avatar ? (r(), d("div", Mo, [
@@ -3482,7 +3482,7 @@ const Do = /* @__PURE__ */ u("svg", {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: B(["abl-skeleton-image", `abl-skeleton-image--${n.shape}`]),
+      class: V(["abl-skeleton-image", `abl-skeleton-image--${n.shape}`]),
       style: E({ width: n.width })
     }, Fo, 6));
   }
@@ -3611,7 +3611,7 @@ const Uo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), jo = ["onClick"], q
       ...Fe(i),
       onClose: $,
       current: v
-    }), V = Wo(() => {
+    }), B = Wo(() => {
       g.value && $();
     });
     return $e(Go, M), ge(() => {
@@ -3619,7 +3619,7 @@ const Uo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), jo = ["onClick"], q
     }), (N, _) => (r(), d("div", {
       class: "abl-dropdown",
       ref_key: "root",
-      ref: V
+      ref: B
     }, [
       u("div", {
         class: "abl-dropdown-menu",
@@ -3642,7 +3642,7 @@ const Uo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), jo = ["onClick"], q
             })
           }, D(L.title), 5),
           u("div", {
-            class: B(["abl-dropdown-menu__item__arrow", {
+            class: V(["abl-dropdown-menu__item__arrow", {
               "abl-dropdown-menu__item__arrow--rotate": y === v.value
             }])
           }, [
@@ -3755,7 +3755,7 @@ const Qo = (e) => (ye("data-v-046e593c"), e = e(), be(), e), es = ["active"], ts
           (r(!0), d(K, null, ae(e.options, (f, m) => (r(), ie(al, {
             title: f.text,
             onClick: (v) => o(f.value),
-            class: B(["abl-dropdown-item__option", a.modelValue === f.value && "abl-dropdown-item__option--active"])
+            class: V(["abl-dropdown-item__option", a.modelValue === f.value && "abl-dropdown-item__option--active"])
           }, ml({ _: 2 }, [
             a.modelValue === f.value ? {
               name: "extra",
@@ -3881,13 +3881,13 @@ const fs = {
       clear: p,
       input: () => i.value
     }), (w, M) => (r(), d("div", {
-      class: B(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": w.$slots.addonBefore || e.addonBefore || w.$slots.addonAfter || e.addonAfter }])
+      class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": w.$slots.addonBefore || e.addonBefore || w.$slots.addonAfter || e.addonAfter }])
     }, [
       z(w.$slots, "addonBefore", {}, () => [
         e.addonBefore ? (r(), d("span", fs, D(e.addonBefore), 1)) : R("", !0)
       ], !0),
       u("div", {
-        class: B(["abl-input__wrapper", { "is-focus": o.value }]),
+        class: V(["abl-input__wrapper", { "is-focus": o.value }]),
         onMouseenter: $,
         onMouseleave: k
       }, [
@@ -3895,13 +3895,13 @@ const fs = {
           z(w.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (r(), d("i", {
             key: 0,
-            class: B(["iconfont-abl", e.suffixIcon])
+            class: V(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : R("", !0)
         ])) : R("", !0),
         Z(u("input", xe({
           ref_key: "inputRef",
           ref: i,
-          "onUpdate:modelValue": M[0] || (M[0] = (V) => m.value = V),
+          "onUpdate:modelValue": M[0] || (M[0] = (B) => m.value = B),
           class: "abl-input__inner",
           type: c.value,
           placeholder: e.placeholder,
@@ -3937,7 +3937,7 @@ const fs = {
           z(w.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (r(), d("i", {
             key: 0,
-            class: B(["iconfont-abl", e.suffixIcon])
+            class: V(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : R("", !0)
         ])) : R("", !0)
       ], 34),
@@ -3953,11 +3953,11 @@ const ot = (e) => (ye("data-v-d27e2131"), e = e(), be(), e), _s = { class: "abl-
 }, xs = ["src"], $s = {
   key: 1,
   class: "abl-spin-dot"
-}, ks = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Ss = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Cs = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Vs = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Bs = [
+}, ks = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Ss = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Cs = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Bs = /* @__PURE__ */ ot(() => /* @__PURE__ */ u("span", { class: "abl-dot-item" }, null, -1)), Vs = [
   ks,
   Ss,
   Cs,
-  Vs
+  Bs
 ], Ls = {
   __name: "index",
   props: {
@@ -3992,16 +3992,16 @@ const ot = (e) => (ye("data-v-d27e2131"), e = e(), be(), e), _s = { class: "abl-
   },
   setup(e) {
     return (n, t) => (r(), d("div", {
-      class: B(`abl-spin-wrap ${e.size}`),
+      class: V(`abl-spin-wrap ${e.size}`),
       style: E(`--color: ${e.color};`)
     }, [
       Z(u("div", {
-        class: B(["abl-spin", [{ "fixed-spin": e.fixed }]])
+        class: V(["abl-spin", [{ "fixed-spin": e.fixed }]])
       }, [
         u("div", _s, [
           e.logo ? (r(), d("div", ws, [
             u("img", { src: e.logo }, null, 8, xs)
-          ])) : e.indicator === "dot" ? (r(), d("div", $s, Bs)) : R("", !0),
+          ])) : e.indicator === "dot" ? (r(), d("div", $s, Vs)) : R("", !0),
           Z(u("p", { class: "abl-tip" }, D(e.tip), 513), [
             [ne, e.tip]
           ])
@@ -4011,14 +4011,14 @@ const ot = (e) => (ye("data-v-d27e2131"), e = e(), be(), e), _s = { class: "abl-
       ]),
       e.fixed ? Z((r(), d("div", {
         key: 0,
-        class: B(["abl-spin-content", { "abl-spin-mask": e.spinning }, { "fixed-spin-mask": e.fixed }])
+        class: V(["abl-spin-content", { "abl-spin-mask": e.spinning }, { "fixed-spin-mask": e.fixed }])
       }, [
         z(n.$slots, "default", {}, void 0, !0)
       ], 2)), [
         [ne, e.spinning]
       ]) : (r(), d("div", {
         key: 1,
-        class: B(["abl-spin-content", { "abl-spin-mask": e.spinning }])
+        class: V(["abl-spin-content", { "abl-spin-mask": e.spinning }])
       }, [
         z(n.$slots, "default", {}, void 0, !0)
       ], 2))
@@ -4167,7 +4167,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       }).finally(() => {
         i.value[L] = !1;
       });
-    }, V = (_, L) => {
+    }, B = (_, L) => {
       if (v(L)) {
         const y = l.value.slice(0, _).filter((S) => !v(t.isUrl ? S.url : S));
         s.value[_ - y.length].onPreview();
@@ -4187,7 +4187,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       }, [
         u("div", As, [
           Z(u("div", {
-            class: B(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
+            class: V(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
             onDragenter: L[1] || (L[1] = J(() => {
             }, ["stop", "prevent"])),
             onDragover: L[2] || (L[2] = J(() => {
@@ -4249,7 +4249,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
               u("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: (S) => V(y - 1, e.isUrl ? l.value[y - 1].url : l.value[y - 1])
+                onClick: (S) => B(y - 1, e.isUrl ? l.value[y - 1].url : l.value[y - 1])
               }, Ws, 8, Fs),
               Z(u("a", {
                 class: "m-icon",
@@ -4384,7 +4384,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       return { width: (((T = v.value) == null ? void 0 : T.getBoundingClientRect().width) || 0) + "px" };
     }), w = Ie({
       list: o == null ? void 0 : o.options
-    }), M = b(!1), V = b(
+    }), M = b(!1), B = b(
       o.search && h.value === "focus" && M.value
     ), I = O(() => o.disabled), N = b(""), _ = b([]), L = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], y = (P, T) => o.isToLowerCase && P.toLowerCase() == T.toLowerCase() || P == T, S = () => {
       var P;
@@ -4417,7 +4417,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       deep: !0
     });
     const F = (P) => {
-      if (!V.value)
+      if (!B.value)
         N.value = "";
       else {
         const T = s.filter((Y) => {
@@ -4449,7 +4449,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
     $e("handleSlotClick", W);
     const q = () => {
       var P;
-      (P = g.value) == null || P.focus(), !V.value && h.value === "focus" && _.value.length > 0 && (_.value.pop(), c("change", $t(_.value)));
+      (P = g.value) == null || P.focus(), !B.value && h.value === "focus" && _.value.length > 0 && (_.value.pop(), c("change", $t(_.value)));
     }, A = () => {
       $.value = !1, h.value = "blur", N.value = "", setTimeout(() => {
         p.value.close();
@@ -4462,7 +4462,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
     return le(
       M,
       (P) => {
-        V.value = o.search && h.value === "focus" && P;
+        B.value = o.search && h.value === "focus" && P;
       },
       { immediate: !0, deep: !0 }
     ), le(
@@ -4481,7 +4481,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
     }, { immediate: !0, deep: !0 }), ge(() => {
       le(h, (P) => {
         var T, Y;
-        P === "focus" ? (T = g.value) == null || T.focus() : (Y = g.value) == null || Y.blur(), V.value = o.search && P === "focus" && M;
+        P === "focus" ? (T = g.value) == null || T.focus() : (Y = g.value) == null || Y.blur(), B.value = o.search && P === "focus" && M;
       }), document.body.addEventListener("click", () => {
         h.value = "blur";
       });
@@ -4511,12 +4511,12 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       }), {
         content: re(() => [
           u("div", {
-            class: B(["abl-select-options-warpper", [e.customScrollbar ? "custom-scrollbar" : ""]]),
+            class: V(["abl-select-options-warpper", [e.customScrollbar ? "custom-scrollbar" : ""]]),
             style: E(k.value),
             id: "abl-select"
           }, [
             w.list.length > 0 ? (r(!0), d(K, { key: 0 }, ae(w.list, (Y, C) => (r(), d("div", {
-              class: B(["abl-select-options-item", _.value.some((U) => U.value === Y.value) ? "abl-options-item-active" : ""]),
+              class: V(["abl-select-options-item", _.value.some((U) => U.value === Y.value) ? "abl-options-item-active" : ""]),
               key: Y.name + Y.value,
               onMousedown: (U) => W(Y, U)
             }, [
@@ -4532,7 +4532,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
                   src: Y.img
                 }, null, 8, ni)) : R("", !0),
                 u("span", {
-                  class: B(Y.img ? "haveImg" : "")
+                  class: V(Y.img ? "haveImg" : "")
                 }, D(Y.name), 3)
               ], 64))
             ], 42, li))), 128)) : (r(), d("div", ai, " No data "))
@@ -4542,7 +4542,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
           u("div", {
             onClick: H,
             id: "select-input-warpper",
-            class: B(["abl-select-warpper", I.value ? "abl-select-warpper-disabled" : ""]),
+            class: V(["abl-select-warpper", I.value ? "abl-select-warpper-disabled" : ""]),
             style: E({ height: e.height }),
             onKeydown: Dt(q, ["delete"])
           }, [
@@ -4556,13 +4556,13 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
                     a.value ? z(P.$slots, "ablname", xt(xe({ key: 0 }, { name: m.value })), void 0, !0) : (r(), d("span", Zs, D(m.value), 1))
                   ])
                 ], 512), [
-                  [ne, _.value.length && !V.value]
+                  [ne, _.value.length && !B.value]
                 ]),
                 e.search ? Z((r(), d("input", {
                   key: 0,
                   onBlur: T[0] || (T[0] = (Y) => A()),
                   type: "text",
-                  class: B(["abl-select-input-focus", V.value ? "abl-select-input-search" : ""]),
+                  class: V(["abl-select-input-focus", B.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: g,
                   "onUpdate:modelValue": T[1] || (T[1] = (Y) => N.value = Y),
@@ -4680,18 +4680,18 @@ const si = {
       n.bordered ? fe(() => {
         s.value.forEach(($, k) => {
           $.forEach((w) => {
-            const M = Array.from(w.element.children), V = M[0];
-            V.colSpan = 1, v(V, n.labelStyle), v(V, JSON.parse(w.element.dataset.labelStyle));
+            const M = Array.from(w.element.children), B = M[0];
+            B.colSpan = 1, v(B, n.labelStyle), v(B, JSON.parse(w.element.dataset.labelStyle));
             const I = M[1];
-            I.colSpan = w.span * 2 - 1, v(I, n.contentStyle), v(I, JSON.parse(w.element.dataset.contentStyle)), o.value[k].appendChild(V), o.value[k].appendChild(I);
+            I.colSpan = w.span * 2 - 1, v(I, n.contentStyle), v(I, JSON.parse(w.element.dataset.contentStyle)), o.value[k].appendChild(B), o.value[k].appendChild(I);
           });
         });
       }) : fe(() => {
         g.forEach(($, k) => {
           const w = Array.from($.children), M = w[0];
           v(M, n.labelStyle), v(M, JSON.parse($.dataset.labelStyle));
-          const V = w[1];
-          v(V, n.contentStyle), v(V, JSON.parse($.dataset.contentStyle)), i.value[k].appendChild($);
+          const B = w[1];
+          v(B, n.contentStyle), v(B, JSON.parse($.dataset.contentStyle)), i.value[k].appendChild($);
         });
       });
     }
@@ -4704,7 +4704,7 @@ const si = {
       });
     }
     return (g, h) => (r(), d("div", {
-      class: B(["abl-desc", `desc-${e.size}`])
+      class: V(["abl-desc", `desc-${e.size}`])
     }, [
       e.title || g.$slots.title ? (r(), d("div", si, [
         u("div", ii, [
@@ -4727,7 +4727,7 @@ const si = {
         [ne, !1]
       ]),
       u("div", {
-        class: B(["abl-desc-view", { "abl-bordered": e.bordered }])
+        class: V(["abl-desc-view", { "abl-bordered": e.bordered }])
       }, [
         u("table", null, [
           e.bordered ? (r(), d("tbody", di, [
@@ -4874,7 +4874,7 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
 }, Ci = {
   key: 0,
   class: "abl-range-mark"
-}, Vi = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstartPassive", "onMousedown"], Bi = /* @__PURE__ */ ul(() => /* @__PURE__ */ u("div", { class: "arrow" }, null, -1)), Li = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"], Ii = /* @__PURE__ */ ul(() => /* @__PURE__ */ u("div", { class: "arrow" }, null, -1)), Ai = {
+}, Bi = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstartPassive", "onMousedown"], Vi = /* @__PURE__ */ ul(() => /* @__PURE__ */ u("div", { class: "arrow" }, null, -1)), Li = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"], Ii = /* @__PURE__ */ ul(() => /* @__PURE__ */ u("div", { class: "arrow" }, null, -1)), Ai = {
   key: 1,
   class: "abl-range-max"
 }, Ri = {
@@ -4961,19 +4961,19 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       background: t.inactiveColor
     })), k = O(() => ({
       borderColor: t.buttonColor
-    })), w = b(!1), M = (C) => !!t.range && Array.isArray(C), V = () => {
+    })), w = b(!1), M = (C) => !!t.range && Array.isArray(C), B = () => {
       const { modelValue: C, min: U } = t;
       return M(C) ? `${(C[1] - C[0]) * 100 / v.value}%` : `${(C - Number(U)) * 100 / v.value}%`;
     }, I = () => {
       const { modelValue: C, min: U } = t;
       return M(C) ? `${(C[0] - Number(U)) * 100 / v.value}%` : "0%";
     }, N = O(() => t.vertical ? {
-      height: V(),
+      height: B(),
       top: I(),
       background: t.activeColor,
       transition: c.value ? "none" : void 0
     } : {
-      width: V(),
+      width: B(),
       left: I(),
       background: t.activeColor,
       transition: c.value ? "none" : void 0
@@ -5048,20 +5048,20 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       t.disabled || (X(C), window.addEventListener("mousemove", Q), window.addEventListener("touchmove", Q), window.addEventListener("mouseup", P), window.addEventListener("touchend", P));
     }, Y = (C) => Array.isArray(t.modelValue) && typeof C == "number" ? t.modelValue[C] : Number(t.modelValue);
     return (C, U) => (r(), d("div", {
-      class: B(x.value)
+      class: V(x.value)
     }, [
       e.hiddenRange ? R("", !0) : (r(), d("div", Si, D(+e.min), 1)),
       u("div", {
         ref_key: "root",
         ref: s,
         style: E($.value),
-        class: B(p.value),
+        class: V(p.value),
         onClick: J(q, ["stop"])
       }, [
         m.value.length > 0 ? (r(), d("div", Ci, [
           (r(!0), d(K, null, ae(m.value, (j) => (r(), d("span", {
             key: j,
-            class: B(_(j)),
+            class: V(_(j)),
             style: E(L(j))
           }, [
             ee(D(j) + " ", 1),
@@ -5078,7 +5078,7 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
           e.range ? (r(), d(K, { key: 0 }, ae([0, 1], (j) => u("div", {
             key: j,
             role: "slider",
-            class: B({ "abl-range-button-wrapper-left": j == 0, "abl-range-button-wrapper-right": j == 1 }),
+            class: V({ "abl-range-button-wrapper-left": j == 0, "abl-range-button-wrapper-right": j == 1 }),
             tabindex: e.disabled ? -1 : 0,
             "aria-valuemin": +e.min,
             "aria-valuenow": Y(j),
@@ -5102,13 +5102,13 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: B(["abl-handle-tooltip", [{ "display-tooltip": a.value === j && w.value }]])
+                class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === j && w.value }]])
               }, [
                 ee(D(Y(j)) + " ", 1),
-                Bi
+                Vi
               ], 2)) : R("", !0)
             ], 4))
-          ], 42, Vi)), 64)) : (r(), d("div", {
+          ], 42, Bi)), 64)) : (r(), d("div", {
             key: 1,
             role: "slider",
             class: "abl-range-button-wrapper",
@@ -5133,7 +5133,7 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: B(["abl-handle-tooltip", [{ "display-tooltip": w.value }]])
+                class: V(["abl-handle-tooltip", [{ "display-tooltip": w.value }]])
               }, [
                 ee(D(Y()) + " ", 1),
                 Ii
@@ -5243,12 +5243,12 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
       a.value !== p && (a.value = p);
     };
     return (p, x) => (r(), d("div", {
-      class: B([`abl-pagination ${e.placement}`, { hidden: e.hideOnSinglePage && e.total <= e.pageSize, "no-border": !e.border }])
+      class: V([`abl-pagination ${e.placement}`, { hidden: e.hideOnSinglePage && e.total <= e.pageSize, "no-border": !e.border }])
     }, [
       u("div", Ei, [
         e.showTotal ? (r(), d("span", Mi, "total " + D(e.total) + " items", 1)) : R("", !0),
         u("div", {
-          class: B(["abl-pagination-item", { disabled: a.value === 1 }]),
+          class: V(["abl-pagination-item", { disabled: a.value === 1 }]),
           onClick: x[0] || (x[0] = ($) => !oe(l).itemRender && h(a.value - 1))
         }, [
           z(p.$slots, "itemRender", {
@@ -5259,7 +5259,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           ])
         ], 2),
         u("div", {
-          class: B(["abl-pagination-item", { active: a.value === 1 }]),
+          class: V(["abl-pagination-item", { active: a.value === 1 }]),
           onClick: x[1] || (x[1] = ($) => !oe(l).itemRender && h(1))
         }, [
           z(p.$slots, "itemRender", {
@@ -5277,7 +5277,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           [ne, i.value && c.value[0] - 1 > 1]
         ]),
         (r(!0), d(K, null, ae(c.value, ($, k) => (r(), d("div", {
-          class: B(["abl-pagination-item", { active: a.value === $ }]),
+          class: V(["abl-pagination-item", { active: a.value === $ }]),
           key: k,
           onClick: (w) => !oe(l).itemRender && h($)
         }, [
@@ -5296,7 +5296,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           [ne, o.value && c.value[c.value.length - 1] + 1 < s.value]
         ]),
         Z(u("div", {
-          class: B(["abl-pagination-item", { active: a.value === s.value }]),
+          class: V(["abl-pagination-item", { active: a.value === s.value }]),
           onClick: x[2] || (x[2] = ($) => !oe(l).itemRender && h(s.value))
         }, [
           z(p.$slots, "itemRender", {
@@ -5309,7 +5309,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           [ne, s.value !== 1]
         ]),
         u("div", {
-          class: B(["abl-pagination-item", { disabled: a.value === s.value }]),
+          class: V(["abl-pagination-item", { disabled: a.value === s.value }]),
           onClick: x[3] || (x[3] = ($) => !oe(l).itemRender && h(a.value + 1))
         }, [
           z(p.$slots, "itemRender", {
@@ -5429,7 +5429,7 @@ const er = { class: "abl-breadcrumb__item" }, tr = {
       var o;
       return r(), d("span", er, [
         u("span", {
-          class: B(["abl-breadcrumb__inner", {
+          class: V(["abl-breadcrumb__inner", {
             "is-link": e.to
           }]),
           onClick: l
@@ -5476,7 +5476,7 @@ const rr = {
       class: "timeline-item"
     }, [
       u("div", {
-        class: B([a.value, "timeline-circle"])
+        class: V([a.value, "timeline-circle"])
       }, [
         z(i.$slots, "others", {}, void 0, !0)
       ], 2),
@@ -5544,6 +5544,10 @@ const vr = {
     zIndex: {
       type: [Number, String],
       default: 99
+    },
+    isFixed: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["change"],
@@ -5553,30 +5557,30 @@ const vr = {
       height: 0,
       width: 0,
       transform: 0
-    }), c = b(), f = b(null), m = O(() => l.position === "top" ? Number(l.offsetTop) : Number(l.offsetBottom)), v = O(() => s.fixed ? { height: `${s.height}px` } : {}), g = O(() => s.fixed ? {
+    }), c = b(), f = b(null), m = O(() => l.position === "top" ? Number(l.offsetTop) : Number(l.offsetBottom)), v = O(() => s.fixed && l.isFixed ? { height: `${s.height}px` } : {}), g = O(() => !s.fixed && l.isFixed ? {} : {
       [l.position]: `${m.value}px`,
       height: `${s.height}px`,
       width: `${s.width}px`,
       transform: s.transform ? `translate3d(0, ${s.transform}px, 0)` : void 0,
       zIndex: Number(l.zIndex)
-    } : {}), h = () => {
-      t && (f.value !== null && cancelAnimationFrame(f.value), f.value = requestAnimationFrame(() => {
+    }), h = () => {
+      !t && l.isFixed || (f.value !== null && cancelAnimationFrame(f.value), f.value = requestAnimationFrame(() => {
         const $ = l.container;
         if (!i.value && !$)
           return;
-        const k = rt(i), w = o.value, M = rt(w), V = rt($);
+        const k = rt(i), w = o.value, M = rt(w), B = rt($);
         if (s.height = k.height, s.width = k.width, l.position === "top")
           if ($) {
-            s.fixed = m.value > k.top && V.bottom > 0;
-            const I = V.bottom - m.value - M.height;
+            s.fixed = m.value > k.top && B.bottom > 0;
+            const I = B.bottom - m.value - M.height;
             s.transform = I < 0 ? I : 0;
           } else
             s.fixed = m.value > k.top, s.transform = 0;
         else {
           const I = document.documentElement.clientHeight;
           if ($) {
-            s.fixed = V.bottom > 0 && I - m.value - M.height > V.top;
-            const N = V.bottom - (I - m.value);
+            s.fixed = B.bottom > 0 && I - m.value - M.height > B.top;
+            const N = B.bottom - (I - m.value);
             s.transform = N < 0 ? N : 0;
           } else
             s.fixed = I - m.value < k.bottom, s.transform = 0;
@@ -5591,14 +5595,14 @@ const vr = {
       }
     );
     const p = () => {
-      c.value = pr(i.value), c.value && c.value.addEventListener("scroll", h, { passive: !0 });
+      c.value = pr(i.value), c.value && l.isFixed && c.value.addEventListener("scroll", h, { passive: !0 });
     }, x = () => {
-      c.value && (c.value.removeEventListener("scroll", h, { passive: !0 }), c.value = null);
+      c.value && l.isFixed && (c.value.removeEventListener("scroll", h, { passive: !0 }), c.value = null);
     };
     return ge(() => {
-      t && p();
+      t && l.isFixed && p();
     }), Je(() => {
-      x(), f.value !== null && cancelAnimationFrame(f.value);
+      x(), f.value !== null && l.isFixed && cancelAnimationFrame(f.value);
     }), le(() => l.container, () => {
       x(), p();
     }), ($, k) => (r(), d("div", {
@@ -5609,14 +5613,14 @@ const vr = {
       u("div", {
         ref_key: "stickyRef",
         ref: o,
-        class: B(["abl-sticky", s.fixed && "abl-sticky--fixed"]),
+        class: V(["abl-sticky", s.fixed && l.isFixed && "abl-sticky--fixed"]),
         style: E(g.value)
       }, [
         z($.$slots, "default", {}, void 0, !0)
       ], 6)
     ], 4));
   }
-}, mr = /* @__PURE__ */ G(vr, [["__scopeId", "data-v-b8f3a066"]]);
+}, mr = /* @__PURE__ */ G(vr, [["__scopeId", "data-v-5bf1575a"]]);
 const hr = { class: "abl-tree-select" }, gr = { class: "abl-tree-select-tab" }, yr = ["onClick"], br = {
   key: 0,
   class: "abl-tree-select__nav-item-dot"
@@ -5640,7 +5644,7 @@ const hr = { class: "abl-tree-select" }, gr = { class: "abl-tree-select-tab" },
     return (o, s) => (r(), d("div", hr, [
       u("div", gr, [
         (r(!0), d(K, null, ae(l.items, (c, f) => (r(), d("div", {
-          class: B(["abl-tree-select__nav-item", f == a.value ? "active" : ""]),
+          class: V(["abl-tree-select__nav-item", f == a.value ? "active" : ""]),
           onClick: (m) => i(f)
         }, [
           ee(D(c.text) + " ", 1),
@@ -5690,13 +5694,13 @@ const $r = {
 }, Cr = {
   key: 1,
   class: "abl-count-down-m"
-}, Vr = { class: "abl-count-down-item hours" }, Br = /* @__PURE__ */ dl(() => /* @__PURE__ */ u("span", { class: "abl-count-down-m" }, ":", -1)), Lr = { class: "abl-count-down-item minutes" }, Ir = /* @__PURE__ */ dl(() => /* @__PURE__ */ u("span", { class: "abl-count-down-m" }, ":", -1)), Ar = { class: "abl-count-down-item seconds" };
+}, Br = { class: "abl-count-down-item hours" }, Vr = /* @__PURE__ */ dl(() => /* @__PURE__ */ u("span", { class: "abl-count-down-m" }, ":", -1)), Lr = { class: "abl-count-down-item minutes" }, Ir = /* @__PURE__ */ dl(() => /* @__PURE__ */ u("span", { class: "abl-count-down-m" }, ":", -1)), Ar = { class: "abl-count-down-item seconds" };
 function Rr(e, n, t, l, a, i) {
   return r(), d("div", kr, [
     l.remainingTime.days !== "00" ? (r(), d("span", Sr, D(l.remainingTime.days), 1)) : R("", !0),
     l.remainingTime.days !== "00" ? (r(), d("span", Cr, ":")) : R("", !0),
-    u("span", Vr, D(l.remainingTime.hours), 1),
-    Br,
+    u("span", Br, D(l.remainingTime.hours), 1),
+    Vr,
     u("span", Lr, D(l.remainingTime.minutes), 1),
     Ir,
     u("span", Ar, D(l.remainingTime.seconds), 1)
@@ -5751,12 +5755,12 @@ const Er = {
 }, Mr = ["min", "max"];
 function Nr(e, n, t, l, a, i) {
   return r(), d("div", {
-    class: B(["stepper", { "is-disabled": t.disabled }])
+    class: V(["stepper", { "is-disabled": t.disabled }])
   }, [
     u("button", {
       onClick: n[0] || (n[0] = (...o) => l.decrement && l.decrement(...o)),
       icon: "minus",
-      class: B([l.decrementDisable ? "disable" : "", "step-btn stepper-minus"])
+      class: V([l.decrementDisable ? "disable" : "", "step-btn stepper-minus"])
     }, null, 2),
     Z(u("input", {
       class: "stepper-input",
@@ -5771,7 +5775,7 @@ function Nr(e, n, t, l, a, i) {
     u("button", {
       onClick: n[2] || (n[2] = (...o) => l.increment && l.increment(...o)),
       icon: "plus",
-      class: B(["step-btn stepper-plus", l.incrementDisable ? "disable" : ""])
+      class: V(["step-btn stepper-plus", l.incrementDisable ? "disable" : ""])
     }, null, 2)
   ], 2);
 }