abl-ui 0.5.12 → 0.5.14

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as d, normalizeStyle as M, renderSlot as E, createElementVNode as u, normalizeClass as V, createTextVNode as ee, toDisplayString as H, createCommentVNode as R, createStaticVNode as Et, computed as P, ref as b, onMounted as he, nextTick as be, onUnmounted as Je, Fragment as K, renderList as le, createVNode as fe, useSlots as De, provide as $e, watch as ae, withDirectives as Q, vShow as te, defineComponent as Mt, toRefs as He, inject as Le, reactive as Ie, unref as se, createBlock as ie, TransitionGroup as ul, withCtx as re, resolveDynamicComponent as ft, pushScopeId as ge, popScopeId as ye, createApp as dl, getCurrentInstance as Ze, onBeforeUnmount as Qe, onUpdated as pt, onBeforeMount as Nt, Teleport as et, Transition as ke, withModifiers as Z, watchEffect as vt, mergeProps as xe, useAttrs as fl, createSlots as pl, vModelDynamic as vl, normalizeProps as wt, withKeys as Tt, vModelText as Ot, toRaw as xt } from "vue";
+import { openBlock as r, createElementBlock as d, normalizeStyle as M, renderSlot as E, createElementVNode as u, normalizeClass as L, createTextVNode as ee, toDisplayString as H, createCommentVNode as R, createStaticVNode as Et, computed as P, ref as b, onMounted as he, nextTick as be, onUnmounted as Je, Fragment as K, renderList as le, createVNode as fe, useSlots as De, provide as $e, watch as ae, withDirectives as Q, vShow as te, defineComponent as Mt, toRefs as He, inject as Le, reactive as Ie, unref as se, createBlock as ie, TransitionGroup as ul, withCtx as re, resolveDynamicComponent as ft, pushScopeId as ge, popScopeId as ye, createApp as dl, getCurrentInstance as Ze, onBeforeUnmount as Qe, onUpdated as pt, onBeforeMount as Nt, Teleport as et, Transition as ke, withModifiers as Z, watchEffect as vt, mergeProps as xe, useAttrs as fl, createSlots as pl, vModelDynamic as vl, normalizeProps as wt, withKeys as Tt, vModelText as Ot, toRaw as xt } 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: V(["u-description", { gray: e.image === "2" }])
+        class: L(["u-description", { gray: e.image === "2" }])
       }, [
         E(n.$slots, "description", {}, () => [
           ee(H(e.description), 1)
@@ -153,7 +153,7 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "gridtable" }, Il
     return (c, f) => (r(), d("section", null, [
       u("div", Bl, [
         u("div", {
-          class: V(["table__inner-wrapper", e.border ? "has-table-border" : ""]),
+          class: L(["table__inner-wrapper", e.border ? "has-table-border" : ""]),
           id: "box"
         }, [
           u("div", {
@@ -172,7 +172,7 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "gridtable" }, Il
                 u("tr", null, [
                   (r(!0), d(K, null, le(t.columns, (m, v) => (r(), d("th", {
                     key: v,
-                    class: V(m.fixed == "left" ? "table-fixed-column--left" : m.fixed == "right" ? "table-fixed-column--right" : "")
+                    class: L(m.fixed == "left" ? "table-fixed-column--left" : m.fixed == "right" ? "table-fixed-column--right" : "")
                   }, [
                     u("div", {
                       class: "cell",
@@ -200,11 +200,11 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "gridtable" }, Il
               t.data.length > 0 ? (r(), d("tbody", Rl, [
                 (r(!0), d(K, null, le(t.data, (m, v) => (r(), d("tr", {
                   key: v,
-                  class: V([{ "tr-selected": m.selected, "tr-stripe": t.stripe && v % 2 == 0 }])
+                  class: L([{ "tr-selected": m.selected, "tr-stripe": t.stripe && v % 2 == 0 }])
                 }, [
                   (r(!0), d(K, null, le(e.columns, (p, y) => (r(), d("td", {
                     key: y,
-                    class: V(p.fixed == "left" ? "table-fixed-column--left" : p.fixed == "right" ? "table-fixed-column--right" : "")
+                    class: L(p.fixed == "left" ? "table-fixed-column--left" : p.fixed == "right" ? "table-fixed-column--right" : "")
                   }, [
                     u("div", {
                       class: "cell",
@@ -262,100 +262,100 @@ const Pl = { class: "abl-tabs" }, Dl = {
   },
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: n }) {
-    var k;
+    var x;
     const t = n, l = De(), a = e, s = b({}), o = b(), i = b([]), c = b(), f = b(0), m = b(!1), v = b(!1), p = b(!0);
-    (k = l.default()) == null || k.map(({ props: g, children: C }) => {
+    (x = l.default()) == null || x.map(({ props: g, children: B }) => {
       if (g) {
-        const { title: L, value: I, icon: T, afterIcon: $ } = g;
+        const { title: I, value: V, icon: N, afterIcon: k } = g;
         i.value.push({
-          title: L,
-          value: I,
-          icon: T,
-          afterIcon: $
+          title: I,
+          value: V,
+          icon: N,
+          afterIcon: k
         });
       } else
-        (C == null ? void 0 : C.length) > 0 && Array.isArray(C) && (C == null || C.map((L) => {
-          const { title: I, value: T, icon: $, afterIcon: A } = L.props;
+        (B == null ? void 0 : B.length) > 0 && Array.isArray(B) && (B == null || B.map((I) => {
+          const { title: V, value: N, icon: k, afterIcon: A } = I.props;
           i.value.push({
-            title: I,
-            value: T,
-            icon: $,
+            title: V,
+            value: N,
+            icon: k,
             afterIcon: A
           });
         }));
     }), $e("active", f);
-    const y = (g, C) => {
-      var I;
-      const L = (I = g == null ? void 0 : g.target) == null ? void 0 : I.offsetLeft;
+    const y = (g, B) => {
+      var V;
+      const I = (V = g == null ? void 0 : g.target) == null ? void 0 : V.offsetLeft;
       s.value = {
-        transform: `translateX(${L}px)`,
+        transform: `translateX(${I}px)`,
         width: g.target.clientWidth + "px"
-      }, f.value = C, t("update:modelValue", C), t("tabClick", C);
+      }, f.value = B, t("update:modelValue", B), t("tabClick", B);
     }, h = () => {
       const g = document.querySelector("#tab-hidden");
       if (!g)
         return;
-      const C = document.querySelector("#tabs-header-wrap").clientWidth;
-      (g == null ? void 0 : g.scrollWidth) > (g == null ? void 0 : g.clientWidth) + (g == null ? void 0 : g.scrollLeft) && (g.scrollLeft += C);
+      const B = document.querySelector("#tabs-header-wrap").clientWidth;
+      (g == null ? void 0 : g.scrollWidth) > (g == null ? void 0 : g.clientWidth) + (g == null ? void 0 : g.scrollLeft) && (g.scrollLeft += B);
     }, w = () => {
-      const g = document.querySelector("#tab-hidden"), C = document.querySelector("#tabs-header-wrap").clientWidth;
-      g.scrollLeft > 0 && (g.scrollLeft -= C);
+      const g = document.querySelector("#tab-hidden"), B = document.querySelector("#tabs-header-wrap").clientWidth;
+      g.scrollLeft > 0 && (g.scrollLeft -= B);
     };
     he(() => {
-      x();
+      $();
     });
-    const x = () => {
+    const $ = () => {
       if (!o.value)
         return;
       let g = 0;
-      i.value.map((T, $) => {
-        T.value == a.modelValue && (g = $);
+      i.value.map((N, k) => {
+        N.value == a.modelValue && (g = k);
       });
-      const C = o.value[g], L = C == null ? void 0 : C.offsetLeft;
+      const B = o.value[g], I = B == null ? void 0 : B.offsetLeft;
       s.value = {
-        transform: `translateX(${L}px)`,
-        width: C.clientWidth + "px"
+        transform: `translateX(${I}px)`,
+        width: B.clientWidth + "px"
       };
-      const I = document.getElementById("tab-hidden");
-      (I == null ? void 0 : I.scrollWidth) - 2 > (I == null ? void 0 : I.clientWidth) ? m.value = !0 : m.value = !1, I.addEventListener("scroll", function(T) {
-        var $, A, _;
-        (($ = T.target) == null ? void 0 : $.scrollLeft) + ((A = T.target) == null ? void 0 : A.offsetWidth) >= ((_ = T.target) == null ? void 0 : _.scrollWidth) - 1 && (p.value = !1, L.value = !0), T.target.scrollLeft == 0 && (p.value = !0, L.value = !1);
+      const V = document.getElementById("tab-hidden");
+      (V == null ? void 0 : V.scrollWidth) - 2 > (V == null ? void 0 : V.clientWidth) ? m.value = !0 : m.value = !1, V.addEventListener("scroll", function(N) {
+        var k, A, _;
+        ((k = N.target) == null ? void 0 : k.scrollLeft) + ((A = N.target) == null ? void 0 : A.offsetWidth) >= ((_ = N.target) == null ? void 0 : _.scrollWidth) - 1 && (p.value = !1, I.value = !0), N.target.scrollLeft == 0 && (p.value = !0, I.value = !1);
       });
     };
     return ae(() => a.modelValue, async () => {
-      f.value = a.modelValue, x();
+      f.value = a.modelValue, $();
     }, {
       immediate: !0
-    }), (g, C) => {
-      var L;
+    }), (g, B) => {
+      var I;
       return r(), d("div", Pl, [
         u("div", Dl, [
           Q(u("i", {
-            class: V([v.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
+            class: L([v.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
             onClick: w
           }, null, 2), [
             [te, m.value]
           ]),
           u("header", Hl, [
-            (r(!0), d(K, null, le(i.value, (I) => (r(), d("div", {
-              class: V([f.value === I.value ? "header-btn-active" : "", "header-btn"]),
-              key: I.title,
+            (r(!0), d(K, null, le(i.value, (V) => (r(), d("div", {
+              class: L([f.value === V.value ? "header-btn-active" : "", "header-btn"]),
+              key: V.title,
               ref_for: !0,
               ref_key: "tabs",
               ref: o,
-              onClick: (T) => y(T, I.value)
+              onClick: (N) => y(N, V.value)
             }, [
-              I.icon ? (r(), d("i", {
+              V.icon ? (r(), d("i", {
                 key: 0,
-                class: V(["tab-icon", I.icon])
+                class: L(["tab-icon", V.icon])
               }, null, 2)) : R("", !0),
-              ee(H(I.title) + " ", 1),
-              I.afterIcon ? (r(), d("i", {
+              ee(H(V.title) + " ", 1),
+              V.afterIcon ? (r(), d("i", {
                 key: 1,
-                class: V(["iconfont-abl tab-icon-after", I.afterIcon])
+                class: L(["iconfont-abl tab-icon-after", V.afterIcon])
               }, null, 2)) : R("", !0)
             ], 10, Fl))), 128)),
-            (L = s.value) != null && L.width ? (r(), d("div", {
+            (I = s.value) != null && I.width ? (r(), d("div", {
               key: 0,
               class: "bottom-line",
               style: M(s.value)
@@ -373,7 +373,7 @@ const Pl = { class: "abl-tabs" }, Dl = {
             ], 4)) : R("", !0)
           ]),
           Q(u("i", {
-            class: V([p.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
+            class: L([p.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
             onClick: h
           }, null, 2), [
             [te, m.value]
@@ -437,7 +437,7 @@ const Pl = { class: "abl-tabs" }, Dl = {
       [`abl-switch-${o.value}`]: o.value
     }));
     return (c, f) => (r(), d("div", {
-      class: V(["abl-switch", i.value]),
+      class: L(["abl-switch", i.value]),
       onClick: a,
       style: M({ background: t.modelValue == t.activeValue ? e.activeColor : e.inactiveColor })
     }, [
@@ -488,14 +488,14 @@ const Kl = {
       [`abl-radio-${c.value}`]: c.value
     }));
     return (v, p) => (r(), d("div", {
-      class: V(["abl-radio", m.value]),
+      class: L(["abl-radio", m.value]),
       onClick: f
     }, [
       u("span", {
-        class: V(["abl-radio-input", m.value])
+        class: L(["abl-radio-input", m.value])
       }, null, 2),
       u("span", {
-        class: V(["abl-radio-label", m.value])
+        class: L(["abl-radio-label", m.value])
       }, [
         E(v.$slots, "default", {}, () => [
           ee(H(e.label), 1)
@@ -687,13 +687,13 @@ const Fe = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), en = ["onMouseenter
         s.value[_] && (s.value[_] = !1, i.value[_].onClose && i.value[_].onClose(), f("close"));
       }, c.value));
     }
-    function x(_) {
+    function $(_) {
       const S = i.value.findIndex((F) => F.id === _), U = i.value.length - 1, j = i.value[U];
       j.top !== void 0 ? m.value = typeof j.top == "number" ? `${j.top}px` : j.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, s.value[S] = !0, j.duration !== null ? (c.value = j.duration || l.duration, o.value[S] = it(() => {
         s.value[S] = !1, i.value[S].onClose && i.value[S].onClose(), f("close");
       }, 0)) : c.value = null;
     }
-    function k() {
+    function x() {
       a.value && kt(a.value);
       const _ = i.value.length - 1, S = i.value[_];
       S.top !== void 0 ? m.value = typeof S.top == "number" ? `${S.top}px` : S.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, s.value[_] = !0, S.duration !== null ? (c.value = S.duration || l.duration, w(_)) : c.value = null;
@@ -710,38 +710,38 @@ const Fe = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), en = ["onMouseenter
         id: Date.now() + Math.random().toString(36).substring(7)
       }, U;
     };
-    function C(_) {
+    function B(_) {
       let S = g(_, "open");
-      return i.value.push(S), k(), S.id;
+      return i.value.push(S), x(), S.id;
     }
-    function L(_) {
+    function I(_) {
       let S = g(_, "info");
-      return i.value.push(S), k(), S.id;
+      return i.value.push(S), x(), S.id;
     }
-    function I(_) {
+    function V(_) {
       let S = g(_, "success");
-      return i.value.push(S), k(), S.id;
+      return i.value.push(S), x(), S.id;
     }
-    function T(_) {
+    function N(_) {
       let S = g(_, "error");
-      return i.value.push(S), k(), S.id;
+      return i.value.push(S), x(), S.id;
     }
-    function $(_) {
+    function k(_) {
       let S = g(_, "warning");
-      return i.value.push(S), k(), S.id;
+      return i.value.push(S), x(), S.id;
     }
     function A(_) {
       let S = g(_, "loading");
-      return i.value.push(S), k(), S.id;
+      return i.value.push(S), x(), S.id;
     }
     return n({
-      open: C,
-      info: L,
-      success: I,
-      error: T,
-      warning: $,
+      open: B,
+      info: I,
+      success: V,
+      error: N,
+      warning: k,
       loading: A,
-      close: x
+      close: $
     }), (_, S) => (r(), d("div", {
       class: "abl-message",
       style: M(`top: ${m.value};`)
@@ -753,12 +753,12 @@ const Fe = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), en = ["onMouseenter
       }, {
         default: re(() => [
           (r(!0), d(K, null, le(i.value, (U, j) => Q((r(), d("div", {
-            class: V(["message-wrap", U.class]),
+            class: L(["message-wrap", U.class]),
             style: M(U.style),
             key: j
           }, [
             u("div", {
-              class: V(["message-content-wrap", `icon-${U.mode}`]),
+              class: L(["message-content-wrap", `icon-${U.mode}`]),
               onMouseenter: (F) => p(j),
               onMouseleave: (F) => y(j),
               onClick: (F) => h(F, j)
@@ -916,7 +916,7 @@ const _n = (e) => (ge("data-v-9e719259"), e = e(), ye(), e), wn = { class: "abl-
         default: re(() => [
           e.modelValue ? (r(), d("div", {
             key: 0,
-            class: V(["abl-drawer", e.customClass, `abl-drawer-${s.direction}`, e.round && "abl-drawer-round", s.class]),
+            class: L(["abl-drawer", e.customClass, `abl-drawer-${s.direction}`, e.round && "abl-drawer-round", s.class]),
             style: M(`z-index: ${s.zIndex + 1}`)
           }, [
             u("div", {
@@ -1010,7 +1010,7 @@ const An = {
       "is-disabled": n.disabled
     }));
     return (l, a) => (r(), d("button", {
-      class: V(["abl-button", t.value])
+      class: L(["abl-button", t.value])
     }, [
       e.loading ? (r(), d(K, { key: 0 }, [
         e.loading ? (r(), d("i", An)) : R("", !0),
@@ -1019,7 +1019,7 @@ const An = {
         e.iconPosition === "left" ? E(l.$slots, "icon", { key: 0 }, () => [
           e.icon ? (r(), d("i", {
             key: 0,
-            class: V(["iconfont-abl slot-icon-left", e.icon])
+            class: L(["iconfont-abl slot-icon-left", e.icon])
           }, null, 2)) : R("", !0)
         ]) : R("", !0),
         u("span", zn, [
@@ -1028,7 +1028,7 @@ const An = {
         e.iconPosition === "right" ? E(l.$slots, "icon", { key: 1 }, () => [
           e.icon ? (r(), d("i", {
             key: 0,
-            class: V(["iconfont-abl slot-icon-right", e.icon])
+            class: L(["iconfont-abl slot-icon-right", e.icon])
           }, null, 2)) : R("", !0)
         ]) : R("", !0)
       ], 64))
@@ -1089,14 +1089,14 @@ const Mn = {
       }
     };
     return (v, p) => (r(), d("div", {
-      class: V(["abl-checkbox", f.value]),
+      class: L(["abl-checkbox", f.value]),
       onClick: m
     }, [
       u("span", {
-        class: V(["abl-checkbox-input", f.value])
+        class: L(["abl-checkbox-input", f.value])
       }, null, 2),
       u("span", {
-        class: V(["abl-checkbox-label", f.value])
+        class: L(["abl-checkbox-label", f.value])
       }, [
         E(v.$slots, "default", {}, () => [
           ee(H(e.label), 1)
@@ -1230,12 +1230,12 @@ const On = { class: "abl-dialog__header" }, Pn = { class: "abl-dialog__title" },
         default: re(() => [
           e.modelValue ? (r(), d("div", {
             key: 0,
-            class: V(["abl-dialog-overlay", v.value, l.class]),
+            class: L(["abl-dialog-overlay", v.value, l.class]),
             onClick: m,
             style: M({ zIndex: e.zIndex })
           }, [
             u("div", {
-              class: V(["abl-dialog", e.customClass, v.value]),
+              class: L(["abl-dialog", e.customClass, v.value]),
               style: M({ width: e.width, zIndex: e.zIndex + 1 }),
               ref_key: "root",
               ref: a
@@ -1424,14 +1424,14 @@ const Gn = async (e, n, t) => {
   } = St(f, l, c), p = l, y = {}, h = 0;
   for (let w = 0; w < i.length; w++) {
     const {
-      name: x,
-      fn: k
+      name: $,
+      fn: x
     } = i[w], {
       x: g,
-      y: C,
-      data: L,
-      reset: I
-    } = await k({
+      y: B,
+      data: I,
+      reset: V
+    } = await x({
       x: m,
       y: v,
       initialPlacement: l,
@@ -1445,17 +1445,17 @@ const Gn = async (e, n, t) => {
         floating: n
       }
     });
-    m = g ?? m, v = C ?? v, y = {
+    m = g ?? m, v = B ?? v, y = {
       ...y,
-      [x]: {
-        ...y[x],
-        ...L
+      [$]: {
+        ...y[$],
+        ...I
       }
-    }, I && h <= 50 && (h++, typeof I == "object" && (I.placement && (p = I.placement), I.rects && (f = I.rects === !0 ? await o.getElementRects({
+    }, V && h <= 50 && (h++, typeof V == "object" && (V.placement && (p = V.placement), V.rects && (f = V.rects === !0 ? await o.getElementRects({
       reference: e,
       floating: n,
       strategy: a
-    }) : I.rects), {
+    }) : V.rects), {
       x: m,
       y: v
     } = St(f, p, c)), w = -1);
@@ -1484,8 +1484,8 @@ async function Wt(e, n) {
     elementContext: v = "floating",
     altBoundary: p = !1,
     padding: y = 0
-  } = Ue(n, e), h = jt(y), x = i[p ? v === "floating" ? "reference" : "floating" : v], k = Ge(await s.getClippingRect({
-    element: (t = await (s.isElement == null ? void 0 : s.isElement(x))) == null || t ? x : x.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
+  } = Ue(n, e), h = jt(y), $ = i[p ? v === "floating" ? "reference" : "floating" : v], x = Ge(await s.getClippingRect({
+    element: (t = await (s.isElement == null ? void 0 : s.isElement($))) == null || t ? $ : $.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
     boundary: f,
     rootBoundary: m,
     strategy: c
@@ -1493,23 +1493,23 @@ async function Wt(e, n) {
     ...o.floating,
     x: l,
     y: a
-  } : o.reference, C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), L = await (s.isElement == null ? void 0 : s.isElement(C)) ? await (s.getScale == null ? void 0 : s.getScale(C)) || {
+  } : o.reference, B = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), I = await (s.isElement == null ? void 0 : s.isElement(B)) ? await (s.getScale == null ? void 0 : s.getScale(B)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, I = Ge(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, V = Ge(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: g,
-    offsetParent: C,
+    offsetParent: B,
     strategy: c
   }) : g);
   return {
-    top: (k.top - I.top + h.top) / L.y,
-    bottom: (I.bottom - k.bottom + h.bottom) / L.y,
-    left: (k.left - I.left + h.left) / L.x,
-    right: (I.right - k.right + h.right) / L.x
+    top: (x.top - V.top + h.top) / I.y,
+    bottom: (V.bottom - x.bottom + h.bottom) / I.y,
+    left: (x.left - V.left + h.left) / I.x,
+    right: (V.right - x.right + h.right) / I.x
   };
 }
 const Jn = (e) => ({
@@ -1533,17 +1533,17 @@ const Jn = (e) => ({
     const v = jt(m), p = {
       x: t,
       y: l
-    }, y = ht(a), h = mt(y), w = await o.getDimensions(f), x = y === "y", k = x ? "top" : "left", g = x ? "bottom" : "right", C = x ? "clientHeight" : "clientWidth", L = s.reference[h] + s.reference[y] - p[y] - s.floating[h], I = p[y] - s.reference[y], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
-    let $ = T ? T[C] : 0;
-    (!$ || !await (o.isElement == null ? void 0 : o.isElement(T))) && ($ = i.floating[C] || s.floating[h]);
-    const A = L / 2 - I / 2, _ = $ / 2 - w[h] / 2 - 1, S = Me(v[k], _), U = Me(v[g], _), j = S, F = $ - w[h] - U, W = $ / 2 - w[h] / 2 + A, z = ct(j, W, F), Y = !c.arrow && je(a) != null && W !== z && s.reference[h] / 2 - (W < j ? S : U) - w[h] / 2 < 0, N = Y ? W < j ? W - j : W - F : 0;
+    }, y = ht(a), h = mt(y), w = await o.getDimensions(f), $ = y === "y", x = $ ? "top" : "left", g = $ ? "bottom" : "right", B = $ ? "clientHeight" : "clientWidth", I = s.reference[h] + s.reference[y] - p[y] - s.floating[h], V = p[y] - s.reference[y], N = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
+    let k = N ? N[B] : 0;
+    (!k || !await (o.isElement == null ? void 0 : o.isElement(N))) && (k = i.floating[B] || s.floating[h]);
+    const A = I / 2 - V / 2, _ = k / 2 - w[h] / 2 - 1, S = Me(v[x], _), U = Me(v[g], _), j = S, F = k - w[h] - U, W = k / 2 - w[h] / 2 + A, z = ct(j, W, F), Y = !c.arrow && je(a) != null && W !== z && s.reference[h] / 2 - (W < j ? S : U) - w[h] / 2 < 0, T = Y ? W < j ? W - j : W - F : 0;
     return {
-      [y]: p[y] + N,
+      [y]: p[y] + T,
       data: {
         [y]: z,
-        centerOffset: W - z - N,
+        centerOffset: W - z - T,
         ...Y && {
-          alignmentOffset: N
+          alignmentOffset: T
         }
       },
       reset: Y
@@ -1569,24 +1569,24 @@ const Jn = (e) => ({
         fallbackStrategy: y = "bestFit",
         fallbackAxisSideDirection: h = "none",
         flipAlignment: w = !0,
-        ...x
+        ...$
       } = Ue(e, n);
       if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const k = Ae(a), g = Ae(i) === i, C = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), L = p || (g || !w ? [Ke(i)] : qn(i));
-      !p && h !== "none" && L.push(...Xn(i, w, h, C));
-      const I = [i, ...L], T = await Wt(n, x), $ = [];
+      const x = Ae(a), g = Ae(i) === i, B = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), I = p || (g || !w ? [Ke(i)] : qn(i));
+      !p && h !== "none" && I.push(...Xn(i, w, h, B));
+      const V = [i, ...I], N = await Wt(n, $), k = [];
       let A = ((l = s.flip) == null ? void 0 : l.overflows) || [];
-      if (m && $.push(T[k]), v) {
-        const j = Wn(a, o, C);
-        $.push(T[j[0]], T[j[1]]);
+      if (m && k.push(N[x]), v) {
+        const j = Wn(a, o, B);
+        k.push(N[j[0]], N[j[1]]);
       }
       if (A = [...A, {
         placement: a,
-        overflows: $
-      }], !$.every((j) => j <= 0)) {
+        overflows: k
+      }], !k.every((j) => j <= 0)) {
         var _, S;
-        const j = (((_ = s.flip) == null ? void 0 : _.index) || 0) + 1, F = I[j];
+        const j = (((_ = s.flip) == null ? void 0 : _.index) || 0) + 1, F = V[j];
         if (F)
           return {
             data: {
@@ -1602,7 +1602,7 @@ const Jn = (e) => ({
           switch (y) {
             case "bestFit": {
               var U;
-              const z = (U = A.map((Y) => [Y.placement, Y.overflows.filter((N) => N > 0).reduce((N, O) => N + O, 0)]).sort((Y, N) => Y[1] - N[1])[0]) == null ? void 0 : U[0];
+              const z = (U = A.map((Y) => [Y.placement, Y.overflows.filter((T) => T > 0).reduce((T, O) => T + O, 0)]).sort((Y, T) => Y[1] - T[1])[0]) == null ? void 0 : U[0];
               z && (W = z);
               break;
             }
@@ -1684,13 +1684,13 @@ const ea = function(e) {
         mainAxis: s = !0,
         crossAxis: o = !1,
         limiter: i = {
-          fn: (x) => {
+          fn: ($) => {
             let {
-              x: k,
+              x,
               y: g
-            } = x;
+            } = $;
             return {
-              x: k,
+              x,
               y: g
             };
           }
@@ -1702,12 +1702,12 @@ const ea = function(e) {
       }, m = await Wt(n, c), v = tt(Ae(a)), p = Ut(v);
       let y = f[p], h = f[v];
       if (s) {
-        const x = p === "y" ? "top" : "left", k = p === "y" ? "bottom" : "right", g = y + m[x], C = y - m[k];
-        y = ct(g, y, C);
+        const $ = p === "y" ? "top" : "left", x = p === "y" ? "bottom" : "right", g = y + m[$], B = y - m[x];
+        y = ct(g, y, B);
       }
       if (o) {
-        const x = v === "y" ? "top" : "left", k = v === "y" ? "bottom" : "right", g = h + m[x], C = h - m[k];
-        h = ct(g, h, C);
+        const $ = v === "y" ? "top" : "left", x = v === "y" ? "bottom" : "right", g = h + m[$], B = h - m[x];
+        h = ct(g, h, B);
       }
       const w = i.fn({
         ...n,
@@ -1862,8 +1862,8 @@ function ze(e, n, t, l) {
     const p = ue(s), y = l && _e(l) ? ue(l) : l;
     let h = p, w = h.frameElement;
     for (; w && l && y !== h; ) {
-      const x = Ee(w), k = w.getBoundingClientRect(), g = pe(w), C = k.left + (w.clientLeft + parseFloat(g.paddingLeft)) * x.x, L = k.top + (w.clientTop + parseFloat(g.paddingTop)) * x.y;
-      c *= x.x, f *= x.y, m *= x.x, v *= x.y, c += C, f += L, h = ue(w), w = h.frameElement;
+      const $ = Ee(w), x = w.getBoundingClientRect(), g = pe(w), B = x.left + (w.clientLeft + parseFloat(g.paddingLeft)) * $.x, I = x.top + (w.clientTop + parseFloat(g.paddingTop)) * $.y;
+      c *= $.x, f *= $.y, m *= $.x, v *= $.y, c += B, f += I, h = ue(w), w = h.frameElement;
     }
   }
   return Ge({
@@ -2089,30 +2089,30 @@ function ba(e, n) {
     } = e.getBoundingClientRect();
     if (i || n(), !v || !p)
       return;
-    const y = Ye(m), h = Ye(a.clientWidth - (f + v)), w = Ye(a.clientHeight - (m + p)), x = Ye(f), g = {
-      rootMargin: -y + "px " + -h + "px " + -w + "px " + -x + "px",
+    const y = Ye(m), h = Ye(a.clientWidth - (f + v)), w = Ye(a.clientHeight - (m + p)), $ = Ye(f), g = {
+      rootMargin: -y + "px " + -h + "px " + -w + "px " + -$ + "px",
       threshold: Ve(0, Me(1, c)) || 1
     };
-    let C = !0;
-    function L(I) {
-      const T = I[0].intersectionRatio;
-      if (T !== c) {
-        if (!C)
+    let B = !0;
+    function I(V) {
+      const N = V[0].intersectionRatio;
+      if (N !== c) {
+        if (!B)
           return o();
-        T ? o(!1, T) : l = setTimeout(() => {
+        N ? o(!1, N) : l = setTimeout(() => {
           o(!1, 1e-7);
         }, 100);
       }
-      C = !1;
+      B = !1;
     }
     try {
-      t = new IntersectionObserver(L, {
+      t = new IntersectionObserver(I, {
         ...g,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(L, g);
+      t = new IntersectionObserver(I, g);
     }
     t.observe(e);
   }
@@ -2127,31 +2127,31 @@ function _a(e, n, t, l) {
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: c = !1
   } = l, f = bt(e), m = a || s ? [...f ? Pe(f) : [], ...Pe(n)] : [];
-  m.forEach((k) => {
-    a && k.addEventListener("scroll", t, {
+  m.forEach((x) => {
+    a && x.addEventListener("scroll", t, {
       passive: !0
-    }), s && k.addEventListener("resize", t);
+    }), s && x.addEventListener("resize", t);
   });
   const v = f && i ? ba(f, t) : null;
   let p = -1, y = null;
-  o && (y = new ResizeObserver((k) => {
-    let [g] = k;
+  o && (y = new ResizeObserver((x) => {
+    let [g] = x;
     g && g.target === f && y && (y.unobserve(n), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-      var C;
-      (C = y) == null || C.observe(n);
+      var B;
+      (B = y) == null || B.observe(n);
     })), t();
   }), f && !c && y.observe(f), y.observe(n));
   let h, w = c ? ze(e) : null;
-  c && x();
-  function x() {
-    const k = ze(e);
-    w && (k.x !== w.x || k.y !== w.y || k.width !== w.width || k.height !== w.height) && t(), w = k, h = requestAnimationFrame(x);
+  c && $();
+  function $() {
+    const x = ze(e);
+    w && (x.x !== w.x || x.y !== w.y || x.width !== w.width || x.height !== w.height) && t(), w = x, h = requestAnimationFrame($);
   }
   return t(), () => {
-    var k;
+    var x;
     m.forEach((g) => {
       a && g.removeEventListener("scroll", t), s && g.removeEventListener("resize", t);
-    }), v == null || v(), (k = y) == null || k.disconnect(), y = null, c && cancelAnimationFrame(h);
+    }), v == null || v(), (x = y) == null || x.disconnect(), y = null, c && cancelAnimationFrame(h);
   };
 }
 const wa = ta, xa = Zn, $a = Jn, ka = (e, n, t) => {
@@ -2231,37 +2231,37 @@ const Sa = ["data-side"], el = {
       strategy: i,
       middlewareData: h
     };
-    let x = null;
-    const k = b(!1), g = b(), C = (z) => {
+    let $ = null;
+    const x = b(!1), g = b(), B = (z) => {
       g.value = z && z.nextElementSibling || null;
-    }, L = () => {
-      k.value = !0;
-    }, I = () => k.value = !1, T = () => {
+    }, I = () => {
+      x.value = !0;
+    }, V = () => x.value = !1, N = () => {
       g.value && be(() => {
         g.value.addEventListener("click", A);
         const z = g.value.getBoundingClientRect();
-        l.widthAuto && (f.value = z != null && z.width ? (z == null ? void 0 : z.width) + "px" : "auto"), c.value && (g.value.addEventListener("mouseover", L, { capture: !0 }), g.value.addEventListener("mouseout", I, { capture: !0 }));
+        l.widthAuto && (f.value = z != null && z.width ? (z == null ? void 0 : z.width) + "px" : "auto"), c.value && (g.value.addEventListener("mouseover", I, { capture: !0 }), g.value.addEventListener("mouseout", V, { capture: !0 }));
       });
-    }, $ = () => {
-      g.value && (g.value.removeEventListener("click", A), c.value && (g.value.removeEventListener("mouseover", L, { capture: !0 }), g.value.removeEventListener("mouseout", I, { capture: !0 })));
+    }, k = () => {
+      g.value && (g.value.removeEventListener("click", A), c.value && (g.value.removeEventListener("mouseover", I, { capture: !0 }), g.value.removeEventListener("mouseout", V, { capture: !0 })));
     };
     he(() => {
-      t.value = !0, T(), vt(() => {
+      t.value = !0, N(), vt(() => {
         W();
       });
     }), ae(() => m.value, (z) => {
-      z && C(m.value);
+      z && B(m.value);
     }, { immediate: !0 }), ae(g, (z, Y) => {
-      Y && $(), z && T();
+      Y && k(), z && N();
     }, { immediate: !0 }), pt(() => {
-      $(), T();
+      k(), N();
     });
     const A = (z) => {
-      l.shouldStopPropagation && z.stopPropagation(), L(), setTimeout(() => {
+      l.shouldStopPropagation && z.stopPropagation(), I(), setTimeout(() => {
         document.addEventListener("mousedown", _, { once: !0 });
       }, 0);
     }, _ = () => {
-      I(), document.removeEventListener("mousedown", _);
+      V(), document.removeEventListener("mousedown", _);
     }, S = P(() => o.value.split("-")[0]), U = P(() => ({ left: p.value + "px", top: y.value + "px", zIndex: l.zIndex, width: f.value })), j = P(() => {
       if (!l.showArrow)
         return {};
@@ -2288,16 +2288,16 @@ const Sa = ["data-side"], el = {
     async function W() {
       if (!(!g.value || !v.value))
         try {
-          await be(), x = _a(g.value, v.value, F);
+          await be(), $ = _a(g.value, v.value, F);
         } catch (z) {
           console.error("Error updating position:", z);
         }
     }
     return Qe(() => {
-      $(), x && x();
+      k(), $ && $();
     }), n({
-      open: L,
-      close: I
+      open: I,
+      close: V
     }), (z, Y) => (r(), d(K, null, [
       (r(), ie(ft(z.$slots.default), xe({
         ref_key: "triggerElement",
@@ -2307,11 +2307,11 @@ const Sa = ["data-side"], el = {
         key: 0,
         to: "body"
       }, [
-        k.value ? (r(), d("div", {
+        x.value ? (r(), d("div", {
           key: 0,
           ref_key: "contentRef",
           ref: v,
-          class: V(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": l.isSelect }]),
+          class: L(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": l.isSelect }]),
           style: M(U.value),
           "data-side": S.value,
           onMousedown: Y[0] || (Y[0] = Z(() => {
@@ -2439,7 +2439,7 @@ const Sa = ["data-side"], el = {
         type: String,
         default: ""
       }
-    }, o = fl(), i = b(), c = (y, h) => h.reduce((w, x) => (w[x] = y[x], w), {}), f = P(() => ({ ...o, ...c(t, Object.keys(s)) }));
+    }, o = fl(), i = b(), c = (y, h) => h.reduce((w, $) => (w[$] = y[$], w), {}), f = P(() => ({ ...o, ...c(t, Object.keys(s)) }));
     function m() {
       i.value.update();
     }
@@ -2551,19 +2551,19 @@ const at = (e) => (ge("data-v-bc247383"), e = e(), ye(), e), Ba = ["onClick"], V
       p.preventDefault();
     };
     return (p, y) => (r(), d("div", {
-      class: V(["abl-rate", { disabled: e.readonly }]),
+      class: L(["abl-rate", { disabled: e.readonly }]),
       style: M(`--color: ${e.color};`),
       onMouseleave: m
     }, [
       (r(!0), d(K, null, le(e.count, (h) => (r(), d("div", {
-        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 }]),
+        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 }]),
         style: M(`margin-right: ${h !== e.count ? e.gap : 0}px;`),
         onClick: (w) => e.allowHalf ? v(w) : o(h),
         key: h
       }, [
         e.allowHalf ? (r(), d("div", {
           key: 0,
-          class: V(["abl-rate-star-first", { "temp-gray-first": a.value === h - 0.5 }]),
+          class: L(["abl-rate-star-first", { "temp-gray-first": a.value === h - 0.5 }]),
           onClick: Z((w) => o(h - 0.5), ["stop"]),
           onMouseenter: (w) => i(h - 0.5),
           onMouseleave: f
@@ -2595,7 +2595,7 @@ const at = (e) => (ge("data-v-bc247383"), e = e(), ye(), e), Ba = ["onClick"], V
           ], 4))
         ], 42, Va)) : R("", !0),
         u("div", {
-          class: V(["abl-rate-star-second", { "temp-gray-second": a.value === h }]),
+          class: L(["abl-rate-star-second", { "temp-gray-second": a.value === h }]),
           onClick: Z((w) => o(h), ["stop"]),
           onMouseenter: (w) => c(h),
           onMouseleave: f
@@ -2745,11 +2745,11 @@ const Fa = { class: "abl-collapse__title" }, Ua = { key: 0 }, ja = { class: "ico
     return ae(f, (h) => {
       h ? p() : y();
     }), (h, w) => (r(), d("div", {
-      class: V(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && se(s) > 1 && "abl-collapse-item__border"])
+      class: L(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && se(s) > 1 && "abl-collapse-item__border"])
     }, [
       u("div", {
-        onClick: w[0] || (w[0] = (x) => v(!f.value)),
-        class: V(["abl-collapse-item__title", { "abl-collapse-item__disabled": e.disabled }]),
+        onClick: w[0] || (w[0] = ($) => v(!f.value)),
+        class: L(["abl-collapse-item__title", { "abl-collapse-item__disabled": e.disabled }]),
         style: M({ background: e.background })
       }, [
         u("div", Fa, [
@@ -2759,7 +2759,7 @@ const Fa = { class: "abl-collapse__title" }, Ua = { key: 0 }, ja = { class: "ico
         ]),
         e.showArrow ? (r(), d("div", {
           key: 0,
-          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"])
+          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"])
         }, [
           c.value === "plus" ? (r(), d("div", Ua, [
             u("span", ja, H(f.value ? "" : ""), 1)
@@ -2771,13 +2771,13 @@ const Fa = { class: "abl-collapse__title" }, Ua = { key: 0 }, ja = { class: "ico
         ], 2)) : R("", !0)
       ], 6),
       u("div", {
-        class: V(["abl-collapse-item__content-wrap", { "abl-collapse-item-__content-ani": e.animation }]),
+        class: L(["abl-collapse-item__content-wrap", { "abl-collapse-item-__content-ani": e.animation }]),
         style: M({ height: m.value, background: e.contentBg })
       }, [
         u("div", {
           ref_key: "ablCollapseEl",
           ref: t,
-          class: V(["abl-collapse-item__content", { "abl-collapse-item__content-open": m.value }])
+          class: L(["abl-collapse-item__content", { "abl-collapse-item__content-open": m.value }])
         }, [
           E(h.$slots, "default", {}, void 0, !0)
         ], 2)
@@ -2836,7 +2836,7 @@ const Ya = { class: "abl-progress-text" }, Xa = {
         style: M(`border-radius: ${e.borderRadius}px;background:${n.trailColor}`)
       }, [
         u("div", {
-          class: V(["abl-progress-bg", e.indeterminate && "abl-progress-bg-animate"]),
+          class: L(["abl-progress-bg", e.indeterminate && "abl-progress-bg-animate"]),
           style: M(`background: ${l.value}; 
         width: ${e.percent >= 100 ? 100 : e.percent}%; height: ${e.height}px;border-radius: ${e.borderRadius}px`)
         }, null, 6)
@@ -3042,7 +3042,7 @@ const oo = /* @__PURE__ */ u("div", {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
       const F = t.appContext.config.globalProperties.$lockCount || 0;
       h(F + 1);
-    }, x = () => {
+    }, $ = () => {
       t.appContext.config.globalProperties.$lockCount > 0 && h((t.appContext.config.globalProperties.$lockCount || 0) - 1), (t.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
     ae(() => l.modelValue, (F) => {
@@ -3051,7 +3051,7 @@ const oo = /* @__PURE__ */ u("div", {
       deep: !0,
       immediate: !0
     });
-    const k = (F, W) => {
+    const x = (F, W) => {
       let z, Y;
       try {
         z = F.toString().split(".")[1].length;
@@ -3063,19 +3063,19 @@ const oo = /* @__PURE__ */ u("div", {
       } catch {
         Y = 0;
       }
-      const N = Math.max(z, Y), O = Math.pow(10, N);
+      const T = Math.max(z, Y), O = Math.pow(10, T);
       return F = Math.round(F * O), W = Math.round(W * O), (F + W) / O;
     }, g = (F) => {
       s.value[F] = !0;
-    }, C = (F) => {
+    }, B = (F) => {
       o.value = (o.value + 1) % a.value;
-    }, L = (F) => {
+    }, I = (F) => {
       o.value = (o.value - 1 + a.value) % a.value;
-    }, I = () => {
-      i.value + l.zoomRate > l.maxScale ? i.value = l.maxScale : i.value = k(i.value, l.zoomRate);
-    }, T = () => {
-      i.value - l.zoomRate < l.minScale ? i.value = l.minScale : i.value = k(i.value, -l.zoomRate);
-    }, $ = () => {
+    }, V = () => {
+      i.value + l.zoomRate > l.maxScale ? i.value = l.maxScale : i.value = x(i.value, l.zoomRate);
+    }, N = () => {
+      i.value - l.zoomRate < l.minScale ? i.value = l.minScale : i.value = x(i.value, -l.zoomRate);
+    }, k = () => {
       p.value -= 90;
     }, A = () => {
       p.value += 90;
@@ -3084,21 +3084,21 @@ const oo = /* @__PURE__ */ u("div", {
     }, S = (F) => {
       if (!l.drag)
         return;
-      const W = F.target, { top: z, left: Y, right: N, bottom: O } = W.getBoundingClientRect(), X = document.documentElement.clientWidth, ne = document.documentElement.clientHeight;
+      const W = F.target, { top: z, left: Y, right: T, bottom: O } = W.getBoundingClientRect(), X = document.documentElement.clientWidth, ne = document.documentElement.clientHeight;
       c.value = F.clientX, f.value = F.clientY;
-      const B = m.value, q = v.value;
+      const C = m.value, q = v.value;
       document.onmousemove = (D) => {
-        m.value = B + D.clientX - c.value, v.value = q + D.clientY - f.value;
+        m.value = C + D.clientX - c.value, v.value = q + D.clientY - f.value;
       }, document.onmouseup = (D) => {
-        m.value > B + X - N && (m.value = B + X - N), m.value < B - Y && (m.value = B - Y), v.value > q + ne - O && (v.value = q + ne - O), v.value < q - z && (v.value = q - z), document.onmousemove = null;
+        m.value > C + X - T && (m.value = C + X - T), m.value < C - Y && (m.value = C - Y), v.value > q + ne - O && (v.value = q + ne - O), v.value < q - z && (v.value = q - z), document.onmousemove = null;
       };
     }, U = (F) => {
       if (!l.drag)
         return;
       const W = F.deltaY * l.zoomRate * 0.1;
-      i.value === l.minScale && W > 0 || i.value === l.maxScale && W < 0 || (i.value - W < l.minScale ? i.value = l.minScale : i.value - W > l.maxScale ? i.value = l.maxScale : i.value = k(i.value, -W));
+      i.value === l.minScale && W > 0 || i.value === l.maxScale && W < 0 || (i.value - W < l.minScale ? i.value = l.minScale : i.value - W > l.maxScale ? i.value = l.maxScale : i.value = x(i.value, -W));
     }, j = () => {
-      x(), y("update:modelValue", !1);
+      $(), y("update:modelValue", !1);
     };
     return (F, W) => (r(), ie(et, { to: "body" }, [
       fe(ke, { name: "mask" }, {
@@ -3134,8 +3134,8 @@ const oo = /* @__PURE__ */ u("div", {
                       title: "",
                       class: "abl-image-preview__img",
                       style: M(`transform: scale3d(${i.value}, ${i.value}, 1) rotate(${p.value}deg);`),
-                      onLoad: (N) => g(Y),
-                      onMousedown: W[0] || (W[0] = Z((N) => S(N), ["prevent"])),
+                      onLoad: (T) => g(Y),
+                      onMousedown: W[0] || (W[0] = Z((T) => S(T), ["prevent"])),
                       onClick: W[1] || (W[1] = Z(() => {
                       }, ["stop"]))
                     }, null, 44, io)) : (r(), d("video", {
@@ -3164,8 +3164,8 @@ const oo = /* @__PURE__ */ u("div", {
                     alt: "",
                     title: "",
                     style: M(`transform: scale3d(${i.value}, ${i.value}, 1) rotate(${p.value}deg);`),
-                    onLoad: (N) => g(Y),
-                    onMousedown: W[2] || (W[2] = Z((N) => S(N), ["prevent"])),
+                    onLoad: (T) => g(Y),
+                    onMousedown: W[2] || (W[2] = Z((T) => S(T), ["prevent"])),
                     onClick: W[3] || (W[3] = Z(() => {
                     }, ["stop"])),
                     loading: "lazy"
@@ -3181,11 +3181,11 @@ const oo = /* @__PURE__ */ u("div", {
               a.value > 1 ? (r(), d(K, { key: 0 }, [
                 u("div", {
                   class: "abl-image-preview__btn abl-image-preview__prev",
-                  onClick: Z(L, ["stop"])
+                  onClick: Z(I, ["stop"])
                 }, vo),
                 u("div", {
                   class: "abl-image-preview__btn abl-image-preview__next",
-                  onClick: Z(C, ["stop"])
+                  onClick: Z(B, ["stop"])
                 }, ho)
               ], 64)) : R("", !0),
               u("div", {
@@ -3196,11 +3196,11 @@ const oo = /* @__PURE__ */ u("div", {
                 u("div", _o, [
                   u("i", {
                     class: "abl-icon",
-                    onClick: Z(T, ["stop"])
+                    onClick: Z(N, ["stop"])
                   }, xo),
                   u("i", {
                     class: "abl-icon",
-                    onClick: Z(I, ["stop"])
+                    onClick: Z(V, ["stop"])
                   }, ko),
                   u("i", {
                     class: "abl-icon",
@@ -3208,7 +3208,7 @@ const oo = /* @__PURE__ */ u("div", {
                   }, Co),
                   u("i", {
                     class: "abl-icon",
-                    onClick: $
+                    onClick: k
                   }, Vo),
                   u("i", {
                     class: "abl-icon",
@@ -3344,7 +3344,7 @@ const sl = {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: V(["abl-skeleton-avatar", `abl-skeleton-avatar--${n.shape}`]),
+      class: L(["abl-skeleton-avatar", `abl-skeleton-avatar--${n.shape}`]),
       style: M({ width: n.width })
     }, null, 6));
   }
@@ -3360,7 +3360,7 @@ const dt = {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: V(["abl-skeleton-paragraph"]),
+      class: L(["abl-skeleton-paragraph"]),
       style: M({ width: n.width })
     }, null, 4));
   }
@@ -3400,7 +3400,7 @@ const Eo = {
     return (a, s) => {
       var o;
       return r(), d("div", {
-        class: V(["abl-skeleton", e.animate && "abl-skeleton-animate"])
+        class: L(["abl-skeleton", e.animate && "abl-skeleton-animate"])
       }, [
         a.$slots.template ? E(a.$slots, "template", { key: 0 }, void 0, !0) : (r(), d(K, { key: 1 }, [
           n.avatar ? (r(), d("div", Eo, [
@@ -3446,7 +3446,7 @@ const Po = /* @__PURE__ */ u("svg", {
   setup(e) {
     const n = e;
     return (t, l) => (r(), d("div", {
-      class: V(["abl-skeleton-image", `abl-skeleton-image--${n.shape}`]),
+      class: L(["abl-skeleton-image", `abl-skeleton-image--${n.shape}`]),
       style: M({ width: n.width })
     }, Do, 6));
   }
@@ -3522,68 +3522,68 @@ const Uo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), jo = ["onClick"], W
   },
   emits: ["open", "close"],
   setup(e, { emit: n }) {
-    var I;
+    var V;
     const t = n, l = De(), a = typeof window < "u" && typeof document < "u", s = e, o = b([]);
-    (I = l.default()) == null || I.forEach((T) => {
-      const { props: $ } = T;
-      if ($) {
-        const { title: A, disabled: _ } = $;
+    (V = l.default()) == null || V.forEach((N) => {
+      const { props: k } = N;
+      if (k) {
+        const { title: A, disabled: _ } = k;
         o.value.push({
           title: A,
           disabled: _
         });
       }
     });
-    const i = b(), c = b(), f = b(!1), m = b(0), v = b(""), p = b(!1), y = (T) => typeof T == "number" ? T + "px" : T;
+    const i = b(), c = b(), f = b(!1), m = b(0), v = b(""), p = b(!1), y = (N) => typeof N == "number" ? N + "px" : N;
     ae(
       () => f.value,
-      (T) => {
-        a && (T ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
+      (N) => {
+        a && (N ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
       },
       {
         deep: !0,
         immediate: !0
       }
     );
-    const h = (T, $) => {
-      if (!o.value[$].disabled) {
-        if ($ === v.value && s.closeOnClickSelf) {
-          x(), setTimeout(() => {
-            c.value.children[$].style.display = "none";
+    const h = (N, k) => {
+      if (!o.value[k].disabled) {
+        if (k === v.value && s.closeOnClickSelf) {
+          $(), setTimeout(() => {
+            c.value.children[k].style.display = "none";
           }, s.duration);
           return;
         }
-        p.value = !0, w($);
+        p.value = !0, w(k);
       }
-    }, w = async (T) => {
-      await k(), f.value = !0, v.value = T, Array.from(c.value.children).map(($, A) => {
-        A === T ? c.value.children[A].style.display = "block" : c.value.children[A].style.display = "none";
+    }, w = async (N) => {
+      await x(), f.value = !0, v.value = N, Array.from(c.value.children).map((k, A) => {
+        A === N ? c.value.children[A].style.display = "block" : c.value.children[A].style.display = "none";
       }), t("open", v.value);
-    }, x = () => {
+    }, $ = () => {
       f.value = !1, v.value = 99999, setTimeout(() => {
         p.value = !1;
       }, 300);
-    }, k = () => {
+    }, x = () => {
       var A;
       if (!a)
         return;
-      const { top: T, bottom: $ } = (A = i == null ? void 0 : i.value) == null ? void 0 : A.getBoundingClientRect();
-      $ > 0 && (m.value = $ - 1);
+      const { top: N, bottom: k } = (A = i == null ? void 0 : i.value) == null ? void 0 : A.getBoundingClientRect();
+      k > 0 && (m.value = k - 1);
     }, g = () => {
-      s.closeOnClickMask && x();
-    }, C = Ie({
+      s.closeOnClickMask && $();
+    }, B = Ie({
       ...He(s),
-      onClose: x,
+      onClose: $,
       current: v
-    }), L = Fo(() => {
-      p.value && x();
+    }), I = Fo(() => {
+      p.value && $();
     });
-    return $e(Ko, C), he(() => {
-      k();
-    }), (T, $) => (r(), d("div", {
+    return $e(Ko, B), he(() => {
+      x();
+    }), (N, k) => (r(), d("div", {
       class: "abl-dropdown",
       ref_key: "root",
-      ref: L
+      ref: I
     }, [
       u("div", {
         class: "abl-dropdown-menu",
@@ -3606,7 +3606,7 @@ const Uo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), jo = ["onClick"], W
             })
           }, H(A.title), 5),
           u("div", {
-            class: V(["abl-dropdown-menu__item__arrow", {
+            class: L(["abl-dropdown-menu__item__arrow", {
               "abl-dropdown-menu__item__arrow--rotate": _ === v.value
             }])
           }, [
@@ -3622,7 +3622,7 @@ const Uo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), jo = ["onClick"], W
           }
         ]),
         onClick: g,
-        onTouchmove: $[1] || ($[1] = Z(() => {
+        onTouchmove: k[1] || (k[1] = Z(() => {
         }, ["prevent"]))
       }, [
         fe(ke, { name: "fade-mask" }, {
@@ -3636,13 +3636,13 @@ const Uo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), jo = ["onClick"], W
         fe(ke, { name: "slide-top" }, {
           default: re(() => [
             Q(u("div", {
-              onTouchmove: $[0] || ($[0] = Z(() => {
+              onTouchmove: k[0] || (k[0] = Z(() => {
               }, ["prevent"])),
               class: "abl-dropdown__content",
               ref_key: "childrenRef",
               ref: c
             }, [
-              E(T.$slots, "default", {}, void 0, !0)
+              E(N.$slots, "default", {}, void 0, !0)
             ], 544), [
               [te, f.value]
             ])
@@ -3719,7 +3719,7 @@ const Zo = (e) => (ge("data-v-046e593c"), e = e(), ye(), e), Qo = ["active"], es
           (r(!0), d(K, null, le(e.options, (f, m) => (r(), ie(ll, {
             title: f.text,
             onClick: (v) => o(f.value),
-            class: V(["abl-dropdown-item__option", a.modelValue === f.value && "abl-dropdown-item__option--active"])
+            class: L(["abl-dropdown-item__option", a.modelValue === f.value && "abl-dropdown-item__option--active"])
           }, pl({ _: 2 }, [
             a.modelValue === f.value ? {
               name: "extra",
@@ -3827,10 +3827,10 @@ const ds = {
     }, w = () => {
       l.type === "password" && (i.value = !i.value, i.value ? c.value = l.type : c.value = "text");
     };
-    function x() {
+    function $() {
       f.value = l.clearable && m.value;
     }
-    function k() {
+    function x() {
       f.value = !1;
     }
     return n({
@@ -3844,28 +3844,28 @@ const ds = {
       },
       clear: h,
       input: () => s.value
-    }), (g, C) => (r(), d("div", {
-      class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": g.$slots.addonBefore || e.addonBefore || g.$slots.addonAfter || e.addonAfter }])
+    }), (g, B) => (r(), d("div", {
+      class: L(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": g.$slots.addonBefore || e.addonBefore || g.$slots.addonAfter || e.addonAfter }])
     }, [
       E(g.$slots, "addonBefore", {}, () => [
         e.addonBefore ? (r(), d("span", ds, H(e.addonBefore), 1)) : R("", !0)
       ], !0),
       u("div", {
-        class: V(["abl-input__wrapper", { "is-focus": o.value }]),
-        onMouseenter: x,
-        onMouseleave: k
+        class: L(["abl-input__wrapper", { "is-focus": o.value }]),
+        onMouseenter: $,
+        onMouseleave: x
       }, [
         g.$slots.prefix || e.prefixIcon ? (r(), d("span", fs, [
           E(g.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (r(), d("i", {
             key: 0,
-            class: V(["iconfont-abl", e.suffixIcon])
+            class: L(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : R("", !0)
         ])) : R("", !0),
         Q(u("input", xe({
           ref_key: "inputRef",
           ref: s,
-          "onUpdate:modelValue": C[0] || (C[0] = (L) => m.value = L),
+          "onUpdate:modelValue": B[0] || (B[0] = (I) => m.value = I),
           class: "abl-input__inner",
           type: c.value,
           placeholder: e.placeholder,
@@ -3876,7 +3876,7 @@ const ds = {
           onBlur: p
         }, g.$attrs, {
           onInput: y,
-          onKeyup: C[1] || (C[1] = (...L) => g.onKeyUp && g.onKeyUp(...L))
+          onKeyup: B[1] || (B[1] = (...I) => g.onKeyUp && g.onKeyUp(...I))
         }), null, 16, ps), [
           [vl, m.value]
         ]),
@@ -3904,7 +3904,7 @@ const ds = {
           E(g.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (r(), d("i", {
             key: 0,
-            class: V(["iconfont-abl", e.suffixIcon])
+            class: L(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : R("", !0)
         ])) : R("", !0)
       ], 34),
@@ -3959,11 +3959,11 @@ const ot = (e) => (ge("data-v-d27e2131"), e = e(), ye(), e), bs = { class: "abl-
   },
   setup(e) {
     return (n, t) => (r(), d("div", {
-      class: V(`abl-spin-wrap ${e.size}`),
+      class: L(`abl-spin-wrap ${e.size}`),
       style: M(`--color: ${e.color};`)
     }, [
       Q(u("div", {
-        class: V(["abl-spin", [{ "fixed-spin": e.fixed }]])
+        class: L(["abl-spin", [{ "fixed-spin": e.fixed }]])
       }, [
         u("div", bs, [
           e.logo ? (r(), d("div", _s, [
@@ -3978,14 +3978,14 @@ const ot = (e) => (ge("data-v-d27e2131"), e = e(), ye(), e), bs = { class: "abl-
       ]),
       e.fixed ? Q((r(), d("div", {
         key: 0,
-        class: V(["abl-spin-content", { "abl-spin-mask": e.spinning }, { "fixed-spin-mask": e.fixed }])
+        class: L(["abl-spin-content", { "abl-spin-mask": e.spinning }, { "fixed-spin-mask": e.fixed }])
       }, [
         E(n.$slots, "default", {}, void 0, !0)
       ], 2)), [
         [te, e.spinning]
       ]) : (r(), d("div", {
         key: 1,
-        class: V(["abl-spin-content", { "abl-spin-mask": e.spinning }])
+        class: L(["abl-spin-content", { "abl-spin-mask": e.spinning }])
       }, [
         E(n.$slots, "default", {}, void 0, !0)
       ], 2))
@@ -4078,37 +4078,37 @@ const _t = (e) => (ge("data-v-915b5556"), e = e(), ye(), e), Ls = { class: "abl-
     function m() {
       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 v = ($) => {
+    const v = (k) => {
       const A = /\.(jpg|jpeg|png|gif|webp)$/i, _ = /^data:image/;
-      return A.test($) || _.test($);
-    }, p = ($) => {
-      c.value = !0, f.value = $;
-    }, y = ($, A) => {
+      return A.test(k) || _.test(k);
+    }, p = (k) => {
+      c.value = !0, f.value = k;
+    }, y = (k, A) => {
       var S;
-      const _ = (S = $.dataTransfer) == null ? void 0 : S.files;
+      const _ = (S = k.dataTransfer) == null ? void 0 : S.files;
       if (_ != null && _.length) {
         const U = _.length;
         for (let j = 0; j < U && A + j <= t.maxCount; j++)
-          k(_[j], A + j);
+          x(_[j], A + j);
         o.value[A].value = "";
       }
-    }, h = ($) => {
-      o.value[$].click();
-    }, w = ($, A) => {
-      const _ = $.target.files;
+    }, h = (k) => {
+      o.value[k].click();
+    }, w = (k, A) => {
+      const _ = k.target.files;
       if (_ != null && _.length) {
         const S = _.length;
         for (let U = 0; U < S && A + U < t.maxCount; U++)
-          k(_[U], A + U);
+          x(_[U], A + U);
         o.value[A].value = "";
       }
-    }, x = n, k = function($, A) {
-      t.beforeUpload($) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (s.value[A] = !0, g($, A)), t.uploadMode === "custom" && (s.value[A] = !0, C($, A))) : be(() => {
-        T(t.errorInfo);
+    }, $ = n, x = function(k, A) {
+      t.beforeUpload(k) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (s.value[A] = !0, g(k, A)), t.uploadMode === "custom" && (s.value[A] = !0, B(k, A))) : be(() => {
+        N(t.errorInfo);
       });
-    }, g = ($, A) => {
+    }, g = (k, A) => {
       var _ = new FileReader();
-      _.readAsDataURL($), _.onloadstart = function(S) {
+      _.readAsDataURL(k), _.onloadstart = function(S) {
         console.log("开始读取 onloadstart:", S);
       }, _.onabort = function(S) {
         console.log("读取中止 onabort:", S);
@@ -4119,42 +4119,42 @@ const _t = (e) => (ge("data-v-915b5556"), e = e(), ye(), e), Ls = { class: "abl-
       }, _.onload = function(S) {
         var U, j;
         t.isUrl ? l.value.push({
-          name: $.name,
+          name: k.name,
           url: (U = S.target) == null ? void 0 : U.result,
-          type: $.type
-        }) : l.value.push((j = S.target) == null ? void 0 : j.result), x("update:fileList", l.value), x("change", l.value);
+          type: k.type
+        }) : l.value.push((j = S.target) == null ? void 0 : j.result), $("update:fileList", l.value), $("change", l.value);
       }, _.onloadend = function(S) {
         console.log("读取结束 onloadend:", S);
       };
-    }, C = ($, A) => {
-      t.customRequest($).then((_) => {
-        _ && l.value.push(_), x("update:fileList", l.value), x("change", l.value);
+    }, B = (k, A) => {
+      t.customRequest(k).then((_) => {
+        _ && l.value.push(_), $("update:fileList", l.value), $("change", l.value);
       }).catch((_) => {
-        t.maxCount > 1 && (a.value = l.value.length + 1), T(_);
+        t.maxCount > 1 && (a.value = l.value.length + 1), N(_);
       }).finally(() => {
         s.value[A] = !1;
       });
-    }, L = ($, A) => {
+    }, I = (k, A) => {
       if (v(A)) {
-        const _ = l.value.slice(0, $).filter((S) => !v(t.isUrl ? S.url : S));
-        i.value[$ - _.length].onPreview();
+        const _ = l.value.slice(0, k).filter((S) => !v(t.isUrl ? S.url : S));
+        i.value[k - _.length].onPreview();
       } else
         p(A);
-    }, I = ($) => {
+    }, V = (k) => {
       l.value.length < t.maxCount && a.value--;
-      const A = l.value.splice($, 1);
-      x("remove", A), x("update:fileList", l.value), x("change", l.value);
-    }, T = ($) => {
-      Dt.error($);
+      const A = l.value.splice(k, 1);
+      $("remove", A), $("update:fileList", l.value), $("change", l.value);
+    }, N = (k) => {
+      Dt.error(k);
     };
-    return ($, A) => (r(), d("div", Ls, [
+    return (k, A) => (r(), d("div", Ls, [
       (r(!0), d(K, null, le(a.value, (_) => (r(), d("div", {
         class: "abl-upload-item",
         key: _
       }, [
         u("div", Is, [
           Q(u("div", {
-            class: V(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
+            class: L(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
             onDragenter: A[1] || (A[1] = Z(() => {
             }, ["stop", "prevent"])),
             onDragover: A[2] || (A[2] = Z(() => {
@@ -4177,7 +4177,7 @@ const _t = (e) => (ge("data-v-915b5556"), e = e(), ye(), e), Ls = { class: "abl-
             u("div", null, [
               Rs,
               e.tip ? (r(), d("p", Es, [
-                E($.$slots, "default", {}, () => [
+                E(k.$slots, "default", {}, () => [
                   ee(H(e.tip), 1)
                 ], !0)
               ])) : R("", !0)
@@ -4216,12 +4216,12 @@ const _t = (e) => (ge("data-v-915b5556"), e = e(), ye(), e), Ls = { class: "abl-
               u("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: (S) => L(_ - 1, e.isUrl ? l.value[_ - 1].url : l.value[_ - 1])
+                onClick: (S) => I(_ - 1, e.isUrl ? l.value[_ - 1].url : l.value[_ - 1])
               }, Fs, 8, Ds),
               Q(u("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: Z((S) => I(_ - 1), ["prevent", "stop"])
+                onClick: Z((S) => V(_ - 1), ["prevent", "stop"])
               }, Ws, 8, Us), [
                 [te, !e.disabled]
               ])
@@ -4334,41 +4334,41 @@ const Ks = { class: "abl-select-warpper-content" }, Gs = { class: "abl-select-ha
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), m = b(""), v = b(), p = b(null), y = b(""), h = b(), w = b(o.modelValue), x = b(!1), k = P(() => {
+    }), m = b(""), v = b(), p = b(null), y = b(""), h = b(), w = b(o.modelValue), $ = b(!1), x = P(() => {
       var O;
       return { width: (((O = v.value) == null ? void 0 : O.getBoundingClientRect().width) || 0) + "px" };
     }), g = Ie({
       list: o == null ? void 0 : o.options
-    }), C = b(!1), L = b(
-      o.search && y.value === "focus" && C.value
-    ), I = P(() => o.disabled), T = b(""), $ = b([]), A = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], _ = () => {
-      var N;
+    }), B = b(!1), I = b(
+      o.search && y.value === "focus" && B.value
+    ), V = P(() => o.disabled), N = b(""), k = b([]), A = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], _ = () => {
+      var T;
       try {
-        l.default && (g.list = [], (N = l.default()) == null || N.map((O) => {
+        l.default && (g.list = [], (T = l.default()) == null || T.map((O) => {
           var X;
           if (O.props) {
-            const { value: ne, name: B, img: q, iconColor: D } = O.props;
+            const { value: ne, name: C, img: q, iconColor: D } = O.props;
             g.list.push({
               value: ne,
-              name: B,
+              name: C,
               img: q,
               iconColor: D
-            }), w.value === ne && $.value.push({
+            }), w.value === ne && k.value.push({
               value: ne,
-              name: B,
+              name: C,
               img: q,
               iconColor: D
             });
           } else
             ((X = O == null ? void 0 : O.children) == null ? void 0 : X.length) > 0 && O.children.map((ne) => {
-              const { value: B, name: q, img: D, iconColor: J } = ne.props;
+              const { value: C, name: q, img: D, iconColor: J } = ne.props;
               g.list.push({
-                value: B,
+                value: C,
                 name: q,
                 img: D,
                 iconColor: J
-              }), w.value === B && ($.value.splice(0, $.value.length), $.value.push({
-                value: B,
+              }), w.value === C && (k.value.splice(0, k.value.length), k.value.push({
+                value: C,
                 name: q,
                 img: D,
                 iconColor: J
@@ -4388,85 +4388,85 @@ const Ks = { class: "abl-select-warpper-content" }, Gs = { class: "abl-select-ha
       // 如果需要，可以设置为立即执行
       deep: !0
     });
-    const S = (N) => {
-      if (!L.value)
-        T.value = "";
+    const S = (T) => {
+      if (!I.value)
+        N.value = "";
       else {
         const O = i.filter((X) => {
-          let ne = N.target.value.toLowerCase();
+          let ne = T.target.value.toLowerCase();
           return X.name.toLowerCase().includes(ne);
         });
         g.list = O;
       }
-    }, U = (N) => {
-      o.disabled || (C.value = !0, y.value === "focus" ? y.value = "blur" : y.value = "focus", setTimeout(() => {
+    }, U = (T) => {
+      o.disabled || (B.value = !0, y.value === "focus" ? y.value = "blur" : y.value = "focus", setTimeout(() => {
         const O = document.querySelector("#abl-select .abl-options-item-active");
         O == null || O.scrollIntoView({
           behavior: "auto",
           block: "nearest"
         });
       }, 100));
-    }, j = (N, O) => {
+    }, j = (T, O) => {
       var ne;
       if (o.disabled)
         return;
-      if (N.name == m.value) {
+      if (T.name == m.value) {
         h.value.close();
         return;
       }
-      C.value = !1, O.stopPropagation(), (ne = p.value) == null || ne.blur();
+      B.value = !1, O.stopPropagation(), (ne = p.value) == null || ne.blur();
       let X = null;
-      y.value = "blur", $.value[0] && $.value[0].value === N.value ? $.value.shift() : $.value[0] = N, X = N.value, c("update:modelValue", X), c("change", X, xt($.value)), h.value.close();
+      y.value = "blur", k.value[0] && k.value[0].value === T.value ? k.value.shift() : k.value[0] = T, X = T.value, c("update:modelValue", X), c("change", X, xt(k.value)), h.value.close();
     };
     $e("handleSlotClick", j);
     const F = () => {
-      var N;
-      (N = p.value) == null || N.focus(), !L.value && y.value === "focus" && $.value.length > 0 && ($.value.pop(), c("change", xt($.value)));
+      var T;
+      (T = p.value) == null || T.focus(), !I.value && y.value === "focus" && k.value.length > 0 && (k.value.pop(), c("change", xt(k.value)));
     }, W = () => {
-      x.value = !1, y.value = "blur", T.value = "";
+      $.value = !1, y.value = "blur", N.value = "";
     }, z = () => {
-      g.list = i, x.value = !0;
+      g.list = i, $.value = !0;
     }, Y = () => {
-      c("update:modelValue", ""), c("change", ""), $.value.splice(0, $.value.length);
+      c("update:modelValue", ""), c("change", ""), k.value.splice(0, k.value.length);
     };
     return ae(
-      C,
-      (N) => {
-        L.value = o.search && y.value === "focus" && N;
+      B,
+      (T) => {
+        I.value = o.search && y.value === "focus" && T;
       },
       { immediate: !0, deep: !0 }
     ), ae(
-      () => $.value,
-      (N) => {
-        N.length == 0 ? m.value = "" : m.value = N.map((O) => O == null ? void 0 : O.name).join(",");
+      () => k.value,
+      (T) => {
+        T.length == 0 ? m.value = "" : m.value = T.map((O) => O == null ? void 0 : O.name).join(",");
       },
       { immediate: !0, deep: !0 }
     ), ae(() => o == null ? void 0 : o.options, () => {
-      var N;
+      var T;
       o == null || o.options.map((O) => {
         O.name = O[o.parames.name], O.value = O[o.parames.value];
       }), i = o == null ? void 0 : o.options, o == null || o.options.map((O) => {
         O.value == o.modelValue && (O.selected = !0);
-      }), g.list = o == null ? void 0 : o.options, $.value = [], $.value = (N = o == null ? void 0 : o.options) == null ? void 0 : N.filter((O) => O.selected === !0);
+      }), g.list = o == null ? void 0 : o.options, k.value = [], k.value = (T = o == null ? void 0 : o.options) == null ? void 0 : T.filter((O) => O.selected === !0);
     }, { immediate: !0, deep: !0 }), he(() => {
-      ae(y, (N) => {
+      ae(y, (T) => {
         var O, X;
-        N === "focus" ? (O = p.value) == null || O.focus() : (X = p.value) == null || X.blur(), L.value = o.search && N === "focus" && C;
+        T === "focus" ? (O = p.value) == null || O.focus() : (X = p.value) == null || X.blur(), I.value = o.search && T === "focus" && B;
       }), document.body.addEventListener("click", () => {
         y.value = "blur";
       });
     }), ae(() => o.modelValue, async () => {
-      w.value = o.modelValue, w.value == "" && (m.value = "", $.value.splice(0, 1)), g.list.map((N) => {
-        N.value == o.modelValue && ($.value.splice(0, $.value.length), $.value.push({
-          value: N.value,
-          name: N.name,
-          img: N.img,
-          iconColor: N.iconColor
+      w.value = o.modelValue, w.value == "" && (m.value = "", k.value.splice(0, 1)), g.list.map((T) => {
+        T.value == o.modelValue && (k.value.splice(0, k.value.length), k.value.push({
+          value: T.value,
+          name: T.name,
+          img: T.img,
+          iconColor: T.iconColor
         }));
       });
     }, {
       immediate: !0
-    }), (N, O) => (r(), d("div", {
+    }), (T, O) => (r(), d("div", {
       ref_key: "selectRef",
       ref: v
     }, [
@@ -4484,15 +4484,15 @@ const Ks = { class: "abl-select-warpper-content" }, Gs = { class: "abl-select-ha
         content: re(() => [
           u("div", {
             class: "abl-select-options-warpper",
-            style: M(k.value),
+            style: M(x.value),
             id: "abl-select"
           }, [
             g.list.length > 0 ? (r(!0), d(K, { key: 0 }, le(g.list, (X, ne) => (r(), d("div", {
-              class: V(["abl-select-options-item", $.value.some((B) => B.value === X.value) ? "abl-options-item-active" : ""]),
+              class: L(["abl-select-options-item", k.value.some((C) => C.value === X.value) ? "abl-options-item-active" : ""]),
               key: X.name + X.value,
-              onClick: (B) => j(X, B)
+              onClick: (C) => j(X, C)
             }, [
-              s.value ? E(N.$slots, "abloption", wt(xe({ key: 0 }, X)), void 0, !0) : (r(), d(K, { key: 1 }, [
+              s.value ? E(T.$slots, "abloption", wt(xe({ key: 0 }, X)), void 0, !0) : (r(), d(K, { key: 1 }, [
                 X.iconColor ? (r(), d("div", {
                   key: 0,
                   class: "abl-options-item-icon",
@@ -4504,7 +4504,7 @@ const Ks = { class: "abl-select-warpper-content" }, Gs = { class: "abl-select-ha
                   src: X.img
                 }, null, 8, li)) : R("", !0),
                 u("span", {
-                  class: V(X.img ? "haveImg" : "")
+                  class: L(X.img ? "haveImg" : "")
                 }, H(X.name), 3)
               ], 64))
             ], 10, ti))), 128)) : (r(), d("div", ni, " No data "))
@@ -4514,7 +4514,7 @@ const Ks = { class: "abl-select-warpper-content" }, Gs = { class: "abl-select-ha
           u("div", {
             onClick: U,
             id: "select-input-warpper",
-            class: V(["abl-select-warpper", I.value ? "abl-select-warpper-disabled" : ""]),
+            class: L(["abl-select-warpper", V.value ? "abl-select-warpper-disabled" : ""]),
             style: M({ height: e.height }),
             onKeydown: Tt(F, ["delete"])
           }, [
@@ -4525,31 +4525,31 @@ const Ks = { class: "abl-select-warpper-content" }, Gs = { class: "abl-select-ha
               }, [
                 Q(u("div", Gs, [
                   u("span", null, [
-                    a.value ? E(N.$slots, "ablname", wt(xe({ key: 0 }, { name: m.value })), void 0, !0) : (r(), d("span", Js, H(m.value), 1))
+                    a.value ? E(T.$slots, "ablname", wt(xe({ key: 0 }, { name: m.value })), void 0, !0) : (r(), d("span", Js, H(m.value), 1))
                   ])
                 ], 512), [
-                  [te, $.value.length && !L.value]
+                  [te, k.value.length && !I.value]
                 ]),
                 e.search ? Q((r(), d("input", {
                   key: 0,
                   onBlur: O[0] || (O[0] = (X) => W()),
                   type: "text",
-                  class: V(["abl-select-input-focus", L.value ? "abl-select-input-search" : ""]),
+                  class: L(["abl-select-input-focus", I.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: p,
-                  "onUpdate:modelValue": O[1] || (O[1] = (X) => T.value = X),
+                  "onUpdate:modelValue": O[1] || (O[1] = (X) => N.value = X),
                   onFocus: O[2] || (O[2] = (X) => z()),
                   onInput: S,
                   placeholder: m.value
                 }, null, 42, Zs)), [
-                  [Ot, T.value]
+                  [Ot, N.value]
                 ]) : R("", !0),
-                x.value ? R("", !0) : Q((r(), d("span", {
+                $.value ? R("", !0) : Q((r(), d("span", {
                   key: 1,
                   class: "abl-select-placeholder",
                   style: M({ "line-height": e.height })
                 }, H(e.placeholder), 5)), [
-                  [te, !$.value.length]
+                  [te, !k.value.length]
                 ])
               ], 4),
               u("span", {
@@ -4642,28 +4642,28 @@ const oi = {
         return;
       const h = p.length;
       let w = [];
-      for (let x = 0; x < h; x++) {
-        const k = {
-          span: Math.min(p[x].dataset.span, y),
-          element: p[x]
+      for (let $ = 0; $ < h; $++) {
+        const x = {
+          span: Math.min(p[$].dataset.span, y),
+          element: p[$]
         };
-        m(w) < y ? (k.span = Math.min(k.span, y - m(w)), x === h - 1 && (k.span = y - m(w)), w.push(k), x === h - 1 && i.value.push(w)) : (i.value.push(w), w = [k], x === h - 1 && (k.span = y, i.value.push(w)));
+        m(w) < y ? (x.span = Math.min(x.span, y - m(w)), $ === h - 1 && (x.span = y - m(w)), w.push(x), $ === h - 1 && i.value.push(w)) : (i.value.push(w), w = [x], $ === h - 1 && (x.span = y, i.value.push(w)));
       }
       n.bordered ? be(() => {
-        i.value.forEach((x, k) => {
-          x.forEach((g) => {
-            const C = Array.from(g.element.children), L = C[0].cloneNode(!0);
-            L.colSpan = 1, v(L, n.labelStyle), v(L, JSON.parse(g.element.dataset.labelStyle));
-            const I = C[1].cloneNode(!0);
-            I.colSpan = g.span * 2 - 1, v(I, n.contentStyle), v(I, JSON.parse(g.element.dataset.contentStyle)), o.value[k].appendChild(L), o.value[k].appendChild(I);
+        i.value.forEach(($, x) => {
+          $.forEach((g) => {
+            const B = Array.from(g.element.children), I = B[0].cloneNode(!0);
+            I.colSpan = 1, v(I, n.labelStyle), v(I, JSON.parse(g.element.dataset.labelStyle));
+            const V = B[1].cloneNode(!0);
+            V.colSpan = g.span * 2 - 1, v(V, n.contentStyle), v(V, JSON.parse(g.element.dataset.contentStyle)), o.value[x].appendChild(I), o.value[x].appendChild(V);
           });
         });
       }) : be(() => {
-        p.forEach((x, k) => {
-          const g = Array.from(x.children), C = g[0];
-          v(C, n.labelStyle), v(C, JSON.parse(x.dataset.labelStyle));
-          const L = g[1];
-          v(L, n.contentStyle), v(L, JSON.parse(x.dataset.contentStyle)), s.value[k].appendChild(x);
+        p.forEach(($, x) => {
+          const g = Array.from($.children), B = g[0];
+          v(B, n.labelStyle), v(B, JSON.parse($.dataset.labelStyle));
+          const I = g[1];
+          v(I, n.contentStyle), v(I, JSON.parse($.dataset.contentStyle)), s.value[x].appendChild($);
         });
       });
     }
@@ -4676,7 +4676,7 @@ const oi = {
       });
     }
     return (p, y) => (r(), d("div", {
-      class: V(["abl-desc", `desc-${e.size}`])
+      class: L(["abl-desc", `desc-${e.size}`])
     }, [
       e.title || p.$slots.title ? (r(), d("div", oi, [
         u("div", si, [
@@ -4699,7 +4699,7 @@ const oi = {
         [te, !1]
       ]),
       u("div", {
-        class: V(["abl-desc-view", { "abl-bordered": e.bordered }])
+        class: L(["abl-desc-view", { "abl-bordered": e.bordered }])
       }, [
         u("table", null, [
           e.bordered ? (r(), d("tbody", ui, [
@@ -4712,13 +4712,13 @@ const oi = {
             }))), 128)) : R("", !0)
           ])) : (r(), d("tbody", ri, [
             (r(!0), d(K, null, le(i.value, (h, w) => (r(), d("tr", { key: w }, [
-              (r(!0), d(K, null, le(h, (x, k) => (r(), d("td", {
+              (r(!0), d(K, null, le(h, ($, x) => (r(), d("td", {
                 ref_for: !0,
                 ref_key: "cols",
                 ref: s,
                 class: "abl-item-td",
-                colspan: x.span,
-                key: k
+                colspan: $.span,
+                key: x
               }, null, 8, ci))), 128))
             ]))), 128))
           ]))
@@ -4913,43 +4913,43 @@ const rl = (e) => (ge("data-v-f4c52821"), e = e(), ye(), e), ki = {
     const i = b(), c = b(), f = xi();
     b(), b(), b([]);
     const m = P(() => {
-      const { marks: B, max: q, min: D } = t;
-      return Object.keys(B).map(parseFloat).sort((ce, ve) => ce - ve).filter((ce) => ce >= +D && ce <= +q);
+      const { marks: C, max: q, min: D } = t;
+      return Object.keys(C).map(parseFloat).sort((ce, ve) => ce - ve).filter((ce) => ce >= +D && ce <= +q);
     }), v = P(() => Number(t.max) - Number(t.min)), p = b([]), y = b(), h = P(() => {
-      const B = "abl-range";
+      const C = "abl-range";
       return {
-        [B]: !0,
-        [`${B}-disabled`]: t.disabled,
-        [`${B}-vertical`]: t.vertical,
-        [`${B}-show-number`]: !t.hiddenRange
+        [C]: !0,
+        [`${C}-disabled`]: t.disabled,
+        [`${C}-vertical`]: t.vertical,
+        [`${C}-show-number`]: !t.hiddenRange
       };
     }), w = P(() => {
-      const B = "abl-range-container";
+      const C = "abl-range-container";
       return {
-        [B]: !0,
-        [`${B}-vertical`]: t.vertical
+        [C]: !0,
+        [`${C}-vertical`]: t.vertical
       };
-    }), x = P(() => ({
+    }), $ = P(() => ({
       background: t.inactiveColor
-    })), k = P(() => ({
+    })), x = P(() => ({
       borderColor: t.buttonColor
-    })), g = b(!1), C = (B) => !!t.range && Array.isArray(B), L = () => {
-      const { modelValue: B, min: q } = t;
-      return C(B) ? `${(B[1] - B[0]) * 100 / v.value}%` : `${(B - Number(q)) * 100 / v.value}%`;
-    }, I = () => {
-      const { modelValue: B, min: q } = t;
-      return C(B) ? `${(B[0] - Number(q)) * 100 / v.value}%` : "0%";
-    }, T = P(() => t.vertical ? {
-      height: L(),
-      top: I(),
+    })), g = b(!1), B = (C) => !!t.range && Array.isArray(C), I = () => {
+      const { modelValue: C, min: q } = t;
+      return B(C) ? `${(C[1] - C[0]) * 100 / v.value}%` : `${(C - Number(q)) * 100 / v.value}%`;
+    }, V = () => {
+      const { modelValue: C, min: q } = t;
+      return B(C) ? `${(C[0] - Number(q)) * 100 / v.value}%` : "0%";
+    }, N = P(() => t.vertical ? {
+      height: I(),
+      top: V(),
       background: t.activeColor,
       transition: c.value ? "none" : void 0
     } : {
-      width: L(),
-      left: I(),
+      width: I(),
+      left: V(),
       background: t.activeColor,
       transition: c.value ? "none" : void 0
-    }), $ = (B) => {
+    }), k = (C) => {
       const q = "abl-range-mark", { modelValue: D, max: J, min: de } = t;
       let ce = Number(de), ve = Number(J);
       if (t.range) {
@@ -4957,20 +4957,20 @@ const rl = (e) => (ge("data-v-f4c52821"), e = e(), ye(), e), ki = {
         ce = Re, ve = Oe;
       } else
         ve = D;
-      let Te = B <= +ve && B >= ce;
+      let Te = C <= +ve && C >= ce;
       return {
         [`${q}-text`]: !0,
         [`${q}-text-active`]: Te
       };
-    }, A = (B) => {
+    }, A = (C) => {
       const { min: q, vertical: D } = t;
       let J = {
-        left: `${(B - Number(q)) / v.value * 100}%`
+        left: `${(C - Number(q)) / v.value * 100}%`
       };
       return D && (J = {
-        top: `${(B - Number(q)) / v.value * 100}%`
+        top: `${(C - Number(q)) / v.value * 100}%`
       }), J;
-    }, _ = (B) => {
+    }, _ = (C) => {
       const { modelValue: q, max: D, min: J } = t;
       let de = Number(J), ce = Number(D);
       if (t.range) {
@@ -4978,22 +4978,22 @@ const rl = (e) => (ge("data-v-f4c52821"), e = e(), ye(), e), ki = {
         de = Re, ce = Oe;
       }
       return {
-        background: B <= ce && B >= de ? t.activeColor : t.inactiveColor
+        background: C <= ce && C >= de ? t.activeColor : t.inactiveColor
       };
-    }, S = (B) => {
+    }, S = (C) => {
       const { min: q, max: D, step: J } = t;
-      return B = Math.max(+q, Math.min(B, +D)), Math.round(B / +J) * +J;
-    }, U = (B, q) => JSON.stringify(B) === JSON.stringify(q), j = (B) => B[0] > B[1] ? B.slice(0).reverse() : B, F = (B, q) => {
-      C(B) ? B = j(B).map(S) : B = S(B), U(B, t.modelValue) || l("update:modelValue", B), q && !U(B, s) && l("change", B);
-    }, W = (B) => {
+      return C = Math.max(+q, Math.min(C, +D)), Math.round(C / +J) * +J;
+    }, U = (C, q) => JSON.stringify(C) === JSON.stringify(q), j = (C) => C[0] > C[1] ? C.slice(0).reverse() : C, F = (C, q) => {
+      B(C) ? C = j(C).map(S) : C = S(C), U(C, t.modelValue) || l("update:modelValue", C), q && !U(C, s) && l("change", C);
+    }, W = (C) => {
       if (t.disabled || c.value === "draging")
         return;
       g.value = !0;
       const { min: q, modelValue: D } = t, J = Rt(i);
-      let de = B.clientX - J.left, ce = J.width;
-      t.vertical && (de = B.clientY - J.top, ce = J.height);
+      let de = C.clientX - J.left, ce = J.width;
+      t.vertical && (de = C.clientY - J.top, ce = J.height);
       const ve = Number(q) + de / ce * v.value;
-      if (C(D)) {
+      if (B(D)) {
         const [Te, Re] = D, Oe = (Te + Re) / 2;
         ve <= Oe ? (a.value = 0, F([ve, Re], !0)) : (a.value = 1, F([Te, ve], !0));
       } else
@@ -5003,37 +5003,37 @@ const rl = (e) => (ge("data-v-f4c52821"), e = e(), ye(), e), ki = {
       });
     }, z = () => {
       g.value = !1;
-    }, Y = (B) => {
-      t.disabled || (f.start(B), o = t.modelValue, C(o) ? s = o.map(S) : s = S(o), c.value = "start");
-    }, N = (B) => {
+    }, Y = (C) => {
+      t.disabled || (f.start(C), o = t.modelValue, B(o) ? s = o.map(S) : s = S(o), c.value = "start");
+    }, T = (C) => {
       if (t.disabled)
         return;
-      c.value === "start" && l("dragStart"), f.move(B), c.value = "draging", B.type.startsWith("touch") && (g.value = !0);
+      c.value === "start" && l("dragStart"), f.move(C), c.value = "draging", C.type.startsWith("touch") && (g.value = !0);
       const q = Rt(i);
       let D = f.deltaX.value, J = q.width, de = D / J * v.value;
-      t.vertical && (D = f.deltaY.value, J = q.height, de = D / J * v.value), C(s) ? o[a.value] = s[a.value] + de : o = s + de, F(o);
-    }, O = (B) => {
-      t.disabled || c.value === "draging" && (F(o, !0), l("dragEnd"), window.removeEventListener("mousemove", N), window.removeEventListener("touchmove", N), window.removeEventListener("mouseup", O), window.removeEventListener("touchend", O), B.type.startsWith("touch") && (g.value = !1), setTimeout(() => {
+      t.vertical && (D = f.deltaY.value, J = q.height, de = D / J * v.value), B(s) ? o[a.value] = s[a.value] + de : o = s + de, F(o);
+    }, O = (C) => {
+      t.disabled || c.value === "draging" && (F(o, !0), l("dragEnd"), window.removeEventListener("mousemove", T), window.removeEventListener("touchmove", T), window.removeEventListener("mouseup", O), window.removeEventListener("touchend", O), C.type.startsWith("touch") && (g.value = !1), setTimeout(() => {
         c.value = "";
       }));
-    }, X = (B, q) => {
-      t.disabled || (Y(B), window.addEventListener("mousemove", N), window.addEventListener("touchmove", N), window.addEventListener("mouseup", O), window.addEventListener("touchend", O));
-    }, ne = (B) => Array.isArray(t.modelValue) && typeof B == "number" ? t.modelValue[B] : Number(t.modelValue);
-    return (B, q) => (r(), d("div", {
-      class: V(w.value)
+    }, X = (C, q) => {
+      t.disabled || (Y(C), window.addEventListener("mousemove", T), window.addEventListener("touchmove", T), window.addEventListener("mouseup", O), window.addEventListener("touchend", O));
+    }, ne = (C) => Array.isArray(t.modelValue) && typeof C == "number" ? t.modelValue[C] : Number(t.modelValue);
+    return (C, q) => (r(), d("div", {
+      class: L(w.value)
     }, [
       e.hiddenRange ? R("", !0) : (r(), d("div", ki, H(+e.min), 1)),
       u("div", {
         ref_key: "root",
         ref: i,
-        style: M(x.value),
-        class: V(h.value),
+        style: M($.value),
+        class: L(h.value),
         onClick: Z(W, ["stop"])
       }, [
         m.value.length > 0 ? (r(), d("div", Si, [
           (r(!0), d(K, null, le(m.value, (D) => (r(), d("span", {
             key: D,
-            class: V($(D)),
+            class: L(k(D)),
             style: M(A(D))
           }, [
             ee(H(D) + " ", 1),
@@ -5045,12 +5045,12 @@ const rl = (e) => (ge("data-v-f4c52821"), e = e(), ye(), e), ki = {
         ])) : R("", !0),
         u("div", {
           class: "abl-range-bar",
-          style: M(T.value)
+          style: M(N.value)
         }, [
           e.range ? (r(), d(K, { key: 0 }, le([0, 1], (D) => u("div", {
             key: D,
             role: "slider",
-            class: V({ "abl-range-button-wrapper-left": D == 0, "abl-range-button-wrapper-right": D == 1 }),
+            class: L({ "abl-range-button-wrapper-left": D == 0, "abl-range-button-wrapper-right": D == 1 }),
             tabindex: e.disabled ? -1 : 0,
             "aria-valuemin": +e.min,
             "aria-valuenow": ne(D),
@@ -5067,14 +5067,14 @@ const rl = (e) => (ge("data-v-f4c52821"), e = e(), ye(), e), ki = {
               typeof D == "number" && (a.value = D), X(J);
             }
           }, [
-            B.$slots.button ? E(B.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {
+            C.$slots.button ? E(C.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {
               key: 1,
               class: "abl-range-button",
-              style: M(k.value)
+              style: M(x.value)
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === D && g.value }]])
+                class: L(["abl-handle-tooltip", [{ "display-tooltip": a.value === D && g.value }]])
               }, [
                 ee(H(ne(D)) + " ", 1),
                 Bi
@@ -5098,14 +5098,14 @@ const rl = (e) => (ge("data-v-f4c52821"), e = e(), ye(), e), ki = {
               X(D);
             })
           }, [
-            B.$slots.button ? E(B.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {
+            C.$slots.button ? E(C.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {
               key: 1,
               class: "abl-range-button",
-              style: M(k.value)
+              style: M(x.value)
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: V(["abl-handle-tooltip", [{ "display-tooltip": g.value }]])
+                class: L(["abl-handle-tooltip", [{ "display-tooltip": g.value }]])
               }, [
                 ee(H(ne()) + " ", 1),
                 Li
@@ -5193,12 +5193,12 @@ const Ri = { class: "abl-pagination-wrap" }, Ei = {
       }
     );
     const m = (h) => {
-      var w = [], x = Math.floor(t.pagerCount / 2), k = {
-        start: h - x,
-        end: h + x
+      var w = [], $ = Math.floor(t.pagerCount / 2), x = {
+        start: h - $,
+        end: h + $
       };
-      k.start < 1 && (k.end = k.end + (1 - k.start), k.start = 1), k.end > i.value && (k.start = k.start - (k.end - i.value), k.end = i.value), k.start < 1 && (k.start = 1), k.start > 1 ? s.value = !0 : s.value = !1, k.end < i.value ? o.value = !0 : o.value = !1;
-      for (let g = k.start; g <= k.end; g++)
+      x.start < 1 && (x.end = x.end + (1 - x.start), x.start = 1), x.end > i.value && (x.start = x.start - (x.end - i.value), x.end = i.value), x.start < 1 && (x.start = 1), x.start > 1 ? s.value = !0 : s.value = !1, x.end < i.value ? o.value = !0 : o.value = !1;
+      for (let g = x.start; g <= x.end; g++)
         w.push(g);
       return w;
     }, v = () => {
@@ -5211,13 +5211,13 @@ const Ri = { class: "abl-pagination-wrap" }, Ei = {
       a.value !== h && (a.value = h);
     };
     return (h, w) => (r(), d("div", {
-      class: V([`abl-pagination ${e.placement}`, { hidden: e.hideOnSinglePage && e.total <= e.pageSize, "no-border": !e.border }])
+      class: L([`abl-pagination ${e.placement}`, { hidden: e.hideOnSinglePage && e.total <= e.pageSize, "no-border": !e.border }])
     }, [
       u("div", Ri, [
         e.showTotal ? (r(), d("span", Ei, "total " + H(e.total) + " items", 1)) : R("", !0),
         u("div", {
-          class: V(["abl-pagination-item", { disabled: a.value === 1 }]),
-          onClick: w[0] || (w[0] = (x) => !se(l).itemRender && y(a.value - 1))
+          class: L(["abl-pagination-item", { disabled: a.value === 1 }]),
+          onClick: w[0] || (w[0] = ($) => !se(l).itemRender && y(a.value - 1))
         }, [
           E(h.$slots, "itemRender", {
             page: a.value === 1 ? 1 : a.value - 1,
@@ -5227,8 +5227,8 @@ const Ri = { class: "abl-pagination-wrap" }, Ei = {
           ])
         ], 2),
         u("div", {
-          class: V(["abl-pagination-item", { active: a.value === 1 }]),
-          onClick: w[1] || (w[1] = (x) => !se(l).itemRender && y(1))
+          class: L(["abl-pagination-item", { active: a.value === 1 }]),
+          onClick: w[1] || (w[1] = ($) => !se(l).itemRender && y(1))
         }, [
           E(h.$slots, "itemRender", {
             page: 1,
@@ -5244,16 +5244,16 @@ const Ri = { class: "abl-pagination-wrap" }, Ei = {
         }, Oi, 512), [
           [te, s.value && c.value[0] - 1 > 1]
         ]),
-        (r(!0), d(K, null, le(c.value, (x, k) => (r(), d("div", {
-          class: V(["abl-pagination-item", { active: a.value === x }]),
-          key: k,
-          onClick: (g) => !se(l).itemRender && y(x)
+        (r(!0), d(K, null, le(c.value, ($, x) => (r(), d("div", {
+          class: L(["abl-pagination-item", { active: a.value === $ }]),
+          key: x,
+          onClick: (g) => !se(l).itemRender && y($)
         }, [
           E(h.$slots, "itemRender", {
-            page: x,
+            page: $,
             type: "page"
           }, () => [
-            ee(H(x), 1)
+            ee(H($), 1)
           ])
         ], 10, Pi))), 128)),
         Q(u("div", {
@@ -5264,8 +5264,8 @@ const Ri = { class: "abl-pagination-wrap" }, Ei = {
           [te, o.value && c.value[c.value.length - 1] + 1 < i.value]
         ]),
         Q(u("div", {
-          class: V(["abl-pagination-item", { active: a.value === i.value }]),
-          onClick: w[2] || (w[2] = (x) => !se(l).itemRender && y(i.value))
+          class: L(["abl-pagination-item", { active: a.value === i.value }]),
+          onClick: w[2] || (w[2] = ($) => !se(l).itemRender && y(i.value))
         }, [
           E(h.$slots, "itemRender", {
             page: i.value,
@@ -5277,8 +5277,8 @@ const Ri = { class: "abl-pagination-wrap" }, Ei = {
           [te, i.value !== 1]
         ]),
         u("div", {
-          class: V(["abl-pagination-item", { disabled: a.value === i.value }]),
-          onClick: w[3] || (w[3] = (x) => !se(l).itemRender && y(a.value + 1))
+          class: L(["abl-pagination-item", { disabled: a.value === i.value }]),
+          onClick: w[3] || (w[3] = ($) => !se(l).itemRender && y(a.value + 1))
         }, [
           E(h.$slots, "itemRender", {
             page: i.value === a.value ? a.value : a.value + 1,
@@ -5397,7 +5397,7 @@ const Qi = { class: "abl-breadcrumb__item" }, er = {
       var o;
       return r(), d("span", Qi, [
         u("span", {
-          class: V(["abl-breadcrumb__inner", {
+          class: L(["abl-breadcrumb__inner", {
             "is-link": e.to
           }]),
           onClick: l
@@ -5444,7 +5444,7 @@ const ir = {
       class: "timeline-item"
     }, [
       u("div", {
-        class: V([a.value, "timeline-circle"])
+        class: L([a.value, "timeline-circle"])
       }, [
         E(s.$slots, "others", {}, void 0, !0)
       ], 2),
@@ -5497,11 +5497,11 @@ const pr = {
       type: String,
       default: "top"
     },
-    top: {
+    offsetTop: {
       type: [Number, String],
       default: 0
     },
-    bottom: {
+    offsetBottom: {
       type: [Number, String],
       default: 0
     },
@@ -5521,67 +5521,70 @@ const pr = {
       height: 0,
       width: 0,
       transform: 0
-    }), c = b(), f = P(() => l.position === "top" ? Number(l.top) : Number(l.bottom)), m = P(() => i.fixed ? { height: `${i.height}px` } : {}), v = P(() => i.fixed ? {
-      [l.position]: `${f.value}px`,
+    }), c = b(), f = b(null), m = P(() => l.position === "top" ? Number(l.offsetTop) : Number(l.offsetBottom)), v = P(() => i.fixed ? { height: `${i.height}px` } : {}), p = P(() => i.fixed ? {
+      [l.position]: `${m.value}px`,
       height: `${i.height}px`,
       width: `${i.width}px`,
       transform: i.transform ? `translate3d(0, ${i.transform}px, 0)` : void 0,
       zIndex: Number(l.zIndex)
-    } : {}), p = () => {
-      const w = l.container;
-      if (!s.value && !w)
-        return;
-      const x = rt(s), k = o.value, g = rt(k), C = rt(w);
-      if (i.height = x.height, i.width = x.width, l.position === "top")
-        if (w) {
-          i.fixed = f.value > x.top && C.bottom > 0;
-          const L = C.bottom - f.value - g.height;
-          i.transform = L < 0 ? L : 0;
-        } else
-          i.fixed = f.value > x.top, i.transform = 0;
-      else {
-        const L = document.documentElement.clientHeight;
-        if (w) {
-          i.fixed = C.bottom > 0 && L - f.value - g.height > C.top;
-          const I = C.bottom - (L - f.value);
-          i.transform = I < 0 ? I : 0;
-        } else
-          i.fixed = L - f.value < x.bottom, i.transform = 0;
-      }
+    } : {}), y = () => {
+      t && (f.value !== null && cancelAnimationFrame(f.value), f.value = requestAnimationFrame(() => {
+        const $ = l.container;
+        if (!s.value && !$)
+          return;
+        const x = rt(s), g = o.value, B = rt(g), I = rt($);
+        if (i.height = x.height, i.width = x.width, l.position === "top")
+          if ($) {
+            i.fixed = m.value > x.top && I.bottom > 0;
+            const V = I.bottom - m.value - B.height;
+            i.transform = V < 0 ? V : 0;
+          } else
+            i.fixed = m.value > x.top, i.transform = 0;
+        else {
+          const V = document.documentElement.clientHeight;
+          if ($) {
+            i.fixed = I.bottom > 0 && V - m.value - B.height > I.top;
+            const N = I.bottom - (V - m.value);
+            i.transform = N < 0 ? N : 0;
+          } else
+            i.fixed = V - m.value < x.bottom, i.transform = 0;
+        }
+        f.value = null;
+      }));
     };
     ae(
       () => i.fixed,
-      (w) => {
-        a("change", w);
+      ($) => {
+        a("change", $);
       }
     );
-    const y = () => {
-      c.value = fr(s.value), c.value && c.value.addEventListener("scroll", p, { passive: !0 });
-    }, h = () => {
-      c.value && (c.value.removeEventListener("scroll", p, { passive: !0 }), c.value = null);
+    const h = () => {
+      c.value = fr(s.value), c.value && c.value.addEventListener("scroll", y, { passive: !0 });
+    }, w = () => {
+      c.value && (c.value.removeEventListener("scroll", y, { passive: !0 }), c.value = null);
     };
     return he(() => {
-      t && y();
+      t && h();
     }), Je(() => {
-      h();
+      w(), f.value !== null && cancelAnimationFrame(f.value);
     }), ae(() => l.container, () => {
-      h(), y();
-    }), (w, x) => (r(), d("div", {
+      w(), h();
+    }), ($, x) => (r(), d("div", {
       ref_key: "rootRef",
       ref: s,
-      style: M(m.value)
+      style: M(v.value)
     }, [
       u("div", {
         ref_key: "stickyRef",
         ref: o,
-        class: V(["abl-sticky", i.fixed && "abl-sticky--fixed"]),
-        style: M(v.value)
+        class: L(["abl-sticky", i.fixed && "abl-sticky--fixed"]),
+        style: M(p.value)
       }, [
-        E(w.$slots, "default", {}, void 0, !0)
+        E($.$slots, "default", {}, void 0, !0)
       ], 6)
     ], 4));
   }
-}, vr = /* @__PURE__ */ G(pr, [["__scopeId", "data-v-b62df9ed"]]);
+}, vr = /* @__PURE__ */ G(pr, [["__scopeId", "data-v-a2834a24"]]);
 const mr = { class: "abl-tree-select" }, hr = { class: "abl-tree-select-tab" }, gr = ["onClick"], yr = {
   key: 0,
   class: "abl-tree-select__nav-item-dot"
@@ -5605,7 +5608,7 @@ const mr = { class: "abl-tree-select" }, hr = { class: "abl-tree-select-tab" },
     return (o, i) => (r(), d("div", mr, [
       u("div", hr, [
         (r(!0), d(K, null, le(l.items, (c, f) => (r(), d("div", {
-          class: V(["abl-tree-select__nav-item", f == a.value ? "active" : ""]),
+          class: L(["abl-tree-select__nav-item", f == a.value ? "active" : ""]),
           onClick: (m) => s(f)
         }, [
           ee(H(c.text) + " ", 1),