abl-ui 0.5.34 → 0.5.35

package/lib/abl-ui.es.js

@@ -265,18 +265,18 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
     const h = y();
     (M = l.default()) == null || M.map(({ props: C, children: L }) => {
       if (C) {
-        const { title: T, value: _, icon: B, afterIcon: b } = C;
+        const { title: T, value: w, icon: B, afterIcon: b } = C;
         s.value.push({
           title: T,
-          value: _,
+          value: w,
           icon: B,
           afterIcon: b
         });
       } else
         (L == null ? void 0 : L.length) > 0 && Array.isArray(L) && (L == null || L.map((T) => {
-          const { title: _, value: B, icon: b, afterIcon: S } = T.props;
+          const { title: w, value: B, icon: b, afterIcon: S } = T.props;
           s.value.push({
-            title: _,
+            title: w,
             value: B,
             icon: b,
             afterIcon: S
@@ -284,13 +284,13 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
         }));
     }), $e("active", f);
     const x = (C, L) => {
-      var _;
+      var w;
       C.target.scrollIntoView({
         behavior: "auto",
         inline: "nearest",
         block: "nearest"
       });
-      const T = (_ = C == null ? void 0 : C.target) == null ? void 0 : _.offsetLeft;
+      const T = (w = C == null ? void 0 : C.target) == null ? void 0 : w.offsetLeft;
       i.value = {
         transform: `translateX(${T}px)`,
         width: C.target.clientWidth + "px"
@@ -306,9 +306,9 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
       C.scrollLeft > 0 && (C.scrollLeft -= L);
     };
     ge(async () => {
-      h.value = await g(), await me(), w();
+      h.value = await g(), await me(), _();
     });
-    const w = () => {
+    const _ = () => {
       if (!o.value)
         return;
       let C = 0;
@@ -320,14 +320,14 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
         transform: `translateX(${T}px)`,
         width: L.clientWidth + "px"
       };
-      const _ = document.getElementById("tab-hidden" + h.value);
-      (_ == null ? void 0 : _.scrollWidth) - 2 > (_ == null ? void 0 : _.clientWidth) ? m.value = !0 : m.value = !1, _.addEventListener("scroll", function(B) {
+      const w = document.getElementById("tab-hidden" + h.value);
+      (w == null ? void 0 : w.scrollWidth) - 2 > (w == null ? void 0 : w.clientWidth) ? m.value = !0 : m.value = !1, w.addEventListener("scroll", function(B) {
         var b, S, H;
         ((b = B.target) == null ? void 0 : b.scrollLeft) + ((S = B.target) == null ? void 0 : S.offsetWidth) >= ((H = B.target) == null ? void 0 : H.scrollWidth) - 1 && (v.value = !1, p.value = !0), B.target.scrollLeft == 0 && (v.value = !0, p.value = !1);
       });
     };
     return ne(() => a.modelValue, async () => {
-      f.value = a.modelValue, w();
+      f.value = a.modelValue, _();
     }, {
       immediate: !0
     }), (C, L) => {
@@ -347,22 +347,22 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
             class: "tabs-header",
             id: "tab-hidden" + h.value
           }, [
-            (r(!0), d(K, null, ae(s.value, (_) => (r(), d("div", {
-              class: I([f.value === _.value ? "header-btn-active" : "", "header-btn"]),
-              key: _.title,
+            (r(!0), d(K, null, ae(s.value, (w) => (r(), d("div", {
+              class: I([f.value === w.value ? "header-btn-active" : "", "header-btn"]),
+              key: w.title,
               ref_for: !0,
               ref_key: "tabs",
               ref: o,
-              onClick: (B) => x(B, _.value)
+              onClick: (B) => x(B, w.value)
             }, [
-              _.icon ? (r(), d("i", {
+              w.icon ? (r(), d("i", {
                 key: 0,
-                class: I(["tab-icon", _.icon])
+                class: I(["tab-icon", w.icon])
               }, null, 2)) : A("", !0),
-              Q(D(_.title) + " ", 1),
-              _.afterIcon ? (r(), d("i", {
+              Q(D(w.title) + " ", 1),
+              w.afterIcon ? (r(), d("i", {
                 key: 1,
-                class: I(["iconfont-abl tab-icon-after", _.afterIcon])
+                class: I(["iconfont-abl tab-icon-after", w.afterIcon])
               }, null, 2)) : A("", !0)
             ], 10, Fl))), 128)),
             (T = i.value) != null && T.width ? (r(), d("div", {
@@ -710,7 +710,7 @@ const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter
       const b = s.value.length - 1, S = s.value[b];
       S.top !== void 0 ? m.value = typeof S.top == "number" ? `${S.top}px` : S.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[b] = !0, S.duration !== null ? (c.value = S.duration || l.duration, x(b)) : c.value = null;
     }
-    const w = (b, S) => {
+    const _ = (b, S) => {
       let H;
       return typeof b == "string" ? H = {
         content: b,
@@ -723,27 +723,27 @@ const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter
       }, H;
     };
     function M(b) {
-      let S = w(b, "open");
+      let S = _(b, "open");
       return s.value.push(S), k(), S.id;
     }
     function C(b) {
-      let S = w(b, "info");
+      let S = _(b, "info");
       return s.value.push(S), k(), S.id;
     }
     function L(b) {
-      let S = w(b, "success");
+      let S = _(b, "success");
       return s.value.push(S), k(), S.id;
     }
     function T(b) {
-      let S = w(b, "error");
+      let S = _(b, "error");
       return s.value.push(S), k(), S.id;
     }
-    function _(b) {
-      let S = w(b, "warning");
+    function w(b) {
+      let S = _(b, "warning");
       return s.value.push(S), k(), S.id;
     }
     function B(b) {
-      let S = w(b, "loading");
+      let S = _(b, "loading");
       return s.value.push(S), k(), S.id;
     }
     return n({
@@ -751,7 +751,7 @@ const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter
       info: C,
       success: L,
       error: T,
-      warning: _,
+      warning: w,
       loading: B,
       close: $
     }), (b, S) => (r(), d("div", {
@@ -1444,7 +1444,7 @@ const Jn = async (e, n, t) => {
       name: $,
       fn: k
     } = s[x], {
-      x: w,
+      x: _,
       y: M,
       data: C,
       reset: L
@@ -1462,7 +1462,7 @@ const Jn = async (e, n, t) => {
         floating: n
       }
     });
-    m = w ?? m, p = M ?? p, g = {
+    m = _ ?? m, p = M ?? p, g = {
       ...g,
       [$]: {
         ...g[$],
@@ -1506,7 +1506,7 @@ async function Wt(e, n) {
     boundary: f,
     rootBoundary: m,
     strategy: c
-  })), w = p === "floating" ? {
+  })), _ = p === "floating" ? {
     ...o.floating,
     x: l,
     y: a
@@ -1518,10 +1518,10 @@ async function Wt(e, n) {
     y: 1
   }, L = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
-    rect: w,
+    rect: _,
     offsetParent: M,
     strategy: c
-  }) : w);
+  }) : _);
   return {
     top: (k.top - L.top + h.top) / C.y,
     bottom: (L.bottom - k.bottom + h.bottom) / C.y,
@@ -1550,10 +1550,10 @@ const Zn = (e) => ({
     const p = jt(m), v = {
       x: t,
       y: l
-    }, g = gt(a), h = ht(g), x = await o.getDimensions(f), $ = g === "y", k = $ ? "top" : "left", w = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", C = i.reference[h] + i.reference[g] - v[g] - i.floating[h], L = v[g] - i.reference[g], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
-    let _ = T ? T[M] : 0;
-    (!_ || !await (o.isElement == null ? void 0 : o.isElement(T))) && (_ = s.floating[M] || i.floating[h]);
-    const B = C / 2 - L / 2, b = _ / 2 - x[h] / 2 - 1, S = Me(p[k], b), H = Me(p[w], b), U = S, F = _ - x[h] - H, j = _ / 2 - x[h] / 2 + B, z = ct(U, j, F), X = !c.arrow && je(a) != null && j !== z && i.reference[h] / 2 - (j < U ? S : H) - x[h] / 2 < 0, O = X ? j < U ? j - U : j - F : 0;
+    }, g = gt(a), h = ht(g), x = await o.getDimensions(f), $ = g === "y", k = $ ? "top" : "left", _ = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", C = i.reference[h] + i.reference[g] - v[g] - i.floating[h], L = v[g] - i.reference[g], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
+    let w = T ? T[M] : 0;
+    (!w || !await (o.isElement == null ? void 0 : o.isElement(T))) && (w = s.floating[M] || i.floating[h]);
+    const B = C / 2 - L / 2, b = w / 2 - x[h] / 2 - 1, S = Me(p[k], b), H = Me(p[_], b), U = S, F = w - x[h] - H, j = w / 2 - x[h] / 2 + B, z = ct(U, j, F), X = !c.arrow && je(a) != null && j !== z && i.reference[h] / 2 - (j < U ? S : H) - x[h] / 2 < 0, O = X ? j < U ? j - U : j - F : 0;
     return {
       [g]: v[g] + O,
       data: {
@@ -1590,18 +1590,18 @@ const Zn = (e) => ({
       } = Ue(e, n);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const k = Ae(a), w = Ae(s) === s, M = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), C = v || (w || !x ? [Ke(s)] : Yn(s));
+      const k = Ae(a), _ = Ae(s) === s, M = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), C = v || (_ || !x ? [Ke(s)] : Yn(s));
       !v && h !== "none" && C.push(...Kn(s, x, h, M));
-      const L = [s, ...C], T = await Wt(n, $), _ = [];
+      const L = [s, ...C], T = await Wt(n, $), w = [];
       let B = ((l = i.flip) == null ? void 0 : l.overflows) || [];
-      if (m && _.push(T[k]), p) {
+      if (m && w.push(T[k]), p) {
         const U = qn(a, o, M);
-        _.push(T[U[0]], T[U[1]]);
+        w.push(T[U[0]], T[U[1]]);
       }
       if (B = [...B, {
         placement: a,
-        overflows: _
-      }], !_.every((U) => U <= 0)) {
+        overflows: w
+      }], !w.every((U) => U <= 0)) {
         var b, S;
         const U = (((b = i.flip) == null ? void 0 : b.index) || 0) + 1, F = L[U];
         if (F)
@@ -1704,11 +1704,11 @@ const ta = function(e) {
           fn: ($) => {
             let {
               x: k,
-              y: w
+              y: _
             } = $;
             return {
               x: k,
-              y: w
+              y: _
             };
           }
         },
@@ -1719,12 +1719,12 @@ const ta = function(e) {
       }, m = await Wt(n, c), p = tt(Ae(a)), v = Ut(p);
       let g = f[v], h = f[p];
       if (i) {
-        const $ = v === "y" ? "top" : "left", k = v === "y" ? "bottom" : "right", w = g + m[$], M = g - m[k];
-        g = ct(w, g, M);
+        const $ = v === "y" ? "top" : "left", k = v === "y" ? "bottom" : "right", _ = g + m[$], M = g - m[k];
+        g = ct(_, g, M);
       }
       if (o) {
-        const $ = p === "y" ? "top" : "left", k = p === "y" ? "bottom" : "right", w = h + m[$], M = h - m[k];
-        h = ct(w, h, M);
+        const $ = p === "y" ? "top" : "left", k = p === "y" ? "bottom" : "right", _ = h + m[$], M = h - m[k];
+        h = ct(_, h, M);
       }
       const x = s.fn({
         ...n,
@@ -1879,7 +1879,7 @@ function ze(e, n, t, l) {
     const v = ue(i), g = l && _e(l) ? ue(l) : l;
     let h = v, x = h.frameElement;
     for (; x && l && g !== h; ) {
-      const $ = Ee(x), k = x.getBoundingClientRect(), w = pe(x), M = k.left + (x.clientLeft + parseFloat(w.paddingLeft)) * $.x, C = k.top + (x.clientTop + parseFloat(w.paddingTop)) * $.y;
+      const $ = Ee(x), k = x.getBoundingClientRect(), _ = pe(x), M = k.left + (x.clientLeft + parseFloat(_.paddingLeft)) * $.x, C = k.top + (x.clientTop + parseFloat(_.paddingTop)) * $.y;
       c *= $.x, f *= $.y, m *= $.x, p *= $.y, c += M, f += C, h = ue(x), x = h.frameElement;
     }
   }
@@ -2106,7 +2106,7 @@ function _a(e, n) {
     } = e.getBoundingClientRect();
     if (s || n(), !p || !v)
       return;
-    const g = Ye(m), h = Ye(a.clientWidth - (f + p)), x = Ye(a.clientHeight - (m + v)), $ = Ye(f), w = {
+    const g = Ye(m), h = Ye(a.clientWidth - (f + p)), x = Ye(a.clientHeight - (m + v)), $ = Ye(f), _ = {
       rootMargin: -g + "px " + -h + "px " + -x + "px " + -$ + "px",
       threshold: Be(0, Me(1, c)) || 1
     };
@@ -2124,12 +2124,12 @@ function _a(e, n) {
     }
     try {
       t = new IntersectionObserver(C, {
-        ...w,
+        ..._,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(C, w);
+      t = new IntersectionObserver(C, _);
     }
     t.observe(e);
   }
@@ -2152,8 +2152,8 @@ function wa(e, n, t, l) {
   const p = f && s ? _a(f, t) : null;
   let v = -1, g = null;
   o && (g = new ResizeObserver((k) => {
-    let [w] = k;
-    w && w.target === f && g && (g.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+    let [_] = k;
+    _ && _.target === f && g && (g.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       var M;
       (M = g) == null || M.observe(n);
     })), t();
@@ -2166,8 +2166,8 @@ function wa(e, n, t, l) {
   }
   return t(), () => {
     var k;
-    m.forEach((w) => {
-      a && w.removeEventListener("scroll", t), i && w.removeEventListener("resize", t);
+    m.forEach((_) => {
+      a && _.removeEventListener("scroll", t), i && _.removeEventListener("resize", t);
     }), p == null || p(), (k = g) == null || k.disconnect(), g = null, c && cancelAnimationFrame(h);
   };
 }
@@ -2249,18 +2249,18 @@ const Ca = ["data-side"], el = {
       middlewareData: h
     };
     let $ = null;
-    const k = y(!1), w = y(), M = (z) => {
-      w.value = z && z.nextElementSibling || null;
+    const k = y(!1), _ = y(), M = (z) => {
+      _.value = z && z.nextElementSibling || null;
     }, C = () => {
       k.value = !0;
     }, L = () => k.value = !1, T = () => {
-      w.value && me(() => {
-        w.value.addEventListener("click", B);
-        const z = w.value.getBoundingClientRect();
-        l.widthAuto && (f.value = z != null && z.width ? (z == null ? void 0 : z.width) + "px" : "auto"), c.value && (w.value.addEventListener("mouseover", C, { capture: !0 }), w.value.addEventListener("mouseout", L, { capture: !0 }));
+      _.value && me(() => {
+        _.value.addEventListener("click", B);
+        const z = _.value.getBoundingClientRect();
+        l.widthAuto && (f.value = z != null && z.width ? (z == null ? void 0 : z.width) + "px" : "auto"), c.value && (_.value.addEventListener("mouseover", C, { capture: !0 }), _.value.addEventListener("mouseout", L, { capture: !0 }));
       });
-    }, _ = () => {
-      w.value && (w.value.removeEventListener("click", B), c.value && (w.value.removeEventListener("mouseover", C, { capture: !0 }), w.value.removeEventListener("mouseout", L, { capture: !0 })));
+    }, w = () => {
+      _.value && (_.value.removeEventListener("click", B), c.value && (_.value.removeEventListener("mouseover", C, { capture: !0 }), _.value.removeEventListener("mouseout", L, { capture: !0 })));
     };
     ge(() => {
       t.value = !0, T(), vt(() => {
@@ -2268,10 +2268,10 @@ const Ca = ["data-side"], el = {
       });
     }), ne(() => m.value, (z) => {
       z && M(m.value);
-    }, { immediate: !0 }), ne(w, (z, X) => {
-      X && _(), z && T();
+    }, { immediate: !0 }), ne(_, (z, X) => {
+      X && w(), z && T();
     }, { immediate: !0 }), pt(() => {
-      _(), T();
+      w(), T();
     });
     const B = (z) => {
       l.shouldStopPropagation && z.stopPropagation(), C(), setTimeout(() => {
@@ -2288,9 +2288,9 @@ const Ca = ["data-side"], el = {
         top: (z == null ? void 0 : z.y) + "px"
       };
     }), F = async () => {
-      if (!(!w.value || !p.value))
+      if (!(!_.value || !p.value))
         try {
-          const z = await Sa(w.value, p.value, {
+          const z = await Sa(_.value, p.value, {
             middleware: se(i),
             placement: se(o),
             strategy: se(s)
@@ -2303,15 +2303,15 @@ const Ca = ["data-side"], el = {
         }
     };
     async function j() {
-      if (!(!w.value || !p.value))
+      if (!(!_.value || !p.value))
         try {
-          await me(), $ = wa(w.value, p.value, F);
+          await me(), $ = wa(_.value, p.value, F);
         } catch (z) {
           console.error("Error updating position:", z);
         }
     }
     return Qe(() => {
-      _(), $ && $();
+      w(), $ && $();
     }), n({
       open: C,
       close: L
@@ -3082,7 +3082,7 @@ const so = /* @__PURE__ */ u("div", {
       }
       const O = Math.max(z, X), N = Math.pow(10, O);
       return F = Math.round(F * N), j = Math.round(j * N), (F + j) / N;
-    }, w = (F) => {
+    }, _ = (F) => {
       i.value[F] = !0;
     }, M = (F) => {
       o.value = (o.value + 1) % a.value;
@@ -3092,7 +3092,7 @@ const so = /* @__PURE__ */ u("div", {
       s.value + l.zoomRate > l.maxScale ? s.value = l.maxScale : s.value = k(s.value, l.zoomRate);
     }, T = () => {
       s.value - l.zoomRate < l.minScale ? s.value = l.minScale : s.value = k(s.value, -l.zoomRate);
-    }, _ = () => {
+    }, w = () => {
       v.value -= 90;
     }, B = () => {
       v.value += 90;
@@ -3151,7 +3151,7 @@ const so = /* @__PURE__ */ u("div", {
                       title: "",
                       class: "abl-image-preview__img",
                       style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${v.value}deg);`),
-                      onLoad: (O) => w(X),
+                      onLoad: (O) => _(X),
                       onMousedown: j[0] || (j[0] = J((O) => S(O), ["prevent"])),
                       onClick: j[1] || (j[1] = J(() => {
                       }, ["stop"]))
@@ -3181,7 +3181,7 @@ const so = /* @__PURE__ */ u("div", {
                     alt: "",
                     title: "",
                     style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${v.value}deg);`),
-                    onLoad: (O) => w(X),
+                    onLoad: (O) => _(X),
                     onMousedown: j[2] || (j[2] = J((O) => S(O), ["prevent"])),
                     onClick: j[3] || (j[3] = J(() => {
                     }, ["stop"])),
@@ -3225,7 +3225,7 @@ const so = /* @__PURE__ */ u("div", {
                   }, Vo),
                   u("i", {
                     class: "abl-icon",
-                    onClick: _
+                    onClick: w
                   }, Io),
                   u("i", {
                     class: "abl-icon",
@@ -3542,9 +3542,9 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
     var L;
     const t = n, l = De(), a = typeof window < "u" && typeof document < "u", i = e, o = y([]);
     (L = l.default()) == null || L.forEach((T) => {
-      const { props: _ } = T;
-      if (_) {
-        const { title: B, disabled: b } = _;
+      const { props: w } = T;
+      if (w) {
+        const { title: B, disabled: b } = w;
         o.value.push({
           title: B,
           disabled: b
@@ -3562,18 +3562,18 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
         immediate: !0
       }
     );
-    const h = (T, _) => {
-      if (!o.value[_].disabled) {
-        if (_ === p.value && i.closeOnClickSelf) {
+    const h = (T, w) => {
+      if (!o.value[w].disabled) {
+        if (w === p.value && i.closeOnClickSelf) {
           $(), setTimeout(() => {
-            c.value.children[_].style.display = "none";
+            c.value.children[w].style.display = "none";
           }, i.duration);
           return;
         }
-        v.value = !0, x(_);
+        v.value = !0, x(w);
       }
     }, x = async (T) => {
-      await k(), f.value = !0, p.value = T, Array.from(c.value.children).map((_, B) => {
+      await k(), f.value = !0, p.value = T, Array.from(c.value.children).map((w, B) => {
         B === T ? c.value.children[B].style.display = "block" : c.value.children[B].style.display = "none";
       }), t("open", p.value);
     }, $ = () => {
@@ -3584,9 +3584,9 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
       var B;
       if (!a)
         return;
-      const { top: T, bottom: _ } = (B = s == null ? void 0 : s.value) == null ? void 0 : B.getBoundingClientRect();
-      _ > 0 && (m.value = _ - 1);
-    }, w = () => {
+      const { top: T, bottom: w } = (B = s == null ? void 0 : s.value) == null ? void 0 : B.getBoundingClientRect();
+      w > 0 && (m.value = w - 1);
+    }, _ = () => {
       i.closeOnClickMask && $();
     }, M = Le({
       ...He(i),
@@ -3597,7 +3597,7 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
     });
     return $e(Go, M), ge(() => {
       k();
-    }), (T, _) => (r(), d("div", {
+    }), (T, w) => (r(), d("div", {
       class: "abl-dropdown",
       ref_key: "root",
       ref: C
@@ -3638,8 +3638,8 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
             top: g(m.value)
           }
         ]),
-        onClick: w,
-        onTouchmove: _[1] || (_[1] = J(() => {
+        onClick: _,
+        onTouchmove: w[1] || (w[1] = J(() => {
         }, ["prevent"]))
       }, [
         fe(ke, { name: "fade-mask" }, {
@@ -3653,7 +3653,7 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
         fe(ke, { name: "slide-top" }, {
           default: re(() => [
             Z(u("div", {
-              onTouchmove: _[0] || (_[0] = J(() => {
+              onTouchmove: w[0] || (w[0] = J(() => {
               }, ["prevent"])),
               class: "abl-dropdown__content",
               ref_key: "childrenRef",
@@ -3824,12 +3824,12 @@ const fs = {
       default: ""
     }
   },
-  emits: ["update:modelValue", "focus", "blur", "clear"],
+  emits: ["update:modelValue", "focus", "blur", "clear", "input"],
   setup(e, { expose: n, emit: t }) {
     const l = e, a = t, i = y(), o = y(l.autofocus), s = y(!0), c = y(l.type), f = y(!1), m = P({
       get: () => l.modelValue,
-      set: (w) => {
-        a("update:modelValue", w);
+      set: (_) => {
+        a("update:modelValue", _);
       }
     }), p = () => {
       o.value = !0, f.value = l.clearable && m.value, a("focus");
@@ -3837,8 +3837,8 @@ const fs = {
       o.value = !1, a("blur"), setTimeout(() => {
         f.value = !1;
       }, 500);
-    }, g = (w) => {
-      w.target.value ? f.value = l.clearable : f.value = !1;
+    }, g = (_) => {
+      _.target.value ? f.value = l.clearable : f.value = !1, a("input", _.target.value);
     }, h = () => {
       m.value = "", a("clear");
     }, x = () => {
@@ -3852,19 +3852,19 @@ const fs = {
     }
     return n({
       blur: () => {
-        var w;
-        return (w = i.value) == null ? void 0 : w.blur();
+        var _;
+        return (_ = i.value) == null ? void 0 : _.blur();
       },
       focus: () => {
-        var w;
-        return (w = i.value) == null ? void 0 : w.focus();
+        var _;
+        return (_ = i.value) == null ? void 0 : _.focus();
       },
       clear: h,
       input: () => i.value
-    }), (w, M) => (r(), d("div", {
-      class: I(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": w.$slots.addonBefore || e.addonBefore || w.$slots.addonAfter || e.addonAfter }])
+    }), (_, M) => (r(), d("div", {
+      class: I(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": _.$slots.addonBefore || e.addonBefore || _.$slots.addonAfter || e.addonAfter }])
     }, [
-      R(w.$slots, "addonBefore", {}, () => [
+      R(_.$slots, "addonBefore", {}, () => [
         e.addonBefore ? (r(), d("span", fs, D(e.addonBefore), 1)) : A("", !0)
       ], !0),
       u("div", {
@@ -3872,8 +3872,8 @@ const fs = {
         onMouseenter: $,
         onMouseleave: k
       }, [
-        w.$slots.prefix || e.prefixIcon ? (r(), d("span", ps, [
-          R(w.$slots, "prefix", {}, void 0, !0),
+        _.$slots.prefix || e.prefixIcon ? (r(), d("span", ps, [
+          R(_.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (r(), d("i", {
             key: 0,
             class: I(["iconfont-abl", e.suffixIcon])
@@ -3891,9 +3891,9 @@ const fs = {
           disabled: e.disabled,
           onFocus: p,
           onBlur: v
-        }, w.$attrs, {
+        }, _.$attrs, {
           onInput: g,
-          onKeyup: M[1] || (M[1] = (...C) => w.onKeyUp && w.onKeyUp(...C))
+          onKeyup: M[1] || (M[1] = (...C) => _.onKeyUp && _.onKeyUp(...C))
         }), null, 16, vs), [
           [vl, m.value]
         ]),
@@ -3917,20 +3917,20 @@ const fs = {
             [te, f.value]
           ])
         ])) : A("", !0),
-        w.$slots.suffix || e.suffixIcon ? (r(), d("span", hs, [
-          R(w.$slots, "suffix", {}, void 0, !0),
+        _.$slots.suffix || e.suffixIcon ? (r(), d("span", hs, [
+          R(_.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (r(), d("i", {
             key: 0,
             class: I(["iconfont-abl", e.suffixIcon])
           }, null, 2)) : A("", !0)
         ])) : A("", !0)
       ], 34),
-      R(w.$slots, "addonAfter", {}, () => [
+      R(_.$slots, "addonAfter", {}, () => [
         e.addonAfter ? (r(), d("span", gs, D(e.addonAfter), 1)) : A("", !0)
       ], !0)
     ], 2));
   }
-}), bs = /* @__PURE__ */ G(ys, [["__scopeId", "data-v-42f52786"]]);
+}), bs = /* @__PURE__ */ G(ys, [["__scopeId", "data-v-ad4e260c"]]);
 const ot = (e) => (ye("data-v-d27e2131"), e = e(), be(), e), _s = { class: "abl-spin-box" }, ws = {
   key: 0,
   class: "abl-spin-logo"
@@ -4095,37 +4095,37 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
     function m() {
       l.value = [...t.fileList], l.value.length > t.maxCount && l.value.splice(t.maxCount), t.disabled ? a.value = l.value.length : l.value.length < t.maxCount ? a.value = t.fileList.length + 1 : a.value = t.maxCount;
     }
-    const p = (_) => {
+    const p = (w) => {
       const B = /\.(jpg|jpeg|png|gif|webp)$/i, b = /^data:image/;
-      return B.test(_) || b.test(_);
-    }, v = (_) => {
-      c.value = !0, f.value = _;
-    }, g = (_, B) => {
+      return B.test(w) || b.test(w);
+    }, v = (w) => {
+      c.value = !0, f.value = w;
+    }, g = (w, B) => {
       var S;
-      const b = (S = _.dataTransfer) == null ? void 0 : S.files;
+      const b = (S = w.dataTransfer) == null ? void 0 : S.files;
       if (b != null && b.length) {
         const H = b.length;
         for (let U = 0; U < H && B + U <= t.maxCount; U++)
           k(b[U], B + U);
         o.value[B].value = "";
       }
-    }, h = (_) => {
-      o.value[_].click();
-    }, x = (_, B) => {
-      const b = _.target.files;
+    }, h = (w) => {
+      o.value[w].click();
+    }, x = (w, B) => {
+      const b = w.target.files;
       if (b != null && b.length) {
         const S = b.length;
         for (let H = 0; H < S && B + H < t.maxCount; H++)
           k(b[H], B + H);
         o.value[B].value = "";
       }
-    }, $ = n, k = function(_, B) {
-      t.beforeUpload(_) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (i.value[B] = !0, w(_, B)), t.uploadMode === "custom" && (i.value[B] = !0, M(_, B))) : me(() => {
+    }, $ = n, k = function(w, B) {
+      t.beforeUpload(w) ? (t.maxCount > a.value && a.value++, t.uploadMode === "base64" && (i.value[B] = !0, _(w, B)), t.uploadMode === "custom" && (i.value[B] = !0, M(w, B))) : me(() => {
         T(t.errorInfo);
       });
-    }, w = (_, B) => {
+    }, _ = (w, B) => {
       var b = new FileReader();
-      b.readAsDataURL(_), b.onloadstart = function(S) {
+      b.readAsDataURL(w), b.onloadstart = function(S) {
         console.log("开始读取 onloadstart:", S);
       }, b.onabort = function(S) {
         console.log("读取中止 onabort:", S);
@@ -4136,35 +4136,35 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
       }, b.onload = function(S) {
         var H, U;
         t.isUrl ? l.value.push({
-          name: _.name,
+          name: w.name,
           url: (H = S.target) == null ? void 0 : H.result,
-          type: _.type
+          type: w.type
         }) : l.value.push((U = S.target) == null ? void 0 : U.result), $("update:fileList", l.value), $("change", l.value);
       }, b.onloadend = function(S) {
         console.log("读取结束 onloadend:", S);
       };
-    }, M = (_, B) => {
-      t.customRequest(_).then((b) => {
+    }, M = (w, B) => {
+      t.customRequest(w).then((b) => {
         b && l.value.push(b), $("update:fileList", l.value), $("change", l.value);
       }).catch((b) => {
         t.maxCount > 1 && (a.value = l.value.length + 1), T(b);
       }).finally(() => {
         i.value[B] = !1;
       });
-    }, C = (_, B) => {
+    }, C = (w, B) => {
       if (p(B)) {
-        const b = l.value.slice(0, _).filter((S) => !p(t.isUrl ? S.url : S));
-        s.value[_ - b.length].onPreview();
+        const b = l.value.slice(0, w).filter((S) => !p(t.isUrl ? S.url : S));
+        s.value[w - b.length].onPreview();
       } else
         v(B);
-    }, L = (_) => {
+    }, L = (w) => {
       l.value.length < t.maxCount && a.value--;
-      const B = l.value.splice(_, 1);
+      const B = l.value.splice(w, 1);
       $("remove", B), $("update:fileList", l.value), $("change", l.value);
-    }, T = (_) => {
-      Dt.error(_);
+    }, T = (w) => {
+      Dt.error(w);
     };
-    return (_, B) => (r(), d("div", Ls, [
+    return (w, B) => (r(), d("div", Ls, [
       (r(!0), d(K, null, ae(a.value, (b) => (r(), d("div", {
         class: "abl-upload-item",
         key: b
@@ -4194,7 +4194,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
             u("div", null, [
               Es,
               e.tip ? (r(), d("p", Ms, [
-                R(_.$slots, "default", {}, () => [
+                R(w.$slots, "default", {}, () => [
                   Q(D(e.tip), 1)
                 ], !0)
               ])) : A("", !0)
@@ -4354,27 +4354,27 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
     }), m = y(""), p = y(), v = y(null), g = y(""), h = y(), x = y(o.modelValue), $ = y(!1), k = P(() => {
       var N;
       return { width: (((N = p.value) == null ? void 0 : N.getBoundingClientRect().width) || 0) + "px" };
-    }), w = Le({
+    }), _ = Le({
       list: o == null ? void 0 : o.options
     }), M = y(!1), C = y(
       o.search && g.value === "focus" && M.value
-    ), L = P(() => o.disabled), T = y(""), _ = y([]), B = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], b = () => {
+    ), L = P(() => o.disabled), T = y(""), w = y([]), B = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], b = () => {
       var O;
       try {
-        l.default && (w.list = [], (O = l.default()) == null || O.map((N) => {
+        l.default && (_.list = [], (O = l.default()) == null || O.map((N) => {
           var q;
-          N.props ? (w.list.push({
+          N.props ? (_.list.push({
             ...N.props
-          }), x.value === N.props.value && _.value.push({
+          }), x.value === N.props.value && w.value.push({
             ...N.props
           })) : ((q = N == null ? void 0 : N.children) == null ? void 0 : q.length) > 0 && N.children.map((le) => {
-            w.list.push({
+            _.list.push({
               ...le.props
-            }), x.value === le.props.value && (_.value.splice(0, _.value.length), _.value.push({
+            }), x.value === le.props.value && (w.value.splice(0, w.value.length), w.value.push({
               ...le.props
             }));
           });
-        }), s = w.list);
+        }), s = _.list);
       } catch (N) {
         console.log(N);
       }
@@ -4396,7 +4396,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
           let le = O.target.value.toLowerCase();
           return q.name.toLowerCase().includes(le);
         });
-        w.list = N;
+        _.list = N;
       }
     }, H = (O) => {
       o.disabled || (M.value = !0, g.value === "focus" ? g.value = "blur" : g.value = "focus", setTimeout(() => {
@@ -4416,20 +4416,20 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       }
       M.value = !1, N.stopPropagation(), (le = v.value) == null || le.blur();
       let q = null;
-      g.value = "blur", _.value[0] && _.value[0].value === O.value ? _.value.shift() : _.value[0] = O, q = O.value, c("update:modelValue", q), c("change", q, O, $t(_.value)), h.value.close();
+      g.value = "blur", w.value[0] && w.value[0].value === O.value ? w.value.shift() : w.value[0] = O, q = O.value, c("update:modelValue", q), c("change", q, O, $t(w.value)), h.value.close();
     };
     $e("handleSlotClick", U);
     const F = () => {
       var O;
-      (O = v.value) == null || O.focus(), !C.value && g.value === "focus" && _.value.length > 0 && (_.value.pop(), c("change", $t(_.value)));
+      (O = v.value) == null || O.focus(), !C.value && g.value === "focus" && w.value.length > 0 && (w.value.pop(), c("change", $t(w.value)));
     }, j = () => {
       $.value = !1, g.value = "blur", T.value = "", setTimeout(() => {
         h.value.close();
       }, 150);
     }, z = () => {
-      w.list = s, $.value = !0;
+      _.list = s, $.value = !0;
     }, X = () => {
-      c("update:modelValue", ""), c("change", ""), _.value.splice(0, _.value.length);
+      c("update:modelValue", ""), c("change", ""), w.value.splice(0, w.value.length);
     };
     return ne(
       M,
@@ -4438,7 +4438,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       },
       { immediate: !0, deep: !0 }
     ), ne(
-      () => _.value,
+      () => w.value,
       (O) => {
         O.length == 0 ? m.value = "" : m.value = O.map((N) => N == null ? void 0 : N.name).join(",");
       },
@@ -4449,7 +4449,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
         N.name = N[o.parames.name], N.value = N[o.parames.value];
       }), s = o == null ? void 0 : o.options, o == null || o.options.map((N) => {
         N.value == o.modelValue && (N.selected = !0);
-      }), w.list = o == null ? void 0 : o.options, _.value = [], _.value = (O = o == null ? void 0 : o.options) == null ? void 0 : O.filter((N) => N.selected === !0);
+      }), _.list = o == null ? void 0 : o.options, w.value = [], w.value = (O = o == null ? void 0 : o.options) == null ? void 0 : O.filter((N) => N.selected === !0);
     }, { immediate: !0, deep: !0 }), ge(() => {
       ne(g, (O) => {
         var N, q;
@@ -4458,8 +4458,8 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
         g.value = "blur";
       });
     }), ne(() => o.modelValue, async () => {
-      x.value = o.modelValue, x.value == "" && (m.value = "", _.value.splice(0, 1)), w.list.map((O) => {
-        O.value == o.modelValue && (_.value.splice(0, _.value.length), _.value.push({
+      x.value = o.modelValue, x.value == "" && (m.value = "", w.value.splice(0, 1)), _.list.map((O) => {
+        O.value == o.modelValue && (w.value.splice(0, w.value.length), w.value.push({
           ...O
         }));
       });
@@ -4486,8 +4486,8 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
             style: E(k.value),
             id: "abl-select"
           }, [
-            w.list.length > 0 ? (r(!0), d(K, { key: 0 }, ae(w.list, (q, le) => (r(), d("div", {
-              class: I(["abl-select-options-item", _.value.some((V) => V.value === q.value) ? "abl-options-item-active" : ""]),
+            _.list.length > 0 ? (r(!0), d(K, { key: 0 }, ae(_.list, (q, le) => (r(), d("div", {
+              class: I(["abl-select-options-item", w.value.some((V) => V.value === q.value) ? "abl-options-item-active" : ""]),
               key: q.name + q.value,
               onMousedown: (V) => U(q, V)
             }, [
@@ -4527,7 +4527,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
                     a.value ? R(O.$slots, "ablname", xt(xe({ key: 0 }, { name: m.value })), void 0, !0) : (r(), d("span", Zs, D(m.value), 1))
                   ])
                 ], 512), [
-                  [te, _.value.length && !C.value]
+                  [te, w.value.length && !C.value]
                 ]),
                 e.search ? Z((r(), d("input", {
                   key: 0,
@@ -4548,7 +4548,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
                   class: "abl-select-placeholder",
                   style: E({ "line-height": e.height })
                 }, D(e.placeholder), 5)), [
-                  [te, !_.value.length]
+                  [te, !w.value.length]
                 ])
               ], 4),
               u("span", {
@@ -4650,18 +4650,18 @@ const si = {
       }
       n.bordered ? me(() => {
         s.value.forEach(($, k) => {
-          $.forEach((w) => {
-            const M = Array.from(w.element.children), C = M[0].cloneNode(!0);
-            C.colSpan = 1, p(C, n.labelStyle), p(C, JSON.parse(w.element.dataset.labelStyle));
+          $.forEach((_) => {
+            const M = Array.from(_.element.children), C = M[0].cloneNode(!0);
+            C.colSpan = 1, p(C, n.labelStyle), p(C, JSON.parse(_.element.dataset.labelStyle));
             const L = M[1].cloneNode(!0);
-            L.colSpan = w.span * 2 - 1, p(L, n.contentStyle), p(L, JSON.parse(w.element.dataset.contentStyle)), o.value[k].appendChild(C), o.value[k].appendChild(L);
+            L.colSpan = _.span * 2 - 1, p(L, n.contentStyle), p(L, JSON.parse(_.element.dataset.contentStyle)), o.value[k].appendChild(C), o.value[k].appendChild(L);
           });
         });
       }) : me(() => {
         v.forEach(($, k) => {
-          const w = Array.from($.children), M = w[0];
+          const _ = Array.from($.children), M = _[0];
           p(M, n.labelStyle), p(M, JSON.parse($.dataset.labelStyle));
-          const C = w[1];
+          const C = _[1];
           p(C, n.contentStyle), p(C, JSON.parse($.dataset.contentStyle)), i.value[k].appendChild($);
         });
       });
@@ -4932,7 +4932,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       background: t.inactiveColor
     })), k = P(() => ({
       borderColor: t.buttonColor
-    })), w = y(!1), M = (V) => !!t.range && Array.isArray(V), C = () => {
+    })), _ = y(!1), M = (V) => !!t.range && Array.isArray(V), C = () => {
       const { modelValue: V, min: Y } = t;
       return M(V) ? `${(V[1] - V[0]) * 100 / p.value}%` : `${(V - Number(Y)) * 100 / p.value}%`;
     }, L = () => {
@@ -4948,7 +4948,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       left: L(),
       background: t.activeColor,
       transition: c.value ? "none" : void 0
-    }), _ = (V) => {
+    }), w = (V) => {
       const Y = "abl-range-mark", { modelValue: W, max: ee, min: de } = t;
       let ce = Number(de), ve = Number(ee);
       if (t.range) {
@@ -4987,7 +4987,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
     }, j = (V) => {
       if (t.disabled || c.value === "draging")
         return;
-      w.value = !0;
+      _.value = !0;
       const { min: Y, modelValue: W } = t, ee = Et(s);
       let de = V.clientX - ee.left, ce = ee.width;
       t.vertical && (de = V.clientY - ee.top, ce = ee.height);
@@ -5001,18 +5001,18 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
         document.addEventListener("mousedown", z, { once: !0 });
       });
     }, z = () => {
-      w.value = !1;
+      _.value = !1;
     }, X = (V) => {
       t.disabled || (f.start(V), o = t.modelValue, M(o) ? i = o.map(S) : i = S(o), c.value = "start");
     }, O = (V) => {
       if (t.disabled)
         return;
-      c.value === "start" && l("dragStart"), f.move(V), c.value = "draging", V.type.startsWith("touch") && (w.value = !0);
+      c.value === "start" && l("dragStart"), f.move(V), c.value = "draging", V.type.startsWith("touch") && (_.value = !0);
       const Y = Et(s);
       let W = f.deltaX.value, ee = Y.width, de = W / ee * p.value;
       t.vertical && (W = f.deltaY.value, ee = Y.height, de = W / ee * p.value), M(i) ? o[a.value] = i[a.value] + de : o = i + de, F(o);
     }, N = (V) => {
-      t.disabled || c.value === "draging" && (F(o, !0), l("dragEnd"), window.removeEventListener("mousemove", O), window.removeEventListener("touchmove", O), window.removeEventListener("mouseup", N), window.removeEventListener("touchend", N), V.type.startsWith("touch") && (w.value = !1), setTimeout(() => {
+      t.disabled || c.value === "draging" && (F(o, !0), l("dragEnd"), window.removeEventListener("mousemove", O), window.removeEventListener("touchmove", O), window.removeEventListener("mouseup", N), window.removeEventListener("touchend", N), V.type.startsWith("touch") && (_.value = !1), setTimeout(() => {
         c.value = "";
       }));
     }, q = (V, Y) => {
@@ -5032,7 +5032,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
         m.value.length > 0 ? (r(), d("div", Ci, [
           (r(!0), d(K, null, ae(m.value, (W) => (r(), d("span", {
             key: W,
-            class: I(_(W)),
+            class: I(w(W)),
             style: E(B(W))
           }, [
             Q(D(W) + " ", 1),
@@ -5073,7 +5073,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: I(["abl-handle-tooltip", [{ "display-tooltip": a.value === W && w.value }]])
+                class: I(["abl-handle-tooltip", [{ "display-tooltip": a.value === W && _.value }]])
               }, [
                 Q(D(le(W)) + " ", 1),
                 Bi
@@ -5104,7 +5104,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: I(["abl-handle-tooltip", [{ "display-tooltip": w.value }]])
+                class: I(["abl-handle-tooltip", [{ "display-tooltip": _.value }]])
               }, [
                 Q(D(le()) + " ", 1),
                 Li
@@ -5197,8 +5197,8 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
         end: h + $
       };
       k.start < 1 && (k.end = k.end + (1 - k.start), k.start = 1), k.end > s.value && (k.start = k.start - (k.end - s.value), k.end = s.value), k.start < 1 && (k.start = 1), k.start > 1 ? i.value = !0 : i.value = !1, k.end < s.value ? o.value = !0 : o.value = !1;
-      for (let w = k.start; w <= k.end; w++)
-        x.push(w);
+      for (let _ = k.start; _ <= k.end; _++)
+        x.push(_);
       return x;
     }, p = () => {
       a.value = a.value - t.pagerCount > 0 ? a.value - t.pagerCount : 1, l.itemRender && f("jump", a.value);
@@ -5246,7 +5246,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
         (r(!0), d(K, null, ae(c.value, ($, k) => (r(), d("div", {
           class: I(["abl-pagination-item", { active: a.value === $ }]),
           key: k,
-          onClick: (w) => !se(l).itemRender && g($)
+          onClick: (_) => !se(l).itemRender && g($)
         }, [
           R(h.$slots, "itemRender", {
             page: $,
@@ -5531,7 +5531,7 @@ const vr = {
         const $ = l.container;
         if (!i.value && !$)
           return;
-        const k = rt(i), w = o.value, M = rt(w), C = rt($);
+        const k = rt(i), _ = o.value, M = rt(_), C = rt($);
         if (s.height = k.height, s.width = k.width, l.position === "top")
           if ($) {
             s.fixed = m.value > k.top && C.bottom > 0;