abl-ui 0.3.27 → 0.3.28

package/lib/abl-ui.es.js

@@ -8,7 +8,7 @@ const Z = (e, t) => {
   vn
 ], gn = /* @__PURE__ */ Et('<g transform="translate(0 1)" fill="none" fill-rule="evenodd" data-v-14294d9e><ellipse fill="#f5f5f5" cx="32" cy="33" rx="32" ry="7" data-v-14294d9e></ellipse><g fill-rule="nonzero" stroke="#d9d9d9" data-v-14294d9e><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" data-v-14294d9e></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="#fafafa" data-v-14294d9e></path></g></g>', 1), bn = [
   gn
-], yn = ["src"], _n = {
+], yn = ["src"], wn = {
   __name: "index",
   props: {
     name: "abl-empty",
@@ -57,8 +57,8 @@ const Z = (e, t) => {
       ], 2)) : B("", !0)
     ]));
   }
-}, Dt = /* @__PURE__ */ Z(_n, [["__scopeId", "data-v-14294d9e"]]);
-const wn = { class: "abl-table" }, xn = { class: "gridtable" }, $n = { class: "table-thead" }, kn = { key: 0 }, Cn = ["colspan"], Sn = { class: "no-data-div" }, Ln = { class: "empty-center" }, An = {
+}, Dt = /* @__PURE__ */ Z(wn, [["__scopeId", "data-v-14294d9e"]]);
+const _n = { class: "abl-table" }, xn = { class: "gridtable" }, $n = { class: "table-thead" }, kn = { key: 0 }, Cn = ["colspan"], Sn = { class: "no-data-div" }, Ln = { class: "empty-center" }, An = {
   __name: "index",
   props: {
     name: "abl-table",
@@ -91,7 +91,7 @@ const wn = { class: "abl-table" }, xn = { class: "gridtable" }, $n = { class: "t
       });
     };
     return (o, i) => (d(), h("section", null, [
-      r("div", wn, [
+      r("div", _n, [
         r("div", {
           class: L(["table__inner-wrapper", e.border ? "has-table-border" : ""]),
           onScroll: l,
@@ -168,11 +168,11 @@ const zn = (e) => (ge("data-v-1ed5d187"), e = e(), be(), e), Bn = { class: "abl-
     const n = t, a = Pe(), l = e, o = $({}), i = $(), s = $([]), f = $(), u = $(0), v = $(!1), c = $(!1), p = $(!0);
     (y = a.default()) == null || y.map(({ props: C }) => {
       if (C) {
-        const { title: z, value: S, icon: _, afterIcon: x } = C;
+        const { title: z, value: S, icon: w, afterIcon: x } = C;
         s.value.push({
           title: z,
           value: S,
-          icon: _,
+          icon: w,
           afterIcon: x
         });
       }
@@ -189,7 +189,7 @@ const zn = (e) => (ge("data-v-1ed5d187"), e = e(), be(), e), Bn = { class: "abl-
         return;
       const z = document.querySelector("#tabs-header-wrap").clientWidth;
       C.scrollWidth > C.clientWidth + C.scrollLeft && (C.scrollLeft += z);
-    }, w = () => {
+    }, _ = () => {
       const C = document.querySelector("#tab-hidden"), z = document.querySelector("#tabs-header-wrap").clientWidth;
       C.scrollLeft > 0 && (C.scrollLeft -= z);
     };
@@ -200,8 +200,8 @@ const zn = (e) => (ge("data-v-1ed5d187"), e = e(), be(), e), Bn = { class: "abl-
       if (!i.value)
         return;
       let C = 0;
-      s.value.map((_, x) => {
-        _.value == l.modelValue && (C = x);
+      s.value.map((w, x) => {
+        w.value == l.modelValue && (C = x);
       });
       const z = i.value[C];
       o.value = {
@@ -209,8 +209,8 @@ const zn = (e) => (ge("data-v-1ed5d187"), e = e(), be(), e), Bn = { class: "abl-
         width: z.clientWidth + "px"
       };
       const S = document.getElementById("tab-hidden");
-      S.scrollWidth > S.clientWidth ? v.value = !0 : v.value = !1, S.addEventListener("scroll", function(_) {
-        _.target.scrollLeft + _.target.offsetWidth >= _.target.scrollWidth - 1 && (p.value = !1, c.value = !0), _.target.scrollLeft == 0 && (p.value = !0, c.value = !1);
+      S.scrollWidth > S.clientWidth ? v.value = !0 : v.value = !1, S.addEventListener("scroll", function(w) {
+        w.target.scrollLeft + w.target.offsetWidth >= w.target.scrollWidth - 1 && (p.value = !1, c.value = !0), w.target.scrollLeft == 0 && (p.value = !0, c.value = !1);
       });
     };
     return de(() => l.modelValue, async () => {
@@ -223,27 +223,27 @@ const zn = (e) => (ge("data-v-1ed5d187"), e = e(), be(), e), Bn = { class: "abl-
         r("div", In, [
           q(r("i", {
             class: L([c.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1"]),
-            onClick: w
+            onClick: _
           }, null, 2), [
             [Q, v.value]
           ]),
           r("header", En, [
-            (d(!0), h(U, null, ne(s.value, (_) => (d(), h("div", {
-              class: L([u.value === _.value ? "header-btn-active" : "", "header-btn"]),
-              key: _.title,
+            (d(!0), h(U, null, ne(s.value, (w) => (d(), h("div", {
+              class: L([u.value === w.value ? "header-btn-active" : "", "header-btn"]),
+              key: w.title,
               ref_for: !0,
               ref_key: "tabs",
               ref: i,
-              onClick: (x) => g(x, _.value)
+              onClick: (x) => g(x, w.value)
             }, [
-              _.icon ? (d(), h("i", {
+              w.icon ? (d(), h("i", {
                 key: 0,
-                class: L(["iconfont-abl tab-icon", _.icon])
+                class: L(["iconfont-abl tab-icon", w.icon])
               }, null, 2)) : B("", !0),
-              J(M(_.title) + " ", 1),
-              _.afterIcon ? (d(), h("i", {
+              J(M(w.title) + " ", 1),
+              w.afterIcon ? (d(), h("i", {
                 key: 1,
-                class: L(["iconfont-abl tab-icon-after", _.afterIcon])
+                class: L(["iconfont-abl tab-icon-after", w.afterIcon])
               }, null, 2)) : B("", !0)
             ], 10, Rn))), 128)),
             (S = o.value) != null && S.width ? (d(), h("div", {
@@ -536,10 +536,10 @@ const Kn = { class: "message-text" }, Gn = {
 }, Zn = /* @__PURE__ */ Z(Jn, [["__scopeId", "data-v-433384c5"]]);
 let ze = null;
 typeof window < "u" && typeof document < "u" && (ze = document.createElement("div"), ze.setAttribute("class", "abl-message-wrapper"), ze.setAttribute("id", "abl-message-wrapper"), document.body.appendChild(ze));
-let _t = null;
+let wt = null;
 const pt = ({ text: e, type: t, duration: n, top: a, showClose: l }) => {
   const o = re(Zn, { text: e, type: t, top: a, showClose: l });
-  ot(o, ze), clearTimeout(_t), _t = setTimeout(() => {
+  ot(o, ze), clearTimeout(wt), wt = setTimeout(() => {
     ot(null, ze);
   }, n || 2e3);
 }, Qn = {
@@ -886,9 +886,9 @@ const va = {
       ], 2)
     ], 2));
   }
-}), ya = /* @__PURE__ */ Z(ba, [["__scopeId", "data-v-c8594126"]]), _a = { class: "abl-checkbox-group" }, wa = {
+}), ya = /* @__PURE__ */ Z(ba, [["__scopeId", "data-v-c8594126"]]), wa = { class: "abl-checkbox-group" }, _a = {
   name: "AblCheckboxGroup"
-}, xa = /* @__PURE__ */ Object.assign(wa, {
+}, xa = /* @__PURE__ */ Object.assign(_a, {
   props: {
     modelValue: {
       type: Array,
@@ -910,7 +910,7 @@ const va = {
         ...He(n),
         changeEvent: l
       })
-    ), (o, i) => (d(), h("label", _a, [
+    ), (o, i) => (d(), h("label", wa, [
       I(o.$slots, "default")
     ]));
   }
@@ -1030,7 +1030,7 @@ const $a = { class: "abl-dialog__header" }, ka = { class: "abl-dialog__title" },
       })
     ]));
   }
-}), Re = Math.min, Ce = Math.max, Ue = Math.round, qe = Math.floor, _e = (e) => ({
+}), Re = Math.min, Ce = Math.max, Ue = Math.round, qe = Math.floor, we = (e) => ({
   x: e,
   y: e
 }), Va = {
@@ -1126,7 +1126,7 @@ function Ye(e) {
     bottom: e.y + e.height
   };
 }
-function wt(e, t, n) {
+function _t(e, t, n) {
   let {
     reference: a,
     floating: l
@@ -1188,16 +1188,16 @@ const Na = async (e, t, n) => {
   }), {
     x: v,
     y: c
-  } = wt(u, a, f), p = a, g = {}, m = 0;
-  for (let w = 0; w < s.length; w++) {
+  } = _t(u, a, f), p = a, g = {}, m = 0;
+  for (let _ = 0; _ < s.length; _++) {
     const {
       name: k,
       fn: y
-    } = s[w], {
+    } = s[_], {
       x: C,
       y: z,
       data: S,
-      reset: _
+      reset: w
     } = await y({
       x: v,
       y: c,
@@ -1218,14 +1218,14 @@ const Na = async (e, t, n) => {
         ...g[k],
         ...S
       }
-    }, _ && m <= 50 && (m++, typeof _ == "object" && (_.placement && (p = _.placement), _.rects && (u = _.rects === !0 ? await i.getElementRects({
+    }, w && m <= 50 && (m++, typeof w == "object" && (w.placement && (p = w.placement), w.rects && (u = w.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: t,
       strategy: l
-    }) : _.rects), {
+    }) : w.rects), {
       x: v,
       y: c
-    } = wt(u, p, f)), w = -1);
+    } = _t(u, p, f)), _ = -1);
   }
   return {
     x: v,
@@ -1266,17 +1266,17 @@ async function Wt(e, t) {
   } : {
     x: 1,
     y: 1
-  }, _ = Ye(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, w = Ye(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
     rect: C,
     offsetParent: z,
     strategy: f
   }) : C);
   return {
-    top: (y.top - _.top + m.top) / S.y,
-    bottom: (_.bottom - y.bottom + m.bottom) / S.y,
-    left: (y.left - _.left + m.left) / S.x,
-    right: (_.right - y.right + m.right) / S.x
+    top: (y.top - w.top + m.top) / S.y,
+    bottom: (w.bottom - y.bottom + m.bottom) / S.y,
+    left: (y.left - w.left + m.left) / S.x,
+    right: (w.right - y.right + m.right) / S.x
   };
 }
 const Ta = (e) => ({
@@ -1300,10 +1300,10 @@ const Ta = (e) => ({
     const c = Ht(v), p = {
       x: n,
       y: a
-    }, g = vt(l), m = ht(g), w = await i.getDimensions(u), k = g === "y", y = k ? "top" : "left", C = k ? "bottom" : "right", z = k ? "clientHeight" : "clientWidth", S = o.reference[m] + o.reference[g] - p[g] - o.floating[m], _ = p[g] - o.reference[g], x = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
+    }, g = vt(l), m = ht(g), _ = await i.getDimensions(u), k = g === "y", y = k ? "top" : "left", C = k ? "bottom" : "right", z = k ? "clientHeight" : "clientWidth", S = o.reference[m] + o.reference[g] - p[g] - o.floating[m], w = p[g] - o.reference[g], x = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
     let A = x ? x[z] : 0;
     (!A || !await (i.isElement == null ? void 0 : i.isElement(x))) && (A = s.floating[z] || o.floating[m]);
-    const D = S / 2 - _ / 2, X = A / 2 - w[m] / 2 - 1, W = Re(c[y], X), P = Re(c[C], X), j = W, ee = A - w[m] - P, Y = A / 2 - w[m] / 2 + D, K = st(j, Y, ee), G = !f.arrow && Fe(l) != null && Y !== K && o.reference[m] / 2 - (Y < j ? W : P) - w[m] / 2 < 0, V = G ? Y < j ? Y - j : Y - ee : 0;
+    const D = S / 2 - w / 2, X = A / 2 - _[m] / 2 - 1, W = Re(c[y], X), P = Re(c[C], X), j = W, ee = A - _[m] - P, Y = A / 2 - _[m] / 2 + D, K = st(j, Y, ee), G = !f.arrow && Fe(l) != null && Y !== K && o.reference[m] / 2 - (Y < j ? W : P) - _[m] / 2 < 0, V = G ? Y < j ? Y - j : Y - ee : 0;
     return {
       [g]: p[g] + V,
       data: {
@@ -1335,14 +1335,14 @@ const Ta = (e) => ({
         fallbackPlacements: p,
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: m = "none",
-        flipAlignment: w = !0,
+        flipAlignment: _ = !0,
         ...k
       } = We(e, t);
       if ((n = o.arrow) != null && n.alignmentOffset)
         return {};
-      const y = Le(l), C = Le(s) === s, z = await (f.isRTL == null ? void 0 : f.isRTL(u.floating)), S = p || (C || !w ? [Xe(s)] : Ia(s));
-      !p && m !== "none" && S.push(...Ra(s, w, m, z));
-      const _ = [s, ...S], x = await Wt(t, k), A = [];
+      const y = Le(l), C = Le(s) === s, z = await (f.isRTL == null ? void 0 : f.isRTL(u.floating)), S = p || (C || !_ ? [Xe(s)] : Ia(s));
+      !p && m !== "none" && S.push(...Ra(s, _, m, z));
+      const w = [s, ...S], x = await Wt(t, k), A = [];
       let D = ((a = o.flip) == null ? void 0 : a.overflows) || [];
       if (v && A.push(x[y]), c) {
         const j = Ba(l, i, z);
@@ -1353,7 +1353,7 @@ const Ta = (e) => ({
         overflows: A
       }], !A.every((j) => j <= 0)) {
         var X, W;
-        const j = (((X = o.flip) == null ? void 0 : X.index) || 0) + 1, ee = _[j];
+        const j = (((X = o.flip) == null ? void 0 : X.index) || 0) + 1, ee = w[j];
         if (ee)
           return {
             data: {
@@ -1476,22 +1476,22 @@ const Pa = function(e) {
         const k = c === "y" ? "top" : "left", y = c === "y" ? "bottom" : "right", C = m + v[k], z = m - v[y];
         m = st(C, m, z);
       }
-      const w = s.fn({
+      const _ = s.fn({
         ...t,
         [p]: g,
         [c]: m
       });
       return {
-        ...w,
+        ..._,
         data: {
-          x: w.x - n,
-          y: w.y - a
+          x: _.x - n,
+          y: _.y - a
         }
       };
     }
   };
 };
-function we(e) {
+function _e(e) {
   return Ft(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function ie(e) {
@@ -1524,7 +1524,7 @@ function je(e) {
   return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !["inline", "contents"].includes(l);
 }
 function Wa(e) {
-  return ["table", "td", "th"].includes(we(e));
+  return ["table", "td", "th"].includes(_e(e));
 }
 function mt(e) {
   const t = gt(), n = ce(e);
@@ -1543,7 +1543,7 @@ function gt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function Qe(e) {
-  return ["html", "body", "#document"].includes(we(e));
+  return ["html", "body", "#document"].includes(_e(e));
 }
 function ce(e) {
   return ie(e).getComputedStyle(e);
@@ -1558,7 +1558,7 @@ function et(e) {
   };
 }
 function Oe(e) {
-  if (we(e) === "html")
+  if (_e(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -1595,7 +1595,7 @@ function bt(e) {
 function Be(e) {
   const t = bt(e);
   if (!he(t))
-    return _e(1);
+    return we(1);
   const n = t.getBoundingClientRect(), {
     width: a,
     height: l,
@@ -1607,7 +1607,7 @@ function Be(e) {
     y: s
   };
 }
-const ja = /* @__PURE__ */ _e(0);
+const ja = /* @__PURE__ */ we(0);
 function Ut(e) {
   const t = ie(e);
   return !gt() || !t.visualViewport ? ja : {
@@ -1621,16 +1621,16 @@ function qa(e, t, n) {
 function Ae(e, t, n, a) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const l = e.getBoundingClientRect(), o = bt(e);
-  let i = _e(1);
+  let i = we(1);
   t && (a ? ve(a) && (i = Be(a)) : i = Be(e));
-  const s = qa(o, n, a) ? Ut(o) : _e(0);
+  const s = qa(o, n, a) ? Ut(o) : we(0);
   let f = (l.left + s.x) / i.x, u = (l.top + s.y) / i.y, v = l.width / i.x, c = l.height / i.y;
   if (o) {
     const p = ie(o), g = a && ve(a) ? ie(a) : a;
-    let m = p, w = m.frameElement;
-    for (; w && a && g !== m; ) {
-      const k = Be(w), y = w.getBoundingClientRect(), C = ce(w), z = y.left + (w.clientLeft + parseFloat(C.paddingLeft)) * k.x, S = y.top + (w.clientTop + parseFloat(C.paddingTop)) * k.y;
-      f *= k.x, u *= k.y, v *= k.x, c *= k.y, f += z, u += S, m = ie(w), w = m.frameElement;
+    let m = p, _ = m.frameElement;
+    for (; _ && a && g !== m; ) {
+      const k = Be(_), y = _.getBoundingClientRect(), C = ce(_), z = y.left + (_.clientLeft + parseFloat(C.paddingLeft)) * k.x, S = y.top + (_.clientTop + parseFloat(C.paddingTop)) * k.y;
+      f *= k.x, u *= k.y, v *= k.x, c *= k.y, f += z, u += S, m = ie(_), _ = m.frameElement;
     }
   }
   return Ye({
@@ -1663,9 +1663,9 @@ function Xa(e) {
   let f = {
     scrollLeft: 0,
     scrollTop: 0
-  }, u = _e(1);
-  const v = _e(0), c = he(a);
-  if ((c || !c && !o) && ((we(a) !== "body" || je(i)) && (f = et(a)), he(a))) {
+  }, u = we(1);
+  const v = we(0), c = he(a);
+  if ((c || !c && !o) && ((_e(a) !== "body" || je(i)) && (f = et(a)), he(a))) {
     const p = Ae(a);
     u = Be(a), v.x = p.x + a.clientLeft, v.y = p.y + a.clientTop;
   }
@@ -1709,7 +1709,7 @@ function Ga(e, t) {
   };
 }
 function Ja(e, t) {
-  const n = Ae(e, !0, t === "fixed"), a = n.top + e.clientTop, l = n.left + e.clientLeft, o = he(e) ? Be(e) : _e(1), i = e.clientWidth * o.x, s = e.clientHeight * o.y, f = l * o.x, u = a * o.y;
+  const n = Ae(e, !0, t === "fixed"), a = n.top + e.clientTop, l = n.left + e.clientLeft, o = he(e) ? Be(e) : we(1), i = e.clientWidth * o.x, s = e.clientHeight * o.y, f = l * o.x, u = a * o.y;
   return {
     width: i,
     height: s,
@@ -1743,7 +1743,7 @@ function Za(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let a = De(e, [], !1).filter((s) => ve(s) && we(s) !== "body"), l = null;
+  let a = De(e, [], !1).filter((s) => ve(s) && _e(s) !== "body"), l = null;
   const o = ce(e).position === "fixed";
   let i = o ? Oe(e) : e;
   for (; ve(i) && !Qe(i); ) {
@@ -1786,9 +1786,9 @@ function tl(e, t, n) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const f = _e(0);
+  const f = we(0);
   if (a || !a && !o)
-    if ((we(t) !== "body" || je(l)) && (s = et(t)), a) {
+    if ((_e(t) !== "body" || je(l)) && (s = et(t)), a) {
       const c = Ae(t, !0, o, t);
       f.x = c.x + t.clientLeft, f.y = c.y + t.clientTop;
     } else
@@ -1811,7 +1811,7 @@ function Gt(e, t) {
   let a = kt(e, t);
   for (; a && Wa(a) && ce(a).position === "static"; )
     a = kt(a, t);
-  return a && (we(a) === "html" || we(a) === "body" && ce(a).position === "static" && !mt(a)) ? n : a || Fa(e) || n;
+  return a && (_e(a) === "html" || _e(a) === "body" && ce(a).position === "static" && !mt(a)) ? n : a || Fa(e) || n;
 }
 const nl = async function(e) {
   const t = this.getOffsetParent || Gt, n = this.getDimensions;
@@ -1856,13 +1856,13 @@ function ol(e, t) {
     } = e.getBoundingClientRect();
     if (s || t(), !c || !p)
       return;
-    const g = qe(v), m = qe(l.clientWidth - (u + c)), w = qe(l.clientHeight - (v + p)), k = qe(u), C = {
-      rootMargin: -g + "px " + -m + "px " + -w + "px " + -k + "px",
+    const g = qe(v), m = qe(l.clientWidth - (u + c)), _ = qe(l.clientHeight - (v + p)), k = qe(u), C = {
+      rootMargin: -g + "px " + -m + "px " + -_ + "px " + -k + "px",
       threshold: Ce(0, Re(1, f)) || 1
     };
     let z = !0;
-    function S(_) {
-      const x = _[0].intersectionRatio;
+    function S(w) {
+      const x = w[0].intersectionRatio;
       if (x !== f) {
         if (!z)
           return i();
@@ -1908,11 +1908,11 @@ function sl(e, t, n, a) {
       (z = g) == null || z.observe(t);
     })), n();
   }), u && !f && g.observe(u), g.observe(t));
-  let m, w = f ? Ae(e) : null;
+  let m, _ = f ? Ae(e) : null;
   f && k();
   function k() {
     const y = Ae(e);
-    w && (y.x !== w.x || y.y !== w.y || y.width !== w.width || y.height !== w.height) && n(), w = y, m = requestAnimationFrame(k);
+    _ && (y.x !== _.x || y.y !== _.y || y.width !== _.width || y.height !== _.height) && n(), _ = y, m = requestAnimationFrame(k);
   }
   return n(), () => {
     var y;
@@ -2056,11 +2056,11 @@ const fl = ["data-side"], Jt = {
     }, m = () => {
       v();
     }, {
-      x: w,
+      x: _,
       y: k,
       contentRef: y,
       middlewareData: C
-    } = ul({ middleware: l, placement: o, strategy: i }, p), z = T(() => o.value.split("-")[0]), S = T(() => ({ left: w.value + "px", top: k.value + "px", zIndex: n.zIndex })), _ = T(() => {
+    } = ul({ middleware: l, placement: o, strategy: i }, p), z = T(() => o.value.split("-")[0]), S = T(() => ({ left: _.value + "px", top: k.value + "px", zIndex: n.zIndex })), w = T(() => {
       if (!n.showArrow)
         return {};
       const { arrow: x } = le(C);
@@ -2095,7 +2095,7 @@ const fl = ["data-side"], Jt = {
                 ref_key: "arrowRef",
                 ref: a,
                 class: "abl-popper__arrow",
-                style: E(_.value)
+                style: E(w.value)
               }, null, 4)) : B("", !0)
             ], 46, fl)) : B("", !0)
           ]),
@@ -2207,7 +2207,7 @@ const fl = ["data-side"], Jt = {
         type: String,
         default: ""
       }
-    }, i = cn(), s = $(), f = (g, m) => m.reduce((w, k) => (w[k] = g[k], w), {}), u = T(() => ({ ...i, ...f(n, Object.keys(o)) }));
+    }, i = cn(), s = $(), f = (g, m) => m.reduce((_, k) => (_[k] = g[k], _), {}), u = T(() => ({ ...i, ...f(n, Object.keys(o)) }));
     function v() {
       s.value.update();
     }
@@ -2249,8 +2249,8 @@ const tt = (e) => (ge("data-v-bc247383"), e = e(), be(), e), hl = ["onClick"], v
   ml
 ], bl = /* @__PURE__ */ tt(() => /* @__PURE__ */ r("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" }, null, -1)), yl = [
   bl
-], _l = ["onClick", "onMouseenter"], wl = /* @__PURE__ */ tt(() => /* @__PURE__ */ r("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z" }, null, -1)), xl = [
-  wl
+], wl = ["onClick", "onMouseenter"], _l = /* @__PURE__ */ tt(() => /* @__PURE__ */ r("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z" }, null, -1)), xl = [
+  _l
 ], $l = /* @__PURE__ */ tt(() => /* @__PURE__ */ r("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" }, null, -1)), kl = [
   $l
 ], Cl = {
@@ -2323,14 +2323,14 @@ const tt = (e) => (ge("data-v-bc247383"), e = e(), be(), e), hl = ["onClick"], v
       (d(!0), h(U, null, ne(e.count, (m) => (d(), h("div", {
         class: L(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && a.value >= m - 0.5 && a.value < m, "abl-rate-star-full": a.value >= m, "temp-gray": !e.allowHalf && l.value === m }]),
         style: E(`margin-right: ${m !== e.count ? e.gap : 0}px;`),
-        onClick: (w) => e.allowHalf ? c(w) : i(m),
+        onClick: (_) => e.allowHalf ? c(_) : i(m),
         key: m
       }, [
         e.allowHalf ? (d(), h("div", {
           key: 0,
           class: L(["abl-rate-star-first", { "temp-gray-first": l.value === m - 0.5 }]),
-          onClick: F((w) => i(m - 0.5), ["stop"]),
-          onMouseenter: (w) => s(m - 0.5),
+          onClick: F((_) => i(m - 0.5), ["stop"]),
+          onMouseenter: (_) => s(m - 0.5),
           onMouseleave: u
         }, [
           e.character === "star-filled" ? (d(), h("svg", {
@@ -2361,8 +2361,8 @@ const tt = (e) => (ge("data-v-bc247383"), e = e(), be(), e), hl = ["onClick"], v
         ], 42, vl)) : B("", !0),
         r("div", {
           class: L(["abl-rate-star-second", { "temp-gray-second": l.value === m }]),
-          onClick: F((w) => i(m), ["stop"]),
-          onMouseenter: (w) => f(m),
+          onClick: F((_) => i(m), ["stop"]),
+          onMouseenter: (_) => f(m),
           onMouseleave: u
         }, [
           e.character === "star-filled" ? (d(), h("svg", {
@@ -2390,7 +2390,7 @@ const tt = (e) => (ge("data-v-bc247383"), e = e(), be(), e), hl = ["onClick"], v
               J(M(e.character), 1)
             ], !0)
           ], 4))
-        ], 42, _l)
+        ], 42, wl)
       ], 14, hl))), 128))
     ], 38));
   }
@@ -2484,21 +2484,21 @@ const Vl = { class: "abl-collapse__title" }, zl = { key: 0 }, Bl = { class: "ico
     }, g = () => {
       if (c.value)
         if (Array.isArray(u.value)) {
-          const w = u.value.filter((k) => k !== a.name);
-          f.changeEvent(w);
+          const _ = u.value.filter((k) => k !== a.name);
+          f.changeEvent(_);
         } else
           f.changeEvent(null);
       else
         Array.isArray(u.value) ? f.changeEvent([...u.value, a.name]) : f.changeEvent(a.name);
     }, m = () => {
-      const { offsetHeight: w } = (n == null ? void 0 : n.value) || {};
-      w && (s.value = w, i.value = !0);
+      const { offsetHeight: _ } = (n == null ? void 0 : n.value) || {};
+      _ && (s.value = _, i.value = !0);
     };
     return fe(() => {
       p();
     }), ft(() => {
       p();
-    }), (w, k) => (d(), h("div", {
+    }), (_, k) => (d(), h("div", {
       class: L(["abl-collapse-item", c.value && "abl-collapse-item__expand", e.isBorder && le(o) > 1 && "abl-collapse-item__border"])
     }, [
       r("div", {
@@ -2507,7 +2507,7 @@ const Vl = { class: "abl-collapse__title" }, zl = { key: 0 }, Bl = { class: "ico
         style: E({ background: e.background })
       }, [
         r("div", Vl, [
-          I(w.$slots, "title", {}, () => [
+          I(_.$slots, "title", {}, () => [
             J(M(e.title), 1)
           ], !0)
         ]),
@@ -2533,7 +2533,7 @@ const Vl = { class: "abl-collapse__title" }, zl = { key: 0 }, Bl = { class: "ico
           ref: n,
           class: L(["abl-collapse-item__content", { "abl-collapse-item__content-open": i.value || c.value }])
         }, [
-          I(w.$slots, "default", {}, void 0, !0)
+          I(_.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 6)
     ], 2));
@@ -2573,6 +2573,10 @@ const Rl = { class: "abl-progress-text" }, Ol = {
     indeterminate: {
       type: Boolean,
       default: !1
+    },
+    trailColor: {
+      type: [String, Object],
+      default: "rgba(0, 0, 0, 0.06)"
     }
   },
   setup(e) {
@@ -2583,7 +2587,7 @@ const Rl = { class: "abl-progress-text" }, Ol = {
     }, [
       r("div", {
         class: "abl-progress-inner",
-        style: E(`border-radius: ${e.borderRadius}px`)
+        style: E(`border-radius: ${e.borderRadius}px;background:${e.trailColor}`)
       }, [
         r("div", {
           class: L(["abl-progress-bg", e.indeterminate && "abl-progress-bg-animate"]),
@@ -2606,7 +2610,7 @@ const Rl = { class: "abl-progress-text" }, Ol = {
       })) : B("", !0)
     ], 4));
   }
-}, Nl = /* @__PURE__ */ Z(Ol, [["__scopeId", "data-v-d5a2bc29"]]);
+}, Nl = /* @__PURE__ */ Z(Ol, [["__scopeId", "data-v-39be2bed"]]);
 const Tl = (e) => (ge("data-v-c42571fb"), e = e(), be(), e), Ml = { class: "abl-cell" }, Dl = {
   key: 0,
   class: "abl-cell__title"
@@ -2812,7 +2816,7 @@ const Ul = /* @__PURE__ */ r("div", {
       }
       const Y = Math.max(j, ee), K = Math.pow(10, Y);
       return W = Math.round(W * K), P = Math.round(P * K), (W + P) / K;
-    }, w = (W) => {
+    }, _ = (W) => {
       o.value[W] = !0;
     }, k = (W) => {
       i.value = (i.value + 1) % l.value;
@@ -2824,7 +2828,7 @@ const Ul = /* @__PURE__ */ r("div", {
       s.value - a.zoomRate < a.minScale ? s.value = a.minScale : s.value = m(s.value, -a.zoomRate);
     }, S = () => {
       p.value -= 90;
-    }, _ = () => {
+    }, w = () => {
       p.value += 90;
     }, x = () => {
       p.value = 0, s.value = 1, v.value = 0, c.value = 0;
@@ -2880,7 +2884,7 @@ const Ul = /* @__PURE__ */ r("div", {
                     src: j,
                     class: "abl-image-preview__img",
                     style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${p.value}deg);`),
-                    onLoad: (Y) => w(ee),
+                    onLoad: (Y) => _(ee),
                     onMousedown: P[0] || (P[0] = F((Y) => A(Y), ["prevent"])),
                     onClick: P[1] || (P[1] = F(() => {
                     }, ["stop"]))
@@ -2927,7 +2931,7 @@ const Ul = /* @__PURE__ */ r("div", {
                   }, po),
                   r("i", {
                     class: "abl-icon",
-                    onClick: _
+                    onClick: w
                   }, vo)
                 ])
               ])
@@ -3106,7 +3110,7 @@ function yo() {
   }
   return e;
 }
-function _o(e, t) {
+function wo(e, t) {
   let n = null, a = 0;
   return function(...l) {
     if (n)
@@ -3117,7 +3121,7 @@ function _o(e, t) {
     o >= t ? i() : n = setTimeout(i, t);
   };
 }
-const lt = (e, t) => typeof getComputedStyle < "u" ? getComputedStyle(e, null).getPropertyValue(t) : e.style[t], wo = (e) => lt(e, "overflow") + lt(e, "overflow-y") + lt(e, "overflow-x");
+const lt = (e, t) => typeof getComputedStyle < "u" ? getComputedStyle(e, null).getPropertyValue(t) : e.style[t], _o = (e) => lt(e, "overflow") + lt(e, "overflow-y") + lt(e, "overflow-x");
 function xo(e, t, n) {
   e.addEventListener(t, n, {
     capture: !1,
@@ -3145,7 +3149,7 @@ const rt = (e, t, n) => {
     return window;
   let t = e;
   for (; t && !(t === document.body || t === document.documentElement || !t.parentNode); ) {
-    if (/(scroll|auto)/.test(wo(t)))
+    if (/(scroll|auto)/.test(_o(t)))
       return t;
     t = t.parentNode;
   }
@@ -3379,7 +3383,7 @@ function an() {
         adapter: p || {},
         observer: !!g,
         observerOptions: m || zo
-      }, this.initEvent(), this.imageCache = new Lo({ max: 200 }), this.lazyLoadHandler = _o(
+      }, this.initEvent(), this.imageCache = new Lo({ max: 200 }), this.lazyLoadHandler = wo(
         this.lazyLoadHandler.bind(this),
         this.options.throttleWait
       ), this.setMode(this.options.observer ? $e.observer : $e.event);
@@ -4026,9 +4030,9 @@ const jo = (e) => (ge("data-v-b0efe321"), e = e(), be(), e), qo = ["onClick"], U
   },
   emits: ["open", "close"],
   setup(e, { emit: t }) {
-    var _;
+    var w;
     const n = t, a = Pe(), l = typeof window < "u" && typeof document < "u", o = e, i = $([]);
-    (_ = a.default()) == null || _.forEach((x) => {
+    (w = a.default()) == null || w.forEach((x) => {
       const { props: A } = x;
       if (A) {
         const { title: D, disabled: X } = A;
@@ -4057,9 +4061,9 @@ const jo = (e) => (ge("data-v-b0efe321"), e = e(), be(), e), qo = ["onClick"], U
           }, o.duration);
           return;
         }
-        p.value = !0, w(A);
+        p.value = !0, _(A);
       }
-    }, w = async (x) => {
+    }, _ = async (x) => {
       await y(), u.value = !0, c.value = x, Array.from(f.value.children).map((A, D) => {
         D === x ? f.value.children[D].style.display = "block" : f.value.children[D].style.display = "none";
       }), n("open", c.value);
@@ -4327,7 +4331,7 @@ const fs = {
     }, m = () => {
       a.type === "password" && (s.value = !s.value, s.value ? f.value = a.type : f.value = "text");
     };
-    function w() {
+    function _() {
       u.value = a.clearable && v.value;
     }
     function k() {
@@ -4350,7 +4354,7 @@ const fs = {
       y.$slots.addonBefore || e.addonBefore ? (d(), h("span", fs, M(e.addonBefore), 1)) : B("", !0),
       r("div", {
         class: L(["abl-input__wrapper", { "is-focus": i.value }]),
-        onMouseenter: w,
+        onMouseenter: _,
         onMouseleave: k
       }, [
         y.$slots.prefix || e.prefixIcon ? (d(), h("span", ps, [
@@ -4407,7 +4411,7 @@ const fs = {
     ], 2));
   }
 }), ys = /* @__PURE__ */ Z(bs, [["__scopeId", "data-v-0f12a2b5"]]);
-const nt = (e) => (ge("data-v-1a0f5179"), e = e(), be(), e), _s = { class: "abl-spin-box" }, ws = {
+const nt = (e) => (ge("data-v-1a0f5179"), e = e(), be(), e), ws = { class: "abl-spin-box" }, _s = {
   key: 0,
   class: "abl-spin-logo"
 }, xs = ["src"], $s = {
@@ -4458,8 +4462,8 @@ const nt = (e) => (ge("data-v-1a0f5179"), e = e(), be(), e), _s = { class: "abl-
       q(r("div", {
         class: L(["abl-spin", [{ "fixed-spin": e.fixed }]])
       }, [
-        r("div", _s, [
-          e.logo ? (d(), h("div", ws, [
+        r("div", ws, [
+          e.logo ? (d(), h("div", _s, [
             r("img", { src: e.logo }, null, 8, xs)
           ])) : e.indicator === "dot" ? (d(), h("div", $s, As)) : B("", !0),
           q(r("p", { class: "abl-tip" }, M(e.tip), 513), [
@@ -4565,32 +4569,32 @@ const yt = (e) => (ge("data-v-12e7e74b"), e = e(), be(), e), zs = { class: "abl-
       a.value = [...n.fileList], a.value.length > n.maxCount && a.value.splice(n.maxCount), n.disabled ? l.value = a.value.length : a.value.length < n.maxCount ? l.value = n.fileList.length + 1 : l.value = n.maxCount;
     }
     const u = (S) => {
-      const _ = /\.(jpg|jpeg|png|gif|webp)$/i, x = /^data:image/;
-      return _.test(S) || x.test(S);
-    }, v = (S, _) => {
+      const w = /\.(jpg|jpeg|png|gif|webp)$/i, x = /^data:image/;
+      return w.test(S) || x.test(S);
+    }, v = (S, w) => {
       var A;
       const x = (A = S.dataTransfer) == null ? void 0 : A.files;
       if (x != null && x.length) {
         const D = x.length;
-        for (let X = 0; X < D && _ + X <= n.maxCount; X++)
-          m(x[X], _ + X);
-        i.value[_].value = "";
+        for (let X = 0; X < D && w + X <= n.maxCount; X++)
+          m(x[X], w + X);
+        i.value[w].value = "";
       }
     }, c = (S) => {
       i.value[S].click();
-    }, p = (S, _) => {
+    }, p = (S, w) => {
       const x = S.target.files;
       if (x != null && x.length) {
         const A = x.length;
-        for (let D = 0; D < A && _ + D < n.maxCount; D++)
-          m(x[D], _ + D);
-        i.value[_].value = "";
+        for (let D = 0; D < A && w + D < n.maxCount; D++)
+          m(x[D], w + D);
+        i.value[w].value = "";
       }
-    }, g = t, m = function(S, _) {
-      n.beforeUpload(S) ? (n.maxCount > l.value && l.value++, n.uploadMode === "base64" && (o.value[_] = !0, w(S, _)), n.uploadMode === "custom" && (o.value[_] = !0, k(S, _))) : fe(() => {
+    }, g = t, m = function(S, w) {
+      n.beforeUpload(S) ? (n.maxCount > l.value && l.value++, n.uploadMode === "base64" && (o.value[w] = !0, _(S, w)), n.uploadMode === "custom" && (o.value[w] = !0, k(S, w))) : fe(() => {
         z(n.errorInfo);
       });
-    }, w = (S, _) => {
+    }, _ = (S, w) => {
       var x = new FileReader();
       x.readAsDataURL(S), x.onloadstart = function(A) {
         console.log("开始读取 onloadstart:", A);
@@ -4599,7 +4603,7 @@ const yt = (e) => (ge("data-v-12e7e74b"), e = e(), be(), e), zs = { class: "abl-
       }, x.onerror = function(A) {
         console.log("读取错误 onerror:", A);
       }, x.onprogress = function(A) {
-        A.loaded === A.total && (o.value[_] = !1);
+        A.loaded === A.total && (o.value[w] = !1);
       }, x.onload = function(A) {
         var D;
         a.value.push({
@@ -4609,28 +4613,28 @@ const yt = (e) => (ge("data-v-12e7e74b"), e = e(), be(), e), zs = { class: "abl-
       }, x.onloadend = function(A) {
         console.log("读取结束 onloadend:", A);
       };
-    }, k = (S, _) => {
+    }, k = (S, w) => {
       n.customRequest(S).then((x) => {
         a.value.push(x), g("update:fileList", a.value), g("change", a.value);
       }).catch((x) => {
         n.maxCount > 1 && (l.value = a.value.length + 1), z(x);
       }).finally(() => {
-        o.value[_] = !1;
+        o.value[w] = !1;
       });
-    }, y = (S, _) => {
-      if (u(_)) {
+    }, y = (S, w) => {
+      if (u(w)) {
         const x = a.value.slice(0, S).filter((A) => !u(A.url));
         s.value[S - x.length].onPreview();
       } else
-        window.open(_);
+        window.open(w);
     }, C = (S) => {
       a.value.length < n.maxCount && l.value--;
-      const _ = a.value.splice(S, 1);
-      g("remove", _), g("update:fileList", a.value), g("change", a.value);
+      const w = a.value.splice(S, 1);
+      g("remove", w), g("update:fileList", a.value), g("change", a.value);
     }, z = (S) => {
       pt({ type: "error", text: S, duration: 1e3, top: 100 });
     };
-    return (S, _) => (d(), h("div", zs, [
+    return (S, w) => (d(), h("div", zs, [
       (d(!0), h(U, null, ne(l.value, (x) => (d(), h("div", {
         class: "abl-upload-item",
         key: x
@@ -4638,9 +4642,9 @@ const yt = (e) => (ge("data-v-12e7e74b"), e = e(), be(), e), zs = { class: "abl-
         r("div", Bs, [
           q(r("div", {
             class: L(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
-            onDragenter: _[1] || (_[1] = F(() => {
+            onDragenter: w[1] || (w[1] = F(() => {
             }, ["stop", "prevent"])),
-            onDragover: _[2] || (_[2] = F(() => {
+            onDragover: w[2] || (w[2] = F(() => {
             }, ["stop", "prevent"])),
             onDrop: F((A) => e.disabled ? () => !1 : v(A, x - 1), ["stop", "prevent"]),
             onClick: (A) => e.disabled ? () => !1 : c(x - 1)
@@ -4650,7 +4654,7 @@ const yt = (e) => (ge("data-v-12e7e74b"), e = e(), be(), e), zs = { class: "abl-
               ref_key: "uploadInput",
               ref: i,
               type: "file",
-              onClick: _[0] || (_[0] = F(() => {
+              onClick: w[0] || (w[0] = F(() => {
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
@@ -4794,25 +4798,25 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
     }), s = $(""), f = $(), u = $(null), v = $(""), c = $(), p = $(a.modelValue), g = $(!1), m = T(() => {
       var O;
       return { width: (((O = f.value) == null ? void 0 : O.getBoundingClientRect().width) || 0) + "px" };
-    }), w = ke({
+    }), _ = ke({
       list: a == null ? void 0 : a.options
     }), k = $(!1), y = $(
       a.search && v.value === "focus" && k.value
-    ), C = $(a.disabled), z = $(a.mode === "tag"), S = $(""), _ = ke(
+    ), C = $(a.disabled), z = $(a.mode === "tag"), S = $(""), w = ke(
       (G = a == null ? void 0 : a.options) == null ? void 0 : G.filter((V) => V.selected === !0)
     ), x = () => (n == null ? void 0 : n.default) && (n == null ? void 0 : n.default()) || [], A = () => {
       var V;
       try {
-        n.default && (w.list = [], (V = n.default()) == null || V.map((O) => {
+        n.default && (_.list = [], (V = n.default()) == null || V.map((O) => {
           var b;
           if (O.props) {
             const { value: N, name: R, img: H, iconColor: te } = O.props;
-            w.list.push({
+            _.list.push({
               value: N,
               name: R,
               img: H,
               iconColor: te
-            }), p.value === N && _.push({
+            }), p.value === N && w.push({
               value: N,
               name: R,
               img: H,
@@ -4821,19 +4825,19 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
           } else
             ((b = O == null ? void 0 : O.children) == null ? void 0 : b.length) > 0 && O.children.map((N) => {
               const { value: R, name: H, img: te, iconColor: ae } = N.props;
-              w.list.push({
+              _.list.push({
                 value: R,
                 name: H,
                 img: te,
                 iconColor: ae
-              }), p.value === R && (_.splice(0, _.length), _.push({
+              }), p.value === R && (w.splice(0, w.length), w.push({
                 value: R,
                 name: H,
                 img: te,
                 iconColor: ae
               }));
             });
-        }), l = w.list);
+        }), l = _.list);
       } catch (O) {
         console.log(O);
       }
@@ -4855,7 +4859,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
           let N = V.target.value.toLowerCase();
           return b.name.toLowerCase().includes(N);
         });
-        w.list = O;
+        _.list = O;
       }
     }, X = (V) => {
       a.disabled || (k.value = !0, V.stopPropagation(), v.value === "focus" ? v.value = "blur" : v.value = "focus", setTimeout(() => {
@@ -4876,31 +4880,31 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
       k.value = !1, O.stopPropagation(), (N = u.value) == null || N.blur();
       let b = null;
       if (a.type === "single")
-        v.value = "blur", _[0] && _[0].value === V.value ? _.shift() : _[0] = V, b = V.value;
+        v.value = "blur", w[0] && w[0].value === V.value ? w.shift() : w[0] = V, b = V.value;
       else {
         b || (b = []);
-        const R = _.findIndex((H) => H.value === V.value);
-        R > -1 ? _.splice(R, 1) : _.push(V), _.map((H) => {
+        const R = w.findIndex((H) => H.value === V.value);
+        R > -1 ? w.splice(R, 1) : w.push(V), w.map((H) => {
           b.push(H.value);
         });
       }
-      o("update:modelValue", b), o("change", b, at(_)), c.value.close();
+      o("update:modelValue", b), o("change", b, at(w)), c.value.close();
     };
     Se("handleSlotClick", W);
     const P = () => {
       var V;
-      (V = u.value) == null || V.focus(), !y.value && v.value === "focus" && _.length > 0 && (_.pop(), o("change", at(_)));
+      (V = u.value) == null || V.focus(), !y.value && v.value === "focus" && w.length > 0 && (w.pop(), o("change", at(w)));
     }, j = (V) => {
       var b;
       (b = u.value) == null || b.focus();
-      const O = _.findIndex((N) => N.value === V.value);
-      _.splice(O, 1), o("change", at(_));
+      const O = w.findIndex((N) => N.value === V.value);
+      w.splice(O, 1), o("change", at(w));
     }, ee = () => {
       g.value = !1, v.value = "blur", S.value = "";
     }, Y = () => {
-      w.list = l, g.value = !0;
+      _.list = l, g.value = !0;
     }, K = () => {
-      a.type == "single" ? (o("update:modelValue", ""), o("change", "")) : (o("update:modelValue", []), o("change", [])), _.splice(0, _.length);
+      a.type == "single" ? (o("update:modelValue", ""), o("change", "")) : (o("update:modelValue", []), o("change", [])), w.splice(0, w.length);
     };
     return de(
       k,
@@ -4909,7 +4913,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
       },
       { immediate: !0, deep: !0 }
     ), de(
-      _,
+      w,
       (V) => {
         s.value = V.map((O) => O == null ? void 0 : O.name).join(",");
       },
@@ -4922,8 +4926,8 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
         v.value = "blur";
       });
     }), de(() => a.modelValue, async () => {
-      p.value = a.modelValue, w.list.map((V) => {
-        V.value == a.modelValue && (_.splice(0, _.length), _.push({
+      p.value = a.modelValue, _.list.map((V) => {
+        V.value == a.modelValue && (w.splice(0, w.length), w.push({
           value: V.value,
           name: V.name,
           img: V.img,
@@ -4950,8 +4954,8 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
             style: E(m.value),
             id: "abl-select"
           }, [
-            w.list.length > 0 ? (d(!0), h(U, { key: 0 }, ne(w.list, (b, N) => (d(), h("div", {
-              class: L(["abl-select-options-item", _.some((R) => R.value === b.value) ? "abl-options-item-active" : ""]),
+            _.list.length > 0 ? (d(!0), h(U, { key: 0 }, ne(_.list, (b, N) => (d(), h("div", {
+              class: L(["abl-select-options-item", w.some((R) => R.value === b.value) ? "abl-options-item-active" : ""]),
               key: b.name + b.value,
               onClick: (R) => W(b, R)
             }, [
@@ -4986,7 +4990,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
               }, [
                 q(r("div", Ys, [
                   z.value ? (d(), h("div", Ks, [
-                    (d(!0), h(U, null, ne(_, (b) => (d(), h("div", {
+                    (d(!0), h(U, null, ne(w, (b) => (d(), h("div", {
                       class: "abl-select-tag",
                       key: b.value
                     }, [
@@ -4998,7 +5002,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
                     ]))), 128))
                   ])) : (d(), h("span", Js, M(s.value), 1))
                 ], 512), [
-                  [Q, _.length && !y.value]
+                  [Q, w.length && !y.value]
                 ]),
                 q(r("input", {
                   onBlur: O[0] || (O[0] = (b) => ee()),
@@ -5018,7 +5022,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
                   class: "abl-select-placeholder",
                   style: E({ "line-height": e.height })
                 }, M(e.placeholder), 5)), [
-                  [Q, !_.length]
+                  [Q, !w.length]
                 ])
               ], 4),
               r("span", {
@@ -5107,21 +5111,21 @@ const oi = { class: "abl-header" }, si = { class: "abl-title" }, ii = { class: "
       if (!p)
         return;
       const m = p.length;
-      let w = [];
+      let _ = [];
       for (let k = 0; k < m; k++) {
         const y = {
           span: Math.min(p[k].dataset.span, g),
           element: p[k]
         };
-        v(w) < g ? (y.span = Math.min(y.span, g - v(w)), k === m - 1 && (y.span = g - v(w)), w.push(y), k === m - 1 && s.value.push(w)) : (s.value.push(w), w = [y], k === m - 1 && (y.span = g, s.value.push(w)));
+        v(_) < g ? (y.span = Math.min(y.span, g - v(_)), k === m - 1 && (y.span = g - v(_)), _.push(y), k === m - 1 && s.value.push(_)) : (s.value.push(_), _ = [y], k === m - 1 && (y.span = g, s.value.push(_)));
       }
       t.bordered ? fe(() => {
         s.value.forEach((k, y) => {
           k.forEach((C) => {
             const z = Array.from(C.element.children), S = z[0].cloneNode(!0);
             S.colSpan = 1, c(S, t.labelStyle), c(S, JSON.parse(C.element.dataset.labelStyle));
-            const _ = z[1].cloneNode(!0);
-            _.colSpan = C.span * 2 - 1, c(_, t.contentStyle), c(_, JSON.parse(C.element.dataset.contentStyle)), i.value[y].appendChild(S), i.value[y].appendChild(_);
+            const w = z[1].cloneNode(!0);
+            w.colSpan = C.span * 2 - 1, c(w, t.contentStyle), c(w, JSON.parse(C.element.dataset.contentStyle)), i.value[y].appendChild(S), i.value[y].appendChild(w);
           });
         });
       }) : fe(() => {
@@ -5177,7 +5181,7 @@ const oi = { class: "abl-header" }, si = { class: "abl-title" }, ii = { class: "
               key: m
             }))), 128)) : B("", !0)
           ])) : (d(), h("tbody", ri, [
-            (d(!0), h(U, null, ne(s.value, (m, w) => (d(), h("tr", { key: w }, [
+            (d(!0), h(U, null, ne(s.value, (m, _) => (d(), h("tr", { key: _ }, [
               (d(!0), h(U, null, ne(m, (k, y) => (d(), h("td", {
                 ref_for: !0,
                 ref_key: "cols",
@@ -5251,8 +5255,8 @@ const pi = ["data-span", "data-label-style", "data-content-style"], hi = { class
       ], 8, mi)
     ], 64));
   }
-}, _i = /* @__PURE__ */ Z(yi, [["__scopeId", "data-v-db00ba7c"]]), Bt = 10;
-function wi(e, t) {
+}, wi = /* @__PURE__ */ Z(yi, [["__scopeId", "data-v-db00ba7c"]]), Bt = 10;
+function _i(e, t) {
   return e > t && e > Bt ? "horizontal" : t > e && t > Bt ? "vertical" : "";
 }
 function xi() {
@@ -5261,8 +5265,8 @@ function xi() {
   };
   return {
     move: (m) => {
-      const w = m.type.startsWith("touch") ? m.touches[0] : m;
-      l.value = w.clientX - e.value, o.value = w.clientY - t.value, n.value = w.clientX, a.value = w.clientY, i.value = Math.abs(l.value), s.value = Math.abs(o.value), f.value || (f.value = wi(i.value, s.value));
+      const _ = m.type.startsWith("touch") ? m.touches[0] : m;
+      l.value = _.clientX - e.value, o.value = _.clientY - t.value, n.value = _.clientX, a.value = _.clientY, i.value = Math.abs(l.value), s.value = Math.abs(o.value), f.value || (f.value = _i(i.value, s.value));
     },
     start: (m) => {
       c(), console.log(m.clientX), e.value = m.type.startsWith("touch") ? m.touches[0].clientX : m.clientX, t.value = m.type.startsWith("touch") ? m.touches[0].clientY : m.clientY;
@@ -5397,7 +5401,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
       };
     }), m = T(() => ({
       background: n.inactiveColor
-    })), w = T(() => ({
+    })), _ = T(() => ({
       borderColor: n.buttonColor
     })), k = $(!1), y = (b) => !!n.range && Array.isArray(b), C = () => {
       const { modelValue: b, min: N } = n;
@@ -5415,7 +5419,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
       left: z(),
       background: n.activeColor,
       transition: f.value ? "none" : void 0
-    }), _ = (b) => {
+    }), w = (b) => {
       const N = "abl-range-mark", { modelValue: R, max: H, min: te } = n;
       let ae = Number(te), ue = Number(H);
       if (n.range) {
@@ -5499,7 +5503,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
         v.value.length > 0 ? (d(), h("div", Ci, [
           (d(!0), h(U, null, ne(v.value, (R) => (d(), h("span", {
             key: R,
-            class: L(_(R)),
+            class: L(w(R)),
             style: E(x(R))
           }, [
             J(M(R) + " ", 1),
@@ -5532,7 +5536,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
             b.$slots.button ? I(b.$slots, "button", { key: 0 }, void 0, !0) : (d(), h("div", {
               key: 1,
               class: "abl-range-button",
-              style: E(w.value)
+              style: E(_.value)
             }, [
               r("div", {
                 class: L(["abl-handle-tooltip", [{ "display-tooltip": l.value === R && k.value }]])
@@ -5560,7 +5564,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
             b.$slots.button ? I(b.$slots, "button", { key: 0 }, void 0, !0) : (d(), h("div", {
               key: 1,
               class: "abl-range-button",
-              style: E(w.value)
+              style: E(_.value)
             }, [
               r("div", {
                 class: L(["abl-handle-tooltip", [{ "display-tooltip": k.value }]])
@@ -5668,14 +5672,14 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
       });
     });
     const v = (m) => {
-      var w = [], k = Math.floor(n.pagerCount / 2), y = {
+      var _ = [], k = Math.floor(n.pagerCount / 2), y = {
         start: m - k,
         end: m + k
       };
       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 ? o.value = !0 : o.value = !1, y.end < s.value ? i.value = !0 : i.value = !1;
       for (let C = y.start; C <= y.end; C++)
-        w.push(C);
-      return w;
+        _.push(C);
+      return _;
     }, c = () => {
       l.value = l.value - n.pagerCount > 0 ? l.value - n.pagerCount : 1, a.itemRender && u("ellipsisClick", l.value);
     }, p = () => {
@@ -5685,14 +5689,14 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
         return !1;
       l.value !== m && (l.value = m);
     };
-    return (m, w) => (d(), h("div", {
+    return (m, _) => (d(), h("div", {
       class: L([`abl-pagination ${e.placement}`, { hidden: e.hideOnSinglePage && e.total <= e.pageSize }])
     }, [
       r("div", Ei, [
         e.showTotal ? (d(), h("span", Ri, "total " + M(e.total) + " items", 1)) : B("", !0),
         r("li", {
           class: L(["abl-pagination-item", { disabled: l.value === 1 }]),
-          onClick: w[0] || (w[0] = (k) => !le(a).itemRender && g(l.value - 1))
+          onClick: _[0] || (_[0] = (k) => !le(a).itemRender && g(l.value - 1))
         }, [
           I(m.$slots, "itemRender", {
             page: l.value === 1 ? 1 : l.value - 1,
@@ -5703,7 +5707,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
         ], 2),
         r("li", {
           class: L(["abl-pagination-item", { active: l.value === 1 }]),
-          onClick: w[1] || (w[1] = (k) => !le(a).itemRender && g(1))
+          onClick: _[1] || (_[1] = (k) => !le(a).itemRender && g(1))
         }, [
           I(m.$slots, "itemRender", {
             page: 1,
@@ -5740,7 +5744,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
         ]),
         q(r("li", {
           class: L(["abl-pagination-item", { active: l.value === s.value }]),
-          onClick: w[2] || (w[2] = (k) => !le(a).itemRender && g(s.value))
+          onClick: _[2] || (_[2] = (k) => !le(a).itemRender && g(s.value))
         }, [
           I(m.$slots, "itemRender", {
             page: s.value,
@@ -5753,7 +5757,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
         ]),
         r("li", {
           class: L(["abl-pagination-item", { disabled: l.value === s.value }]),
-          onClick: w[3] || (w[3] = (k) => !le(a).itemRender && g(l.value + 1))
+          onClick: _[3] || (_[3] = (k) => !le(a).itemRender && g(l.value + 1))
         }, [
           I(m.$slots, "itemRender", {
             page: s.value === l.value ? l.value : l.value + 1,
@@ -5858,7 +5862,7 @@ const ji = { class: "abl-search" }, qi = { class: "abl-search__wrapper" }, Ui =
   zt,
   on,
   fi,
-  _i,
+  wi,
   Dt,
   Ii,
   Fi,
@@ -5879,7 +5883,7 @@ export {
   Al as ablCollapse,
   El as ablCollapseItem,
   fi as ablDescription,
-  _i as ablDescriptionsItem,
+  wi as ablDescriptionsItem,
   Aa as ablDialog,
   ua as ablDrawer,
   is as ablDropdownItem,