abl-ui 0.4.30 → 0.4.31

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as c, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as r, normalizeClass as z, createTextVNode as Q, toDisplayString as H, createCommentVNode as I, createStaticVNode as Lt, Fragment as K, renderList as ae, createVNode as de, useSlots as Ke, ref as w, provide as xe, onMounted as Ne, watch as ne, withDirectives as Z, vShow as te, defineComponent as zt, toRefs as Te, computed as D, inject as Be, reactive as Ie, unref as se, createBlock as oe, TransitionGroup as al, withCtx as ie, resolveDynamicComponent as ct, pushScopeId as ge, popScopeId as ye, createApp as nl, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as rt, onBeforeMount as At, Teleport as Ze, Transition as me, withModifiers as J, watchEffect as ut, nextTick as _e, mergeProps as we, useAttrs as ol, createSlots as sl, vModelDynamic as il, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as cl } from "vue";
+import { openBlock as c, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as r, normalizeClass as z, createTextVNode as Q, toDisplayString as H, createCommentVNode as I, createStaticVNode as Lt, Fragment as K, renderList as ae, createVNode as de, useSlots as Ke, ref as w, provide as xe, onMounted as Ne, watch as ne, withDirectives as Z, vShow as te, defineComponent as zt, toRefs as Te, computed as D, inject as Be, reactive as Ie, unref as se, createBlock as oe, TransitionGroup as al, withCtx as ie, resolveDynamicComponent as ct, pushScopeId as ge, popScopeId as ye, createApp as nl, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as rt, onBeforeMount as At, Teleport as Ze, Transition as me, watchEffect as ut, nextTick as _e, mergeProps as we, withModifiers as J, useAttrs as ol, createSlots as sl, vModelDynamic as il, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as cl } from "vue";
 const ee = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
@@ -174,7 +174,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: a }) {
     var b;
-    const t = a, l = Ke(), n = e, i = w({}), o = w(), s = w([]), d = w(), f = w(0), h = w(!1), p = w(!1), v = w(!0);
+    const t = a, l = Ke(), n = e, i = w({}), o = w(), s = w([]), d = w(), f = w(0), h = w(!1), v = w(!1), p = w(!0);
     (b = l.default()) == null || b.map(({ props: y, children: V }) => {
       if (y) {
         const { title: B, value: k, icon: x, afterIcon: $ } = y;
@@ -230,7 +230,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
       const k = document.getElementById("tab-hidden");
       (k == null ? void 0 : k.scrollWidth) - 2 > (k == null ? void 0 : k.clientWidth) ? h.value = !0 : h.value = !1, k.addEventListener("scroll", function(x) {
         var $, T, L;
-        (($ = x.target) == null ? void 0 : $.scrollLeft) + ((T = x.target) == null ? void 0 : T.offsetWidth) >= ((L = x.target) == null ? void 0 : L.scrollWidth) - 1 && (v.value = !1, B.value = !0), x.target.scrollLeft == 0 && (v.value = !0, B.value = !1);
+        (($ = x.target) == null ? void 0 : $.scrollLeft) + ((T = x.target) == null ? void 0 : T.offsetWidth) >= ((L = x.target) == null ? void 0 : L.scrollWidth) - 1 && (p.value = !1, B.value = !0), x.target.scrollLeft == 0 && (p.value = !0, B.value = !1);
       });
     };
     return ne(() => n.modelValue, async () => {
@@ -242,7 +242,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
       return c(), u("div", Cl, [
         r("div", Sl, [
           Z(r("i", {
-            class: z([p.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
+            class: z([v.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
             onClick: _
           }, null, 2), [
             [te, h.value]
@@ -284,7 +284,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
             ], 4)) : I("", !0)
           ]),
           Z(r("i", {
-            class: z([v.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
+            class: z([p.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
             onClick: m
           }, null, 2), [
             [te, h.value]
@@ -398,7 +398,7 @@ const Nl = {
       "is-disabled": s.value,
       [`abl-radio-${d.value}`]: d.value
     }));
-    return (p, v) => (c(), u("div", {
+    return (v, p) => (c(), u("div", {
       class: z(["abl-radio", h.value]),
       onClick: f
     }, [
@@ -408,7 +408,7 @@ const Nl = {
       r("span", {
         class: z(["abl-radio-label", h.value])
       }, [
-        R(p.$slots, "default", {}, () => [
+        R(v.$slots, "default", {}, () => [
           Q(H(e.label), 1)
         ])
       ], 2)
@@ -578,13 +578,13 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
   },
   emits: ["click", "close"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = w(), i = w([]), o = w([]), s = w([]), d = w(null), f = t, h = w(), p = D(() => i.value.every((L) => !L));
-    ne(p, (L, N) => {
+    const l = e, n = w(), i = w([]), o = w([]), s = w([]), d = w(null), f = t, h = w(), v = D(() => i.value.every((L) => !L));
+    ne(v, (L, N) => {
       !N && L && (n.value = nt(() => {
         s.value = [], i.value = [];
       }, 300));
     });
-    function v(L) {
+    function p(L) {
       o.value[L] && bt(o.value[L]);
     }
     function g(L) {
@@ -670,7 +670,7 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
           }, [
             r("div", {
               class: z(["message-content-wrap", `icon-${Y.mode}`]),
-              onMouseenter: (F) => v(U),
+              onMouseenter: (F) => p(U),
               onMouseleave: (F) => g(U),
               onClick: (F) => m(F, U)
             }, [
@@ -778,12 +778,12 @@ const oa = (e) => (ge("data-v-6c927dff"), e = e(), ye(), e), sa = { class: "abl-
   },
   emits: ["update:modelValue", "close", "confirm"],
   setup(e, { emit: a }) {
-    const t = a, l = Ge(), n = (v) => {
-      l && (l.appContext.config.globalProperties.$lockCount = v || 0);
+    const t = a, l = Ge(), n = (p) => {
+      l && (l.appContext.config.globalProperties.$lockCount = p || 0);
     }, i = e, o = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
-      const v = l.appContext.config.globalProperties.$lockCount || 0;
-      n(v + 1);
+      const p = l.appContext.config.globalProperties.$lockCount || 0;
+      n(p + 1);
     }, s = () => {
       l.appContext.config.globalProperties.$lockCount > 0 && n((l.appContext.config.globalProperties.$lockCount || 0) - 1), (l.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
@@ -797,11 +797,11 @@ const oa = (e) => (ge("data-v-6c927dff"), e = e(), ye(), e), sa = { class: "abl-
     const d = D(() => [
       i.direction == "left" ? { top: 0, left: 0, width: i.width, height: "100%", zIndex: i.zIndex + 2 } : i.direction == "top" ? { top: 0, left: 0, width: "100%", height: i.height, zIndex: i.zIndex + 2 } : i.direction == "right" ? { top: 0, right: 0, width: i.width, height: "100%", zIndex: i.zIndex + 2 } : i.direction == "bottom" ? { bottom: 0, left: 0, width: "100%", height: i.height, zIndex: i.zIndex + 2 } : {}
     ]), f = D(() => `slide-${i.direction}`), h = () => {
-      i.maskClosable && p();
-    }, p = () => {
+      i.maskClosable && v();
+    }, v = () => {
       typeof i.beforeClose == "function" ? i.beforeClose() : (t("update:modelValue", !1), t("close"));
     };
-    return (v, g) => (c(), oe(Ze, { to: "body" }, [
+    return (p, g) => (c(), oe(Ze, { to: "body" }, [
       de(me, {
         name: "fade-popup",
         appear: ""
@@ -833,26 +833,26 @@ const oa = (e) => (ge("data-v-6c927dff"), e = e(), ye(), e), sa = { class: "abl-
               r("div", sa, [
                 r("div", ia, [
                   e.showHeader ? (c(), u("div", ca, [
-                    R(v.$slots, "header", {}, () => [
+                    R(p.$slots, "header", {}, () => [
                       r("div", ra, [
                         r("span", ua, H(e.title), 1)
                       ]),
                       r("div", {
                         class: "abl-drawer-close-btn",
-                        onClick: p,
+                        onClick: v,
                         type: "button"
                       }, fa)
                     ], !0)
                   ])) : I("", !0),
                   r("div", pa, [
-                    R(v.$slots, "default", {}, void 0, !0)
+                    R(p.$slots, "default", {}, void 0, !0)
                   ]),
-                  v.$slots.footer ? (c(), u("div", {
+                  p.$slots.footer ? (c(), u("div", {
                     key: 1,
                     class: "abl-drawer-footer",
                     style: E(e.footerStyle)
                   }, [
-                    R(v.$slots, "footer", {}, void 0, !0)
+                    R(p.$slots, "footer", {}, void 0, !0)
                   ], 4)) : I("", !0)
                 ])
               ])
@@ -987,15 +987,15 @@ const _a = {
       [`is-${t.size || n.size}`]: t.size || n.size
     })), h = () => {
       if (!s.value) {
-        let p = d.value;
+        let v = d.value;
         if (i.value) {
-          const v = p.indexOf(t.value);
-          v > -1 ? p.splice(v, 1) : p.push(t.value), p = [...p], n.changeEvent(p);
+          const p = v.indexOf(t.value);
+          p > -1 ? v.splice(p, 1) : v.push(t.value), v = [...v], n.changeEvent(v);
         } else
-          l("update:modelValue", !p), l("change", !p);
+          l("update:modelValue", !v), l("change", !v);
       }
     };
-    return (p, v) => (c(), u("div", {
+    return (v, p) => (c(), u("div", {
       class: z(["abl-checkbox", f.value]),
       onClick: h
     }, [
@@ -1005,7 +1005,7 @@ const _a = {
       r("span", {
         class: z(["abl-checkbox-label", f.value])
       }, [
-        R(p.$slots, "default", {}, () => [
+        R(v.$slots, "default", {}, () => [
           Q(H(e.label), 1)
         ], !0)
       ], 2)
@@ -1105,30 +1105,30 @@ const $a = { class: "abl-dialog__header" }, ka = { class: "abl-dialog__title" },
   },
   emits: ["update:modelValue", "onOverlayClick", "close"],
   setup(e, { emit: a }) {
-    const t = Ge(), l = e, n = (p) => {
+    const t = Ge(), l = e, n = w(null), i = (p) => {
       t && (t.appContext.config.globalProperties.$lockCount = p || 0);
-    }, i = () => {
+    }, o = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
       const p = t.appContext.config.globalProperties.$lockCount || 0;
-      n(p + 1);
-    }, o = () => {
-      t.appContext.config.globalProperties.$lockCount > 0 && n((t.appContext.config.globalProperties.$lockCount || 0) - 1), (t.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
+      i(p + 1);
+    }, s = () => {
+      t.appContext.config.globalProperties.$lockCount > 0 && i((t.appContext.config.globalProperties.$lockCount || 0) - 1), (t.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
     Je(() => {
-      l.modelValue && o();
+      l.modelValue && s();
     }), rt(() => {
-      l.modelValue ? i() : o();
+      l.modelValue ? o() : s();
     }), At(() => {
-      l.modelValue && i();
+      l.modelValue && o();
     });
-    const s = a, d = () => {
-      l.beforeClose || (s("update:modelValue", !1), s("close"));
-    }, f = () => {
-      l.maskClosable && d(), s("onOverlayClick");
-    }, h = D(() => ({
+    const d = a, f = () => {
+      l.beforeClose || (d("update:modelValue", !1), d("close"));
+    }, h = (p) => {
+      l.maskClosable && (n.value.contains(p.target) || f()), d("onOverlayClick");
+    }, v = D(() => ({
       "is-align-center": l.alignCenter
     }));
-    return (p, v) => (c(), oe(Ze, { to: "body" }, [
+    return (p, g) => (c(), oe(Ze, { to: "body" }, [
       de(me, {
         name: "dialog-fade",
         appear: ""
@@ -1136,15 +1136,15 @@ const $a = { class: "abl-dialog__header" }, ka = { class: "abl-dialog__title" },
         default: ie(() => [
           e.modelValue ? (c(), u("div", {
             key: 0,
-            class: z(["abl-dialog-overlay", h.value, l.class]),
-            onClick: f,
+            class: z(["abl-dialog-overlay", v.value, l.class]),
+            onClick: h,
             style: E({ zIndex: e.zIndex })
           }, [
             r("div", {
-              class: z(["abl-dialog", e.customClass, h.value]),
-              onClick: v[0] || (v[0] = J(() => {
-              }, ["stop"])),
-              style: E({ width: e.width, zIndex: e.zIndex + 1 })
+              class: z(["abl-dialog", e.customClass, v.value]),
+              style: E({ width: e.width, zIndex: e.zIndex + 1 }),
+              ref_key: "root",
+              ref: n
             }, [
               R(p.$slots, "header", {}, () => [
                 r("header", $a, [
@@ -1152,7 +1152,7 @@ const $a = { class: "abl-dialog__header" }, ka = { class: "abl-dialog__title" },
                   e.showClose ? (c(), u("i", {
                     key: 0,
                     class: "iconfont-abl icon-abl-close close-icon",
-                    onClick: d
+                    onClick: f
                   })) : I("", !0)
                 ])
               ]),
@@ -1270,7 +1270,7 @@ function _t(e, a, t) {
     reference: l,
     floating: n
   } = e;
-  const i = Qe(a), o = ft(a), s = dt(o), d = Ve(a), f = i === "y", h = l.x + l.width / 2 - n.width / 2, p = l.y + l.height / 2 - n.height / 2, v = l[s] / 2 - n[s] / 2;
+  const i = Qe(a), o = ft(a), s = dt(o), d = Ve(a), f = i === "y", h = l.x + l.width / 2 - n.width / 2, v = l.y + l.height / 2 - n.height / 2, p = l[s] / 2 - n[s] / 2;
   let g;
   switch (d) {
     case "top":
@@ -1288,13 +1288,13 @@ function _t(e, a, t) {
     case "right":
       g = {
         x: l.x + l.width,
-        y: p
+        y: v
       };
       break;
     case "left":
       g = {
         x: l.x - n.width,
-        y: p
+        y: v
       };
       break;
     default:
@@ -1305,10 +1305,10 @@ function _t(e, a, t) {
   }
   switch (He(a)) {
     case "start":
-      g[o] -= v * (t && f ? -1 : 1);
+      g[o] -= p * (t && f ? -1 : 1);
       break;
     case "end":
-      g[o] += v * (t && f ? -1 : 1);
+      g[o] += p * (t && f ? -1 : 1);
       break;
   }
   return g;
@@ -1326,8 +1326,8 @@ const Ea = async (e, a, t) => {
     strategy: n
   }), {
     x: h,
-    y: p
-  } = _t(f, l, d), v = l, g = {}, m = 0;
+    y: v
+  } = _t(f, l, d), p = l, g = {}, m = 0;
   for (let _ = 0; _ < s.length; _++) {
     const {
       name: C,
@@ -1339,9 +1339,9 @@ const Ea = async (e, a, t) => {
       reset: k
     } = await b({
       x: h,
-      y: p,
+      y: v,
       initialPlacement: l,
-      placement: v,
+      placement: p,
       strategy: n,
       middlewareData: g,
       rects: f,
@@ -1351,25 +1351,25 @@ const Ea = async (e, a, t) => {
         floating: a
       }
     });
-    h = y ?? h, p = V ?? p, g = {
+    h = y ?? h, v = V ?? v, g = {
       ...g,
       [C]: {
         ...g[C],
         ...B
       }
-    }, k && m <= 50 && (m++, typeof k == "object" && (k.placement && (v = k.placement), k.rects && (f = k.rects === !0 ? await o.getElementRects({
+    }, k && m <= 50 && (m++, typeof k == "object" && (k.placement && (p = k.placement), k.rects && (f = k.rects === !0 ? await o.getElementRects({
       reference: e,
       floating: a,
       strategy: n
     }) : k.rects), {
       x: h,
-      y: p
-    } = _t(f, v, d)), _ = -1);
+      y: v
+    } = _t(f, p, d)), _ = -1);
   }
   return {
     x: h,
-    y: p,
-    placement: v,
+    y: v,
+    placement: p,
     strategy: n,
     middlewareData: g
   };
@@ -1387,15 +1387,15 @@ async function Tt(e, a) {
   } = e, {
     boundary: f = "clippingAncestors",
     rootBoundary: h = "viewport",
-    elementContext: p = "floating",
-    altBoundary: v = !1,
+    elementContext: v = "floating",
+    altBoundary: p = !1,
     padding: g = 0
-  } = Fe(a, e), m = Pt(g), C = s[v ? p === "floating" ? "reference" : "floating" : p], b = Ye(await i.getClippingRect({
+  } = Fe(a, e), m = Pt(g), C = s[p ? v === "floating" ? "reference" : "floating" : v], b = Ye(await i.getClippingRect({
     element: (t = await (i.isElement == null ? void 0 : i.isElement(C))) == null || t ? C : C.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
     boundary: f,
     rootBoundary: h,
     strategy: d
-  })), y = p === "floating" ? {
+  })), y = v === "floating" ? {
     ...o.floating,
     x: l,
     y: n
@@ -1436,15 +1436,15 @@ const Oa = (e) => ({
     } = Fe(e, a) || {};
     if (f == null)
       return {};
-    const p = Pt(h), v = {
+    const v = Pt(h), p = {
       x: t,
       y: l
-    }, g = ft(n), m = dt(g), _ = await o.getDimensions(f), C = g === "y", b = C ? "top" : "left", y = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", B = i.reference[m] + i.reference[g] - v[g] - i.floating[m], k = v[g] - i.reference[g], x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
+    }, g = ft(n), m = dt(g), _ = await o.getDimensions(f), C = g === "y", b = C ? "top" : "left", y = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", B = i.reference[m] + i.reference[g] - p[g] - i.floating[m], k = p[g] - i.reference[g], x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let $ = x ? x[V] : 0;
     (!$ || !await (o.isElement == null ? void 0 : o.isElement(x))) && ($ = s.floating[V] || i.floating[m]);
-    const T = B / 2 - k / 2, L = $ / 2 - _[m] / 2 - 1, N = Re(p[b], L), Y = Re(p[y], L), U = N, F = $ - _[m] - Y, W = $ / 2 - _[m] / 2 + T, A = ot(U, W, F), X = !d.arrow && He(n) != null && W !== A && i.reference[m] / 2 - (W < U ? N : Y) - _[m] / 2 < 0, M = X ? W < U ? W - U : W - F : 0;
+    const T = B / 2 - k / 2, L = $ / 2 - _[m] / 2 - 1, N = Re(v[b], L), Y = Re(v[y], L), U = N, F = $ - _[m] - Y, W = $ / 2 - _[m] / 2 + T, A = ot(U, W, F), X = !d.arrow && He(n) != null && W !== A && i.reference[m] / 2 - (W < U ? N : Y) - _[m] / 2 < 0, M = X ? W < U ? W - U : W - F : 0;
     return {
-      [g]: v[g] + M,
+      [g]: p[g] + M,
       data: {
         [g]: A,
         centerOffset: W - A - M,
@@ -1470,8 +1470,8 @@ const Oa = (e) => ({
         elements: f
       } = a, {
         mainAxis: h = !0,
-        crossAxis: p = !0,
-        fallbackPlacements: v,
+        crossAxis: v = !0,
+        fallbackPlacements: p,
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: m = "none",
         flipAlignment: _ = !0,
@@ -1479,11 +1479,11 @@ const Oa = (e) => ({
       } = Fe(e, a);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const b = Ve(n), y = Ve(s) === s, V = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), B = v || (y || !_ ? [Xe(s)] : Ia(s));
-      !v && m !== "none" && B.push(...Ma(s, _, m, V));
+      const b = Ve(n), y = Ve(s) === s, V = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), B = p || (y || !_ ? [Xe(s)] : Ia(s));
+      !p && m !== "none" && B.push(...Ma(s, _, m, V));
       const k = [s, ...B], x = await Tt(a, C), $ = [];
       let T = ((l = i.flip) == null ? void 0 : l.overflows) || [];
-      if (h && $.push(x[b]), p) {
+      if (h && $.push(x[b]), v) {
         const U = Aa(n, o, V);
         $.push(x[U[0]], x[U[1]]);
       }
@@ -1532,26 +1532,26 @@ async function Ta(e, a) {
     placement: t,
     platform: l,
     elements: n
-  } = e, i = await (l.isRTL == null ? void 0 : l.isRTL(n.floating)), o = Ve(t), s = He(t), d = Qe(t) === "y", f = ["left", "top"].includes(o) ? -1 : 1, h = i && d ? -1 : 1, p = Fe(a, e);
+  } = e, i = await (l.isRTL == null ? void 0 : l.isRTL(n.floating)), o = Ve(t), s = He(t), d = Qe(t) === "y", f = ["left", "top"].includes(o) ? -1 : 1, h = i && d ? -1 : 1, v = Fe(a, e);
   let {
-    mainAxis: v,
+    mainAxis: p,
     crossAxis: g,
     alignmentAxis: m
-  } = typeof p == "number" ? {
-    mainAxis: p,
+  } = typeof v == "number" ? {
+    mainAxis: v,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...p
+    ...v
   };
   return s && typeof m == "number" && (g = s === "end" ? m * -1 : m), d ? {
     x: g * h,
-    y: v * f
+    y: p * f
   } : {
-    x: v * f,
+    x: p * f,
     y: g * h
   };
 }
@@ -1605,20 +1605,20 @@ const Da = function(e) {
       } = Fe(e, a), f = {
         x: t,
         y: l
-      }, h = await Tt(a, d), p = Qe(Ve(n)), v = Ot(p);
-      let g = f[v], m = f[p];
+      }, h = await Tt(a, d), v = Qe(Ve(n)), p = Ot(v);
+      let g = f[p], m = f[v];
       if (i) {
-        const C = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", y = g + h[C], V = g - h[b];
+        const C = p === "y" ? "top" : "left", b = p === "y" ? "bottom" : "right", y = g + h[C], V = g - h[b];
         g = ot(y, g, V);
       }
       if (o) {
-        const C = p === "y" ? "top" : "left", b = p === "y" ? "bottom" : "right", y = m + h[C], V = m - h[b];
+        const C = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", y = m + h[C], V = m - h[b];
         m = ot(y, m, V);
       }
       const _ = s.fn({
         ...a,
-        [v]: g,
-        [p]: m
+        [p]: g,
+        [v]: m
       });
       return {
         ..._,
@@ -1763,18 +1763,18 @@ function Le(e, a, t, l) {
   let o = $e(1);
   a && (l ? he(l) && (o = Ae(l)) : o = Ae(e));
   const s = qa(i, t, l) ? Wt(i) : $e(0);
-  let d = (n.left + s.x) / o.x, f = (n.top + s.y) / o.y, h = n.width / o.x, p = n.height / o.y;
+  let d = (n.left + s.x) / o.x, f = (n.top + s.y) / o.y, h = n.width / o.x, v = n.height / o.y;
   if (i) {
-    const v = re(i), g = l && he(l) ? re(l) : l;
-    let m = v, _ = m.frameElement;
+    const p = re(i), g = l && he(l) ? re(l) : l;
+    let m = p, _ = m.frameElement;
     for (; _ && l && g !== m; ) {
       const C = Ae(_), b = _.getBoundingClientRect(), y = fe(_), V = b.left + (_.clientLeft + parseFloat(y.paddingLeft)) * C.x, B = b.top + (_.clientTop + parseFloat(y.paddingTop)) * C.y;
-      d *= C.x, f *= C.y, h *= C.x, p *= C.y, d += V, f += B, m = re(_), _ = m.frameElement;
+      d *= C.x, f *= C.y, h *= C.x, v *= C.y, d += V, f += B, m = re(_), _ = m.frameElement;
     }
   }
   return Ye({
     width: h,
-    height: p,
+    height: v,
     x: d,
     y: f
   });
@@ -1803,10 +1803,10 @@ function Xa(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, f = $e(1);
-  const h = $e(0), p = ve(l);
-  if ((p || !p && !i) && ((ke(l) !== "body" || We(o)) && (d = tt(l)), ve(l))) {
-    const v = Le(l);
-    f = Ae(l), h.x = v.x + l.clientLeft, h.y = v.y + l.clientTop;
+  const h = $e(0), v = ve(l);
+  if ((v || !v && !i) && ((ke(l) !== "body" || We(o)) && (d = tt(l)), ve(l))) {
+    const p = Le(l);
+    f = Ae(l), h.x = p.x + l.clientLeft, h.y = p.y + l.clientTop;
   }
   return {
     width: t.width * f.x,
@@ -1899,8 +1899,8 @@ function Qa(e) {
     strategy: n
   } = e;
   const o = [...t === "clippingAncestors" ? Za(a, this._c) : [].concat(t), l], s = o[0], d = o.reduce((f, h) => {
-    const p = xt(a, h, n);
-    return f.top = Se(p.top, f.top), f.right = Re(p.right, f.right), f.bottom = Re(p.bottom, f.bottom), f.left = Se(p.left, f.left), f;
+    const v = xt(a, h, n);
+    return f.top = Se(v.top, f.top), f.right = Re(v.right, f.right), f.bottom = Re(v.bottom, f.bottom), f.left = Se(v.left, f.left), f;
   }, xt(a, s, n));
   return {
     width: d.right - d.left,
@@ -1928,8 +1928,8 @@ function tn(e, a, t) {
   const d = $e(0);
   if (l || !l && !i)
     if ((ke(a) !== "body" || We(n)) && (s = tt(a)), l) {
-      const p = Le(a, !0, i, a);
-      d.x = p.x + a.clientLeft, d.y = p.y + a.clientTop;
+      const v = Le(a, !0, i, a);
+      d.x = v.x + a.clientLeft, d.y = v.y + a.clientTop;
     } else
       n && (d.x = qt(n));
   const f = o.left + s.scrollLeft - d.x, h = o.top + s.scrollTop - d.y;
@@ -1990,12 +1990,12 @@ function on(e, a) {
     const {
       left: f,
       top: h,
-      width: p,
-      height: v
+      width: v,
+      height: p
     } = e.getBoundingClientRect();
-    if (s || a(), !p || !v)
+    if (s || a(), !v || !p)
       return;
-    const g = qe(h), m = qe(n.clientWidth - (f + p)), _ = qe(n.clientHeight - (h + v)), C = qe(f), y = {
+    const g = qe(h), m = qe(n.clientWidth - (f + v)), _ = qe(n.clientHeight - (h + p)), C = qe(f), y = {
       rootMargin: -g + "px " + -m + "px " + -_ + "px " + -C + "px",
       threshold: Se(0, Re(1, d)) || 1
     };
@@ -2038,11 +2038,11 @@ function sn(e, a, t, l) {
       passive: !0
     }), i && b.addEventListener("resize", t);
   });
-  const p = f && s ? on(f, t) : null;
-  let v = -1, g = null;
+  const v = f && s ? on(f, t) : null;
+  let p = -1, g = null;
   o && (g = new ResizeObserver((b) => {
     let [y] = b;
-    y && y.target === f && g && (g.unobserve(a), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+    y && y.target === f && g && (g.unobserve(a), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       var V;
       (V = g) == null || V.observe(a);
     })), t();
@@ -2057,7 +2057,7 @@ function sn(e, a, t, l) {
     var b;
     h.forEach((y) => {
       n && y.removeEventListener("scroll", t), i && y.removeEventListener("resize", t);
-    }), p == null || p(), (b = g) == null || b.disconnect(), g = null, d && cancelAnimationFrame(m);
+    }), v == null || v(), (b = g) == null || b.disconnect(), g = null, d && cancelAnimationFrame(m);
   };
 }
 const cn = Fa, rn = Pa, un = Oa, dn = (e, a, t) => {
@@ -2129,8 +2129,8 @@ const fn = ["data-side"], Yt = {
     const t = w(!1), l = e, n = w(), i = D(() => {
       const A = [cn(), rn(), Da(10)];
       return l.showArrow && A.push(un({ element: n.value })), A;
-    }), o = w(l.placement), s = w(l.strategy), d = w(l.hover), f = w("auto"), h = w(null), p = w(), v = w(), g = w(), m = w({}), _ = {
-      x: v,
+    }), o = w(l.placement), s = w(l.strategy), d = w(l.hover), f = w("auto"), h = w(null), v = w(), p = w(), g = w(), m = w({}), _ = {
+      x: p,
       y: g,
       placement: o,
       strategy: s,
@@ -2167,7 +2167,7 @@ const fn = ["data-side"], Yt = {
       }, 0);
     }, L = () => {
       k(), document.removeEventListener("mousedown", L);
-    }, N = D(() => o.value.split("-")[0]), Y = D(() => ({ left: v.value + "px", top: g.value + "px", zIndex: l.zIndex, width: f.value })), U = D(() => {
+    }, N = D(() => o.value.split("-")[0]), Y = D(() => ({ left: p.value + "px", top: g.value + "px", zIndex: l.zIndex, width: f.value })), U = D(() => {
       if (!l.showArrow)
         return {};
       const { arrow: A } = se(m);
@@ -2176,14 +2176,14 @@ const fn = ["data-side"], Yt = {
         top: (A == null ? void 0 : A.y) + "px"
       };
     }), F = async () => {
-      if (!(!y.value || !p.value))
+      if (!(!y.value || !v.value))
         try {
-          const A = await dn(y.value, p.value, {
+          const A = await dn(y.value, v.value, {
             middleware: se(i),
             placement: se(o),
             strategy: se(s)
           });
-          p.value && (p.value.style.left = `${A.x}px`, p.value.style.top = `${A.y}px`), Object.keys(_).forEach((X) => {
+          v.value && (v.value.style.left = `${A.x}px`, v.value.style.top = `${A.y}px`), Object.keys(_).forEach((X) => {
             _[X].value = A[X];
           });
         } catch (A) {
@@ -2191,9 +2191,9 @@ const fn = ["data-side"], Yt = {
         }
     };
     async function W() {
-      if (!(!y.value || !p.value))
+      if (!(!y.value || !v.value))
         try {
-          await _e(), C = sn(y.value, p.value, F);
+          await _e(), C = sn(y.value, v.value, F);
         } catch (A) {
           console.error("Error updating position:", A);
         }
@@ -2217,7 +2217,7 @@ const fn = ["data-side"], Yt = {
             b.value ? (c(), u("div", {
               key: 0,
               ref_key: "contentRef",
-              ref: p,
+              ref: v,
               class: z(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": l.isSelect }]),
               style: E(Y.value),
               "data-side": N.value,
@@ -2353,16 +2353,16 @@ const fn = ["data-side"], Yt = {
     function h() {
       s.value.update();
     }
-    function p() {
+    function v() {
       s.value.onOpen();
     }
-    function v() {
+    function p() {
       s.value.close();
     }
     return a({
       update: h,
-      open: p,
-      close: v
+      open: v,
+      close: p
     }), (g, m) => (c(), oe(Yt, we({
       ref_key: "popperRef",
       ref: s,
@@ -2442,24 +2442,24 @@ const lt = (e) => (ge("data-v-bc247383"), e = e(), ye(), e), vn = ["onClick"], m
     const t = e, l = w(t.modelValue), n = w();
     ne(
       () => t.modelValue,
-      (v) => {
-        l.value = v;
+      (p) => {
+        l.value = p;
       }
     );
-    const i = a, o = (v) => {
-      n.value = null, v !== t.modelValue ? (i("change", v), i("update:modelValue", v)) : t.allowClear ? (n.value = v, i("change", 0), i("update:modelValue", 0)) : i("change", v);
-    }, s = (v) => {
-      l.value = v, i("hoverChange", v);
-    }, d = (v) => {
-      l.value = v, i("hoverChange", v);
+    const i = a, o = (p) => {
+      n.value = null, p !== t.modelValue ? (i("change", p), i("update:modelValue", p)) : t.allowClear ? (n.value = p, i("change", 0), i("update:modelValue", 0)) : i("change", p);
+    }, s = (p) => {
+      l.value = p, i("hoverChange", p);
+    }, d = (p) => {
+      l.value = p, i("hoverChange", p);
     }, f = () => {
       n.value = null;
     }, h = () => {
       l.value = t.modelValue;
-    }, p = (v) => {
-      v.preventDefault();
+    }, v = (p) => {
+      p.preventDefault();
     };
-    return (v, g) => (c(), u("div", {
+    return (p, g) => (c(), u("div", {
       class: z(["abl-rate", { disabled: e.readonly }]),
       style: E(`--color: ${e.color};`),
       onMouseleave: h
@@ -2467,7 +2467,7 @@ const lt = (e) => (ge("data-v-bc247383"), e = e(), ye(), e), vn = ["onClick"], m
       (c(!0), u(K, null, ae(e.count, (m) => (c(), u("div", {
         class: z(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && l.value >= m - 0.5 && l.value < m, "abl-rate-star-full": l.value >= m, "temp-gray": !e.allowHalf && n.value === m }]),
         style: E(`margin-right: ${m !== e.count ? e.gap : 0}px;`),
-        onClick: (_) => e.allowHalf ? p(_) : o(m),
+        onClick: (_) => e.allowHalf ? v(_) : o(m),
         key: m
       }, [
         e.allowHalf ? (c(), u("div", {
@@ -2498,7 +2498,7 @@ const lt = (e) => (ge("data-v-bc247383"), e = e(), ye(), e), vn = ["onClick"], m
             class: "action-star",
             style: E(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            R(v.$slots, "character", {}, () => [
+            R(p.$slots, "character", {}, () => [
               Q(H(e.character), 1)
             ], !0)
           ], 4))
@@ -2530,7 +2530,7 @@ const lt = (e) => (ge("data-v-bc247383"), e = e(), ye(), e), vn = ["onClick"], m
             class: "action-star",
             style: E(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            R(v.$slots, "character", {}, () => [
+            R(p.$slots, "character", {}, () => [
               Q(H(e.character), 1)
             ], !0)
           ], 4))
@@ -2625,7 +2625,7 @@ const Ln = { class: "abl-collapse__title" }, zn = { key: 0 }, An = { class: "ico
   setup(e, { emit: a }) {
     const t = w(), l = e, n = Be("getChildIndex"), i = n == null ? void 0 : n();
     w(null);
-    const o = Be("CollapseKey", void 0), s = D(() => o.modelValue), d = D(() => o.iconType), f = D(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), h = w(f.value ? "auto" : "0px"), p = () => {
+    const o = Be("CollapseKey", void 0), s = D(() => o.modelValue), d = D(() => o.iconType), f = D(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), h = w(f.value ? "auto" : "0px"), v = () => {
       if (f.value)
         if (Array.isArray(s.value)) {
           const m = s.value.filter((_) => _ !== l.name);
@@ -2634,7 +2634,7 @@ const Ln = { class: "abl-collapse__title" }, zn = { key: 0 }, An = { class: "ico
           o.changeEvent(null);
       else
         Array.isArray(s.value) ? o.changeEvent([...s.value, l.name]) : o.changeEvent(l.name);
-    }, v = () => {
+    }, p = () => {
       h.value = "0px", requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           var _;
@@ -2652,12 +2652,12 @@ const Ln = { class: "abl-collapse__title" }, zn = { key: 0 }, An = { class: "ico
       });
     };
     return ne(f, (m) => {
-      m ? v() : g();
+      m ? p() : g();
     }), (m, _) => (c(), u("div", {
       class: z(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && se(i) > 1 && "abl-collapse-item__border"])
     }, [
       r("div", {
-        onClick: _[0] || (_[0] = (C) => p(!f.value)),
+        onClick: _[0] || (_[0] = (C) => v(!f.value)),
         class: z(["abl-collapse-item__title", { "abl-collapse-item__disabled": e.disabled }]),
         style: E({ background: e.background })
       }, [
@@ -2945,7 +2945,7 @@ const Un = /* @__PURE__ */ r("div", {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = Ge(), l = e, n = D(() => l.previewSrcList.length), i = w(Array(n.value).fill(!1)), o = w(l.initialIndex), s = w(1), d = w(0), f = w(0), h = w(0), p = w(0), v = w(0), g = a, m = (F) => {
+    const t = Ge(), l = e, n = D(() => l.previewSrcList.length), i = w(Array(n.value).fill(!1)), o = w(l.initialIndex), s = w(1), d = w(0), f = w(0), h = w(0), v = w(0), p = w(0), g = a, m = (F) => {
       t && (t.appContext.config.globalProperties.$lockCount = F || 0);
     }, _ = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
@@ -2985,21 +2985,21 @@ const Un = /* @__PURE__ */ r("div", {
     }, x = () => {
       s.value - l.zoomRate < l.minScale ? s.value = l.minScale : s.value = b(s.value, -l.zoomRate);
     }, $ = () => {
-      v.value -= 90;
+      p.value -= 90;
     }, T = () => {
-      v.value += 90;
+      p.value += 90;
     }, L = () => {
-      v.value = 0, s.value = 1, h.value = 0, p.value = 0;
+      p.value = 0, s.value = 1, h.value = 0, v.value = 0;
     }, N = (F) => {
       if (!l.drag)
         return;
       const W = F.target, { top: A, left: X, right: M, bottom: O } = W.getBoundingClientRect(), q = document.documentElement.clientWidth, le = document.documentElement.clientHeight;
       d.value = F.clientX, f.value = F.clientY;
-      const S = h.value, j = p.value;
+      const S = h.value, j = v.value;
       document.onmousemove = (P) => {
-        h.value = S + P.clientX - d.value, p.value = j + P.clientY - f.value;
+        h.value = S + P.clientX - d.value, v.value = j + P.clientY - f.value;
       }, document.onmouseup = (P) => {
-        h.value > S + q - M && (h.value = S + q - M), h.value < S - X && (h.value = S - X), p.value > j + le - O && (p.value = j + le - O), p.value < j - A && (p.value = j - A), document.onmousemove = null;
+        h.value > S + q - M && (h.value = S + q - M), h.value < S - X && (h.value = S - X), v.value > j + le - O && (v.value = j + le - O), v.value < j - A && (v.value = j - A), document.onmousemove = null;
       };
     }, Y = (F) => {
       if (!l.drag)
@@ -3028,7 +3028,7 @@ const Un = /* @__PURE__ */ r("div", {
             r("div", Xn, [
               r("div", {
                 class: "abl-image-preview",
-                style: E(`transform: translate3d(${h.value}px, ${p.value}px, 0px);`)
+                style: E(`transform: translate3d(${h.value}px, ${v.value}px, 0px);`)
               }, [
                 (c(!0), u(K, null, ae(e.previewSrcList, (A, X) => Z((c(), u("div", {
                   key: X,
@@ -3042,7 +3042,7 @@ const Un = /* @__PURE__ */ r("div", {
                       alt: "",
                       title: "",
                       class: "abl-image-preview__img",
-                      style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${v.value}deg);`),
+                      style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${p.value}deg);`),
                       onLoad: (M) => y(X),
                       onMousedown: W[0] || (W[0] = J((M) => N(M), ["prevent"])),
                       onClick: W[1] || (W[1] = J(() => {
@@ -3072,7 +3072,7 @@ const Un = /* @__PURE__ */ r("div", {
                     class: "abl-image-preview__img",
                     alt: "",
                     title: "",
-                    style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${v.value}deg);`),
+                    style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${p.value}deg);`),
                     onLoad: (M) => y(X),
                     onMousedown: W[2] || (W[2] = J((M) => N(M), ["prevent"])),
                     onClick: W[3] || (W[3] = J(() => {
@@ -3190,9 +3190,9 @@ const yo = { class: "abl-image-wrap" }, bo = ["src"], _o = ["src"], Qt = {
       var h;
       ((h = t.previewSrcList) == null ? void 0 : h.length) > 0 && (n.value = !0);
     }, d = D(() => {
-      const { previewSrcList: h, initialIndex: p } = t;
-      let v = p;
-      return p > h.length - 1 && (v = 0), v;
+      const { previewSrcList: h, initialIndex: v } = t;
+      let p = v;
+      return v > h.length - 1 && (p = 0), p;
     }), f = {
       class: "abl-image-img",
       style: {
@@ -3202,7 +3202,7 @@ const yo = { class: "abl-image-wrap" }, bo = ["src"], _o = ["src"], Qt = {
     };
     return a({
       onPreview: s
-    }), (h, p) => (c(), u("div", yo, [
+    }), (h, v) => (c(), u("div", yo, [
       r("div", {
         class: "abl-image",
         style: E(`width: ${e.width}`),
@@ -3226,7 +3226,7 @@ const yo = { class: "abl-image-wrap" }, bo = ["src"], _o = ["src"], Qt = {
       n.value ? (c(), oe(Zt, {
         key: 0,
         modelValue: n.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (v) => n.value = v),
+        "onUpdate:modelValue": v[0] || (v[0] = (p) => n.value = p),
         "initial-index": d.value,
         "zoom-rate": e.zoomRate,
         "min-scale": e.minScale,
@@ -3443,7 +3443,7 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
         });
       }
     });
-    const s = w(), d = w(), f = w(!1), h = w(0), p = w(""), v = w(!1), g = (x) => typeof x == "number" ? x + "px" : x;
+    const s = w(), d = w(), f = w(!1), h = w(0), v = w(""), p = w(!1), g = (x) => typeof x == "number" ? x + "px" : x;
     ne(
       () => f.value,
       (x) => {
@@ -3456,21 +3456,21 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
     );
     const m = (x, $) => {
       if (!o.value[$].disabled) {
-        if ($ === p.value && i.closeOnClickSelf) {
+        if ($ === v.value && i.closeOnClickSelf) {
           C(), setTimeout(() => {
             d.value.children[$].style.display = "none";
           }, i.duration);
           return;
         }
-        v.value = !0, _($);
+        p.value = !0, _($);
       }
     }, _ = async (x) => {
-      await b(), f.value = !0, p.value = x, Array.from(d.value.children).map(($, T) => {
+      await b(), f.value = !0, v.value = x, Array.from(d.value.children).map(($, T) => {
         T === x ? d.value.children[T].style.display = "block" : d.value.children[T].style.display = "none";
-      }), t("open", p.value);
+      }), t("open", v.value);
     }, C = () => {
-      f.value = !1, p.value = 99999, setTimeout(() => {
-        v.value = !1;
+      f.value = !1, v.value = 99999, setTimeout(() => {
+        p.value = !1;
       }, 300);
     }, b = () => {
       var T;
@@ -3483,9 +3483,9 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
     }, V = Ie({
       ...Te(i),
       onClose: C,
-      current: p
+      current: v
     }), B = Lo(() => {
-      v.value && C();
+      p.value && C();
     });
     return xe(Eo, V), Ne(() => {
       b();
@@ -3510,13 +3510,13 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
           r("span", {
             class: "abl-dropdown-menu__item__title",
             style: E({
-              color: T.disabled ? "#c0c4cc" : L === p.value ? e.activeColor : e.inactiveColor,
+              color: T.disabled ? "#c0c4cc" : L === v.value ? e.activeColor : e.inactiveColor,
               fontSize: g(e.titleSize)
             })
           }, H(T.title), 5),
           r("div", {
             class: z(["abl-dropdown-menu__item__arrow", {
-              "abl-dropdown-menu__item__arrow--rotate": L === p.value
+              "abl-dropdown-menu__item__arrow--rotate": L === v.value
             }])
           }, [
             (c(), u("svg", Io, Mo))
@@ -3559,7 +3559,7 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
           _: 3
         })
       ], 36), [
-        [te, v.value]
+        [te, p.value]
       ])
     ], 512));
   }
@@ -3627,7 +3627,7 @@ const To = (e) => (ge("data-v-046e593c"), e = e(), ye(), e), Do = ["active"], Fo
         r("div", Fo, [
           (c(!0), u(K, null, ae(e.options, (f, h) => (c(), oe(Gt, {
             title: f.text,
-            onClick: (p) => o(f.value),
+            onClick: (v) => o(f.value),
             class: z(["abl-dropdown-item__option", n.modelValue === f.value && "abl-dropdown-item__option--active"])
           }, sl({ _: 2 }, [
             n.modelValue === f.value ? {
@@ -3723,9 +3723,9 @@ const Zo = {
       set: (b) => {
         n("update:modelValue", b);
       }
-    }), p = () => {
+    }), v = () => {
       o.value = !0, n("focus");
-    }, v = () => {
+    }, p = () => {
       o.value = !1, n("blur");
     }, g = () => {
       h.value = "", n("clear");
@@ -3777,8 +3777,8 @@ const Zo = {
           autofocus: e.autofocus,
           readonly: e.readonly,
           disabled: e.disabled,
-          onFocus: p,
-          onBlur: v
+          onFocus: v,
+          onBlur: p
         }, b.$attrs), null, 16, es), [
           [il, h.value]
         ]),
@@ -3989,9 +3989,9 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
           m(x[L], k + L);
         o.value[k].value = "";
       }
-    }, p = (B) => {
+    }, v = (B) => {
       o.value[B].click();
-    }, v = (B, k) => {
+    }, p = (B, k) => {
       const x = B.target.files;
       if (x != null && x.length) {
         const $ = x.length;
@@ -4056,7 +4056,7 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
             onDragover: k[2] || (k[2] = J(() => {
             }, ["stop", "prevent"])),
             onDrop: J(($) => e.disabled ? () => !1 : h($, x - 1), ["stop", "prevent"]),
-            onClick: ($) => e.disabled ? () => !1 : p(x - 1)
+            onClick: ($) => e.disabled ? () => !1 : v(x - 1)
           }, [
             r("input", {
               ref_for: !0,
@@ -4067,7 +4067,7 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
-              onChange: ($) => v($, x - 1),
+              onChange: ($) => p($, x - 1),
               style: { display: "none" }
             }, null, 40, bs),
             r("div", null, [
@@ -4199,9 +4199,9 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), h = w(""), p = w(), v = w(null), g = w(""), m = w(), _ = w(o.modelValue), C = w(!1), b = D(() => {
+    }), h = w(""), v = w(), p = w(null), g = w(""), m = w(), _ = w(o.modelValue), C = w(!1), b = D(() => {
       var O;
-      return { width: (((O = p.value) == null ? void 0 : O.getBoundingClientRect().width) || 0) + "px" };
+      return { width: (((O = v.value) == null ? void 0 : O.getBoundingClientRect().width) || 0) + "px" };
     }), y = Ie({
       list: o == null ? void 0 : o.options
     }), V = w(!1), B = w(
@@ -4279,14 +4279,14 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
         m.value.close();
         return;
       }
-      V.value = !1, O.stopPropagation(), (le = v.value) == null || le.blur();
+      V.value = !1, O.stopPropagation(), (le = p.value) == null || le.blur();
       let q = null;
       g.value = "blur", $.value[0] && $.value[0].value === M.value ? $.value.shift() : $.value[0] = M, q = M.value, d("update:modelValue", q), d("change", q, yt($.value)), m.value.close();
     };
     xe("handleSlotClick", U);
     const F = () => {
       var M;
-      (M = v.value) == null || M.focus(), !B.value && g.value === "focus" && $.value.length > 0 && ($.value.pop(), d("change", yt($.value)));
+      (M = p.value) == null || M.focus(), !B.value && g.value === "focus" && $.value.length > 0 && ($.value.pop(), d("change", yt($.value)));
     }, W = () => {
       C.value = !1, g.value = "blur", x.value = "";
     }, A = () => {
@@ -4316,7 +4316,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
     }, { immediate: !0, deep: !0 }), Ne(() => {
       ne(g, (M) => {
         var O, q;
-        M === "focus" ? (O = v.value) == null || O.focus() : (q = v.value) == null || q.blur(), B.value = o.search && M === "focus" && V;
+        M === "focus" ? (O = p.value) == null || O.focus() : (q = p.value) == null || q.blur(), B.value = o.search && M === "focus" && V;
       }), document.body.addEventListener("click", () => {
         g.value = "blur";
       });
@@ -4333,7 +4333,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
       immediate: !0
     }), (M, O) => (c(), u("div", {
       ref_key: "selectRef",
-      ref: p
+      ref: v
     }, [
       de(Kt, we({
         ref_key: "tooltip",
@@ -4399,7 +4399,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
                   type: "text",
                   class: z(["abl-select-input-focus", B.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
-                  ref: v,
+                  ref: p,
                   "onUpdate:modelValue": O[1] || (O[1] = (q) => x.value = q),
                   onFocus: O[2] || (O[2] = (q) => A()),
                   onInput: N,
@@ -4488,27 +4488,27 @@ const Ws = {
   setup(e) {
     const a = e, t = w(a.col), l = w(), n = w(), i = w(), o = w(), s = w([]), d = D(() => s.value.length);
     ut(() => {
-      l.value && (a.bordered ? n.value = Array.from(l.value.children).filter((v) => v.className === "abl-desc-item-bordered") : n.value = Array.from(l.value.children).filter((v) => v.className === "abl-desc-item"));
-    }, { flush: "post" }), ne(n, (v) => {
+      l.value && (a.bordered ? n.value = Array.from(l.value.children).filter((p) => p.className === "abl-desc-item-bordered") : n.value = Array.from(l.value.children).filter((p) => p.className === "abl-desc-item"));
+    }, { flush: "post" }), ne(n, (p) => {
       s.value = [], _e(() => {
-        f(v, t.value);
+        f(p, t.value);
       });
-    }), ne(t, (v) => {
+    }), ne(t, (p) => {
       s.value = [], _e(() => {
-        f(n.value, v);
+        f(n.value, p);
       });
     }), Ne(() => {
     }), cl(() => {
     });
-    function f(v, g) {
-      if (!v)
+    function f(p, g) {
+      if (!p)
         return;
-      const m = v.length;
+      const m = p.length;
       let _ = [];
       for (let C = 0; C < m; C++) {
         const b = {
-          span: Math.min(v[C].dataset.span, g),
-          element: v[C]
+          span: Math.min(p[C].dataset.span, g),
+          element: p[C]
         };
         h(_) < g ? (b.span = Math.min(b.span, g - h(_)), C === m - 1 && (b.span = g - h(_)), _.push(b), C === m - 1 && s.value.push(_)) : (s.value.push(_), _ = [b], C === m - 1 && (b.span = g, s.value.push(_)));
       }
@@ -4516,39 +4516,39 @@ const Ws = {
         s.value.forEach((C, b) => {
           C.forEach((y) => {
             const V = Array.from(y.element.children), B = V[0].cloneNode(!0);
-            B.colSpan = 1, p(B, a.labelStyle), p(B, JSON.parse(y.element.dataset.labelStyle));
+            B.colSpan = 1, v(B, a.labelStyle), v(B, JSON.parse(y.element.dataset.labelStyle));
             const k = V[1].cloneNode(!0);
-            k.colSpan = y.span * 2 - 1, p(k, a.contentStyle), p(k, JSON.parse(y.element.dataset.contentStyle)), o.value[b].appendChild(B), o.value[b].appendChild(k);
+            k.colSpan = y.span * 2 - 1, v(k, a.contentStyle), v(k, JSON.parse(y.element.dataset.contentStyle)), o.value[b].appendChild(B), o.value[b].appendChild(k);
           });
         });
       }) : _e(() => {
-        v.forEach((C, b) => {
+        p.forEach((C, b) => {
           const y = Array.from(C.children), V = y[0];
-          p(V, a.labelStyle), p(V, JSON.parse(C.dataset.labelStyle));
+          v(V, a.labelStyle), v(V, JSON.parse(C.dataset.labelStyle));
           const B = y[1];
-          p(B, a.contentStyle), p(B, JSON.parse(C.dataset.contentStyle)), i.value[b].appendChild(C);
+          v(B, a.contentStyle), v(B, JSON.parse(C.dataset.contentStyle)), i.value[b].appendChild(C);
         });
       });
     }
-    function h(v) {
-      return v.reduce((g, m) => g + m.span, 0);
+    function h(p) {
+      return p.reduce((g, m) => g + m.span, 0);
     }
-    function p(v, g) {
+    function v(p, g) {
       JSON.stringify(g) !== "{}" && Object.keys(g).forEach((m) => {
-        v.style[m] = g[m];
+        p.style[m] = g[m];
       });
     }
-    return (v, g) => (c(), u("div", {
+    return (p, g) => (c(), u("div", {
       class: z(["abl-desc", `desc-${e.size}`])
     }, [
-      e.title || v.$slots.title ? (c(), u("div", Ws, [
+      e.title || p.$slots.title ? (c(), u("div", Ws, [
         r("div", js, [
-          R(v.$slots, "title", {}, () => [
+          R(p.$slots, "title", {}, () => [
             Q(H(e.title), 1)
           ], !0)
         ]),
         r("div", qs, [
-          R(v.$slots, "extra", {}, () => [
+          R(p.$slots, "extra", {}, () => [
             Q(H(e.extra), 1)
           ], !0)
         ])
@@ -4557,7 +4557,7 @@ const Ws = {
         ref_key: "view",
         ref: l
       }, [
-        R(v.$slots, "default", {}, void 0, !0)
+        R(p.$slots, "default", {}, void 0, !0)
       ], 512), [
         [te, !1]
       ]),
@@ -4653,7 +4653,7 @@ function oi(e, a) {
   return e > a && e > Bt ? "horizontal" : a > e && a > Bt ? "vertical" : "";
 }
 function si() {
-  const e = w(0), a = w(0), t = w(0), l = w(0), n = w(0), i = w(0), o = w(0), s = w(0), d = w(""), f = () => d.value === "vertical", h = () => d.value === "horizontal", p = () => {
+  const e = w(0), a = w(0), t = w(0), l = w(0), n = w(0), i = w(0), o = w(0), s = w(0), d = w(""), f = () => d.value === "vertical", h = () => d.value === "horizontal", v = () => {
     n.value = 0, i.value = 0, o.value = 0, s.value = 0, d.value = "";
   };
   return {
@@ -4662,9 +4662,9 @@ function si() {
       n.value = _.clientX - e.value, i.value = _.clientY - a.value, t.value = _.clientX, l.value = _.clientY, o.value = Math.abs(n.value), s.value = Math.abs(i.value), d.value || (d.value = oi(o.value, s.value));
     },
     start: (m) => {
-      p(), e.value = m.type.startsWith("touch") ? m.touches[0].clientX : m.clientX, a.value = m.type.startsWith("touch") ? m.touches[0].clientY : m.clientY;
+      v(), e.value = m.type.startsWith("touch") ? m.touches[0].clientX : m.clientX, a.value = m.type.startsWith("touch") ? m.touches[0].clientY : m.clientY;
     },
-    reset: p,
+    reset: v,
     startX: e,
     startY: a,
     moveX: t,
@@ -4778,7 +4778,7 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
     const h = D(() => {
       const { marks: S, max: j, min: P } = t;
       return Object.keys(S).map(parseFloat).sort((ce, pe) => ce - pe).filter((ce) => ce >= +P && ce <= +j);
-    }), p = D(() => Number(t.max) - Number(t.min)), v = w([]), g = w(), m = D(() => {
+    }), v = D(() => Number(t.max) - Number(t.min)), p = w([]), g = w(), m = D(() => {
       const S = "abl-range";
       return {
         [S]: !0,
@@ -4798,10 +4798,10 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
       borderColor: t.buttonColor
     })), y = w(!1), V = (S) => !!t.range && Array.isArray(S), B = () => {
       const { modelValue: S, min: j } = t;
-      return V(S) ? `${(S[1] - S[0]) * 100 / p.value}%` : `${(S - Number(j)) * 100 / p.value}%`;
+      return V(S) ? `${(S[1] - S[0]) * 100 / v.value}%` : `${(S - Number(j)) * 100 / v.value}%`;
     }, k = () => {
       const { modelValue: S, min: j } = t;
-      return V(S) ? `${(S[0] - Number(j)) * 100 / p.value}%` : "0%";
+      return V(S) ? `${(S[0] - Number(j)) * 100 / v.value}%` : "0%";
     }, x = D(() => t.vertical ? {
       height: B(),
       top: k(),
@@ -4828,10 +4828,10 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
     }, T = (S) => {
       const { min: j, vertical: P } = t;
       let G = {
-        left: `${(S - Number(j)) / p.value * 100}%`
+        left: `${(S - Number(j)) / v.value * 100}%`
       };
       return P && (G = {
-        top: `${(S - Number(j)) / p.value * 100}%`
+        top: `${(S - Number(j)) / v.value * 100}%`
       }), G;
     }, L = (S) => {
       const { modelValue: j, max: P, min: G } = t;
@@ -4855,7 +4855,7 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
       const { min: j, modelValue: P } = t, G = Vt(s);
       let ue = S.clientX - G.left, ce = G.width;
       t.vertical && (ue = S.clientY - G.top, ce = G.height);
-      const pe = Number(j) + ue / ce * p.value;
+      const pe = Number(j) + ue / ce * v.value;
       if (V(P)) {
         const [Ee, ze] = P, Oe = (Ee + ze) / 2;
         pe <= Oe ? (n.value = 0, F([pe, ze], !0)) : (n.value = 1, F([Ee, pe], !0));
@@ -4873,8 +4873,8 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
         return;
       d.value === "start" && l("dragStart"), f.move(S), d.value = "draging", S.type.startsWith("touch") && (y.value = !0);
       const j = Vt(s);
-      let P = f.deltaX.value, G = j.width, ue = P / G * p.value;
-      t.vertical && (P = f.deltaY.value, G = j.height, ue = P / G * p.value), V(i) ? o[n.value] = i[n.value] + ue : o = i + ue, F(o);
+      let P = f.deltaX.value, G = j.width, ue = P / G * v.value;
+      t.vertical && (P = f.deltaY.value, G = j.height, ue = P / G * v.value), V(i) ? o[n.value] = i[n.value] + ue : o = i + ue, F(o);
     }, O = (S) => {
       t.disabled || d.value === "draging" && (F(o, !0), l("dragEnd"), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", O), window.removeEventListener("touchend", O), S.type.startsWith("touch") && (y.value = !1), setTimeout(() => {
         d.value = "";
@@ -4921,7 +4921,7 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
             "aria-orientation": "horizontal",
             ref_for: !0,
             ref: (G) => {
-              v.value[P] = G;
+              p.value[P] = G;
             },
             onTouchstartPassive: (G) => {
               typeof P == "number" && (n.value = P), q(G);
@@ -5058,9 +5058,9 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
       for (let y = b.start; y <= b.end; y++)
         _.push(y);
       return _;
-    }, p = () => {
-      n.value = n.value - t.pagerCount > 0 ? n.value - t.pagerCount : 1, l.itemRender && f("jump", n.value);
     }, v = () => {
+      n.value = n.value - t.pagerCount > 0 ? n.value - t.pagerCount : 1, l.itemRender && f("jump", n.value);
+    }, p = () => {
       n.value = n.value + t.pagerCount < s.value ? n.value + t.pagerCount : s.value, l.itemRender && f("jump", n.value);
     }, g = (m) => {
       if (m === 0 || m === s.value + 1)
@@ -5097,7 +5097,7 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
         Z(r("div", {
           class: "m-arrow",
           ref: "forward",
-          onClick: p
+          onClick: v
         }, xi, 512), [
           [te, i.value && d.value[0] - 1 > 1]
         ]),
@@ -5116,7 +5116,7 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
         Z(r("div", {
           class: "m-arrow",
           ref: "backward",
-          onClick: v
+          onClick: p
         }, Si, 512), [
           [te, o.value && d.value[d.value.length - 1] + 1 < s.value]
         ]),