abl-ui 0.3.67 → 0.3.68

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as c, createElementBlock as u, normalizeStyle as N, renderSlot as R, createElementVNode as r, normalizeClass as V, createTextVNode as G, toDisplayString as F, createCommentVNode as O, createStaticVNode as $t, Fragment as W, renderList as Z, createVNode as ae, useSlots as ze, ref as S, provide as de, onMounted as he, watch as oe, withDirectives as U, vShow as X, defineComponent as et, toRefs as Re, computed as E, inject as pe, reactive as Se, unref as J, createBlock as ee, Transition as ie, withCtx as Q, render as Ge, getCurrentInstance as tt, onBeforeUnmount as Fe, onUpdated as lt, onBeforeMount as kt, Teleport as He, pushScopeId as xe, popScopeId as $e, withModifiers as q, watchEffect as We, resolveDynamicComponent as Ct, mergeProps as ye, useAttrs as Xt, nextTick as ue, onUnmounted as St, resolveDirective as Yt, createSlots as Gt, vModelDynamic as Jt, normalizeProps as dt, guardReactiveProps as Zt, withKeys as Bt, vModelText as Lt, toRaw as ft, isRef as vt } from "vue";
+import { openBlock as c, createElementBlock as u, normalizeStyle as N, renderSlot as R, createElementVNode as r, normalizeClass as V, createTextVNode as G, toDisplayString as F, createCommentVNode as O, createStaticVNode as $t, Fragment as W, renderList as J, createVNode as ae, useSlots as ze, ref as S, provide as de, onMounted as he, watch as oe, withDirectives as U, vShow as X, defineComponent as et, toRefs as Re, computed as E, inject as pe, reactive as Se, unref as Z, createBlock as ee, Transition as ie, withCtx as Q, render as Ge, getCurrentInstance as tt, onBeforeUnmount as Fe, onUpdated as lt, onBeforeMount as kt, Teleport as He, pushScopeId as xe, popScopeId as $e, withModifiers as q, watchEffect as We, resolveDynamicComponent as Ct, mergeProps as ye, useAttrs as Xt, nextTick as ue, onUnmounted as St, resolveDirective as Yt, createSlots as Gt, vModelDynamic as Jt, normalizeProps as dt, guardReactiveProps as Zt, withKeys as Bt, vModelText as Lt, toRaw as ft, isRef as vt } from "vue";
 const K = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of l)
@@ -101,7 +101,7 @@ const sl = { class: "abl-table" }, il = { class: "gridtable" }, cl = { class: "t
           r("table", il, [
             r("thead", cl, [
               r("tr", null, [
-                (c(!0), u(W, null, Z(t.columns, (i, d) => (c(), u("th", {
+                (c(!0), u(W, null, J(t.columns, (i, d) => (c(), u("th", {
                   key: d,
                   class: V(i.fixed == "left" ? "table-fixed-column--left" : i.fixed == "right" ? "table-fixed-column--right" : "")
                 }, [
@@ -113,8 +113,8 @@ const sl = { class: "abl-table" }, il = { class: "gridtable" }, cl = { class: "t
               ])
             ]),
             t.data.length > 0 ? (c(), u("tbody", rl, [
-              (c(!0), u(W, null, Z(t.data, (i, d) => (c(), u("tr", { key: d }, [
-                (c(!0), u(W, null, Z(e.columns, (v, h) => (c(), u("td", {
+              (c(!0), u(W, null, J(t.data, (i, d) => (c(), u("tr", { key: d }, [
+                (c(!0), u(W, null, J(e.columns, (v, h) => (c(), u("td", {
                   key: h,
                   class: V(v.fixed == "left" ? "table-fixed-column--left" : v.fixed == "right" ? "table-fixed-column--right" : "")
                 }, [
@@ -173,31 +173,31 @@ const ml = { class: "abl-tabs" }, gl = {
   },
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: l }) {
-    var b;
+    var y;
     const t = l, a = ze(), n = e, o = S({}), s = S(), i = S([]), d = S(), v = S(0), h = S(!1), p = S(!1), f = S(!0);
-    (b = a.default()) == null || b.map(({ props: w, children: A }) => {
+    (y = a.default()) == null || y.map(({ props: w, children: A }) => {
       if (w) {
-        const { title: B, value: C, icon: y, afterIcon: k } = w;
+        const { title: B, value: C, icon: b, afterIcon: k } = w;
         i.value.push({
           title: B,
           value: C,
-          icon: y,
+          icon: b,
           afterIcon: k
         });
       } else
         (A == null ? void 0 : A.length) > 0 && Array.isArray(A) && (A == null || A.map((B) => {
-          const { title: C, value: y, icon: k, afterIcon: $ } = B.props;
+          const { title: C, value: b, icon: k, afterIcon: $ } = B.props;
           i.value.push({
             title: C,
-            value: y,
+            value: b,
             icon: k,
             afterIcon: $
           });
         }));
     }), de("active", v);
     const m = (w, A) => {
-      var C, y;
-      const B = h.value ? ((C = w == null ? void 0 : w.target) == null ? void 0 : C.offsetLeft) + 10 : (y = w == null ? void 0 : w.target) == null ? void 0 : y.offsetLeft;
+      var C, b;
+      const B = h.value ? ((C = w == null ? void 0 : w.target) == null ? void 0 : C.offsetLeft) + 10 : (b = w == null ? void 0 : w.target) == null ? void 0 : b.offsetLeft;
       o.value = {
         transform: `translateX(${B}px)`,
         width: w.target.clientWidth + "px"
@@ -219,8 +219,8 @@ const ml = { class: "abl-tabs" }, gl = {
       if (!s.value)
         return;
       let w = 0;
-      i.value.map((y, k) => {
-        y.value == n.modelValue && (w = k);
+      i.value.map((b, k) => {
+        b.value == n.modelValue && (w = k);
       });
       const A = s.value[w], B = h.value ? A.offsetLeft + 10 : A == null ? void 0 : A.offsetLeft;
       o.value = {
@@ -228,9 +228,9 @@ const ml = { class: "abl-tabs" }, gl = {
         width: A.clientWidth + "px"
       };
       const C = document.getElementById("tab-hidden");
-      (C == null ? void 0 : C.scrollWidth) - 2 > (C == null ? void 0 : C.clientWidth) ? h.value = !0 : h.value = !1, C.addEventListener("scroll", function(y) {
+      (C == null ? void 0 : C.scrollWidth) - 2 > (C == null ? void 0 : C.clientWidth) ? h.value = !0 : h.value = !1, C.addEventListener("scroll", function(b) {
         var k, $, L;
-        ((k = y.target) == null ? void 0 : k.scrollLeft) + (($ = y.target) == null ? void 0 : $.offsetWidth) >= ((L = y.target) == null ? void 0 : L.scrollWidth) - 1 && (f.value = !1, B.value = !0), y.target.scrollLeft == 0 && (f.value = !0, B.value = !1);
+        ((k = b.target) == null ? void 0 : k.scrollLeft) + (($ = b.target) == null ? void 0 : $.offsetWidth) >= ((L = b.target) == null ? void 0 : L.scrollWidth) - 1 && (f.value = !1, B.value = !0), b.target.scrollLeft == 0 && (f.value = !0, B.value = !1);
       });
     };
     return oe(() => n.modelValue, async () => {
@@ -248,13 +248,13 @@ const ml = { class: "abl-tabs" }, gl = {
             [X, h.value]
           ]),
           r("header", hl, [
-            (c(!0), u(W, null, Z(i.value, (C) => (c(), u("div", {
+            (c(!0), u(W, null, J(i.value, (C) => (c(), u("div", {
               class: V([v.value === C.value ? "header-btn-active" : "", "header-btn"]),
               key: C.title,
               ref_for: !0,
               ref_key: "tabs",
               ref: s,
-              onClick: (y) => m(y, C.value)
+              onClick: (b) => m(b, C.value)
             }, [
               C.icon ? (c(), u("i", {
                 key: 0,
@@ -474,7 +474,7 @@ const Cl = {
     }, [
       R(n.$slots, "default")
     ], 8, Al)), [
-      [X, J(t) === e.value]
+      [X, Z(t) === e.value]
     ]);
   }
 };
@@ -1185,13 +1185,13 @@ const ba = async (e, l, t) => {
   for (let _ = 0; _ < i.length; _++) {
     const {
       name: x,
-      fn: b
+      fn: y
     } = i[_], {
       x: w,
       y: A,
       data: B,
       reset: C
-    } = await b({
+    } = await y({
       x: h,
       y: p,
       initialPlacement: a,
@@ -1244,7 +1244,7 @@ async function zt(e, l) {
     elementContext: p = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = Oe(l, e), g = It(m), x = i[f ? p === "floating" ? "reference" : "floating" : p], b = je(await o.getClippingRect({
+  } = Oe(l, e), g = It(m), x = i[f ? p === "floating" ? "reference" : "floating" : p], y = je(await o.getClippingRect({
     element: (t = await (o.isElement == null ? void 0 : o.isElement(x))) == null || t ? x : x.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(i.floating)),
     boundary: v,
     rootBoundary: h,
@@ -1266,10 +1266,10 @@ async function zt(e, l) {
     strategy: d
   }) : w);
   return {
-    top: (b.top - C.top + g.top) / B.y,
-    bottom: (C.bottom - b.bottom + g.bottom) / B.y,
-    left: (b.left - C.left + g.left) / B.x,
-    right: (C.right - b.right + g.right) / B.x
+    top: (y.top - C.top + g.top) / B.y,
+    bottom: (C.bottom - y.bottom + g.bottom) / B.y,
+    left: (y.left - C.left + g.left) / B.x,
+    right: (C.right - y.right + g.right) / B.x
   };
 }
 const ya = (e) => ({
@@ -1293,10 +1293,10 @@ const ya = (e) => ({
     const p = It(h), f = {
       x: t,
       y: a
-    }, m = ot(n), g = nt(m), _ = await s.getDimensions(v), x = m === "y", b = x ? "top" : "left", w = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", B = o.reference[g] + o.reference[m] - f[m] - o.floating[g], C = f[m] - o.reference[m], y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(v));
-    let k = y ? y[A] : 0;
-    (!k || !await (s.isElement == null ? void 0 : s.isElement(y))) && (k = i.floating[A] || o.floating[g]);
-    const $ = B / 2 - C / 2, L = k / 2 - _[g] / 2 - 1, T = Be(p[b], L), I = Be(p[w], L), z = T, D = k - _[g] - I, j = k / 2 - _[g] / 2 + $, Y = Je(z, j, D), te = !d.arrow && Ne(n) != null && j !== Y && o.reference[g] / 2 - (j < z ? T : I) - _[g] / 2 < 0, M = te ? j < z ? j - z : j - D : 0;
+    }, m = ot(n), g = nt(m), _ = await s.getDimensions(v), x = m === "y", y = x ? "top" : "left", w = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", B = o.reference[g] + o.reference[m] - f[m] - o.floating[g], C = f[m] - o.reference[m], b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(v));
+    let k = b ? b[A] : 0;
+    (!k || !await (s.isElement == null ? void 0 : s.isElement(b))) && (k = i.floating[A] || o.floating[g]);
+    const $ = B / 2 - C / 2, L = k / 2 - _[g] / 2 - 1, T = Be(p[y], L), I = Be(p[w], L), z = T, D = k - _[g] - I, j = k / 2 - _[g] / 2 + $, Y = Je(z, j, D), te = !d.arrow && Ne(n) != null && j !== Y && o.reference[g] / 2 - (j < z ? T : I) - _[g] / 2 < 0, M = te ? j < z ? j - z : j - D : 0;
     return {
       [m]: f[m] + M,
       data: {
@@ -1333,13 +1333,13 @@ const ya = (e) => ({
       } = Oe(e, l);
       if ((t = o.arrow) != null && t.alignmentOffset)
         return {};
-      const b = _e(n), w = _e(i) === i, A = await (d.isRTL == null ? void 0 : d.isRTL(v.floating)), B = f || (w || !_ ? [De(i)] : pa(i));
+      const y = _e(n), w = _e(i) === i, A = await (d.isRTL == null ? void 0 : d.isRTL(v.floating)), B = f || (w || !_ ? [De(i)] : pa(i));
       !f && g !== "none" && B.push(...ga(i, _, g, A));
-      const C = [i, ...B], y = await zt(l, x), k = [];
+      const C = [i, ...B], b = await zt(l, x), k = [];
       let $ = ((a = o.flip) == null ? void 0 : a.overflows) || [];
-      if (h && k.push(y[b]), p) {
+      if (h && k.push(b[y]), p) {
         const z = va(n, s, A);
-        k.push(y[z[0]], y[z[1]]);
+        k.push(b[z[0]], b[z[1]]);
       }
       if ($ = [...$, {
         placement: n,
@@ -1446,11 +1446,11 @@ const xa = function(e) {
         limiter: i = {
           fn: (x) => {
             let {
-              x: b,
+              x: y,
               y: w
             } = x;
             return {
-              x: b,
+              x: y,
               y: w
             };
           }
@@ -1462,11 +1462,11 @@ const xa = function(e) {
       }, h = await zt(l, d), p = qe(_e(n)), f = At(p);
       let m = v[f], g = v[p];
       if (o) {
-        const x = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", w = m + h[x], A = m - h[b];
+        const x = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", w = m + h[x], A = m - h[y];
         m = Je(w, m, A);
       }
       if (s) {
-        const x = p === "y" ? "top" : "left", b = p === "y" ? "bottom" : "right", w = g + h[x], A = g - h[b];
+        const x = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", w = g + h[x], A = g - h[y];
         g = Je(w, g, A);
       }
       const _ = i.fn({
@@ -1622,7 +1622,7 @@ function we(e, l, t, a) {
     const f = se(o), m = a && fe(a) ? se(a) : a;
     let g = f, _ = g.frameElement;
     for (; _ && a && m !== g; ) {
-      const x = Ce(_), b = _.getBoundingClientRect(), w = ce(_), A = b.left + (_.clientLeft + parseFloat(w.paddingLeft)) * x.x, B = b.top + (_.clientTop + parseFloat(w.paddingTop)) * x.y;
+      const x = Ce(_), y = _.getBoundingClientRect(), w = ce(_), A = y.left + (_.clientLeft + parseFloat(w.paddingLeft)) * x.x, B = y.top + (_.clientTop + parseFloat(w.paddingTop)) * x.y;
       d *= x.x, v *= x.y, h *= x.x, p *= x.y, d += A, v += B, g = se(_), _ = g.frameElement;
     }
   }
@@ -1855,11 +1855,11 @@ function ja(e, l) {
     };
     let A = !0;
     function B(C) {
-      const y = C[0].intersectionRatio;
-      if (y !== d) {
+      const b = C[0].intersectionRatio;
+      if (b !== d) {
         if (!A)
           return s();
-        y ? s(!1, y) : a = setTimeout(() => {
+        b ? s(!1, b) : a = setTimeout(() => {
           s(!1, 1e-7);
         }, 100);
       }
@@ -1887,15 +1887,15 @@ function Fa(e, l, t, a) {
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: d = !1
   } = a, v = ct(e), h = n || o ? [...v ? Ie(v) : [], ...Ie(l)] : [];
-  h.forEach((b) => {
-    n && b.addEventListener("scroll", t, {
+  h.forEach((y) => {
+    n && y.addEventListener("scroll", t, {
       passive: !0
-    }), o && b.addEventListener("resize", t);
+    }), o && y.addEventListener("resize", t);
   });
   const p = v && i ? ja(v, t) : null;
   let f = -1, m = null;
-  s && (m = new ResizeObserver((b) => {
-    let [w] = b;
+  s && (m = new ResizeObserver((y) => {
+    let [w] = y;
     w && w.target === v && m && (m.unobserve(l), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var A;
       (A = m) == null || A.observe(l);
@@ -1904,14 +1904,14 @@ function Fa(e, l, t, a) {
   let g, _ = d ? we(e) : null;
   d && x();
   function x() {
-    const b = we(e);
-    _ && (b.x !== _.x || b.y !== _.y || b.width !== _.width || b.height !== _.height) && t(), _ = b, g = requestAnimationFrame(x);
+    const y = we(e);
+    _ && (y.x !== _.x || y.y !== _.y || y.width !== _.width || y.height !== _.height) && t(), _ = y, g = requestAnimationFrame(x);
   }
   return t(), () => {
-    var b;
+    var y;
     h.forEach((w) => {
       n && w.removeEventListener("scroll", t), o && w.removeEventListener("resize", t);
-    }), p == null || p(), (b = m) == null || b.disconnect(), m = null, d && cancelAnimationFrame(g);
+    }), p == null || p(), (y = m) == null || y.disconnect(), m = null, d && cancelAnimationFrame(g);
   };
 }
 const Ha = $a, Wa = _a, qa = ya, yt = (e, l, t) => {
@@ -1939,9 +1939,9 @@ const Ha = $a, Wa = _a, qa = ya, yt = (e, l, t) => {
       return;
     const h = () => {
       !a.value || !n.value || yt(a.value, n.value, {
-        middleware: J(e),
-        placement: J(l),
-        strategy: J(t)
+        middleware: Z(e),
+        placement: Z(l),
+        strategy: Z(t)
       }).then(({ x: f, y: m }) => {
         n.value && Object.assign(n.value.style, {
           left: `${f}px`,
@@ -1949,9 +1949,9 @@ const Ha = $a, Wa = _a, qa = ya, yt = (e, l, t) => {
         });
       });
     }, p = await yt(a.value, n.value, {
-      middleware: J(e),
-      placement: J(l),
-      strategy: J(t)
+      middleware: Z(e),
+      placement: Z(l),
+      strategy: Z(t)
     });
     Fa(a.value, n.value, h), Object.keys(d).forEach((f) => {
       d[f].value = p[f];
@@ -2024,15 +2024,15 @@ const Xa = ["data-side"], jt = {
   },
   setup(e, { expose: l }) {
     const t = e, a = S(), n = E(() => {
-      const y = [Ha(), Wa(), xa(10)];
-      return t.showArrow && y.push(qa({ element: a.value })), y;
+      const b = [Ha(), Wa(), xa(10)];
+      return t.showArrow && b.push(qa({ element: a.value })), b;
     }), o = S(t.placement), s = S(t.strategy), i = S(t.hover), {
       visible: d,
       open: v,
       close: h
     } = Ka({ hover: i }), p = S(), f = S(
-      (y) => {
-        p.value = y && y.nextElementSibling || null;
+      (b) => {
+        p.value = b && b.nextElementSibling || null;
       }
     );
     he(() => {
@@ -2044,8 +2044,8 @@ const Xa = ["data-side"], jt = {
     }), Fe(() => {
       p.value.removeEventListener("click", m);
     });
-    const m = (y) => {
-      y.stopPropagation(), v(), setTimeout(() => {
+    const m = (b) => {
+      b.stopPropagation(), v(), setTimeout(() => {
         document.addEventListener("mousedown", g, { once: !0 });
       });
     }, g = () => {
@@ -2053,36 +2053,36 @@ const Xa = ["data-side"], jt = {
     }, {
       x: _,
       y: x,
-      contentRef: b,
+      contentRef: y,
       middlewareData: w
     } = Ua({ middleware: n, placement: o, strategy: s }, p), A = E(() => o.value.split("-")[0]), B = E(() => ({ left: _.value + "px", top: x.value + "px", zIndex: t.zIndex })), C = E(() => {
       if (!t.showArrow)
         return {};
-      const { arrow: y } = J(w);
+      const { arrow: b } = Z(w);
       return {
-        left: (y == null ? void 0 : y.x) + "px",
-        top: (y == null ? void 0 : y.y) + "px"
+        left: (b == null ? void 0 : b.x) + "px",
+        top: (b == null ? void 0 : b.y) + "px"
       };
     });
     return l({
       open: v,
       close: h
-    }), (y, k) => (c(), u(W, null, [
-      (c(), ee(Ct(y.$slots.default), ye({ ref: f.value }, y.$attrs), null, 16)),
+    }), (b, k) => (c(), u(W, null, [
+      (c(), ee(Ct(b.$slots.default), ye({ ref: f.value }, b.$attrs), null, 16)),
       (c(), ee(He, { to: "body" }, [
         ae(ie, { name: e.transitionName }, {
           default: Q(() => [
-            J(d) ? (c(), u("div", {
+            Z(d) ? (c(), u("div", {
               key: 0,
               ref_key: "contentRef",
-              ref: b,
+              ref: y,
               class: V(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": t.isSelect }]),
               style: N(B.value),
               "data-side": A.value,
               onMousedown: k[0] || (k[0] = q(() => {
               }, ["stop"]))
             }, [
-              R(y.$slots, "content", {}, () => [
+              R(b.$slots, "content", {}, () => [
                 G(F(e.content), 1)
               ]),
               e.showArrow ? (c(), u("span", {
@@ -2317,7 +2317,7 @@ const Xe = (e) => (xe("data-v-bc247383"), e = e(), $e(), e), Ga = ["onClick"], J
       style: N(`--color: ${e.color};`),
       onMouseleave: h
     }, [
-      (c(!0), u(W, null, Z(e.count, (g) => (c(), u("div", {
+      (c(!0), u(W, null, J(e.count, (g) => (c(), u("div", {
         class: V(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && a.value >= g - 0.5 && a.value < g, "abl-rate-star-full": a.value >= g, "temp-gray": !e.allowHalf && n.value === g }]),
         style: N(`margin-right: ${g !== e.count ? e.gap : 0}px;`),
         onClick: (_) => e.allowHalf ? p(_) : s(g),
@@ -2481,7 +2481,7 @@ const fn = { class: "abl-collapse__title" }, vn = { key: 0 }, pn = { class: "ico
     }, g = () => {
       if (f.value)
         if (Array.isArray(h.value)) {
-          const x = h.value.filter((b) => b !== n.name);
+          const x = h.value.filter((y) => y !== n.name);
           v.changeEvent(x);
         } else
           v.changeEvent(null);
@@ -2495,11 +2495,11 @@ const fn = { class: "abl-collapse__title" }, vn = { key: 0 }, pn = { class: "ico
       m();
     }), lt(() => {
       m();
-    }), (x, b) => (c(), u("div", {
-      class: V(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && J(s) > 1 && "abl-collapse-item__border"])
+    }), (x, y) => (c(), u("div", {
+      class: V(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && Z(s) > 1 && "abl-collapse-item__border"])
     }, [
       r("div", {
-        onClick: b[0] || (b[0] = (w) => g(!f.value)),
+        onClick: y[0] || (y[0] = (w) => g(!f.value)),
         class: V(["abl-collapse-item__title", { "abl-collapse-item__disabled": e.disabled }]),
         style: N({ background: e.background })
       }, [
@@ -2523,19 +2523,19 @@ const fn = { class: "abl-collapse__title" }, vn = { key: 0 }, pn = { class: "ico
       ], 6),
       r("div", {
         class: V(["abl-collapse-item__content-wrap", { "abl-collapse-item-__content-ani": e.animation }]),
-        style: N({ height: f.value ? `${J(t) ? d.value + "px" : "auto"}` : "0px", background: e.contentBg })
+        style: N({ height: f.value ? `${Z(t) ? d.value + "px" : "auto"}` : "0px", background: e.contentBg })
       }, [
         r("div", {
           ref_key: "ablCollapseEl",
           ref: a,
-          class: V(["abl-collapse-item__content", { "abl-collapse-item__content-open": i.value || !J(t) && f.value }])
+          class: V(["abl-collapse-item__content", { "abl-collapse-item__content-open": i.value || f.value }])
         }, [
           R(x.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 6)
     ], 2));
   }
-}, gn = /* @__PURE__ */ K(mn, [["__scopeId", "data-v-7fef80b3"]]);
+}, gn = /* @__PURE__ */ K(mn, [["__scopeId", "data-v-adc81689"]]);
 const hn = { class: "abl-progress-text" }, bn = {
   __name: "index",
   props: {
@@ -2817,7 +2817,7 @@ const Vn = /* @__PURE__ */ r("div", {
       o.value[T] = !0;
     }, x = (T) => {
       s.value = (s.value + 1) % n.value;
-    }, b = (T) => {
+    }, y = (T) => {
       s.value = (s.value - 1 + n.value) % n.value;
     }, w = () => {
       i.value + a.zoomRate > a.maxScale ? i.value = a.maxScale : i.value = g(i.value, a.zoomRate);
@@ -2827,7 +2827,7 @@ const Vn = /* @__PURE__ */ r("div", {
       f.value -= 90;
     }, C = () => {
       f.value += 90;
-    }, y = () => {
+    }, b = () => {
       f.value = 0, i.value = 1, h.value = 0, p.value = 0;
     }, k = (T) => {
       console.log("e====", T);
@@ -2873,7 +2873,7 @@ const Vn = /* @__PURE__ */ r("div", {
                 class: "abl-image-preview",
                 style: N(`transform: translate3d(${h.value}px, ${p.value}px, 0px);`)
               }, [
-                (c(!0), u(W, null, Z(e.previewSrcList, (z, D) => U((c(), u("div", {
+                (c(!0), u(W, null, J(e.previewSrcList, (z, D) => U((c(), u("div", {
                   key: D,
                   class: "abl-image-preview__box"
                 }, [
@@ -2897,7 +2897,7 @@ const Vn = /* @__PURE__ */ r("div", {
               n.value > 1 ? (c(), u(W, { key: 0 }, [
                 r("div", {
                   class: "abl-image-preview__btn abl-image-preview__prev",
-                  onClick: q(b, ["stop"])
+                  onClick: q(y, ["stop"])
                 }, Nn),
                 r("div", {
                   class: "abl-image-preview__btn abl-image-preview__next",
@@ -2920,7 +2920,7 @@ const Vn = /* @__PURE__ */ r("div", {
                   }, qn),
                   r("i", {
                     class: "abl-icon",
-                    onClick: q(y, ["stop"])
+                    onClick: q(b, ["stop"])
                   }, Kn),
                   r("i", {
                     class: "abl-icon",
@@ -3128,7 +3128,7 @@ const eo = {
               key: 0,
               width: "40%"
             })) : O("", !0),
-            ((s = a.value) == null ? void 0 : s.length) > 0 ? (c(!0), u(W, { key: 1 }, Z(a.value, (i, d) => (c(), ee(Qe, {
+            ((s = a.value) == null ? void 0 : s.length) > 0 ? (c(!0), u(W, { key: 1 }, J(a.value, (i, d) => (c(), ee(Qe, {
               width: t(d)
             }, null, 8, ["width"]))), 256)) : O("", !0)
           ])
@@ -3241,8 +3241,8 @@ const ro = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), uo = ["onClick"], f
   setup(e, { emit: l }) {
     var C;
     const t = l, a = ze(), n = typeof window < "u" && typeof document < "u", o = e, s = S([]);
-    (C = a.default()) == null || C.forEach((y) => {
-      const { props: k } = y;
+    (C = a.default()) == null || C.forEach((b) => {
+      const { props: k } = b;
       if (k) {
         const { title: $, disabled: L } = k;
         s.value.push({
@@ -3251,18 +3251,18 @@ const ro = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), uo = ["onClick"], f
         });
       }
     });
-    const i = S(), d = S(), v = S(!1), h = S(0), p = S(""), f = S(!1), m = (y) => typeof y == "number" ? y + "px" : y;
+    const i = S(), d = S(), v = S(!1), h = S(0), p = S(""), f = S(!1), m = (b) => typeof b == "number" ? b + "px" : b;
     oe(
       () => v.value,
-      (y) => {
-        n && (y ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
+      (b) => {
+        n && (b ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
       },
       {
         deep: !0,
         immediate: !0
       }
     );
-    const g = (y, k) => {
+    const g = (b, k) => {
       if (!s.value[k].disabled) {
         if (k === p.value && o.closeOnClickSelf) {
           x(), setTimeout(() => {
@@ -3272,19 +3272,19 @@ const ro = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), uo = ["onClick"], f
         }
         f.value = !0, _(k);
       }
-    }, _ = async (y) => {
-      await b(), v.value = !0, p.value = y, Array.from(d.value.children).map((k, $) => {
-        $ === y ? d.value.children[$].style.display = "block" : d.value.children[$].style.display = "none";
+    }, _ = async (b) => {
+      await y(), v.value = !0, p.value = b, Array.from(d.value.children).map((k, $) => {
+        $ === b ? d.value.children[$].style.display = "block" : d.value.children[$].style.display = "none";
       }), t("open", p.value);
     }, x = () => {
       v.value = !1, p.value = 99999, setTimeout(() => {
         f.value = !1;
       }, 300);
-    }, b = () => {
+    }, y = () => {
       var $;
       if (!n)
         return;
-      const { top: y, bottom: k } = ($ = i == null ? void 0 : i.value) == null ? void 0 : $.getBoundingClientRect();
+      const { top: b, bottom: k } = ($ = i == null ? void 0 : i.value) == null ? void 0 : $.getBoundingClientRect();
       k > 0 && (h.value = k - 1);
     }, w = () => {
       o.closeOnClickMask && x();
@@ -3296,8 +3296,8 @@ const ro = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), uo = ["onClick"], f
       f.value && x();
     });
     return de(go, A), he(() => {
-      b();
-    }), (y, k) => (c(), u("div", {
+      y();
+    }), (b, k) => (c(), u("div", {
       class: "abl-dropdown",
       ref_key: "root",
       ref: B
@@ -3310,7 +3310,7 @@ const ro = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), uo = ["onClick"], f
         ref_key: "dropdownMenuRef",
         ref: i
       }, [
-        (c(!0), u(W, null, Z(s.value, ($, L) => (c(), u("div", {
+        (c(!0), u(W, null, J(s.value, ($, L) => (c(), u("div", {
           class: "abl-dropdown-menu__item",
           key: L,
           onClick: q((T) => g($, L), ["stop"])
@@ -3359,7 +3359,7 @@ const ro = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), uo = ["onClick"], f
               ref_key: "childrenRef",
               ref: d
             }, [
-              R(y.$slots, "default", {}, void 0, !0)
+              R(b.$slots, "default", {}, void 0, !0)
             ], 544), [
               [X, v.value]
             ])
@@ -3433,7 +3433,7 @@ const yo = (e) => (xe("data-v-046e593c"), e = e(), $e(), e), _o = ["active"], wo
     }, [
       R(i.$slots, "default", {}, () => [
         r("div", wo, [
-          (c(!0), u(W, null, Z(e.options, (v, h) => (c(), ee(Ht, {
+          (c(!0), u(W, null, J(e.options, (v, h) => (c(), ee(Ht, {
             title: v.text,
             onClick: (p) => s(v.value),
             class: V(["abl-dropdown-item__option", n.modelValue === v.value && "abl-dropdown-item__option--active"])
@@ -3528,8 +3528,8 @@ const zo = {
   setup(e, { expose: l, emit: t }) {
     const a = e, n = t, o = S(), s = S(a.autofocus), i = S(!0), d = S(a.type), v = S(!1), h = E({
       get: () => a.modelValue,
-      set: (b) => {
-        n("update:modelValue", b);
+      set: (y) => {
+        n("update:modelValue", y);
       }
     }), p = () => {
       s.value = !0, n("focus");
@@ -3548,19 +3548,19 @@ const zo = {
     }
     return l({
       blur: () => {
-        var b;
-        return (b = o.value) == null ? void 0 : b.blur();
+        var y;
+        return (y = o.value) == null ? void 0 : y.blur();
       },
       focus: () => {
-        var b;
-        return (b = o.value) == null ? void 0 : b.focus();
+        var y;
+        return (y = o.value) == null ? void 0 : y.focus();
       },
       clear: m,
       input: () => o.value
-    }), (b, w) => (c(), u("div", {
-      class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": b.$slots.addonBefore || e.addonBefore || b.$slots.addonAfter || e.addonAfter }])
+    }), (y, w) => (c(), u("div", {
+      class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": y.$slots.addonBefore || e.addonBefore || y.$slots.addonAfter || e.addonAfter }])
     }, [
-      R(b.$slots, "addonBefore", {}, () => [
+      R(y.$slots, "addonBefore", {}, () => [
         e.addonBefore ? (c(), u("span", zo, F(e.addonBefore), 1)) : O("", !0)
       ], !0),
       r("div", {
@@ -3568,8 +3568,8 @@ const zo = {
         onMouseenter: _,
         onMouseleave: x
       }, [
-        b.$slots.prefix || e.prefixIcon ? (c(), u("span", Ro, [
-          R(b.$slots, "prefix", {}, void 0, !0),
+        y.$slots.prefix || e.prefixIcon ? (c(), u("span", Ro, [
+          R(y.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (c(), u("i", {
             key: 0,
             class: V(["iconfont-abl", e.suffixIcon])
@@ -3587,7 +3587,7 @@ const zo = {
           disabled: e.disabled,
           onFocus: p,
           onBlur: f
-        }, b.$attrs), null, 16, Oo), [
+        }, y.$attrs), null, 16, Oo), [
           [Jt, h.value]
         ]),
         e.showPassword || e.clearable ? (c(), u("span", No, [
@@ -3610,15 +3610,15 @@ const zo = {
             [X, v.value]
           ])
         ])) : O("", !0),
-        b.$slots.suffix || e.suffixIcon ? (c(), u("span", To, [
-          R(b.$slots, "suffix", {}, void 0, !0),
+        y.$slots.suffix || e.suffixIcon ? (c(), u("span", To, [
+          R(y.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (c(), u("i", {
             key: 0,
             class: V(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : O("", !0)
         ])) : O("", !0)
       ], 34),
-      R(b.$slots, "addonAfter", {}, () => [
+      R(y.$slots, "addonAfter", {}, () => [
         e.addonAfter ? (c(), u("span", Mo, F(e.addonAfter), 1)) : O("", !0)
       ], !0)
     ], 2));
@@ -3782,25 +3782,25 @@ const rt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), Go = { class: "abl-
       a.value = [...t.fileList], a.value.length > t.maxCount && a.value.splice(t.maxCount), t.disabled ? n.value = a.value.length : a.value.length < t.maxCount ? n.value = t.fileList.length + 1 : n.value = t.maxCount;
     }
     const v = (B) => {
-      const C = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
-      return C.test(B) || y.test(B);
+      const C = /\.(jpg|jpeg|png|gif|webp)$/i, b = /^data:image/;
+      return C.test(B) || b.test(B);
     }, h = (B, C) => {
       var k;
-      const y = (k = B.dataTransfer) == null ? void 0 : k.files;
-      if (y != null && y.length) {
-        const $ = y.length;
+      const b = (k = B.dataTransfer) == null ? void 0 : k.files;
+      if (b != null && b.length) {
+        const $ = b.length;
         for (let L = 0; L < $ && C + L <= t.maxCount; L++)
-          g(y[L], C + L);
+          g(b[L], C + L);
         s.value[C].value = "";
       }
     }, p = (B) => {
       s.value[B].click();
     }, f = (B, C) => {
-      const y = B.target.files;
-      if (y != null && y.length) {
-        const k = y.length;
+      const b = B.target.files;
+      if (b != null && b.length) {
+        const k = b.length;
         for (let $ = 0; $ < k && C + $ < t.maxCount; $++)
-          g(y[$], C + $);
+          g(b[$], C + $);
         s.value[C].value = "";
       }
     }, m = l, g = function(B, C) {
@@ -3808,36 +3808,36 @@ const rt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), Go = { class: "abl-
         A(t.errorInfo);
       });
     }, _ = (B, C) => {
-      var y = new FileReader();
-      y.readAsDataURL(B), y.onloadstart = function(k) {
+      var b = new FileReader();
+      b.readAsDataURL(B), b.onloadstart = function(k) {
         console.log("开始读取 onloadstart:", k);
-      }, y.onabort = function(k) {
+      }, b.onabort = function(k) {
         console.log("读取中止 onabort:", k);
-      }, y.onerror = function(k) {
+      }, b.onerror = function(k) {
         console.log("读取错误 onerror:", k);
-      }, y.onprogress = function(k) {
+      }, b.onprogress = function(k) {
         k.loaded === k.total && (o.value[C] = !1);
-      }, y.onload = function(k) {
+      }, b.onload = function(k) {
         var $;
         a.value.push({
           name: B.name,
           url: ($ = k.target) == null ? void 0 : $.result
         }), m("update:fileList", a.value), m("change", a.value);
-      }, y.onloadend = function(k) {
+      }, b.onloadend = function(k) {
         console.log("读取结束 onloadend:", k);
       };
     }, x = (B, C) => {
-      t.customRequest(B).then((y) => {
-        a.value.push(y), m("update:fileList", a.value), m("change", a.value);
-      }).catch((y) => {
-        t.maxCount > 1 && (n.value = a.value.length + 1), A(y);
+      t.customRequest(B).then((b) => {
+        a.value.push(b), m("update:fileList", a.value), m("change", a.value);
+      }).catch((b) => {
+        t.maxCount > 1 && (n.value = a.value.length + 1), A(b);
       }).finally(() => {
         o.value[C] = !1;
       });
-    }, b = (B, C) => {
+    }, y = (B, C) => {
       if (v(C)) {
-        const y = a.value.slice(0, B).filter((k) => !v(k.url));
-        i.value[B - y.length].onPreview();
+        const b = a.value.slice(0, B).filter((k) => !v(k.url));
+        i.value[B - b.length].onPreview();
       } else
         window.open(C);
     }, w = (B) => {
@@ -3848,9 +3848,9 @@ const rt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), Go = { class: "abl-
       at({ type: "error", text: B, duration: 1e3, top: 100 });
     };
     return (B, C) => (c(), u("div", Go, [
-      (c(!0), u(W, null, Z(n.value, (y) => (c(), u("div", {
+      (c(!0), u(W, null, J(n.value, (b) => (c(), u("div", {
         class: "abl-upload-item",
-        key: y
+        key: b
       }, [
         r("div", Jo, [
           U(r("div", {
@@ -3859,8 +3859,8 @@ const rt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), Go = { class: "abl-
             }, ["stop", "prevent"])),
             onDragover: C[2] || (C[2] = q(() => {
             }, ["stop", "prevent"])),
-            onDrop: q((k) => e.disabled ? () => !1 : h(k, y - 1), ["stop", "prevent"]),
-            onClick: (k) => e.disabled ? () => !1 : p(y - 1)
+            onDrop: q((k) => e.disabled ? () => !1 : h(k, b - 1), ["stop", "prevent"]),
+            onClick: (k) => e.disabled ? () => !1 : p(b - 1)
           }, [
             r("input", {
               ref_for: !0,
@@ -3871,7 +3871,7 @@ const rt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), Go = { class: "abl-
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
-              onChange: (k) => f(k, y - 1),
+              onChange: (k) => f(k, b - 1),
               style: { display: "none" }
             }, null, 40, Qo),
             r("div", null, [
@@ -3883,7 +3883,7 @@ const rt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), Go = { class: "abl-
               ])
             ])
           ], 42, Zo), [
-            [X, !o.value[y - 1] && !a.value[y - 1]]
+            [X, !o.value[b - 1] && !a.value[b - 1]]
           ]),
           U(r("div", ls, [
             ae(Kt, {
@@ -3893,30 +3893,30 @@ const rt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), Go = { class: "abl-
               size: "small"
             }, null, 8, ["tip"])
           ], 512), [
-            [X, o.value[y - 1]]
+            [X, o.value[b - 1]]
           ]),
-          a.value[y - 1] ? (c(), u("div", as, [
-            v(a.value[y - 1].url) ? (c(), ee(qt, {
+          a.value[b - 1] ? (c(), u("div", as, [
+            v(a.value[b - 1].url) ? (c(), ee(qt, {
               key: 0,
               ref_for: !0,
               ref_key: "imageRef",
               ref: i,
               bordered: !1,
               width: "82",
-              src: a.value[y - 1].url,
-              previewSrcList: [a.value[y - 1].url],
-              name: a.value[y - 1].name
+              src: a.value[b - 1].url,
+              previewSrcList: [a.value[b - 1].url],
+              name: a.value[b - 1].name
             }, null, 8, ["src", "previewSrcList", "name"])) : O("", !0),
             r("div", ns, [
               r("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: (k) => b(y - 1, a.value[y - 1].url)
+                onClick: (k) => y(b - 1, a.value[b - 1].url)
               }, is, 8, os),
               U(r("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: q((k) => w(y - 1), ["prevent", "stop"])
+                onClick: q((k) => w(b - 1), ["prevent", "stop"])
               }, us, 8, cs), [
                 [X, !e.disabled]
               ])
@@ -4006,14 +4006,14 @@ const vs = { class: "abl-select-warpper-content" }, ps = { class: "abl-select-ha
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), h = S(""), p = S(), f = S(null), m = S(""), g = S(), _ = S(s.modelValue), x = S(!1), b = E(() => {
+    }), h = S(""), p = S(), f = S(null), m = S(""), g = S(), _ = S(s.modelValue), x = S(!1), y = E(() => {
       var P;
       return { width: (((P = p.value) == null ? void 0 : P.getBoundingClientRect().width) || 0) + "px" };
     }), w = Se({
       list: s == null ? void 0 : s.options
     }), A = S(!1), B = S(
       s.search && m.value === "focus" && A.value
-    ), C = E(() => s.disabled), y = S(""), k = S([]), $ = () => (a == null ? void 0 : a.default) && (a == null ? void 0 : a.default()) || [], L = () => {
+    ), C = E(() => s.disabled), b = S(""), k = S([]), $ = () => (a == null ? void 0 : a.default) && (a == null ? void 0 : a.default()) || [], L = () => {
       var M;
       try {
         a.default && (w.list = [], (M = a.default()) == null || M.map((P) => {
@@ -4062,7 +4062,7 @@ const vs = { class: "abl-select-warpper-content" }, ps = { class: "abl-select-ha
     });
     const T = (M) => {
       if (!B.value)
-        y.value = "";
+        b.value = "";
       else {
         const P = i.filter((H) => {
           let le = M.target.value.toLowerCase();
@@ -4089,7 +4089,7 @@ const vs = { class: "abl-select-warpper-content" }, ps = { class: "abl-select-ha
       var M;
       (M = f.value) == null || M.focus(), !B.value && m.value === "focus" && k.value.length > 0 && (k.value.pop(), d("change", ft(k.value)));
     }, j = () => {
-      x.value = !1, m.value = "blur", y.value = "";
+      x.value = !1, m.value = "blur", b.value = "";
     }, Y = () => {
       w.list = i, x.value = !0;
     }, te = () => {
@@ -4148,11 +4148,11 @@ const vs = { class: "abl-select-warpper-content" }, ps = { class: "abl-select-ha
         content: Q(() => [
           r("div", {
             class: "abl-select-options-warpper",
-            style: N(b.value),
+            style: N(y.value),
             id: "abl-select"
           }, [
             o.value ? (c(), u(W, { key: 1 }, [
-              w.list.length > 0 ? (c(!0), u(W, { key: 0 }, Z(w.list, (H, le) => (c(), u("div", {
+              w.list.length > 0 ? (c(!0), u(W, { key: 0 }, J(w.list, (H, le) => (c(), u("div", {
                 class: V(["abl-select-options-item", k.value.some((ne) => ne.value === H.value) ? "abl-options-item-active" : ""]),
                 key: H.name + H.value + "slot",
                 onClick: (ne) => z(H, ne)
@@ -4160,7 +4160,7 @@ const vs = { class: "abl-select-warpper-content" }, ps = { class: "abl-select-ha
                 R(M.$slots, "option", dt(Zt(H)), void 0, !0)
               ], 10, xs))), 128)) : (c(), u("div", $s, " No data "))
             ], 64)) : (c(), u(W, { key: 0 }, [
-              w.list.length > 0 ? (c(!0), u(W, { key: 0 }, Z(w.list, (H, le) => (c(), u("div", {
+              w.list.length > 0 ? (c(!0), u(W, { key: 0 }, J(w.list, (H, le) => (c(), u("div", {
                 class: V(["abl-select-options-item", k.value.some((ne) => ne.value === H.value) ? "abl-options-item-active" : ""]),
                 key: H.name + H.value,
                 onClick: (ne) => z(H, ne)
@@ -4207,12 +4207,12 @@ const vs = { class: "abl-select-warpper-content" }, ps = { class: "abl-select-ha
                   class: V(["abl-select-input-focus", B.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: f,
-                  "onUpdate:modelValue": P[1] || (P[1] = (H) => y.value = H),
+                  "onUpdate:modelValue": P[1] || (P[1] = (H) => b.value = H),
                   onFocus: P[2] || (P[2] = (H) => Y()),
                   onInput: T,
                   placeholder: h.value
                 }, null, 42, gs), [
-                  [Lt, y.value]
+                  [Lt, b.value]
                 ]),
                 x.value ? O("", !0) : U((c(), u("span", {
                   key: 0,
@@ -4310,27 +4310,27 @@ const Cs = { class: "abl-header" }, Ss = { class: "abl-title" }, Bs = { class: "
       const g = f.length;
       let _ = [];
       for (let x = 0; x < g; x++) {
-        const b = {
+        const y = {
           span: Math.min(f[x].dataset.span, m),
           element: f[x]
         };
-        h(_) < m ? (b.span = Math.min(b.span, m - h(_)), x === g - 1 && (b.span = m - h(_)), _.push(b), x === g - 1 && i.value.push(_)) : (i.value.push(_), _ = [b], x === g - 1 && (b.span = m, i.value.push(_)));
+        h(_) < m ? (y.span = Math.min(y.span, m - h(_)), x === g - 1 && (y.span = m - h(_)), _.push(y), x === g - 1 && i.value.push(_)) : (i.value.push(_), _ = [y], x === g - 1 && (y.span = m, i.value.push(_)));
       }
       l.bordered ? ue(() => {
-        i.value.forEach((x, b) => {
+        i.value.forEach((x, y) => {
           x.forEach((w) => {
             const A = Array.from(w.element.children), B = A[0].cloneNode(!0);
             B.colSpan = 1, p(B, l.labelStyle), p(B, JSON.parse(w.element.dataset.labelStyle));
             const C = A[1].cloneNode(!0);
-            C.colSpan = w.span * 2 - 1, p(C, l.contentStyle), p(C, JSON.parse(w.element.dataset.contentStyle)), s.value[b].appendChild(B), s.value[b].appendChild(C);
+            C.colSpan = w.span * 2 - 1, p(C, l.contentStyle), p(C, JSON.parse(w.element.dataset.contentStyle)), s.value[y].appendChild(B), s.value[y].appendChild(C);
           });
         });
       }) : ue(() => {
-        f.forEach((x, b) => {
+        f.forEach((x, y) => {
           const w = Array.from(x.children), A = w[0];
           p(A, l.labelStyle), p(A, JSON.parse(x.dataset.labelStyle));
           const B = w[1];
-          p(B, l.contentStyle), p(B, JSON.parse(x.dataset.contentStyle)), o.value[b].appendChild(x);
+          p(B, l.contentStyle), p(B, JSON.parse(x.dataset.contentStyle)), o.value[y].appendChild(x);
         });
       });
     }
@@ -4370,7 +4370,7 @@ const Cs = { class: "abl-header" }, Ss = { class: "abl-title" }, Bs = { class: "
       }, [
         r("table", null, [
           e.bordered ? (c(), u("tbody", As, [
-            d.value ? (c(!0), u(W, { key: 0 }, Z(d.value, (g) => (c(), u("tr", {
+            d.value ? (c(!0), u(W, { key: 0 }, J(d.value, (g) => (c(), u("tr", {
               ref_for: !0,
               ref_key: "rows",
               ref: s,
@@ -4378,14 +4378,14 @@ const Cs = { class: "abl-header" }, Ss = { class: "abl-title" }, Bs = { class: "
               key: g
             }))), 128)) : O("", !0)
           ])) : (c(), u("tbody", Ls, [
-            (c(!0), u(W, null, Z(i.value, (g, _) => (c(), u("tr", { key: _ }, [
-              (c(!0), u(W, null, Z(g, (x, b) => (c(), u("td", {
+            (c(!0), u(W, null, J(i.value, (g, _) => (c(), u("tr", { key: _ }, [
+              (c(!0), u(W, null, J(g, (x, y) => (c(), u("td", {
                 ref_for: !0,
                 ref_key: "cols",
                 ref: o,
                 class: "abl-item-td",
                 colspan: x.span,
-                key: b
+                key: y
               }, null, 8, Vs))), 128))
             ]))), 128))
           ]))
@@ -4510,11 +4510,11 @@ const js = "RangeTrackRefKey", Fs = {
         return !1;
       const x = o.value.getBoundingClientRect();
       if (t.vertical) {
-        const b = x.left - 32, w = x.right + 32;
-        return _ < b || _ > w;
+        const y = x.left - 32, w = x.right + 32;
+        return _ < y || _ > w;
       } else {
-        const b = x.top - 32, w = x.bottom + 32;
-        return _ < b || _ > w;
+        const y = x.top - 32, w = x.bottom + 32;
+        return _ < y || _ > w;
       }
     }
     function f(_) {
@@ -4525,7 +4525,7 @@ const js = "RangeTrackRefKey", Fs = {
       w < 0 ? a("update", 0) : w > 100 ? a("update", 100) : isNaN(w) || a("update", w), s.value && (d.value = p(t.vertical ? _.clientX : _.clientY));
     }
     function m(_) {
-      if (window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m), v && (console.log(1221), a("change"), v = !1), _.type === "pointercancel" || t.disabled) {
+      if (window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m), v && (a("change"), v = !1), _.type === "pointercancel" || t.disabled) {
         h(void 0), a("moveDone");
         return;
       }
@@ -4553,11 +4553,11 @@ const js = "RangeTrackRefKey", Fs = {
       ]),
       style: N(e.vertical ? { top: `${e.position}%` } : { left: `${e.position}%` }),
       onPointerdown: g,
-      onMousedown: q(() => {
+      onMousedownPassive: q(() => {
       }, ["prevent"]),
-      onTouchstart: x[0] || (x[0] = (b) => {
-        b.cancelable === !0 && b.preventDefault();
-      })
+      onTouchstartPassive: x[0] || (x[0] = q((y) => {
+        y.cancelable;
+      }, ["prevent"]))
     }, [
       ae(ie, { name: "fade" }, {
         default: Q(() => [
@@ -4571,8 +4571,8 @@ const js = "RangeTrackRefKey", Fs = {
               e.renderTop ? (c(), ee(xt, {
                 key: 0,
                 render: () => {
-                  var b;
-                  return (b = e.renderTop) == null ? void 0 : b.call(e, ["data", "dataList"].includes(e.modelType) ? e.data : e.data.value);
+                  var y;
+                  return (y = e.renderTop) == null ? void 0 : y.call(e, ["data", "dataList"].includes(e.modelType) ? e.data : e.data.value);
                 }
               }, null, 8, ["render"])) : R(_.$slots, "top", {
                 key: 1,
@@ -4595,8 +4595,8 @@ const js = "RangeTrackRefKey", Fs = {
               e.renderBottom ? (c(), ee(xt, {
                 key: 0,
                 render: () => {
-                  var b;
-                  return (b = e.renderBottom) == null ? void 0 : b.call(e, ["data", "dataList"].includes(e.modelType) ? e.data : e.data.value);
+                  var y;
+                  return (y = e.renderBottom) == null ? void 0 : y.call(e, ["data", "dataList"].includes(e.modelType) ? e.data : e.data.value);
                 }
               }, null, 8, ["render"])) : R(_.$slots, "bottom", {
                 key: 1,
@@ -4609,7 +4609,7 @@ const js = "RangeTrackRefKey", Fs = {
       })
     ], 38));
   }
-}, Hs = /* @__PURE__ */ K(Fs, [["__scopeId", "data-v-0ce09308"]]);
+}, Hs = /* @__PURE__ */ K(Fs, [["__scopeId", "data-v-d8c698b8"]]);
 function Ee(e, l, t) {
   [e[l], e[t]] = [e[t], e[l]];
 }
@@ -4760,9 +4760,9 @@ const Us = { class: "abl-range-highlight-container" }, Ks = {
       return qs($, t.min, t.max, t.step);
     }
     const _ = S(-1), x = S(-1);
-    let b;
+    let y;
     function w($) {
-      x.value = $, clearTimeout(b), b = window.setTimeout(() => {
+      x.value = $, clearTimeout(y), y = window.setTimeout(() => {
         x.value = -1;
       }, 300);
     }
@@ -4792,9 +4792,9 @@ const Us = { class: "abl-range-highlight-container" }, Ks = {
       const $ = d.value[_.value], L = o.value;
       L.splice($, 1), o.value = L, delete d.value[_.value], d.value = Object.fromEntries(Object.entries(d.value).map(([T, I]) => I >= $ ? [T, I - 1] : [T, I]));
     }
-    let y = !1;
+    let b = !1;
     function k($) {
-      if (!y || (y = !1, !(f != null && f.value) || !s.value))
+      if (!b || (b = !1, !(f != null && f.value) || !s.value))
         return;
       const L = f.value.getBoundingClientRect(), I = (t.vertical ? $.clientY - L.top : $.clientX - L.left) / (t.vertical ? L.height : L.width) * 100, z = m(I);
       if (o.value.some((j) => j.value === z))
@@ -4811,8 +4811,8 @@ const Us = { class: "abl-range-highlight-container" }, Ks = {
           ref_key: "trackRef",
           ref: f,
           class: V([e.vertical ? "abl-range-v-track" : "abl-range-track", { "cursor-copy": s.value }]),
-          onPointerdown: L[1] || (L[1] = (I) => vt(y) ? y.value = !0 : y = !0),
-          onPointerleave: L[2] || (L[2] = (I) => vt(y) ? y.value = !1 : y = !1),
+          onPointerdown: L[1] || (L[1] = (I) => vt(b) ? b.value = !0 : b = !0),
+          onPointerleave: L[2] || (L[2] = (I) => vt(b) ? b.value = !1 : b = !1),
           onPointerup: q(k, ["prevent"])
         }, [
           U(r("div", Us, [
@@ -4824,7 +4824,7 @@ const Us = { class: "abl-range-highlight-container" }, Ks = {
             [X, e.rangeHighlight && o.value.length >= 2]
           ]),
           (T = e.progress) != null && T.length ? (c(), u("div", Ks, [
-            (c(!0), u(W, null, Z(e.progress, (I, z) => (c(), u(W, { key: z }, [
+            (c(!0), u(W, null, J(e.progress, (I, z) => (c(), u(W, { key: z }, [
               Array.isArray(I) ? (c(), u("div", {
                 key: 0,
                 class: V(e.vertical ? "abl-range-v-progress" : "abl-range-progress"),
@@ -4840,7 +4840,7 @@ const Us = { class: "abl-range-highlight-container" }, Ks = {
             r("div", {
               class: V(e.vertical ? "abl-range-v-points-container" : "abl-range-points-container")
             }, [
-              (c(!0), u(W, null, Z(i.value, (I) => (c(), u("div", {
+              (c(!0), u(W, null, J(i.value, (I) => (c(), u("div", {
                 key: I,
                 class: "abl-range-points"
               }))), 128))
@@ -4850,7 +4850,7 @@ const Us = { class: "abl-range-highlight-container" }, Ks = {
             key: 2,
             class: V(e.vertical ? "abl-range-v-marks" : "abl-range-marks")
           }, [
-            (c(!0), u(W, null, Z(e.marks, (I, z) => (c(), u(W, { key: z }, [
+            (c(!0), u(W, null, J(e.marks, (I, z) => (c(), u(W, { key: z }, [
               typeof I == "string" ? (c(), u("div", {
                 key: 0,
                 class: V(e.vertical ? "abl-range-v-mark-item" : "abl-range-mark-item"),
@@ -4862,7 +4862,7 @@ const Us = { class: "abl-range-highlight-container" }, Ks = {
               }, F(I.label), 7))
             ], 64))), 128))
           ], 2)) : O("", !0),
-          (c(!0), u(W, null, Z(d.value, (I, z) => (c(), ee(Hs, {
+          (c(!0), u(W, null, J(d.value, (I, z) => (c(), ee(Hs, {
             key: z,
             position: A.value[z] || 0,
             active: _.value === Number(z),
@@ -4967,12 +4967,12 @@ const Zs = { class: "abl-pagination-wrap" }, Qs = {
       v("update:current", g), v("change", g, t.pageSize);
     });
     const h = (g) => {
-      var _ = [], x = Math.floor(t.pagerCount / 2), b = {
+      var _ = [], x = Math.floor(t.pagerCount / 2), y = {
         start: g - x,
         end: g + x
       };
-      b.start < 1 && (b.end = b.end + (1 - b.start), b.start = 1), b.end > i.value && (b.start = b.start - (b.end - i.value), b.end = i.value), b.start < 1 && (b.start = 1), b.start > 1 ? o.value = !0 : o.value = !1, b.end < i.value ? s.value = !0 : s.value = !1;
-      for (let w = b.start; w <= b.end; w++)
+      y.start < 1 && (y.end = y.end + (1 - y.start), y.start = 1), y.end > i.value && (y.start = y.start - (y.end - i.value), y.end = i.value), y.start < 1 && (y.start = 1), y.start > 1 ? o.value = !0 : o.value = !1, y.end < i.value ? s.value = !0 : s.value = !1;
+      for (let w = y.start; w <= y.end; w++)
         _.push(w);
       return _;
     }, p = () => {
@@ -4991,7 +4991,7 @@ const Zs = { class: "abl-pagination-wrap" }, Qs = {
         e.showTotal ? (c(), u("span", Qs, "total " + F(e.total) + " items", 1)) : O("", !0),
         r("li", {
           class: V(["abl-pagination-item", { disabled: n.value === 1 }]),
-          onClick: _[0] || (_[0] = (x) => !J(a).itemRender && m(n.value - 1))
+          onClick: _[0] || (_[0] = (x) => !Z(a).itemRender && m(n.value - 1))
         }, [
           R(g.$slots, "itemRender", {
             page: n.value === 1 ? 1 : n.value - 1,
@@ -5002,7 +5002,7 @@ const Zs = { class: "abl-pagination-wrap" }, Qs = {
         ], 2),
         r("li", {
           class: V(["abl-pagination-item", { active: n.value === 1 }]),
-          onClick: _[1] || (_[1] = (x) => !J(a).itemRender && m(1))
+          onClick: _[1] || (_[1] = (x) => !Z(a).itemRender && m(1))
         }, [
           R(g.$slots, "itemRender", {
             page: 1,
@@ -5018,10 +5018,10 @@ const Zs = { class: "abl-pagination-wrap" }, Qs = {
         }, ai, 512), [
           [X, o.value && d.value[0] - 1 > 1]
         ]),
-        (c(!0), u(W, null, Z(d.value, (x, b) => (c(), u("li", {
+        (c(!0), u(W, null, J(d.value, (x, y) => (c(), u("li", {
           class: V(["abl-pagination-item", { active: n.value === x }]),
-          key: b,
-          onClick: (w) => !J(a).itemRender && m(x)
+          key: y,
+          onClick: (w) => !Z(a).itemRender && m(x)
         }, [
           R(g.$slots, "itemRender", {
             page: x,
@@ -5039,7 +5039,7 @@ const Zs = { class: "abl-pagination-wrap" }, Qs = {
         ]),
         U(r("li", {
           class: V(["abl-pagination-item", { active: n.value === i.value }]),
-          onClick: _[2] || (_[2] = (x) => !J(a).itemRender && m(i.value))
+          onClick: _[2] || (_[2] = (x) => !Z(a).itemRender && m(i.value))
         }, [
           R(g.$slots, "itemRender", {
             page: i.value,
@@ -5052,7 +5052,7 @@ const Zs = { class: "abl-pagination-wrap" }, Qs = {
         ]),
         r("li", {
           class: V(["abl-pagination-item", { disabled: n.value === i.value }]),
-          onClick: _[3] || (_[3] = (x) => !J(a).itemRender && m(n.value + 1))
+          onClick: _[3] || (_[3] = (x) => !Z(a).itemRender && m(n.value + 1))
         }, [
           R(g.$slots, "itemRender", {
             page: i.value === n.value ? n.value : n.value + 1,
@@ -5178,9 +5178,9 @@ const bi = { class: "abl-breadcrumb__item" }, yi = {
         }, [
           R(n.$slots, "default")
         ], 2),
-        (s = J(l)) != null && s.separatorIcon ? (c(), u("i", yi, [
-          (c(), ee(Ct(J(l).separatorIcon)))
-        ])) : (c(), u("span", _i, F(J(l).separator), 1))
+        (s = Z(l)) != null && s.separatorIcon ? (c(), u("i", yi, [
+          (c(), ee(Ct(Z(l).separatorIcon)))
+        ])) : (c(), u("span", _i, F(Z(l).separator), 1))
       ]);
     };
   }