abl-ui 0.1.24 → 0.1.26

package/lib/abl-ui.es.js

@@ -991,7 +991,7 @@ const $o = async (e, t, n) => {
   } = ht(d, o, a), h = o, m = {}, g = 0;
   for (let w = 0; w < r.length; w++) {
     const {
-      name: k,
+      name: S,
       fn: x
     } = r[w], {
       x: b,
@@ -1014,8 +1014,8 @@ const $o = async (e, t, n) => {
     });
     v = b ?? v, f = A ?? f, m = {
       ...m,
-      [k]: {
-        ...m[k],
+      [S]: {
+        ...m[S],
         ...C
       }
     }, _ && g <= 50 && (g++, typeof _ == "object" && (_.placement && (h = _.placement), _.rects && (d = _.rects === !0 ? await i.getElementRects({
@@ -1051,8 +1051,8 @@ async function Et(e, t) {
     elementContext: f = "floating",
     altBoundary: h = !1,
     padding: m = 0
-  } = Re(t, e), g = At(m), k = r[h ? f === "floating" ? "reference" : "floating" : f], x = De(await l.getClippingRect({
-    element: (n = await (l.isElement == null ? void 0 : l.isElement(k))) == null || n ? k : k.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
+  } = Re(t, e), g = At(m), S = r[h ? f === "floating" ? "reference" : "floating" : f], x = De(await l.getClippingRect({
+    element: (n = await (l.isElement == null ? void 0 : l.isElement(S))) == null || n ? S : S.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
     boundary: d,
     rootBoundary: v,
     strategy: a
@@ -1100,10 +1100,10 @@ const ko = (e) => ({
     const f = At(v), h = {
       x: n,
       y: o
-    }, m = it(s), g = at(m), w = await i.getDimensions(d), k = m === "y", x = k ? "top" : "left", b = k ? "bottom" : "right", A = k ? "clientHeight" : "clientWidth", C = l.reference[g] + l.reference[m] - h[m] - l.floating[g], _ = h[m] - l.reference[m], y = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
-    let S = y ? y[A] : 0;
-    (!S || !await (i.isElement == null ? void 0 : i.isElement(y))) && (S = r.floating[A] || l.floating[g]);
-    const O = C / 2 - _ / 2, F = S / 2 - w[g] / 2 - 1, E = Ce(f[x], F), z = Ce(f[b], F), L = E, M = S - w[g] - z, D = S / 2 - w[g] / 2 + O, W = Qe(L, D, M), X = !a.arrow && Oe(s) != null && D !== W && l.reference[g] / 2 - (D < L ? E : z) - w[g] / 2 < 0, J = X ? D < L ? D - L : D - M : 0;
+    }, m = it(s), g = at(m), w = await i.getDimensions(d), S = m === "y", x = S ? "top" : "left", b = S ? "bottom" : "right", A = S ? "clientHeight" : "clientWidth", C = l.reference[g] + l.reference[m] - h[m] - l.floating[g], _ = h[m] - l.reference[m], y = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
+    let k = y ? y[A] : 0;
+    (!k || !await (i.isElement == null ? void 0 : i.isElement(y))) && (k = r.floating[A] || l.floating[g]);
+    const O = C / 2 - _ / 2, F = k / 2 - w[g] / 2 - 1, E = Ce(f[x], F), z = Ce(f[b], F), L = E, M = k - w[g] - z, D = k / 2 - w[g] / 2 + O, W = Qe(L, D, M), X = !a.arrow && Oe(s) != null && D !== W && l.reference[g] / 2 - (D < L ? E : z) - w[g] / 2 < 0, J = X ? D < L ? D - L : D - M : 0;
     return {
       [m]: h[m] + J,
       data: {
@@ -1136,22 +1136,22 @@ const ko = (e) => ({
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: w = !0,
-        ...k
+        ...S
       } = Re(e, t);
       if ((n = l.arrow) != null && n.alignmentOffset)
         return {};
       const x = be(s), b = be(r) === r, A = await (a.isRTL == null ? void 0 : a.isRTL(d.floating)), C = h || (b || !w ? [Me(r)] : bo(r));
       !h && g !== "none" && C.push(...wo(r, w, g, A));
-      const _ = [r, ...C], y = await Et(t, k), S = [];
+      const _ = [r, ...C], y = await Et(t, S), k = [];
       let O = ((o = l.flip) == null ? void 0 : o.overflows) || [];
-      if (v && S.push(y[x]), f) {
+      if (v && k.push(y[x]), f) {
         const L = yo(s, i, A);
-        S.push(y[L[0]], y[L[1]]);
+        k.push(y[L[0]], y[L[1]]);
       }
       if (O = [...O, {
         placement: s,
-        overflows: S
-      }], !S.every((L) => L <= 0)) {
+        overflows: k
+      }], !k.every((L) => L <= 0)) {
         var F, E;
         const L = (((F = l.flip) == null ? void 0 : F.index) || 0) + 1, M = _[L];
         if (M)
@@ -1251,11 +1251,11 @@ const Lo = function(e) {
         mainAxis: l = !0,
         crossAxis: i = !1,
         limiter: r = {
-          fn: (k) => {
+          fn: (S) => {
             let {
               x,
               y: b
-            } = k;
+            } = S;
             return {
               x,
               y: b
@@ -1269,11 +1269,11 @@ const Lo = function(e) {
       }, v = await Et(t, a), f = Fe(be(s)), h = Lt(f);
       let m = d[h], g = d[f];
       if (l) {
-        const k = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", b = m + v[k], A = m - v[x];
+        const S = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", b = m + v[S], A = m - v[x];
         m = Qe(b, m, A);
       }
       if (i) {
-        const k = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", b = g + v[k], A = g - v[x];
+        const S = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", b = g + v[S], A = g - v[x];
         g = Qe(b, g, A);
       }
       const w = r.fn({
@@ -1429,8 +1429,8 @@ function _e(e, t, n, o) {
     const h = ee(l), m = o && ae(o) ? ee(o) : o;
     let g = h, w = g.frameElement;
     for (; w && o && m !== g; ) {
-      const k = $e(w), x = w.getBoundingClientRect(), b = ne(w), A = x.left + (w.clientLeft + parseFloat(b.paddingLeft)) * k.x, C = x.top + (w.clientTop + parseFloat(b.paddingTop)) * k.y;
-      a *= k.x, d *= k.y, v *= k.x, f *= k.y, a += A, d += C, g = ee(w), w = g.frameElement;
+      const S = $e(w), x = w.getBoundingClientRect(), b = ne(w), A = x.left + (w.clientLeft + parseFloat(b.paddingLeft)) * S.x, C = x.top + (w.clientTop + parseFloat(b.paddingTop)) * S.y;
+      a *= S.x, d *= S.y, v *= S.x, f *= S.y, a += A, d += C, g = ee(w), w = g.frameElement;
     }
   }
   return De({
@@ -1656,8 +1656,8 @@ function Uo(e, t) {
     } = e.getBoundingClientRect();
     if (r || t(), !f || !h)
       return;
-    const m = Te(v), g = Te(s.clientWidth - (d + f)), w = Te(s.clientHeight - (v + h)), k = Te(d), b = {
-      rootMargin: -m + "px " + -g + "px " + -w + "px " + -k + "px",
+    const m = Te(v), g = Te(s.clientWidth - (d + f)), w = Te(s.clientHeight - (v + h)), S = Te(d), b = {
+      rootMargin: -m + "px " + -g + "px " + -w + "px " + -S + "px",
       threshold: ge(0, Ce(1, a)) || 1
     };
     let A = !0;
@@ -1709,10 +1709,10 @@ function Ko(e, t, n, o) {
     })), n();
   }), d && !a && m.observe(d), m.observe(t));
   let g, w = a ? _e(e) : null;
-  a && k();
-  function k() {
+  a && S();
+  function S() {
     const x = _e(e);
-    w && (x.x !== w.x || x.y !== w.y || x.width !== w.width || x.height !== w.height) && n(), w = x, g = requestAnimationFrame(k);
+    w && (x.x !== w.x || x.y !== w.y || x.width !== w.width || x.height !== w.height) && n(), w = x, g = requestAnimationFrame(S);
   }
   return n(), () => {
     var x;
@@ -1861,7 +1861,7 @@ const es = ["data-side"], Mt = /* @__PURE__ */ Pe({
     } = Qo({ hover: a }), {
       x: g,
       y: w,
-      contentRef: k,
+      contentRef: S,
       middlewareData: x
     } = Zo({ middleware: l, placement: i, strategy: r }, v), b = T(() => i.value.split("-")[0]), A = T(() => ({ left: g.value + "px", top: w.value + "px" })), C = T(() => {
       if (!n.showArrow)
@@ -1895,7 +1895,7 @@ const es = ["data-side"], Mt = /* @__PURE__ */ Pe({
             Z(f) ? (u(), p("div", {
               key: 0,
               ref_key: "contentRef",
-              ref: k,
+              ref: S,
               class: R(["abl-popper", `is-${e.effect}`, e.popperClass]),
               style: V(A.value),
               "data-side": b.value,
@@ -2016,7 +2016,7 @@ const ts = ["innerHTML"], Dt = /* @__PURE__ */ Pe({
         type: String,
         default: ""
       }
-    }, i = Gt(), r = $(), a = (w, k) => k.reduce((x, b) => (x[b] = w[b], x), {}), d = T(() => ({ ...i, ...a(n, Object.keys(l)) })), f = (() => {
+    }, i = Gt(), r = $(), a = (w, S) => S.reduce((x, b) => (x[b] = w[b], x), {}), d = T(() => ({ ...i, ...a(n, Object.keys(l)) })), f = (() => {
       const w = Yt();
       return T(() => {
         if (w != null && w.slots.default) {
@@ -2038,7 +2038,7 @@ const ts = ["innerHTML"], Dt = /* @__PURE__ */ Pe({
       update: h,
       open: m,
       close: g
-    }), (w, k) => (u(), te(Mt, ye({
+    }), (w, S) => (u(), te(Mt, ye({
       ref_key: "popperRef",
       ref: r
     }, d.value, { nowrap: Z(f) }), {
@@ -2601,7 +2601,7 @@ const Ns = /* @__PURE__ */ c("div", {
       return E = Math.round(E * W), z = Math.round(z * W), (E + z) / W;
     }, w = (E) => {
       l.value[E] = !0;
-    }, k = (E) => {
+    }, S = (E) => {
       i.value = (i.value + 1) % s.value;
     }, x = (E) => {
       i.value = (i.value - 1 + s.value) % s.value;
@@ -2615,7 +2615,7 @@ const Ns = /* @__PURE__ */ c("div", {
       h.value += 90;
     }, y = () => {
       h.value = 0, r.value = 1, v.value = 0, f.value = 0;
-    }, S = (E) => {
+    }, k = (E) => {
       console.log("e====", E);
       const z = E.target, { top: L, left: M, right: D, bottom: W } = z.getBoundingClientRect(), X = document.documentElement.clientWidth, J = document.documentElement.clientHeight;
       a.value = E.clientX, d.value = E.clientY;
@@ -2663,7 +2663,7 @@ const Ns = /* @__PURE__ */ c("div", {
                     class: "abl-image-preview__img",
                     style: V(`transform: scale3d(${r.value}, ${r.value}, 1) rotate(${h.value}deg);`),
                     onLoad: (D) => w(M),
-                    onMousedown: z[0] || (z[0] = P((D) => S(D), ["prevent"])),
+                    onMousedown: z[0] || (z[0] = P((D) => k(D), ["prevent"])),
                     onClick: z[1] || (z[1] = P(() => {
                     }, ["stop"]))
                   }, null, 44, Ds),
@@ -2682,7 +2682,7 @@ const Ns = /* @__PURE__ */ c("div", {
                 }, Ws),
                 c("div", {
                   class: "abl-image-preview__btn abl-image-preview__next",
-                  onClick: P(k, ["stop"])
+                  onClick: P(S, ["stop"])
                 }, qs)
               ], 64)) : B("", !0),
               c("div", {
@@ -3747,7 +3747,7 @@ const Il = /* @__PURE__ */ c("svg", {
     document.removeEventListener("click", n);
   }), t;
 };
-const Ol = (e) => (ie("data-v-383b92e8"), e = e(), re(), e), Vl = ["onClick"], Tl = {
+const Ol = (e) => (ie("data-v-345cb48d"), e = e(), re(), e), Vl = ["onClick"], Tl = {
   focusable: "false",
   "data-icon": "caret-up",
   width: "1em",
@@ -3810,15 +3810,18 @@ const Ol = (e) => (ie("data-v-383b92e8"), e = e(), re(), e), Vl = ["onClick"], T
   setup(e, { emit: t }) {
     var _;
     const n = t, o = St(), s = typeof window < "u" && typeof document < "u", l = e, i = $([]);
-    i.value = (_ = o.default()) == null ? void 0 : _.map(({ props: y }) => {
-      if (y) {
-        const { title: S, disabled: O } = y;
+    i.value = (_ = o.default()) == null ? void 0 : _.map((y) => {
+      console.log("node===", y), console.log(y.type.__name);
+      const { props: k } = y;
+      if (k) {
+        console.log("props", k);
+        const { title: O, disabled: F } = k;
         return {
-          title: S,
-          disabled: O
+          title: O,
+          disabled: F
         };
       }
-    });
+    }), console.log("menuList.value", i.value);
     const r = $(), a = $(), d = $(!1), v = $(0), f = $(""), h = $(!1), m = (y) => typeof y == "number" ? y + "px" : y;
     me(
       () => d.value,
@@ -3830,21 +3833,21 @@ const Ol = (e) => (ie("data-v-383b92e8"), e = e(), re(), e), Vl = ["onClick"], T
         immediate: !0
       }
     );
-    const g = (y, S) => {
-      if (!i.value[S].disabled) {
-        if (S === f.value && l.closeOnClickSelf) {
-          k(), setTimeout(() => {
-            a.value.children[S].style.display = "none";
+    const g = (y, k) => {
+      if (!i.value[k].disabled) {
+        if (k === f.value && l.closeOnClickSelf) {
+          S(), setTimeout(() => {
+            a.value.children[k].style.display = "none";
           }, l.duration);
           return;
         }
-        h.value = !0, w(S);
+        h.value = !0, w(k);
       }
     }, w = async (y) => {
-      v.value <= 0 && await x(), d.value = !0, f.value = y, console.log("index", y), console.log("childrenRef.value", a.value.children), Array.from(a.value.children).map((S, O) => {
+      v.value <= 0 && await x(), d.value = !0, f.value = y, console.log("index", y), console.log("childrenRef.value", a.value.children), Array.from(a.value.children).map((k, O) => {
         O === y ? a.value.children[O].style.display = "block" : a.value.children[O].style.display = "none";
       }), n("open", f.value);
-    }, k = () => {
+    }, S = () => {
       d.value = !1, f.value = 99999, setTimeout(() => {
         h.value = !1;
       }, 300);
@@ -3852,20 +3855,20 @@ const Ol = (e) => (ie("data-v-383b92e8"), e = e(), re(), e), Vl = ["onClick"], T
       var O;
       if (!s)
         return;
-      const { top: y, bottom: S } = (O = r == null ? void 0 : r.value) == null ? void 0 : O.getBoundingClientRect();
-      S > 0 && (v.value = S - 1);
+      const { top: y, bottom: k } = (O = r == null ? void 0 : r.value) == null ? void 0 : O.getBoundingClientRect();
+      k > 0 && (v.value = k - 1);
     }, b = () => {
-      l.closeOnClickMask && k();
+      l.closeOnClickMask && S();
     }, A = de({
       ...Be(l),
-      onClose: k,
+      onClose: S,
       current: f
     }), C = Rl(() => {
-      h.value && k();
+      h.value && S();
     });
     return ke(Pl, A), we(() => {
       x();
-    }), (y, S) => (u(), p("div", {
+    }), (y, k) => (u(), p("div", {
       class: "abl-dropdown",
       ref_key: "root",
       ref: C
@@ -3910,7 +3913,7 @@ const Ol = (e) => (ie("data-v-383b92e8"), e = e(), re(), e), Vl = ["onClick"], T
           }
         ]),
         onClick: b,
-        onTouchmove: S[1] || (S[1] = P(() => {
+        onTouchmove: k[1] || (k[1] = P(() => {
         }, ["prevent"]))
       }, [
         Q(oe, { name: "fade-mask" }, {
@@ -3924,7 +3927,7 @@ const Ol = (e) => (ie("data-v-383b92e8"), e = e(), re(), e), Vl = ["onClick"], T
         Q(oe, { name: "slide-top" }, {
           default: K(() => [
             U(c("div", {
-              onTouchmove: S[0] || (S[0] = P(() => {
+              onTouchmove: k[0] || (k[0] = P(() => {
               }, ["prevent"])),
               class: "abl-dropdown__content",
               ref_key: "childrenRef",
@@ -3942,7 +3945,7 @@ const Ol = (e) => (ie("data-v-383b92e8"), e = e(), re(), e), Vl = ["onClick"], T
       ])
     ], 512));
   }
-}, Fl = /* @__PURE__ */ q(Hl, [["__scopeId", "data-v-383b92e8"]]);
+}, Fl = /* @__PURE__ */ q(Hl, [["__scopeId", "data-v-345cb48d"]]);
 const Wl = (e) => (ie("data-v-046e593c"), e = e(), re(), e), jl = ["active"], ql = { class: "abl-dropdown-item__options" }, Ul = {
   class: "icon",
   style: { width: "1em", height: "1em", "vertical-align": "middle", fill: "currentColor", overflow: "hidden" },
@@ -4100,7 +4103,7 @@ const na = {
     function w() {
       d.value = o.clearable && v.value;
     }
-    function k() {
+    function S() {
       d.value = !1;
     }
     return t({
@@ -4120,7 +4123,7 @@ const na = {
       c("div", {
         class: R(["abl-input__wrapper", { "is-focus": i.value }]),
         onMouseenter: w,
-        onMouseleave: k
+        onMouseleave: S
       }, [
         x.$slots.prefix || e.prefixIcon ? (u(), p("span", na, [
           I(x.$slots, "prefix", {}, void 0, !0),
@@ -4322,8 +4325,8 @@ const ut = (e) => (ie("data-v-f9427f11"), e = e(), re(), e), ba = { class: "abl-
       const _ = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
       return _.test(C) || y.test(C);
     }, v = (C, _) => {
-      var S;
-      const y = (S = C.dataTransfer) == null ? void 0 : S.files;
+      var k;
+      const y = (k = C.dataTransfer) == null ? void 0 : k.files;
       if (y != null && y.length) {
         const O = y.length;
         for (let F = 0; F < O && _ + F <= n.maxCount; F++)
@@ -4335,35 +4338,35 @@ const ut = (e) => (ie("data-v-f9427f11"), e = e(), re(), e), ba = { class: "abl-
     }, h = (C, _) => {
       const y = C.target.files;
       if (y != null && y.length) {
-        const S = y.length;
-        for (let O = 0; O < S && _ + O < n.maxCount; O++)
+        const k = y.length;
+        for (let O = 0; O < k && _ + O < n.maxCount; O++)
           g(y[O], _ + O);
         i.value[_].value = "";
       }
     }, m = t, g = function(C, _) {
-      n.beforeUpload(C) ? (n.maxCount > s.value && s.value++, n.uploadMode === "base64" && (l.value[_] = !0, w(C, _)), n.uploadMode === "custom" && (l.value[_] = !0, k(C, _))) : le(() => {
+      n.beforeUpload(C) ? (n.maxCount > s.value && s.value++, n.uploadMode === "base64" && (l.value[_] = !0, w(C, _)), n.uploadMode === "custom" && (l.value[_] = !0, S(C, _))) : le(() => {
         A(n.errorInfo);
       });
     }, w = (C, _) => {
       var y = new FileReader();
-      y.readAsDataURL(C), y.onloadstart = function(S) {
-        console.log("开始读取 onloadstart:", S);
-      }, y.onabort = function(S) {
-        console.log("读取中止 onabort:", S);
-      }, y.onerror = function(S) {
-        console.log("读取错误 onerror:", S);
-      }, y.onprogress = function(S) {
-        S.loaded === S.total && (l.value[_] = !1);
-      }, y.onload = function(S) {
+      y.readAsDataURL(C), y.onloadstart = function(k) {
+        console.log("开始读取 onloadstart:", k);
+      }, y.onabort = function(k) {
+        console.log("读取中止 onabort:", k);
+      }, y.onerror = function(k) {
+        console.log("读取错误 onerror:", k);
+      }, y.onprogress = function(k) {
+        k.loaded === k.total && (l.value[_] = !1);
+      }, y.onload = function(k) {
         var O;
         o.value.push({
           name: C.name,
-          url: (O = S.target) == null ? void 0 : O.result
+          url: (O = k.target) == null ? void 0 : O.result
         }), m("update:fileList", o.value), m("change", o.value);
-      }, y.onloadend = function(S) {
-        console.log("读取结束 onloadend:", S);
+      }, y.onloadend = function(k) {
+        console.log("读取结束 onloadend:", k);
       };
-    }, k = (C, _) => {
+    }, S = (C, _) => {
       n.customRequest(C).then((y) => {
         o.value.push(y), m("update:fileList", o.value), m("change", o.value);
       }).catch((y) => {
@@ -4373,7 +4376,7 @@ const ut = (e) => (ie("data-v-f9427f11"), e = e(), re(), e), ba = { class: "abl-
       });
     }, x = (C, _) => {
       if (d(_)) {
-        const y = o.value.slice(0, C).filter((S) => !d(S.url));
+        const y = o.value.slice(0, C).filter((k) => !d(k.url));
         r.value[C - y.length].onPreview();
       } else
         window.open(_);
@@ -4396,8 +4399,8 @@ const ut = (e) => (ie("data-v-f9427f11"), e = e(), re(), e), ba = { class: "abl-
             }, ["stop", "prevent"])),
             onDragover: _[2] || (_[2] = P(() => {
             }, ["stop", "prevent"])),
-            onDrop: P((S) => e.disabled ? () => !1 : v(S, y - 1), ["stop", "prevent"]),
-            onClick: (S) => e.disabled ? () => !1 : f(y - 1)
+            onDrop: P((k) => e.disabled ? () => !1 : v(k, y - 1), ["stop", "prevent"]),
+            onClick: (k) => e.disabled ? () => !1 : f(y - 1)
           }, [
             c("input", {
               ref_for: !0,
@@ -4408,7 +4411,7 @@ const ut = (e) => (ie("data-v-f9427f11"), e = e(), re(), e), ba = { class: "abl-
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
-              onChange: (S) => h(S, y - 1),
+              onChange: (k) => h(k, y - 1),
               style: { display: "none" }
             }, null, 40, xa),
             c("div", null, [
@@ -4448,12 +4451,12 @@ const ut = (e) => (ie("data-v-f9427f11"), e = e(), re(), e), ba = { class: "abl-
               c("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: (S) => x(y - 1, o.value[y - 1].url)
+                onClick: (k) => x(y - 1, o.value[y - 1].url)
               }, Ia, 8, Aa),
               U(c("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: P((S) => b(y - 1), ["prevent", "stop"])
+                onClick: P((k) => b(y - 1), ["prevent", "stop"])
               }, Ra, 8, za), [
                 [Y, !e.disabled]
               ])
@@ -4527,7 +4530,7 @@ const Ta = (e) => (ie("data-v-0824ca71"), e = e(), re(), e), Na = { class: "abl-
       list: n == null ? void 0 : n.options
     }), m = $(!1), g = $(
       n.search && a.value === "focus" && m.value
-    ), w = $(n.disabled), k = $(n.mode === "tag"), x = $(""), b = de(
+    ), w = $(n.disabled), S = $(n.mode === "tag"), x = $(""), b = de(
       (F = n == null ? void 0 : n.options) == null ? void 0 : F.filter((E) => E.selected === !0)
     ), A = (E) => {
       if (!g.value)
@@ -4565,7 +4568,7 @@ const Ta = (e) => (ie("data-v-0824ca71"), e = e(), re(), e), Na = { class: "abl-
     }, y = () => {
       var E;
       (E = r.value) == null || E.focus(), !g.value && a.value === "focus" && b.length > 0 && (b.pop(), o("changeSelect", Ge(b)));
-    }, S = (E) => {
+    }, k = (E) => {
       var L;
       (L = r.value) == null || L.focus();
       const z = b.findIndex((M) => M.value === E.value);
@@ -4622,7 +4625,7 @@ const Ta = (e) => (ie("data-v-0824ca71"), e = e(), re(), e), Na = { class: "abl-
             c("div", Na, [
               c("div", Ma, [
                 U(c("div", Da, [
-                  k.value ? (u(), p("div", Pa, [
+                  S.value ? (u(), p("div", Pa, [
                     (u(!0), p(H, null, G(b, (L) => (u(), p("div", {
                       class: "abl-select-tag",
                       key: L.value
@@ -4630,7 +4633,7 @@ const Ta = (e) => (ie("data-v-0824ca71"), e = e(), re(), e), Na = { class: "abl-
                       j(N(L.name) + " ", 1),
                       c("span", {
                         class: "abl-select-tag-close",
-                        onClick: P((M) => S(L), ["stop"])
+                        onClick: P((M) => k(L), ["stop"])
                       }, "x", 8, Ha)
                     ]))), 128))
                   ])) : (u(), p("span", Fa, N(l.value), 1))
@@ -4724,22 +4727,22 @@ const Ga = { class: "abl-header" }, Ya = { class: "abl-title" }, Xa = { class: "
       n.value = document.documentElement.clientWidth;
     }
     function f(g, w) {
-      const k = g.length;
+      const S = g.length;
       let x = [];
-      for (let b = 0; b < k; b++) {
+      for (let b = 0; b < S; b++) {
         const A = {
           span: Math.min(g[b].dataset.span, w),
           element: g[b]
         };
-        h(x) < w ? (A.span = Math.min(A.span, w - h(x)), b === k - 1 && (A.span = w - h(x)), x.push(A), b === k - 1 && a.value.push(x)) : (a.value.push(x), x = [A], b === k - 1 && (A.span = w, a.value.push(x)));
+        h(x) < w ? (A.span = Math.min(A.span, w - h(x)), b === S - 1 && (A.span = w - h(x)), x.push(A), b === S - 1 && a.value.push(x)) : (a.value.push(x), x = [A], b === S - 1 && (A.span = w, a.value.push(x)));
       }
       t.bordered ? le(() => {
         a.value.forEach((b, A) => {
           b.forEach((C) => {
             const _ = Array.from(C.element.children), y = _[0].cloneNode(!0);
             y.colSpan = 1, m(y, t.labelStyle), m(y, JSON.parse(C.element.dataset.labelStyle));
-            const S = _[1].cloneNode(!0);
-            S.colSpan = C.span * 2 - 1, m(S, t.contentStyle), m(S, JSON.parse(C.element.dataset.contentStyle)), r.value[A].appendChild(y), r.value[A].appendChild(S);
+            const k = _[1].cloneNode(!0);
+            k.colSpan = C.span * 2 - 1, m(k, t.contentStyle), m(k, JSON.parse(C.element.dataset.contentStyle)), r.value[A].appendChild(y), r.value[A].appendChild(k);
           });
         });
       }) : le(() => {
@@ -4752,11 +4755,11 @@ const Ga = { class: "abl-header" }, Ya = { class: "abl-title" }, Xa = { class: "
       });
     }
     function h(g) {
-      return g.reduce((w, k) => w + k.span, 0);
+      return g.reduce((w, S) => w + S.span, 0);
     }
     function m(g, w) {
-      JSON.stringify(w) !== "{}" && Object.keys(w).forEach((k) => {
-        g.style[k] = w[k];
+      JSON.stringify(w) !== "{}" && Object.keys(w).forEach((S) => {
+        g.style[S] = w[S];
       });
     }
     return (g, w) => (u(), p("div", {
@@ -4787,16 +4790,16 @@ const Ga = { class: "abl-header" }, Ya = { class: "abl-title" }, Xa = { class: "
       }, [
         c("table", null, [
           e.bordered ? (u(), p("tbody", Qa, [
-            d.value ? (u(!0), p(H, { key: 0 }, G(d.value, (k) => (u(), p("tr", {
+            d.value ? (u(!0), p(H, { key: 0 }, G(d.value, (S) => (u(), p("tr", {
               ref_for: !0,
               ref_key: "rows",
               ref: r,
               class: "tr-bordered",
-              key: k
+              key: S
             }))), 128)) : B("", !0)
           ])) : (u(), p("tbody", Ja, [
-            (u(!0), p(H, null, G(a.value, (k, x) => (u(), p("tr", { key: x }, [
-              (u(!0), p(H, null, G(k, (b, A) => (u(), p("td", {
+            (u(!0), p(H, null, G(a.value, (S, x) => (u(), p("tr", { key: x }, [
+              (u(!0), p(H, null, G(S, (b, A) => (u(), p("td", {
                 ref_for: !0,
                 ref_key: "cols",
                 ref: i,