abl-ui 0.4.43 → 0.4.45

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as c, normalizeClass as A, createTextVNode as Q, toDisplayString as W, createCommentVNode as I, createStaticVNode as At, Fragment as K, renderList as ae, createVNode as re, useSlots as Ke, ref as _, provide as we, onMounted as Ne, watch as oe, withDirectives as Z, vShow as te, defineComponent as Lt, toRefs as Te, computed as F, inject as Se, reactive as ze, unref as ie, createBlock as se, TransitionGroup as nl, withCtx as ne, resolveDynamicComponent as rt, pushScopeId as ge, popScopeId as ye, createApp as ol, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as ct, onBeforeMount as zt, Teleport as Ze, Transition as me, withModifiers as J, watchEffect as ut, nextTick as Ie, mergeProps as _e, useAttrs as sl, createSlots as il, vModelDynamic as rl, resolveComponent as cl, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as ul } from "vue";
+import { openBlock as r, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as c, normalizeClass as A, createTextVNode as Q, toDisplayString as W, createCommentVNode as I, createStaticVNode as At, Fragment as K, renderList as ae, createVNode as re, useSlots as Ke, ref as _, provide as xe, onMounted as Ne, watch as oe, withDirectives as Z, vShow as te, defineComponent as Lt, toRefs as Te, computed as F, inject as Ve, reactive as Ie, unref as ie, createBlock as se, TransitionGroup as nl, withCtx as ne, resolveDynamicComponent as rt, pushScopeId as ge, popScopeId as ye, createApp as ol, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as ct, onBeforeMount as zt, Teleport as Ze, Transition as me, withModifiers as J, watchEffect as ut, nextTick as _e, mergeProps as we, useAttrs as sl, createSlots as il, vModelDynamic as rl, resolveComponent as cl, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as ul } from "vue";
 const ee = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
@@ -194,7 +194,7 @@ const Vl = { class: "abl-tabs" }, Bl = {
             afterIcon: B
           });
         }));
-    }), we("active", f);
+    }), xe("active", f);
     const y = (g, V) => {
       var L;
       const M = (L = g == null ? void 0 : g.target) == null ? void 0 : L.offsetLeft;
@@ -387,7 +387,7 @@ const Ol = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = Se("radioGroupKey", void 0), i = F(() => !!n), o = F(
+    const t = e, l = a, n = Ve("radioGroupKey", void 0), i = F(() => !!n), o = F(
       () => i.value ? n.modelValue : t.modelValue
     ), s = F(
       () => t.disabled ? t.disabled : n == null ? void 0 : n.disabled
@@ -438,9 +438,9 @@ const Ol = {
     const t = e, l = a, n = (i) => {
       l("update:modelValue", i), l("change", i);
     };
-    return we(
+    return xe(
       "radioGroupKey",
-      ze({
+      Ie({
         ...Te(t),
         changeEvent: n
       })
@@ -465,7 +465,7 @@ const Ol = {
     }
   },
   setup(e, { expose: a }) {
-    const t = Se("active");
+    const t = Ve("active");
     return a({
       updataIndex: (n) => {
         t.value = n;
@@ -690,17 +690,17 @@ const De = (e) => (ge("data-v-f057dbba"), e = e(), ye(), e), Hl = ["onMouseenter
   }
 }, sa = /* @__PURE__ */ ee(oa, [["__scopeId", "data-v-f057dbba"]]);
 let je;
-function ke() {
+function Ce() {
   return je || (je = ol(sa).mount(document.createElement("div")), document.body.appendChild(je.$el)), je;
 }
 const Nt = {
-  open: (e) => ke().open(e),
-  info: (e) => ke().info(e),
-  success: (e) => ke().success(e),
-  error: (e) => ke().error(e),
-  warning: (e) => ke().warning(e),
-  loading: (e) => ke().loading(e),
-  close: (e) => ke().close(e)
+  open: (e) => Ce().open(e),
+  info: (e) => Ce().info(e),
+  success: (e) => Ce().success(e),
+  error: (e) => Ce().error(e),
+  warning: (e) => Ce().warning(e),
+  loading: (e) => Ce().loading(e),
+  close: (e) => Ce().close(e)
 };
 const ia = (e) => (ge("data-v-529bffb9"), e = e(), ye(), e), ra = { class: "abl-drawer-content" }, ca = { class: "abl-drawer-wrapper-body" }, ua = {
   key: 0,
@@ -976,7 +976,7 @@ const xa = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = Se("checkboxGroupKey", void 0), i = F(() => !!n), o = F(
+    const t = e, l = a, n = Ve("checkboxGroupKey", void 0), i = F(() => !!n), o = F(
       () => i.value ? d.value.indexOf(t.value) > -1 && !t.indeterminate : d.value && !t.indeterminate || t.checked
     ), s = F(() => t.disabled || (n == null ? void 0 : n.disabled)), d = F(
       () => i.value ? n.modelValue : t.modelValue
@@ -1036,9 +1036,9 @@ const xa = {
     const t = e, l = a, n = (i) => {
       l("update:modelValue", i), l("change", i);
     };
-    return we(
+    return xe(
       "checkboxGroupKey",
-      ze({
+      Ie({
         ...Te(t),
         changeEvent: n
       })
@@ -1170,7 +1170,7 @@ const Ca = { class: "abl-dialog__header" }, Sa = { class: "abl-dialog__title" },
       })
     ]));
   }
-}), Re = Math.min, Ce = Math.max, qe = Math.round, Ue = Math.floor, xe = (e) => ({
+}), Re = Math.min, Se = Math.max, qe = Math.round, Ue = Math.floor, $e = (e) => ({
   x: e,
   y: e
 }), La = {
@@ -1183,12 +1183,12 @@ const Ca = { class: "abl-dialog__header" }, Sa = { class: "abl-dialog__title" },
   end: "start"
 };
 function ot(e, a, t) {
-  return Ce(e, Re(a, t));
+  return Se(e, Re(a, t));
 }
 function Fe(e, a) {
   return typeof e == "function" ? e(a) : e;
 }
-function Ve(e) {
+function Be(e) {
   return e.split("-")[0];
 }
 function He(e) {
@@ -1201,7 +1201,7 @@ function dt(e) {
   return e === "y" ? "height" : "width";
 }
 function Qe(e) {
-  return ["top", "bottom"].includes(Ve(e)) ? "y" : "x";
+  return ["top", "bottom"].includes(Be(e)) ? "y" : "x";
 }
 function ft(e) {
   return Pt(Qe(e));
@@ -1234,7 +1234,7 @@ function Ma(e, a, t) {
 }
 function Na(e, a, t, l) {
   const n = He(e);
-  let i = Ma(Ve(e), t === "start", l);
+  let i = Ma(Be(e), t === "start", l);
   return n && (i = i.map((o) => o + "-" + n), a && (i = i.concat(i.map(st)))), i;
 }
 function Xe(e) {
@@ -1271,7 +1271,7 @@ function _t(e, a, t) {
     reference: l,
     floating: n
   } = e;
-  const i = Qe(a), o = ft(a), s = dt(o), d = Ve(a), f = i === "y", h = l.x + l.width / 2 - n.width / 2, v = l.y + l.height / 2 - n.height / 2, p = l[s] / 2 - n[s] / 2;
+  const i = Qe(a), o = ft(a), s = dt(o), d = Be(a), f = i === "y", h = l.x + l.width / 2 - n.width / 2, v = l.y + l.height / 2 - n.height / 2, p = l[s] / 2 - n[s] / 2;
   let y;
   switch (d) {
     case "top":
@@ -1480,7 +1480,7 @@ const Pa = (e) => ({
       } = Fe(e, a);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const b = Ve(n), g = Ve(s) === s, V = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), M = p || (g || !w ? [Xe(s)] : Ra(s));
+      const b = Be(n), g = Be(s) === s, V = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), M = p || (g || !w ? [Xe(s)] : Ra(s));
       !p && m !== "none" && M.push(...Na(s, w, m, V));
       const L = [s, ...M], O = await Dt(a, k), $ = [];
       let B = ((l = i.flip) == null ? void 0 : l.overflows) || [];
@@ -1533,7 +1533,7 @@ async function Da(e, a) {
     placement: t,
     platform: l,
     elements: n
-  } = e, i = await (l.isRTL == null ? void 0 : l.isRTL(n.floating)), o = Ve(t), s = He(t), d = Qe(t) === "y", f = ["left", "top"].includes(o) ? -1 : 1, h = i && d ? -1 : 1, v = Fe(a, e);
+  } = e, i = await (l.isRTL == null ? void 0 : l.isRTL(n.floating)), o = Be(t), s = He(t), d = Qe(t) === "y", f = ["left", "top"].includes(o) ? -1 : 1, h = i && d ? -1 : 1, v = Fe(a, e);
   let {
     mainAxis: p,
     crossAxis: y,
@@ -1606,7 +1606,7 @@ const Fa = function(e) {
       } = Fe(e, a), f = {
         x: t,
         y: l
-      }, h = await Dt(a, d), v = Qe(Ve(n)), p = Pt(v);
+      }, h = await Dt(a, d), v = Qe(Be(n)), p = Pt(v);
       let y = f[p], m = f[v];
       if (i) {
         const k = p === "y" ? "top" : "left", b = p === "y" ? "bottom" : "right", g = y + h[k], V = y - h[b];
@@ -1631,7 +1631,7 @@ const Fa = function(e) {
     }
   };
 };
-function $e(e) {
+function ke(e) {
   return Ft(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function ue(e) {
@@ -1664,7 +1664,7 @@ function We(e) {
   return /auto|scroll|overlay|hidden|clip/.test(a + l + t) && !["inline", "contents"].includes(n);
 }
 function Wa(e) {
-  return ["table", "td", "th"].includes($e(e));
+  return ["table", "td", "th"].includes(ke(e));
 }
 function pt(e) {
   const a = vt(), t = fe(e);
@@ -1683,7 +1683,7 @@ function vt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function et(e) {
-  return ["html", "body", "#document"].includes($e(e));
+  return ["html", "body", "#document"].includes(ke(e));
 }
 function fe(e) {
   return ue(e).getComputedStyle(e);
@@ -1698,7 +1698,7 @@ function tt(e) {
   };
 }
 function Me(e) {
-  if ($e(e) === "html")
+  if (ke(e) === "html")
     return e;
   const a = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -1732,10 +1732,10 @@ function Wt(e) {
 function mt(e) {
   return he(e) ? e : e.contextElement;
 }
-function Le(e) {
+function ze(e) {
   const a = mt(e);
   if (!ve(a))
-    return xe(1);
+    return $e(1);
   const t = a.getBoundingClientRect(), {
     width: l,
     height: n,
@@ -1747,7 +1747,7 @@ function Le(e) {
     y: s
   };
 }
-const Ua = /* @__PURE__ */ xe(0);
+const Ua = /* @__PURE__ */ $e(0);
 function jt(e) {
   const a = ue(e);
   return !vt() || !a.visualViewport ? Ua : {
@@ -1758,18 +1758,18 @@ function jt(e) {
 function qa(e, a, t) {
   return a === void 0 && (a = !1), !t || a && t !== ue(e) ? !1 : a;
 }
-function Be(e, a, t, l) {
+function Ae(e, a, t, l) {
   a === void 0 && (a = !1), t === void 0 && (t = !1);
   const n = e.getBoundingClientRect(), i = mt(e);
-  let o = xe(1);
-  a && (l ? he(l) && (o = Le(l)) : o = Le(e));
-  const s = qa(i, t, l) ? jt(i) : xe(0);
+  let o = $e(1);
+  a && (l ? he(l) && (o = ze(l)) : o = ze(e));
+  const s = qa(i, t, l) ? jt(i) : $e(0);
   let d = (n.left + s.x) / o.x, f = (n.top + s.y) / o.y, h = n.width / o.x, v = n.height / o.y;
   if (i) {
     const p = ue(i), y = l && he(l) ? ue(l) : l;
     let m = p, w = m.frameElement;
     for (; w && l && y !== m; ) {
-      const k = Le(w), b = w.getBoundingClientRect(), g = fe(w), V = b.left + (w.clientLeft + parseFloat(g.paddingLeft)) * k.x, M = b.top + (w.clientTop + parseFloat(g.paddingTop)) * k.y;
+      const k = ze(w), b = w.getBoundingClientRect(), g = fe(w), V = b.left + (w.clientLeft + parseFloat(g.paddingLeft)) * k.x, M = b.top + (w.clientTop + parseFloat(g.paddingTop)) * k.y;
       d *= k.x, f *= k.y, h *= k.x, v *= k.y, d += V, f += M, m = ue(w), w = m.frameElement;
     }
   }
@@ -1803,11 +1803,11 @@ function Ya(e) {
   let d = {
     scrollLeft: 0,
     scrollTop: 0
-  }, f = xe(1);
-  const h = xe(0), v = ve(l);
-  if ((v || !v && !i) && (($e(l) !== "body" || We(o)) && (d = tt(l)), ve(l))) {
-    const p = Be(l);
-    f = Le(l), h.x = p.x + l.clientLeft, h.y = p.y + l.clientTop;
+  }, f = $e(1);
+  const h = $e(0), v = ve(l);
+  if ((v || !v && !i) && ((ke(l) !== "body" || We(o)) && (d = tt(l)), ve(l))) {
+    const p = Ae(l);
+    f = ze(l), h.x = p.x + l.clientLeft, h.y = p.y + l.clientTop;
   }
   return {
     width: t.width * f.x,
@@ -1820,13 +1820,13 @@ function Ka(e) {
   return Array.from(e.getClientRects());
 }
 function qt(e) {
-  return Be(be(e)).left + tt(e).scrollLeft;
+  return Ae(be(e)).left + tt(e).scrollLeft;
 }
 function Ga(e) {
-  const a = be(e), t = tt(e), l = e.ownerDocument.body, n = Ce(a.scrollWidth, a.clientWidth, l.scrollWidth, l.clientWidth), i = Ce(a.scrollHeight, a.clientHeight, l.scrollHeight, l.clientHeight);
+  const a = be(e), t = tt(e), l = e.ownerDocument.body, n = Se(a.scrollWidth, a.clientWidth, l.scrollWidth, l.clientWidth), i = Se(a.scrollHeight, a.clientHeight, l.scrollHeight, l.clientHeight);
   let o = -t.scrollLeft + qt(e);
   const s = -t.scrollTop;
-  return fe(l).direction === "rtl" && (o += Ce(a.clientWidth, l.clientWidth) - n), {
+  return fe(l).direction === "rtl" && (o += Se(a.clientWidth, l.clientWidth) - n), {
     width: n,
     height: i,
     x: o,
@@ -1849,7 +1849,7 @@ function Ja(e, a) {
   };
 }
 function Za(e, a) {
-  const t = Be(e, !0, a === "fixed"), l = t.top + e.clientTop, n = t.left + e.clientLeft, i = ve(e) ? Le(e) : xe(1), o = e.clientWidth * i.x, s = e.clientHeight * i.y, d = n * i.x, f = l * i.y;
+  const t = Ae(e, !0, a === "fixed"), l = t.top + e.clientTop, n = t.left + e.clientLeft, i = ve(e) ? ze(e) : $e(1), o = e.clientWidth * i.x, s = e.clientHeight * i.y, d = n * i.x, f = l * i.y;
   return {
     width: o,
     height: s,
@@ -1883,7 +1883,7 @@ function Qa(e, a) {
   const t = a.get(e);
   if (t)
     return t;
-  let l = Pe(e, [], !1).filter((s) => he(s) && $e(s) !== "body"), n = null;
+  let l = Pe(e, [], !1).filter((s) => he(s) && ke(s) !== "body"), n = null;
   const i = fe(e).position === "fixed";
   let o = i ? Me(e) : e;
   for (; he(o) && !et(o); ) {
@@ -1901,7 +1901,7 @@ function en(e) {
   } = e;
   const o = [...t === "clippingAncestors" ? Qa(a, this._c) : [].concat(t), l], s = o[0], d = o.reduce((f, h) => {
     const v = xt(a, h, n);
-    return f.top = Ce(v.top, f.top), f.right = Re(v.right, f.right), f.bottom = Re(v.bottom, f.bottom), f.left = Ce(v.left, f.left), f;
+    return f.top = Se(v.top, f.top), f.right = Re(v.right, f.right), f.bottom = Re(v.bottom, f.bottom), f.left = Se(v.left, f.left), f;
   }, xt(a, s, n));
   return {
     width: d.right - d.left,
@@ -1921,15 +1921,15 @@ function tn(e) {
   };
 }
 function ln(e, a, t) {
-  const l = ve(a), n = be(a), i = t === "fixed", o = Be(e, !0, i, a);
+  const l = ve(a), n = be(a), i = t === "fixed", o = Ae(e, !0, i, a);
   let s = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const d = xe(0);
+  const d = $e(0);
   if (l || !l && !i)
-    if (($e(a) !== "body" || We(n)) && (s = tt(a)), l) {
-      const v = Be(a, !0, i, a);
+    if ((ke(a) !== "body" || We(n)) && (s = tt(a)), l) {
+      const v = Ae(a, !0, i, a);
       d.x = v.x + a.clientLeft, d.y = v.y + a.clientTop;
     } else
       n && (d.x = qt(n));
@@ -1951,7 +1951,7 @@ function Yt(e, a) {
   let l = $t(e, a);
   for (; l && Wa(l) && fe(l).position === "static"; )
     l = $t(l, a);
-  return l && ($e(l) === "html" || $e(l) === "body" && fe(l).position === "static" && !pt(l)) ? t : l || ja(e) || t;
+  return l && (ke(l) === "html" || ke(l) === "body" && fe(l).position === "static" && !pt(l)) ? t : l || ja(e) || t;
 }
 const an = async function(e) {
   const a = this.getOffsetParent || Yt, t = this.getDimensions;
@@ -1975,7 +1975,7 @@ const on = {
   getElementRects: an,
   getClientRects: Ka,
   getDimensions: tn,
-  getScale: Le,
+  getScale: ze,
   isElement: he,
   isRTL: nn
 };
@@ -1998,7 +1998,7 @@ function sn(e, a) {
       return;
     const y = Ue(h), m = Ue(n.clientWidth - (f + v)), w = Ue(n.clientHeight - (h + p)), k = Ue(f), g = {
       rootMargin: -y + "px " + -m + "px " + -w + "px " + -k + "px",
-      threshold: Ce(0, Re(1, d)) || 1
+      threshold: Se(0, Re(1, d)) || 1
     };
     let V = !0;
     function M(L) {
@@ -2048,10 +2048,10 @@ function rn(e, a, t, l) {
       (V = y) == null || V.observe(a);
     })), t();
   }), f && !d && y.observe(f), y.observe(a));
-  let m, w = d ? Be(e) : null;
+  let m, w = d ? Ae(e) : null;
   d && k();
   function k() {
-    const b = Be(e);
+    const b = Ae(e);
     w && (b.x !== w.x || b.y !== w.y || b.width !== w.width || b.height !== w.height) && t(), w = b, m = requestAnimationFrame(k);
   }
   return t(), () => {
@@ -2144,7 +2144,7 @@ const pn = ["data-side"], Kt = {
     }, M = () => {
       b.value = !0;
     }, L = () => b.value = !1, O = () => {
-      g.value && Ie(() => {
+      g.value && _e(() => {
         g.value.addEventListener("click", B);
         const z = g.value.getBoundingClientRect();
         l.widthAuto && (f.value = z != null && z.width ? (z == null ? void 0 : z.width) + "px" : "auto"), d.value && (g.value.addEventListener("mouseover", M, { capture: !0 }), g.value.addEventListener("mouseout", L, { capture: !0 }));
@@ -2195,7 +2195,7 @@ const pn = ["data-side"], Kt = {
     async function U() {
       if (!(!g.value || !v.value))
         try {
-          await Ie(), k = rn(g.value, v.value, H);
+          await _e(), k = rn(g.value, v.value, H);
         } catch (z) {
           console.error("Error updating position:", z);
         }
@@ -2206,7 +2206,7 @@ const pn = ["data-side"], Kt = {
       open: M,
       close: L
     }), (z, X) => (r(), u(K, null, [
-      (r(), se(rt(z.$slots.default), _e({
+      (r(), se(rt(z.$slots.default), we({
         ref_key: "triggerElement",
         ref: h
       }, z.$attrs), null, 16)),
@@ -2365,7 +2365,7 @@ const pn = ["data-side"], Kt = {
       update: h,
       open: v,
       close: p
-    }), (y, m) => (r(), se(Kt, _e({
+    }), (y, m) => (r(), se(Kt, we({
       ref_key: "popperRef",
       ref: s,
       shouldStopPropagation: e.shouldStopPropagation
@@ -2567,13 +2567,13 @@ const Bn = {
     const t = e, l = _(0), n = () => (l.value++, l.value), i = a, o = (s) => {
       i("update:modelValue", s), i("change", s);
     };
-    return we(
+    return xe(
       "CollapseKey",
-      ze({
+      Ie({
         ...Te(t),
         changeEvent: o
       })
-    ), we("getChildIndex", n), (s, d) => (r(), u("div", {
+    ), xe("getChildIndex", n), (s, d) => (r(), u("div", {
       class: "abl-collapse__wrap",
       style: E({ background: e.background })
     }, [
@@ -2626,9 +2626,9 @@ const Ln = { class: "abl-collapse__title" }, zn = { key: 0 }, In = { class: "ico
   },
   emits: ["change"],
   setup(e, { emit: a }) {
-    const t = _(), l = e, n = Se("getChildIndex"), i = n == null ? void 0 : n();
+    const t = _(), l = e, n = Ve("getChildIndex"), i = n == null ? void 0 : n();
     _(null);
-    const o = Se("CollapseKey", void 0), s = F(() => o.modelValue), d = F(() => o.iconType), f = F(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), h = _(f.value ? "auto" : "0px"), v = () => {
+    const o = Ve("CollapseKey", void 0), s = F(() => o.modelValue), d = F(() => o.iconType), f = F(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), h = _(f.value ? "auto" : "0px"), v = () => {
       if (f.value)
         if (Array.isArray(s.value)) {
           const m = s.value.filter((w) => w !== l.name);
@@ -3211,14 +3211,14 @@ const bo = { class: "abl-image-wrap" }, _o = ["src"], wo = ["src"], el = {
         style: E(`width: ${e.width}`),
         onClick: s
       }, [
-        t.lazy ? (r(), u("img", _e({
+        t.lazy ? (r(), u("img", we({
           key: 0,
           onLoad: o,
           ref_key: "imgRef",
           ref: i,
           loading: "lazy",
           decoding: "async"
-        }, f, { src: e.src }), null, 16, _o)) : (r(), u("img", _e({
+        }, f, { src: e.src }), null, 16, _o)) : (r(), u("img", we({
           key: 1,
           onLoad: o,
           ref_key: "imgRef",
@@ -3483,14 +3483,14 @@ const zo = (e) => (ge("data-v-d037bfee"), e = e(), ye(), e), Io = ["onClick"], R
       $ > 0 && (h.value = $ - 1);
     }, g = () => {
       i.closeOnClickMask && k();
-    }, V = ze({
+    }, V = Ie({
       ...Te(i),
       onClose: k,
       current: v
     }), M = Lo(() => {
       p.value && k();
     });
-    return we(Oo, V), Ne(() => {
+    return xe(Oo, V), Ne(() => {
       b();
     }), (O, $) => (r(), u("div", {
       class: "abl-dropdown",
@@ -3613,7 +3613,7 @@ const Do = (e) => (ge("data-v-521e98aa"), e = e(), ye(), e), Fo = ["active"], Ho
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = Se(qo), l = _(!1);
+    const t = Ve(qo), l = _(!1);
     t != null && t.activeColor || _("#2979ff"), t != null && t.inactiveColor || _("#606266");
     const n = e, i = a, o = (s) => {
       t == null || t.onClose(), i("update:modelValue", s), i("change", s);
@@ -3770,7 +3770,7 @@ const Qo = {
             class: A(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : I("", !0)
         ])) : I("", !0),
-        Z(c("input", _e({
+        Z(c("input", we({
           ref_key: "inputRef",
           ref: i,
           "onUpdate:modelValue": g[0] || (g[0] = (V) => h.value = V),
@@ -3818,7 +3818,7 @@ const Qo = {
       ], !0)
     ], 2));
   }
-}), ss = /* @__PURE__ */ ee(os, [["__scopeId", "data-v-d1d088e9"]]);
+}), ss = /* @__PURE__ */ ee(os, [["__scopeId", "data-v-a4a8a6ee"]]);
 const at = (e) => (ge("data-v-63df5fe9"), e = e(), ye(), e), is = { class: "abl-spin-box" }, rs = {
   key: 0,
   class: "abl-spin-logo"
@@ -4005,7 +4005,7 @@ const ht = (e) => (ge("data-v-5abddaa7"), e = e(), ye(), e), gs = { class: "abl-
         o.value[B].value = "";
       }
     }, k = a, b = function($, B) {
-      t.beforeUpload($) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (i.value[B] = !0, g($, B)), t.uploadMode === "custom" && (i.value[B] = !0, V($, B))) : Ie(() => {
+      t.beforeUpload($) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (i.value[B] = !0, g($, B)), t.uploadMode === "custom" && (i.value[B] = !0, V($, B))) : _e(() => {
         O(t.errorInfo);
       });
     }, g = ($, B) => {
@@ -4236,13 +4236,17 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
     showArrow: {
       default: !1,
       type: Boolean
+    },
+    shouldStopPropagation: {
+      default: !1,
+      type: Boolean
     }
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
     const t = Ge(), l = Ke(), n = F(() => !!(t != null && t.slots.ablname)), i = F(() => !!(t != null && t.slots.abloption)), o = e;
     let s = o != null && o.options ? o == null ? void 0 : o.options : [];
-    const d = a, f = ze({
+    const d = a, f = Ie({
       effect: "light",
       pure: !0,
       trigger: "click",
@@ -4250,7 +4254,7 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
     }), h = _(""), v = _(), p = _(null), y = _(""), m = _(), w = _(o.modelValue), k = _(!1), b = F(() => {
       var P;
       return { width: (((P = v.value) == null ? void 0 : P.getBoundingClientRect().width) || 0) + "px" };
-    }), g = ze({
+    }), g = Ie({
       list: o == null ? void 0 : o.options
     }), V = _(!1), M = _(
       o.search && y.value === "focus" && V.value
@@ -4293,7 +4297,7 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
       }
     };
     oe(B, () => {
-      Ie(() => {
+      _e(() => {
         C();
       });
     }, {
@@ -4331,7 +4335,7 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
       let Y = null;
       y.value = "blur", $.value[0] && $.value[0].value === N.value ? $.value.shift() : $.value[0] = N, Y = N.value, d("update:modelValue", Y), d("change", Y, yt($.value)), m.value.close();
     };
-    we("handleSlotClick", j);
+    xe("handleSlotClick", j);
     const H = () => {
       var N;
       (N = p.value) == null || N.focus(), !M.value && y.value === "focus" && $.value.length > 0 && ($.value.pop(), d("change", yt($.value)));
@@ -4383,11 +4387,11 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
       ref_key: "selectRef",
       ref: v
     }, [
-      re(Gt, _e({
+      re(Gt, we({
         ref_key: "tooltip",
         ref: m,
         showArrow: e.showArrow,
-        shouldStopPropagation: ""
+        shouldStopPropagation: e.shouldStopPropagation
       }, f, {
         disabled: e.disabled,
         isSelect: "",
@@ -4405,7 +4409,7 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
               key: Y.name + Y.value,
               onClick: (S) => j(Y, S)
             }, [
-              i.value ? R(N.$slots, "abloption", gt(_e({ key: 0 }, Y)), void 0, !0) : (r(), u(K, { key: 1 }, [
+              i.value ? R(N.$slots, "abloption", gt(we({ key: 0 }, Y)), void 0, !0) : (r(), u(K, { key: 1 }, [
                 Y.iconColor ? (r(), u("div", {
                   key: 0,
                   class: "abl-options-item-icon",
@@ -4438,7 +4442,7 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
               }, [
                 Z(c("div", Ts, [
                   c("span", null, [
-                    n.value ? R(N.$slots, "ablname", gt(_e({ key: 0 }, { name: h.value })), void 0, !0) : (r(), u("span", Ds, W(h.value), 1))
+                    n.value ? R(N.$slots, "ablname", gt(we({ key: 0 }, { name: h.value })), void 0, !0) : (r(), u("span", Ds, W(h.value), 1))
                   ])
                 ], 512), [
                   [te, $.value.length && !M.value]
@@ -4485,10 +4489,10 @@ const Ps = { class: "abl-select-warpper-content" }, Ts = { class: "abl-select-ha
           ], 38)
         ]),
         _: 3
-      }, 16, ["showArrow", "disabled", "zIndex", "popperClass"])
+      }, 16, ["showArrow", "shouldStopPropagation", "disabled", "zIndex", "popperClass"])
     ], 512));
   }
-}, St = /* @__PURE__ */ ee(Xs, [["__scopeId", "data-v-fcff1d98"]]);
+}, St = /* @__PURE__ */ ee(Xs, [["__scopeId", "data-v-8edfd52c"]]);
 const Ys = {
   key: 0,
   class: "abl-header"
@@ -4540,13 +4544,13 @@ const Ys = {
     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" }), oe(n, (p) => {
-      s.value = [], f(p, t.value);
-    }, {
-      immediate: !0
+      s.value = [], _e(() => {
+        f(p, t.value);
+      });
     }), oe(t, (p) => {
-      s.value = [], f(n.value, p);
-    }, {
-      immediate: !0
+      s.value = [], _e(() => {
+        f(n.value, p);
+      });
     }), Ne(() => {
     }), ul(() => {
     });
@@ -4562,7 +4566,7 @@ const Ys = {
         };
         h(w) < y ? (b.span = Math.min(b.span, y - h(w)), k === m - 1 && (b.span = y - h(w)), w.push(b), k === m - 1 && s.value.push(w)) : (s.value.push(w), w = [b], k === m - 1 && (b.span = y, s.value.push(w)));
       }
-      a.bordered ? Ie(() => {
+      a.bordered ? _e(() => {
         s.value.forEach((k, b) => {
           k.forEach((g) => {
             const V = Array.from(g.element.children), M = V[0].cloneNode(!0);
@@ -4571,7 +4575,7 @@ const Ys = {
             L.colSpan = g.span * 2 - 1, v(L, a.contentStyle), v(L, JSON.parse(g.element.dataset.contentStyle)), o.value[b].appendChild(M), o.value[b].appendChild(L);
           });
         });
-      }) : Ie(() => {
+      }) : _e(() => {
         p.forEach((k, b) => {
           const g = Array.from(k.children), V = g[0];
           v(V, a.labelStyle), v(V, JSON.parse(k.dataset.labelStyle));
@@ -4639,7 +4643,7 @@ const Ys = {
       ], 2)
     ], 2));
   }
-}, ti = /* @__PURE__ */ ee(ei, [["__scopeId", "data-v-ca306867"]]);
+}, ti = /* @__PURE__ */ ee(ei, [["__scopeId", "data-v-3d8e7781"]]);
 const li = ["data-span", "data-label-style", "data-content-style"], ai = { class: "abl-label" }, ni = { class: "abl-content" }, oi = ["data-span", "data-label-style", "data-content-style"], si = { class: "abl-label-th" }, ii = { class: "abl-content-td" }, ri = {
   __name: "DescriptionsItem",
   props: {
@@ -4866,8 +4870,8 @@ const al = (e) => (ge("data-v-d7965b94"), e = e(), ye(), e), pi = {
       const q = "abl-range-mark", { modelValue: D, max: G, min: de } = t;
       let ce = Number(de), pe = Number(G);
       if (t.range) {
-        const [Ae, Oe] = D;
-        ce = Ae, pe = Oe;
+        const [Le, Oe] = D;
+        ce = Le, pe = Oe;
       } else
         pe = D;
       let Ee = S <= +pe && S >= ce;
@@ -4887,8 +4891,8 @@ const al = (e) => (ge("data-v-d7965b94"), e = e(), ye(), e), pi = {
       const { modelValue: q, max: D, min: G } = t;
       let de = Number(G), ce = Number(D);
       if (t.range) {
-        const [Ae, Oe] = q;
-        de = Ae, ce = Oe;
+        const [Le, Oe] = q;
+        de = Le, ce = Oe;
       }
       return {
         background: S <= ce && S >= de ? t.activeColor : t.inactiveColor
@@ -4907,8 +4911,8 @@ const al = (e) => (ge("data-v-d7965b94"), e = e(), ye(), e), pi = {
       t.vertical && (de = S.clientY - G.top, ce = G.height);
       const pe = Number(q) + de / ce * v.value;
       if (V(D)) {
-        const [Ee, Ae] = D, Oe = (Ee + Ae) / 2;
-        pe <= Oe ? (n.value = 0, H([pe, Ae], !0)) : (n.value = 1, H([Ee, pe], !0));
+        const [Ee, Le] = D, Oe = (Ee + Le) / 2;
+        pe <= Oe ? (n.value = 0, H([pe, Le], !0)) : (n.value = 1, H([Ee, pe], !0));
       } else
         H(pe, !0);
       setTimeout(() => {
@@ -5269,7 +5273,7 @@ const Ti = { class: "abl-breadcrumb" }, Di = {
     }
   },
   setup(e) {
-    return we("AblBreadcrumbKey", e), (t, l) => (r(), u("div", Ti, [
+    return xe("AblBreadcrumbKey", e), (t, l) => (r(), u("div", Ti, [
       R(t.$slots, "default", {}, void 0, !0)
     ]));
   }
@@ -5294,7 +5298,7 @@ const Hi = { class: "abl-breadcrumb__item" }, Wi = {
     }
   },
   setup(e) {
-    const a = Se("AblBreadcrumbKey", void 0), t = e, l = () => {
+    const a = Ve("AblBreadcrumbKey", void 0), t = e, l = () => {
       if (!t.to)
         return;
       const n = typeof t.to == "object" ? t.to.path : t.to;