abl-ui 0.4.24 → 0.4.26

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as c, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as r, normalizeClass as A, createTextVNode as Q, toDisplayString as H, createCommentVNode as I, createStaticVNode as Lt, Fragment as Y, renderList as ae, createVNode as de, useSlots as Ke, ref as x, provide as xe, onMounted as Ne, watch as ne, withDirectives as J, vShow as te, defineComponent as zt, toRefs as Te, computed as D, inject as Be, reactive as Ie, unref as se, createBlock as oe, TransitionGroup as al, withCtx as ie, resolveDynamicComponent as ct, pushScopeId as ge, popScopeId as ye, createApp as nl, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as rt, onBeforeMount as At, Teleport as Ze, Transition as me, withModifiers as K, watchEffect as ut, nextTick as _e, mergeProps as we, useAttrs as ol, createSlots as sl, vModelDynamic as il, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as cl } from "vue";
+import { openBlock as c, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as r, normalizeClass as A, createTextVNode as Q, toDisplayString as H, createCommentVNode as I, createStaticVNode as Lt, Fragment as Y, renderList as ae, createVNode as de, useSlots as Ke, ref as w, provide as xe, onMounted as Ne, watch as ne, withDirectives as J, vShow as te, defineComponent as zt, toRefs as Te, computed as D, inject as Be, reactive as Ie, unref as se, createBlock as oe, TransitionGroup as al, withCtx as ie, resolveDynamicComponent as ct, pushScopeId as ge, popScopeId as ye, createApp as nl, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as rt, onBeforeMount as At, Teleport as Ze, Transition as me, withModifiers as K, watchEffect as ut, nextTick as _e, mergeProps as we, useAttrs as ol, createSlots as sl, vModelDynamic as il, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as cl } from "vue";
 const ee = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
@@ -159,7 +159,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
   props: {
     name: "abl-tabs",
     modelValue: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     color: {
@@ -174,30 +174,30 @@ const Cl = { class: "abl-tabs" }, Sl = {
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: a }) {
     var y;
-    const t = a, l = Ke(), n = e, i = x({}), o = x(), s = x([]), d = x(), f = x(0), h = x(!1), v = x(!1), p = x(!0);
+    const t = a, l = Ke(), n = e, i = w({}), o = w(), s = w([]), d = w(), f = w(0), h = w(!1), v = w(!1), p = w(!0);
     (y = l.default()) == null || y.map(({ props: b, children: V }) => {
       if (b) {
-        const { title: B, value: C, icon: w, afterIcon: k } = b;
+        const { title: B, value: C, icon: $, afterIcon: k } = b;
         s.value.push({
           title: B,
           value: C,
-          icon: w,
+          icon: $,
           afterIcon: k
         });
       } else
         (V == null ? void 0 : V.length) > 0 && Array.isArray(V) && (V == null || V.map((B) => {
-          const { title: C, value: w, icon: k, afterIcon: F } = B.props;
+          const { title: C, value: $, icon: k, afterIcon: F } = B.props;
           s.value.push({
             title: C,
-            value: w,
+            value: $,
             icon: k,
             afterIcon: F
           });
         }));
     }), xe("active", f);
     const g = (b, V) => {
-      var C, w;
-      const B = h.value ? ((C = b == null ? void 0 : b.target) == null ? void 0 : C.offsetLeft) + 10 : (w = b == null ? void 0 : b.target) == null ? void 0 : w.offsetLeft;
+      var C;
+      const B = (C = b == null ? void 0 : b.target) == null ? void 0 : C.offsetLeft;
       i.value = {
         transform: `translateX(${B}px)`,
         width: b.target.clientWidth + "px"
@@ -213,28 +213,28 @@ const Cl = { class: "abl-tabs" }, Sl = {
       b.scrollLeft > 0 && (b.scrollLeft -= V);
     };
     Ne(() => {
-      $();
+      x();
     });
-    const $ = () => {
+    const x = () => {
       if (!o.value)
         return;
       let b = 0;
-      s.value.map((w, k) => {
-        w.value == n.modelValue && (b = k);
+      s.value.map(($, k) => {
+        $.value == n.modelValue && (b = k);
       });
-      const V = o.value[b], B = h.value ? V.offsetLeft + 10 : V == null ? void 0 : V.offsetLeft;
+      const V = o.value[b], B = V == null ? void 0 : V.offsetLeft;
       i.value = {
         transform: `translateX(${B}px)`,
         width: V.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(w) {
+      (C == null ? void 0 : C.scrollWidth) - 2 > (C == null ? void 0 : C.clientWidth) ? h.value = !0 : h.value = !1, C.addEventListener("scroll", function($) {
         var k, F, z;
-        ((k = w.target) == null ? void 0 : k.scrollLeft) + ((F = w.target) == null ? void 0 : F.offsetWidth) >= ((z = w.target) == null ? void 0 : z.scrollWidth) - 1 && (p.value = !1, B.value = !0), w.target.scrollLeft == 0 && (p.value = !0, B.value = !1);
+        ((k = $.target) == null ? void 0 : k.scrollLeft) + ((F = $.target) == null ? void 0 : F.offsetWidth) >= ((z = $.target) == null ? void 0 : z.scrollWidth) - 1 && (p.value = !1, B.value = !0), $.target.scrollLeft == 0 && (p.value = !0, B.value = !1);
       });
     };
     return ne(() => n.modelValue, async () => {
-      f.value = n.modelValue, $();
+      f.value = n.modelValue, x();
     }, {
       immediate: !0
     }), (b, V) => {
@@ -242,7 +242,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
       return c(), u("div", Cl, [
         r("div", Sl, [
           J(r("i", {
-            class: A([v.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1"]),
+            class: A([v.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1 arrow"]),
             onClick: _
           }, null, 2), [
             [te, h.value]
@@ -254,7 +254,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
               ref_for: !0,
               ref_key: "tabs",
               ref: o,
-              onClick: (w) => g(w, C.value)
+              onClick: ($) => g($, C.value)
             }, [
               C.icon ? (c(), u("i", {
                 key: 0,
@@ -265,26 +265,26 @@ const Cl = { class: "abl-tabs" }, Sl = {
                 key: 1,
                 class: A(["iconfont-abl tab-icon-after", C.afterIcon])
               }, null, 2)) : I("", !0)
-            ], 10, Vl))), 128))
+            ], 10, Vl))), 128)),
+            (B = i.value) != null && B.width ? (c(), u("div", {
+              key: 0,
+              class: "bottom-line",
+              style: E(i.value)
+            }, [
+              r("div", {
+                class: "bottom-line-inner",
+                style: E({ "background-color": n.color })
+              }, null, 4),
+              e.arrow ? (c(), u("div", Ll, [
+                r("i", {
+                  class: "iconfont-abl icon-abl-top",
+                  style: E({ color: n.color })
+                }, null, 4)
+              ])) : I("", !0)
+            ], 4)) : I("", !0)
           ]),
-          (B = i.value) != null && B.width ? (c(), u("div", {
-            key: 0,
-            class: "bottom-line",
-            style: E(i.value)
-          }, [
-            r("div", {
-              class: "bottom-line-inner",
-              style: E({ "background-color": n.color })
-            }, null, 4),
-            e.arrow ? (c(), u("div", Ll, [
-              r("i", {
-                class: "iconfont-abl icon-abl-top",
-                style: E({ color: n.color })
-              }, null, 4)
-            ])) : I("", !0)
-          ], 4)) : I("", !0),
           J(r("i", {
-            class: A([p.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou"]),
+            class: A([p.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou arrow"]),
             onClick: m
           }, null, 2), [
             [te, h.value]
@@ -300,7 +300,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
       ]);
     };
   }
-}, Al = /* @__PURE__ */ ee(zl, [["__scopeId", "data-v-db642242"]]), Il = {
+}, Al = /* @__PURE__ */ ee(zl, [["__scopeId", "data-v-2c205f63"]]), Il = {
   name: "AblSwitch"
 }, Rl = /* @__PURE__ */ zt({
   ...Il,
@@ -452,11 +452,11 @@ const Nl = {
   __name: "pane",
   props: {
     title: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     value: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     icon: {
@@ -578,7 +578,7 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
   },
   emits: ["click", "close"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = x(), i = x([]), o = x([]), s = x([]), d = x(null), f = t, h = x(), v = D(() => i.value.every((z) => !z));
+    const l = e, n = w(), i = w([]), o = w([]), s = w([]), d = w(null), f = t, h = w(), v = D(() => i.value.every((z) => !z));
     ne(v, (z, N) => {
       !N && z && (n.value = nt(() => {
         s.value = [], i.value = [];
@@ -598,7 +598,7 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
         i.value[z] && (i.value[z] = !1, s.value[z].onClose && s.value[z].onClose(), f("close"));
       }, d.value));
     }
-    function $(z) {
+    function x(z) {
       const N = s.value.findIndex((L) => L.id === z), U = s.value.length - 1, q = s.value[U];
       q.top !== void 0 ? h.value = typeof q.top == "number" ? `${q.top}px` : q.top : h.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[N] = !0, q.duration !== null ? (d.value = q.duration || l.duration, o.value[N] = nt(() => {
         i.value[N] = !1, s.value[N].onClose && s.value[N].onClose(), f("close");
@@ -633,7 +633,7 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
       let N = b(z, "success");
       return s.value.push(N), y(), N.id;
     }
-    function w(z) {
+    function $(z) {
       let N = b(z, "error");
       return s.value.push(N), y(), N.id;
     }
@@ -649,10 +649,10 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
       open: V,
       info: B,
       success: C,
-      error: w,
+      error: $,
       warning: k,
       loading: F,
-      close: $
+      close: x
     }), (z, N) => (c(), u("div", {
       class: "abl-message",
       style: E(`top: ${h.value};`)
@@ -1332,7 +1332,7 @@ const Ea = async (e, a, t) => {
   } = _t(f, l, d), p = l, g = {}, m = 0;
   for (let _ = 0; _ < s.length; _++) {
     const {
-      name: $,
+      name: x,
       fn: y
     } = s[_], {
       x: b,
@@ -1355,8 +1355,8 @@ const Ea = async (e, a, t) => {
     });
     h = b ?? h, v = V ?? v, g = {
       ...g,
-      [$]: {
-        ...g[$],
+      [x]: {
+        ...g[x],
         ...B
       }
     }, C && m <= 50 && (m++, typeof C == "object" && (C.placement && (p = C.placement), C.rects && (f = C.rects === !0 ? await o.getElementRects({
@@ -1392,8 +1392,8 @@ async function Tt(e, a) {
     elementContext: v = "floating",
     altBoundary: p = !1,
     padding: g = 0
-  } = Fe(a, e), m = Pt(g), $ = s[p ? v === "floating" ? "reference" : "floating" : v], y = Ye(await i.getClippingRect({
-    element: (t = await (i.isElement == null ? void 0 : i.isElement($))) == null || t ? $ : $.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
+  } = Fe(a, e), m = Pt(g), x = s[p ? v === "floating" ? "reference" : "floating" : v], y = Ye(await i.getClippingRect({
+    element: (t = await (i.isElement == null ? void 0 : i.isElement(x))) == null || t ? x : x.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
     boundary: f,
     rootBoundary: h,
     strategy: d
@@ -1441,9 +1441,9 @@ const Oa = (e) => ({
     const v = Pt(h), p = {
       x: t,
       y: l
-    }, g = ft(n), m = dt(g), _ = await o.getDimensions(f), $ = g === "y", y = $ ? "top" : "left", b = $ ? "bottom" : "right", V = $ ? "clientHeight" : "clientWidth", B = i.reference[m] + i.reference[g] - p[g] - i.floating[m], C = p[g] - i.reference[g], w = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
-    let k = w ? w[V] : 0;
-    (!k || !await (o.isElement == null ? void 0 : o.isElement(w))) && (k = s.floating[V] || i.floating[m]);
+    }, g = ft(n), m = dt(g), _ = await o.getDimensions(f), x = g === "y", y = x ? "top" : "left", b = x ? "bottom" : "right", V = x ? "clientHeight" : "clientWidth", B = i.reference[m] + i.reference[g] - p[g] - i.floating[m], C = p[g] - i.reference[g], $ = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
+    let k = $ ? $[V] : 0;
+    (!k || !await (o.isElement == null ? void 0 : o.isElement($))) && (k = s.floating[V] || i.floating[m]);
     const F = B / 2 - C / 2, z = k / 2 - _[m] / 2 - 1, N = Re(v[y], z), U = Re(v[b], z), q = N, L = k - _[m] - U, P = k / 2 - _[m] / 2 + F, X = ot(q, P, L), Z = !d.arrow && He(n) != null && P !== X && i.reference[m] / 2 - (P < q ? N : U) - _[m] / 2 < 0, M = Z ? P < q ? P - q : P - L : 0;
     return {
       [g]: p[g] + M,
@@ -1477,17 +1477,17 @@ const Oa = (e) => ({
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: m = "none",
         flipAlignment: _ = !0,
-        ...$
+        ...x
       } = Fe(e, a);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
       const y = Ve(n), b = Ve(s) === s, V = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), B = p || (b || !_ ? [Xe(s)] : Ia(s));
       !p && m !== "none" && B.push(...Ma(s, _, m, V));
-      const C = [s, ...B], w = await Tt(a, $), k = [];
+      const C = [s, ...B], $ = await Tt(a, x), k = [];
       let F = ((l = i.flip) == null ? void 0 : l.overflows) || [];
-      if (h && k.push(w[y]), v) {
+      if (h && k.push($[y]), v) {
         const q = Aa(n, o, V);
-        k.push(w[q[0]], w[q[1]]);
+        k.push($[q[0]], $[q[1]]);
       }
       if (F = [...F, {
         placement: n,
@@ -1592,11 +1592,11 @@ const Da = function(e) {
         mainAxis: i = !0,
         crossAxis: o = !1,
         limiter: s = {
-          fn: ($) => {
+          fn: (x) => {
             let {
               x: y,
               y: b
-            } = $;
+            } = x;
             return {
               x: y,
               y: b
@@ -1610,11 +1610,11 @@ const Da = function(e) {
       }, h = await Tt(a, d), v = Qe(Ve(n)), p = Ot(v);
       let g = f[p], m = f[v];
       if (i) {
-        const $ = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", b = g + h[$], V = g - h[y];
+        const x = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", b = g + h[x], V = g - h[y];
         g = ot(b, g, V);
       }
       if (o) {
-        const $ = v === "y" ? "top" : "left", y = v === "y" ? "bottom" : "right", b = m + h[$], V = m - h[y];
+        const x = v === "y" ? "top" : "left", y = v === "y" ? "bottom" : "right", b = m + h[x], V = m - h[y];
         m = ot(b, m, V);
       }
       const _ = s.fn({
@@ -1770,8 +1770,8 @@ function Le(e, a, t, l) {
     const p = re(i), g = l && he(l) ? re(l) : l;
     let m = p, _ = m.frameElement;
     for (; _ && l && g !== m; ) {
-      const $ = Ae(_), y = _.getBoundingClientRect(), b = fe(_), V = y.left + (_.clientLeft + parseFloat(b.paddingLeft)) * $.x, B = y.top + (_.clientTop + parseFloat(b.paddingTop)) * $.y;
-      d *= $.x, f *= $.y, h *= $.x, v *= $.y, d += V, f += B, m = re(_), _ = m.frameElement;
+      const x = Ae(_), y = _.getBoundingClientRect(), b = fe(_), V = y.left + (_.clientLeft + parseFloat(b.paddingLeft)) * x.x, B = y.top + (_.clientTop + parseFloat(b.paddingTop)) * x.y;
+      d *= x.x, f *= x.y, h *= x.x, v *= x.y, d += V, f += B, m = re(_), _ = m.frameElement;
     }
   }
   return Ye({
@@ -1997,17 +1997,17 @@ function on(e, a) {
     } = e.getBoundingClientRect();
     if (s || a(), !v || !p)
       return;
-    const g = qe(h), m = qe(n.clientWidth - (f + v)), _ = qe(n.clientHeight - (h + p)), $ = qe(f), b = {
-      rootMargin: -g + "px " + -m + "px " + -_ + "px " + -$ + "px",
+    const g = qe(h), m = qe(n.clientWidth - (f + v)), _ = qe(n.clientHeight - (h + p)), x = qe(f), b = {
+      rootMargin: -g + "px " + -m + "px " + -_ + "px " + -x + "px",
       threshold: Se(0, Re(1, d)) || 1
     };
     let V = !0;
     function B(C) {
-      const w = C[0].intersectionRatio;
-      if (w !== d) {
+      const $ = C[0].intersectionRatio;
+      if ($ !== d) {
         if (!V)
           return o();
-        w ? o(!1, w) : l = setTimeout(() => {
+        $ ? o(!1, $) : l = setTimeout(() => {
           o(!1, 1e-7);
         }, 100);
       }
@@ -2050,10 +2050,10 @@ function sn(e, a, t, l) {
     })), t();
   }), f && !d && g.observe(f), g.observe(a));
   let m, _ = d ? Le(e) : null;
-  d && $();
-  function $() {
+  d && x();
+  function x() {
     const y = Le(e);
-    _ && (y.x !== _.x || y.y !== _.y || y.width !== _.width || y.height !== _.height) && t(), _ = y, m = requestAnimationFrame($);
+    _ && (y.x !== _.x || y.y !== _.y || y.width !== _.width || y.height !== _.height) && t(), _ = y, m = requestAnimationFrame(x);
   }
   return t(), () => {
     var y;
@@ -2128,10 +2128,10 @@ const fn = ["data-side"], Yt = {
     }
   },
   setup(e, { expose: a }) {
-    const t = e, l = x(), n = D(() => {
+    const t = e, l = w(), n = D(() => {
       const L = [cn(), rn(), Da(10)];
       return t.showArrow && L.push(un({ element: l.value })), L;
-    }), i = x(t.placement), o = x(t.strategy), s = x(t.hover), d = x("auto"), f = x(), h = x(), v = x(), p = x({}), g = {
+    }), i = w(t.placement), o = w(t.strategy), s = w(t.hover), d = w("auto"), f = w(), h = w(), v = w(), p = w({}), g = {
       x: h,
       y: v,
       placement: i,
@@ -2139,31 +2139,31 @@ const fn = ["data-side"], Yt = {
       middlewareData: p
     };
     let m = null;
-    const _ = x(!1), $ = x(), y = x(
+    const _ = w(!1), x = w(), y = w(
       (L) => {
-        $.value = L && L.nextElementSibling || null;
+        x.value = L && L.nextElementSibling || null;
       }
     ), b = () => {
       _.value = !0;
     }, V = () => _.value = !1, B = () => {
-      $.value && _e(() => {
-        $.value.addEventListener("click", w);
-        const L = $.value.getBoundingClientRect();
-        t.widthAuto && (d.value = L != null && L.width ? (L == null ? void 0 : L.width) + "px" : "auto"), s.value && ($.value.addEventListener("mouseover", b, { capture: !0 }), $.value.addEventListener("mouseout", V, { capture: !0 }));
+      x.value && _e(() => {
+        x.value.addEventListener("click", $);
+        const L = x.value.getBoundingClientRect();
+        t.widthAuto && (d.value = L != null && L.width ? (L == null ? void 0 : L.width) + "px" : "auto"), s.value && (x.value.addEventListener("mouseover", b, { capture: !0 }), x.value.addEventListener("mouseout", V, { capture: !0 }));
       });
     }, C = () => {
-      $.value && ($.value.removeEventListener("click", w), s.value && ($.value.removeEventListener("mouseover", b, { capture: !0 }), $.value.removeEventListener("mouseout", V, { capture: !0 })));
+      x.value && (x.value.removeEventListener("click", $), s.value && (x.value.removeEventListener("mouseover", b, { capture: !0 }), x.value.removeEventListener("mouseout", V, { capture: !0 })));
     };
     Ne(() => {
       B(), ut(() => {
         q();
       });
-    }), ne($, (L, P) => {
+    }), ne(x, (L, P) => {
       P && C(), L && B();
     }, { immediate: !0 }), rt(() => {
       C(), B();
     });
-    const w = (L) => {
+    const $ = (L) => {
       t.shouldStopPropagation && L.stopPropagation(), b(), setTimeout(() => {
         document.addEventListener("mousedown", k, { once: !0 });
       }, 0);
@@ -2178,9 +2178,9 @@ const fn = ["data-side"], Yt = {
         top: (L == null ? void 0 : L.y) + "px"
       };
     }), U = async () => {
-      if (!(!$.value || !f.value))
+      if (!(!x.value || !f.value))
         try {
-          const L = await dn($.value, f.value, {
+          const L = await dn(x.value, f.value, {
             middleware: se(n),
             placement: se(i),
             strategy: se(o)
@@ -2193,9 +2193,9 @@ const fn = ["data-side"], Yt = {
         }
     };
     async function q() {
-      if (!(!$.value || !f.value))
+      if (!(!x.value || !f.value))
         try {
-          await _e(), m = sn($.value, f.value, U);
+          await _e(), m = sn(x.value, f.value, U);
         } catch (L) {
           console.error("Error updating position:", L);
         }
@@ -2345,7 +2345,7 @@ const fn = ["data-side"], Yt = {
         type: String,
         default: ""
       }
-    }, o = ol(), s = x(), d = (g, m) => m.reduce((_, $) => (_[$] = g[$], _), {}), f = D(() => ({ ...o, ...d(t, Object.keys(i)) }));
+    }, o = ol(), s = w(), d = (g, m) => m.reduce((_, x) => (_[x] = g[x], _), {}), f = D(() => ({ ...o, ...d(t, Object.keys(i)) }));
     function h() {
       s.value.update();
     }
@@ -2435,7 +2435,7 @@ const lt = (e) => (ge("data-v-bc247383"), e = e(), ye(), e), vn = ["onClick"], m
   },
   emits: ["update:modelValue", "change", "hoverChange"],
   setup(e, { emit: a }) {
-    const t = e, l = x(t.modelValue), n = x();
+    const t = e, l = w(t.modelValue), n = w();
     ne(
       () => t.modelValue,
       (p) => {
@@ -2557,7 +2557,7 @@ const Bn = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, l = x(0), n = () => (l.value++, l.value), i = a, o = (s) => {
+    const t = e, l = w(0), n = () => (l.value++, l.value), i = a, o = (s) => {
       i("update:modelValue", s), i("change", s);
     };
     return xe(
@@ -2619,9 +2619,9 @@ const Ln = { class: "abl-collapse__title" }, zn = { key: 0 }, An = { class: "ico
   },
   emits: ["change"],
   setup(e, { emit: a }) {
-    const t = x(), l = e, n = Be("getChildIndex"), i = n == null ? void 0 : n();
-    x(null);
-    const o = Be("CollapseKey", void 0), s = D(() => o.modelValue), d = D(() => o.iconType), f = D(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), h = x(f.value ? "auto" : "0px"), v = () => {
+    const t = w(), l = e, n = Be("getChildIndex"), i = n == null ? void 0 : n();
+    w(null);
+    const o = Be("CollapseKey", void 0), s = D(() => o.modelValue), d = D(() => o.iconType), f = D(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), h = w(f.value ? "auto" : "0px"), v = () => {
       if (f.value)
         if (Array.isArray(s.value)) {
           const m = s.value.filter((_) => _ !== l.name);
@@ -2653,7 +2653,7 @@ const Ln = { class: "abl-collapse__title" }, zn = { key: 0 }, An = { class: "ico
       class: A(["abl-collapse-item", f.value && "abl-collapse-item__expand", e.isBorder && se(i) > 1 && "abl-collapse-item__border"])
     }, [
       r("div", {
-        onClick: _[0] || (_[0] = ($) => v(!f.value)),
+        onClick: _[0] || (_[0] = (x) => v(!f.value)),
         class: A(["abl-collapse-item__title", { "abl-collapse-item__disabled": e.disabled }]),
         style: E({ background: e.background })
       }, [
@@ -2941,13 +2941,13 @@ const Un = /* @__PURE__ */ r("div", {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = Ge(), l = e, n = D(() => l.previewSrcList.length), i = x(Array(n.value).fill(!1)), o = x(l.initialIndex), s = x(1), d = x(0), f = x(0), h = x(0), v = x(0), p = x(0), g = a, m = (L) => {
+    const t = Ge(), l = e, n = D(() => l.previewSrcList.length), i = w(Array(n.value).fill(!1)), o = w(l.initialIndex), s = w(1), d = w(0), f = w(0), h = w(0), v = w(0), p = w(0), g = a, m = (L) => {
       t && (t.appContext.config.globalProperties.$lockCount = L || 0);
     }, _ = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
       const L = t.appContext.config.globalProperties.$lockCount || 0;
       m(L + 1);
-    }, $ = () => {
+    }, x = () => {
       t.appContext.config.globalProperties.$lockCount > 0 && m((t.appContext.config.globalProperties.$lockCount || 0) - 1), (t.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
     ne(() => l.modelValue, (L) => {
@@ -2978,7 +2978,7 @@ const Un = /* @__PURE__ */ r("div", {
       o.value = (o.value - 1 + n.value) % n.value;
     }, C = () => {
       s.value + l.zoomRate > l.maxScale ? s.value = l.maxScale : s.value = y(s.value, l.zoomRate);
-    }, w = () => {
+    }, $ = () => {
       s.value - l.zoomRate < l.minScale ? s.value = l.minScale : s.value = y(s.value, -l.zoomRate);
     }, k = () => {
       p.value -= 90;
@@ -3003,7 +3003,7 @@ const Un = /* @__PURE__ */ r("div", {
       const P = L.deltaY * l.zoomRate * 0.1;
       s.value === l.minScale && P > 0 || s.value === l.maxScale && P < 0 || (s.value - P < l.minScale ? s.value = l.minScale : s.value - P > l.maxScale ? s.value = l.maxScale : s.value = y(s.value, -P));
     }, q = () => {
-      $(), g("update:modelValue", !1);
+      x(), g("update:modelValue", !1);
     };
     return (L, P) => (c(), oe(Ze, { to: "body" }, [
       de(me, { name: "mask" }, {
@@ -3101,7 +3101,7 @@ const Un = /* @__PURE__ */ r("div", {
                 r("div", so, [
                   r("i", {
                     class: "abl-icon",
-                    onClick: K(w, ["stop"])
+                    onClick: K($, ["stop"])
                   }, co),
                   r("i", {
                     class: "abl-icon",
@@ -3178,8 +3178,8 @@ const yo = { class: "abl-image-wrap" }, bo = ["src"], _o = ["src"], Qt = {
     }
   },
   setup(e, { expose: a }) {
-    const t = e, l = x(!1), n = x(!1), i = x(null);
-    x("");
+    const t = e, l = w(!1), n = w(!1), i = w(null);
+    w("");
     const o = () => {
       l.value = !0;
     }, s = () => {
@@ -3356,7 +3356,7 @@ const So = /* @__PURE__ */ r("svg", {
     }, Bo, 6));
   }
 }, Lo = (e) => {
-  const a = x(null), t = (l) => {
+  const a = w(null), t = (l) => {
     const { target: n } = l;
     a.value.contains(n) || e(l);
   };
@@ -3428,9 +3428,9 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
   emits: ["open", "close"],
   setup(e, { emit: a }) {
     var C;
-    const t = a, l = Ke(), n = typeof window < "u" && typeof document < "u", i = e, o = x([]);
-    (C = l.default()) == null || C.forEach((w) => {
-      const { props: k } = w;
+    const t = a, l = Ke(), n = typeof window < "u" && typeof document < "u", i = e, o = w([]);
+    (C = l.default()) == null || C.forEach(($) => {
+      const { props: k } = $;
       if (k) {
         const { title: F, disabled: z } = k;
         o.value.push({
@@ -3439,32 +3439,32 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
         });
       }
     });
-    const s = x(), d = x(), f = x(!1), h = x(0), v = x(""), p = x(!1), g = (w) => typeof w == "number" ? w + "px" : w;
+    const s = w(), d = w(), f = w(!1), h = w(0), v = w(""), p = w(!1), g = ($) => typeof $ == "number" ? $ + "px" : $;
     ne(
       () => f.value,
-      (w) => {
-        n && (w ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
+      ($) => {
+        n && ($ ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
       },
       {
         deep: !0,
         immediate: !0
       }
     );
-    const m = (w, k) => {
+    const m = ($, k) => {
       if (!o.value[k].disabled) {
         if (k === v.value && i.closeOnClickSelf) {
-          $(), setTimeout(() => {
+          x(), setTimeout(() => {
             d.value.children[k].style.display = "none";
           }, i.duration);
           return;
         }
         p.value = !0, _(k);
       }
-    }, _ = async (w) => {
-      await y(), f.value = !0, v.value = w, Array.from(d.value.children).map((k, F) => {
-        F === w ? d.value.children[F].style.display = "block" : d.value.children[F].style.display = "none";
+    }, _ = async ($) => {
+      await y(), f.value = !0, v.value = $, Array.from(d.value.children).map((k, F) => {
+        F === $ ? d.value.children[F].style.display = "block" : d.value.children[F].style.display = "none";
       }), t("open", v.value);
-    }, $ = () => {
+    }, x = () => {
       f.value = !1, v.value = 99999, setTimeout(() => {
         p.value = !1;
       }, 300);
@@ -3472,20 +3472,20 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
       var F;
       if (!n)
         return;
-      const { top: w, bottom: k } = (F = s == null ? void 0 : s.value) == null ? void 0 : F.getBoundingClientRect();
+      const { top: $, bottom: k } = (F = s == null ? void 0 : s.value) == null ? void 0 : F.getBoundingClientRect();
       k > 0 && (h.value = k - 1);
     }, b = () => {
-      i.closeOnClickMask && $();
+      i.closeOnClickMask && x();
     }, V = Ie({
       ...Te(i),
-      onClose: $,
+      onClose: x,
       current: v
     }), B = Lo(() => {
-      p.value && $();
+      p.value && x();
     });
     return xe(Eo, V), Ne(() => {
       y();
-    }), (w, k) => (c(), u("div", {
+    }), ($, k) => (c(), u("div", {
       class: "abl-dropdown",
       ref_key: "root",
       ref: B
@@ -3547,7 +3547,7 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
               ref_key: "childrenRef",
               ref: d
             }, [
-              R(w.$slots, "default", {}, void 0, !0)
+              R($.$slots, "default", {}, void 0, !0)
             ], 544), [
               [te, f.value]
             ])
@@ -3606,8 +3606,8 @@ const To = (e) => (ge("data-v-046e593c"), e = e(), ye(), e), Do = ["active"], Fo
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = Be(qo), l = x(!1);
-    t != null && t.activeColor || x("#2979ff"), t != null && t.inactiveColor || x("#606266");
+    const t = Be(qo), l = w(!1);
+    t != null && t.activeColor || w("#2979ff"), t != null && t.inactiveColor || w("#606266");
     const n = e, i = a, o = (s) => {
       t == null || t.onClose(), i("update:modelValue", s), i("change", s);
     };
@@ -3714,7 +3714,7 @@ const Zo = {
   },
   emits: ["update:modelValue", "focus", "blur", "clear"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = x(), o = x(l.autofocus), s = x(!0), d = x(l.type), f = x(!1), h = D({
+    const l = e, n = t, i = w(), o = w(l.autofocus), s = w(!0), d = w(l.type), f = w(!1), h = D({
       get: () => l.modelValue,
       set: (y) => {
         n("update:modelValue", y);
@@ -3731,7 +3731,7 @@ const Zo = {
     function _() {
       f.value = l.clearable && h.value;
     }
-    function $() {
+    function x() {
       f.value = !1;
     }
     return a({
@@ -3754,7 +3754,7 @@ const Zo = {
       r("div", {
         class: A(["abl-input__wrapper", { "is-focus": o.value }]),
         onMouseenter: _,
-        onMouseleave: $
+        onMouseleave: x
       }, [
         y.$slots.prefix || e.prefixIcon ? (c(), u("span", Qo, [
           R(y.$slots, "prefix", {}, void 0, !0),
@@ -3966,7 +3966,7 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
   },
   emits: ["update:fileList", "change", "remove"],
   setup(e, { emit: a }) {
-    const t = e, l = x([]), n = x(1), i = x(Array(t.maxCount).fill(!1)), o = x(), s = x();
+    const t = e, l = w([]), n = w(1), i = w(Array(t.maxCount).fill(!1)), o = w(), s = w();
     ut(() => {
       d();
     });
@@ -3974,62 +3974,62 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
       l.value = [...t.fileList], l.value.length > t.maxCount && l.value.splice(t.maxCount), t.disabled ? n.value = l.value.length : l.value.length < t.maxCount ? n.value = t.fileList.length + 1 : n.value = t.maxCount;
     }
     const f = (B) => {
-      const C = /\.(jpg|jpeg|png|gif|webp)$/i, w = /^data:image/;
-      return C.test(B) || w.test(B);
+      const C = /\.(jpg|jpeg|png|gif|webp)$/i, $ = /^data:image/;
+      return C.test(B) || $.test(B);
     }, h = (B, C) => {
       var k;
-      const w = (k = B.dataTransfer) == null ? void 0 : k.files;
-      if (w != null && w.length) {
-        const F = w.length;
+      const $ = (k = B.dataTransfer) == null ? void 0 : k.files;
+      if ($ != null && $.length) {
+        const F = $.length;
         for (let z = 0; z < F && C + z <= t.maxCount; z++)
-          m(w[z], C + z);
+          m($[z], C + z);
         o.value[C].value = "";
       }
     }, v = (B) => {
       o.value[B].click();
     }, p = (B, C) => {
-      const w = B.target.files;
-      if (w != null && w.length) {
-        const k = w.length;
+      const $ = B.target.files;
+      if ($ != null && $.length) {
+        const k = $.length;
         for (let F = 0; F < k && C + F < t.maxCount; F++)
-          m(w[F], C + F);
+          m($[F], C + F);
         o.value[C].value = "";
       }
     }, g = a, m = function(B, C) {
-      t.beforeUpload(B) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (i.value[C] = !0, _(B, C)), t.uploadMode === "custom" && (i.value[C] = !0, $(B, C))) : _e(() => {
+      t.beforeUpload(B) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (i.value[C] = !0, _(B, C)), t.uploadMode === "custom" && (i.value[C] = !0, x(B, C))) : _e(() => {
         V(t.errorInfo);
       });
     }, _ = (B, C) => {
-      var w = new FileReader();
-      w.readAsDataURL(B), w.onloadstart = function(k) {
+      var $ = new FileReader();
+      $.readAsDataURL(B), $.onloadstart = function(k) {
         console.log("开始读取 onloadstart:", k);
-      }, w.onabort = function(k) {
+      }, $.onabort = function(k) {
         console.log("读取中止 onabort:", k);
-      }, w.onerror = function(k) {
+      }, $.onerror = function(k) {
         console.log("读取错误 onerror:", k);
-      }, w.onprogress = function(k) {
+      }, $.onprogress = function(k) {
         k.loaded === k.total && (i.value[C] = !1);
-      }, w.onload = function(k) {
+      }, $.onload = function(k) {
         var F, z;
         t.isUrl ? l.value.push({
           name: B.name,
           url: (F = k.target) == null ? void 0 : F.result
         }) : l.value.push((z = k.target) == null ? void 0 : z.result), g("update:fileList", l.value), g("change", l.value);
-      }, w.onloadend = function(k) {
+      }, $.onloadend = function(k) {
         console.log("读取结束 onloadend:", k);
       };
-    }, $ = (B, C) => {
-      t.customRequest(B).then((w) => {
-        l.value.push(w), g("update:fileList", l.value), g("change", l.value);
-      }).catch((w) => {
-        t.maxCount > 1 && (n.value = l.value.length + 1), V(w);
+    }, x = (B, C) => {
+      t.customRequest(B).then(($) => {
+        l.value.push($), g("update:fileList", l.value), g("change", l.value);
+      }).catch(($) => {
+        t.maxCount > 1 && (n.value = l.value.length + 1), V($);
       }).finally(() => {
         i.value[C] = !1;
       });
     }, y = (B, C) => {
       if (f(C)) {
-        const w = l.value.slice(0, B).filter((k) => !f(t.isUrl ? k.url : k));
-        s.value[B - w.length].onPreview();
+        const $ = l.value.slice(0, B).filter((k) => !f(t.isUrl ? k.url : k));
+        s.value[B - $.length].onPreview();
       } else
         window.open(C);
     }, b = (B) => {
@@ -4040,9 +4040,9 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
       Nt({ type: "error", text: B, duration: 1e3, top: 100 });
     };
     return (B, C) => (c(), u("div", hs, [
-      (c(!0), u(Y, null, ae(n.value, (w) => (c(), u("div", {
+      (c(!0), u(Y, null, ae(n.value, ($) => (c(), u("div", {
         class: "abl-upload-item",
-        key: w
+        key: $
       }, [
         r("div", gs, [
           J(r("div", {
@@ -4051,8 +4051,8 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
             }, ["stop", "prevent"])),
             onDragover: C[2] || (C[2] = K(() => {
             }, ["stop", "prevent"])),
-            onDrop: K((k) => e.disabled ? () => !1 : h(k, w - 1), ["stop", "prevent"]),
-            onClick: (k) => e.disabled ? () => !1 : v(w - 1)
+            onDrop: K((k) => e.disabled ? () => !1 : h(k, $ - 1), ["stop", "prevent"]),
+            onClick: (k) => e.disabled ? () => !1 : v($ - 1)
           }, [
             r("input", {
               ref_for: !0,
@@ -4063,7 +4063,7 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
-              onChange: (k) => p(k, w - 1),
+              onChange: (k) => p(k, $ - 1),
               style: { display: "none" }
             }, null, 40, bs),
             r("div", null, [
@@ -4075,7 +4075,7 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
               ])
             ])
           ], 42, ys), [
-            [te, !i.value[w - 1] && !l.value[w - 1]]
+            [te, !i.value[$ - 1] && !l.value[$ - 1]]
           ]),
           J(r("div", xs, [
             de(tl, {
@@ -4085,30 +4085,30 @@ const ht = (e) => (ge("data-v-28ab900b"), e = e(), ye(), e), hs = { class: "abl-
               size: "small"
             }, null, 8, ["tip"])
           ], 512), [
-            [te, i.value[w - 1]]
+            [te, i.value[$ - 1]]
           ]),
-          l.value[w - 1] ? (c(), u("div", $s, [
-            f(e.isUrl ? l.value[w - 1].url : l.value[w - 1]) ? (c(), oe(Qt, {
+          l.value[$ - 1] ? (c(), u("div", $s, [
+            f(e.isUrl ? l.value[$ - 1].url : l.value[$ - 1]) ? (c(), oe(Qt, {
               key: 0,
               ref_for: !0,
               ref_key: "imageRef",
               ref: s,
               bordered: !1,
               width: "82",
-              src: e.isUrl ? l.value[w - 1].url : l.value[w - 1],
-              previewSrcList: [e.isUrl ? l.value[w - 1].url : l.value[w - 1]],
-              name: e.isUrl ? l.value[w - 1].name : ""
+              src: e.isUrl ? l.value[$ - 1].url : l.value[$ - 1],
+              previewSrcList: [e.isUrl ? l.value[$ - 1].url : l.value[$ - 1]],
+              name: e.isUrl ? l.value[$ - 1].name : ""
             }, null, 8, ["src", "previewSrcList", "name"])) : I("", !0),
             r("div", ks, [
               r("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: (k) => y(w - 1, e.isUrl ? l.value[w - 1].url : l.value[w - 1])
+                onClick: (k) => y($ - 1, e.isUrl ? l.value[$ - 1].url : l.value[$ - 1])
               }, Bs, 8, Cs),
               J(r("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: K((k) => b(w - 1), ["prevent", "stop"])
+                onClick: K((k) => b($ - 1), ["prevent", "stop"])
               }, zs, 8, Vs), [
                 [te, !e.disabled]
               ])
@@ -4195,14 +4195,14 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), h = x(""), v = x(), p = x(null), g = x(""), m = x(), _ = x(o.modelValue), $ = x(!1), y = D(() => {
+    }), h = w(""), v = w(), p = w(null), g = w(""), m = w(), _ = w(o.modelValue), x = w(!1), y = D(() => {
       var O;
       return { width: (((O = v.value) == null ? void 0 : O.getBoundingClientRect().width) || 0) + "px" };
     }), b = Ie({
       list: o == null ? void 0 : o.options
-    }), V = x(!1), B = x(
+    }), V = w(!1), B = w(
       o.search && g.value === "focus" && V.value
-    ), C = D(() => o.disabled), w = x(""), k = x([]), F = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], z = () => {
+    ), C = D(() => o.disabled), $ = w(""), k = w([]), F = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], z = () => {
       var M;
       try {
         l.default && (b.list = [], (M = l.default()) == null || M.map((O) => {
@@ -4251,7 +4251,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
     });
     const N = (M) => {
       if (!B.value)
-        w.value = "";
+        $.value = "";
       else {
         const O = s.filter((j) => {
           let le = M.target.value.toLowerCase();
@@ -4284,9 +4284,9 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
       var M;
       (M = p.value) == null || M.focus(), !B.value && g.value === "focus" && k.value.length > 0 && (k.value.pop(), d("change", yt(k.value)));
     }, P = () => {
-      $.value = !1, g.value = "blur", w.value = "";
+      x.value = !1, g.value = "blur", $.value = "";
     }, X = () => {
-      b.list = s, $.value = !0;
+      b.list = s, x.value = !0;
     }, Z = () => {
       d("update:modelValue", ""), d("change", ""), k.value.splice(0, k.value.length);
     };
@@ -4396,14 +4396,14 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
                   class: A(["abl-select-input-focus", B.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: p,
-                  "onUpdate:modelValue": O[1] || (O[1] = (j) => w.value = j),
+                  "onUpdate:modelValue": O[1] || (O[1] = (j) => $.value = j),
                   onFocus: O[2] || (O[2] = (j) => X()),
                   onInput: N,
                   placeholder: h.value
                 }, null, 42, Es), [
-                  [Rt, w.value]
+                  [Rt, $.value]
                 ]),
-                $.value ? I("", !0) : J((c(), u("span", {
+                x.value ? I("", !0) : J((c(), u("span", {
                   key: 0,
                   class: "abl-select-placeholder",
                   style: E({ "line-height": e.height })
@@ -4482,7 +4482,7 @@ const Ws = {
     }
   },
   setup(e) {
-    const a = e, t = x(a.col), l = x(), n = x(), i = x(), o = x(), s = x([]), d = D(() => s.value.length);
+    const a = e, t = w(a.col), l = w(), n = w(), i = w(), o = w(), s = w([]), d = D(() => s.value.length);
     ut(() => {
       l.value && (a.bordered ? n.value = Array.from(l.value.children).filter((p) => p.className === "abl-desc-item-bordered") : n.value = Array.from(l.value.children).filter((p) => p.className === "abl-desc-item"));
     }, { flush: "post" }), ne(n, (p) => {
@@ -4501,16 +4501,16 @@ const Ws = {
         return;
       const m = p.length;
       let _ = [];
-      for (let $ = 0; $ < m; $++) {
+      for (let x = 0; x < m; x++) {
         const y = {
-          span: Math.min(p[$].dataset.span, g),
-          element: p[$]
+          span: Math.min(p[x].dataset.span, g),
+          element: p[x]
         };
-        h(_) < g ? (y.span = Math.min(y.span, g - h(_)), $ === m - 1 && (y.span = g - h(_)), _.push(y), $ === m - 1 && s.value.push(_)) : (s.value.push(_), _ = [y], $ === m - 1 && (y.span = g, s.value.push(_)));
+        h(_) < g ? (y.span = Math.min(y.span, g - h(_)), x === m - 1 && (y.span = g - h(_)), _.push(y), x === m - 1 && s.value.push(_)) : (s.value.push(_), _ = [y], x === m - 1 && (y.span = g, s.value.push(_)));
       }
       a.bordered ? _e(() => {
-        s.value.forEach(($, y) => {
-          $.forEach((b) => {
+        s.value.forEach((x, y) => {
+          x.forEach((b) => {
             const V = Array.from(b.element.children), B = V[0].cloneNode(!0);
             B.colSpan = 1, v(B, a.labelStyle), v(B, JSON.parse(b.element.dataset.labelStyle));
             const C = V[1].cloneNode(!0);
@@ -4518,11 +4518,11 @@ const Ws = {
           });
         });
       }) : _e(() => {
-        p.forEach(($, y) => {
-          const b = Array.from($.children), V = b[0];
-          v(V, a.labelStyle), v(V, JSON.parse($.dataset.labelStyle));
+        p.forEach((x, y) => {
+          const b = Array.from(x.children), V = b[0];
+          v(V, a.labelStyle), v(V, JSON.parse(x.dataset.labelStyle));
           const B = b[1];
-          v(B, a.contentStyle), v(B, JSON.parse($.dataset.contentStyle)), i.value[y].appendChild($);
+          v(B, a.contentStyle), v(B, JSON.parse(x.dataset.contentStyle)), i.value[y].appendChild(x);
         });
       });
     }
@@ -4571,12 +4571,12 @@ const Ws = {
             }))), 128)) : I("", !0)
           ])) : (c(), u("tbody", Us, [
             (c(!0), u(Y, null, ae(s.value, (m, _) => (c(), u("tr", { key: _ }, [
-              (c(!0), u(Y, null, ae(m, ($, y) => (c(), u("td", {
+              (c(!0), u(Y, null, ae(m, (x, y) => (c(), u("td", {
                 ref_for: !0,
                 ref_key: "cols",
                 ref: i,
                 class: "abl-item-td",
-                colspan: $.span,
+                colspan: x.span,
                 key: y
               }, null, 8, Xs))), 128))
             ]))), 128))
@@ -4649,7 +4649,7 @@ function oi(e, a) {
   return e > a && e > Bt ? "horizontal" : a > e && a > Bt ? "vertical" : "";
 }
 function si() {
-  const e = x(0), a = x(0), t = x(0), l = x(0), n = x(0), i = x(0), o = x(0), s = x(0), d = x(""), f = () => d.value === "vertical", h = () => d.value === "horizontal", v = () => {
+  const e = w(0), a = w(0), t = w(0), l = w(0), n = w(0), i = w(0), o = w(0), s = w(0), d = w(""), f = () => d.value === "vertical", h = () => d.value === "horizontal", v = () => {
     n.value = 0, i.value = 0, o.value = 0, s.value = 0, d.value = "";
   };
   return {
@@ -4767,14 +4767,14 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
     "update:modelValue"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = x(0);
+    const t = e, l = a, n = w(0);
     let i, o;
-    const s = x(), d = x(), f = si();
-    x(), x(), x([]);
+    const s = w(), d = w(), f = si();
+    w(), w(), w([]);
     const h = D(() => {
       const { marks: S, max: W, min: T } = t;
       return Object.keys(S).map(parseFloat).sort((ce, pe) => ce - pe).filter((ce) => ce >= +T && ce <= +W);
-    }), v = D(() => Number(t.max) - Number(t.min)), p = x([]), g = x(), m = D(() => {
+    }), v = D(() => Number(t.max) - Number(t.min)), p = w([]), g = w(), m = D(() => {
       const S = "abl-range";
       return {
         [S]: !0,
@@ -4788,17 +4788,17 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
         [S]: !0,
         [`${S}-vertical`]: t.vertical
       };
-    }), $ = D(() => ({
+    }), x = D(() => ({
       background: t.inactiveColor
     })), y = D(() => ({
       borderColor: t.buttonColor
-    })), b = x(!1), V = (S) => !!t.range && Array.isArray(S), B = () => {
+    })), b = w(!1), V = (S) => !!t.range && Array.isArray(S), B = () => {
       const { modelValue: S, min: W } = t;
       return V(S) ? `${(S[1] - S[0]) * 100 / v.value}%` : `${(S - Number(W)) * 100 / v.value}%`;
     }, C = () => {
       const { modelValue: S, min: W } = t;
       return V(S) ? `${(S[0] - Number(W)) * 100 / v.value}%` : "0%";
-    }, w = D(() => t.vertical ? {
+    }, $ = D(() => t.vertical ? {
       height: B(),
       top: C(),
       background: t.activeColor,
@@ -4885,7 +4885,7 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
       r("div", {
         ref_key: "root",
         ref: s,
-        style: E($.value),
+        style: E(x.value),
         class: A(m.value),
         onClick: K(P, ["stop"])
       }, [
@@ -4904,7 +4904,7 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
         ])) : I("", !0),
         r("div", {
           class: "abl-range-bar",
-          style: E(w.value)
+          style: E($.value)
         }, [
           e.range ? (c(), u(Y, { key: 0 }, ae([0, 1], (T) => r("div", {
             key: T,
@@ -5039,16 +5039,16 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
   },
   emits: ["change", "jump", "update:current"],
   setup(e, { emit: a }) {
-    const t = e, l = Ke(), n = x(t.current), i = x(!1), o = x(!1), s = D(() => Math.ceil(t.total / t.pageSize)), d = D(() => h(n.value).filter(
+    const t = e, l = Ke(), n = w(t.current), i = w(!1), o = w(!1), s = D(() => Math.ceil(t.total / t.pageSize)), d = D(() => h(n.value).filter(
       (m) => m !== 1 && m !== s.value
     )), f = a;
     ne(n, (m) => {
       f("update:current", m), f("change", m, t.pageSize);
     });
     const h = (m) => {
-      var _ = [], $ = Math.floor(t.pagerCount / 2), y = {
-        start: m - $,
-        end: m + $
+      var _ = [], x = Math.floor(t.pagerCount / 2), y = {
+        start: m - x,
+        end: m + x
       };
       y.start < 1 && (y.end = y.end + (1 - y.start), y.start = 1), y.end > s.value && (y.start = y.start - (y.end - s.value), y.end = s.value), y.start < 1 && (y.start = 1), y.start > 1 ? i.value = !0 : i.value = !1, y.end < s.value ? o.value = !0 : o.value = !1;
       for (let b = y.start; b <= y.end; b++)
@@ -5070,7 +5070,7 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
         e.showTotal ? (c(), u("span", yi, "total " + H(e.total) + " items", 1)) : I("", !0),
         r("div", {
           class: A(["abl-pagination-item", { disabled: n.value === 1 }]),
-          onClick: _[0] || (_[0] = ($) => !se(l).itemRender && g(n.value - 1))
+          onClick: _[0] || (_[0] = (x) => !se(l).itemRender && g(n.value - 1))
         }, [
           R(m.$slots, "itemRender", {
             page: n.value === 1 ? 1 : n.value - 1,
@@ -5081,7 +5081,7 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
         ], 2),
         r("div", {
           class: A(["abl-pagination-item", { active: n.value === 1 }]),
-          onClick: _[1] || (_[1] = ($) => !se(l).itemRender && g(1))
+          onClick: _[1] || (_[1] = (x) => !se(l).itemRender && g(1))
         }, [
           R(m.$slots, "itemRender", {
             page: 1,
@@ -5097,16 +5097,16 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
         }, xi, 512), [
           [te, i.value && d.value[0] - 1 > 1]
         ]),
-        (c(!0), u(Y, null, ae(d.value, ($, y) => (c(), u("div", {
-          class: A(["abl-pagination-item", { active: n.value === $ }]),
+        (c(!0), u(Y, null, ae(d.value, (x, y) => (c(), u("div", {
+          class: A(["abl-pagination-item", { active: n.value === x }]),
           key: y,
-          onClick: (b) => !se(l).itemRender && g($)
+          onClick: (b) => !se(l).itemRender && g(x)
         }, [
           R(m.$slots, "itemRender", {
-            page: $,
+            page: x,
             type: "page"
           }, () => [
-            Q(H($), 1)
+            Q(H(x), 1)
           ])
         ], 10, $i))), 128)),
         J(r("div", {
@@ -5118,7 +5118,7 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
         ]),
         J(r("div", {
           class: A(["abl-pagination-item", { active: n.value === s.value }]),
-          onClick: _[2] || (_[2] = ($) => !se(l).itemRender && g(s.value))
+          onClick: _[2] || (_[2] = (x) => !se(l).itemRender && g(s.value))
         }, [
           R(m.$slots, "itemRender", {
             page: s.value,
@@ -5131,7 +5131,7 @@ const gi = { class: "abl-pagination-wrap" }, yi = {
         ]),
         r("div", {
           class: A(["abl-pagination-item", { disabled: n.value === s.value }]),
-          onClick: _[3] || (_[3] = ($) => !se(l).itemRender && g(n.value + 1))
+          onClick: _[3] || (_[3] = (x) => !se(l).itemRender && g(n.value + 1))
         }, [
           R(m.$slots, "itemRender", {
             page: s.value === n.value ? n.value : n.value + 1,