abl-ui 0.2.52 → 0.2.53

package/lib/abl-ui.es.js

@@ -163,55 +163,56 @@ 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);
+    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: $ }) => {
       if ($) {
-        const { title: A, value: S, icon: C } = $;
+        const { title: L, value: S, icon: C } = $;
         i.value.push({
-          title: A,
+          title: L,
           value: S,
           icon: C
         });
       }
     }), Me("active", d);
-    const g = ($, A) => {
+    const g = ($, L) => {
       const S = document.querySelector("#tab-hidden");
-      A > d.value ? S.scrollLeft += $.target.clientWidth : S.scrollLeft -= $.target.clientWidth, s.value = {
+      L > d.value ? S.scrollLeft += $.target.clientWidth : S.scrollLeft -= $.target.clientWidth, s.value = {
         transform: `translateX(${$.target.offsetLeft}px)`,
         width: $.target.clientWidth + "px"
-      }, d.value = A, n("tabClick", A);
+      }, d.value = L, n("tabClick", L);
     }, m = () => {
       const $ = document.querySelector("#tab-hidden");
       if (!$)
         return;
-      const A = document.querySelector("#tabs-header-wrap").clientWidth;
-      $.scrollWidth > $.clientWidth + $.scrollLeft && ($.scrollLeft += A);
+      const L = document.querySelector("#tabs-header-wrap").clientWidth;
+      $.scrollWidth > $.clientWidth + $.scrollLeft && ($.scrollLeft += L);
     }, w = () => {
-      const $ = document.querySelector("#tab-hidden"), A = document.querySelector("#tabs-header-wrap").clientWidth;
-      $.scrollLeft > 0 && ($.scrollLeft -= A);
+      const $ = document.querySelector("#tab-hidden"), L = document.querySelector("#tabs-header-wrap").clientWidth;
+      $.scrollLeft > 0 && ($.scrollLeft -= L);
     };
     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 = {
+      const $ = r.value[d.value];
+      s.value = {
         transform: `translateX(${$.offsetLeft}px)`,
         width: $.clientWidth + "px"
       };
-      const A = document.getElementById("tab-hidden");
-      A.scrollWidth > A.clientWidth ? b.value = !0 : b.value = !1, A.addEventListener("scroll", function(S) {
+      const L = document.getElementById("tab-hidden");
+      L.scrollWidth > L.clientWidth ? b.value = !0 : b.value = !1, L.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);
       });
     };
-    return fe(() => a.modelValue, async ($) => {
-      console.log("watch" + $), d.value = $, x();
+    return fe(() => a.modelValue, async () => {
+      i.value.map(($, L) => {
+        $.value == a.modelValue && (d.value = L);
+      }), x();
     }, {
       immediate: !0
-    }), ($, A) => {
+    }), ($, L) => {
       var S;
       return u(), p("div", En, [
         c("div", Vn, [
@@ -259,7 +260,7 @@ const En = { class: "abl-tabs" }, Vn = {
       ]);
     };
   }
-}, 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-2f3a488f"]]), 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"
@@ -1115,7 +1116,7 @@ const No = async (e, t, n) => {
       fn: v
     } = i[w], {
       x: $,
-      y: A,
+      y: L,
       data: S,
       reset: C
     } = await v({
@@ -1132,7 +1133,7 @@ const No = async (e, t, n) => {
         floating: t
       }
     });
-    b = $ ?? b, f = A ?? f, g = {
+    b = $ ?? b, f = L ?? f, g = {
       ...g,
       [x]: {
         ...g[x],
@@ -1180,7 +1181,7 @@ async function Dt(e, t) {
     ...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, L = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), S = await (s.isElement == null ? void 0 : s.isElement(L)) ? await (s.getScale == null ? void 0 : s.getScale(L)) || {
     x: 1,
     y: 1
   } : {
@@ -1189,7 +1190,7 @@ async function Dt(e, t) {
   }, C = Xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: $,
-    offsetParent: A,
+    offsetParent: L,
     strategy: l
   }) : $);
   return {
@@ -1220,10 +1221,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));
-    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;
+    }, g = pt(a), m = ht(g), w = await r.getDimensions(d), x = g === "y", v = x ? "top" : "left", $ = x ? "bottom" : "right", L = 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));
+    let A = y ? y[L] : 0;
+    (!A || !await (r.isElement == null ? void 0 : r.isElement(y))) && (A = i.floating[L] || s.floating[m]);
+    const M = S / 2 - C / 2, q = A / 2 - w[m] / 2 - 1, z = Ve(f[v], q), V = Ve(f[$], q), I = z, W = A - w[m] - V, U = A / 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,18 +1261,18 @@ 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), $ = Ce(i) === i, L = 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, L));
+      const C = [i, ...S], y = await Dt(t, x), A = [];
       let M = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (b && L.push(y[v]), f) {
-        const I = Vo(a, r, A);
-        L.push(y[I[0]], y[I[1]]);
+      if (b && A.push(y[v]), f) {
+        const I = Vo(a, r, L);
+        A.push(y[I[0]], y[I[1]]);
       }
       if (M = [...M, {
         placement: a,
-        overflows: L
-      }], !L.every((I) => I <= 0)) {
+        overflows: A
+      }], !A.every((I) => I <= 0)) {
         var q, z;
         const I = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, W = C[I];
         if (W)
@@ -1389,12 +1390,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", $ = g + b[x], L = g - b[v];
+        g = lt($, g, L);
       }
       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", $ = m + b[x], L = m - b[v];
+        m = lt($, m, L);
       }
       const w = i.fn({
         ...t,
@@ -1549,8 +1550,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(), $ = de(w), L = 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 += L, d += S, m = se(w), w = m.frameElement;
     }
   }
   return Xe({
@@ -1780,17 +1781,17 @@ function la(e, t) {
       rootMargin: -g + "px " + -m + "px " + -w + "px " + -x + "px",
       threshold: Se(0, Ve(1, l)) || 1
     };
-    let A = !0;
+    let L = !0;
     function S(C) {
       const y = C[0].intersectionRatio;
       if (y !== l) {
-        if (!A)
+        if (!L)
           return r();
         y ? r(!1, y) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 100);
       }
-      A = !1;
+      L = !1;
     }
     try {
       n = new IntersectionObserver(S, {
@@ -1824,8 +1825,8 @@ function ia(e, t, n, o) {
   r && (g = new ResizeObserver((v) => {
     let [$] = v;
     $ && $.target === d && g && (g.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
-      var A;
-      (A = g) == null || A.observe(t);
+      var L;
+      (L = g) == null || L.observe(t);
     })), n();
   }), d && !l && g.observe(d), g.observe(t));
   let m, w = l ? Le(e) : null;
@@ -1972,7 +1973,7 @@ const ha = ["data-side"], Yt = {
       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(() => {
+    } = ua({ middleware: a, placement: s, strategy: r }, h), L = N(() => s.value.split("-")[0]), S = N(() => ({ left: w.value + "px", top: x.value + "px" })), C = N(() => {
       if (!n.showArrow)
         return {};
       const { arrow: y } = ne($);
@@ -1984,7 +1985,7 @@ const ha = ["data-side"], Yt = {
     return t({
       open: d,
       close: b
-    }), (y, L) => (u(), p(j, null, [
+    }), (y, A) => (u(), p(j, null, [
       (u(), le(ln(y.$slots.default), Ee({ ref: f.value }, y.$attrs), null, 16)),
       (u(), le(Ge, { to: "body" }, [
         oe(ce, { name: e.transitionName }, {
@@ -1995,8 +1996,8 @@ const ha = ["data-side"], Yt = {
               ref: v,
               class: B(["abl-popper", `is-${e.effect}`, e.popperClass]),
               style: O(S.value),
-              "data-side": A.value,
-              onMousedown: L[0] || (L[0] = H(() => {
+              "data-side": L.value,
+              onMousedown: A[0] || (A[0] = H(() => {
               }, ["stop"]))
             }, [
               R(y.$slots, "content", {}, () => [
@@ -2694,7 +2695,7 @@ const Ka = /* @__PURE__ */ c("div", {
       r.value = (r.value - 1 + a.value) % a.value;
     }, $ = () => {
       i.value + o.zoomRate > o.maxScale ? i.value = o.maxScale : i.value = m(i.value, o.zoomRate);
-    }, A = () => {
+    }, L = () => {
       i.value - o.zoomRate < o.minScale ? i.value = o.minScale : i.value = m(i.value, -o.zoomRate);
     }, S = () => {
       h.value -= 90;
@@ -2702,7 +2703,7 @@ const Ka = /* @__PURE__ */ c("div", {
       h.value += 90;
     }, y = () => {
       h.value = 0, i.value = 1, b.value = 0, f.value = 0;
-    }, L = (z) => {
+    }, A = (z) => {
       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;
@@ -2755,7 +2756,7 @@ const Ka = /* @__PURE__ */ c("div", {
                     class: "abl-image-preview__img",
                     style: O(`transform: scale3d(${i.value}, ${i.value}, 1) rotate(${h.value}deg);`),
                     onLoad: (U) => w(W),
-                    onMousedown: V[0] || (V[0] = H((U) => L(U), ["prevent"])),
+                    onMousedown: V[0] || (V[0] = H((U) => A(U), ["prevent"])),
                     onClick: V[1] || (V[1] = H(() => {
                     }, ["stop"]))
                   }, null, 44, Ja),
@@ -2785,7 +2786,7 @@ const Ka = /* @__PURE__ */ c("div", {
                 c("div", is, [
                   c("i", {
                     class: "abl-icon",
-                    onClick: H(A, ["stop"])
+                    onClick: H(L, ["stop"])
                   }, cs),
                   c("i", {
                     class: "abl-icon",
@@ -3903,9 +3904,9 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
     var C;
     const n = t, o = Ye(), a = typeof window < "u" && typeof document < "u", s = e, r = _([]);
     (C = o.default()) == null || C.forEach((y) => {
-      const { props: L } = y;
-      if (L) {
-        const { title: M, disabled: q } = L;
+      const { props: A } = y;
+      if (A) {
+        const { title: M, disabled: q } = A;
         r.value.push({
           title: M,
           disabled: q
@@ -3923,18 +3924,18 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
         immediate: !0
       }
     );
-    const m = (y, L) => {
-      if (!r.value[L].disabled) {
-        if (L === f.value && s.closeOnClickSelf) {
+    const m = (y, A) => {
+      if (!r.value[A].disabled) {
+        if (A === f.value && s.closeOnClickSelf) {
           x(), setTimeout(() => {
-            l.value.children[L].style.display = "none";
+            l.value.children[A].style.display = "none";
           }, s.duration);
           return;
         }
-        h.value = !0, w(L);
+        h.value = !0, w(A);
       }
     }, w = async (y) => {
-      await v(), d.value = !0, f.value = y, Array.from(l.value.children).map((L, M) => {
+      await v(), d.value = !0, f.value = y, Array.from(l.value.children).map((A, M) => {
         M === y ? l.value.children[M].style.display = "block" : l.value.children[M].style.display = "none";
       }), n("open", f.value);
     }, x = () => {
@@ -3945,20 +3946,20 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
       var M;
       if (!a)
         return;
-      const { top: y, bottom: L } = (M = i == null ? void 0 : i.value) == null ? void 0 : M.getBoundingClientRect();
-      L > 0 && (b.value = L - 1);
+      const { top: y, bottom: A } = (M = i == null ? void 0 : i.value) == null ? void 0 : M.getBoundingClientRect();
+      A > 0 && (b.value = A - 1);
     }, $ = () => {
       s.closeOnClickMask && x();
-    }, A = ke({
+    }, L = ke({
       ...De(s),
       onClose: x,
       current: f
     }), S = qs(() => {
       h.value && x();
     });
-    return Me(Zs, A), xe(() => {
+    return Me(Zs, L), xe(() => {
       v();
-    }), (y, L) => (u(), p("div", {
+    }), (y, A) => (u(), p("div", {
       class: "abl-dropdown",
       ref_key: "root",
       ref: S
@@ -4000,7 +4001,7 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
           }
         ]),
         onClick: $,
-        onTouchmove: L[1] || (L[1] = H(() => {
+        onTouchmove: A[1] || (A[1] = H(() => {
         }, ["prevent"]))
       }, [
         oe(ce, { name: "fade-mask" }, {
@@ -4014,7 +4015,7 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
         oe(ce, { name: "slide-top" }, {
           default: te(() => [
             F(c("div", {
-              onTouchmove: L[0] || (L[0] = H(() => {
+              onTouchmove: A[0] || (A[0] = H(() => {
               }, ["prevent"])),
               class: "abl-dropdown__content",
               ref_key: "childrenRef",
@@ -4237,7 +4238,7 @@ const pl = {
         F(c("input", Ee({
           ref_key: "inputRef",
           ref: s,
-          "onUpdate:modelValue": $[0] || ($[0] = (A) => b.value = A),
+          "onUpdate:modelValue": $[0] || ($[0] = (L) => b.value = L),
           class: "abl-input__inner",
           type: l.value,
           placeholder: e.placeholder,
@@ -4428,8 +4429,8 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
       const C = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
       return C.test(S) || y.test(S);
     }, b = (S, C) => {
-      var L;
-      const y = (L = S.dataTransfer) == null ? void 0 : L.files;
+      var A;
+      const y = (A = S.dataTransfer) == null ? void 0 : A.files;
       if (y != null && y.length) {
         const M = y.length;
         for (let q = 0; q < M && C + q <= n.maxCount; q++)
@@ -4441,45 +4442,45 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
     }, h = (S, C) => {
       const y = S.target.files;
       if (y != null && y.length) {
-        const L = y.length;
-        for (let M = 0; M < L && C + M < n.maxCount; M++)
+        const A = y.length;
+        for (let M = 0; M < A && C + M < n.maxCount; M++)
           m(y[M], C + M);
         r.value[C].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(() => {
-        A(n.errorInfo);
+        L(n.errorInfo);
       });
     }, w = (S, C) => {
       var y = new FileReader();
-      y.readAsDataURL(S), 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);
-      }, y.onload = function(L) {
+      y.readAsDataURL(S), y.onloadstart = function(A) {
+        console.log("开始读取 onloadstart:", A);
+      }, y.onabort = function(A) {
+        console.log("读取中止 onabort:", A);
+      }, y.onerror = function(A) {
+        console.log("读取错误 onerror:", A);
+      }, y.onprogress = function(A) {
+        A.loaded === A.total && (s.value[C] = !1);
+      }, y.onload = function(A) {
         var M;
         o.value.push({
           name: S.name,
-          url: (M = L.target) == null ? void 0 : M.result
+          url: (M = A.target) == null ? void 0 : M.result
         }), g("update:fileList", o.value), g("change", o.value);
-      }, y.onloadend = function(L) {
-        console.log("读取结束 onloadend:", L);
+      }, y.onloadend = function(A) {
+        console.log("读取结束 onloadend:", A);
       };
     }, x = (S, C) => {
       n.customRequest(S).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);
+        n.maxCount > 1 && (a.value = o.value.length + 1), L(y);
       }).finally(() => {
         s.value[C] = !1;
       });
     }, v = (S, C) => {
       if (d(C)) {
-        const y = o.value.slice(0, S).filter((L) => !d(L.url));
+        const y = o.value.slice(0, S).filter((A) => !d(A.url));
         i.value[S - y.length].onPreview();
       } else
         window.open(C);
@@ -4487,7 +4488,7 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
       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) => {
+    }, L = (S) => {
       ft({ type: "error", text: S, duration: 1e3, top: 100 });
     };
     return (S, C) => (u(), p("div", Rl, [
@@ -4502,8 +4503,8 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
             }, ["stop", "prevent"])),
             onDragover: C[2] || (C[2] = H(() => {
             }, ["stop", "prevent"])),
-            onDrop: H((L) => e.disabled ? () => !1 : b(L, y - 1), ["stop", "prevent"]),
-            onClick: (L) => e.disabled ? () => !1 : f(y - 1)
+            onDrop: H((A) => e.disabled ? () => !1 : b(A, y - 1), ["stop", "prevent"]),
+            onClick: (A) => e.disabled ? () => !1 : f(y - 1)
           }, [
             c("input", {
               ref_for: !0,
@@ -4514,7 +4515,7 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
-              onChange: (L) => h(L, y - 1),
+              onChange: (A) => h(A, y - 1),
               style: { display: "none" }
             }, null, 40, Tl),
             c("div", null, [
@@ -4554,12 +4555,12 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Rl = { class: "abl-
               c("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: (L) => v(y - 1, o.value[y - 1].url)
+                onClick: (A) => v(y - 1, o.value[y - 1].url)
               }, jl, 8, Wl),
               F(c("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: H((L) => $(y - 1), ["prevent", "stop"])
+                onClick: H((A) => $(y - 1), ["prevent", "stop"])
               }, Xl, 8, ql), [
                 [G, !e.disabled]
               ])
@@ -4653,7 +4654,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
         const V = n.options.filter((I) => I.name.includes(z.target.value));
         f.list = V;
       }
-    }, A = (z) => {
+    }, L = (z) => {
       n.disabled || (h.value = !0, z.stopPropagation(), l.value === "focus" ? l.value = "blur" : l.value = "focus");
     }, S = (z, V) => {
       var W;
@@ -4679,7 +4680,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
       (I = i.value) == null || I.focus();
       const V = v.findIndex((W) => W.value === z.value);
       v.splice(V, 1), o("changeSelect", ot(v));
-    }, L = () => {
+    }, A = () => {
       l.value = "blur";
     }, M = () => {
       n.type == "single" ? (o("update:modelValue", ""), o("changeSelect", "")) : (o("update:modelValue", []), o("changeSelect", [])), v.splice(0, v.length);
@@ -4725,7 +4726,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
         ]),
         default: te(() => [
           c("div", {
-            onClick: A,
+            onClick: L,
             id: "select-input-warpper",
             class: B(["abl-select-warpper", m.value ? "abl-select-warpper-disabled" : ""]),
             onKeydown: It(C, ["delete"])
@@ -4749,7 +4750,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
                   [G, v.length && !g.value]
                 ]),
                 F(c("input", {
-                  onBlur: V[0] || (V[0] = (I) => L()),
+                  onBlur: V[0] || (V[0] = (I) => A()),
                   type: "text",
                   class: B(["abl-select-input-focus", g.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
@@ -4858,16 +4859,16 @@ 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);
+            const L = Array.from($.element.children), S = L[0].cloneNode(!0);
             S.colSpan = 1, f(S, t.labelStyle), f(S, JSON.parse($.element.dataset.labelStyle));
-            const C = A[1].cloneNode(!0);
+            const C = L[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);
           });
         });
       }) : me(() => {
         h.forEach((x, v) => {
-          const $ = Array.from(x.children), A = $[0];
-          f(A, t.labelStyle), f(A, JSON.parse(x.dataset.labelStyle));
+          const $ = Array.from(x.children), L = $[0];
+          f(L, t.labelStyle), f(L, JSON.parse(x.dataset.labelStyle));
           const S = $[1];
           f(S, t.contentStyle), f(S, JSON.parse(x.dataset.contentStyle)), s.value[v].appendChild(x);
         });
@@ -5142,17 +5143,17 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
     })), 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}%`;
-    }, A = () => {
+    }, L = () => {
       const { modelValue: k, min: P } = n;
       return v(k) ? `${(k[0] - Number(P)) * 100 / f.value}%` : "0%";
     }, S = N(() => n.vertical ? {
       height: $(),
-      top: A(),
+      top: L(),
       background: n.activeColor,
       transition: l.value ? "none" : void 0
     } : {
       width: $(),
-      left: A(),
+      left: L(),
       background: n.activeColor,
       transition: l.value ? "none" : void 0
     }), C = (k) => {
@@ -5176,7 +5177,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
       return D && (K = {
         top: `${(k - Number(P)) / f.value * 100}%`
       }), K;
-    }, L = (k) => {
+    }, A = (k) => {
       const { modelValue: P, max: D, min: K } = n;
       let re = Number(K), ae = Number(D);
       if (n.range) {
@@ -5245,7 +5246,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Ai = {
             Y(T(D) + " ", 1),
             c("span", {
               class: "abl-range-tick",
-              style: O(L(D))
+              style: O(A(D))
             }, null, 4)
           ], 6))), 128))
         ])) : E("", !0),