abl-ui 0.2.52 → 0.2.54

package/lib/abl-ui.es.js

@@ -163,56 +163,59 @@ const En = { class: "abl-tabs" }, Vn = {
   emits: ["tabClick"],
   setup(e, { emit: t }) {
     var v;
-    const n = t, o = Ye(), a = e, s = _({}), r = _(), i = _([]), l = _(), d = _(a.modelValue), b = _(!1), f = _(!1), h = _(!0);
-    (v = o.default()) == null || v.map(({ props: $ }) => {
-      if ($) {
-        const { title: A, value: S, icon: C } = $;
+    const n = t, o = Ye(), a = e, s = _({}), r = _(), i = _([]), l = _(), d = _(0), b = _(!1), f = _(!1), h = _(!0);
+    (v = o.default()) == null || v.map(({ props: k }) => {
+      if (k) {
+        const { title: A, value: C, icon: $ } = k;
         i.value.push({
           title: A,
-          value: S,
-          icon: C
+          value: C,
+          icon: $
         });
       }
     }), Me("active", d);
-    const g = ($, A) => {
-      const S = document.querySelector("#tab-hidden");
-      A > d.value ? S.scrollLeft += $.target.clientWidth : S.scrollLeft -= $.target.clientWidth, s.value = {
-        transform: `translateX(${$.target.offsetLeft}px)`,
-        width: $.target.clientWidth + "px"
+    const g = (k, A) => {
+      const C = document.querySelector("#tab-hidden");
+      A > d.value ? C.scrollLeft += k.target.clientWidth : C.scrollLeft -= k.target.clientWidth, s.value = {
+        transform: `translateX(${k.target.offsetLeft}px)`,
+        width: k.target.clientWidth + "px"
       }, d.value = A, n("tabClick", A);
     }, m = () => {
-      const $ = document.querySelector("#tab-hidden");
-      if (!$)
+      const k = document.querySelector("#tab-hidden");
+      if (!k)
         return;
       const A = document.querySelector("#tabs-header-wrap").clientWidth;
-      $.scrollWidth > $.clientWidth + $.scrollLeft && ($.scrollLeft += A);
+      k.scrollWidth > k.clientWidth + k.scrollLeft && (k.scrollLeft += A);
     }, w = () => {
-      const $ = document.querySelector("#tab-hidden"), A = document.querySelector("#tabs-header-wrap").clientWidth;
-      $.scrollLeft > 0 && ($.scrollLeft -= A);
+      const k = document.querySelector("#tab-hidden"), A = document.querySelector("#tabs-header-wrap").clientWidth;
+      k.scrollLeft > 0 && (k.scrollLeft -= A);
     };
     xe(() => {
       x();
     });
     const x = () => {
-      if (!d.value || !r.value)
+      if (!r.value)
         return;
-      console.log(d.value), console.log(r.value);
-      const $ = r.value[d.value - 1];
-      console.log($), s.value = {
-        transform: `translateX(${$.offsetLeft}px)`,
-        width: $.clientWidth + "px"
+      let k = 0;
+      i.value.map(($, y) => {
+        $.value == a.modelValue && (k = y);
+      });
+      const A = r.value[k];
+      s.value = {
+        transform: `translateX(${A.offsetLeft}px)`,
+        width: A.clientWidth + "px"
       };
-      const A = document.getElementById("tab-hidden");
-      A.scrollWidth > A.clientWidth ? b.value = !0 : b.value = !1, A.addEventListener("scroll", function(S) {
-        S.target.scrollLeft + S.target.offsetWidth >= S.target.scrollWidth - 1 && (h.value = !1, f.value = !0), S.target.scrollLeft == 0 && (h.value = !0, f.value = !1);
+      const C = document.getElementById("tab-hidden");
+      C.scrollWidth > C.clientWidth ? b.value = !0 : b.value = !1, C.addEventListener("scroll", function($) {
+        $.target.scrollLeft + $.target.offsetWidth >= $.target.scrollWidth - 1 && (h.value = !1, f.value = !0), $.target.scrollLeft == 0 && (h.value = !0, f.value = !1);
       });
     };
-    return fe(() => a.modelValue, async ($) => {
-      console.log("watch" + $), d.value = $, x();
+    return fe(() => a.modelValue, async () => {
+      d.value = a.modelValue, x();
     }, {
       immediate: !0
-    }), ($, A) => {
-      var S;
+    }), (k, A) => {
+      var C;
       return u(), p("div", En, [
         c("div", Vn, [
           F(c("i", {
@@ -222,21 +225,21 @@ const En = { class: "abl-tabs" }, Vn = {
             [G, b.value]
           ]),
           c("header", Rn, [
-            (u(!0), p(j, null, ee(i.value, (C) => (u(), p("div", {
-              key: C.title,
+            (u(!0), p(j, null, ee(i.value, ($) => (u(), p("div", {
+              key: $.title,
               ref_for: !0,
               ref_key: "tabs",
               ref: r,
               class: B("header-btn"),
-              onClick: (y) => g(y, C.value)
+              onClick: (y) => g(y, $.value)
             }, [
-              C.icon ? (u(), p("i", {
+              $.icon ? (u(), p("i", {
                 key: 0,
-                class: B(["iconfont-abl tab-icon", C.icon])
+                class: B(["iconfont-abl tab-icon", $.icon])
               }, null, 2)) : E("", !0),
-              Y(T(C.title), 1)
+              Y(T($.title), 1)
             ], 8, In))), 128)),
-            (S = s.value) != null && S.width ? (u(), p("div", {
+            (C = s.value) != null && C.width ? (u(), p("div", {
               key: 0,
               class: "bottom-line",
               style: O(s.value)
@@ -254,12 +257,12 @@ const En = { class: "abl-tabs" }, Vn = {
           ref: l,
           class: "tab-content"
         }, [
-          R($.$slots, "default", {}, void 0, !0)
+          R(k.$slots, "default", {}, void 0, !0)
         ], 512)
       ]);
     };
   }
-}, Tn = /* @__PURE__ */ J(On, [["__scopeId", "data-v-afbf7dc9"]]), Nn = (e) => (pe("data-v-9ebed9dd"), e = e(), ve(), e), Mn = /* @__PURE__ */ Nn(() => /* @__PURE__ */ c("span", { class: "abl-switch__core" }, null, -1)), Dn = [
+}, Tn = /* @__PURE__ */ J(On, [["__scopeId", "data-v-c4e5d168"]]), Nn = (e) => (pe("data-v-9ebed9dd"), e = e(), ve(), e), Mn = /* @__PURE__ */ Nn(() => /* @__PURE__ */ c("span", { class: "abl-switch__core" }, null, -1)), Dn = [
   Mn
 ], Pn = {
   name: "AblSwitch"
@@ -1114,10 +1117,10 @@ const No = async (e, t, n) => {
       name: x,
       fn: v
     } = i[w], {
-      x: $,
+      x: k,
       y: A,
-      data: S,
-      reset: C
+      data: C,
+      reset: $
     } = await v({
       x: b,
       y: f,
@@ -1132,17 +1135,17 @@ const No = async (e, t, n) => {
         floating: t
       }
     });
-    b = $ ?? b, f = A ?? f, g = {
+    b = k ?? b, f = A ?? f, g = {
       ...g,
       [x]: {
         ...g[x],
-        ...S
+        ...C
       }
-    }, C && m <= 50 && (m++, typeof C == "object" && (C.placement && (h = C.placement), C.rects && (d = C.rects === !0 ? await r.getElementRects({
+    }, $ && m <= 50 && (m++, typeof $ == "object" && ($.placement && (h = $.placement), $.rects && (d = $.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: a
-    }) : C.rects), {
+    }) : $.rects), {
       x: b,
       y: f
     } = _t(d, h, l)), w = -1);
@@ -1176,27 +1179,27 @@ async function Dt(e, t) {
     boundary: d,
     rootBoundary: b,
     strategy: l
-  })), $ = f === "floating" ? {
+  })), k = f === "floating" ? {
     ...r.floating,
     x: o,
     y: a
-  } : r.reference, A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), S = await (s.isElement == null ? void 0 : s.isElement(A)) ? await (s.getScale == null ? void 0 : s.getScale(A)) || {
+  } : r.reference, A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), C = await (s.isElement == null ? void 0 : s.isElement(A)) ? await (s.getScale == null ? void 0 : s.getScale(A)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, C = Xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, $ = Xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
-    rect: $,
+    rect: k,
     offsetParent: A,
     strategy: l
-  }) : $);
+  }) : k);
   return {
-    top: (v.top - C.top + m.top) / S.y,
-    bottom: (C.bottom - v.bottom + m.bottom) / S.y,
-    left: (v.left - C.left + m.left) / S.x,
-    right: (C.right - v.right + m.right) / S.x
+    top: (v.top - $.top + m.top) / C.y,
+    bottom: ($.bottom - v.bottom + m.bottom) / C.y,
+    left: (v.left - $.left + m.left) / C.x,
+    right: ($.right - v.right + m.right) / C.x
   };
 }
 const Mo = (e) => ({
@@ -1220,10 +1223,10 @@ const Mo = (e) => ({
     const f = Mt(b), h = {
       x: n,
       y: o
-    }, g = pt(a), m = ht(g), w = await r.getDimensions(d), x = g === "y", v = x ? "top" : "left", $ = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", S = s.reference[m] + s.reference[g] - h[g] - s.floating[m], C = h[g] - s.reference[g], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d));
+    }, g = pt(a), m = ht(g), w = await r.getDimensions(d), x = g === "y", v = x ? "top" : "left", k = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", C = s.reference[m] + s.reference[g] - h[g] - s.floating[m], $ = h[g] - s.reference[g], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d));
     let L = y ? y[A] : 0;
     (!L || !await (r.isElement == null ? void 0 : r.isElement(y))) && (L = i.floating[A] || s.floating[m]);
-    const M = S / 2 - C / 2, q = L / 2 - w[m] / 2 - 1, z = Ve(f[v], q), V = Ve(f[$], q), I = z, W = L - w[m] - V, U = L / 2 - w[m] / 2 + M, X = lt(I, U, W), Z = !l.arrow && We(a) != null && U !== X && s.reference[m] / 2 - (U < I ? z : V) - w[m] / 2 < 0, Q = Z ? U < I ? U - I : U - W : 0;
+    const M = C / 2 - $ / 2, q = L / 2 - w[m] / 2 - 1, z = Ve(f[v], q), V = Ve(f[k], q), I = z, W = L - w[m] - V, U = L / 2 - w[m] / 2 + M, X = lt(I, U, W), Z = !l.arrow && We(a) != null && U !== X && s.reference[m] / 2 - (U < I ? z : V) - w[m] / 2 < 0, Q = Z ? U < I ? U - I : U - W : 0;
     return {
       [g]: h[g] + Q,
       data: {
@@ -1260,9 +1263,9 @@ const Mo = (e) => ({
       } = He(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const v = Ce(a), $ = Ce(i) === i, A = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), S = h || ($ || !w ? [Ue(i)] : Ro(i));
-      !h && m !== "none" && S.push(...Oo(i, w, m, A));
-      const C = [i, ...S], y = await Dt(t, x), L = [];
+      const v = Ce(a), k = Ce(i) === i, A = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), C = h || (k || !w ? [Ue(i)] : Ro(i));
+      !h && m !== "none" && C.push(...Oo(i, w, m, A));
+      const $ = [i, ...C], y = await Dt(t, x), L = [];
       let M = ((o = s.flip) == null ? void 0 : o.overflows) || [];
       if (b && L.push(y[v]), f) {
         const I = Vo(a, r, A);
@@ -1273,7 +1276,7 @@ const Mo = (e) => ({
         overflows: L
       }], !L.every((I) => I <= 0)) {
         var q, z;
-        const I = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, W = C[I];
+        const I = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, W = $[I];
         if (W)
           return {
             data: {
@@ -1374,11 +1377,11 @@ const Ho = function(e) {
           fn: (x) => {
             let {
               x: v,
-              y: $
+              y: k
             } = x;
             return {
               x: v,
-              y: $
+              y: k
             };
           }
         },
@@ -1389,12 +1392,12 @@ const Ho = function(e) {
       }, b = await Dt(t, l), f = Ze(Ce(a)), h = Nt(f);
       let g = d[h], m = d[f];
       if (s) {
-        const x = h === "y" ? "top" : "left", v = h === "y" ? "bottom" : "right", $ = g + b[x], A = g - b[v];
-        g = lt($, g, A);
+        const x = h === "y" ? "top" : "left", v = h === "y" ? "bottom" : "right", k = g + b[x], A = g - b[v];
+        g = lt(k, g, A);
       }
       if (r) {
-        const x = f === "y" ? "top" : "left", v = f === "y" ? "bottom" : "right", $ = m + b[x], A = m - b[v];
-        m = lt($, m, A);
+        const x = f === "y" ? "top" : "left", v = f === "y" ? "bottom" : "right", k = m + b[x], A = m - b[v];
+        m = lt(k, m, A);
       }
       const w = i.fn({
         ...t,
@@ -1549,8 +1552,8 @@ function Le(e, t, n, o) {
     const h = se(s), g = o && ge(o) ? se(o) : o;
     let m = h, w = m.frameElement;
     for (; w && o && g !== m; ) {
-      const x = ze(w), v = w.getBoundingClientRect(), $ = de(w), A = v.left + (w.clientLeft + parseFloat($.paddingLeft)) * x.x, S = v.top + (w.clientTop + parseFloat($.paddingTop)) * x.y;
-      l *= x.x, d *= x.y, b *= x.x, f *= x.y, l += A, d += S, m = se(w), w = m.frameElement;
+      const x = ze(w), v = w.getBoundingClientRect(), k = de(w), A = v.left + (w.clientLeft + parseFloat(k.paddingLeft)) * x.x, C = v.top + (w.clientTop + parseFloat(k.paddingTop)) * x.y;
+      l *= x.x, d *= x.y, b *= x.x, f *= x.y, l += A, d += C, m = se(w), w = m.frameElement;
     }
   }
   return Xe({
@@ -1776,13 +1779,13 @@ function la(e, t) {
     } = e.getBoundingClientRect();
     if (i || t(), !f || !h)
       return;
-    const g = je(b), m = je(a.clientWidth - (d + f)), w = je(a.clientHeight - (b + h)), x = je(d), $ = {
+    const g = je(b), m = je(a.clientWidth - (d + f)), w = je(a.clientHeight - (b + h)), x = je(d), k = {
       rootMargin: -g + "px " + -m + "px " + -w + "px " + -x + "px",
       threshold: Se(0, Ve(1, l)) || 1
     };
     let A = !0;
-    function S(C) {
-      const y = C[0].intersectionRatio;
+    function C($) {
+      const y = $[0].intersectionRatio;
       if (y !== l) {
         if (!A)
           return r();
@@ -1793,13 +1796,13 @@ function la(e, t) {
       A = !1;
     }
     try {
-      n = new IntersectionObserver(S, {
-        ...$,
+      n = new IntersectionObserver(C, {
+        ...k,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(S, $);
+      n = new IntersectionObserver(C, k);
     }
     n.observe(e);
   }
@@ -1822,8 +1825,8 @@ function ia(e, t, n, o) {
   const f = d && i ? la(d, n) : null;
   let h = -1, g = null;
   r && (g = new ResizeObserver((v) => {
-    let [$] = v;
-    $ && $.target === d && g && (g.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+    let [k] = v;
+    k && k.target === d && g && (g.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
       var A;
       (A = g) == null || A.observe(t);
     })), n();
@@ -1836,8 +1839,8 @@ function ia(e, t, n, o) {
   }
   return n(), () => {
     var v;
-    b.forEach(($) => {
-      a && $.removeEventListener("scroll", n), s && $.removeEventListener("resize", n);
+    b.forEach((k) => {
+      a && k.removeEventListener("scroll", n), s && k.removeEventListener("resize", n);
     }), f == null || f(), (v = g) == null || v.disconnect(), g = null, l && cancelAnimationFrame(m);
   };
 }
@@ -1971,11 +1974,11 @@ const ha = ["data-side"], Yt = {
       x: w,
       y: x,
       contentRef: v,
-      middlewareData: $
-    } = ua({ middleware: a, placement: s, strategy: r }, h), A = N(() => s.value.split("-")[0]), S = N(() => ({ left: w.value + "px", top: x.value + "px" })), C = N(() => {
+      middlewareData: k
+    } = ua({ middleware: a, placement: s, strategy: r }, h), A = N(() => s.value.split("-")[0]), C = N(() => ({ left: w.value + "px", top: x.value + "px" })), $ = N(() => {
       if (!n.showArrow)
         return {};
-      const { arrow: y } = ne($);
+      const { arrow: y } = ne(k);
       return {
         left: (y == null ? void 0 : y.x) + "px",
         top: (y == null ? void 0 : y.y) + "px"
@@ -1994,7 +1997,7 @@ const ha = ["data-side"], Yt = {
               ref_key: "contentRef",
               ref: v,
               class: B(["abl-popper", `is-${e.effect}`, e.popperClass]),
-              style: O(S.value),
+              style: O(C.value),
               "data-side": A.value,
               onMousedown: L[0] || (L[0] = H(() => {
               }, ["stop"]))
@@ -2007,7 +2010,7 @@ const ha = ["data-side"], Yt = {
                 ref_key: "arrowRef",
                 ref: o,
                 class: "abl-popper__arrow",
-                style: O(C.value)
+                style: O($.value)
               }, null, 4)) : E("", !0)
             ], 46, ha)) : E("", !0)
           ]),
@@ -2692,13 +2695,13 @@ const Ka = /* @__PURE__ */ c("div", {
       r.value = (r.value + 1) % a.value;
     }, v = (z) => {
       r.value = (r.value - 1 + a.value) % a.value;
-    }, $ = () => {
+    }, k = () => {
       i.value + o.zoomRate > o.maxScale ? i.value = o.maxScale : i.value = m(i.value, o.zoomRate);
     }, A = () => {
       i.value - o.zoomRate < o.minScale ? i.value = o.minScale : i.value = m(i.value, -o.zoomRate);
-    }, S = () => {
-      h.value -= 90;
     }, C = () => {
+      h.value -= 90;
+    }, $ = () => {
       h.value += 90;
     }, y = () => {
       h.value = 0, i.value = 1, b.value = 0, f.value = 0;
@@ -2706,11 +2709,11 @@ const Ka = /* @__PURE__ */ c("div", {
       console.log("e====", z);
       const V = z.target, { top: I, left: W, right: U, bottom: X } = V.getBoundingClientRect(), Z = document.documentElement.clientWidth, Q = document.documentElement.clientHeight;
       l.value = z.clientX, d.value = z.clientY;
-      const ie = b.value, k = f.value;
+      const ie = b.value, S = f.value;
       document.onmousemove = (P) => {
-        b.value = ie + P.clientX - l.value, f.value = k + P.clientY - d.value;
+        b.value = ie + P.clientX - l.value, f.value = S + P.clientY - d.value;
       }, document.onmouseup = (P) => {
-        b.value > ie + Z - U && (b.value = ie + Z - U), b.value < ie - W && (b.value = ie - W), f.value > k + Q - X && (f.value = k + Q - X), f.value < k - I && (f.value = k - I), document.onmousemove = null;
+        b.value > ie + Z - U && (b.value = ie + Z - U), b.value < ie - W && (b.value = ie - W), f.value > S + Q - X && (f.value = S + Q - X), f.value < S - I && (f.value = S - I), document.onmousemove = null;
       };
     }, M = (z) => {
       const V = z.deltaY * o.zoomRate * 0.1;
@@ -2789,7 +2792,7 @@ const Ka = /* @__PURE__ */ c("div", {
                   }, cs),
                   c("i", {
                     class: "abl-icon",
-                    onClick: H($, ["stop"])
+                    onClick: H(k, ["stop"])
                   }, us),
                   c("i", {
                     class: "abl-icon",
@@ -2797,11 +2800,11 @@ const Ka = /* @__PURE__ */ c("div", {
                   }, hs),
                   c("i", {
                     class: "abl-icon",
-                    onClick: S
+                    onClick: C
                   }, vs),
                   c("i", {
                     class: "abl-icon",
-                    onClick: C
+                    onClick: $
                   }, gs)
                 ])
               ])
@@ -3900,9 +3903,9 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
   },
   emits: ["open", "close"],
   setup(e, { emit: t }) {
-    var C;
+    var $;
     const n = t, o = Ye(), a = typeof window < "u" && typeof document < "u", s = e, r = _([]);
-    (C = o.default()) == null || C.forEach((y) => {
+    ($ = o.default()) == null || $.forEach((y) => {
       const { props: L } = y;
       if (L) {
         const { title: M, disabled: q } = L;
@@ -3947,13 +3950,13 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
         return;
       const { top: y, bottom: L } = (M = i == null ? void 0 : i.value) == null ? void 0 : M.getBoundingClientRect();
       L > 0 && (b.value = L - 1);
-    }, $ = () => {
+    }, k = () => {
       s.closeOnClickMask && x();
     }, A = ke({
       ...De(s),
       onClose: x,
       current: f
-    }), S = qs(() => {
+    }), C = qs(() => {
       h.value && x();
     });
     return Me(Zs, A), xe(() => {
@@ -3961,7 +3964,7 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
     }), (y, L) => (u(), p("div", {
       class: "abl-dropdown",
       ref_key: "root",
-      ref: S
+      ref: C
     }, [
       c("div", {
         class: "abl-dropdown-menu",
@@ -3999,7 +4002,7 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
             top: g(b.value)
           }
         ]),
-        onClick: $,
+        onClick: k,
         onTouchmove: L[1] || (L[1] = H(() => {
         }, ["prevent"]))
       }, [
@@ -4218,7 +4221,7 @@ const pl = {
       },
       clear: g,
       input: () => s.value
-    }), (v, $) => (u(), p("div", {
+    }), (v, k) => (u(), p("div", {
       class: B(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": v.$slots.addonBefore || e.addonBefore || v.$slots.addonAfter || e.addonAfter }])
     }, [
       v.$slots.addonBefore || e.addonBefore ? (u(), p("span", pl, T(e.addonBefore), 1)) : E("", !0),
@@ -4237,7 +4240,7 @@ const pl = {
         F(c("input", Ee({
           ref_key: "inputRef",
           ref: s,
-          "onUpdate:modelValue": $[0] || ($[0] = (A) => b.value = A),
+          "onUpdate:modelValue": k[0] || (k[0] = (A) => b.value = A),
           class: "abl-input__inner",
           type: l.value,
           placeholder: e.placeholder,
@@ -4424,73 +4427,73 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
     function l() {
       o.value = [...n.fileList], o.value.length > n.maxCount && o.value.splice(n.maxCount), n.disabled ? a.value = o.value.length : o.value.length < n.maxCount ? a.value = n.fileList.length + 1 : a.value = n.maxCount;
     }
-    const d = (S) => {
-      const C = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
-      return C.test(S) || y.test(S);
-    }, b = (S, C) => {
+    const d = (C) => {
+      const $ = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
+      return $.test(C) || y.test(C);
+    }, b = (C, $) => {
       var L;
-      const y = (L = S.dataTransfer) == null ? void 0 : L.files;
+      const y = (L = C.dataTransfer) == null ? void 0 : L.files;
       if (y != null && y.length) {
         const M = y.length;
-        for (let q = 0; q < M && C + q <= n.maxCount; q++)
-          m(y[q], C + q);
-        r.value[C].value = "";
+        for (let q = 0; q < M && $ + q <= n.maxCount; q++)
+          m(y[q], $ + q);
+        r.value[$].value = "";
       }
-    }, f = (S) => {
-      r.value[S].click();
-    }, h = (S, C) => {
-      const y = S.target.files;
+    }, f = (C) => {
+      r.value[C].click();
+    }, h = (C, $) => {
+      const y = C.target.files;
       if (y != null && y.length) {
         const L = y.length;
-        for (let M = 0; M < L && C + M < n.maxCount; M++)
-          m(y[M], C + M);
-        r.value[C].value = "";
+        for (let M = 0; M < L && $ + M < n.maxCount; M++)
+          m(y[M], $ + M);
+        r.value[$].value = "";
       }
-    }, g = t, m = function(S, C) {
-      n.beforeUpload(S) ? (n.maxCount > a.value && a.value++, n.uploadMode === "base64" && (s.value[C] = !0, w(S, C)), n.uploadMode === "custom" && (s.value[C] = !0, x(S, C))) : me(() => {
+    }, g = t, m = function(C, $) {
+      n.beforeUpload(C) ? (n.maxCount > a.value && a.value++, n.uploadMode === "base64" && (s.value[$] = !0, w(C, $)), n.uploadMode === "custom" && (s.value[$] = !0, x(C, $))) : me(() => {
         A(n.errorInfo);
       });
-    }, w = (S, C) => {
+    }, w = (C, $) => {
       var y = new FileReader();
-      y.readAsDataURL(S), y.onloadstart = function(L) {
+      y.readAsDataURL(C), y.onloadstart = function(L) {
         console.log("开始读取 onloadstart:", L);
       }, y.onabort = function(L) {
         console.log("读取中止 onabort:", L);
       }, y.onerror = function(L) {
         console.log("读取错误 onerror:", L);
       }, y.onprogress = function(L) {
-        L.loaded === L.total && (s.value[C] = !1);
+        L.loaded === L.total && (s.value[$] = !1);
       }, y.onload = function(L) {
         var M;
         o.value.push({
-          name: S.name,
+          name: C.name,
           url: (M = L.target) == null ? void 0 : M.result
         }), g("update:fileList", o.value), g("change", o.value);
       }, y.onloadend = function(L) {
         console.log("读取结束 onloadend:", L);
       };
-    }, x = (S, C) => {
-      n.customRequest(S).then((y) => {
+    }, x = (C, $) => {
+      n.customRequest(C).then((y) => {
         o.value.push(y), g("update:fileList", o.value), g("change", o.value);
       }).catch((y) => {
         n.maxCount > 1 && (a.value = o.value.length + 1), A(y);
       }).finally(() => {
-        s.value[C] = !1;
+        s.value[$] = !1;
       });
-    }, v = (S, C) => {
-      if (d(C)) {
-        const y = o.value.slice(0, S).filter((L) => !d(L.url));
-        i.value[S - y.length].onPreview();
+    }, v = (C, $) => {
+      if (d($)) {
+        const y = o.value.slice(0, C).filter((L) => !d(L.url));
+        i.value[C - y.length].onPreview();
       } else
-        window.open(C);
-    }, $ = (S) => {
+        window.open($);
+    }, k = (C) => {
       o.value.length < n.maxCount && a.value--;
-      const C = o.value.splice(S, 1);
-      g("remove", C), g("update:fileList", o.value), g("change", o.value);
-    }, A = (S) => {
-      ft({ type: "error", text: S, duration: 1e3, top: 100 });
+      const $ = o.value.splice(C, 1);
+      g("remove", $), g("update:fileList", o.value), g("change", o.value);
+    }, A = (C) => {
+      ft({ type: "error", text: C, duration: 1e3, top: 100 });
     };
-    return (S, C) => (u(), p("div", Rl, [
+    return (C, $) => (u(), p("div", Rl, [
       (u(!0), p(j, null, ee(a.value, (y) => (u(), p("div", {
         class: "abl-upload-item",
         key: y
@@ -4498,9 +4501,9 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
         c("div", Il, [
           F(c("div", {
             class: B(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
-            onDragenter: C[1] || (C[1] = H(() => {
+            onDragenter: $[1] || ($[1] = H(() => {
             }, ["stop", "prevent"])),
-            onDragover: C[2] || (C[2] = H(() => {
+            onDragover: $[2] || ($[2] = H(() => {
             }, ["stop", "prevent"])),
             onDrop: H((L) => e.disabled ? () => !1 : b(L, y - 1), ["stop", "prevent"]),
             onClick: (L) => e.disabled ? () => !1 : f(y - 1)
@@ -4510,7 +4513,7 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
               ref_key: "uploadInput",
               ref: r,
               type: "file",
-              onClick: C[0] || (C[0] = H(() => {
+              onClick: $[0] || ($[0] = H(() => {
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
@@ -4520,7 +4523,7 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
             c("div", null, [
               Nl,
               c("p", Ml, [
-                R(S.$slots, "default", {}, () => [
+                R(C.$slots, "default", {}, () => [
                   Y(T(e.tip), 1)
                 ], !0)
               ])
@@ -4559,7 +4562,7 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
               F(c("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: H((L) => $(y - 1), ["prevent", "stop"])
+                onClick: H((L) => k(y - 1), ["prevent", "stop"])
               }, Xl, 8, ql), [
                 [G, !e.disabled]
               ])
@@ -4646,7 +4649,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
       n.search && l.value === "focus" && h.value
     ), m = _(n.disabled), w = _(n.mode === "tag"), x = _(""), v = ke(
       (q = n == null ? void 0 : n.options) == null ? void 0 : q.filter((z) => z.selected === !0)
-    ), $ = (z) => {
+    ), k = (z) => {
       if (!g.value)
         x.value = "";
       else {
@@ -4655,7 +4658,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
       }
     }, A = (z) => {
       n.disabled || (h.value = !0, z.stopPropagation(), l.value === "focus" ? l.value = "blur" : l.value = "focus");
-    }, S = (z, V) => {
+    }, C = (z, V) => {
       var W;
       if (n.disabled)
         return;
@@ -4671,7 +4674,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
         });
       }
       o("update:modelValue", I), o("changeSelect", ot(v)), d.value.close();
-    }, C = () => {
+    }, $ = () => {
       var z;
       (z = i.value) == null || z.focus(), !g.value && l.value === "focus" && v.length > 0 && (v.pop(), o("changeSelect", ot(v)));
     }, y = (z) => {
@@ -4719,7 +4722,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
             f.list.length > 0 ? (u(!0), p(j, { key: 0 }, ee(f.list, (I) => (u(), p("div", {
               class: B(["abl-select-options-item", v.some((W) => W.value === I.value) ? "abl-options-item-active" : ""]),
               key: I.name + I.value,
-              onClick: (W) => S(I, W)
+              onClick: (W) => C(I, W)
             }, T(I.name), 11, si))), 128)) : (u(), p("div", li, " 暂无数据 "))
           ], 4)
         ]),
@@ -4728,7 +4731,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
             onClick: A,
             id: "select-input-warpper",
             class: B(["abl-select-warpper", m.value ? "abl-select-warpper-disabled" : ""]),
-            onKeydown: It(C, ["delete"])
+            onKeydown: It($, ["delete"])
           }, [
             c("div", Gl, [
               c("div", Jl, [
@@ -4755,7 +4758,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
                   ref_key: "inputFocus",
                   ref: i,
                   "onUpdate:modelValue": V[1] || (V[1] = (I) => x.value = I),
-                  onInput: $,
+                  onInput: k,
                   placeholder: "请输入筛选条件"
                 }, null, 34), [
                   [Ot, x.value]
@@ -4857,19 +4860,19 @@ const ci = { class: "abl-header" }, di = { class: "abl-title" }, ui = { class: "
       }
       t.bordered ? me(() => {
         i.value.forEach((x, v) => {
-          x.forEach(($) => {
-            const A = Array.from($.element.children), S = A[0].cloneNode(!0);
-            S.colSpan = 1, f(S, t.labelStyle), f(S, JSON.parse($.element.dataset.labelStyle));
-            const C = A[1].cloneNode(!0);
-            C.colSpan = $.span * 2 - 1, f(C, t.contentStyle), f(C, JSON.parse($.element.dataset.contentStyle)), r.value[v].appendChild(S), r.value[v].appendChild(C);
+          x.forEach((k) => {
+            const A = Array.from(k.element.children), C = A[0].cloneNode(!0);
+            C.colSpan = 1, f(C, t.labelStyle), f(C, JSON.parse(k.element.dataset.labelStyle));
+            const $ = A[1].cloneNode(!0);
+            $.colSpan = k.span * 2 - 1, f($, t.contentStyle), f($, JSON.parse(k.element.dataset.contentStyle)), r.value[v].appendChild(C), r.value[v].appendChild($);
           });
         });
       }) : me(() => {
         h.forEach((x, v) => {
-          const $ = Array.from(x.children), A = $[0];
+          const k = Array.from(x.children), A = k[0];
           f(A, t.labelStyle), f(A, JSON.parse(x.dataset.labelStyle));
-          const S = $[1];
-          f(S, t.contentStyle), f(S, JSON.parse(x.dataset.contentStyle)), s.value[v].appendChild(x);
+          const C = k[1];
+          f(C, t.contentStyle), f(C, JSON.parse(x.dataset.contentStyle)), s.value[v].appendChild(x);
         });
       });
     }
@@ -5119,43 +5122,43 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
     const i = _(), l = _(), d = Ci();
     _(), _(), _([]);
     const b = N(() => {
-      const { marks: k, max: P, min: D } = n;
-      return Object.keys(k).map(parseFloat).sort((ae, ue) => ae - ue).filter((ae) => ae >= +D && ae <= +P);
+      const { marks: S, max: P, min: D } = n;
+      return Object.keys(S).map(parseFloat).sort((ae, ue) => ae - ue).filter((ae) => ae >= +D && ae <= +P);
     }), f = N(() => Number(n.max) - Number(n.min)), h = N(() => {
-      const k = "abl-range";
+      const S = "abl-range";
       return {
-        [k]: !0,
-        [`${k}-disabled`]: n.disabled,
-        [`${k}-vertical`]: n.vertical,
-        [`${k}-show-number`]: !n.hiddenRange
+        [S]: !0,
+        [`${S}-disabled`]: n.disabled,
+        [`${S}-vertical`]: n.vertical,
+        [`${S}-show-number`]: !n.hiddenRange
       };
     }), g = N(() => {
-      const k = "abl-range-container";
+      const S = "abl-range-container";
       return {
-        [k]: !0,
-        [`${k}-vertical`]: n.vertical
+        [S]: !0,
+        [`${S}-vertical`]: n.vertical
       };
     }), m = N(() => ({
       background: n.inactiveColor
     })), w = N(() => ({
       borderColor: n.buttonColor
-    })), x = _(!1), v = (k) => !!n.range && Array.isArray(k), $ = () => {
-      const { modelValue: k, min: P } = n;
-      return v(k) ? `${(k[1] - k[0]) * 100 / f.value}%` : `${(k - Number(P)) * 100 / f.value}%`;
+    })), x = _(!1), v = (S) => !!n.range && Array.isArray(S), k = () => {
+      const { modelValue: S, min: P } = n;
+      return v(S) ? `${(S[1] - S[0]) * 100 / f.value}%` : `${(S - Number(P)) * 100 / f.value}%`;
     }, A = () => {
-      const { modelValue: k, min: P } = n;
-      return v(k) ? `${(k[0] - Number(P)) * 100 / f.value}%` : "0%";
-    }, S = N(() => n.vertical ? {
-      height: $(),
+      const { modelValue: S, min: P } = n;
+      return v(S) ? `${(S[0] - Number(P)) * 100 / f.value}%` : "0%";
+    }, C = N(() => n.vertical ? {
+      height: k(),
       top: A(),
       background: n.activeColor,
       transition: l.value ? "none" : void 0
     } : {
-      width: $(),
+      width: k(),
       left: A(),
       background: n.activeColor,
       transition: l.value ? "none" : void 0
-    }), C = (k) => {
+    }), $ = (S) => {
       const P = "abl-range-mark", { modelValue: D, max: K, min: re } = n;
       let ae = Number(re), ue = Number(K);
       if (n.range) {
@@ -5163,20 +5166,20 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
         ae = Ae, ue = Oe;
       } else
         ue = D;
-      let Ie = k <= +ue && k >= ae;
+      let Ie = S <= +ue && S >= ae;
       return {
         [`${P}-text`]: !0,
         [`${P}-text-active`]: Ie
       };
-    }, y = (k) => {
+    }, y = (S) => {
       const { min: P, vertical: D } = n;
       let K = {
-        left: `${(k - Number(P)) / f.value * 100}%`
+        left: `${(S - Number(P)) / f.value * 100}%`
       };
       return D && (K = {
-        top: `${(k - Number(P)) / f.value * 100}%`
+        top: `${(S - Number(P)) / f.value * 100}%`
       }), K;
-    }, L = (k) => {
+    }, L = (S) => {
       const { modelValue: P, max: D, min: K } = n;
       let re = Number(K), ae = Number(D);
       if (n.range) {
@@ -5184,20 +5187,20 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
         re = Ae, ae = Oe;
       }
       return {
-        background: k <= ae && k >= re ? n.activeColor : n.inactiveColor
+        background: S <= ae && S >= re ? n.activeColor : n.inactiveColor
       };
-    }, M = (k) => {
+    }, M = (S) => {
       const { min: P, max: D, step: K } = n;
-      return k = Math.max(+P, Math.min(k, +D)), Math.round(k / +K) * +K;
-    }, q = (k, P) => JSON.stringify(k) === JSON.stringify(P), z = (k) => k[0] > k[1] ? k.slice(0).reverse() : k, V = (k, P) => {
-      v(k) ? k = z(k).map(M) : k = M(k), q(k, n.modelValue) || o("update:modelValue", k), P && !q(k, s) && o("change", k);
-    }, I = (k) => {
+      return S = Math.max(+P, Math.min(S, +D)), Math.round(S / +K) * +K;
+    }, q = (S, P) => JSON.stringify(S) === JSON.stringify(P), z = (S) => S[0] > S[1] ? S.slice(0).reverse() : S, V = (S, P) => {
+      v(S) ? S = z(S).map(M) : S = M(S), q(S, n.modelValue) || o("update:modelValue", S), P && !q(S, s) && o("change", S);
+    }, I = (S) => {
       if (n.disabled || l.value === "draging")
         return;
       x.value = !0;
       const { min: P, modelValue: D } = n, K = Et(i);
-      let re = k.clientX - K.left, ae = K.width;
-      n.vertical && (re = k.clientY - K.top, ae = K.height);
+      let re = S.clientX - K.left, ae = K.width;
+      n.vertical && (re = S.clientY - K.top, ae = K.height);
       const ue = Number(P) + re / ae * f.value;
       if (v(D)) {
         const [Ie, Ae] = D, Oe = (Ie + Ae) / 2;
@@ -5209,23 +5212,23 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
       });
     }, W = () => {
       x.value = !1;
-    }, U = (k) => {
-      n.disabled || (d.start(k), r = n.modelValue, v(r) ? s = r.map(M) : s = M(r), l.value = "start");
-    }, X = (k) => {
+    }, U = (S) => {
+      n.disabled || (d.start(S), r = n.modelValue, v(r) ? s = r.map(M) : s = M(r), l.value = "start");
+    }, X = (S) => {
       if (n.disabled)
         return;
-      l.value === "start" && o("dragStart"), d.move(k), l.value = "draging", k.type.startsWith("touch") && (x.value = !0);
+      l.value === "start" && o("dragStart"), d.move(S), l.value = "draging", S.type.startsWith("touch") && (x.value = !0);
       const P = Et(i);
       let D = d.deltaX.value, K = P.width, re = D / K * f.value;
       n.vertical && (D = d.deltaY.value, K = P.height, re = D / K * f.value), v(s) ? r[a.value] = s[a.value] + re : r = s + re, V(r);
-    }, Z = (k) => {
-      n.disabled || l.value === "draging" && (V(r, !0), o("dragEnd"), window.removeEventListener("mousemove", X), window.removeEventListener("touchmove", X), window.removeEventListener("mouseup", Z), window.removeEventListener("touchend", Z), window.removeEventListener("contextmenu", Z), k.type.startsWith("touch") && (x.value = !1), setTimeout(() => {
+    }, Z = (S) => {
+      n.disabled || l.value === "draging" && (V(r, !0), o("dragEnd"), window.removeEventListener("mousemove", X), window.removeEventListener("touchmove", X), window.removeEventListener("mouseup", Z), window.removeEventListener("touchend", Z), window.removeEventListener("contextmenu", Z), S.type.startsWith("touch") && (x.value = !1), setTimeout(() => {
         l.value = "";
       }));
-    }, Q = (k) => {
-      n.disabled || (k.preventDefault(), U(k), window.addEventListener("mousemove", X), window.addEventListener("touchmove", X), window.addEventListener("mouseup", Z), window.addEventListener("touchend", Z), window.addEventListener("contextmenu", Z));
-    }, ie = (k) => Array.isArray(n.modelValue) && typeof k == "number" ? n.modelValue[k] : Number(n.modelValue);
-    return (k, P) => (u(), p("div", {
+    }, Q = (S) => {
+      n.disabled || (S.preventDefault(), U(S), window.addEventListener("mousemove", X), window.addEventListener("touchmove", X), window.addEventListener("mouseup", Z), window.addEventListener("touchend", Z), window.addEventListener("contextmenu", Z));
+    }, ie = (S) => Array.isArray(n.modelValue) && typeof S == "number" ? n.modelValue[S] : Number(n.modelValue);
+    return (S, P) => (u(), p("div", {
       class: B(g.value)
     }, [
       e.hiddenRange ? E("", !0) : (u(), p("div", Ai, T(+e.min), 1)),
@@ -5239,7 +5242,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
         b.value.length > 0 ? (u(), p("div", Bi, [
           (u(!0), p(j, null, ee(b.value, (D) => (u(), p("span", {
             key: D,
-            class: B(C(D)),
+            class: B($(D)),
             style: O(y(D))
           }, [
             Y(T(D) + " ", 1),
@@ -5251,7 +5254,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
         ])) : E("", !0),
         c("div", {
           class: "abl-range-bar",
-          style: O(S.value)
+          style: O(C.value)
         }, [
           e.range ? (u(), p(j, { key: 0 }, ee([0, 1], (D) => c("div", {
             key: D,
@@ -5269,7 +5272,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
               typeof D == "number" && (a.value = D), Q(K);
             }
           }, [
-            k.$slots.button ? R(k.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
+            S.$slots.button ? R(S.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
               key: 1,
               class: "abl-range-button",
               style: O(w.value)
@@ -5297,7 +5300,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
               Q(D);
             })
           }, [
-            k.$slots.button ? R(k.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
+            S.$slots.button ? R(S.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
               key: 1,
               class: "abl-range-button",
               style: O(w.value)
@@ -5413,8 +5416,8 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
         end: m + x
       };
       v.start < 1 && (v.end = v.end + (1 - v.start), v.start = 1), v.end > i.value && (v.start = v.start - (v.end - i.value), v.end = i.value), v.start < 1 && (v.start = 1), v.start > 1 ? s.value = !0 : s.value = !1, v.end < i.value ? r.value = !0 : r.value = !1;
-      for (let $ = v.start; $ <= v.end; $++)
-        w.push($);
+      for (let k = v.start; k <= v.end; k++)
+        w.push(k);
       return w;
     }, f = () => {
       a.value = a.value - n.pagerCount > 0 ? a.value - n.pagerCount : 1, o.itemRender && d("ellipsisClick", a.value);
@@ -5462,7 +5465,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
         (u(!0), p(j, null, ee(l.value, (x, v) => (u(), p("li", {
           class: B(["abl-pagination-item", { active: a.value === x }]),
           key: v,
-          onClick: ($) => !ne(o).itemRender && g(x)
+          onClick: (k) => !ne(o).itemRender && g(x)
         }, [
           R(m.$slots, "itemRender", {
             page: x,