abl-ui 0.5.68 → 0.5.70

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as d, normalizeStyle as E, renderSlot as R, createElementVNode as u, normalizeClass as L, createTextVNode as ee, toDisplayString as D, createCommentVNode as z, createStaticVNode as Tt, computed as O, ref as b, onMounted as ge, nextTick as me, onUnmounted as Je, Fragment as K, renderList as ae, createVNode as fe, useSlots as De, provide as $e, watch as ne, withDirectives as Z, vShow as le, defineComponent as Ot, toRefs as Fe, inject as Le, reactive as Ie, unref as se, 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 R, createElementVNode as u, normalizeClass as V, createTextVNode as ee, toDisplayString as D, createCommentVNode as z, createStaticVNode as Tt, computed as O, ref as b, onMounted as ge, nextTick as me, onUnmounted as Je, Fragment as K, renderList as ae, createVNode as fe, useSlots as De, provide as $e, watch as ne, withDirectives as Z, vShow as le, defineComponent as Ot, toRefs as Fe, inject as Le, reactive as Ie, unref as se, 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 oe = [];
 for (let e = 0; e < 256; ++e)
   oe.push((e + 256).toString(16).slice(1));
@@ -83,7 +83,7 @@ const G = (e, n) => {
       ], !0),
       e.description ? (r(), d("p", {
         key: 3,
-        class: L(["u-description", { gray: e.image === "2" }])
+        class: V(["u-description", { gray: e.image === "2" }])
       }, [
         R(n.$slots, "description", {}, () => [
           ee(D(e.description), 1)
@@ -153,7 +153,7 @@ const Ll = { class: "abl-table" }, Il = ["id"], Al = { class: "gridtable" }, zl
     return (c, f) => (r(), d("section", null, [
       u("div", Ll, [
         u("div", {
-          class: L(["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" }, zl
                 u("tr", null, [
                   (r(!0), d(K, null, ae(t.columns, (m, p) => (r(), d("th", {
                     key: p,
-                    class: L(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" }, zl
               t.data.length > 0 ? (r(), d("tbody", Ml, [
                 (r(!0), d(K, null, ae(t.data, (m, p) => (r(), d("tr", {
                   key: p,
-                  class: L([{ "tr-selected": m.selected, "tr-stripe": t.stripe && p % 2 == 0 }])
+                  class: V([{ "tr-selected": m.selected, "tr-stripe": t.stripe && p % 2 == 0 }])
                 }, [
                   (r(!0), d(K, null, ae(e.columns, (v, y) => (r(), d("td", {
                     key: y,
-                    class: L(v.fixed == "left" ? "table-fixed-column--left" : v.fixed == "right" ? "table-fixed-column--right" : "")
+                    class: V(v.fixed == "left" ? "table-fixed-column--left" : v.fixed == "right" ? "table-fixed-column--right" : "")
                   }, [
                     u("div", {
                       class: "cell",
@@ -265,19 +265,19 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Ul = ["id"], jl = ["onClick"], Wl
     const h = b();
     (M = l.default()) == null || M.map(({ props: C, children: I }) => {
       if (C) {
-        const { title: N, value: w, icon: V, afterIcon: g } = C;
+        const { title: N, value: w, icon: L, afterIcon: g } = C;
         s.value.push({
           title: N,
           value: w,
-          icon: V,
+          icon: L,
           afterIcon: g
         });
       } else
         (I == null ? void 0 : I.length) > 0 && Array.isArray(I) && (I == null || I.map((N) => {
-          const { title: w, value: V, icon: g, afterIcon: S } = N.props;
+          const { title: w, value: L, icon: g, afterIcon: S } = N.props;
           s.value.push({
             title: w,
-            value: V,
+            value: L,
             icon: g,
             afterIcon: S
           });
@@ -312,8 +312,8 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Ul = ["id"], jl = ["onClick"], Wl
       if (!o.value)
         return;
       let C = 0;
-      s.value.map((V, g) => {
-        V.value == a.modelValue && (C = g);
+      s.value.map((L, g) => {
+        L.value == a.modelValue && (C = g);
       });
       const I = o.value[C], N = I == null ? void 0 : I.offsetLeft;
       i.value = {
@@ -321,9 +321,9 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Ul = ["id"], jl = ["onClick"], Wl
         width: I.clientWidth + "px"
       };
       const w = document.getElementById("tab-hidden" + h.value);
-      (w == null ? void 0 : w.scrollWidth) - 2 > (w == null ? void 0 : w.clientWidth) ? m.value = !0 : m.value = !1, w.addEventListener("scroll", function(V) {
+      (w == null ? void 0 : w.scrollWidth) - 2 > (w == null ? void 0 : w.clientWidth) ? m.value = !0 : m.value = !1, w.addEventListener("scroll", function(L) {
         var g, S, F;
-        ((g = V.target) == null ? void 0 : g.scrollLeft) + ((S = V.target) == null ? void 0 : S.offsetWidth) >= ((F = V.target) == null ? void 0 : F.scrollWidth) - 1 && (v.value = !1, p.value = !0), V.target.scrollLeft == 0 && (v.value = !0, p.value = !1);
+        ((g = L.target) == null ? void 0 : g.scrollLeft) + ((S = L.target) == null ? void 0 : S.offsetWidth) >= ((F = L.target) == null ? void 0 : F.scrollWidth) - 1 && (v.value = !1, p.value = !0), L.target.scrollLeft == 0 && (v.value = !0, p.value = !1);
       });
     };
     return ne(() => a.modelValue, async () => {
@@ -338,7 +338,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Ul = ["id"], jl = ["onClick"], Wl
           id: "tabs-header-wrap" + h.value
         }, [
           Z(u("i", {
-            class: L([p.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
+            class: V([p.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
             onClick: k
           }, null, 2), [
             [le, m.value]
@@ -348,21 +348,21 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Ul = ["id"], jl = ["onClick"], Wl
             id: "tab-hidden" + h.value
           }, [
             (r(!0), d(K, null, ae(s.value, (w) => (r(), d("div", {
-              class: L([f.value === w.value ? "header-btn-active" : "", "header-btn"]),
+              class: V([f.value === w.value ? "header-btn-active" : "", "header-btn"]),
               key: w.title,
               ref_for: !0,
               ref_key: "tabs",
               ref: o,
-              onClick: (V) => x(V, w.value)
+              onClick: (L) => x(L, w.value)
             }, [
               w.icon ? (r(), d("i", {
                 key: 0,
-                class: L(["tab-icon", w.icon])
+                class: V(["tab-icon", w.icon])
               }, null, 2)) : z("", !0),
               ee(D(w.title) + " ", 1),
               w.afterIcon ? (r(), d("i", {
                 key: 1,
-                class: L(["iconfont-abl tab-icon-after", w.afterIcon])
+                class: V(["iconfont-abl tab-icon-after", w.afterIcon])
               }, null, 2)) : z("", !0)
             ], 10, jl))), 128)),
             (N = i.value) != null && N.width ? (r(), d("div", {
@@ -383,7 +383,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Ul = ["id"], jl = ["onClick"], Wl
             ], 4)) : z("", !0)
           ], 8, Ul),
           Z(u("i", {
-            class: L([v.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
+            class: V([v.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
             onClick: $
           }, null, 2), [
             [le, m.value]
@@ -447,7 +447,7 @@ const Fl = { class: "abl-tabs" }, Hl = ["id"], Ul = ["id"], jl = ["onClick"], Wl
       [`abl-switch-${o.value}`]: o.value
     }));
     return (c, f) => (r(), d("div", {
-      class: L(["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 (p, v) => (r(), d("div", {
-      class: L(["abl-radio", m.value]),
+      class: V(["abl-radio", m.value]),
       onClick: f
     }, [
       u("span", {
-        class: L(["abl-radio-input", m.value])
+        class: V(["abl-radio-input", m.value])
       }, null, 2),
       u("span", {
-        class: L(["abl-radio-label", m.value])
+        class: V(["abl-radio-label", m.value])
       }, [
         R(p.$slots, "default", {}, () => [
           ee(D(e.label), 1)
@@ -738,7 +738,7 @@ const He = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), ln = ["onMouseenter
       let S = _(g, "warning");
       return s.value.push(S), k(), S.id;
     }
-    function V(g) {
+    function L(g) {
       let S = _(g, "loading");
       return s.value.push(S), k(), S.id;
     }
@@ -748,7 +748,7 @@ const He = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), ln = ["onMouseenter
       success: I,
       error: N,
       warning: w,
-      loading: V,
+      loading: L,
       close: $
     }), (g, S) => (r(), d("div", {
       class: "abl-message",
@@ -761,12 +761,12 @@ const He = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), ln = ["onMouseenter
       }, {
         default: re(() => [
           (r(!0), d(K, null, ae(s.value, (F, q) => Z((r(), d("div", {
-            class: L(["message-wrap", F.class]),
+            class: V(["message-wrap", F.class]),
             style: E(F.style),
             key: q
           }, [
             u("div", {
-              class: L(["message-content-wrap", `icon-${F.mode}`]),
+              class: V(["message-content-wrap", `icon-${F.mode}`]),
               onMouseenter: (H) => v(q),
               onMouseleave: (H) => y(q),
               onClick: (H) => h(H, q)
@@ -915,7 +915,7 @@ const $n = (e) => (ye("data-v-8f73fef4"), e = e(), be(), e), kn = { class: "abl-
         default: re(() => [
           e.modelValue && e.overlay ? (r(), d("div", {
             key: 0,
-            class: L(["abl-drawer-mask", `${i.class}-mask`]),
+            class: V(["abl-drawer-mask", `${i.class}-mask`]),
             onClick: m,
             style: E(`z-index: ${i.zIndex}`)
           }, null, 6)) : z("", !0)
@@ -929,7 +929,7 @@ const $n = (e) => (ye("data-v-8f73fef4"), e = e(), be(), e), kn = { class: "abl-
         default: re(() => [
           e.modelValue ? (r(), d("div", {
             key: 0,
-            class: L(["abl-drawer", e.customClass, `abl-drawer-${i.direction}`, e.round && "abl-drawer-round", i.class]),
+            class: V(["abl-drawer", e.customClass, `abl-drawer-${i.direction}`, e.round && "abl-drawer-round", i.class]),
             style: E(`z-index: ${i.zIndex + 1}`)
           }, [
             u("div", {
@@ -1023,7 +1023,7 @@ const En = {
       "is-disabled": n.disabled
     }));
     return (l, a) => (r(), d("button", {
-      class: L(["abl-button", t.value])
+      class: V(["abl-button", t.value])
     }, [
       e.loading ? (r(), d(K, { key: 0 }, [
         e.loading ? (r(), d("i", En)) : z("", !0),
@@ -1032,7 +1032,7 @@ const En = {
         e.iconPosition === "left" ? R(l.$slots, "icon", { key: 0 }, () => [
           e.icon ? (r(), d("i", {
             key: 0,
-            class: L(["iconfont-abl slot-icon-left", e.icon])
+            class: V(["iconfont-abl slot-icon-left", e.icon])
           }, null, 2)) : z("", !0)
         ]) : z("", !0),
         u("span", Mn, [
@@ -1041,7 +1041,7 @@ const En = {
         e.iconPosition === "right" ? R(l.$slots, "icon", { key: 1 }, () => [
           e.icon ? (r(), d("i", {
             key: 0,
-            class: L(["iconfont-abl slot-icon-right", e.icon])
+            class: V(["iconfont-abl slot-icon-right", e.icon])
           }, null, 2)) : z("", !0)
         ]) : z("", !0)
       ], 64))
@@ -1102,14 +1102,14 @@ const On = {
       }
     };
     return (p, v) => (r(), d("div", {
-      class: L(["abl-checkbox", f.value]),
+      class: V(["abl-checkbox", f.value]),
       onClick: m
     }, [
       u("span", {
-        class: L(["abl-checkbox-input", f.value])
+        class: V(["abl-checkbox-input", f.value])
       }, null, 2),
       u("span", {
-        class: L(["abl-checkbox-label", f.value])
+        class: V(["abl-checkbox-label", f.value])
       }, [
         R(p.$slots, "default", {}, () => [
           ee(D(e.label), 1)
@@ -1243,12 +1243,12 @@ const Fn = { class: "abl-dialog__header" }, Hn = { class: "abl-dialog__title" },
         default: re(() => [
           e.modelValue ? (r(), d("div", {
             key: 0,
-            class: L(["abl-dialog-overlay", p.value, l.class]),
+            class: V(["abl-dialog-overlay", p.value, l.class]),
             onClick: m,
             style: E({ zIndex: e.zIndex })
           }, [
             u("div", {
-              class: L(["abl-dialog", e.customClass, p.value]),
+              class: V(["abl-dialog", e.customClass, p.value]),
               style: E({ width: e.width, zIndex: e.zIndex + 1 }),
               ref_key: "root",
               ref: a
@@ -1549,7 +1549,7 @@ const ea = (e) => ({
     }, y = gt(a), h = ht(y), x = await o.getDimensions(f), $ = y === "y", k = $ ? "top" : "left", _ = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", C = i.reference[h] + i.reference[y] - v[y] - i.floating[h], I = v[y] - i.reference[y], N = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let w = N ? N[M] : 0;
     (!w || !await (o.isElement == null ? void 0 : o.isElement(N))) && (w = s.floating[M] || i.floating[h]);
-    const V = C / 2 - I / 2, g = w / 2 - x[h] / 2 - 1, S = Me(p[k], g), F = Me(p[_], g), q = S, H = w - x[h] - F, W = w / 2 - x[h] / 2 + V, A = ct(q, W, H), X = !c.arrow && je(a) != null && W !== A && i.reference[h] / 2 - (W < q ? S : F) - x[h] / 2 < 0, Q = X ? W < q ? W - q : W - H : 0;
+    const L = C / 2 - I / 2, g = w / 2 - x[h] / 2 - 1, S = Me(p[k], g), F = Me(p[_], g), q = S, H = w - x[h] - F, W = w / 2 - x[h] / 2 + L, A = ct(q, W, H), X = !c.arrow && je(a) != null && W !== A && i.reference[h] / 2 - (W < q ? S : F) - x[h] / 2 < 0, Q = X ? W < q ? W - q : W - H : 0;
     return {
       [y]: v[y] + Q,
       data: {
@@ -1589,12 +1589,12 @@ const ea = (e) => ({
       const k = Ae(a), _ = Ae(s) === s, M = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), C = v || (_ || !x ? [Ke(s)] : Kn(s));
       !v && h !== "none" && C.push(...Jn(s, x, h, M));
       const I = [s, ...C], N = await Yt(n, $), w = [];
-      let V = ((l = i.flip) == null ? void 0 : l.overflows) || [];
+      let L = ((l = i.flip) == null ? void 0 : l.overflows) || [];
       if (m && w.push(N[k]), p) {
         const q = Xn(a, o, M);
         w.push(N[q[0]], N[q[1]]);
       }
-      if (V = [...V, {
+      if (L = [...L, {
         placement: a,
         overflows: w
       }], !w.every((q) => q <= 0)) {
@@ -1604,18 +1604,18 @@ const ea = (e) => ({
           return {
             data: {
               index: q,
-              overflows: V
+              overflows: L
             },
             reset: {
               placement: H
             }
           };
-        let W = (S = V.filter((A) => A.overflows[0] <= 0).sort((A, X) => A.overflows[1] - X.overflows[1])[0]) == null ? void 0 : S.placement;
+        let W = (S = L.filter((A) => A.overflows[0] <= 0).sort((A, X) => A.overflows[1] - X.overflows[1])[0]) == null ? void 0 : S.placement;
         if (!W)
           switch (y) {
             case "bestFit": {
               var F;
-              const A = (F = V.map((X) => [X.placement, X.overflows.filter((Q) => Q > 0).reduce((Q, P) => Q + P, 0)]).sort((X, Q) => X[1] - Q[1])[0]) == null ? void 0 : F[0];
+              const A = (F = L.map((X) => [X.placement, X.overflows.filter((Q) => Q > 0).reduce((Q, P) => Q + P, 0)]).sort((X, Q) => X[1] - Q[1])[0]) == null ? void 0 : F[0];
               A && (W = A);
               break;
             }
@@ -2254,12 +2254,12 @@ const Ca = ["data-side"], ll = {
       k.value = !0;
     }, I = () => k.value = !1, N = () => {
       _.value && me(() => {
-        _.value.addEventListener("click", V);
+        _.value.addEventListener("click", L);
         const A = _.value.getBoundingClientRect();
         l.widthAuto && (f.value = A != null && A.width ? (A == null ? void 0 : A.width) + "px" : "auto"), c.value && (_.value.addEventListener("mouseover", C, { capture: !0 }), _.value.addEventListener("mouseout", I, { capture: !0 }));
       });
     }, w = () => {
-      _.value && (_.value.removeEventListener("click", V), c.value && (_.value.removeEventListener("mouseover", C, { capture: !0 }), _.value.removeEventListener("mouseout", I, { capture: !0 })));
+      _.value && (_.value.removeEventListener("click", L), c.value && (_.value.removeEventListener("mouseover", C, { capture: !0 }), _.value.removeEventListener("mouseout", I, { capture: !0 })));
     };
     ge(() => {
       t.value = !0, N(), vt(() => {
@@ -2272,7 +2272,7 @@ const Ca = ["data-side"], ll = {
     }, { immediate: !0 }), pt(() => {
       w(), N();
     });
-    const V = (A) => {
+    const L = (A) => {
       l.shouldStopPropagation && A.stopPropagation(), C(), setTimeout(() => {
         document.addEventListener("mousedown", g, { once: !0 });
       }, 0);
@@ -2327,7 +2327,7 @@ const Ca = ["data-side"], ll = {
           key: 0,
           ref_key: "contentRef",
           ref: p,
-          class: L(["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(() => {
@@ -2572,19 +2572,19 @@ const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Va = ["onClick"], L
       v.preventDefault();
     };
     return (v, y) => (r(), d("div", {
-      class: L(["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, (h) => (r(), d("div", {
-        class: L(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && l.value >= h - 0.5 && l.value < h, "abl-rate-star-full": l.value >= h, "temp-gray": !e.allowHalf && a.value === h }]),
+        class: V(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && l.value >= h - 0.5 && l.value < h, "abl-rate-star-full": l.value >= h, "temp-gray": !e.allowHalf && a.value === h }]),
         style: E(`margin-right: ${h !== e.count ? e.gap : 0}px;`),
         onClick: (x) => e.allowHalf ? p(x) : o(h),
         key: h
       }, [
         e.allowHalf ? (r(), d("div", {
           key: 0,
-          class: L(["abl-rate-star-first", { "temp-gray-first": a.value === h - 0.5 }]),
+          class: V(["abl-rate-star-first", { "temp-gray-first": a.value === h - 0.5 }]),
           onClick: J((x) => o(h - 0.5), ["stop"]),
           onMouseenter: (x) => s(h - 0.5),
           onMouseleave: f
@@ -2616,7 +2616,7 @@ const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Va = ["onClick"], L
           ], 4))
         ], 42, La)) : z("", !0),
         u("div", {
-          class: L(["abl-rate-star-second", { "temp-gray-second": a.value === h }]),
+          class: V(["abl-rate-star-second", { "temp-gray-second": a.value === h }]),
           onClick: J((x) => o(h), ["stop"]),
           onMouseenter: (x) => c(h),
           onMouseleave: f
@@ -2766,11 +2766,11 @@ const Ua = { class: "abl-collapse__title" }, ja = { key: 0 }, Wa = { class: "ico
     return ne(f, (h) => {
       h ? v() : y();
     }), (h, x) => (r(), d("div", {
-      class: L(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && se(i) > 1 && "abl-collapse-item__border"])
+      class: V(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && se(i) > 1 && "abl-collapse-item__border"])
     }, [
       u("div", {
         onClick: x[0] || (x[0] = ($) => p(!f.value)),
-        class: L(["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", Ua, [
@@ -2780,7 +2780,7 @@ const Ua = { class: "abl-collapse__title" }, ja = { key: 0 }, Wa = { class: "ico
         ]),
         e.showArrow ? (r(), d("div", {
           key: 0,
-          class: L([{ "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", ja, [
             u("span", Wa, D(f.value ? "" : ""), 1)
@@ -2792,13 +2792,13 @@ const Ua = { class: "abl-collapse__title" }, ja = { key: 0 }, Wa = { class: "ico
         ], 2)) : z("", !0)
       ], 6),
       u("div", {
-        class: L(["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: L(["abl-collapse-item__content", { "abl-collapse-item__content-open": m.value }])
+          class: V(["abl-collapse-item__content", { "abl-collapse-item__content-open": m.value }])
         }, [
           R(h.$slots, "default", {}, void 0, !0)
         ], 2)
@@ -2857,7 +2857,7 @@ const Xa = { class: "abl-progress-text" }, Ka = {
         style: E(`border-radius: ${e.borderRadius}px;background:${n.trailColor}`)
       }, [
         u("div", {
-          class: L(["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)
@@ -3098,7 +3098,7 @@ const so = /* @__PURE__ */ u("div", {
       s.value - l.zoomRate < l.minScale ? s.value = l.minScale : s.value = k(s.value, -l.zoomRate);
     }, w = () => {
       v.value -= 90;
-    }, V = () => {
+    }, L = () => {
       v.value += 90;
     }, g = () => {
       v.value = 0, s.value = 1, m.value = 0, p.value = 0;
@@ -3233,7 +3233,7 @@ const so = /* @__PURE__ */ u("div", {
                   }, Lo),
                   u("i", {
                     class: "abl-icon",
-                    onClick: V
+                    onClick: L
                   }, Ao)
                 ])
               ])) : z("", !0)
@@ -3365,7 +3365,7 @@ const rl = {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: L(["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));
   }
@@ -3381,7 +3381,7 @@ const dt = {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: L(["abl-skeleton-paragraph"]),
+      class: V(["abl-skeleton-paragraph"]),
       style: E({ width: n.width })
     }, null, 4));
   }
@@ -3421,7 +3421,7 @@ const Mo = {
     return (a, i) => {
       var o;
       return r(), d("div", {
-        class: L(["abl-skeleton", e.animate && "abl-skeleton-animate"])
+        class: V(["abl-skeleton", e.animate && "abl-skeleton-animate"])
       }, [
         a.$slots.template ? R(a.$slots, "template", { key: 0 }, void 0, !0) : (r(), d(K, { key: 1 }, [
           n.avatar ? (r(), d("div", Mo, [
@@ -3467,7 +3467,7 @@ const Do = /* @__PURE__ */ u("svg", {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: L(["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));
   }
@@ -3548,9 +3548,9 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
     (I = l.default()) == null || I.forEach((N) => {
       const { props: w } = N;
       if (w) {
-        const { title: V, disabled: g } = w;
+        const { title: L, disabled: g } = w;
         o.value.push({
-          title: V,
+          title: L,
           disabled: g
         });
       }
@@ -3577,18 +3577,18 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
         v.value = !0, x(w);
       }
     }, x = async (N) => {
-      await k(), f.value = !0, p.value = N, Array.from(c.value.children).map((w, V) => {
-        V === N ? c.value.children[V].style.display = "block" : c.value.children[V].style.display = "none";
+      await k(), f.value = !0, p.value = N, Array.from(c.value.children).map((w, L) => {
+        L === N ? c.value.children[L].style.display = "block" : c.value.children[L].style.display = "none";
       }), t("open", p.value);
     }, $ = () => {
       f.value = !1, p.value = 99999, setTimeout(() => {
         v.value = !1;
       }, 300);
     }, k = () => {
-      var V;
+      var L;
       if (!a)
         return;
-      const { top: N, bottom: w } = (V = s == null ? void 0 : s.value) == null ? void 0 : V.getBoundingClientRect();
+      const { top: N, bottom: w } = (L = s == null ? void 0 : s.value) == null ? void 0 : L.getBoundingClientRect();
       w > 0 && (m.value = w - 1);
     }, _ = () => {
       i.closeOnClickMask && $();
@@ -3614,20 +3614,20 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
         ref_key: "dropdownMenuRef",
         ref: s
       }, [
-        (r(!0), d(K, null, ae(o.value, (V, g) => (r(), d("div", {
+        (r(!0), d(K, null, ae(o.value, (L, g) => (r(), d("div", {
           class: "abl-dropdown-menu__item",
           key: g,
-          onClick: J((S) => h(V, g), ["stop"])
+          onClick: J((S) => h(L, g), ["stop"])
         }, [
           u("span", {
             class: "abl-dropdown-menu__item__title",
             style: E({
-              color: V.disabled ? "#c0c4cc" : g === p.value ? e.activeColor : e.inactiveColor,
+              color: L.disabled ? "#c0c4cc" : g === p.value ? e.activeColor : e.inactiveColor,
               fontSize: y(e.titleSize)
             })
-          }, D(V.title), 5),
+          }, D(L.title), 5),
           u("div", {
-            class: L(["abl-dropdown-menu__item__arrow", {
+            class: V(["abl-dropdown-menu__item__arrow", {
               "abl-dropdown-menu__item__arrow--rotate": g === p.value
             }])
           }, [
@@ -3740,7 +3740,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: (p) => o(f.value),
-            class: L(["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",
@@ -3866,13 +3866,13 @@ const fs = {
       clear: h,
       input: () => i.value
     }), (_, M) => (r(), d("div", {
-      class: L(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": _.$slots.addonBefore || e.addonBefore || _.$slots.addonAfter || e.addonAfter }])
+      class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": _.$slots.addonBefore || e.addonBefore || _.$slots.addonAfter || e.addonAfter }])
     }, [
       R(_.$slots, "addonBefore", {}, () => [
         e.addonBefore ? (r(), d("span", fs, D(e.addonBefore), 1)) : z("", !0)
       ], !0),
       u("div", {
-        class: L(["abl-input__wrapper", { "is-focus": o.value }]),
+        class: V(["abl-input__wrapper", { "is-focus": o.value }]),
         onMouseenter: $,
         onMouseleave: k
       }, [
@@ -3880,7 +3880,7 @@ const fs = {
           R(_.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (r(), d("i", {
             key: 0,
-            class: L(["iconfont-abl", e.suffixIcon])
+            class: V(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : z("", !0)
         ])) : z("", !0),
         Z(u("input", xe({
@@ -3925,7 +3925,7 @@ const fs = {
           R(_.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (r(), d("i", {
             key: 0,
-            class: L(["iconfont-abl", e.suffixIcon])
+            class: V(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : z("", !0)
         ])) : z("", !0)
       ], 34),
@@ -3980,11 +3980,11 @@ const ot = (e) => (ye("data-v-d27e2131"), e = e(), be(), e), _s = { class: "abl-
   },
   setup(e) {
     return (n, t) => (r(), d("div", {
-      class: L(`abl-spin-wrap ${e.size}`),
+      class: V(`abl-spin-wrap ${e.size}`),
       style: E(`--color: ${e.color};`)
     }, [
       Z(u("div", {
-        class: L(["abl-spin", [{ "fixed-spin": e.fixed }]])
+        class: V(["abl-spin", [{ "fixed-spin": e.fixed }]])
       }, [
         u("div", _s, [
           e.logo ? (r(), d("div", ws, [
@@ -3999,14 +3999,14 @@ const ot = (e) => (ye("data-v-d27e2131"), e = e(), be(), e), _s = { class: "abl-
       ]),
       e.fixed ? Z((r(), d("div", {
         key: 0,
-        class: L(["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 }])
       }, [
         R(n.$slots, "default", {}, void 0, !0)
       ], 2)), [
         [le, e.spinning]
       ]) : (r(), d("div", {
         key: 1,
-        class: L(["abl-spin-content", { "abl-spin-mask": e.spinning }])
+        class: V(["abl-spin-content", { "abl-spin-mask": e.spinning }])
       }, [
         R(n.$slots, "default", {}, void 0, !0)
       ], 2))
@@ -4100,34 +4100,34 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       l.value = [...t.fileList], l.value.length > t.maxCount && l.value.splice(t.maxCount), t.disabled ? a.value = l.value.length : l.value.length < t.maxCount ? a.value = t.fileList.length + 1 : a.value = t.maxCount;
     }
     const p = (w) => {
-      const V = /\.(jpg|jpeg|png|gif|webp)$/i, g = /^data:image/;
-      return V.test(w) || g.test(w);
+      const L = /\.(jpg|jpeg|png|gif|webp)$/i, g = /^data:image/;
+      return L.test(w) || g.test(w);
     }, v = (w) => {
       c.value = !0, f.value = w;
-    }, y = (w, V) => {
+    }, y = (w, L) => {
       var S;
       const g = (S = w.dataTransfer) == null ? void 0 : S.files;
       if (g != null && g.length) {
         const F = g.length;
-        for (let q = 0; q < F && V + q <= t.maxCount; q++)
-          k(g[q], V + q);
-        o.value[V].value = "";
+        for (let q = 0; q < F && L + q <= t.maxCount; q++)
+          k(g[q], L + q);
+        o.value[L].value = "";
       }
     }, h = (w) => {
       o.value[w].click();
-    }, x = (w, V) => {
+    }, x = (w, L) => {
       const g = w.target.files;
       if (g != null && g.length) {
         const S = g.length;
-        for (let F = 0; F < S && V + F < t.maxCount; F++)
-          k(g[F], V + F);
-        o.value[V].value = "";
+        for (let F = 0; F < S && L + F < t.maxCount; F++)
+          k(g[F], L + F);
+        o.value[L].value = "";
       }
-    }, $ = n, k = function(w, V) {
-      t.beforeUpload(w) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (i.value[V] = !0, _(w, V)), t.uploadMode === "custom" && (i.value[V] = !0, M(w, V))) : me(() => {
+    }, $ = n, k = function(w, L) {
+      t.beforeUpload(w) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (i.value[L] = !0, _(w, L)), t.uploadMode === "custom" && (i.value[L] = !0, M(w, L))) : me(() => {
         N(t.errorInfo);
       });
-    }, _ = (w, V) => {
+    }, _ = (w, L) => {
       var g = new FileReader();
       g.readAsDataURL(w), g.onloadstart = function(S) {
         console.log("开始读取 onloadstart:", S);
@@ -4136,7 +4136,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       }, g.onerror = function(S) {
         console.log("读取错误 onerror:", S);
       }, g.onprogress = function(S) {
-        S.loaded === S.total && (i.value[V] = !1);
+        S.loaded === S.total && (i.value[L] = !1);
       }, g.onload = function(S) {
         var F, q;
         t.isUrl ? l.value.push({
@@ -4147,38 +4147,38 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       }, g.onloadend = function(S) {
         console.log("读取结束 onloadend:", S);
       };
-    }, M = (w, V) => {
+    }, M = (w, L) => {
       t.customRequest(w).then((g) => {
         g && l.value.push(g), $("update:fileList", l.value), $("change", l.value);
       }).catch((g) => {
         t.maxCount > 1 && (a.value = l.value.length + 1), N(g);
       }).finally(() => {
-        i.value[V] = !1;
+        i.value[L] = !1;
       });
-    }, C = (w, V) => {
-      if (p(V)) {
+    }, C = (w, L) => {
+      if (p(L)) {
         const g = l.value.slice(0, w).filter((S) => !p(t.isUrl ? S.url : S));
         s.value[w - g.length].onPreview();
       } else
-        v(V);
+        v(L);
     }, I = (w) => {
       l.value.length < t.maxCount && a.value--;
-      const V = l.value.splice(w, 1);
-      $("remove", V), $("update:fileList", l.value), $("change", l.value);
+      const L = l.value.splice(w, 1);
+      $("remove", L), $("update:fileList", l.value), $("change", l.value);
     }, N = (w) => {
       Ht.error(w);
     };
-    return (w, V) => (r(), d("div", Is, [
+    return (w, L) => (r(), d("div", Is, [
       (r(!0), d(K, null, ae(a.value, (g) => (r(), d("div", {
         class: "abl-upload-item",
         key: g
       }, [
         u("div", As, [
           Z(u("div", {
-            class: L(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
-            onDragenter: V[1] || (V[1] = J(() => {
+            class: V(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
+            onDragenter: L[1] || (L[1] = J(() => {
             }, ["stop", "prevent"])),
-            onDragover: V[2] || (V[2] = J(() => {
+            onDragover: L[2] || (L[2] = J(() => {
             }, ["stop", "prevent"])),
             onDrop: J((S) => e.disabled ? () => !1 : y(S, g - 1), ["stop", "prevent"]),
             onClick: (S) => e.disabled ? () => !1 : h(g - 1)
@@ -4188,7 +4188,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
               ref_key: "uploadInput",
               ref: o,
               type: "file",
-              onClick: V[0] || (V[0] = J(() => {
+              onClick: L[0] || (L[0] = J(() => {
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
@@ -4252,7 +4252,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       ]))), 128)),
       fe(jt, {
         modelValue: c.value,
-        "onUpdate:modelValue": V[3] || (V[3] = (g) => c.value = g),
+        "onUpdate:modelValue": L[3] || (L[3] = (g) => c.value = g),
         title: "",
         zIndex: 4001
       }, {
@@ -4352,6 +4352,10 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
     isToLowerCase: {
       default: !1,
       type: Boolean
+    },
+    customScrollbar: {
+      default: !0,
+      type: Boolean
     }
   },
   emits: ["update:modelValue", "change"],
@@ -4370,7 +4374,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       list: o == null ? void 0 : o.options
     }), M = b(!1), C = b(
       o.search && y.value === "focus" && M.value
-    ), I = O(() => o.disabled), N = b(""), w = b([]), V = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], g = (P, T) => o.isToLowerCase && P.toLowerCase() == T.toLowerCase() || P == T, S = () => {
+    ), I = O(() => o.disabled), N = b(""), w = b([]), L = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], g = (P, T) => o.isToLowerCase && P.toLowerCase() == T.toLowerCase() || P == T, S = () => {
       var P;
       try {
         l.default && (_.list = [], (P = l.default()) == null || P.map((T) => {
@@ -4391,7 +4395,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
         console.log(T);
       }
     };
-    ne(V, () => {
+    ne(L, () => {
       me(() => {
         S();
       });
@@ -4495,12 +4499,12 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       }), {
         content: re(() => [
           u("div", {
-            class: "abl-select-options-warpper",
+            class: V(["abl-select-options-warpper", [e.customScrollbar ? "custom-scrollbar" : ""]]),
             style: E(k.value),
             id: "abl-select"
           }, [
             _.list.length > 0 ? (r(!0), d(K, { key: 0 }, ae(_.list, (Y, B) => (r(), d("div", {
-              class: L(["abl-select-options-item", w.value.some((U) => U.value === Y.value) ? "abl-options-item-active" : ""]),
+              class: V(["abl-select-options-item", w.value.some((U) => U.value === Y.value) ? "abl-options-item-active" : ""]),
               key: Y.name + Y.value,
               onMousedown: (U) => H(Y, U)
             }, [
@@ -4516,17 +4520,17 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
                   src: Y.img
                 }, null, 8, ni)) : z("", !0),
                 u("span", {
-                  class: L(Y.img ? "haveImg" : "")
+                  class: V(Y.img ? "haveImg" : "")
                 }, D(Y.name), 3)
               ], 64))
             ], 42, li))), 128)) : (r(), d("div", ai, " No data "))
-          ], 4)
+          ], 6)
         ]),
         default: re(() => [
           u("div", {
             onClick: q,
             id: "select-input-warpper",
-            class: L(["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(W, ["delete"])
           }, [
@@ -4546,7 +4550,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
                   key: 0,
                   onBlur: T[0] || (T[0] = (Y) => A()),
                   type: "text",
-                  class: L(["abl-select-input-focus", C.value ? "abl-select-input-search" : ""]),
+                  class: V(["abl-select-input-focus", C.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: v,
                   "onUpdate:modelValue": T[1] || (T[1] = (Y) => N.value = Y),
@@ -4587,7 +4591,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       }, 16, ["showArrow", "shouldStopPropagation", "disabled", "zIndex", "popperClass", "isFixed"])
     ], 512));
   }
-}, Et = /* @__PURE__ */ G(oi, [["__scopeId", "data-v-b6b41db7"]]);
+}, Et = /* @__PURE__ */ G(oi, [["__scopeId", "data-v-b34cd7e2"]]);
 const si = {
   key: 0,
   class: "abl-header"
@@ -4688,7 +4692,7 @@ const si = {
       });
     }
     return (v, y) => (r(), d("div", {
-      class: L(["abl-desc", `desc-${e.size}`])
+      class: V(["abl-desc", `desc-${e.size}`])
     }, [
       e.title || v.$slots.title ? (r(), d("div", si, [
         u("div", ii, [
@@ -4711,7 +4715,7 @@ const si = {
         [le, !1]
       ]),
       u("div", {
-        class: L(["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, [
@@ -4974,7 +4978,7 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
         [`${U}-text`]: !0,
         [`${U}-text-active`]: Te
       };
-    }, V = (B) => {
+    }, L = (B) => {
       const { min: U, vertical: j } = t;
       let te = {
         left: `${(B - Number(U)) / p.value * 100}%`
@@ -5032,21 +5036,21 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       t.disabled || (X(B), window.addEventListener("mousemove", Q), window.addEventListener("touchmove", Q), window.addEventListener("mouseup", P), window.addEventListener("touchend", P));
     }, Y = (B) => Array.isArray(t.modelValue) && typeof B == "number" ? t.modelValue[B] : Number(t.modelValue);
     return (B, U) => (r(), d("div", {
-      class: L(x.value)
+      class: V(x.value)
     }, [
       e.hiddenRange ? z("", !0) : (r(), d("div", Si, D(+e.min), 1)),
       u("div", {
         ref_key: "root",
         ref: s,
         style: E($.value),
-        class: L(h.value),
+        class: V(h.value),
         onClick: J(W, ["stop"])
       }, [
         m.value.length > 0 ? (r(), d("div", Ci, [
           (r(!0), d(K, null, ae(m.value, (j) => (r(), d("span", {
             key: j,
-            class: L(w(j)),
-            style: E(V(j))
+            class: V(w(j)),
+            style: E(L(j))
           }, [
             ee(D(j) + " ", 1),
             u("span", {
@@ -5062,7 +5066,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: L({ "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),
@@ -5086,7 +5090,7 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: L(["abl-handle-tooltip", [{ "display-tooltip": a.value === j && _.value }]])
+                class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === j && _.value }]])
               }, [
                 ee(D(Y(j)) + " ", 1),
                 Vi
@@ -5117,7 +5121,7 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: L(["abl-handle-tooltip", [{ "display-tooltip": _.value }]])
+                class: V(["abl-handle-tooltip", [{ "display-tooltip": _.value }]])
               }, [
                 ee(D(Y()) + " ", 1),
                 Ii
@@ -5223,12 +5227,12 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
       a.value !== h && (a.value = h);
     };
     return (h, x) => (r(), d("div", {
-      class: L([`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)) : z("", !0),
         u("div", {
-          class: L(["abl-pagination-item", { disabled: a.value === 1 }]),
+          class: V(["abl-pagination-item", { disabled: a.value === 1 }]),
           onClick: x[0] || (x[0] = ($) => !se(l).itemRender && y(a.value - 1))
         }, [
           R(h.$slots, "itemRender", {
@@ -5239,7 +5243,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           ])
         ], 2),
         u("div", {
-          class: L(["abl-pagination-item", { active: a.value === 1 }]),
+          class: V(["abl-pagination-item", { active: a.value === 1 }]),
           onClick: x[1] || (x[1] = ($) => !se(l).itemRender && y(1))
         }, [
           R(h.$slots, "itemRender", {
@@ -5257,7 +5261,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           [le, i.value && c.value[0] - 1 > 1]
         ]),
         (r(!0), d(K, null, ae(c.value, ($, k) => (r(), d("div", {
-          class: L(["abl-pagination-item", { active: a.value === $ }]),
+          class: V(["abl-pagination-item", { active: a.value === $ }]),
           key: k,
           onClick: (_) => !se(l).itemRender && y($)
         }, [
@@ -5276,7 +5280,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           [le, o.value && c.value[c.value.length - 1] + 1 < s.value]
         ]),
         Z(u("div", {
-          class: L(["abl-pagination-item", { active: a.value === s.value }]),
+          class: V(["abl-pagination-item", { active: a.value === s.value }]),
           onClick: x[2] || (x[2] = ($) => !se(l).itemRender && y(s.value))
         }, [
           R(h.$slots, "itemRender", {
@@ -5289,7 +5293,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
           [le, s.value !== 1]
         ]),
         u("div", {
-          class: L(["abl-pagination-item", { disabled: a.value === s.value }]),
+          class: V(["abl-pagination-item", { disabled: a.value === s.value }]),
           onClick: x[3] || (x[3] = ($) => !se(l).itemRender && y(a.value + 1))
         }, [
           R(h.$slots, "itemRender", {
@@ -5409,7 +5413,7 @@ const er = { class: "abl-breadcrumb__item" }, tr = {
       var o;
       return r(), d("span", er, [
         u("span", {
-          class: L(["abl-breadcrumb__inner", {
+          class: V(["abl-breadcrumb__inner", {
             "is-link": e.to
           }]),
           onClick: l
@@ -5456,7 +5460,7 @@ const rr = {
       class: "timeline-item"
     }, [
       u("div", {
-        class: L([a.value, "timeline-circle"])
+        class: V([a.value, "timeline-circle"])
       }, [
         R(i.$slots, "others", {}, void 0, !0)
       ], 2),
@@ -5589,7 +5593,7 @@ const vr = {
       u("div", {
         ref_key: "stickyRef",
         ref: o,
-        class: L(["abl-sticky", s.fixed && "abl-sticky--fixed"]),
+        class: V(["abl-sticky", s.fixed && "abl-sticky--fixed"]),
         style: E(v.value)
       }, [
         R($.$slots, "default", {}, void 0, !0)
@@ -5620,7 +5624,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: L(["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),
@@ -5731,12 +5735,12 @@ const Er = {
 }, Mr = ["min", "max"];
 function Nr(e, n, t, l, a, i) {
   return r(), d("div", {
-    class: L(["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: L([l.decrementDisable ? "disable" : "", "step-btn stepper-minus"])
+      class: V([l.decrementDisable ? "disable" : "", "step-btn stepper-minus"])
     }, null, 2),
     Z(u("input", {
       class: "stepper-input",
@@ -5751,7 +5755,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: L(["step-btn stepper-plus", l.incrementDisable ? "disable" : ""])
+      class: V(["step-btn stepper-plus", l.incrementDisable ? "disable" : ""])
     }, null, 2)
   ], 2);
 }