abl-ui 0.6.16 → 0.6.18

package/lib/abl-ui.es.js

@@ -296,13 +296,13 @@ const Fn = { class: "abl-tabs" }, Hn = ["id"], Wn = ["id"], Un = ["onClick"], jn
         transform: `translateX(${C}px)`,
         width: L.target.clientWidth + "px"
       }, f.value = B, t("update:modelValue", B), t("tabClick", B);
-    }, $ = () => {
+    }, k = () => {
       const L = document.querySelector("#tab-hidden" + w.value);
       if (!L)
         return;
       const B = document.querySelector("#tabs-header-wrap" + w.value).clientWidth;
       (L == null ? void 0 : L.scrollWidth) > (L == null ? void 0 : L.clientWidth) + (L == null ? void 0 : L.scrollLeft) && (L.scrollLeft += B);
-    }, k = () => {
+    }, $ = () => {
       const L = document.querySelector("#tab-hidden" + w.value), B = document.querySelector("#tabs-header-wrap" + w.value).clientWidth;
       L.scrollLeft > 0 && (L.scrollLeft -= B);
     }, z = async (L) => {
@@ -344,7 +344,7 @@ const Fn = { class: "abl-tabs" }, Hn = ["id"], Wn = ["id"], Un = ["onClick"], jn
         }, [
           J(u("i", {
             class: V([p.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
-            onClick: k
+            onClick: $
           }, null, 2), [
             [te, v.value]
           ]),
@@ -389,7 +389,7 @@ const Fn = { class: "abl-tabs" }, Hn = ["id"], Wn = ["id"], Un = ["onClick"], jn
           ], 8, Wn),
           J(u("i", {
             class: V([g.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
-            onClick: $
+            onClick: k
           }, null, 2), [
             [te, v.value]
           ])
@@ -708,12 +708,12 @@ const We = (e) => (be("data-v-eb26cd43"), e = e(), _e(), e), nl = ["onMouseenter
         i.value[x] = !1, (H = s.value[x]) != null && H.onClose && ((W = s.value[x]) == null || W.onClose()), f("close");
       }, 0)) : c.value = null;
     }
-    function $() {
+    function k() {
       a.value && kt(a.value);
       const y = s.value.length - 1, x = s.value[y];
       x != null && x.top ? v.value = typeof x.top == "number" ? `${x.top}px` : x.top : v.value = typeof n.top == "number" ? `${n.top}px` : n.top, i.value[y] = !0, (x == null ? void 0 : x.duration) !== null ? (c.value = (x == null ? void 0 : x.duration) || n.duration, w(y)) : c.value = null;
     }
-    const k = (y, x) => {
+    const $ = (y, x) => {
       let O;
       return typeof y == "string" ? O = {
         content: y,
@@ -726,28 +726,28 @@ const We = (e) => (be("data-v-eb26cd43"), e = e(), _e(), e), nl = ["onMouseenter
       }, O;
     };
     function z(y) {
-      let x = k(y, "open");
-      return s.value.push(x), $(), x.id;
+      let x = $(y, "open");
+      return s.value.push(x), k(), x.id;
     }
     function N(y) {
-      let x = k(y, "info");
-      return s.value.push(x), $(), x.id;
+      let x = $(y, "info");
+      return s.value.push(x), k(), x.id;
     }
     function T(y) {
-      let x = k(y, "success");
-      return s.value.push(x), $(), x.id;
+      let x = $(y, "success");
+      return s.value.push(x), k(), x.id;
     }
     function L(y) {
-      let x = k(y, "error");
-      return s.value.push(x), $(), x.id;
+      let x = $(y, "error");
+      return s.value.push(x), k(), x.id;
     }
     function B(y) {
-      let x = k(y, "warning");
-      return s.value.push(x), $(), x.id;
+      let x = $(y, "warning");
+      return s.value.push(x), k(), x.id;
     }
     function C(y) {
-      let x = k(y, "loading");
-      return s.value.push(x), $(), x.id;
+      let x = $(y, "loading");
+      return s.value.push(x), k(), x.id;
     }
     return l({
       open: z,
@@ -1460,13 +1460,13 @@ const Zl = async (e, l, t) => {
   for (let w = 0; w < s.length; w++) {
     const {
       name: S,
-      fn: $
+      fn: k
     } = s[w], {
-      x: k,
+      x: $,
       y: z,
       data: N,
       reset: T
-    } = await $({
+    } = await k({
       x: v,
       y: p,
       initialPlacement: n,
@@ -1480,7 +1480,7 @@ const Zl = async (e, l, t) => {
         floating: l
       }
     });
-    v = k ?? v, p = z ?? p, h = {
+    v = $ ?? v, p = z ?? p, h = {
       ...h,
       [S]: {
         ...h[S],
@@ -1519,12 +1519,12 @@ async function qt(e, l) {
     elementContext: p = "floating",
     altBoundary: g = !1,
     padding: h = 0
-  } = Ue(l, e), m = jt(h), S = s[g ? p === "floating" ? "reference" : "floating" : p], $ = Je(await i.getClippingRect({
+  } = Ue(l, e), m = jt(h), S = s[g ? p === "floating" ? "reference" : "floating" : p], k = Je(await i.getClippingRect({
     element: (t = await (i.isElement == null ? void 0 : i.isElement(S))) == null || t ? S : S.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
     boundary: f,
     rootBoundary: v,
     strategy: c
-  })), k = p === "floating" ? {
+  })), $ = p === "floating" ? {
     ...o.floating,
     x: n,
     y: a
@@ -1536,15 +1536,15 @@ async function qt(e, l) {
     y: 1
   }, T = Je(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
-    rect: k,
+    rect: $,
     offsetParent: z,
     strategy: c
-  }) : k);
+  }) : $);
   return {
-    top: ($.top - T.top + m.top) / N.y,
-    bottom: (T.bottom - $.bottom + m.bottom) / N.y,
-    left: ($.left - T.left + m.left) / N.x,
-    right: (T.right - $.right + m.right) / N.x
+    top: (k.top - T.top + m.top) / N.y,
+    bottom: (T.bottom - k.bottom + m.bottom) / N.y,
+    left: (k.left - T.left + m.left) / N.x,
+    right: (T.right - k.right + m.right) / N.x
   };
 }
 const Ql = (e) => ({
@@ -1568,10 +1568,10 @@ const Ql = (e) => ({
     const p = jt(v), g = {
       x: t,
       y: n
-    }, h = ht(a), m = mt(h), w = await o.getDimensions(f), S = h === "y", $ = S ? "top" : "left", k = S ? "bottom" : "right", z = S ? "clientHeight" : "clientWidth", N = i.reference[m] + i.reference[h] - g[h] - i.floating[m], T = g[h] - i.reference[h], L = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
+    }, h = ht(a), m = mt(h), w = await o.getDimensions(f), S = h === "y", k = S ? "top" : "left", $ = S ? "bottom" : "right", z = S ? "clientHeight" : "clientWidth", N = i.reference[m] + i.reference[h] - g[h] - i.floating[m], T = g[h] - i.reference[h], L = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let B = L ? L[z] : 0;
     (!B || !await (o.isElement == null ? void 0 : o.isElement(L))) && (B = s.floating[z] || i.floating[m]);
-    const C = N / 2 - T / 2, y = B / 2 - w[m] / 2 - 1, x = Ne(p[$], y), O = Ne(p[k], y), F = x, H = B - w[m] - O, W = B / 2 - w[m] / 2 + C, A = rt(F, W, H), q = !c.arrow && je(a) != null && W !== A && i.reference[m] / 2 - (W < F ? x : O) - w[m] / 2 < 0, Z = q ? W < F ? W - F : W - H : 0;
+    const C = N / 2 - T / 2, y = B / 2 - w[m] / 2 - 1, x = Ne(p[k], y), O = Ne(p[$], y), F = x, H = B - w[m] - O, W = B / 2 - w[m] / 2 + C, A = rt(F, W, H), q = !c.arrow && je(a) != null && W !== A && i.reference[m] / 2 - (W < F ? x : O) - w[m] / 2 < 0, Z = q ? W < F ? W - F : W - H : 0;
     return {
       [h]: g[h] + Z,
       data: {
@@ -1608,11 +1608,11 @@ const Ql = (e) => ({
       } = Ue(e, l);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const $ = Ae(a), k = Ae(s) === s, z = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), N = g || (k || !w ? [Ge(s)] : Xl(s));
+      const k = Ae(a), $ = Ae(s) === s, z = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), N = g || ($ || !w ? [Ge(s)] : Xl(s));
       !g && m !== "none" && N.push(...Gl(s, w, m, z));
       const T = [s, ...N], L = await qt(l, S), B = [];
       let C = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (v && B.push(L[$]), p) {
+      if (v && B.push(L[k]), p) {
         const F = Yl(a, o, z);
         B.push(L[F[0]], L[F[1]]);
       }
@@ -1721,12 +1721,12 @@ const Ct = function(e) {
         limiter: s = {
           fn: (S) => {
             let {
-              x: $,
-              y: k
+              x: k,
+              y: $
             } = S;
             return {
-              x: $,
-              y: k
+              x: k,
+              y: $
             };
           }
         },
@@ -1737,12 +1737,12 @@ const Ct = function(e) {
       }, v = await qt(l, c), p = tt(Ae(a)), g = Ut(p);
       let h = f[g], m = f[p];
       if (i) {
-        const S = g === "y" ? "top" : "left", $ = g === "y" ? "bottom" : "right", k = h + v[S], z = h - v[$];
-        h = rt(k, h, z);
+        const S = g === "y" ? "top" : "left", k = g === "y" ? "bottom" : "right", $ = h + v[S], z = h - v[k];
+        h = rt($, h, z);
       }
       if (o) {
-        const S = p === "y" ? "top" : "left", $ = p === "y" ? "bottom" : "right", k = m + v[S], z = m - v[$];
-        m = rt(k, m, z);
+        const S = p === "y" ? "top" : "left", k = p === "y" ? "bottom" : "right", $ = m + v[S], z = m - v[k];
+        m = rt($, m, z);
       }
       const w = s.fn({
         ...l,
@@ -1897,7 +1897,7 @@ function Re(e, l, t, n) {
     const g = de(i), h = n && ye(n) ? de(n) : n;
     let m = g, w = m.frameElement;
     for (; w && n && h !== m; ) {
-      const S = Me(w), $ = w.getBoundingClientRect(), k = pe(w), z = $.left + (w.clientLeft + parseFloat(k.paddingLeft)) * S.x, N = $.top + (w.clientTop + parseFloat(k.paddingTop)) * S.y;
+      const S = Me(w), k = w.getBoundingClientRect(), $ = pe(w), z = k.left + (w.clientLeft + parseFloat($.paddingLeft)) * S.x, N = k.top + (w.clientTop + parseFloat($.paddingTop)) * S.y;
       c *= S.x, f *= S.y, v *= S.x, p *= S.y, c += z, f += N, m = de(w), w = m.frameElement;
     }
   }
@@ -2124,7 +2124,7 @@ function _a(e, l) {
     } = e.getBoundingClientRect();
     if (s || l(), !p || !g)
       return;
-    const h = Xe(v), m = Xe(a.clientWidth - (f + p)), w = Xe(a.clientHeight - (v + g)), S = Xe(f), k = {
+    const h = Xe(v), m = Xe(a.clientWidth - (f + p)), w = Xe(a.clientHeight - (v + g)), S = Xe(f), $ = {
       rootMargin: -h + "px " + -m + "px " + -w + "px " + -S + "px",
       threshold: Ve(0, Ne(1, c)) || 1
     };
@@ -2142,12 +2142,12 @@ function _a(e, l) {
     }
     try {
       t = new IntersectionObserver(N, {
-        ...k,
+        ...$,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(N, k);
+      t = new IntersectionObserver(N, $);
     }
     t.observe(e);
   }
@@ -2162,16 +2162,16 @@ function wa(e, l, t, n) {
     layoutShift: s = typeof IntersectionObserver == "function",
     animationFrame: c = !1
   } = n, f = bt(e), v = a || i ? [...f ? Fe(f) : [], ...Fe(l)] : [];
-  v.forEach(($) => {
-    a && $.addEventListener("scroll", t, {
+  v.forEach((k) => {
+    a && k.addEventListener("scroll", t, {
       passive: !0
-    }), i && $.addEventListener("resize", t);
+    }), i && k.addEventListener("resize", t);
   });
   const p = f && s ? _a(f, t) : null;
   let g = -1, h = null;
-  o && (h = new ResizeObserver(($) => {
-    let [k] = $;
-    k && k.target === f && h && (h.unobserve(l), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+  o && (h = new ResizeObserver((k) => {
+    let [$] = k;
+    $ && $.target === f && h && (h.unobserve(l), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var z;
       (z = h) == null || z.observe(l);
     })), t();
@@ -2179,14 +2179,14 @@ function wa(e, l, t, n) {
   let m, w = c ? Re(e) : null;
   c && S();
   function S() {
-    const $ = Re(e);
-    w && ($.x !== w.x || $.y !== w.y || $.width !== w.width || $.height !== w.height) && t(), w = $, m = requestAnimationFrame(S);
+    const k = Re(e);
+    w && (k.x !== w.x || k.y !== w.y || k.width !== w.width || k.height !== w.height) && t(), w = k, m = requestAnimationFrame(S);
   }
   return t(), () => {
-    var $;
-    v.forEach((k) => {
-      a && k.removeEventListener("scroll", t), i && k.removeEventListener("resize", t);
-    }), p == null || p(), ($ = h) == null || $.disconnect(), h = null, c && cancelAnimationFrame(m);
+    var k;
+    v.forEach(($) => {
+      a && $.removeEventListener("scroll", t), i && $.removeEventListener("resize", t);
+    }), p == null || p(), (k = h) == null || k.disconnect(), h = null, c && cancelAnimationFrame(m);
   };
 }
 const It = na, xa = ea, $a = Ql, ka = (e, l, t) => {
@@ -2270,18 +2270,18 @@ const Sa = ["data-side"], tn = {
       middlewareData: m
     };
     let S = null;
-    const $ = _(!1), k = _(), z = (A) => {
-      k.value = A && A.nextElementSibling || null;
+    const k = _(!1), $ = _(), z = (A) => {
+      $.value = A && A.nextElementSibling || null;
     }, N = () => {
-      $.value = !0;
-    }, T = () => $.value = !1, L = () => {
-      k.value && re(() => {
-        k.value.addEventListener("click", C);
-        const A = k.value.getBoundingClientRect();
-        n.widthAuto && (f.value = A != null && A.width ? (A == null ? void 0 : A.width) + "px" : "auto"), c.value && (k.value.addEventListener("mouseover", N, { capture: !0 }), k.value.addEventListener("mouseout", T, { capture: !0 }));
+      k.value = !0;
+    }, T = () => k.value = !1, L = () => {
+      $.value && re(() => {
+        $.value.addEventListener("click", C);
+        const A = $.value.getBoundingClientRect();
+        n.widthAuto && (f.value = A != null && A.width ? (A == null ? void 0 : A.width) + "px" : "auto"), c.value && ($.value.addEventListener("mouseover", N, { capture: !0 }), $.value.addEventListener("mouseout", T, { capture: !0 }));
       });
     }, B = () => {
-      k.value && (k.value.removeEventListener("click", C), c.value && (k.value.removeEventListener("mouseover", N, { capture: !0 }), k.value.removeEventListener("mouseout", T, { capture: !0 })));
+      $.value && ($.value.removeEventListener("click", C), c.value && ($.value.removeEventListener("mouseover", N, { capture: !0 }), $.value.removeEventListener("mouseout", T, { capture: !0 })));
     };
     ge(() => {
       t.value = !0, L(), pt(() => {
@@ -2289,7 +2289,7 @@ const Sa = ["data-side"], tn = {
       });
     }), Q(() => v.value, (A) => {
       A && z(v.value);
-    }, { immediate: !0 }), Q(k, (A, q) => {
+    }, { immediate: !0 }), Q($, (A, q) => {
       q && B(), A && L();
     }, { immediate: !0 }), ft(() => {
       B(), L();
@@ -2309,9 +2309,9 @@ const Sa = ["data-side"], tn = {
         top: (A == null ? void 0 : A.y) + "px"
       };
     }), H = async () => {
-      if (!(!k.value || !p.value))
+      if (!(!$.value || !p.value))
         try {
-          const A = await ka(k.value, p.value, {
+          const A = await ka($.value, p.value, {
             middleware: le(i),
             placement: le(o),
             strategy: le(s)
@@ -2324,9 +2324,9 @@ const Sa = ["data-side"], tn = {
         }
     };
     async function W() {
-      if (!(!k.value || !p.value))
+      if (!(!$.value || !p.value))
         try {
-          await re(), S = wa(k.value, p.value, H);
+          await re(), S = wa($.value, p.value, H);
         } catch (A) {
           console.error("Error updating position:", A);
         }
@@ -2345,7 +2345,7 @@ const Sa = ["data-side"], tn = {
         key: 0,
         to: "body"
       }, [
-        $.value ? (r(), d("div", {
+        k.value ? (r(), d("div", {
           key: 0,
           ref_key: "contentRef",
           ref: p,
@@ -3082,7 +3082,7 @@ const ao = /* @__PURE__ */ u("div", {
       deep: !0,
       immediate: !0
     });
-    const $ = (H, W) => {
+    const k = (H, W) => {
       let A, q;
       try {
         A = H.toString().split(".")[1].length;
@@ -3096,16 +3096,16 @@ const ao = /* @__PURE__ */ u("div", {
       }
       const Z = Math.max(A, q), se = Math.pow(10, Z);
       return H = Math.round(H * se), W = Math.round(W * se), (H + W) / se;
-    }, k = (H) => {
+    }, $ = (H) => {
       i.value[H] = !0;
     }, z = (H) => {
       o.value = (o.value + 1) % a.value;
     }, N = (H) => {
       o.value = (o.value - 1 + a.value) % a.value;
     }, T = () => {
-      s.value + n.zoomRate > n.maxScale ? s.value = n.maxScale : s.value = $(s.value, n.zoomRate);
+      s.value + n.zoomRate > n.maxScale ? s.value = n.maxScale : s.value = k(s.value, n.zoomRate);
     }, L = () => {
-      s.value - n.zoomRate < n.minScale ? s.value = n.minScale : s.value = $(s.value, -n.zoomRate);
+      s.value - n.zoomRate < n.minScale ? s.value = n.minScale : s.value = k(s.value, -n.zoomRate);
     }, B = () => {
       g.value -= 90;
     }, C = () => {
@@ -3127,7 +3127,7 @@ const ao = /* @__PURE__ */ u("div", {
       if (!n.drag)
         return;
       const W = H.deltaY * n.zoomRate * 0.1;
-      s.value === n.minScale && W > 0 || s.value === n.maxScale && W < 0 || (s.value - W < n.minScale ? s.value = n.minScale : s.value - W > n.maxScale ? s.value = n.maxScale : s.value = $(s.value, -W));
+      s.value === n.minScale && W > 0 || s.value === n.maxScale && W < 0 || (s.value - W < n.minScale ? s.value = n.minScale : s.value - W > n.maxScale ? s.value = n.maxScale : s.value = k(s.value, -W));
     }, F = () => {
       S(), h("update:modelValue", !1);
     };
@@ -3165,7 +3165,7 @@ const ao = /* @__PURE__ */ u("div", {
                       title: "",
                       class: "abl-image-preview__img",
                       style: M(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${g.value}deg);`),
-                      onLoad: (Z) => k(q),
+                      onLoad: (Z) => $(q),
                       onMousedown: W[0] || (W[0] = G((Z) => x(Z), ["prevent"])),
                       onClick: W[1] || (W[1] = G(() => {
                       }, ["stop"]))
@@ -3195,7 +3195,7 @@ const ao = /* @__PURE__ */ u("div", {
                     alt: "",
                     title: "",
                     style: M(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${g.value}deg);`),
-                    onLoad: (Z) => k(q),
+                    onLoad: (Z) => $(q),
                     onMousedown: W[2] || (W[2] = G((Z) => x(Z), ["prevent"])),
                     onClick: W[3] || (W[3] = G(() => {
                     }, ["stop"])),
@@ -3587,20 +3587,20 @@ const Ho = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Wo = ["onClick"], U
         g.value = !0, w(B);
       }
     }, w = async (L) => {
-      await $(), f.value = !0, p.value = L, Array.from(c.value.children).map((B, C) => {
+      await k(), f.value = !0, p.value = L, Array.from(c.value.children).map((B, C) => {
         C === L ? c.value.children[C].style.display = "block" : c.value.children[C].style.display = "none";
       }), t("open", p.value);
     }, S = () => {
       f.value = !1, p.value = 99999, setTimeout(() => {
         g.value = !1;
       }, 300);
-    }, $ = () => {
+    }, k = () => {
       var C;
       if (!a)
         return;
       const { top: L, bottom: B } = (C = s == null ? void 0 : s.value) == null ? void 0 : C.getBoundingClientRect();
       B > 0 && (v.value = B - 1);
-    }, k = () => {
+    }, $ = () => {
       i.closeOnClickMask && S();
     }, z = Ie({
       ...He(i),
@@ -3610,7 +3610,7 @@ const Ho = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Wo = ["onClick"], U
       g.value && S();
     });
     return $e(Xo, z), ge(() => {
-      $();
+      k();
     }), (L, B) => (r(), d("div", {
       class: "abl-dropdown",
       ref_key: "root",
@@ -3652,7 +3652,7 @@ const Ho = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Wo = ["onClick"], U
             top: h(v.value)
           }
         ]),
-        onClick: k,
+        onClick: $,
         onTouchmove: B[1] || (B[1] = G(() => {
         }, ["prevent"]))
       }, [
@@ -3838,12 +3838,12 @@ const us = {
       default: ""
     }
   },
-  emits: ["update:modelValue", "focus", "blur", "clear", "input"],
+  emits: ["update:modelValue", "focus", "blur", "clear", "input", "inputTarget"],
   setup(e, { expose: l, emit: t }) {
     const n = e, a = t, i = _(), o = _(n.autofocus), s = _(!0), c = _(n.type), f = _(!1), v = D({
       get: () => n.modelValue,
-      set: (k) => {
-        a("update:modelValue", k);
+      set: ($) => {
+        a("update:modelValue", $);
       }
     }), p = () => {
       o.value = !0, f.value = n.clearable && v.value, a("focus");
@@ -3851,8 +3851,8 @@ const us = {
       o.value = !1, a("blur"), setTimeout(() => {
         f.value = !1;
       }, 500);
-    }, h = (k) => {
-      k.target.value ? f.value = n.clearable : f.value = !1, a("input", k.target.value);
+    }, h = ($) => {
+      $.target.value ? f.value = n.clearable : f.value = !1, a("input", $.target.value), a("inputTarget", $);
     }, m = () => {
       v.value = "", a("clear");
     }, w = () => {
@@ -3861,33 +3861,33 @@ const us = {
     function S() {
       f.value = n.clearable && v.value;
     }
-    function $() {
+    function k() {
       f.value = !1;
     }
     return l({
       blur: () => {
-        var k;
-        return (k = i.value) == null ? void 0 : k.blur();
+        var $;
+        return ($ = i.value) == null ? void 0 : $.blur();
       },
       focus: () => {
-        var k;
-        return (k = i.value) == null ? void 0 : k.focus();
+        var $;
+        return ($ = i.value) == null ? void 0 : $.focus();
       },
       clear: m,
       input: () => i.value
-    }), (k, z) => (r(), d("div", {
-      class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": k.$slots.addonBefore || e.addonBefore || k.$slots.addonAfter || e.addonAfter }])
+    }), ($, z) => (r(), d("div", {
+      class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": $.$slots.addonBefore || e.addonBefore || $.$slots.addonAfter || e.addonAfter }])
     }, [
-      E(k.$slots, "addonBefore", {}, () => [
+      E($.$slots, "addonBefore", {}, () => [
         e.addonBefore ? (r(), d("span", us, U(e.addonBefore), 1)) : I("", !0)
       ], !0),
       u("div", {
         class: V(["abl-input__wrapper", { "is-focus": o.value }]),
         onMouseenter: S,
-        onMouseleave: $
+        onMouseleave: k
       }, [
-        k.$slots.prefix || e.prefixIcon ? (r(), d("span", ds, [
-          E(k.$slots, "prefix", {}, void 0, !0),
+        $.$slots.prefix || e.prefixIcon ? (r(), d("span", ds, [
+          E($.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (r(), d("i", {
             key: 0,
             class: V(["iconfont-abl", e.suffixIcon])
@@ -3905,7 +3905,7 @@ const us = {
           disabled: e.disabled,
           onFocus: p,
           onBlur: g
-        }, k.$attrs, { onInput: h }), null, 16, fs), [
+        }, $.$attrs, { onInput: h }), null, 16, fs), [
           [hn, v.value]
         ]),
         e.showPassword || e.clearable ? (r(), d("span", ps, [
@@ -3928,20 +3928,20 @@ const us = {
             [te, f.value]
           ])
         ])) : I("", !0),
-        k.$slots.suffix || e.suffixIcon ? (r(), d("span", vs, [
-          E(k.$slots, "suffix", {}, void 0, !0),
+        $.$slots.suffix || e.suffixIcon ? (r(), d("span", vs, [
+          E($.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (r(), d("i", {
             key: 0,
             class: V(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : I("", !0)
         ])) : I("", !0)
       ], 34),
-      E(k.$slots, "addonAfter", {}, () => [
+      E($.$slots, "addonAfter", {}, () => [
         e.addonAfter ? (r(), d("span", ms, U(e.addonAfter), 1)) : I("", !0)
       ], !0)
     ], 2));
   }
-}), gs = /* @__PURE__ */ K(hs, [["__scopeId", "data-v-c0b9aaef"]]);
+}), gs = /* @__PURE__ */ K(hs, [["__scopeId", "data-v-83d348ad"]]);
 const at = (e) => (be("data-v-d27e2131"), e = e(), _e(), e), ys = { class: "abl-spin-box" }, bs = {
   key: 0,
   class: "abl-spin-logo"
@@ -4117,7 +4117,7 @@ const _t = (e) => (be("data-v-915b5556"), e = e(), _e(), e), Vs = { class: "abl-
       if (y != null && y.length) {
         const O = y.length;
         for (let F = 0; F < O && C + F <= t.maxCount; F++)
-          $(y[F], C + F);
+          k(y[F], C + F);
         o.value[C].value = "";
       }
     }, m = (B) => {
@@ -4127,14 +4127,14 @@ const _t = (e) => (be("data-v-915b5556"), e = e(), _e(), e), Vs = { class: "abl-
       if (y != null && y.length) {
         const x = y.length;
         for (let O = 0; O < x && C + O < t.maxCount; O++)
-          $(y[O], C + O);
+          k(y[O], C + O);
         o.value[C].value = "";
       }
-    }, S = l, $ = function(B, C) {
-      t.beforeUpload(B) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (i.value[C] = !0, k(B, C)), t.uploadMode === "custom" && (i.value[C] = !0, z(B, C))) : re(() => {
+    }, S = l, k = function(B, C) {
+      t.beforeUpload(B) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (i.value[C] = !0, $(B, C)), t.uploadMode === "custom" && (i.value[C] = !0, z(B, C))) : re(() => {
         L(t.errorInfo);
       });
-    }, k = (B, C) => {
+    }, $ = (B, C) => {
       var y = new FileReader();
       y.readAsDataURL(B), y.onloadstart = function(x) {
         console.log("开始读取 onloadstart:", x);
@@ -4375,8 +4375,8 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
       trigger: "click",
       transitionName: "abl-select-menu"
     }), v = _(""), p = _(), g = _(null), h = _(""), m = _(), w = _(o.modelValue), S = _(!1);
-    let $ = null;
-    const k = D(() => {
+    let k = null;
+    const $ = D(() => {
       var b;
       return { width: (((b = p.value) == null ? void 0 : b.getBoundingClientRect().width) || "200") + "px" };
     }), z = Ie({
@@ -4478,7 +4478,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
     }, { immediate: !0, deep: !0 });
     const ve = async (j) => {
       var b;
-      k.value && k.value.width && (k.value.width = ((b = p.value) == null ? void 0 : b.getBoundingClientRect().width) + "px");
+      $.value && $.value.width && ($.value.width = ((b = p.value) == null ? void 0 : b.getBoundingClientRect().width) + "px");
     };
     return ge(async () => {
       Q(h, (j) => {
@@ -4486,9 +4486,9 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
         j === "focus" ? (b = g.value) == null || b.focus() : (R = g.value) == null || R.blur(), T.value = o.search && j === "focus" && N;
       }), document.body.addEventListener("click", () => {
         h.value = "blur";
-      }), await re(), $ = window == null ? void 0 : window.matchMedia("(orientation: landscape)"), $.addEventListener("change", ve);
+      }), await re(), k = window == null ? void 0 : window.matchMedia("(orientation: landscape)"), k.addEventListener("change", ve);
     }), Oe(() => {
-      $ && $.removeEventListener("change", ve);
+      k && k.removeEventListener("change", ve);
     }), Q(() => o.modelValue, async () => {
       w.value = o.modelValue, w.value == "" && (v.value = "", C.value.splice(0, 1)), z.list.map((j) => {
         x(j.value, o.modelValue) && (C.value.splice(0, C.value.length), C.value.push({
@@ -4516,7 +4516,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
         content: ie(() => [
           u("div", {
             class: V(["abl-select-options-warpper", [e.customScrollbar ? "custom-scrollbar" : ""]]),
-            style: M(k.value),
+            style: M($.value),
             id: "abl-select"
           }, [
             z.list.length > 0 ? (r(!0), d(Y, { key: 0 }, ne(z.list, (R, P) => (r(), d("div", {
@@ -4675,27 +4675,27 @@ const ai = {
       const m = g.length;
       let w = [];
       for (let S = 0; S < m; S++) {
-        const $ = {
+        const k = {
           span: Math.min(g[S].dataset.span, h),
           element: g[S]
         };
-        v(w) < h ? ($.span = Math.min($.span, h - v(w)), S === m - 1 && ($.span = h - v(w)), w.push($), S === m - 1 && s.value.push(w)) : (s.value.push(w), w = [$], S === m - 1 && ($.span = h, s.value.push(w)));
+        v(w) < h ? (k.span = Math.min(k.span, h - v(w)), S === m - 1 && (k.span = h - v(w)), w.push(k), S === m - 1 && s.value.push(w)) : (s.value.push(w), w = [k], S === m - 1 && (k.span = h, s.value.push(w)));
       }
       l.bordered ? re(() => {
-        s.value.forEach((S, $) => {
-          S.forEach((k) => {
-            const z = Array.from(k.element.children), N = z[0];
-            N.colSpan = 1, p(N, l.labelStyle), p(N, JSON.parse(k.element.dataset.labelStyle));
+        s.value.forEach((S, k) => {
+          S.forEach(($) => {
+            const z = Array.from($.element.children), N = z[0];
+            N.colSpan = 1, p(N, l.labelStyle), p(N, JSON.parse($.element.dataset.labelStyle));
             const T = z[1];
-            T.colSpan = k.span * 2 - 1, p(T, l.contentStyle), p(T, JSON.parse(k.element.dataset.contentStyle)), o.value[$].appendChild(N), o.value[$].appendChild(T);
+            T.colSpan = $.span * 2 - 1, p(T, l.contentStyle), p(T, JSON.parse($.element.dataset.contentStyle)), o.value[k].appendChild(N), o.value[k].appendChild(T);
           });
         });
       }) : re(() => {
-        g.forEach((S, $) => {
-          const k = Array.from(S.children), z = k[0];
+        g.forEach((S, k) => {
+          const $ = Array.from(S.children), z = $[0];
           p(z, l.labelStyle), p(z, JSON.parse(S.dataset.labelStyle));
-          const N = k[1];
-          p(N, l.contentStyle), p(N, JSON.parse(S.dataset.contentStyle)), i.value[$].appendChild(S);
+          const N = $[1];
+          p(N, l.contentStyle), p(N, JSON.parse(S.dataset.contentStyle)), i.value[k].appendChild(S);
         });
       });
     }
@@ -4744,13 +4744,13 @@ const ai = {
             }))), 128)) : I("", !0)
           ])) : (r(), d("tbody", ii, [
             (r(!0), d(Y, null, ne(s.value, (m, w) => (r(), d("tr", { key: w }, [
-              (r(!0), d(Y, null, ne(m, (S, $) => (r(), d("td", {
+              (r(!0), d(Y, null, ne(m, (S, k) => (r(), d("td", {
                 ref_for: !0,
                 ref_key: "cols",
                 ref: i,
                 class: "abl-item-td",
                 colspan: S.span,
-                key: $
+                key: k
               }, null, 8, ri))), 128))
             ]))), 128))
           ]))
@@ -4963,9 +4963,9 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
       };
     }), S = D(() => ({
       background: t.inactiveColor
-    })), $ = D(() => ({
+    })), k = D(() => ({
       borderColor: t.buttonColor
-    })), k = _(!1), z = (b) => !!t.range && Array.isArray(b), N = () => {
+    })), $ = _(!1), z = (b) => !!t.range && Array.isArray(b), N = () => {
       const { modelValue: b, min: R } = t;
       return z(b) ? `${(b[1] - b[0]) * 100 / p.value}%` : `${(b - Number(R)) * 100 / p.value}%`;
     }, T = () => {
@@ -5020,7 +5020,7 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
     }, W = (b) => {
       if (t.disabled || c.value === "draging")
         return;
-      k.value = !0;
+      $.value = !0;
       const { min: R, modelValue: P } = t, X = Mt(s);
       let ce = b.clientX - X.left, ue = X.width;
       t.vertical && (ce = b.clientY - X.top, ue = X.height);
@@ -5034,18 +5034,18 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
         document.addEventListener("mousedown", A, { once: !0 });
       });
     }, A = () => {
-      k.value = !1;
+      $.value = !1;
     }, q = (b) => {
       t.disabled || (f.start(b), o = t.modelValue, z(o) ? i = o.map(x) : i = x(o), c.value = "start");
     }, Z = (b) => {
       if (t.disabled)
         return;
-      c.value === "start" && n("dragStart"), f.move(b), c.value = "draging", b.type.startsWith("touch") && (k.value = !0);
+      c.value === "start" && n("dragStart"), f.move(b), c.value = "draging", b.type.startsWith("touch") && ($.value = !0);
       const R = Mt(s);
       let P = f.deltaX.value, X = R.width, ce = P / X * p.value;
       t.vertical && (P = f.deltaY.value, X = R.height, ce = P / X * p.value), z(i) ? o[a.value] = i[a.value] + ce : o = i + ce, H(o);
     }, se = (b) => {
-      t.disabled || c.value === "draging" && (H(o, !0), n("dragEnd"), window.removeEventListener("mousemove", Z), window.removeEventListener("touchmove", Z), window.removeEventListener("mouseup", se), window.removeEventListener("touchend", se), b.type.startsWith("touch") && (k.value = !1), setTimeout(() => {
+      t.disabled || c.value === "draging" && (H(o, !0), n("dragEnd"), window.removeEventListener("mousemove", Z), window.removeEventListener("touchmove", Z), window.removeEventListener("mouseup", se), window.removeEventListener("touchend", se), b.type.startsWith("touch") && ($.value = !1), setTimeout(() => {
         c.value = "";
       }));
     }, ve = (b, R) => {
@@ -5102,11 +5102,11 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
             b.$slots.button ? E(b.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {
               key: 1,
               class: "abl-range-button",
-              style: M($.value)
+              style: M(k.value)
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === P && k.value }]])
+                class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === P && $.value }]])
               }, [
                 ee(U(j(P)) + " ", 1),
                 Ci
@@ -5133,11 +5133,11 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
             b.$slots.button ? E(b.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {
               key: 1,
               class: "abl-range-button",
-              style: M($.value)
+              style: M(k.value)
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: V(["abl-handle-tooltip", [{ "display-tooltip": k.value }]])
+                class: V(["abl-handle-tooltip", [{ "display-tooltip": $.value }]])
               }, [
                 ee(U(j()) + " ", 1),
                 Vi
@@ -5229,13 +5229,13 @@ const Ri = { class: "abl-pagination-wrap" }, zi = {
       }
     );
     const v = (m) => {
-      var w = [], S = Math.floor(t.pagerCount / 2), $ = {
+      var w = [], S = Math.floor(t.pagerCount / 2), k = {
         start: m - S,
         end: m + S
       };
-      $.start < 1 && ($.end = $.end + (1 - $.start), $.start = 1), $.end > s.value && ($.start = $.start - ($.end - s.value), $.end = s.value), $.start < 1 && ($.start = 1), $.start > 1 ? i.value = !0 : i.value = !1, $.end < s.value ? o.value = !0 : o.value = !1;
-      for (let k = $.start; k <= $.end; k++)
-        w.push(k);
+      k.start < 1 && (k.end = k.end + (1 - k.start), k.start = 1), k.end > s.value && (k.start = k.start - (k.end - s.value), k.end = s.value), k.start < 1 && (k.start = 1), k.start > 1 ? i.value = !0 : i.value = !1, k.end < s.value ? o.value = !0 : o.value = !1;
+      for (let $ = k.start; $ <= k.end; $++)
+        w.push($);
       return w;
     }, p = () => {
       a.value = a.value - t.pagerCount > 0 ? a.value - t.pagerCount : 1, n.itemRender && f("jump", a.value);
@@ -5280,10 +5280,10 @@ const Ri = { class: "abl-pagination-wrap" }, zi = {
         }, Ti, 512), [
           [te, i.value && c.value[0] - 1 > 1]
         ]),
-        (r(!0), d(Y, null, ne(c.value, (S, $) => (r(), d("div", {
+        (r(!0), d(Y, null, ne(c.value, (S, k) => (r(), d("div", {
           class: V(["abl-pagination-item", { active: a.value === S }]),
-          key: $,
-          onClick: (k) => !le(n).itemRender && h(S)
+          key: k,
+          onClick: ($) => !le(n).itemRender && h(S)
         }, [
           E(m.$slots, "itemRender", {
             page: S,
@@ -5572,14 +5572,14 @@ const fr = {
         const S = n.container;
         if (!i.value && !S)
           return;
-        const $ = it(i), k = o.value, z = it(k), N = it(S);
-        if (s.height = $.height, s.width = $.width, n.position === "top")
+        const k = it(i), $ = o.value, z = it($), N = it(S);
+        if (s.height = k.height, s.width = k.width, n.position === "top")
           if (S) {
-            s.fixed = v.value > $.top && N.bottom > 0;
+            s.fixed = v.value > k.top && N.bottom > 0;
             const T = N.bottom - v.value - z.height;
             s.transform = T < 0 ? T : 0;
           } else
-            s.fixed = v.value > $.top, s.transform = 0;
+            s.fixed = v.value > k.top, s.transform = 0;
         else {
           const T = document.documentElement.clientHeight;
           if (S) {
@@ -5587,7 +5587,7 @@ const fr = {
             const L = N.bottom - (T - v.value);
             s.transform = L < 0 ? L : 0;
           } else
-            s.fixed = T - v.value < $.bottom, s.transform = 0;
+            s.fixed = T - v.value < k.bottom, s.transform = 0;
         }
         f.value = null;
       }));
@@ -5609,7 +5609,7 @@ const fr = {
       w(), f.value !== null && n.isFixed && cancelAnimationFrame(f.value);
     }), Q(() => [n.container], () => {
       w(), m();
-    }), (S, $) => (r(), d("div", {
+    }), (S, k) => (r(), d("div", {
       ref_key: "rootRef",
       ref: i,
       style: M(p.value)