abl-ui 0.4.33 → 0.4.35

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as c, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as r, normalizeClass as z, createTextVNode as Q, toDisplayString as H, createCommentVNode as I, createStaticVNode as Lt, Fragment as K, renderList as ae, createVNode as de, useSlots as Ke, ref as w, provide as xe, onMounted as Ne, watch as ne, withDirectives as Z, vShow as te, defineComponent as zt, toRefs as Te, computed as D, inject as Be, reactive as Ie, unref as se, createBlock as oe, TransitionGroup as al, withCtx as ie, resolveDynamicComponent as ct, pushScopeId as ge, popScopeId as ye, createApp as nl, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as rt, onBeforeMount as At, Teleport as Ze, Transition as me, watchEffect as ut, nextTick as _e, mergeProps as we, withModifiers as J, useAttrs as ol, createSlots as sl, vModelDynamic as il, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as cl } from "vue";
+import { openBlock as c, createElementBlock as u, normalizeStyle as E, renderSlot as R, createElementVNode as r, normalizeClass as z, createTextVNode as Q, toDisplayString as H, createCommentVNode as I, createStaticVNode as Lt, Fragment as K, renderList as ae, createVNode as de, useSlots as Ke, ref as w, provide as xe, onMounted as Ne, watch as ne, withDirectives as Z, vShow as te, defineComponent as zt, toRefs as Te, computed as D, inject as Be, reactive as Ie, unref as se, createBlock as oe, TransitionGroup as al, withCtx as ie, resolveDynamicComponent as ct, pushScopeId as ge, popScopeId as ye, createApp as nl, getCurrentInstance as Ge, onBeforeUnmount as Je, onUpdated as rt, onBeforeMount as At, Teleport as Ze, Transition as me, withModifiers as J, watchEffect as ut, nextTick as _e, mergeProps as we, useAttrs as ol, createSlots as sl, vModelDynamic as il, normalizeProps as gt, withKeys as It, vModelText as Rt, toRaw as yt, onUnmounted as cl } from "vue";
 const ee = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
@@ -177,16 +177,16 @@ const Cl = { class: "abl-tabs" }, Sl = {
     const t = a, l = Ke(), n = e, i = w({}), o = w(), s = w([]), d = w(), f = w(0), h = w(!1), v = w(!1), p = w(!0);
     (b = l.default()) == null || b.map(({ props: y, children: V }) => {
       if (y) {
-        const { title: B, value: k, icon: x, afterIcon: $ } = y;
+        const { title: S, value: k, icon: x, afterIcon: $ } = y;
         s.value.push({
-          title: B,
+          title: S,
           value: k,
           icon: x,
           afterIcon: $
         });
       } else
-        (V == null ? void 0 : V.length) > 0 && Array.isArray(V) && (V == null || V.map((B) => {
-          const { title: k, value: x, icon: $, afterIcon: T } = B.props;
+        (V == null ? void 0 : V.length) > 0 && Array.isArray(V) && (V == null || V.map((S) => {
+          const { title: k, value: x, icon: $, afterIcon: T } = S.props;
           s.value.push({
             title: k,
             value: x,
@@ -197,9 +197,9 @@ const Cl = { class: "abl-tabs" }, Sl = {
     }), xe("active", f);
     const g = (y, V) => {
       var k;
-      const B = (k = y == null ? void 0 : y.target) == null ? void 0 : k.offsetLeft;
+      const S = (k = y == null ? void 0 : y.target) == null ? void 0 : k.offsetLeft;
       i.value = {
-        transform: `translateX(${B}px)`,
+        transform: `translateX(${S}px)`,
         width: y.target.clientWidth + "px"
       }, f.value = V, t("update:modelValue", V), t("tabClick", V);
     }, m = () => {
@@ -222,15 +222,15 @@ const Cl = { class: "abl-tabs" }, Sl = {
       s.value.map((x, $) => {
         x.value == n.modelValue && (y = $);
       });
-      const V = o.value[y], B = V == null ? void 0 : V.offsetLeft;
+      const V = o.value[y], S = V == null ? void 0 : V.offsetLeft;
       i.value = {
-        transform: `translateX(${B}px)`,
+        transform: `translateX(${S}px)`,
         width: V.clientWidth + "px"
       };
       const k = document.getElementById("tab-hidden");
       (k == null ? void 0 : k.scrollWidth) - 2 > (k == null ? void 0 : k.clientWidth) ? h.value = !0 : h.value = !1, k.addEventListener("scroll", function(x) {
         var $, T, L;
-        (($ = x.target) == null ? void 0 : $.scrollLeft) + ((T = x.target) == null ? void 0 : T.offsetWidth) >= ((L = x.target) == null ? void 0 : L.scrollWidth) - 1 && (p.value = !1, B.value = !0), x.target.scrollLeft == 0 && (p.value = !0, B.value = !1);
+        (($ = x.target) == null ? void 0 : $.scrollLeft) + ((T = x.target) == null ? void 0 : T.offsetWidth) >= ((L = x.target) == null ? void 0 : L.scrollWidth) - 1 && (p.value = !1, S.value = !0), x.target.scrollLeft == 0 && (p.value = !0, S.value = !1);
       });
     };
     return ne(() => n.modelValue, async () => {
@@ -238,7 +238,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
     }, {
       immediate: !0
     }), (y, V) => {
-      var B;
+      var S;
       return c(), u("div", Cl, [
         r("div", Sl, [
           Z(r("i", {
@@ -266,7 +266,7 @@ const Cl = { class: "abl-tabs" }, Sl = {
                 class: z(["iconfont-abl tab-icon-after", k.afterIcon])
               }, null, 2)) : I("", !0)
             ], 10, Vl))), 128)),
-            (B = i.value) != null && B.width ? (c(), u("div", {
+            (S = i.value) != null && S.width ? (c(), u("div", {
               key: 0,
               class: "bottom-line",
               style: E(i.value)
@@ -625,7 +625,7 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
       let N = y(L, "open");
       return s.value.push(N), b(), N.id;
     }
-    function B(L) {
+    function S(L) {
       let N = y(L, "info");
       return s.value.push(N), b(), N.id;
     }
@@ -647,7 +647,7 @@ const De = (e) => (ge("data-v-278b4efc"), e = e(), ye(), e), Dl = ["onMouseenter
     }
     return a({
       open: V,
-      info: B,
+      info: S,
       success: k,
       error: x,
       warning: $,
@@ -1124,7 +1124,8 @@ const $a = { class: "abl-dialog__header" }, ka = { class: "abl-dialog__title" },
     const d = a, f = () => {
       l.beforeClose || (d("update:modelValue", !1), d("close"));
     }, h = (p) => {
-      l.maskClosable && (n.value.contains(p.target) || f()), d("onOverlayClick");
+      var g;
+      l.maskClosable && ((g = n.value) != null && g.contains(p.target) || f()), d("onOverlayClick");
     }, v = D(() => ({
       "is-align-center": l.alignCenter
     }));
@@ -1152,7 +1153,7 @@ const $a = { class: "abl-dialog__header" }, ka = { class: "abl-dialog__title" },
                   e.showClose ? (c(), u("i", {
                     key: 0,
                     class: "iconfont-abl icon-abl-close close-icon",
-                    onClick: f
+                    onClick: J(f, ["stop"])
                   })) : I("", !0)
                 ])
               ]),
@@ -1335,7 +1336,7 @@ const Ea = async (e, a, t) => {
     } = s[_], {
       x: y,
       y: V,
-      data: B,
+      data: S,
       reset: k
     } = await b({
       x: h,
@@ -1355,7 +1356,7 @@ const Ea = async (e, a, t) => {
       ...g,
       [C]: {
         ...g[C],
-        ...B
+        ...S
       }
     }, k && m <= 50 && (m++, typeof k == "object" && (k.placement && (p = k.placement), k.rects && (f = k.rects === !0 ? await o.getElementRects({
       reference: e,
@@ -1399,7 +1400,7 @@ async function Tt(e, a) {
     ...o.floating,
     x: l,
     y: n
-  } : o.reference, V = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), B = await (i.isElement == null ? void 0 : i.isElement(V)) ? await (i.getScale == null ? void 0 : i.getScale(V)) || {
+  } : o.reference, V = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), S = await (i.isElement == null ? void 0 : i.isElement(V)) ? await (i.getScale == null ? void 0 : i.getScale(V)) || {
     x: 1,
     y: 1
   } : {
@@ -1412,10 +1413,10 @@ async function Tt(e, a) {
     strategy: d
   }) : y);
   return {
-    top: (b.top - k.top + m.top) / B.y,
-    bottom: (k.bottom - b.bottom + m.bottom) / B.y,
-    left: (b.left - k.left + m.left) / B.x,
-    right: (k.right - b.right + m.right) / B.x
+    top: (b.top - k.top + m.top) / S.y,
+    bottom: (k.bottom - b.bottom + m.bottom) / S.y,
+    left: (b.left - k.left + m.left) / S.x,
+    right: (k.right - b.right + m.right) / S.x
   };
 }
 const Oa = (e) => ({
@@ -1439,10 +1440,10 @@ const Oa = (e) => ({
     const v = Pt(h), p = {
       x: t,
       y: l
-    }, g = ft(n), m = dt(g), _ = await o.getDimensions(f), C = g === "y", b = C ? "top" : "left", y = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", B = i.reference[m] + i.reference[g] - p[g] - i.floating[m], k = p[g] - i.reference[g], x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
+    }, g = ft(n), m = dt(g), _ = await o.getDimensions(f), C = g === "y", b = C ? "top" : "left", y = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", S = i.reference[m] + i.reference[g] - p[g] - i.floating[m], k = p[g] - i.reference[g], x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let $ = x ? x[V] : 0;
     (!$ || !await (o.isElement == null ? void 0 : o.isElement(x))) && ($ = s.floating[V] || i.floating[m]);
-    const T = B / 2 - k / 2, L = $ / 2 - _[m] / 2 - 1, N = Re(v[b], L), Y = Re(v[y], L), U = N, F = $ - _[m] - Y, W = $ / 2 - _[m] / 2 + T, A = ot(U, W, F), X = !d.arrow && He(n) != null && W !== A && i.reference[m] / 2 - (W < U ? N : Y) - _[m] / 2 < 0, M = X ? W < U ? W - U : W - F : 0;
+    const T = S / 2 - k / 2, L = $ / 2 - _[m] / 2 - 1, N = Re(v[b], L), Y = Re(v[y], L), U = N, F = $ - _[m] - Y, W = $ / 2 - _[m] / 2 + T, A = ot(U, W, F), X = !d.arrow && He(n) != null && W !== A && i.reference[m] / 2 - (W < U ? N : Y) - _[m] / 2 < 0, M = X ? W < U ? W - U : W - F : 0;
     return {
       [g]: p[g] + M,
       data: {
@@ -1479,9 +1480,9 @@ const Oa = (e) => ({
       } = Fe(e, a);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const b = Ve(n), y = Ve(s) === s, V = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), B = p || (y || !_ ? [Xe(s)] : Ia(s));
-      !p && m !== "none" && B.push(...Ma(s, _, m, V));
-      const k = [s, ...B], x = await Tt(a, C), $ = [];
+      const b = Ve(n), y = Ve(s) === s, V = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), S = p || (y || !_ ? [Xe(s)] : Ia(s));
+      !p && m !== "none" && S.push(...Ma(s, _, m, V));
+      const k = [s, ...S], x = await Tt(a, C), $ = [];
       let T = ((l = i.flip) == null ? void 0 : l.overflows) || [];
       if (h && $.push(x[b]), v) {
         const U = Aa(n, o, V);
@@ -1768,8 +1769,8 @@ function Le(e, a, t, l) {
     const p = re(i), g = l && he(l) ? re(l) : l;
     let m = p, _ = m.frameElement;
     for (; _ && l && g !== m; ) {
-      const C = Ae(_), b = _.getBoundingClientRect(), y = fe(_), V = b.left + (_.clientLeft + parseFloat(y.paddingLeft)) * C.x, B = b.top + (_.clientTop + parseFloat(y.paddingTop)) * C.y;
-      d *= C.x, f *= C.y, h *= C.x, v *= C.y, d += V, f += B, m = re(_), _ = m.frameElement;
+      const C = Ae(_), b = _.getBoundingClientRect(), y = fe(_), V = b.left + (_.clientLeft + parseFloat(y.paddingLeft)) * C.x, S = b.top + (_.clientTop + parseFloat(y.paddingTop)) * C.y;
+      d *= C.x, f *= C.y, h *= C.x, v *= C.y, d += V, f += S, m = re(_), _ = m.frameElement;
     }
   }
   return Ye({
@@ -2000,7 +2001,7 @@ function on(e, a) {
       threshold: Se(0, Re(1, d)) || 1
     };
     let V = !0;
-    function B(k) {
+    function S(k) {
       const x = k[0].intersectionRatio;
       if (x !== d) {
         if (!V)
@@ -2012,13 +2013,13 @@ function on(e, a) {
       V = !1;
     }
     try {
-      t = new IntersectionObserver(B, {
+      t = new IntersectionObserver(S, {
         ...y,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(B, y);
+      t = new IntersectionObserver(S, y);
     }
     t.observe(e);
   }
@@ -2139,16 +2140,16 @@ const fn = ["data-side"], Yt = {
     let C = null;
     const b = w(!1), y = w(), V = (A) => {
       y.value = A && A.nextElementSibling || null;
-    }, B = () => {
+    }, S = () => {
       b.value = !0;
     }, k = () => b.value = !1, x = () => {
       y.value && _e(() => {
         y.value.addEventListener("click", T);
         const A = y.value.getBoundingClientRect();
-        l.widthAuto && (f.value = A != null && A.width ? (A == null ? void 0 : A.width) + "px" : "auto"), d.value && (y.value.addEventListener("mouseover", B, { capture: !0 }), y.value.addEventListener("mouseout", k, { capture: !0 }));
+        l.widthAuto && (f.value = A != null && A.width ? (A == null ? void 0 : A.width) + "px" : "auto"), d.value && (y.value.addEventListener("mouseover", S, { capture: !0 }), y.value.addEventListener("mouseout", k, { capture: !0 }));
       });
     }, $ = () => {
-      y.value && (y.value.removeEventListener("click", T), d.value && (y.value.removeEventListener("mouseover", B, { capture: !0 }), y.value.removeEventListener("mouseout", k, { capture: !0 })));
+      y.value && (y.value.removeEventListener("click", T), d.value && (y.value.removeEventListener("mouseover", S, { capture: !0 }), y.value.removeEventListener("mouseout", k, { capture: !0 })));
     };
     Ne(() => {
       t.value = !0, x(), ut(() => {
@@ -2162,7 +2163,7 @@ const fn = ["data-side"], Yt = {
       $(), x();
     });
     const T = (A) => {
-      l.shouldStopPropagation && A.stopPropagation(), B(), setTimeout(() => {
+      l.shouldStopPropagation && A.stopPropagation(), S(), setTimeout(() => {
         document.addEventListener("mousedown", L, { once: !0 });
       }, 0);
     }, L = () => {
@@ -2201,7 +2202,7 @@ const fn = ["data-side"], Yt = {
     return Je(() => {
       $(), C && C();
     }), a({
-      open: B,
+      open: S,
       close: k
     }), (A, X) => (c(), u(K, null, [
       (c(), oe(ct(A.$slots.default), we({
@@ -2978,7 +2979,7 @@ const Un = /* @__PURE__ */ r("div", {
       i.value[F] = !0;
     }, V = (F) => {
       o.value = (o.value + 1) % n.value;
-    }, B = (F) => {
+    }, S = (F) => {
       o.value = (o.value - 1 + n.value) % n.value;
     }, k = () => {
       s.value + l.zoomRate > l.maxScale ? s.value = l.maxScale : s.value = b(s.value, l.zoomRate);
@@ -2995,11 +2996,11 @@ const Un = /* @__PURE__ */ r("div", {
         return;
       const W = F.target, { top: A, left: X, right: M, bottom: O } = W.getBoundingClientRect(), q = document.documentElement.clientWidth, le = document.documentElement.clientHeight;
       d.value = F.clientX, f.value = F.clientY;
-      const S = h.value, j = v.value;
+      const B = h.value, j = v.value;
       document.onmousemove = (P) => {
-        h.value = S + P.clientX - d.value, v.value = j + P.clientY - f.value;
+        h.value = B + P.clientX - d.value, v.value = j + P.clientY - f.value;
       }, document.onmouseup = (P) => {
-        h.value > S + q - M && (h.value = S + q - M), h.value < S - X && (h.value = S - X), v.value > j + le - O && (v.value = j + le - O), v.value < j - A && (v.value = j - A), document.onmousemove = null;
+        h.value > B + q - M && (h.value = B + q - M), h.value < B - X && (h.value = B - X), v.value > j + le - O && (v.value = j + le - O), v.value < j - A && (v.value = j - A), document.onmousemove = null;
       };
     }, Y = (F) => {
       if (!l.drag)
@@ -3090,7 +3091,7 @@ const Un = /* @__PURE__ */ r("div", {
               n.value > 1 ? (c(), u(K, { key: 0 }, [
                 r("div", {
                   class: "abl-image-preview__btn abl-image-preview__prev",
-                  onClick: J(B, ["stop"])
+                  onClick: J(S, ["stop"])
                 }, eo),
                 r("div", {
                   class: "abl-image-preview__btn abl-image-preview__next",
@@ -3484,7 +3485,7 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
       ...Te(i),
       onClose: C,
       current: v
-    }), B = Lo(() => {
+    }), S = Lo(() => {
       p.value && C();
     });
     return xe(Eo, V), Ne(() => {
@@ -3492,7 +3493,7 @@ const zo = (e) => (ge("data-v-b0efe321"), e = e(), ye(), e), Ao = ["onClick"], I
     }), (x, $) => (c(), u("div", {
       class: "abl-dropdown",
       ref_key: "root",
-      ref: B
+      ref: S
     }, [
       r("div", {
         class: "abl-dropdown-menu",
@@ -3894,7 +3895,7 @@ const at = (e) => (ge("data-v-1a0f5179"), e = e(), ye(), e), ss = { class: "abl-
     ], 6));
   }
 }, tl = /* @__PURE__ */ ee(ms, [["__scopeId", "data-v-1a0f5179"]]);
-const ht = (e) => (ge("data-v-92ae8126"), e = e(), ye(), e), hs = { class: "abl-upload-list" }, gs = { class: "abl-upload" }, ys = ["onDrop", "onClick"], bs = ["accept", "multiple", "onChange"], _s = /* @__PURE__ */ ht(() => /* @__PURE__ */ r("span", { class: "abl-icon" }, "+", -1)), ws = { class: "abl-tip" }, xs = { class: "abl-file-uploading" }, $s = {
+const ht = (e) => (ge("data-v-5b34446d"), e = e(), ye(), e), hs = { class: "abl-upload-list" }, gs = { class: "abl-upload" }, ys = ["onDrop", "onClick"], bs = ["accept", "multiple", "onChange"], _s = /* @__PURE__ */ ht(() => /* @__PURE__ */ r("span", { class: "abl-icon" }, "+", -1)), ws = { class: "abl-tip" }, xs = { class: "abl-file-uploading" }, $s = {
   key: 0,
   class: "abl-file-preview"
 }, ks = { class: "abl-file-mask" }, Cs = ["onClick"], Ss = /* @__PURE__ */ ht(() => /* @__PURE__ */ r("svg", {
@@ -3977,35 +3978,35 @@ const ht = (e) => (ge("data-v-92ae8126"), e = e(), ye(), e), hs = { class: "abl-
     function d() {
       l.value = [...t.fileList], l.value.length > t.maxCount && l.value.splice(t.maxCount), t.disabled ? n.value = l.value.length : l.value.length < t.maxCount ? n.value = t.fileList.length + 1 : n.value = t.maxCount;
     }
-    const f = (B) => {
+    const f = (S) => {
       const k = /\.(jpg|jpeg|png|gif|webp)$/i, x = /^data:image/;
-      return k.test(B) || x.test(B);
-    }, h = (B, k) => {
+      return k.test(S) || x.test(S);
+    }, h = (S, k) => {
       var $;
-      const x = ($ = B.dataTransfer) == null ? void 0 : $.files;
+      const x = ($ = S.dataTransfer) == null ? void 0 : $.files;
       if (x != null && x.length) {
         const T = x.length;
         for (let L = 0; L < T && k + L <= t.maxCount; L++)
           m(x[L], k + L);
         o.value[k].value = "";
       }
-    }, v = (B) => {
-      o.value[B].click();
-    }, p = (B, k) => {
-      const x = B.target.files;
+    }, v = (S) => {
+      o.value[S].click();
+    }, p = (S, k) => {
+      const x = S.target.files;
       if (x != null && x.length) {
         const $ = x.length;
         for (let T = 0; T < $ && k + T < t.maxCount; T++)
           m(x[T], k + T);
         o.value[k].value = "";
       }
-    }, g = a, m = function(B, k) {
-      t.beforeUpload(B) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (i.value[k] = !0, _(B, k)), t.uploadMode === "custom" && (i.value[k] = !0, C(B, k))) : _e(() => {
+    }, g = a, m = function(S, k) {
+      t.beforeUpload(S) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (i.value[k] = !0, _(S, k)), t.uploadMode === "custom" && (i.value[k] = !0, C(S, k))) : _e(() => {
         V(t.errorInfo);
       });
-    }, _ = (B, k) => {
+    }, _ = (S, k) => {
       var x = new FileReader();
-      x.readAsDataURL(B), x.onloadstart = function($) {
+      x.readAsDataURL(S), x.onloadstart = function($) {
         console.log("开始读取 onloadstart:", $);
       }, x.onabort = function($) {
         console.log("读取中止 onabort:", $);
@@ -4016,34 +4017,35 @@ const ht = (e) => (ge("data-v-92ae8126"), e = e(), ye(), e), hs = { class: "abl-
       }, x.onload = function($) {
         var T, L;
         t.isUrl ? l.value.push({
-          name: B.name,
-          url: (T = $.target) == null ? void 0 : T.result
+          name: S.name,
+          url: (T = $.target) == null ? void 0 : T.result,
+          type: S.type
         }) : l.value.push((L = $.target) == null ? void 0 : L.result), g("update:fileList", l.value), g("change", l.value);
       }, x.onloadend = function($) {
         console.log("读取结束 onloadend:", $);
       };
-    }, C = (B, k) => {
-      t.customRequest(B).then((x) => {
-        l.value.push(x), g("update:fileList", l.value), g("change", l.value);
+    }, C = (S, k) => {
+      t.customRequest(S).then((x) => {
+        x && l.value.push(x), g("update:fileList", l.value), g("change", l.value);
       }).catch((x) => {
         t.maxCount > 1 && (n.value = l.value.length + 1), V(x);
       }).finally(() => {
         i.value[k] = !1;
       });
-    }, b = (B, k) => {
+    }, b = (S, k) => {
       if (f(k)) {
-        const x = l.value.slice(0, B).filter(($) => !f(t.isUrl ? $.url : $));
-        s.value[B - x.length].onPreview();
+        const x = l.value.slice(0, S).filter(($) => !f(t.isUrl ? $.url : $));
+        s.value[S - x.length].onPreview();
       } else
         window.open(k);
-    }, y = (B) => {
+    }, y = (S) => {
       l.value.length < t.maxCount && n.value--;
-      const k = l.value.splice(B, 1);
+      const k = l.value.splice(S, 1);
       g("remove", k), g("update:fileList", l.value), g("change", l.value);
-    }, V = (B) => {
-      Nt.error(B);
+    }, V = (S) => {
+      Nt.error(S);
     };
-    return (B, k) => (c(), u("div", hs, [
+    return (S, k) => (c(), u("div", hs, [
       (c(!0), u(K, null, ae(n.value, (x) => (c(), u("div", {
         class: "abl-upload-item",
         key: x
@@ -4073,7 +4075,7 @@ const ht = (e) => (ge("data-v-92ae8126"), e = e(), ye(), e), hs = { class: "abl-
             r("div", null, [
               _s,
               r("p", ws, [
-                R(B.$slots, "default", {}, () => [
+                R(S.$slots, "default", {}, () => [
                   Q(H(e.tip), 1)
                 ], !0)
               ])
@@ -4122,7 +4124,7 @@ const ht = (e) => (ge("data-v-92ae8126"), e = e(), ye(), e), hs = { class: "abl-
       ]))), 128))
     ]));
   }
-}, Is = /* @__PURE__ */ ee(As, [["__scopeId", "data-v-92ae8126"]]);
+}, Is = /* @__PURE__ */ ee(As, [["__scopeId", "data-v-5b34446d"]]);
 const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-has-content" }, Ns = { key: 1 }, Es = ["placeholder"], Os = { class: "iconfont-abl icon-abl-shanglajiantou" }, Ps = { class: "iconfont-abl icon-abl-shangjiantou" }, Ts = ["onClick"], Ds = ["src"], Fs = {
   key: 1,
   class: "abl-select-options-item"
@@ -4204,7 +4206,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
       return { width: (((O = v.value) == null ? void 0 : O.getBoundingClientRect().width) || 0) + "px" };
     }), y = Ie({
       list: o == null ? void 0 : o.options
-    }), V = w(!1), B = w(
+    }), V = w(!1), S = w(
       o.search && g.value === "focus" && V.value
     ), k = D(() => o.disabled), x = w(""), $ = w([]), T = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], L = () => {
       var M;
@@ -4212,28 +4214,28 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
         l.default && (y.list = [], (M = l.default()) == null || M.map((O) => {
           var q;
           if (O.props) {
-            const { value: le, name: S, img: j, iconColor: P } = O.props;
+            const { value: le, name: B, img: j, iconColor: P } = O.props;
             y.list.push({
               value: le,
-              name: S,
+              name: B,
               img: j,
               iconColor: P
             }), _.value === le && $.value.push({
               value: le,
-              name: S,
+              name: B,
               img: j,
               iconColor: P
             });
           } else
             ((q = O == null ? void 0 : O.children) == null ? void 0 : q.length) > 0 && O.children.map((le) => {
-              const { value: S, name: j, img: P, iconColor: G } = le.props;
+              const { value: B, name: j, img: P, iconColor: G } = le.props;
               y.list.push({
-                value: S,
+                value: B,
                 name: j,
                 img: P,
                 iconColor: G
-              }), _.value === S && ($.value.splice(0, $.value.length), $.value.push({
-                value: S,
+              }), _.value === B && ($.value.splice(0, $.value.length), $.value.push({
+                value: B,
                 name: j,
                 img: P,
                 iconColor: G
@@ -4254,7 +4256,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
       deep: !0
     });
     const N = (M) => {
-      if (!B.value)
+      if (!S.value)
         x.value = "";
       else {
         const O = s.filter((q) => {
@@ -4286,7 +4288,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
     xe("handleSlotClick", U);
     const F = () => {
       var M;
-      (M = p.value) == null || M.focus(), !B.value && g.value === "focus" && $.value.length > 0 && ($.value.pop(), d("change", yt($.value)));
+      (M = p.value) == null || M.focus(), !S.value && g.value === "focus" && $.value.length > 0 && ($.value.pop(), d("change", yt($.value)));
     }, W = () => {
       C.value = !1, g.value = "blur", x.value = "";
     }, A = () => {
@@ -4297,7 +4299,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
     return ne(
       V,
       (M) => {
-        B.value = o.search && g.value === "focus" && M;
+        S.value = o.search && g.value === "focus" && M;
       },
       { immediate: !0, deep: !0 }
     ), ne(
@@ -4316,7 +4318,7 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
     }, { immediate: !0, deep: !0 }), Ne(() => {
       ne(g, (M) => {
         var O, q;
-        M === "focus" ? (O = p.value) == null || O.focus() : (q = p.value) == null || q.blur(), B.value = o.search && M === "focus" && V;
+        M === "focus" ? (O = p.value) == null || O.focus() : (q = p.value) == null || q.blur(), S.value = o.search && M === "focus" && V;
       }), document.body.addEventListener("click", () => {
         g.value = "blur";
       });
@@ -4352,9 +4354,9 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
             id: "abl-select"
           }, [
             y.list.length > 0 ? (c(!0), u(K, { key: 0 }, ae(y.list, (q, le) => (c(), u("div", {
-              class: z(["abl-select-options-item", $.value.some((S) => S.value === q.value) ? "abl-options-item-active" : ""]),
+              class: z(["abl-select-options-item", $.value.some((B) => B.value === q.value) ? "abl-options-item-active" : ""]),
               key: q.name + q.value,
-              onClick: (S) => U(q, S)
+              onClick: (B) => U(q, B)
             }, [
               i.value ? R(M.$slots, "abloption", gt(we({ key: 0 }, q)), void 0, !0) : (c(), u(K, { key: 1 }, [
                 q.iconColor ? (c(), u("div", {
@@ -4392,12 +4394,12 @@ const Rs = { class: "abl-select-warpper-content" }, Ms = { class: "abl-select-ha
                     n.value ? R(M.$slots, "ablname", gt(we({ key: 0 }, { name: h.value })), void 0, !0) : (c(), u("span", Ns, H(h.value), 1))
                   ])
                 ], 512), [
-                  [te, $.value.length && !B.value]
+                  [te, $.value.length && !S.value]
                 ]),
                 Z(r("input", {
                   onBlur: O[0] || (O[0] = (q) => W()),
                   type: "text",
-                  class: z(["abl-select-input-focus", B.value ? "abl-select-input-search" : ""]),
+                  class: z(["abl-select-input-focus", S.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: p,
                   "onUpdate:modelValue": O[1] || (O[1] = (q) => x.value = q),
@@ -4515,18 +4517,18 @@ const Ws = {
       a.bordered ? _e(() => {
         s.value.forEach((C, b) => {
           C.forEach((y) => {
-            const V = Array.from(y.element.children), B = V[0].cloneNode(!0);
-            B.colSpan = 1, v(B, a.labelStyle), v(B, JSON.parse(y.element.dataset.labelStyle));
+            const V = Array.from(y.element.children), S = V[0].cloneNode(!0);
+            S.colSpan = 1, v(S, a.labelStyle), v(S, JSON.parse(y.element.dataset.labelStyle));
             const k = V[1].cloneNode(!0);
-            k.colSpan = y.span * 2 - 1, v(k, a.contentStyle), v(k, JSON.parse(y.element.dataset.contentStyle)), o.value[b].appendChild(B), o.value[b].appendChild(k);
+            k.colSpan = y.span * 2 - 1, v(k, a.contentStyle), v(k, JSON.parse(y.element.dataset.contentStyle)), o.value[b].appendChild(S), o.value[b].appendChild(k);
           });
         });
       }) : _e(() => {
         p.forEach((C, b) => {
           const y = Array.from(C.children), V = y[0];
           v(V, a.labelStyle), v(V, JSON.parse(C.dataset.labelStyle));
-          const B = y[1];
-          v(B, a.contentStyle), v(B, JSON.parse(C.dataset.contentStyle)), i.value[b].appendChild(C);
+          const S = y[1];
+          v(S, a.contentStyle), v(S, JSON.parse(C.dataset.contentStyle)), i.value[b].appendChild(C);
         });
       });
     }
@@ -4776,43 +4778,43 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
     const s = w(), d = w(), f = si();
     w(), w(), w([]);
     const h = D(() => {
-      const { marks: S, max: j, min: P } = t;
-      return Object.keys(S).map(parseFloat).sort((ce, pe) => ce - pe).filter((ce) => ce >= +P && ce <= +j);
+      const { marks: B, max: j, min: P } = t;
+      return Object.keys(B).map(parseFloat).sort((ce, pe) => ce - pe).filter((ce) => ce >= +P && ce <= +j);
     }), v = D(() => Number(t.max) - Number(t.min)), p = w([]), g = w(), m = D(() => {
-      const S = "abl-range";
+      const B = "abl-range";
       return {
-        [S]: !0,
-        [`${S}-disabled`]: t.disabled,
-        [`${S}-vertical`]: t.vertical,
-        [`${S}-show-number`]: !t.hiddenRange
+        [B]: !0,
+        [`${B}-disabled`]: t.disabled,
+        [`${B}-vertical`]: t.vertical,
+        [`${B}-show-number`]: !t.hiddenRange
       };
     }), _ = D(() => {
-      const S = "abl-range-container";
+      const B = "abl-range-container";
       return {
-        [S]: !0,
-        [`${S}-vertical`]: t.vertical
+        [B]: !0,
+        [`${B}-vertical`]: t.vertical
       };
     }), C = D(() => ({
       background: t.inactiveColor
     })), b = D(() => ({
       borderColor: t.buttonColor
-    })), y = w(!1), V = (S) => !!t.range && Array.isArray(S), B = () => {
-      const { modelValue: S, min: j } = t;
-      return V(S) ? `${(S[1] - S[0]) * 100 / v.value}%` : `${(S - Number(j)) * 100 / v.value}%`;
+    })), y = w(!1), V = (B) => !!t.range && Array.isArray(B), S = () => {
+      const { modelValue: B, min: j } = t;
+      return V(B) ? `${(B[1] - B[0]) * 100 / v.value}%` : `${(B - Number(j)) * 100 / v.value}%`;
     }, k = () => {
-      const { modelValue: S, min: j } = t;
-      return V(S) ? `${(S[0] - Number(j)) * 100 / v.value}%` : "0%";
+      const { modelValue: B, min: j } = t;
+      return V(B) ? `${(B[0] - Number(j)) * 100 / v.value}%` : "0%";
     }, x = D(() => t.vertical ? {
-      height: B(),
+      height: S(),
       top: k(),
       background: t.activeColor,
       transition: d.value ? "none" : void 0
     } : {
-      width: B(),
+      width: S(),
       left: k(),
       background: t.activeColor,
       transition: d.value ? "none" : void 0
-    }), $ = (S) => {
+    }), $ = (B) => {
       const j = "abl-range-mark", { modelValue: P, max: G, min: ue } = t;
       let ce = Number(ue), pe = Number(G);
       if (t.range) {
@@ -4820,20 +4822,20 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
         ce = ze, pe = Oe;
       } else
         pe = P;
-      let Ee = S <= +pe && S >= ce;
+      let Ee = B <= +pe && B >= ce;
       return {
         [`${j}-text`]: !0,
         [`${j}-text-active`]: Ee
       };
-    }, T = (S) => {
+    }, T = (B) => {
       const { min: j, vertical: P } = t;
       let G = {
-        left: `${(S - Number(j)) / v.value * 100}%`
+        left: `${(B - Number(j)) / v.value * 100}%`
       };
       return P && (G = {
-        top: `${(S - Number(j)) / v.value * 100}%`
+        top: `${(B - Number(j)) / v.value * 100}%`
       }), G;
-    }, L = (S) => {
+    }, L = (B) => {
       const { modelValue: j, max: P, min: G } = t;
       let ue = Number(G), ce = Number(P);
       if (t.range) {
@@ -4841,20 +4843,20 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
         ue = ze, ce = Oe;
       }
       return {
-        background: S <= ce && S >= ue ? t.activeColor : t.inactiveColor
+        background: B <= ce && B >= ue ? t.activeColor : t.inactiveColor
       };
-    }, N = (S) => {
+    }, N = (B) => {
       const { min: j, max: P, step: G } = t;
-      return S = Math.max(+j, Math.min(S, +P)), Math.round(S / +G) * +G;
-    }, Y = (S, j) => JSON.stringify(S) === JSON.stringify(j), U = (S) => S[0] > S[1] ? S.slice(0).reverse() : S, F = (S, j) => {
-      V(S) ? S = U(S).map(N) : S = N(S), Y(S, t.modelValue) || l("update:modelValue", S), j && !Y(S, i) && l("change", S);
-    }, W = (S) => {
+      return B = Math.max(+j, Math.min(B, +P)), Math.round(B / +G) * +G;
+    }, Y = (B, j) => JSON.stringify(B) === JSON.stringify(j), U = (B) => B[0] > B[1] ? B.slice(0).reverse() : B, F = (B, j) => {
+      V(B) ? B = U(B).map(N) : B = N(B), Y(B, t.modelValue) || l("update:modelValue", B), j && !Y(B, i) && l("change", B);
+    }, W = (B) => {
       if (t.disabled || d.value === "draging")
         return;
       y.value = !0;
       const { min: j, modelValue: P } = t, G = Vt(s);
-      let ue = S.clientX - G.left, ce = G.width;
-      t.vertical && (ue = S.clientY - G.top, ce = G.height);
+      let ue = B.clientX - G.left, ce = G.width;
+      t.vertical && (ue = B.clientY - G.top, ce = G.height);
       const pe = Number(j) + ue / ce * v.value;
       if (V(P)) {
         const [Ee, ze] = P, Oe = (Ee + ze) / 2;
@@ -4866,23 +4868,23 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
       });
     }, A = () => {
       y.value = !1;
-    }, X = (S) => {
-      t.disabled || (f.start(S), o = t.modelValue, V(o) ? i = o.map(N) : i = N(o), d.value = "start");
-    }, M = (S) => {
+    }, X = (B) => {
+      t.disabled || (f.start(B), o = t.modelValue, V(o) ? i = o.map(N) : i = N(o), d.value = "start");
+    }, M = (B) => {
       if (t.disabled)
         return;
-      d.value === "start" && l("dragStart"), f.move(S), d.value = "draging", S.type.startsWith("touch") && (y.value = !0);
+      d.value === "start" && l("dragStart"), f.move(B), d.value = "draging", B.type.startsWith("touch") && (y.value = !0);
       const j = Vt(s);
       let P = f.deltaX.value, G = j.width, ue = P / G * v.value;
       t.vertical && (P = f.deltaY.value, G = j.height, ue = P / G * v.value), V(i) ? o[n.value] = i[n.value] + ue : o = i + ue, F(o);
-    }, O = (S) => {
-      t.disabled || d.value === "draging" && (F(o, !0), l("dragEnd"), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", O), window.removeEventListener("touchend", O), S.type.startsWith("touch") && (y.value = !1), setTimeout(() => {
+    }, O = (B) => {
+      t.disabled || d.value === "draging" && (F(o, !0), l("dragEnd"), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", O), window.removeEventListener("touchend", O), B.type.startsWith("touch") && (y.value = !1), setTimeout(() => {
         d.value = "";
       }));
-    }, q = (S, j) => {
-      t.disabled || (X(S), window.addEventListener("mousemove", M), window.addEventListener("touchmove", M), window.addEventListener("mouseup", O), window.addEventListener("touchend", O));
-    }, le = (S) => Array.isArray(t.modelValue) && typeof S == "number" ? t.modelValue[S] : Number(t.modelValue);
-    return (S, j) => (c(), u("div", {
+    }, q = (B, j) => {
+      t.disabled || (X(B), window.addEventListener("mousemove", M), window.addEventListener("touchmove", M), window.addEventListener("mouseup", O), window.addEventListener("touchend", O));
+    }, le = (B) => Array.isArray(t.modelValue) && typeof B == "number" ? t.modelValue[B] : Number(t.modelValue);
+    return (B, j) => (c(), u("div", {
       class: z(_.value)
     }, [
       e.hiddenRange ? I("", !0) : (c(), u("div", ci, H(+e.min), 1)),
@@ -4930,7 +4932,7 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
               typeof P == "number" && (n.value = P), q(G);
             }
           }, [
-            S.$slots.button ? R(S.$slots, "button", { key: 0 }, void 0, !0) : (c(), u("div", {
+            B.$slots.button ? R(B.$slots, "button", { key: 0 }, void 0, !0) : (c(), u("div", {
               key: 1,
               class: "abl-range-button",
               style: E(b.value)
@@ -4961,7 +4963,7 @@ const ll = (e) => (ge("data-v-f9f5ec36"), e = e(), ye(), e), ci = {
               q(P);
             })
           }, [
-            S.$slots.button ? R(S.$slots, "button", { key: 0 }, void 0, !0) : (c(), u("div", {
+            B.$slots.button ? R(B.$slots, "button", { key: 0 }, void 0, !0) : (c(), u("div", {
               key: 1,
               class: "abl-range-button",
               style: E(b.value)