abl-ui 0.4.86 → 0.4.88

package/lib/abl-ui.es.js

@@ -120,30 +120,30 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "table-thead" }, I
   setup(e, { emit: n }) {
     const t = e, l = P(() => ({
       maxHeight: t.height ? t.height + "px" : ""
-    })), a = _(null), s = _();
+    })), a = _(), s = _();
     ye(async () => {
       a.value = bl(), await he();
-      const o = document.getElementById("tableBody" + a.value), f = document.getElementById("tableHead" + a.value);
+      const o = document.getElementById("tableBody" + a.value), d = document.getElementById("tableHead" + a.value);
       if (!o)
         return;
       (o == null ? void 0 : o.scrollHeight) > (o == null ? void 0 : o.clientHeight) && (s.value = {
         width: "calc(100% - 2px)"
       });
       let m = !1;
-      function v(d, y) {
-        m || (m = !0, y.scrollLeft = d == null ? void 0 : d.scrollLeft, m = !1);
+      function v(f, y) {
+        m || (m = !0, y.scrollLeft = f == null ? void 0 : f.scrollLeft, m = !1);
       }
-      o.addEventListener("scroll", () => v(o, f));
+      o.addEventListener("scroll", () => v(o, d)), d.addEventListener("scroll", () => v(d, o));
     });
     const i = (o) => {
-      let f = document.getElementsByClassName("table-fixed-column--left");
-      o.target.scrollLeft > 0 ? [...f].forEach((p) => {
+      let d = document.getElementsByClassName("table-fixed-column--left");
+      o.target.scrollLeft > 0 ? [...d].forEach((p) => {
         p.classList.add("box-shadow");
-      }) : [...f].forEach((p) => {
+      }) : [...d].forEach((p) => {
         p.classList.remove("box-shadow");
       });
     };
-    return (o, f) => (r(), u("section", null, [
+    return (o, d) => (r(), u("section", null, [
       c("div", Bl, [
         c("div", {
           class: V(["table__inner-wrapper", e.border ? "has-table-border" : ""]),
@@ -151,7 +151,7 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "table-thead" }, I
         }, [
           c("div", {
             class: "table__head",
-            id: "tableHead" + a.value
+            id: a.value ? "tableHead" + a.value : ""
           }, [
             c("table", {
               class: "gridtable",
@@ -181,7 +181,7 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "table-thead" }, I
           c("div", {
             style: R(l.value),
             class: "table__body",
-            id: "tableBody" + a.value,
+            id: a.value ? "tableBody" + a.value : "",
             onScroll: i
           }, [
             c("table", Al, [
@@ -197,8 +197,8 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "table-thead" }, I
                   key: m,
                   class: V([{ "tr-selected": p.selected, "tr-stripe": t.stripe && m % 2 == 0 }])
                 }, [
-                  (r(!0), u(K, null, ne(e.columns, (v, d) => (r(), u("td", {
-                    key: d,
+                  (r(!0), u(K, null, ne(e.columns, (v, f) => (r(), u("td", {
+                    key: f,
                     class: V(v.fixed == "left" ? "table-fixed-column--left" : v.fixed == "right" ? "table-fixed-column--right" : "")
                   }, [
                     c("div", {
@@ -228,7 +228,7 @@ const Bl = { class: "abl-table" }, Vl = ["id"], Ll = { class: "table-thead" }, I
       ])
     ]));
   }
-}, Ol = /* @__PURE__ */ Z(Ml, [["__scopeId", "data-v-fd2315e0"]]);
+}, Ol = /* @__PURE__ */ Z(Ml, [["__scopeId", "data-v-f6155d2a"]]);
 const Tl = { class: "abl-tabs" }, Pl = {
   class: "tabs-header-wrap",
   id: "tabs-header-wrap"
@@ -258,7 +258,7 @@ const Tl = { class: "abl-tabs" }, Pl = {
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: n }) {
     var k;
-    const t = n, l = De(), a = e, s = _({}), i = _(), o = _([]), f = _(), p = _(0), m = _(!1), v = _(!1), d = _(!0);
+    const t = n, l = De(), a = e, s = _({}), i = _(), o = _([]), d = _(), p = _(0), m = _(!1), v = _(!1), f = _(!0);
     (k = l.default()) == null || k.map(({ props: g, children: S }) => {
       if (g) {
         const { title: L, value: A, icon: O, afterIcon: $ } = g;
@@ -314,7 +314,7 @@ const Tl = { class: "abl-tabs" }, Pl = {
       const A = document.getElementById("tab-hidden");
       (A == null ? void 0 : A.scrollWidth) - 2 > (A == null ? void 0 : A.clientWidth) ? m.value = !0 : m.value = !1, A.addEventListener("scroll", function(O) {
         var $, I, b;
-        (($ = O.target) == null ? void 0 : $.scrollLeft) + ((I = O.target) == null ? void 0 : I.offsetWidth) >= ((b = O.target) == null ? void 0 : b.scrollWidth) - 1 && (d.value = !1, L.value = !0), O.target.scrollLeft == 0 && (d.value = !0, L.value = !1);
+        (($ = O.target) == null ? void 0 : $.scrollLeft) + ((I = O.target) == null ? void 0 : I.offsetWidth) >= ((b = O.target) == null ? void 0 : b.scrollWidth) - 1 && (f.value = !1, L.value = !0), O.target.scrollLeft == 0 && (f.value = !0, L.value = !1);
       });
     };
     return ae(() => a.modelValue, async () => {
@@ -368,7 +368,7 @@ const Tl = { class: "abl-tabs" }, Pl = {
             ], 4)) : N("", !0)
           ]),
           Q(c("i", {
-            class: V([d.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
+            class: V([f.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
             onClick: h
           }, null, 2), [
             [te, m.value]
@@ -376,7 +376,7 @@ const Tl = { class: "abl-tabs" }, Pl = {
         ]),
         c("main", {
           ref_key: "ref_main",
-          ref: f,
+          ref: d,
           class: "tab-content"
         }, [
           E(g.$slots, "default", {}, void 0, !0)
@@ -431,7 +431,7 @@ const Tl = { class: "abl-tabs" }, Pl = {
       "abl-switch-disabled": s.value,
       [`abl-switch-${i.value}`]: i.value
     }));
-    return (f, p) => (r(), u("div", {
+    return (d, p) => (r(), u("div", {
       class: V(["abl-switch", o.value]),
       onClick: a,
       style: R({ background: t.modelValue == t.activeValue ? e.activeColor : e.inactiveColor })
@@ -475,14 +475,14 @@ const Xl = {
       () => s.value ? a.modelValue : t.modelValue
     ), o = P(
       () => t.disabled ? t.disabled : a == null ? void 0 : a.disabled
-    ), f = P(() => t.size ? t.size : a == null ? void 0 : a.size), p = () => {
+    ), d = P(() => t.size ? t.size : a == null ? void 0 : a.size), p = () => {
       o.value || (s.value ? a.changeEvent(t.value) : (l("update:modelValue", t.value), l("change", t.value)));
     }, m = P(() => ({
       "is-checked": i.value === t.value,
       "is-disabled": o.value,
-      [`abl-radio-${f.value}`]: f.value
+      [`abl-radio-${d.value}`]: d.value
     }));
-    return (v, d) => (r(), u("div", {
+    return (v, f) => (r(), u("div", {
       class: V(["abl-radio", m.value]),
       onClick: p
     }, [
@@ -571,8 +571,8 @@ function st(e, n = 0, t = !1) {
     if (l || (l = i), i - l >= n) {
       try {
         e();
-      } catch (f) {
-        console.error("Error executing rafTimeout function:", f);
+      } catch (d) {
+        console.error("Error executing rafTimeout function:", d);
       }
       t && (l = i, s.id = requestAnimationFrame(a));
     } else
@@ -662,13 +662,13 @@ const Fe = (e) => (be("data-v-278b4efc"), e = e(), _e(), e), Ql = ["onMouseenter
   },
   emits: ["click", "close"],
   setup(e, { expose: n, emit: t }) {
-    const l = e, a = _(), s = _([]), i = _([]), o = _([]), f = _(null), p = t, m = _(), v = P(() => s.value.every((b) => !b));
+    const l = e, a = _(), s = _([]), i = _([]), o = _([]), d = _(null), p = t, m = _(), v = P(() => s.value.every((b) => !b));
     ae(v, (b, C) => {
       !C && b && (a.value = st(() => {
         o.value = [], s.value = [];
       }, 300));
     });
-    function d(b) {
+    function f(b) {
       i.value[b] && $t(i.value[b]);
     }
     function y(b) {
@@ -678,20 +678,20 @@ const Fe = (e) => (be("data-v-278b4efc"), e = e(), _e(), e), Ql = ["onMouseenter
       o.value[C].onClick && o.value[C].onClick(), p("click", b);
     }
     function w(b) {
-      f.value !== null && (i.value[b] = st(() => {
+      d.value !== null && (i.value[b] = st(() => {
         s.value[b] && (s.value[b] = !1, o.value[b].onClose && o.value[b].onClose(), p("close"));
-      }, f.value));
+      }, d.value));
     }
     function x(b) {
       const C = o.value.findIndex((H) => H.id === b), U = o.value.length - 1, W = o.value[U];
-      W.top !== void 0 ? m.value = typeof W.top == "number" ? `${W.top}px` : W.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, s.value[C] = !0, W.duration !== null ? (f.value = W.duration || l.duration, i.value[C] = st(() => {
+      W.top !== void 0 ? m.value = typeof W.top == "number" ? `${W.top}px` : W.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, s.value[C] = !0, W.duration !== null ? (d.value = W.duration || l.duration, i.value[C] = st(() => {
         s.value[C] = !1, o.value[C].onClose && o.value[C].onClose(), p("close");
-      }, 0)) : f.value = null;
+      }, 0)) : d.value = null;
     }
     function k() {
       a.value && $t(a.value);
       const b = o.value.length - 1, C = o.value[b];
-      C.top !== void 0 ? m.value = typeof C.top == "number" ? `${C.top}px` : C.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, s.value[b] = !0, C.duration !== null ? (f.value = C.duration || l.duration, w(b)) : f.value = null;
+      C.top !== void 0 ? m.value = typeof C.top == "number" ? `${C.top}px` : C.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, s.value[b] = !0, C.duration !== null ? (d.value = C.duration || l.duration, w(b)) : d.value = null;
     }
     const g = (b, C) => {
       let U;
@@ -754,7 +754,7 @@ const Fe = (e) => (be("data-v-278b4efc"), e = e(), _e(), e), Ql = ["onMouseenter
           }, [
             c("div", {
               class: V(["message-content-wrap", `icon-${U.mode}`]),
-              onMouseenter: (H) => d(W),
+              onMouseenter: (H) => f(W),
               onMouseleave: (H) => y(W),
               onClick: (H) => h(H, W)
             }, [
@@ -862,12 +862,12 @@ const bn = (e) => (be("data-v-ecdb2390"), e = e(), _e(), e), _n = { class: "abl-
   },
   emits: ["update:modelValue", "close", "confirm"],
   setup(e, { emit: n }) {
-    const t = n, l = Je(), a = (d) => {
-      l && (l.appContext.config.globalProperties.$lockCount = d || 0);
+    const t = n, l = Je(), a = (f) => {
+      l && (l.appContext.config.globalProperties.$lockCount = f || 0);
     }, s = e, i = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
-      const d = l.appContext.config.globalProperties.$lockCount || 0;
-      a(d + 1);
+      const f = l.appContext.config.globalProperties.$lockCount || 0;
+      a(f + 1);
     }, o = () => {
       l.appContext.config.globalProperties.$lockCount > 0 && a((l.appContext.config.globalProperties.$lockCount || 0) - 1), (l.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
@@ -878,14 +878,14 @@ const bn = (e) => (be("data-v-ecdb2390"), e = e(), _e(), e), _n = { class: "abl-
     }), Mt(() => {
       s.modelValue && i();
     }), P(() => s.disabled || s.appendTo === "self");
-    const f = P(() => [
+    const d = P(() => [
       s.direction == "left" ? { top: 0, left: 0, width: s.width, height: "100%", zIndex: s.zIndex + 2 } : s.direction == "top" ? { top: 0, left: 0, width: "100%", height: s.height, zIndex: s.zIndex + 2 } : s.direction == "right" ? { top: 0, right: 0, width: s.width, height: "100%", zIndex: s.zIndex + 2 } : s.direction == "bottom" ? { bottom: 0, left: 0, width: "100%", height: s.height, zIndex: s.zIndex + 2 } : {}
     ]), p = P(() => `slide-${s.direction}`), m = () => {
       s.maskClosable && v();
     }, v = () => {
       typeof s.beforeClose == "function" ? s.beforeClose() : (t("update:modelValue", !1), t("close"));
     };
-    return (d, y) => (r(), ie(Qe, { to: "body" }, [
+    return (f, y) => (r(), ie(Qe, { to: "body" }, [
       fe(ke, {
         name: "fade-popup",
         appear: ""
@@ -912,12 +912,12 @@ const bn = (e) => (be("data-v-ecdb2390"), e = e(), _e(), e), _n = { class: "abl-
           }, [
             c("div", {
               class: "abl-drawer-content-wrapper",
-              style: R(f.value)
+              style: R(d.value)
             }, [
               c("div", _n, [
                 c("div", wn, [
                   e.showHeader ? (r(), u("div", xn, [
-                    E(d.$slots, "header", {}, () => [
+                    E(f.$slots, "header", {}, () => [
                       c("div", $n, [
                         c("span", kn, F(e.title), 1)
                       ]),
@@ -929,14 +929,14 @@ const bn = (e) => (be("data-v-ecdb2390"), e = e(), _e(), e), _n = { class: "abl-
                     ], !0)
                   ])) : N("", !0),
                   c("div", Bn, [
-                    E(d.$slots, "default", {}, void 0, !0)
+                    E(f.$slots, "default", {}, void 0, !0)
                   ]),
-                  d.$slots.footer ? (r(), u("div", {
+                  f.$slots.footer ? (r(), u("div", {
                     key: 1,
                     class: "abl-drawer-footer",
                     style: R(e.footerStyle)
                   }, [
-                    E(d.$slots, "footer", {}, void 0, !0)
+                    E(f.$slots, "footer", {}, void 0, !0)
                   ], 4)) : N("", !0)
                 ])
               ])
@@ -1061,8 +1061,8 @@ const En = {
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
     const t = e, l = n, a = Le("checkboxGroupKey", void 0), s = P(() => !!a), i = P(
-      () => s.value ? f.value.indexOf(t.value) > -1 && !t.indeterminate : f.value && !t.indeterminate || t.checked
-    ), o = P(() => t.disabled || (a == null ? void 0 : a.disabled)), f = P(
+      () => s.value ? d.value.indexOf(t.value) > -1 && !t.indeterminate : d.value && !t.indeterminate || t.checked
+    ), o = P(() => t.disabled || (a == null ? void 0 : a.disabled)), d = P(
       () => s.value ? a.modelValue : t.modelValue
     ), p = P(() => ({
       "is-checked": i.value,
@@ -1071,15 +1071,15 @@ const En = {
       [`is-${t.size || a.size}`]: t.size || a.size
     })), m = () => {
       if (!o.value) {
-        let v = f.value;
+        let v = d.value;
         if (s.value) {
-          const d = v.indexOf(t.value);
-          d > -1 ? v.splice(d, 1) : v.push(t.value), v = [...v], a.changeEvent(v);
+          const f = v.indexOf(t.value);
+          f > -1 ? v.splice(f, 1) : v.push(t.value), v = [...v], a.changeEvent(v);
         } else
           l("update:modelValue", !v), l("change", !v);
       }
     };
-    return (v, d) => (r(), u("div", {
+    return (v, f) => (r(), u("div", {
       class: V(["abl-checkbox", p.value]),
       onClick: m
     }, [
@@ -1128,8 +1128,8 @@ const En = {
       })
     ), (s, i) => (r(), u("label", Nn, [
       E(s.$slots, "default", {}, () => [
-        (r(!0), u(K, null, ne(e.options, (o, f) => (r(), ie(Ft, {
-          key: f,
+        (r(!0), u(K, null, ne(e.options, (o, d) => (r(), ie(Ft, {
+          key: d,
           label: o.label,
           value: o.value,
           disabled: o.disabled,
@@ -1189,12 +1189,12 @@ const On = { class: "abl-dialog__header" }, Tn = { class: "abl-dialog__title" },
   },
   emits: ["update:modelValue", "onOverlayClick", "close"],
   setup(e, { emit: n }) {
-    const t = Je(), l = e, a = _(null), s = (d) => {
-      t && (t.appContext.config.globalProperties.$lockCount = d || 0);
+    const t = Je(), l = e, a = _(null), s = (f) => {
+      t && (t.appContext.config.globalProperties.$lockCount = f || 0);
     }, i = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
-      const d = t.appContext.config.globalProperties.$lockCount || 0;
-      s(d + 1);
+      const f = t.appContext.config.globalProperties.$lockCount || 0;
+      s(f + 1);
     }, o = () => {
       t.appContext.config.globalProperties.$lockCount > 0 && s((t.appContext.config.globalProperties.$lockCount || 0) - 1), (t.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
@@ -1205,15 +1205,15 @@ const On = { class: "abl-dialog__header" }, Tn = { class: "abl-dialog__title" },
     }), Mt(() => {
       l.modelValue && i();
     });
-    const f = n, p = () => {
-      l.beforeClose || (f("update:modelValue", !1), f("close"));
-    }, m = (d) => {
+    const d = n, p = () => {
+      l.beforeClose || (d("update:modelValue", !1), d("close"));
+    }, m = (f) => {
       var y;
-      l.maskClosable && ((y = a.value) != null && y.contains(d.target) || p()), f("onOverlayClick");
+      l.maskClosable && ((y = a.value) != null && y.contains(f.target) || p()), d("onOverlayClick");
     }, v = P(() => ({
       "is-align-center": l.alignCenter
     }));
-    return (d, y) => (r(), ie(Qe, { to: "body" }, [
+    return (f, y) => (r(), ie(Qe, { to: "body" }, [
       fe(ke, {
         name: "dialog-fade",
         appear: ""
@@ -1231,7 +1231,7 @@ const On = { class: "abl-dialog__header" }, Tn = { class: "abl-dialog__title" },
               ref_key: "root",
               ref: a
             }, [
-              E(d.$slots, "header", {}, () => [
+              E(f.$slots, "header", {}, () => [
                 c("header", On, [
                   c("span", Tn, F(e.title), 1),
                   e.showClose ? (r(), u("span", {
@@ -1242,10 +1242,10 @@ const On = { class: "abl-dialog__header" }, Tn = { class: "abl-dialog__title" },
                 ])
               ]),
               c("div", Pn, [
-                E(d.$slots, "default")
+                E(f.$slots, "default")
               ]),
-              d.$slots.footer ? (r(), u("div", Dn, [
-                E(d.$slots, "footer")
+              f.$slots.footer ? (r(), u("div", Dn, [
+                E(f.$slots, "footer")
               ])) : N("", !0)
             ], 6)
           ], 6)) : N("", !0)
@@ -1355,9 +1355,9 @@ function kt(e, n, t) {
     reference: l,
     floating: a
   } = e;
-  const s = et(n), i = mt(n), o = vt(i), f = Ae(n), p = s === "y", m = l.x + l.width / 2 - a.width / 2, v = l.y + l.height / 2 - a.height / 2, d = l[o] / 2 - a[o] / 2;
+  const s = et(n), i = mt(n), o = vt(i), d = Ae(n), p = s === "y", m = l.x + l.width / 2 - a.width / 2, v = l.y + l.height / 2 - a.height / 2, f = l[o] / 2 - a[o] / 2;
   let y;
-  switch (f) {
+  switch (d) {
     case "top":
       y = {
         x: m,
@@ -1390,10 +1390,10 @@ function kt(e, n, t) {
   }
   switch (We(n)) {
     case "start":
-      y[i] -= d * (t && p ? -1 : 1);
+      y[i] -= f * (t && p ? -1 : 1);
       break;
     case "end":
-      y[i] += d * (t && p ? -1 : 1);
+      y[i] += f * (t && p ? -1 : 1);
       break;
   }
   return y;
@@ -1404,7 +1404,7 @@ const Kn = async (e, n, t) => {
     strategy: a = "absolute",
     middleware: s = [],
     platform: i
-  } = t, o = s.filter(Boolean), f = await (i.isRTL == null ? void 0 : i.isRTL(n));
+  } = t, o = s.filter(Boolean), d = await (i.isRTL == null ? void 0 : i.isRTL(n));
   let p = await i.getElementRects({
     reference: e,
     floating: n,
@@ -1412,7 +1412,7 @@ const Kn = async (e, n, t) => {
   }), {
     x: m,
     y: v
-  } = kt(p, l, f), d = l, y = {}, h = 0;
+  } = kt(p, l, d), f = l, y = {}, h = 0;
   for (let w = 0; w < o.length; w++) {
     const {
       name: x,
@@ -1426,7 +1426,7 @@ const Kn = async (e, n, t) => {
       x: m,
       y: v,
       initialPlacement: l,
-      placement: d,
+      placement: f,
       strategy: a,
       middlewareData: y,
       rects: p,
@@ -1442,19 +1442,19 @@ const Kn = async (e, n, t) => {
         ...y[x],
         ...L
       }
-    }, A && h <= 50 && (h++, typeof A == "object" && (A.placement && (d = A.placement), A.rects && (p = A.rects === !0 ? await i.getElementRects({
+    }, A && h <= 50 && (h++, typeof A == "object" && (A.placement && (f = A.placement), A.rects && (p = A.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: n,
       strategy: a
     }) : A.rects), {
       x: m,
       y: v
-    } = kt(p, d, f)), w = -1);
+    } = kt(p, f, d)), w = -1);
   }
   return {
     x: m,
     y: v,
-    placement: d,
+    placement: f,
     strategy: a,
     middlewareData: y
   };
@@ -1468,18 +1468,18 @@ async function qt(e, n) {
     platform: s,
     rects: i,
     elements: o,
-    strategy: f
+    strategy: d
   } = e, {
     boundary: p = "clippingAncestors",
     rootBoundary: m = "viewport",
     elementContext: v = "floating",
-    altBoundary: d = !1,
+    altBoundary: f = !1,
     padding: y = 0
-  } = Ue(n, e), h = jt(y), x = o[d ? v === "floating" ? "reference" : "floating" : v], k = Ge(await s.getClippingRect({
+  } = Ue(n, e), h = jt(y), x = o[f ? 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(o.floating)),
     boundary: p,
     rootBoundary: m,
-    strategy: f
+    strategy: d
   })), g = v === "floating" ? {
     ...i.floating,
     x: l,
@@ -1494,7 +1494,7 @@ async function qt(e, n) {
     elements: o,
     rect: g,
     offsetParent: S,
-    strategy: f
+    strategy: d
   }) : g);
   return {
     top: (k.top - A.top + h.top) / L.y,
@@ -1514,22 +1514,22 @@ const Gn = (e) => ({
       rects: s,
       platform: i,
       elements: o,
-      middlewareData: f
+      middlewareData: d
     } = n, {
       element: p,
       padding: m = 0
     } = Ue(e, n) || {};
     if (p == null)
       return {};
-    const v = jt(m), d = {
+    const v = jt(m), f = {
       x: t,
       y: l
-    }, y = mt(a), h = vt(y), w = await i.getDimensions(p), x = y === "y", k = x ? "top" : "left", g = x ? "bottom" : "right", S = x ? "clientHeight" : "clientWidth", L = s.reference[h] + s.reference[y] - d[y] - s.floating[h], A = d[y] - s.reference[y], O = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(p));
+    }, y = mt(a), h = vt(y), w = await i.getDimensions(p), x = y === "y", k = x ? "top" : "left", g = x ? "bottom" : "right", S = x ? "clientHeight" : "clientWidth", L = s.reference[h] + s.reference[y] - f[y] - s.floating[h], A = f[y] - s.reference[y], O = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(p));
     let $ = O ? O[S] : 0;
     (!$ || !await (i.isElement == null ? void 0 : i.isElement(O))) && ($ = o.floating[S] || s.floating[h]);
-    const I = L / 2 - A / 2, b = $ / 2 - w[h] / 2 - 1, C = Ne(v[k], b), U = Ne(v[g], b), W = C, H = $ - w[h] - U, j = $ / 2 - w[h] / 2 + I, z = rt(W, j, H), Y = !f.arrow && We(a) != null && j !== z && s.reference[h] / 2 - (j < W ? C : U) - w[h] / 2 < 0, M = Y ? j < W ? j - W : j - H : 0;
+    const I = L / 2 - A / 2, b = $ / 2 - w[h] / 2 - 1, C = Ne(v[k], b), U = Ne(v[g], b), W = C, H = $ - w[h] - U, j = $ / 2 - w[h] / 2 + I, z = rt(W, j, H), Y = !d.arrow && We(a) != null && j !== z && s.reference[h] / 2 - (j < W ? C : U) - w[h] / 2 < 0, M = Y ? j < W ? j - W : j - H : 0;
     return {
-      [y]: d[y] + M,
+      [y]: f[y] + M,
       data: {
         [y]: z,
         centerOffset: j - z - M,
@@ -1551,12 +1551,12 @@ const Gn = (e) => ({
         middlewareData: s,
         rects: i,
         initialPlacement: o,
-        platform: f,
+        platform: d,
         elements: p
       } = n, {
         mainAxis: m = !0,
         crossAxis: v = !0,
-        fallbackPlacements: d,
+        fallbackPlacements: f,
         fallbackStrategy: y = "bestFit",
         fallbackAxisSideDirection: h = "none",
         flipAlignment: w = !0,
@@ -1564,8 +1564,8 @@ const Gn = (e) => ({
       } = Ue(e, n);
       if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const k = Ae(a), g = Ae(o) === o, S = await (f.isRTL == null ? void 0 : f.isRTL(p.floating)), L = d || (g || !w ? [Ke(o)] : jn(o));
-      !d && h !== "none" && L.push(...Yn(o, w, h, S));
+      const k = Ae(a), g = Ae(o) === o, S = await (d.isRTL == null ? void 0 : d.isRTL(p.floating)), L = f || (g || !w ? [Ke(o)] : jn(o));
+      !f && h !== "none" && L.push(...Yn(o, w, h, S));
       const A = [o, ...L], O = await qt(n, x), $ = [];
       let I = ((l = s.flip) == null ? void 0 : l.overflows) || [];
       if (m && $.push(O[k]), v) {
@@ -1617,9 +1617,9 @@ async function Zn(e, n) {
     placement: t,
     platform: l,
     elements: a
-  } = e, s = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), i = Ae(t), o = We(t), f = et(t) === "y", p = ["left", "top"].includes(i) ? -1 : 1, m = s && f ? -1 : 1, v = Ue(n, e);
+  } = e, s = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), i = Ae(t), o = We(t), d = et(t) === "y", p = ["left", "top"].includes(i) ? -1 : 1, m = s && d ? -1 : 1, v = Ue(n, e);
   let {
-    mainAxis: d,
+    mainAxis: f,
     crossAxis: y,
     alignmentAxis: h
   } = typeof v == "number" ? {
@@ -1632,11 +1632,11 @@ async function Zn(e, n) {
     alignmentAxis: null,
     ...v
   };
-  return o && typeof h == "number" && (y = o === "end" ? h * -1 : h), f ? {
+  return o && typeof h == "number" && (y = o === "end" ? h * -1 : h), d ? {
     x: y * m,
-    y: d * p
+    y: f * p
   } : {
-    x: d * p,
+    x: f * p,
     y: y * m
   };
 }
@@ -1651,12 +1651,12 @@ const Qn = function(e) {
         y: s,
         placement: i,
         middlewareData: o
-      } = n, f = await Zn(n, e);
+      } = n, d = await Zn(n, e);
       return i === ((t = o.offset) == null ? void 0 : t.placement) && (l = o.arrow) != null && l.alignmentOffset ? {} : {
-        x: a + f.x,
-        y: s + f.y,
+        x: a + d.x,
+        y: s + d.y,
         data: {
-          ...f,
+          ...d,
           placement: i
         }
       };
@@ -1686,14 +1686,14 @@ const Qn = function(e) {
             };
           }
         },
-        ...f
+        ...d
       } = Ue(e, n), p = {
         x: t,
         y: l
-      }, m = await qt(n, f), v = et(Ae(a)), d = Wt(v);
-      let y = p[d], h = p[v];
+      }, m = await qt(n, d), v = et(Ae(a)), f = Wt(v);
+      let y = p[f], h = p[v];
       if (s) {
-        const x = d === "y" ? "top" : "left", k = d === "y" ? "bottom" : "right", g = y + m[x], S = y - m[k];
+        const x = f === "y" ? "top" : "left", k = f === "y" ? "bottom" : "right", g = y + m[x], S = y - m[k];
         y = rt(g, y, S);
       }
       if (i) {
@@ -1702,7 +1702,7 @@ const Qn = function(e) {
       }
       const w = o.fn({
         ...n,
-        [d]: y,
+        [f]: y,
         [v]: h
       });
       return {
@@ -1848,19 +1848,19 @@ function ze(e, n, t, l) {
   let i = Se(1);
   n && (l ? ge(l) && (i = Ee(l)) : i = Ee(e));
   const o = aa(s, t, l) ? Gt(s) : Se(0);
-  let f = (a.left + o.x) / i.x, p = (a.top + o.y) / i.y, m = a.width / i.x, v = a.height / i.y;
+  let d = (a.left + o.x) / i.x, p = (a.top + o.y) / i.y, m = a.width / i.x, v = a.height / i.y;
   if (s) {
-    const d = ue(s), y = l && ge(l) ? ue(l) : l;
-    let h = d, w = h.frameElement;
+    const f = ue(s), y = l && ge(l) ? ue(l) : l;
+    let h = f, w = h.frameElement;
     for (; w && l && y !== h; ) {
       const x = Ee(w), k = w.getBoundingClientRect(), g = pe(w), S = k.left + (w.clientLeft + parseFloat(g.paddingLeft)) * x.x, L = k.top + (w.clientTop + parseFloat(g.paddingTop)) * x.y;
-      f *= x.x, p *= x.y, m *= x.x, v *= x.y, f += S, p += L, h = ue(w), w = h.frameElement;
+      d *= x.x, p *= x.y, m *= x.x, v *= x.y, d += S, p += L, h = ue(w), w = h.frameElement;
     }
   }
   return Ge({
     width: m,
     height: v,
-    x: f,
+    x: d,
     y: p
   });
 }
@@ -1884,20 +1884,20 @@ function sa(e) {
   const s = a === "fixed", i = we(l), o = n ? Jt(n.floating) : !1;
   if (l === i || o && s)
     return t;
-  let f = {
+  let d = {
     scrollLeft: 0,
     scrollTop: 0
   }, p = Se(1);
   const m = Se(0), v = me(l);
-  if ((v || !v && !s) && ((Ce(l) !== "body" || je(i)) && (f = lt(l)), me(l))) {
-    const d = ze(l);
-    p = Ee(l), m.x = d.x + l.clientLeft, m.y = d.y + l.clientTop;
+  if ((v || !v && !s) && ((Ce(l) !== "body" || je(i)) && (d = lt(l)), me(l))) {
+    const f = ze(l);
+    p = Ee(l), m.x = f.x + l.clientLeft, m.y = f.y + l.clientTop;
   }
   return {
     width: t.width * p.x,
     height: t.height * p.y,
-    x: t.x * p.x - f.scrollLeft * p.x + m.x,
-    y: t.y * p.y - f.scrollTop * p.y + m.y
+    x: t.x * p.x - d.scrollLeft * p.x + m.x,
+    y: t.y * p.y - d.scrollTop * p.y + m.y
   };
 }
 function ia(e) {
@@ -1919,25 +1919,25 @@ function ra(e) {
 }
 function ca(e, n) {
   const t = ue(e), l = we(e), a = t.visualViewport;
-  let s = l.clientWidth, i = l.clientHeight, o = 0, f = 0;
+  let s = l.clientWidth, i = l.clientHeight, o = 0, d = 0;
   if (a) {
     s = a.width, i = a.height;
     const p = gt();
-    (!p || p && n === "fixed") && (o = a.offsetLeft, f = a.offsetTop);
+    (!p || p && n === "fixed") && (o = a.offsetLeft, d = a.offsetTop);
   }
   return {
     width: s,
     height: i,
     x: o,
-    y: f
+    y: d
   };
 }
 function ua(e, n) {
-  const t = ze(e, !0, n === "fixed"), l = t.top + e.clientTop, a = t.left + e.clientLeft, s = me(e) ? Ee(e) : Se(1), i = e.clientWidth * s.x, o = e.clientHeight * s.y, f = a * s.x, p = l * s.y;
+  const t = ze(e, !0, n === "fixed"), l = t.top + e.clientTop, a = t.left + e.clientLeft, s = me(e) ? Ee(e) : Se(1), i = e.clientWidth * s.x, o = e.clientHeight * s.y, d = a * s.x, p = l * s.y;
   return {
     width: i,
     height: o,
-    x: f,
+    x: d,
     y: p
   };
 }
@@ -1971,8 +1971,8 @@ function da(e, n) {
   const s = pe(e).position === "fixed";
   let i = s ? Me(e) : e;
   for (; ge(i) && !tt(i); ) {
-    const o = pe(i), f = ht(i);
-    !f && o.position === "fixed" && (a = null), (s ? !f && !a : !f && o.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || je(i) && !f && Qt(e, i)) ? l = l.filter((m) => m !== i) : a = o, i = Me(i);
+    const o = pe(i), d = ht(i);
+    !d && o.position === "fixed" && (a = null), (s ? !d && !a : !d && o.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || je(i) && !d && Qt(e, i)) ? l = l.filter((m) => m !== i) : a = o, i = Me(i);
   }
   return n.set(e, l), l;
 }
@@ -1983,15 +1983,15 @@ function fa(e) {
     rootBoundary: l,
     strategy: a
   } = e;
-  const i = [...t === "clippingAncestors" ? da(n, this._c) : [].concat(t), l], o = i[0], f = i.reduce((p, m) => {
+  const i = [...t === "clippingAncestors" ? da(n, this._c) : [].concat(t), l], o = i[0], d = i.reduce((p, m) => {
     const v = Ct(n, m, a);
     return p.top = Ve(v.top, p.top), p.right = Ne(v.right, p.right), p.bottom = Ne(v.bottom, p.bottom), p.left = Ve(v.left, p.left), p;
   }, Ct(n, o, a));
   return {
-    width: f.right - f.left,
-    height: f.bottom - f.top,
-    x: f.left,
-    y: f.top
+    width: d.right - d.left,
+    height: d.bottom - d.top,
+    x: d.left,
+    y: d.top
   };
 }
 function pa(e) {
@@ -2010,14 +2010,14 @@ function va(e, n, t) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const f = Se(0);
+  const d = Se(0);
   if (l || !l && !s)
     if ((Ce(n) !== "body" || je(a)) && (o = lt(n)), l) {
       const v = ze(n, !0, s, n);
-      f.x = v.x + n.clientLeft, f.y = v.y + n.clientTop;
+      d.x = v.x + n.clientLeft, d.y = v.y + n.clientTop;
     } else
-      a && (f.x = Zt(a));
-  const p = i.left + o.scrollLeft - f.x, m = i.top + o.scrollTop - f.y;
+      a && (d.x = Zt(a));
+  const p = i.left + o.scrollLeft - d.x, m = i.top + o.scrollTop - d.y;
   return {
     x: p,
     y: m,
@@ -2070,24 +2070,24 @@ function ya(e, n) {
     var o;
     clearTimeout(l), (o = t) == null || o.disconnect(), t = null;
   }
-  function i(o, f) {
-    o === void 0 && (o = !1), f === void 0 && (f = 1), s();
+  function i(o, d) {
+    o === void 0 && (o = !1), d === void 0 && (d = 1), s();
     const {
       left: p,
       top: m,
       width: v,
-      height: d
+      height: f
     } = e.getBoundingClientRect();
-    if (o || n(), !v || !d)
+    if (o || n(), !v || !f)
       return;
-    const y = Ye(m), h = Ye(a.clientWidth - (p + v)), w = Ye(a.clientHeight - (m + d)), x = Ye(p), g = {
+    const y = Ye(m), h = Ye(a.clientWidth - (p + v)), w = Ye(a.clientHeight - (m + f)), x = Ye(p), g = {
       rootMargin: -y + "px " + -h + "px " + -w + "px " + -x + "px",
-      threshold: Ve(0, Ne(1, f)) || 1
+      threshold: Ve(0, Ne(1, d)) || 1
     };
     let S = !0;
     function L(A) {
       const O = A[0].intersectionRatio;
-      if (O !== f) {
+      if (O !== d) {
         if (!S)
           return i();
         O ? i(!1, O) : l = setTimeout(() => {
@@ -2116,7 +2116,7 @@ function ba(e, n, t, l) {
     ancestorResize: s = !0,
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: o = typeof IntersectionObserver == "function",
-    animationFrame: f = !1
+    animationFrame: d = !1
   } = l, p = yt(e), m = a || s ? [...p ? Pe(p) : [], ...Pe(n)] : [];
   m.forEach((k) => {
     a && k.addEventListener("scroll", t, {
@@ -2124,16 +2124,16 @@ function ba(e, n, t, l) {
     }), s && k.addEventListener("resize", t);
   });
   const v = p && o ? ya(p, t) : null;
-  let d = -1, y = null;
+  let f = -1, y = null;
   i && (y = new ResizeObserver((k) => {
     let [g] = k;
-    g && g.target === p && y && (y.unobserve(n), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+    g && g.target === p && y && (y.unobserve(n), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var S;
       (S = y) == null || S.observe(n);
     })), t();
-  }), p && !f && y.observe(p), y.observe(n));
-  let h, w = f ? ze(e) : null;
-  f && x();
+  }), p && !d && y.observe(p), y.observe(n));
+  let h, w = d ? ze(e) : null;
+  d && 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);
@@ -2142,7 +2142,7 @@ function ba(e, n, t, l) {
     var k;
     m.forEach((g) => {
       a && g.removeEventListener("scroll", t), s && g.removeEventListener("resize", t);
-    }), v == null || v(), (k = y) == null || k.disconnect(), y = null, f && cancelAnimationFrame(h);
+    }), v == null || v(), (k = y) == null || k.disconnect(), y = null, d && cancelAnimationFrame(h);
   };
 }
 const _a = ea, wa = Jn, xa = Gn, $a = (e, n, t) => {
@@ -2215,8 +2215,8 @@ const ka = ["data-side"], tl = {
       let z = l.showArrow ? 10 : 5;
       const Y = [_a(), wa(), Qn(z)];
       return l.showArrow && Y.push(xa({ element: a.value })), Y;
-    }), i = _(l.placement), o = _(l.strategy), f = _(l.hover), p = _("auto"), m = _(null), v = _(), d = _(), y = _(), h = _({}), w = {
-      x: d,
+    }), i = _(l.placement), o = _(l.strategy), d = _(l.hover), p = _("auto"), m = _(null), v = _(), f = _(), y = _(), h = _({}), w = {
+      x: f,
       y,
       placement: i,
       strategy: o,
@@ -2231,10 +2231,10 @@ const ka = ["data-side"], tl = {
       g.value && he(() => {
         g.value.addEventListener("click", I);
         const z = g.value.getBoundingClientRect();
-        l.widthAuto && (p.value = z != null && z.width ? (z == null ? void 0 : z.width) + "px" : "auto"), f.value && (g.value.addEventListener("mouseover", L, { capture: !0 }), g.value.addEventListener("mouseout", A, { capture: !0 }));
+        l.widthAuto && (p.value = z != null && z.width ? (z == null ? void 0 : z.width) + "px" : "auto"), d.value && (g.value.addEventListener("mouseover", L, { capture: !0 }), g.value.addEventListener("mouseout", A, { capture: !0 }));
       });
     }, $ = () => {
-      g.value && (g.value.removeEventListener("click", I), f.value && (g.value.removeEventListener("mouseover", L, { capture: !0 }), g.value.removeEventListener("mouseout", A, { capture: !0 })));
+      g.value && (g.value.removeEventListener("click", I), d.value && (g.value.removeEventListener("mouseover", L, { capture: !0 }), g.value.removeEventListener("mouseout", A, { capture: !0 })));
     };
     ye(() => {
       t.value = !0, O(), pt(() => {
@@ -2253,7 +2253,7 @@ const ka = ["data-side"], tl = {
       }, 0);
     }, b = () => {
       A(), document.removeEventListener("mousedown", b);
-    }, C = P(() => i.value.split("-")[0]), U = P(() => ({ left: d.value + "px", top: y.value + "px", zIndex: l.zIndex, width: p.value })), W = P(() => {
+    }, C = P(() => i.value.split("-")[0]), U = P(() => ({ left: f.value + "px", top: y.value + "px", zIndex: l.zIndex, width: p.value })), W = P(() => {
       if (!l.showArrow)
         return {};
       const { arrow: z } = se(h);
@@ -2430,20 +2430,20 @@ const ka = ["data-side"], tl = {
         type: String,
         default: ""
       }
-    }, i = fl(), o = _(), f = (y, h) => h.reduce((w, x) => (w[x] = y[x], w), {}), p = P(() => ({ ...i, ...f(t, Object.keys(s)) }));
+    }, i = fl(), o = _(), d = (y, h) => h.reduce((w, x) => (w[x] = y[x], w), {}), p = P(() => ({ ...i, ...d(t, Object.keys(s)) }));
     function m() {
       o.value.update();
     }
     function v() {
       o.value.onOpen();
     }
-    function d() {
+    function f() {
       o.value.close();
     }
     return n({
       update: m,
       open: v,
-      close: d
+      close: f
     }), (y, h) => (r(), ie(tl, xe({
       ref_key: "popperRef",
       ref: o,
@@ -2524,24 +2524,24 @@ const nt = (e) => (be("data-v-bc247383"), e = e(), _e(), e), Ca = ["onClick"], B
     const t = e, l = _(t.modelValue), a = _();
     ae(
       () => t.modelValue,
-      (d) => {
-        l.value = d;
+      (f) => {
+        l.value = f;
       }
     );
-    const s = n, i = (d) => {
-      a.value = null, d !== t.modelValue ? (s("change", d), s("update:modelValue", d)) : t.allowClear ? (a.value = d, s("change", 0), s("update:modelValue", 0)) : s("change", d);
-    }, o = (d) => {
-      l.value = d, s("hoverChange", d);
-    }, f = (d) => {
-      l.value = d, s("hoverChange", d);
+    const s = n, i = (f) => {
+      a.value = null, f !== t.modelValue ? (s("change", f), s("update:modelValue", f)) : t.allowClear ? (a.value = f, s("change", 0), s("update:modelValue", 0)) : s("change", f);
+    }, o = (f) => {
+      l.value = f, s("hoverChange", f);
+    }, d = (f) => {
+      l.value = f, s("hoverChange", f);
     }, p = () => {
       a.value = null;
     }, m = () => {
       l.value = t.modelValue;
-    }, v = (d) => {
-      d.preventDefault();
+    }, v = (f) => {
+      f.preventDefault();
     };
-    return (d, y) => (r(), u("div", {
+    return (f, y) => (r(), u("div", {
       class: V(["abl-rate", { disabled: e.readonly }]),
       style: R(`--color: ${e.color};`),
       onMouseleave: m
@@ -2580,7 +2580,7 @@ const nt = (e) => (be("data-v-bc247383"), e = e(), _e(), e), Ca = ["onClick"], B
             class: "action-star",
             style: R(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            E(d.$slots, "character", {}, () => [
+            E(f.$slots, "character", {}, () => [
               ee(F(e.character), 1)
             ], !0)
           ], 4))
@@ -2588,7 +2588,7 @@ const nt = (e) => (be("data-v-bc247383"), e = e(), _e(), e), Ca = ["onClick"], B
         c("div", {
           class: V(["abl-rate-star-second", { "temp-gray-second": a.value === h }]),
           onClick: J((w) => i(h), ["stop"]),
-          onMouseenter: (w) => f(h),
+          onMouseenter: (w) => d(h),
           onMouseleave: p
         }, [
           e.character === "star-filled" ? (r(), u("svg", {
@@ -2612,7 +2612,7 @@ const nt = (e) => (be("data-v-bc247383"), e = e(), _e(), e), Ca = ["onClick"], B
             class: "action-star",
             style: R(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            E(d.$slots, "character", {}, () => [
+            E(f.$slots, "character", {}, () => [
               ee(F(e.character), 1)
             ], !0)
           ], 4))
@@ -2652,7 +2652,7 @@ const Pa = {
         ...He(t),
         changeEvent: i
       })
-    ), $e("getChildIndex", a), (o, f) => (r(), u("div", {
+    ), $e("getChildIndex", a), (o, d) => (r(), u("div", {
       class: "abl-collapse__wrap",
       style: R({ background: e.background })
     }, [
@@ -2707,7 +2707,7 @@ const Ha = { class: "abl-collapse__title" }, Fa = { key: 0 }, Ua = { class: "ico
   setup(e, { emit: n }) {
     const t = _(), l = e, a = Le("getChildIndex"), s = a == null ? void 0 : a();
     _(null);
-    const i = Le("CollapseKey", void 0), o = P(() => i.modelValue), f = P(() => i.iconType), p = P(() => Array.isArray(o.value) ? o.value.includes(l.name) : o.value === l.name), m = _(p.value ? "auto" : "0px"), v = () => {
+    const i = Le("CollapseKey", void 0), o = P(() => i.modelValue), d = P(() => i.iconType), p = P(() => Array.isArray(o.value) ? o.value.includes(l.name) : o.value === l.name), m = _(p.value ? "auto" : "0px"), v = () => {
       if (p.value)
         if (Array.isArray(o.value)) {
           const h = o.value.filter((w) => w !== l.name);
@@ -2716,7 +2716,7 @@ const Ha = { class: "abl-collapse__title" }, Fa = { key: 0 }, Ua = { class: "ico
           i.changeEvent(null);
       else
         Array.isArray(o.value) ? i.changeEvent([...o.value, l.name]) : i.changeEvent(l.name);
-    }, d = () => {
+    }, f = () => {
       m.value = "0px", requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           var w;
@@ -2734,7 +2734,7 @@ const Ha = { class: "abl-collapse__title" }, Fa = { key: 0 }, Ua = { class: "ico
       });
     };
     return ae(p, (h) => {
-      h ? d() : y();
+      h ? f() : y();
     }), (h, w) => (r(), u("div", {
       class: V(["abl-collapse-item", p.value && "abl-collapse-item__expand", e.isBorder && se(s) > 1 && "abl-collapse-item__border"])
     }, [
@@ -2750,9 +2750,9 @@ const Ha = { class: "abl-collapse__title" }, Fa = { key: 0 }, Ua = { class: "ico
         ]),
         e.showArrow ? (r(), u("div", {
           key: 0,
-          class: V([{ "abl-collapse-item__arrow-close": !p.value, "abl-collapse-item__arrow-active": p.value, "abl-collapse-item__arrow-ani": e.animation, "abl-collapse-item__arrow-plus": f.value }, "abl-collapse-item__arrow"])
+          class: V([{ "abl-collapse-item__arrow-close": !p.value, "abl-collapse-item__arrow-active": p.value, "abl-collapse-item__arrow-ani": e.animation, "abl-collapse-item__arrow-plus": d.value }, "abl-collapse-item__arrow"])
         }, [
-          f.value === "plus" ? (r(), u("div", Fa, [
+          d.value === "plus" ? (r(), u("div", Fa, [
             c("span", Ua, F(p.value ? "" : ""), 1)
           ])) : (r(), u("div", {
             key: 1,
@@ -3027,7 +3027,7 @@ const ao = /* @__PURE__ */ c("div", {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = Je(), l = e, a = P(() => l.previewSrcList.length), s = _(Array(a.value).fill(!1)), i = _(l.initialIndex), o = _(1), f = _(0), p = _(0), m = _(0), v = _(0), d = _(0), y = n, h = (H) => {
+    const t = Je(), l = e, a = P(() => l.previewSrcList.length), s = _(Array(a.value).fill(!1)), i = _(l.initialIndex), o = _(1), d = _(0), p = _(0), m = _(0), v = _(0), f = _(0), y = n, h = (H) => {
       t && (t.appContext.config.globalProperties.$lockCount = H || 0);
     }, w = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
@@ -3067,19 +3067,19 @@ const ao = /* @__PURE__ */ c("div", {
     }, O = () => {
       o.value - l.zoomRate < l.minScale ? o.value = l.minScale : o.value = k(o.value, -l.zoomRate);
     }, $ = () => {
-      d.value -= 90;
+      f.value -= 90;
     }, I = () => {
-      d.value += 90;
+      f.value += 90;
     }, b = () => {
-      d.value = 0, o.value = 1, m.value = 0, v.value = 0;
+      f.value = 0, o.value = 1, m.value = 0, v.value = 0;
     }, C = (H) => {
       if (!l.drag)
         return;
       const j = H.target, { top: z, left: Y, right: M, bottom: T } = j.getBoundingClientRect(), X = document.documentElement.clientWidth, le = document.documentElement.clientHeight;
-      f.value = H.clientX, p.value = H.clientY;
+      d.value = H.clientX, p.value = H.clientY;
       const B = m.value, q = v.value;
       document.onmousemove = (D) => {
-        m.value = B + D.clientX - f.value, v.value = q + D.clientY - p.value;
+        m.value = B + D.clientX - d.value, v.value = q + D.clientY - p.value;
       }, document.onmouseup = (D) => {
         m.value > B + X - M && (m.value = B + X - M), m.value < B - Y && (m.value = B - Y), v.value > q + le - T && (v.value = q + le - T), v.value < q - z && (v.value = q - z), document.onmousemove = null;
       };
@@ -3124,7 +3124,7 @@ const ao = /* @__PURE__ */ c("div", {
                       alt: "",
                       title: "",
                       class: "abl-image-preview__img",
-                      style: R(`transform: scale3d(${o.value}, ${o.value}, 1) rotate(${d.value}deg);`),
+                      style: R(`transform: scale3d(${o.value}, ${o.value}, 1) rotate(${f.value}deg);`),
                       onLoad: (M) => g(Y),
                       onMousedown: j[0] || (j[0] = J((M) => C(M), ["prevent"])),
                       onClick: j[1] || (j[1] = J(() => {
@@ -3154,7 +3154,7 @@ const ao = /* @__PURE__ */ c("div", {
                     class: "abl-image-preview__img",
                     alt: "",
                     title: "",
-                    style: R(`transform: scale3d(${o.value}, ${o.value}, 1) rotate(${d.value}deg);`),
+                    style: R(`transform: scale3d(${o.value}, ${o.value}, 1) rotate(${f.value}deg);`),
                     onLoad: (M) => g(Y),
                     onMousedown: j[2] || (j[2] = J((M) => C(M), ["prevent"])),
                     onClick: j[3] || (j[3] = J(() => {
@@ -3271,10 +3271,10 @@ const Io = { class: "abl-image-wrap" }, Ao = ["src"], zo = ["src"], sl = {
     }, o = () => {
       var m;
       ((m = t.previewSrcList) == null ? void 0 : m.length) > 0 && (a.value = !0);
-    }, f = P(() => {
+    }, d = P(() => {
       const { previewSrcList: m, initialIndex: v } = t;
-      let d = v;
-      return v > m.length - 1 && (d = 0), d;
+      let f = v;
+      return v > m.length - 1 && (f = 0), f;
     }), p = {
       class: "abl-image-img",
       style: {
@@ -3308,8 +3308,8 @@ const Io = { class: "abl-image-wrap" }, Ao = ["src"], zo = ["src"], sl = {
       a.value ? (r(), ie(ol, {
         key: 0,
         modelValue: a.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (d) => a.value = d),
-        "initial-index": f.value,
+        "onUpdate:modelValue": v[0] || (v[0] = (f) => a.value = f),
+        "initial-index": d.value,
         "zoom-rate": e.zoomRate,
         "min-scale": e.minScale,
         "max-scale": e.maxScale,
@@ -3402,8 +3402,8 @@ const Ro = {
               key: 0,
               width: "40%"
             })) : N("", !0),
-            ((i = l.value) == null ? void 0 : i.length) > 0 ? (r(!0), u(K, { key: 1 }, ne(l.value, (o, f) => (r(), ie(ut, {
-              width: t(f)
+            ((i = l.value) == null ? void 0 : i.length) > 0 ? (r(!0), u(K, { key: 1 }, ne(l.value, (o, d) => (r(), ie(ut, {
+              width: t(d)
             }, null, 8, ["width"]))), 256)) : N("", !0)
           ])
         ], 64))
@@ -3525,7 +3525,7 @@ const Fo = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Uo = ["onClick"], W
         });
       }
     });
-    const o = _(), f = _(), p = _(!1), m = _(0), v = _(""), d = _(!1), y = (O) => typeof O == "number" ? O + "px" : O;
+    const o = _(), d = _(), p = _(!1), m = _(0), v = _(""), f = _(!1), y = (O) => typeof O == "number" ? O + "px" : O;
     ae(
       () => p.value,
       (O) => {
@@ -3540,19 +3540,19 @@ const Fo = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Uo = ["onClick"], W
       if (!i.value[$].disabled) {
         if ($ === v.value && s.closeOnClickSelf) {
           x(), setTimeout(() => {
-            f.value.children[$].style.display = "none";
+            d.value.children[$].style.display = "none";
           }, s.duration);
           return;
         }
-        d.value = !0, w($);
+        f.value = !0, w($);
       }
     }, w = async (O) => {
-      await k(), p.value = !0, v.value = O, Array.from(f.value.children).map(($, I) => {
-        I === O ? f.value.children[I].style.display = "block" : f.value.children[I].style.display = "none";
+      await k(), p.value = !0, v.value = O, Array.from(d.value.children).map(($, I) => {
+        I === O ? d.value.children[I].style.display = "block" : d.value.children[I].style.display = "none";
       }), t("open", v.value);
     }, x = () => {
       p.value = !1, v.value = 99999, setTimeout(() => {
-        d.value = !1;
+        f.value = !1;
       }, 300);
     }, k = () => {
       var I;
@@ -3567,7 +3567,7 @@ const Fo = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Uo = ["onClick"], W
       onClose: x,
       current: v
     }), L = Ho(() => {
-      d.value && x();
+      f.value && x();
     });
     return $e(Xo, S), ye(() => {
       k();
@@ -3631,7 +3631,7 @@ const Fo = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Uo = ["onClick"], W
               }, ["prevent"])),
               class: "abl-dropdown__content",
               ref_key: "childrenRef",
-              ref: f
+              ref: d
             }, [
               E(O.$slots, "default", {}, void 0, !0)
             ], 544), [
@@ -3641,7 +3641,7 @@ const Fo = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Uo = ["onClick"], W
           _: 3
         })
       ], 36), [
-        [te, d.value]
+        [te, f.value]
       ])
     ], 512));
   }
@@ -3697,11 +3697,11 @@ const Jo = (e) => (be("data-v-046e593c"), e = e(), _e(), e), Zo = ["active"], Qo
     const a = e, s = n, i = (o) => {
       t == null || t.onClose(), s("update:modelValue", o), s("change", o);
     };
-    return (o, f) => (r(), u("div", {
+    return (o, d) => (r(), u("div", {
       class: "abl-dropdown-item",
       onTouchmove: J(() => {
       }, ["prevent"]),
-      onClick: f[0] || (f[0] = J(() => {
+      onClick: d[0] || (d[0] = J(() => {
       }, ["stop"])),
       active: l.value
     }, [
@@ -3800,14 +3800,14 @@ const us = {
   },
   emits: ["update:modelValue", "focus", "blur", "clear"],
   setup(e, { expose: n, emit: t }) {
-    const l = e, a = t, s = _(), i = _(l.autofocus), o = _(!0), f = _(l.type), p = _(!1), m = P({
+    const l = e, a = t, s = _(), i = _(l.autofocus), o = _(!0), d = _(l.type), p = _(!1), m = P({
       get: () => l.modelValue,
       set: (g) => {
         a("update:modelValue", g);
       }
     }), v = () => {
       i.value = !0, p.value = l.clearable && m.value, a("focus");
-    }, d = () => {
+    }, f = () => {
       i.value = !1, a("blur"), setTimeout(() => {
         p.value = !1;
       }, 500);
@@ -3816,7 +3816,7 @@ const us = {
     }, h = () => {
       m.value = "", a("clear");
     }, w = () => {
-      l.type === "password" && (o.value = !o.value, o.value ? f.value = l.type : f.value = "text");
+      l.type === "password" && (o.value = !o.value, o.value ? d.value = l.type : d.value = "text");
     };
     function x() {
       p.value = l.clearable && m.value;
@@ -3858,13 +3858,13 @@ const us = {
           ref: s,
           "onUpdate:modelValue": S[0] || (S[0] = (L) => m.value = L),
           class: "abl-input__inner",
-          type: f.value,
+          type: d.value,
           placeholder: e.placeholder,
           autofocus: e.autofocus,
           readonly: e.readonly,
           disabled: e.disabled,
           onFocus: v,
-          onBlur: d
+          onBlur: f
         }, g.$attrs, {
           onInput: y,
           onKeyup: S[1] || (S[1] = (...L) => g.onKeyUp && g.onKeyUp(...L))
@@ -4059,7 +4059,7 @@ const bt = (e) => (be("data-v-f052f9f5"), e = e(), _e(), e), Vs = { class: "abl-
   },
   emits: ["update:fileList", "change", "remove"],
   setup(e, { emit: n }) {
-    const t = e, l = _([]), a = _(1), s = _(Array(t.maxCount).fill(!1)), i = _(), o = _(), f = _(!1), p = _("");
+    const t = e, l = _([]), a = _(1), s = _(Array(t.maxCount).fill(!1)), i = _(), o = _(), d = _(!1), p = _("");
     pt(() => {
       m();
     });
@@ -4069,8 +4069,8 @@ const bt = (e) => (be("data-v-f052f9f5"), e = e(), _e(), e), Vs = { class: "abl-
     const v = ($) => {
       const I = /\.(jpg|jpeg|png|gif|webp)$/i, b = /^data:image/;
       return I.test($) || b.test($);
-    }, d = ($) => {
-      f.value = !0, p.value = $;
+    }, f = ($) => {
+      d.value = !0, p.value = $;
     }, y = ($, I) => {
       var C;
       const b = (C = $.dataTransfer) == null ? void 0 : C.files;
@@ -4127,7 +4127,7 @@ const bt = (e) => (be("data-v-f052f9f5"), e = e(), _e(), e), Vs = { class: "abl-
         const b = l.value.slice(0, $).filter((C) => !v(t.isUrl ? C.url : C));
         o.value[$ - b.length].onPreview();
       } else
-        d(I);
+        f(I);
     }, A = ($) => {
       l.value.length < t.maxCount && a.value--;
       const I = l.value.splice($, 1);
@@ -4218,8 +4218,8 @@ const bt = (e) => (be("data-v-f052f9f5"), e = e(), _e(), e), Vs = { class: "abl-
         ])
       ]))), 128)),
       fe(Ut, {
-        modelValue: f.value,
-        "onUpdate:modelValue": I[3] || (I[3] = (b) => f.value = b),
+        modelValue: d.value,
+        "onUpdate:modelValue": I[3] || (I[3] = (b) => d.value = b),
         title: "",
         zIndex: 4001
       }, {
@@ -4317,12 +4317,12 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
   setup(e, { emit: n }) {
     const t = Je(), l = De(), a = P(() => !!(t != null && t.slots.ablname)), s = P(() => !!(t != null && t.slots.abloption)), i = e;
     let o = i != null && i.options ? i == null ? void 0 : i.options : [];
-    const f = n, p = Ie({
+    const d = n, p = Ie({
       effect: "light",
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), m = _(""), v = _(), d = _(null), y = _(""), h = _(), w = _(i.modelValue), x = _(!1), k = P(() => {
+    }), m = _(""), v = _(), f = _(null), y = _(""), h = _(), w = _(i.modelValue), x = _(!1), k = P(() => {
       var T;
       return { width: (((T = v.value) == null ? void 0 : T.getBoundingClientRect().width) || 0) + "px" };
     }), g = Ie({
@@ -4402,20 +4402,20 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
         h.value.close();
         return;
       }
-      S.value = !1, T.stopPropagation(), (le = d.value) == null || le.blur();
+      S.value = !1, T.stopPropagation(), (le = f.value) == null || le.blur();
       let X = null;
-      y.value = "blur", $.value[0] && $.value[0].value === M.value ? $.value.shift() : $.value[0] = M, X = M.value, f("update:modelValue", X), f("change", X, wt($.value)), h.value.close();
+      y.value = "blur", $.value[0] && $.value[0].value === M.value ? $.value.shift() : $.value[0] = M, X = M.value, d("update:modelValue", X), d("change", X, wt($.value)), h.value.close();
     };
     $e("handleSlotClick", W);
     const H = () => {
       var M;
-      (M = d.value) == null || M.focus(), !L.value && y.value === "focus" && $.value.length > 0 && ($.value.pop(), f("change", wt($.value)));
+      (M = f.value) == null || M.focus(), !L.value && y.value === "focus" && $.value.length > 0 && ($.value.pop(), d("change", wt($.value)));
     }, j = () => {
       x.value = !1, y.value = "blur", O.value = "";
     }, z = () => {
       g.list = o, x.value = !0;
     }, Y = () => {
-      f("update:modelValue", ""), f("change", ""), $.value.splice(0, $.value.length);
+      d("update:modelValue", ""), d("change", ""), $.value.splice(0, $.value.length);
     };
     return ae(
       S,
@@ -4439,7 +4439,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
     }, { immediate: !0, deep: !0 }), ye(() => {
       ae(y, (M) => {
         var T, X;
-        M === "focus" ? (T = d.value) == null || T.focus() : (X = d.value) == null || X.blur(), L.value = i.search && M === "focus" && S;
+        M === "focus" ? (T = f.value) == null || T.focus() : (X = f.value) == null || X.blur(), L.value = i.search && M === "focus" && S;
       }), document.body.addEventListener("click", () => {
         y.value = "blur";
       });
@@ -4524,7 +4524,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
                   type: "text",
                   class: V(["abl-select-input-focus", L.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
-                  ref: d,
+                  ref: f,
                   "onUpdate:modelValue": T[1] || (T[1] = (X) => O.value = X),
                   onFocus: T[2] || (T[2] = (X) => z()),
                   onInput: C,
@@ -4611,29 +4611,29 @@ const ai = {
     }
   },
   setup(e) {
-    const n = e, t = _(n.col), l = _(), a = _(), s = _(), i = _(), o = _([]), f = P(() => o.value.length);
+    const n = e, t = _(n.col), l = _(), a = _(), s = _(), i = _(), o = _([]), d = P(() => o.value.length);
     pt(() => {
-      l.value && (n.bordered ? a.value = Array.from(l.value.children).filter((d) => d.className === "abl-desc-item-bordered") : a.value = Array.from(l.value.children).filter((d) => d.className === "abl-desc-item"));
-    }, { flush: "post" }), ae(a, (d) => {
+      l.value && (n.bordered ? a.value = Array.from(l.value.children).filter((f) => f.className === "abl-desc-item-bordered") : a.value = Array.from(l.value.children).filter((f) => f.className === "abl-desc-item"));
+    }, { flush: "post" }), ae(a, (f) => {
       o.value = [], he(() => {
-        p(d, t.value);
+        p(f, t.value);
       });
-    }), ae(t, (d) => {
+    }), ae(t, (f) => {
       o.value = [], he(() => {
-        p(a.value, d);
+        p(a.value, f);
       });
     }), ye(() => {
     }), Pt(() => {
     });
-    function p(d, y) {
-      if (!d)
+    function p(f, y) {
+      if (!f)
         return;
-      const h = d.length;
+      const h = f.length;
       let w = [];
       for (let x = 0; x < h; x++) {
         const k = {
-          span: Math.min(d[x].dataset.span, y),
-          element: d[x]
+          span: Math.min(f[x].dataset.span, y),
+          element: f[x]
         };
         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 && o.value.push(w)) : (o.value.push(w), w = [k], x === h - 1 && (k.span = y, o.value.push(w)));
       }
@@ -4647,7 +4647,7 @@ const ai = {
           });
         });
       }) : he(() => {
-        d.forEach((x, k) => {
+        f.forEach((x, k) => {
           const g = Array.from(x.children), S = g[0];
           v(S, n.labelStyle), v(S, JSON.parse(x.dataset.labelStyle));
           const L = g[1];
@@ -4655,25 +4655,25 @@ const ai = {
         });
       });
     }
-    function m(d) {
-      return d.reduce((y, h) => y + h.span, 0);
+    function m(f) {
+      return f.reduce((y, h) => y + h.span, 0);
     }
-    function v(d, y) {
+    function v(f, y) {
       JSON.stringify(y) !== "{}" && Object.keys(y).forEach((h) => {
-        d.style[h] = y[h];
+        f.style[h] = y[h];
       });
     }
-    return (d, y) => (r(), u("div", {
+    return (f, y) => (r(), u("div", {
       class: V(["abl-desc", `desc-${e.size}`])
     }, [
-      e.title || d.$slots.title ? (r(), u("div", ai, [
+      e.title || f.$slots.title ? (r(), u("div", ai, [
         c("div", oi, [
-          E(d.$slots, "title", {}, () => [
+          E(f.$slots, "title", {}, () => [
             ee(F(e.title), 1)
           ], !0)
         ]),
         c("div", si, [
-          E(d.$slots, "extra", {}, () => [
+          E(f.$slots, "extra", {}, () => [
             ee(F(e.extra), 1)
           ], !0)
         ])
@@ -4682,7 +4682,7 @@ const ai = {
         ref_key: "view",
         ref: l
       }, [
-        E(d.$slots, "default", {}, void 0, !0)
+        E(f.$slots, "default", {}, void 0, !0)
       ], 512), [
         [te, !1]
       ]),
@@ -4691,7 +4691,7 @@ const ai = {
       }, [
         c("table", null, [
           e.bordered ? (r(), u("tbody", ci, [
-            f.value ? (r(!0), u(K, { key: 0 }, ne(f.value, (h) => (r(), u("tr", {
+            d.value ? (r(!0), u(K, { key: 0 }, ne(d.value, (h) => (r(), u("tr", {
               ref_for: !0,
               ref_key: "rows",
               ref: i,
@@ -4778,13 +4778,13 @@ function _i(e, n) {
   return e > n && e > At ? "horizontal" : n > e && n > At ? "vertical" : "";
 }
 function wi() {
-  const e = _(0), n = _(0), t = _(0), l = _(0), a = _(0), s = _(0), i = _(0), o = _(0), f = _(""), p = () => f.value === "vertical", m = () => f.value === "horizontal", v = () => {
-    a.value = 0, s.value = 0, i.value = 0, o.value = 0, f.value = "";
+  const e = _(0), n = _(0), t = _(0), l = _(0), a = _(0), s = _(0), i = _(0), o = _(0), d = _(""), p = () => d.value === "vertical", m = () => d.value === "horizontal", v = () => {
+    a.value = 0, s.value = 0, i.value = 0, o.value = 0, d.value = "";
   };
   return {
     move: (h) => {
       const w = h.type.startsWith("touch") ? h.touches[0] : h;
-      a.value = w.clientX - e.value, s.value = w.clientY - n.value, t.value = w.clientX, l.value = w.clientY, i.value = Math.abs(a.value), o.value = Math.abs(s.value), f.value || (f.value = _i(i.value, o.value));
+      a.value = w.clientX - e.value, s.value = w.clientY - n.value, t.value = w.clientX, l.value = w.clientY, i.value = Math.abs(a.value), o.value = Math.abs(s.value), d.value || (d.value = _i(i.value, o.value));
     },
     start: (h) => {
       v(), e.value = h.type.startsWith("touch") ? h.touches[0].clientX : h.clientX, n.value = h.type.startsWith("touch") ? h.touches[0].clientY : h.clientY;
@@ -4798,7 +4798,7 @@ function wi() {
     deltaY: s,
     offsetX: i,
     offsetY: o,
-    direction: f,
+    direction: d,
     isVertical: p,
     isHorizontal: m
   };
@@ -4898,12 +4898,12 @@ const cl = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
   setup(e, { emit: n }) {
     const t = e, l = n, a = _(0);
     let s, i;
-    const o = _(), f = _(), p = wi();
+    const o = _(), d = _(), p = wi();
     _(), _(), _([]);
     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);
-    }), v = P(() => Number(t.max) - Number(t.min)), d = _([]), y = _(), h = P(() => {
+    }), v = P(() => Number(t.max) - Number(t.min)), f = _([]), y = _(), h = P(() => {
       const B = "abl-range";
       return {
         [B]: !0,
@@ -4931,12 +4931,12 @@ const cl = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
       height: L(),
       top: A(),
       background: t.activeColor,
-      transition: f.value ? "none" : void 0
+      transition: d.value ? "none" : void 0
     } : {
       width: L(),
       left: A(),
       background: t.activeColor,
-      transition: f.value ? "none" : void 0
+      transition: d.value ? "none" : void 0
     }), $ = (B) => {
       const q = "abl-range-mark", { modelValue: D, max: G, min: de } = t;
       let ce = Number(de), ve = Number(G);
@@ -4974,7 +4974,7 @@ const cl = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
     }, U = (B, q) => JSON.stringify(B) === JSON.stringify(q), W = (B) => B[0] > B[1] ? B.slice(0).reverse() : B, H = (B, q) => {
       S(B) ? B = W(B).map(C) : B = C(B), U(B, t.modelValue) || l("update:modelValue", B), q && !U(B, s) && l("change", B);
     }, j = (B) => {
-      if (t.disabled || f.value === "draging")
+      if (t.disabled || d.value === "draging")
         return;
       g.value = !0;
       const { min: q, modelValue: D } = t, G = zt(o);
@@ -4992,17 +4992,17 @@ const cl = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
     }, z = () => {
       g.value = !1;
     }, Y = (B) => {
-      t.disabled || (p.start(B), i = t.modelValue, S(i) ? s = i.map(C) : s = C(i), f.value = "start");
+      t.disabled || (p.start(B), i = t.modelValue, S(i) ? s = i.map(C) : s = C(i), d.value = "start");
     }, M = (B) => {
       if (t.disabled)
         return;
-      f.value === "start" && l("dragStart"), p.move(B), f.value = "draging", B.type.startsWith("touch") && (g.value = !0);
+      d.value === "start" && l("dragStart"), p.move(B), d.value = "draging", B.type.startsWith("touch") && (g.value = !0);
       const q = zt(o);
       let D = p.deltaX.value, G = q.width, de = D / G * v.value;
       t.vertical && (D = p.deltaY.value, G = q.height, de = D / G * v.value), S(s) ? i[a.value] = s[a.value] + de : i = s + de, H(i);
     }, T = (B) => {
-      t.disabled || f.value === "draging" && (H(i, !0), l("dragEnd"), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", T), window.removeEventListener("touchend", T), B.type.startsWith("touch") && (g.value = !1), setTimeout(() => {
-        f.value = "";
+      t.disabled || d.value === "draging" && (H(i, !0), l("dragEnd"), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", T), window.removeEventListener("touchend", T), B.type.startsWith("touch") && (g.value = !1), setTimeout(() => {
+        d.value = "";
       }));
     }, X = (B, q) => {
       t.disabled || (Y(B), window.addEventListener("mousemove", M), window.addEventListener("touchmove", M), window.addEventListener("mouseup", T), window.addEventListener("touchend", T));
@@ -5046,7 +5046,7 @@ const cl = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
             "aria-orientation": "horizontal",
             ref_for: !0,
             ref: (G) => {
-              d.value[D] = G;
+              f.value[D] = G;
             },
             onTouchstartPassive: (G) => {
               typeof D == "number" && (a.value = D), X(G);
@@ -5169,7 +5169,7 @@ const zi = { class: "abl-pagination-wrap" }, Ri = {
   },
   emits: ["change", "jump", "update:current"],
   setup(e, { emit: n }) {
-    const t = e, l = De(), a = _(t.current), s = _(!1), i = _(!1), o = P(() => Math.ceil(t.total / t.pageSize)), f = P(() => m(a.value).filter(
+    const t = e, l = De(), a = _(t.current), s = _(!1), i = _(!1), o = P(() => Math.ceil(t.total / t.pageSize)), d = P(() => m(a.value).filter(
       (h) => h !== 1 && h !== o.value
     )), p = n;
     ae(a, (h) => {
@@ -5191,7 +5191,7 @@ const zi = { class: "abl-pagination-wrap" }, Ri = {
       return w;
     }, v = () => {
       a.value = a.value - t.pagerCount > 0 ? a.value - t.pagerCount : 1, l.itemRender && p("jump", a.value);
-    }, d = () => {
+    }, f = () => {
       a.value = a.value + t.pagerCount < o.value ? a.value + t.pagerCount : o.value, l.itemRender && p("jump", a.value);
     }, y = (h) => {
       if (h === 0 || h === o.value + 1)
@@ -5230,9 +5230,9 @@ const zi = { class: "abl-pagination-wrap" }, Ri = {
           ref: "forward",
           onClick: v
         }, Oi, 512), [
-          [te, s.value && f.value[0] - 1 > 1]
+          [te, s.value && d.value[0] - 1 > 1]
         ]),
-        (r(!0), u(K, null, ne(f.value, (x, k) => (r(), u("div", {
+        (r(!0), u(K, null, ne(d.value, (x, k) => (r(), u("div", {
           class: V(["abl-pagination-item", { active: a.value === x }]),
           key: k,
           onClick: (g) => !se(l).itemRender && y(x)
@@ -5247,9 +5247,9 @@ const zi = { class: "abl-pagination-wrap" }, Ri = {
         Q(c("div", {
           class: "m-arrow",
           ref: "backward",
-          onClick: d
+          onClick: f
         }, Hi, 512), [
-          [te, i.value && f.value[f.value.length - 1] + 1 < o.value]
+          [te, i.value && d.value[d.value.length - 1] + 1 < o.value]
         ]),
         Q(c("div", {
           class: V(["abl-pagination-item", { active: a.value === o.value }]),
@@ -5299,8 +5299,8 @@ const Wi = { class: "abl-search" }, ji = { class: "abl-search__wrapper" }, qi =
   setup(e, { emit: n }) {
     const t = n, l = e, a = P({
       get: () => l.modelValue,
-      set: (f) => {
-        t("update:modelValue", f);
+      set: (d) => {
+        t("update:modelValue", d);
       }
     }), s = () => {
       a.value = "";
@@ -5309,7 +5309,7 @@ const Wi = { class: "abl-search" }, ji = { class: "abl-search__wrapper" }, qi =
     }, o = () => {
       t("cancel");
     };
-    return (f, p) => (r(), u("div", Wi, [
+    return (d, p) => (r(), u("div", Wi, [
       c("div", ji, [
         c("i", {
           class: "iconfont-abl icon-abl-sousuo",
@@ -5509,34 +5509,34 @@ const dr = {
       height: 0,
       width: 0,
       transform: 0
-    }), f = P(() => l.position === "top" ? Number(l.top) : Number(l.bottom)), p = P(() => o.fixed ? { height: `${o.height}px` } : {}), m = P(() => o.fixed ? {
-      [l.position]: `${f.value}px`,
+    }), d = P(() => l.position === "top" ? Number(l.top) : Number(l.bottom)), p = P(() => o.fixed ? { height: `${o.height}px` } : {}), m = P(() => o.fixed ? {
+      [l.position]: `${d.value}px`,
       height: `${o.height}px`,
       width: `${o.width}px`,
       transform: o.transform ? `translate3d(0, ${o.transform}px, 0)` : void 0,
       zIndex: Number(l.zIndex)
     } : {}), v = () => {
-      const d = l.container;
-      if (!s.value && !d)
+      const f = l.container;
+      if (!s.value && !f)
         return;
-      const y = it(s), h = i.value, w = it(h), x = it(d);
+      const y = it(s), h = i.value, w = it(h), x = it(f);
       o.height = y.height, o.width = y.width;
       const k = () => {
         let S = !1;
         if (l.position === "top")
-          S = d ? f.value > y.top && x.bottom > 0 : f.value > y.top;
+          S = f ? d.value > y.top && x.bottom > 0 : d.value > y.top;
         else {
           const L = document.documentElement.clientHeight;
-          S = d ? x.bottom > 0 && L - f.value - w.height > x.top : L - f.value < y.bottom;
+          S = f ? x.bottom > 0 && L - d.value - w.height > x.top : L - d.value < y.bottom;
         }
         return S;
       }, g = () => {
-        if (d)
+        if (f)
           if (l.position === "top") {
-            const S = x.bottom - f.value - w.height;
+            const S = x.bottom - d.value - w.height;
             return S < 0 ? S : 0;
           } else {
-            const S = document.documentElement.clientHeight, L = x.bottom - (S - f.value);
+            const S = document.documentElement.clientHeight, L = x.bottom - (S - d.value);
             return L < 0 ? L : 0;
           }
         return 0;
@@ -5545,19 +5545,19 @@ const dr = {
     };
     return ae(
       () => o.fixed,
-      (d) => {
-        a("change", d);
+      (f) => {
+        a("change", f);
       }
     ), ye(() => {
       if (t) {
         v();
-        const d = Rt(s.value);
-        d == null || d.addEventListener("scroll", v, !0);
+        const f = Rt(s.value);
+        f == null || f.addEventListener("scroll", v, !0);
       }
     }), Pt(() => {
-      const d = Rt(s.value);
-      d == null || d.removeEventListener("scroll", v);
-    }), (d, y) => (r(), u("div", {
+      const f = Rt(s.value);
+      f == null || f.removeEventListener("scroll", v);
+    }), (f, y) => (r(), u("div", {
       ref_key: "rootRef",
       ref: s,
       style: R(p.value)
@@ -5568,7 +5568,7 @@ const dr = {
         class: V(["abl-sticky", o.fixed && "abl-sticky--fixed"]),
         style: R(m.value)
       }, [
-        E(d.$slots, "default", {}, void 0, !0)
+        E(f.$slots, "default", {}, void 0, !0)
       ], 6)
     ], 4));
   }