abl-ui 0.2.37 → 0.2.38

package/lib/abl-ui.es.js

@@ -166,11 +166,11 @@ const En = { class: "abl-tabs" }, Vn = {
     const n = t, o = Ye(), a = e, s = _({}), r = _(), i = _([]), l = _(), d = _(a.modelValue), b = _(!1), f = _(!1), h = _(!0);
     i.value = (x = o.default()) == null ? void 0 : x.map(({ props: p }) => {
       if (p) {
-        const { title: k, value: A, icon: C } = p;
+        const { title: k, value: A, icon: S } = p;
         return {
           title: k,
           value: A,
-          icon: C
+          icon: S
         };
       }
     }), Me("active", d);
@@ -200,50 +200,54 @@ const En = { class: "abl-tabs" }, Vn = {
       k.scrollWidth > k.clientWidth ? b.value = !0 : b.value = !1, k.addEventListener("scroll", function(A) {
         A.target.scrollLeft + A.target.offsetWidth >= A.target.scrollWidth - 1 && (h.value = !1, f.value = !0), A.target.scrollLeft == 0 && (h.value = !0, f.value = !1);
       });
-    }), (p, k) => (u(), v("div", En, [
-      c("div", Vn, [
-        F(c("i", {
-          class: B([f.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1"]),
-          onClick: w
-        }, null, 2), [
-          [G, b.value]
-        ]),
-        c("header", Rn, [
-          (u(!0), v(j, null, ee(i.value, (A) => (u(), v("div", {
-            ref_for: !0,
-            ref_key: "tabs",
-            ref: r,
-            key: A.title,
-            class: B("header-btn"),
-            onClick: (C) => g(C, A.value)
-          }, [
-            c("i", {
-              class: B(["iconfont-abl tab-icon", A.icon])
-            }, null, 2),
-            Y(" " + T(A.title), 1)
-          ], 8, In))), 128)),
-          c("div", {
-            class: "bottom-line",
-            style: O(s.value)
-          }, null, 4)
+    }), (p, k) => {
+      var A;
+      return u(), v("div", En, [
+        c("div", Vn, [
+          F(c("i", {
+            class: B([f.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1"]),
+            onClick: w
+          }, null, 2), [
+            [G, b.value]
+          ]),
+          c("header", Rn, [
+            (u(!0), v(j, null, ee(i.value, (S) => (u(), v("div", {
+              ref_for: !0,
+              ref_key: "tabs",
+              ref: r,
+              key: S.title,
+              class: B("header-btn"),
+              onClick: (C) => g(C, S.value)
+            }, [
+              c("i", {
+                class: B(["iconfont-abl tab-icon", S.icon])
+              }, null, 2),
+              Y(" " + T(S.title), 1)
+            ], 8, In))), 128)),
+            (A = s.value) != null && A.width ? (u(), v("div", {
+              key: 0,
+              class: "bottom-line",
+              style: O(s.value)
+            }, null, 4)) : E("", !0)
+          ]),
+          F(c("i", {
+            class: B([h.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou"]),
+            onClick: m
+          }, null, 2), [
+            [G, b.value]
+          ])
         ]),
-        F(c("i", {
-          class: B([h.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou"]),
-          onClick: m
-        }, null, 2), [
-          [G, b.value]
-        ])
-      ]),
-      c("main", {
-        ref_key: "ref_main",
-        ref: l,
-        class: "tab-content"
-      }, [
-        R(p.$slots, "default", {}, void 0, !0)
-      ], 512)
-    ]));
+        c("main", {
+          ref_key: "ref_main",
+          ref: l,
+          class: "tab-content"
+        }, [
+          R(p.$slots, "default", {}, void 0, !0)
+        ], 512)
+      ]);
+    };
   }
-}, Tn = /* @__PURE__ */ J(On, [["__scopeId", "data-v-8f6479f8"]]), Nn = (e) => (he("data-v-9ebed9dd"), e = e(), pe(), e), Mn = /* @__PURE__ */ Nn(() => /* @__PURE__ */ c("span", { class: "abl-switch__core" }, null, -1)), Dn = [
+}, Tn = /* @__PURE__ */ J(On, [["__scopeId", "data-v-f3748101"]]), Nn = (e) => (he("data-v-9ebed9dd"), e = e(), pe(), e), Mn = /* @__PURE__ */ Nn(() => /* @__PURE__ */ c("span", { class: "abl-switch__core" }, null, -1)), Dn = [
   Mn
 ], Pn = {
   name: "AblSwitch"
@@ -1100,8 +1104,8 @@ const No = async (e, t, n) => {
     } = i[w], {
       x: k,
       y: A,
-      data: C,
-      reset: S
+      data: S,
+      reset: C
     } = await p({
       x: b,
       y: f,
@@ -1120,13 +1124,13 @@ const No = async (e, t, n) => {
       ...g,
       [x]: {
         ...g[x],
-        ...C
+        ...S
       }
-    }, S && m <= 50 && (m++, typeof S == "object" && (S.placement && (h = S.placement), S.rects && (d = S.rects === !0 ? await r.getElementRects({
+    }, C && m <= 50 && (m++, typeof C == "object" && (C.placement && (h = C.placement), C.rects && (d = C.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: a
-    }) : S.rects), {
+    }) : C.rects), {
       x: b,
       y: f
     } = _t(d, h, l)), w = -1);
@@ -1164,23 +1168,23 @@ async function Dt(e, t) {
     ...r.floating,
     x: o,
     y: a
-  } : r.reference, A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), C = await (s.isElement == null ? void 0 : s.isElement(A)) ? await (s.getScale == null ? void 0 : s.getScale(A)) || {
+  } : r.reference, A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), S = await (s.isElement == null ? void 0 : s.isElement(A)) ? await (s.getScale == null ? void 0 : s.getScale(A)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, S = Xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, C = Xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: k,
     offsetParent: A,
     strategy: l
   }) : k);
   return {
-    top: (p.top - S.top + m.top) / C.y,
-    bottom: (S.bottom - p.bottom + m.bottom) / C.y,
-    left: (p.left - S.left + m.left) / C.x,
-    right: (S.right - p.right + m.right) / C.x
+    top: (p.top - C.top + m.top) / S.y,
+    bottom: (C.bottom - p.bottom + m.bottom) / S.y,
+    left: (p.left - C.left + m.left) / S.x,
+    right: (C.right - p.right + m.right) / S.x
   };
 }
 const Mo = (e) => ({
@@ -1204,10 +1208,10 @@ const Mo = (e) => ({
     const f = Mt(b), h = {
       x: n,
       y: o
-    }, g = pt(a), m = ht(g), w = await r.getDimensions(d), x = g === "y", p = x ? "top" : "left", k = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", C = s.reference[m] + s.reference[g] - h[g] - s.floating[m], S = h[g] - s.reference[g], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d));
+    }, g = pt(a), m = ht(g), w = await r.getDimensions(d), x = g === "y", p = x ? "top" : "left", k = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", S = s.reference[m] + s.reference[g] - h[g] - s.floating[m], C = h[g] - s.reference[g], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d));
     let L = y ? y[A] : 0;
     (!L || !await (r.isElement == null ? void 0 : r.isElement(y))) && (L = i.floating[A] || s.floating[m]);
-    const M = C / 2 - S / 2, q = L / 2 - w[m] / 2 - 1, z = Ve(f[p], q), V = Ve(f[k], q), I = z, W = L - w[m] - V, U = L / 2 - w[m] / 2 + M, X = lt(I, U, W), Z = !l.arrow && We(a) != null && U !== X && s.reference[m] / 2 - (U < I ? z : V) - w[m] / 2 < 0, Q = Z ? U < I ? U - I : U - W : 0;
+    const M = S / 2 - C / 2, q = L / 2 - w[m] / 2 - 1, z = Ve(f[p], q), V = Ve(f[k], q), I = z, W = L - w[m] - V, U = L / 2 - w[m] / 2 + M, X = lt(I, U, W), Z = !l.arrow && We(a) != null && U !== X && s.reference[m] / 2 - (U < I ? z : V) - w[m] / 2 < 0, Q = Z ? U < I ? U - I : U - W : 0;
     return {
       [g]: h[g] + Q,
       data: {
@@ -1244,9 +1248,9 @@ const Mo = (e) => ({
       } = He(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const p = Ce(a), k = Ce(i) === i, A = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), C = h || (k || !w ? [Ue(i)] : Ro(i));
-      !h && m !== "none" && C.push(...Oo(i, w, m, A));
-      const S = [i, ...C], y = await Dt(t, x), L = [];
+      const p = Ce(a), k = Ce(i) === i, A = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), S = h || (k || !w ? [Ue(i)] : Ro(i));
+      !h && m !== "none" && S.push(...Oo(i, w, m, A));
+      const C = [i, ...S], y = await Dt(t, x), L = [];
       let M = ((o = s.flip) == null ? void 0 : o.overflows) || [];
       if (b && L.push(y[p]), f) {
         const I = Vo(a, r, A);
@@ -1257,7 +1261,7 @@ const Mo = (e) => ({
         overflows: L
       }], !L.every((I) => I <= 0)) {
         var q, z;
-        const I = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, W = S[I];
+        const I = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, W = C[I];
         if (W)
           return {
             data: {
@@ -1533,8 +1537,8 @@ function Le(e, t, n, o) {
     const h = se(s), g = o && ge(o) ? se(o) : o;
     let m = h, w = m.frameElement;
     for (; w && o && g !== m; ) {
-      const x = ze(w), p = w.getBoundingClientRect(), k = de(w), A = p.left + (w.clientLeft + parseFloat(k.paddingLeft)) * x.x, C = p.top + (w.clientTop + parseFloat(k.paddingTop)) * x.y;
-      l *= x.x, d *= x.y, b *= x.x, f *= x.y, l += A, d += C, m = se(w), w = m.frameElement;
+      const x = ze(w), p = w.getBoundingClientRect(), k = de(w), A = p.left + (w.clientLeft + parseFloat(k.paddingLeft)) * x.x, S = p.top + (w.clientTop + parseFloat(k.paddingTop)) * x.y;
+      l *= x.x, d *= x.y, b *= x.x, f *= x.y, l += A, d += S, m = se(w), w = m.frameElement;
     }
   }
   return Xe({
@@ -1765,8 +1769,8 @@ function la(e, t) {
       threshold: Se(0, Ve(1, l)) || 1
     };
     let A = !0;
-    function C(S) {
-      const y = S[0].intersectionRatio;
+    function S(C) {
+      const y = C[0].intersectionRatio;
       if (y !== l) {
         if (!A)
           return r();
@@ -1777,13 +1781,13 @@ function la(e, t) {
       A = !1;
     }
     try {
-      n = new IntersectionObserver(C, {
+      n = new IntersectionObserver(S, {
         ...k,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(C, k);
+      n = new IntersectionObserver(S, k);
     }
     n.observe(e);
   }
@@ -1956,7 +1960,7 @@ const ha = ["data-side"], Yt = {
       y: x,
       contentRef: p,
       middlewareData: k
-    } = ua({ middleware: a, placement: s, strategy: r }, h), A = N(() => s.value.split("-")[0]), C = N(() => ({ left: w.value + "px", top: x.value + "px" })), S = N(() => {
+    } = ua({ middleware: a, placement: s, strategy: r }, h), A = N(() => s.value.split("-")[0]), S = N(() => ({ left: w.value + "px", top: x.value + "px" })), C = N(() => {
       if (!n.showArrow)
         return {};
       const { arrow: y } = ne(k);
@@ -1978,7 +1982,7 @@ const ha = ["data-side"], Yt = {
               ref_key: "contentRef",
               ref: p,
               class: B(["abl-popper", `is-${e.effect}`, e.popperClass]),
-              style: O(C.value),
+              style: O(S.value),
               "data-side": A.value,
               onMousedown: L[0] || (L[0] = H(() => {
               }, ["stop"]))
@@ -1991,7 +1995,7 @@ const ha = ["data-side"], Yt = {
                 ref_key: "arrowRef",
                 ref: o,
                 class: "abl-popper__arrow",
-                style: O(S.value)
+                style: O(C.value)
               }, null, 4)) : E("", !0)
             ], 46, ha)) : E("", !0)
           ]),
@@ -2680,9 +2684,9 @@ const Ka = /* @__PURE__ */ c("div", {
       i.value + o.zoomRate > o.maxScale ? i.value = o.maxScale : i.value = m(i.value, o.zoomRate);
     }, A = () => {
       i.value - o.zoomRate < o.minScale ? i.value = o.minScale : i.value = m(i.value, -o.zoomRate);
-    }, C = () => {
-      h.value -= 90;
     }, S = () => {
+      h.value -= 90;
+    }, C = () => {
       h.value += 90;
     }, y = () => {
       h.value = 0, i.value = 1, b.value = 0, f.value = 0;
@@ -2781,11 +2785,11 @@ const Ka = /* @__PURE__ */ c("div", {
                   }, hs),
                   c("i", {
                     class: "abl-icon",
-                    onClick: C
+                    onClick: S
                   }, vs),
                   c("i", {
                     class: "abl-icon",
-                    onClick: S
+                    onClick: C
                   }, gs)
                 ])
               ])
@@ -3884,9 +3888,9 @@ const Us = (e) => (he("data-v-b0efe321"), e = e(), pe(), e), Xs = ["onClick"], Y
   },
   emits: ["open", "close"],
   setup(e, { emit: t }) {
-    var S;
+    var C;
     const n = t, o = Ye(), a = typeof window < "u" && typeof document < "u", s = e, r = _([]);
-    (S = o.default()) == null || S.forEach((y) => {
+    (C = o.default()) == null || C.forEach((y) => {
       const { props: L } = y;
       if (L) {
         const { title: M, disabled: q } = L;
@@ -3937,7 +3941,7 @@ const Us = (e) => (he("data-v-b0efe321"), e = e(), pe(), e), Xs = ["onClick"], Y
       ...De(s),
       onClose: x,
       current: f
-    }), C = qs(() => {
+    }), S = qs(() => {
       h.value && x();
     });
     return Me(Zs, A), xe(() => {
@@ -3945,7 +3949,7 @@ const Us = (e) => (he("data-v-b0efe321"), e = e(), pe(), e), Xs = ["onClick"], Y
     }), (y, L) => (u(), v("div", {
       class: "abl-dropdown",
       ref_key: "root",
-      ref: C
+      ref: S
     }, [
       c("div", {
         class: "abl-dropdown-menu",
@@ -4408,73 +4412,73 @@ const bt = (e) => (he("data-v-12e7e74b"), e = e(), pe(), e), Rl = { class: "abl-
     function l() {
       o.value = [...n.fileList], o.value.length > n.maxCount && o.value.splice(n.maxCount), n.disabled ? a.value = o.value.length : o.value.length < n.maxCount ? a.value = n.fileList.length + 1 : a.value = n.maxCount;
     }
-    const d = (C) => {
-      const S = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
-      return S.test(C) || y.test(C);
-    }, b = (C, S) => {
+    const d = (S) => {
+      const C = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
+      return C.test(S) || y.test(S);
+    }, b = (S, C) => {
       var L;
-      const y = (L = C.dataTransfer) == null ? void 0 : L.files;
+      const y = (L = S.dataTransfer) == null ? void 0 : L.files;
       if (y != null && y.length) {
         const M = y.length;
-        for (let q = 0; q < M && S + q <= n.maxCount; q++)
-          m(y[q], S + q);
-        r.value[S].value = "";
+        for (let q = 0; q < M && C + q <= n.maxCount; q++)
+          m(y[q], C + q);
+        r.value[C].value = "";
       }
-    }, f = (C) => {
-      r.value[C].click();
-    }, h = (C, S) => {
-      const y = C.target.files;
+    }, f = (S) => {
+      r.value[S].click();
+    }, h = (S, C) => {
+      const y = S.target.files;
       if (y != null && y.length) {
         const L = y.length;
-        for (let M = 0; M < L && S + M < n.maxCount; M++)
-          m(y[M], S + M);
-        r.value[S].value = "";
+        for (let M = 0; M < L && C + M < n.maxCount; M++)
+          m(y[M], C + M);
+        r.value[C].value = "";
       }
-    }, g = t, m = function(C, S) {
-      n.beforeUpload(C) ? (n.maxCount > a.value && a.value++, n.uploadMode === "base64" && (s.value[S] = !0, w(C, S)), n.uploadMode === "custom" && (s.value[S] = !0, x(C, S))) : ve(() => {
+    }, g = t, m = function(S, C) {
+      n.beforeUpload(S) ? (n.maxCount > a.value && a.value++, n.uploadMode === "base64" && (s.value[C] = !0, w(S, C)), n.uploadMode === "custom" && (s.value[C] = !0, x(S, C))) : ve(() => {
         A(n.errorInfo);
       });
-    }, w = (C, S) => {
+    }, w = (S, C) => {
       var y = new FileReader();
-      y.readAsDataURL(C), y.onloadstart = function(L) {
+      y.readAsDataURL(S), y.onloadstart = function(L) {
         console.log("开始读取 onloadstart:", L);
       }, y.onabort = function(L) {
         console.log("读取中止 onabort:", L);
       }, y.onerror = function(L) {
         console.log("读取错误 onerror:", L);
       }, y.onprogress = function(L) {
-        L.loaded === L.total && (s.value[S] = !1);
+        L.loaded === L.total && (s.value[C] = !1);
       }, y.onload = function(L) {
         var M;
         o.value.push({
-          name: C.name,
+          name: S.name,
           url: (M = L.target) == null ? void 0 : M.result
         }), g("update:fileList", o.value), g("change", o.value);
       }, y.onloadend = function(L) {
         console.log("读取结束 onloadend:", L);
       };
-    }, x = (C, S) => {
-      n.customRequest(C).then((y) => {
+    }, x = (S, C) => {
+      n.customRequest(S).then((y) => {
         o.value.push(y), g("update:fileList", o.value), g("change", o.value);
       }).catch((y) => {
         n.maxCount > 1 && (a.value = o.value.length + 1), A(y);
       }).finally(() => {
-        s.value[S] = !1;
+        s.value[C] = !1;
       });
-    }, p = (C, S) => {
-      if (d(S)) {
-        const y = o.value.slice(0, C).filter((L) => !d(L.url));
-        i.value[C - y.length].onPreview();
+    }, p = (S, C) => {
+      if (d(C)) {
+        const y = o.value.slice(0, S).filter((L) => !d(L.url));
+        i.value[S - y.length].onPreview();
       } else
-        window.open(S);
-    }, k = (C) => {
+        window.open(C);
+    }, k = (S) => {
       o.value.length < n.maxCount && a.value--;
-      const S = o.value.splice(C, 1);
-      g("remove", S), g("update:fileList", o.value), g("change", o.value);
-    }, A = (C) => {
-      ft({ type: "error", text: C, duration: 1e3, top: 100 });
+      const C = o.value.splice(S, 1);
+      g("remove", C), g("update:fileList", o.value), g("change", o.value);
+    }, A = (S) => {
+      ft({ type: "error", text: S, duration: 1e3, top: 100 });
     };
-    return (C, S) => (u(), v("div", Rl, [
+    return (S, C) => (u(), v("div", Rl, [
       (u(!0), v(j, null, ee(a.value, (y) => (u(), v("div", {
         class: "abl-upload-item",
         key: y
@@ -4482,9 +4486,9 @@ const bt = (e) => (he("data-v-12e7e74b"), e = e(), pe(), e), Rl = { class: "abl-
         c("div", Il, [
           F(c("div", {
             class: B(["abl-upload-wrap", { "upload-disabled": e.disabled }]),
-            onDragenter: S[1] || (S[1] = H(() => {
+            onDragenter: C[1] || (C[1] = H(() => {
             }, ["stop", "prevent"])),
-            onDragover: S[2] || (S[2] = H(() => {
+            onDragover: C[2] || (C[2] = H(() => {
             }, ["stop", "prevent"])),
             onDrop: H((L) => e.disabled ? () => !1 : b(L, y - 1), ["stop", "prevent"]),
             onClick: (L) => e.disabled ? () => !1 : f(y - 1)
@@ -4494,7 +4498,7 @@ const bt = (e) => (he("data-v-12e7e74b"), e = e(), pe(), e), Rl = { class: "abl-
               ref_key: "uploadInput",
               ref: r,
               type: "file",
-              onClick: S[0] || (S[0] = H(() => {
+              onClick: C[0] || (C[0] = H(() => {
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
@@ -4504,7 +4508,7 @@ const bt = (e) => (he("data-v-12e7e74b"), e = e(), pe(), e), Rl = { class: "abl-
             c("div", null, [
               Nl,
               c("p", Ml, [
-                R(C.$slots, "default", {}, () => [
+                R(S.$slots, "default", {}, () => [
                   Y(T(e.tip), 1)
                 ], !0)
               ])
@@ -4639,7 +4643,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
       }
     }, A = (z) => {
       n.disabled || (h.value = !0, z.stopPropagation(), l.value === "focus" ? l.value = "blur" : l.value = "focus");
-    }, C = (z, V) => {
+    }, S = (z, V) => {
       var W;
       if (n.disabled)
         return;
@@ -4655,7 +4659,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
         });
       }
       o("update:modelValue", I), o("changeSelect", ot(p)), d.value.close();
-    }, S = () => {
+    }, C = () => {
       var z;
       (z = i.value) == null || z.focus(), !g.value && l.value === "focus" && p.length > 0 && (p.pop(), o("changeSelect", ot(p)));
     }, y = (z) => {
@@ -4703,7 +4707,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
             f.list.length > 0 ? (u(!0), v(j, { key: 0 }, ee(f.list, (I) => (u(), v("div", {
               class: B(["abl-select-options-item", p.some((W) => W.value === I.value) ? "abl-options-item-active" : ""]),
               key: I.name + I.value,
-              onClick: (W) => C(I, W)
+              onClick: (W) => S(I, W)
             }, T(I.name), 11, si))), 128)) : (u(), v("div", li, " 暂无数据 "))
           ], 4)
         ]),
@@ -4712,7 +4716,7 @@ const Gl = { class: "abl-select-warpper-content" }, Jl = { class: "abl-select-in
             onClick: A,
             id: "select-input-warpper",
             class: B(["abl-select-warpper", m.value ? "abl-select-warpper-disabled" : ""]),
-            onKeydown: It(S, ["delete"])
+            onKeydown: It(C, ["delete"])
           }, [
             c("div", Gl, [
               c("div", Jl, [
@@ -4842,18 +4846,18 @@ const ci = { class: "abl-header" }, di = { class: "abl-title" }, ui = { class: "
       t.bordered ? ve(() => {
         i.value.forEach((x, p) => {
           x.forEach((k) => {
-            const A = Array.from(k.element.children), C = A[0].cloneNode(!0);
-            C.colSpan = 1, f(C, t.labelStyle), f(C, JSON.parse(k.element.dataset.labelStyle));
-            const S = A[1].cloneNode(!0);
-            S.colSpan = k.span * 2 - 1, f(S, t.contentStyle), f(S, JSON.parse(k.element.dataset.contentStyle)), r.value[p].appendChild(C), r.value[p].appendChild(S);
+            const A = Array.from(k.element.children), S = A[0].cloneNode(!0);
+            S.colSpan = 1, f(S, t.labelStyle), f(S, JSON.parse(k.element.dataset.labelStyle));
+            const C = A[1].cloneNode(!0);
+            C.colSpan = k.span * 2 - 1, f(C, t.contentStyle), f(C, JSON.parse(k.element.dataset.contentStyle)), r.value[p].appendChild(S), r.value[p].appendChild(C);
           });
         });
       }) : ve(() => {
         h.forEach((x, p) => {
           const k = Array.from(x.children), A = k[0];
           f(A, t.labelStyle), f(A, JSON.parse(x.dataset.labelStyle));
-          const C = k[1];
-          f(C, t.contentStyle), f(C, JSON.parse(x.dataset.contentStyle)), s.value[p].appendChild(x);
+          const S = k[1];
+          f(S, t.contentStyle), f(S, JSON.parse(x.dataset.contentStyle)), s.value[p].appendChild(x);
         });
       });
     }
@@ -5129,7 +5133,7 @@ const on = (e) => (he("data-v-349f6091"), e = e(), pe(), e), Ai = {
     }, A = () => {
       const { modelValue: $, min: P } = n;
       return p($) ? `${($[0] - Number(P)) * 100 / f.value}%` : "0%";
-    }, C = N(() => n.vertical ? {
+    }, S = N(() => n.vertical ? {
       height: k(),
       top: A(),
       background: n.activeColor,
@@ -5139,7 +5143,7 @@ const on = (e) => (he("data-v-349f6091"), e = e(), pe(), e), Ai = {
       left: A(),
       background: n.activeColor,
       transition: l.value ? "none" : void 0
-    }), S = ($) => {
+    }), C = ($) => {
       const P = "abl-range-mark", { modelValue: D, max: K, min: re } = n;
       let ae = Number(re), ue = Number(K);
       if (n.range) {
@@ -5223,7 +5227,7 @@ const on = (e) => (he("data-v-349f6091"), e = e(), pe(), e), Ai = {
         b.value.length > 0 ? (u(), v("div", Bi, [
           (u(!0), v(j, null, ee(b.value, (D) => (u(), v("span", {
             key: D,
-            class: B(S(D)),
+            class: B(C(D)),
             style: O(y(D))
           }, [
             Y(T(D) + " ", 1),
@@ -5235,7 +5239,7 @@ const on = (e) => (he("data-v-349f6091"), e = e(), pe(), e), Ai = {
         ])) : E("", !0),
         c("div", {
           class: "abl-range-bar",
-          style: O(C.value)
+          style: O(S.value)
         }, [
           e.range ? (u(), v(j, { key: 0 }, ee([0, 1], (D) => c("div", {
             key: D,