y-design-ssr 1.1.9 → 1.1.11

package/libs/index.mjs

@@ -1,4 +1,4 @@
-import { ref as L, reactive as F, getCurrentInstance as le, provide as _t, isVNode as Se, inject as zt, onUnmounted as we, computed as B, defineComponent as z, createVNode as f, watch as j, onMounted as K, nextTick as ie, onBeforeUnmount as xe, onBeforeUpdate as st, onUpdated as yn, createTextVNode as bn, Fragment as He, createApp as Ce, h as Ve, Transition as We, withDirectives as te, vShow as ye, Teleport as ct, vModelText as Ot, mergeProps as Ie, vModelDynamic as Sn, resolveDirective as gt, watchEffect as wn, unref as pt } from "vue";
+import { ref as L, reactive as F, getCurrentInstance as le, provide as _t, isVNode as Se, inject as zt, onUnmounted as we, computed as B, defineComponent as z, createVNode as f, watch as j, onMounted as Z, nextTick as ie, onBeforeUnmount as xe, onBeforeUpdate as st, onUpdated as yn, createTextVNode as bn, Fragment as He, createApp as Ce, h as Ve, Transition as We, withDirectives as te, vShow as ye, Teleport as ct, vModelText as Ot, mergeProps as Ie, vModelDynamic as Sn, resolveDirective as gt, watchEffect as wn, unref as pt } from "vue";
 const xn = {
   "pull-refresh": {
     pulling: "下拉刷新...",
@@ -231,13 +231,13 @@ const R = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, bt = (
       if (!e.lazy)
         return;
       const $ = i.size + i.space, _ = r.length * $;
-      let W = -(m.offset + I.offset) - m.cloneNodeCount * $;
+      let W = -(m.offset + V.offset) - m.cloneNodeCount * $;
       W < 0 && (W += _);
-      const q = W + m.viewportSize;
+      const G = W + m.viewportSize;
       for (let X = 0; X < r.length; X++)
         if (!s.list[X]) {
           const J = $ * X, re = J + i.size;
-          (J >= W && J < q || re > W && re < q || J < W && re > q) && (s.list[X] = !0);
+          (J >= W && J < G || re > W && re < G || J < W && re > G) && (s.list[X] = !0);
         }
     }, s = F({
       list: c()
@@ -265,17 +265,17 @@ const R = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, bt = (
       } = g.value.getBoundingClientRect();
       e.vertical ? d(e.itemSize, _) : d(e.itemSize, $), l.value = l.value >= r.length ? r.length - 1 : l.value, l.value < 0 && (l.value = 0), u(l.value), w(), D();
     };
-    K(() => {
+    Z(() => {
       if (ie(S).catch(() => {
       }), e.touchable && g.value) {
         const $ = g.value;
-        $.addEventListener("touchstart", U, !1), $.addEventListener("mousedown", U, !1), $.addEventListener("touchmove", Z, !1), $.addEventListener("mousemove", Z, !1), $.addEventListener("touchend", P, !1), $.addEventListener("mouseup", P, !1), $.addEventListener("mouseleave", P, !1), $.addEventListener("touchcancel", P, !1);
+        $.addEventListener("touchstart", U, !1), $.addEventListener("mousedown", U, !1), $.addEventListener("touchmove", q, !1), $.addEventListener("mousemove", q, !1), $.addEventListener("touchend", I, !1), $.addEventListener("mouseup", I, !1), $.addEventListener("mouseleave", I, !1), $.addEventListener("touchcancel", I, !1);
       }
       window.addEventListener("resize", S, !1), window.addEventListener("orientationchange", S, !1);
     }), xe(() => {
-      if (V(), e.touchable && g.value) {
+      if (P(), e.touchable && g.value) {
         const $ = g.value;
-        $.removeEventListener("touchstart", U, !1), $.removeEventListener("mousedown", U, !1), $.removeEventListener("mousemove", Z, !1), $.removeEventListener("touchmove", Z, !1), $.removeEventListener("mouseup", P, !1), $.removeEventListener("touchend", P, !1), $.removeEventListener("mouseleave", P, !1), $.removeEventListener("touchcancel", P, !1);
+        $.removeEventListener("touchstart", U, !1), $.removeEventListener("mousedown", U, !1), $.removeEventListener("mousemove", q, !1), $.removeEventListener("touchmove", q, !1), $.removeEventListener("mouseup", I, !1), $.removeEventListener("touchend", I, !1), $.removeEventListener("mouseleave", I, !1), $.removeEventListener("touchcancel", I, !1);
       }
       window.removeEventListener("resize", S, !1), window.removeEventListener("orientationchange", S, !1);
     });
@@ -301,8 +301,8 @@ const R = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, bt = (
     }, y = () => {
       u(l.value), o("afterChange", l.value);
     }, C = ($) => (r.length + $) % r.length, b = ($, _ = !0) => {
-      l.value = C($), u($), h(), o("change", l.value), _ ? (I.transitionEnabled = !0, x.value && x.value.addEventListener("transitionend", () => {
-        I.transitionEnabled = !1, y();
+      l.value = C($), u($), h(), o("change", l.value), _ ? (V.transitionEnabled = !0, x.value && x.value.addEventListener("transitionend", () => {
+        V.transitionEnabled = !1, y();
       }, {
         once: !0
       })) : y();
@@ -312,13 +312,13 @@ const R = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, bt = (
       b(l.value + 1, $);
     };
     let E = null;
-    const V = () => {
+    const P = () => {
       e.autoplayTime && E && clearInterval(E);
     }, D = () => {
       e.autoplayTime && r.length > 1 && (E && clearInterval(E), E = setInterval(() => {
         N();
       }, Number(e.autoplayTime)));
-    }, I = F({
+    }, V = F({
       // 拖拽中
       isDragging: !1,
       // 是否首次拖动
@@ -336,38 +336,38 @@ const R = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, bt = (
       // 当前次拖拽不满足翻页条件
       isDissatisfy: !1
     }), U = ($) => {
-      if (I.transitionEnabled)
+      if (V.transitionEnabled)
         return;
       let _ = 0, W = 0;
-      "touches" in $ ? (_ = $.touches[0].clientX, W = $.touches[0].clientY) : (_ = $.clientX, W = $.clientY), I.startX = _, I.startY = W, I.isDragging = !0, I.isFirstTouch = !0, I.startTime = /* @__PURE__ */ new Date(), V();
-    }, Z = ($) => {
-      if (!I.isDragging)
+      "touches" in $ ? (_ = $.touches[0].clientX, W = $.touches[0].clientY) : (_ = $.clientX, W = $.clientY), V.startX = _, V.startY = W, V.isDragging = !0, V.isFirstTouch = !0, V.startTime = /* @__PURE__ */ new Date(), P();
+    }, q = ($) => {
+      if (!V.isDragging)
         return;
       let _ = 0, W = 0;
       "touches" in $ ? (_ = $.touches[0].clientX, W = $.touches[0].clientY) : (_ = $.clientX, W = $.clientY);
-      const q = _ - I.startX, X = W - I.startY;
-      if (I.isFirstTouch && (I.isFirstTouch = !1, Math.abs(q) < Math.abs(X) !== e.vertical)) {
-        I.isDragging = !1;
+      const G = _ - V.startX, X = W - V.startY;
+      if (V.isFirstTouch && (V.isFirstTouch = !1, Math.abs(G) < Math.abs(X) !== e.vertical)) {
+        V.isDragging = !1;
         return;
       }
-      $.preventDefault(), I.offset = e.vertical ? X : q, h(), o("dragging", {
-        percent: I.offset / (i.size + i.space),
-        offset: I.offset
-      }), I.isDissatisfy = !1;
-    }, P = () => {
-      if (!I.isDragging)
+      $.preventDefault(), V.offset = e.vertical ? X : G, h(), o("dragging", {
+        percent: V.offset / (i.size + i.space),
+        offset: V.offset
+      }), V.isDissatisfy = !1;
+    }, I = () => {
+      if (!V.isDragging)
         return;
-      I.isDragging = !1;
-      const _ = (/* @__PURE__ */ new Date()).getTime() - I.startTime.getTime();
-      H() && (Math.abs(I.offset) > A.value || Math.abs(I.offset) / _ > 0.5) ? (I.offset > 0 ? T() : N(), I.offset = 0, I.isDissatisfy = !1) : (I.offset = 0, I.isDissatisfy = !0), D();
+      V.isDragging = !1;
+      const _ = (/* @__PURE__ */ new Date()).getTime() - V.startTime.getTime();
+      H() && (Math.abs(V.offset) > A.value || Math.abs(V.offset) / _ > 0.5) ? (V.offset > 0 ? T() : N(), V.offset = 0, V.isDissatisfy = !1) : (V.offset = 0, V.isDissatisfy = !0), D();
     }, A = B(() => bt(e.minSwipeDistance, i.size + i.space)), H = () => {
       if (v.value)
         return !0;
-      const $ = I.offset > 0 ? l.value - 1 : l.value + 1;
+      const $ = V.offset > 0 ? l.value - 1 : l.value + 1;
       return $ >= 0 && $ < r.length;
     }, ue = B(() => {
-      const $ = I.isDragging && !e.isFollowHand ? m.offset : m.offset + I.offset, _ = {};
-      return e.vertical ? (_.transform = `translate3d(0, ${$}px, 0)`, _.transitionDuration = I.transitionEnabled || I.isDissatisfy ? `${e.duration}ms` : "0ms") : (_.transform = `translate3d(${$}px, 0, 0)`, _.transitionDuration = I.transitionEnabled || I.isDissatisfy ? `${e.duration}ms` : "0ms"), I.isDragging && (_.transition = "none"), e.vertical && (_.flexDirection = "column"), e.autoHeight && (_.display = "block", _.whiteSpace = "nowrap"), _;
+      const $ = V.isDragging && !e.isFollowHand ? m.offset : m.offset + V.offset, _ = {};
+      return e.vertical ? (_.transform = `translate3d(0, ${$}px, 0)`, _.transitionDuration = V.transitionEnabled || V.isDissatisfy ? `${e.duration}ms` : "0ms") : (_.transform = `translate3d(${$}px, 0, 0)`, _.transitionDuration = V.transitionEnabled || V.isDissatisfy ? `${e.duration}ms` : "0ms"), V.isDragging && (_.transition = "none"), e.vertical && (_.flexDirection = "column"), e.autoHeight && (_.display = "block", _.whiteSpace = "nowrap"), _;
     }), Q = B(() => ["y-swipe__dots", `y-swipe__dots--${e.dotsPosition || (e.vertical ? Je.left : Je.bottom)}`]);
     n({
       moveTo: b,
@@ -408,17 +408,17 @@ const R = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, bt = (
         ref: x
       }, [Array(m.cloneNodeCount).fill("").map((_, W) => {
         var J, re, $e;
-        const q = C(W - m.cloneNodeCount), X = ($e = (J = r[q]) == null ? void 0 : (re = J.slots).default) == null ? void 0 : $e.call(re);
+        const G = C(W - m.cloneNodeCount), X = ($e = (J = r[G]) == null ? void 0 : (re = J.slots).default) == null ? void 0 : $e.call(re);
         return X ? f(Le, {
           clonenNode: X,
-          index: q
+          index: G
         }, null) : null;
       }), ($ = t.default) == null ? void 0 : $.call(t), Array(m.cloneNodeCount).fill("").map((_, W) => {
         var J, re, $e;
-        const q = C(W), X = ($e = (J = r[q]) == null ? void 0 : (re = J.slots).default) == null ? void 0 : $e.call(re);
+        const G = C(W), X = ($e = (J = r[G]) == null ? void 0 : (re = J.slots).default) == null ? void 0 : $e.call(re);
         return X ? f(Le, {
           clonenNode: X,
-          index: q
+          index: G
         }, null) : null;
       })]), t.dots ? t.dots() : oe()]);
     };
@@ -607,11 +607,11 @@ var et = {}, Mn = {
         N = N > 1 ? 1 : N, C = h(N), b = u.startX + (u.x - u.startX) * C, T = u.startY + (u.y - u.startY) * C, u.method.call(u.scrollable, b, T), (b !== u.x || T !== u.y) && n.requestAnimationFrame(k.bind(n, u));
       }
       function v(u, y, C) {
-        var b, T, N, E, V = m();
+        var b, T, N, E, P = m();
         u === a.body ? (b = n, T = n.scrollX || n.pageXOffset, N = n.scrollY || n.pageYOffset, E = i.scroll) : (b = u, T = u.scrollLeft, N = u.scrollTop, E = c), k({
           scrollable: b,
           method: E,
-          startTime: V,
+          startTime: P,
           startX: T,
           startY: N,
           x: y,
@@ -735,29 +735,29 @@ const [tt, je] = O("tabs"), ft = tt, An = /* @__PURE__ */ z({
   }) {
     const {
       initProvide: a
-    } = fe(ft), r = L(!1), l = F([]), i = L(), m = B(() => l.length > e.titleScrollThreshold), g = (E) => l.findIndex((V) => (V.$props ? V.$props.name : "") === E), x = L(e.initName ? g(e.initName) : e.initIndex), c = (E) => {
+    } = fe(ft), r = L(!1), l = F([]), i = L(), m = B(() => l.length > e.titleScrollThreshold), g = (E) => l.findIndex((P) => (P.$props ? P.$props.name : "") === E), x = L(e.initName ? g(e.initName) : e.initIndex), c = (E) => {
       x.value = E;
-      const V = i.value;
-      V && (V == null || V.moveTo(E, e.changeWithAnimation));
+      const P = i.value;
+      P && (P == null || P.moveTo(E, e.changeWithAnimation));
     };
     n({
       scrollToByIndex: (E) => {
         c(E);
       },
       scrollToByName: (E) => {
-        const V = g(E);
-        c(V);
+        const P = g(E);
+        c(P);
       }
     });
-    const w = L([]), d = L(), p = (E) => (V) => {
-      w.value[E] = V;
+    const w = L([]), d = L(), p = (E) => (P) => {
+      w.value[E] = P;
     }, S = (E) => {
       const {
-        title: V,
+        title: P,
         name: D,
-        disabled: I
+        disabled: V
       } = l[E].$props || {};
-      x.value !== E && (o(I ? "disabledClick" : "click", E, V, D), !I && c(E));
+      x.value !== E && (o(V ? "disabledClick" : "click", E, P, D), !V && c(E));
     }, k = async () => {
       await ie(() => {
         if (!m.value || !d.value)
@@ -765,7 +765,7 @@ const [tt, je] = O("tabs"), ft = tt, An = /* @__PURE__ */ z({
         const E = d.value;
         if (!E || !w.value[x.value])
           return;
-        const V = w.value[x.value].$el, D = V.offsetLeft - (E.offsetWidth - V.offsetWidth) / 2;
+        const P = w.value[x.value].$el, D = P.offsetLeft - (E.offsetWidth - P.offsetWidth) / 2;
         E.scrollTo({
           left: D,
           behavior: "smooth"
@@ -782,21 +782,21 @@ const [tt, je] = O("tabs"), ft = tt, An = /* @__PURE__ */ z({
       await ie(() => {
         if (!w.value || w.value.length === 0)
           return;
-        const E = x.value >= w.value.length ? 0 : x.value, V = w.value[E].$el, D = V.offsetLeft + V.offsetWidth / 2;
+        const E = x.value >= w.value.length ? 0 : x.value, P = w.value[E].$el, D = P.offsetLeft + P.offsetWidth / 2;
         v.transform = `translateX(${D}px) translateX(-50%)`, r.value && (v.transition = `all ${e.duration}ms ease-out`), r.value = !0;
       });
     }, y = (E) => {
       const {
-        title: V,
+        title: P,
         name: D
       } = l[E].$props || {};
-      o("change", E, V, D), x.value = E;
+      o("change", E, P, D), x.value = E;
     }, C = (E) => {
       const {
-        title: V,
+        title: P,
         name: D
       } = l[E].$props || {};
-      o("afterChange", E, V, D), x.value = E;
+      o("afterChange", E, P, D), x.value = E;
     }, b = F({
       children: l,
       activeIndex: x,
@@ -804,7 +804,7 @@ const [tt, je] = O("tabs"), ft = tt, An = /* @__PURE__ */ z({
     });
     a(b);
     const T = (E) => N(E) && /^\d+(\.\d+)?$/.test(E) ? `${E}px` : E, N = (E) => Object.prototype.toString.call(E) === "[object String]";
-    return K(async () => {
+    return Z(async () => {
       et.polyfill(), await u();
     }), j(() => x.value, async () => {
       await u(), await k();
@@ -826,10 +826,10 @@ const [tt, je] = O("tabs"), ft = tt, An = /* @__PURE__ */ z({
           [e.size]: e.size,
           [e.align]: e.align
         })
-      }, [l.length > 0 && l.map((V, D) => f(wt, {
-        title: V.title,
-        disabled: V.disabled,
-        "title-slot": V.$slots.title,
+      }, [l.length > 0 && l.map((P, D) => f(wt, {
+        title: P.title,
+        disabled: P.disabled,
+        "title-slot": P.$slots.title,
         key: D,
         ref: p(D),
         active: x.value === D,
@@ -926,7 +926,7 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
     isVertical: m,
     isHorizontal: g
   };
-}, [qn, G] = O("slider"), Gn = /* @__PURE__ */ z({
+}, [qn, K] = O("slider"), Gn = /* @__PURE__ */ z({
   name: qn,
   props: {
     modelValue: {
@@ -992,8 +992,8 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
         min: T,
         max: N,
         step: E
-      } = e, V = Math.max(T, Math.min(b, N));
-      return Math.round(V / E) * E;
+      } = e, P = Math.max(T, Math.min(b, N));
+      return Math.round(P / E) * E;
     }, x = (b) => {
       if (b.stopPropagation(), e.disabled)
         return;
@@ -1002,13 +1002,13 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
         modelValue: N
       } = e, {
         left: E,
-        width: V
-      } = n.value.getBoundingClientRect(), D = b.clientX - E, I = Math.floor(T + D / V * S.value);
+        width: P
+      } = n.value.getBoundingClientRect(), D = b.clientX - E, V = Math.floor(T + D / P * S.value);
       if (m.value) {
-        const U = N[0], Z = N[1], P = (U + Z) / 2;
-        I <= P ? s([I, Z]) : s([U, I]);
+        const U = N[0], q = N[1], I = (U + q) / 2;
+        V <= I ? s([V, q]) : s([U, V]);
       } else
-        s(I);
+        s(V);
     }, c = (b) => b[0] > b[1] ? [b[1], b[0]] : b, h = (b, T) => JSON.stringify(b) === JSON.stringify(T), s = (b, T) => {
       let N = 0;
       m.value ? N = c(b).map(g) : N = g(b), t("update:modelValue", N), typeof T > "u" && !h(a.value, r.value) && t("change", N);
@@ -1036,19 +1036,19 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
       i.move(b), l.value === "startMove" && t("drag-start"), l.value = "moving";
       const {
         width: N
-      } = n.value.getBoundingClientRect(), E = i.deltaX.value, V = Math.floor(E / N * S.value);
-      Array.isArray(a.value) && Array.isArray(r.value) ? T === "left" ? r.value[0] = a.value[0] + V : r.value[1] = a.value[1] + V : r.value = a.value + V, s(r.value, !0);
+      } = n.value.getBoundingClientRect(), E = i.deltaX.value, P = Math.floor(E / N * S.value);
+      Array.isArray(a.value) && Array.isArray(r.value) ? T === "left" ? r.value[0] = a.value[0] + P : r.value[1] = a.value[1] + P : r.value = a.value + P, s(r.value, !0);
     }, u = () => {
       e.disabled || (l.value === "moving" && (s(r.value), t("drag-end")), l.value = "endMove");
     }, y = (b) => {
-      let T = "", N = {}, E = 0, V = G("button-wrapper");
+      let T = "", N = {}, E = 0, P = K("button-wrapper");
       return b === 0 ? (T = "left", N = {
         left: d.value,
         backgroundColor: Array.isArray(e.buttonBgColor) ? e.buttonBgColor[0] : e.buttonBgColor
-      }, E = e.modelValue[b], V = G("button-wrapper", "left")) : b === 1 ? (T = "right", E = e.modelValue[b], N = {
+      }, E = e.modelValue[b], P = K("button-wrapper", "left")) : b === 1 ? (T = "right", E = e.modelValue[b], N = {
         left: `${parseInt(w.value) + parseInt(d.value)}%`,
         backgroundColor: Array.isArray(e.buttonBgColor) ? e.buttonBgColor[1] : e.buttonBgColor
-      }, V = G("button-wrapper", "right")) : (E = e.modelValue, N = {
+      }, P = K("button-wrapper", "right")) : (E = e.modelValue, N = {
         left: w.value,
         backgroundColor: e.buttonBgColor
       }), f("div", {
@@ -1056,7 +1056,7 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
         "aria-valuemin": e.min,
         "aria-valuemax": e.max,
         "aria-valuenow": E,
-        class: V,
+        class: P,
         onTouchstart: k,
         onTouchmove: (D) => v(D, T),
         onTouchend: u,
@@ -1065,7 +1065,7 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
           transition: l.value === "moving" ? "none" : `${e.transitionTime}ms ease-in-out`
         }
       }, [o.button ? o.button() : f("div", {
-        class: G("inner-button"),
+        class: K("inner-button"),
         style: N
       }, null)]);
     }, C = B(() => Array((e.max - e.min) / e.step).fill({}).map((T, N) => ({
@@ -1074,15 +1074,15 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
     return () => {
       var b;
       return f("div", {
-        class: G()
+        class: K()
       }, [o.iconLeft && f("div", {
-        class: G("icon", {
+        class: K("icon", {
           left: !0
         })
       }, [o.iconLeft()]), f("div", {
         role: "presentation",
         ref: n,
-        class: G("wrapper-main", {
+        class: K("wrapper-main", {
           disabled: e.disabled
         }),
         style: {
@@ -1091,16 +1091,16 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
         },
         onClick: x
       }, [e.step !== 1 && f("div", {
-        class: G("dots")
+        class: K("dots")
       }, [C.value.map((T) => f("div", {
-        class: G("dot"),
+        class: K("dot"),
         style: {
           left: T.position,
           background: e.gapColor,
           width: R(e.gapWidth)
         }
       }, null))]), e.showTooltip && f("div", {
-        class: G("tooltip", {
+        class: K("tooltip", {
           wrapper: o.toolTip
         }),
         style: p.value
@@ -1111,9 +1111,9 @@ const [Fn] = O("tab"), Hn = /* @__PURE__ */ z({
           background: e.activeColor,
           transition: l.value === "moving" ? "none" : `${e.transitionTime}ms ease-in-out`
         },
-        class: G("inner")
+        class: K("inner")
       }, null), m.value ? [y(0), y(1)] : y()]), o.iconRight && f("div", {
-        class: G("icon", {
+        class: K("icon", {
           right: !0
         })
       }, [o.iconRight()])]);
@@ -1319,14 +1319,14 @@ const Kn = M(Gn), [Zn, ge] = O("loading"), Qn = {
   }) {
     const a = L(0), r = L(!1), l = L("normal"), i = L(), m = L(), g = L(), x = L([]), c = L(0), h = L(0), s = L([]), w = B(() => $n(e.height) ? `${e.height}px` : e.height), d = B(() => s.value.length ? s.value[s.value.length - 1].bottom : 0), p = B(() => {
       if (e.virtual) {
-        const P = c.value - S.value, A = h.value + k.value;
-        return u.value.slice(P, A);
+        const I = c.value - S.value, A = h.value + k.value;
+        return u.value.slice(I, A);
       }
       return u.value;
-    }), S = B(() => Math.min(c.value, e.bufferScale * v.value)), k = B(() => Math.min(e.dataSource.length - h.value, e.bufferScale * v.value)), v = B(() => Math.ceil(a.value / parseInt(String(e.itemHeight)))), u = B(() => e.dataSource.map((P, A) => (P[e.keyName] = A, P))), y = () => r.value ? document.documentElement.scrollTop || document.body.scrollTop : i.value.scrollTop, C = () => r.value ? document.documentElement.scrollHeight : i.value.scrollHeight, b = () => {
-      l.value !== "loading" && (l.value = "loading", o("load", (P) => {
+    }), S = B(() => Math.min(c.value, e.bufferScale * v.value)), k = B(() => Math.min(e.dataSource.length - h.value, e.bufferScale * v.value)), v = B(() => Math.ceil(a.value / parseInt(String(e.itemHeight)))), u = B(() => e.dataSource.map((I, A) => (I[e.keyName] = A, I))), y = () => r.value ? document.documentElement.scrollTop || document.body.scrollTop : i.value.scrollTop, C = () => r.value ? document.documentElement.scrollHeight : i.value.scrollHeight, b = () => {
+      l.value !== "loading" && (l.value = "loading", o("load", (I) => {
         if (l.value === "loading")
-          switch (P) {
+          switch (I) {
             case "error":
               l.value = "error";
               break;
@@ -1340,7 +1340,7 @@ const Kn = M(Gn), [Zn, ge] = O("loading"), Qn = {
     }, T = () => {
       l.value === "normal" && C() - y() - a.value <= e.loadOffset && b();
     }, N = () => {
-      s.value = u.value.map((P, A) => {
+      s.value = u.value.map((I, A) => {
         const H = parseInt(String(e.itemHeight));
         return {
           index: A,
@@ -1351,26 +1351,26 @@ const Kn = M(Gn), [Zn, ge] = O("loading"), Qn = {
       });
     }, E = () => {
       N();
-      for (let P = 1; P < s.value.length; P++)
-        s.value[P].top = s.value[P - 1].bottom, s.value[P].bottom = s.value[P].top + s.value[P].height;
-    }, V = (P, A) => {
-      let H = 0, ue = P.length - 1, Q = -1;
+      for (let I = 1; I < s.value.length; I++)
+        s.value[I].top = s.value[I - 1].bottom, s.value[I].bottom = s.value[I].top + s.value[I].height;
+    }, P = (I, A) => {
+      let H = 0, ue = I.length - 1, Q = -1;
       for (; H <= ue; ) {
-        const ae = Math.floor((H + ue) / 2), oe = P[ae].bottom;
+        const ae = Math.floor((H + ue) / 2), oe = I[ae].bottom;
         if (oe === A)
           return ae + 1;
         oe < A ? H = ae + 1 : oe > A && ((Q === -1 || Q > ae) && (Q = ae), ue = ae - 1);
       }
       return Q;
-    }, D = (P) => V(s.value, P), I = () => {
+    }, D = (I) => P(s.value, I), V = () => {
       if (T(), e.virtual) {
-        const P = y();
-        U(P);
+        const I = y();
+        U(I);
       }
-    }, U = (P) => {
+    }, U = (I) => {
       if (!m.value)
         return;
-      const A = P || 0;
+      const A = I || 0;
       if (e.dynamicItemHeight) {
         c.value = D(A), h.value = c.value + v.value;
         const H = s.value[c.value - S.value].top ? s.value[c.value - S.value].top : 0;
@@ -1380,11 +1380,11 @@ const Kn = M(Gn), [Zn, ge] = O("loading"), Qn = {
         const H = c.value * parseInt(String(e.itemHeight)) - S.value * parseInt(String(e.itemHeight));
         m.value.style.transform = `translate3d(0, ${H}px, 0)`;
       }
-    }, Z = () => {
+    }, q = () => {
       if (!m.value || !g.value)
         return;
-      const P = m.value.children;
-      P && P.length > 0 && [...P].forEach((A) => {
+      const I = m.value.children;
+      I && I.length > 0 && [...I].forEach((A) => {
         if (A instanceof HTMLDivElement) {
           const H = A.getBoundingClientRect(), {
             height: ue
@@ -1401,17 +1401,17 @@ const Kn = M(Gn), [Zn, ge] = O("loading"), Qn = {
       ...e,
       checkIsScrollToBottom: T,
       loadData: b
-    }), K(() => {
-      e.height !== "auto" ? (r.value = !1, a.value = i.value.clientHeight) : e.height === "auto" && (r.value = !0, a.value = document.documentElement.clientHeight, document.addEventListener("scroll", I)), e.virtual && (N(), U()), e.immediateCheck && T();
+    }), Z(() => {
+      e.height !== "auto" ? (r.value = !1, a.value = i.value.clientHeight) : e.height === "auto" && (r.value = !0, a.value = document.documentElement.clientHeight, document.addEventListener("scroll", V)), e.virtual && (N(), U()), e.immediateCheck && T();
     }), yn(async () => {
-      var P, A;
+      var I, A;
       if (e.virtual && e.dynamicItemHeight) {
-        if (await ie(), !((A = (P = m.value) == null ? void 0 : P.children) != null && A.length))
+        if (await ie(), !((A = (I = m.value) == null ? void 0 : I.children) != null && A.length))
           return;
-        Z();
+        q();
       }
     }), we(() => {
-      r.value && document.removeEventListener("scroll", I);
+      r.value && document.removeEventListener("scroll", V);
     }), () => f("div", {
       ref: i,
       class: `${se()} ${e.virtual ? se({
@@ -1420,7 +1420,7 @@ const Kn = M(Gn), [Zn, ge] = O("loading"), Qn = {
       style: {
         height: w.value
       },
-      onScroll: I
+      onScroll: V
     }, [e.virtual && f("div", {
       ref: g,
       class: se("phantom"),
@@ -1430,14 +1430,14 @@ const Kn = M(Gn), [Zn, ge] = O("loading"), Qn = {
     }, null), f("div", {
       ref: m,
       class: se("content")
-    }, [p.value.map((P) => {
+    }, [p.value.map((I) => {
       var A;
       return f("div", {
         ref: x,
         class: se("item"),
-        "data-index": P._index
+        "data-index": I._index
       }, [(A = t.default) == null ? void 0 : A.call(t, {
-        item: P
+        item: I
       })]);
     })]), l.value === "loading" && f("div", {
       class: se({
@@ -1923,7 +1923,7 @@ const hl = M(pl), yl = (e, t, o, n) => {
     }, S = (v) => {
       c.value === Y.LOOSING ? (g.value = e.statusHeight, x.value = kt, c.value = Y.LOADING, o("load", s, v)) : c.value === Y.PULLING && (g.value = 0, c.value = Y.DEFUALT);
     };
-    K(() => {
+    Z(() => {
       const v = a == null ? void 0 : a.vnode.el;
       v == null || v.addEventListener("touchstart", d, {
         passive: !1
@@ -2510,7 +2510,7 @@ const Ul = M(jl), [ql, de] = O("progress"), Gl = /* @__PURE__ */ z({
       oldPercent: 0,
       timer: 0
     });
-    K(() => {
+    Z(() => {
       m(), e.animation && i(), window.addEventListener("resize", m);
     }), st(() => {
       a.value = [];
@@ -2680,7 +2680,7 @@ const Kl = M(Gl), [Zl, ze, Ql] = O("toast"), Jl = {
         o.visible = !1, clearTimeout(a);
       }, Number(e.duration));
     };
-    return K(() => {
+    return Z(() => {
       o.visible = !0, n();
     }), () => {
       const {
@@ -2778,7 +2778,7 @@ const ia = /* @__PURE__ */ z({
     slots: t
   }) {
     const o = L("");
-    K(() => {
+    Z(() => {
       o.value = `mask${Nt}`, Nt += 1, n(e.modelValue, !0);
     }), we(() => {
       const l = ee.findIndex((i) => i._id === o.value);
@@ -3481,7 +3481,7 @@ const wa = M(Sa), [xa, Ca] = O("input"), $a = 13, ka = /* @__PURE__ */ z({
     }, c = (s) => {
       s.keyCode === $a && (n != null && n.getProp("enterable") || s.preventDefault(), e.type === "search" && (o == null ? void 0 : o.vnode.el).blur()), t("keypress", s);
     };
-    K(() => {
+    Z(() => {
       l(e.showWordLimit), r(e.maxLength);
     }), xe(() => {
       a && a.remove(), a = null;
@@ -3560,7 +3560,7 @@ const Ta = M(ka), at = 1e3, ot = 60 * at, rt = 60 * ot, It = 24 * rt, [Ea] = O("
     expose: n
   }) {
     const a = L(), r = L(!1), l = L(Number(e.time)), i = L(0), m = B(() => p(l.value));
-    K(() => {
+    Z(() => {
       e.autoStart && g();
     });
     const g = () => {
@@ -3694,6 +3694,10 @@ const [Va, ne] = O("dialog"), Ia = {
   duration: {
     type: Number,
     default: 300
+  },
+  onClickMask: {
+    type: Function,
+    default: null
   }
 }, sn = /* @__PURE__ */ z({
   name: Va,
@@ -3759,16 +3763,18 @@ const [Va, ne] = O("dialog"), Ia = {
         imgSrc: b,
         circleImg: T,
         teleport: N,
-        duration: E
+        duration: E,
+        onClickMask: P
       } = e;
       return f(vt, Ie({
         modelValue: c.value,
-        "onUpdate:modelValue": (V) => c.value = V,
+        "onUpdate:modelValue": (D) => c.value = D,
         customClass: ne(),
         customStyle: {
           width: R(h)
         }
       }, {
+        onClickMask: P,
         "onUpdate:modelValue": a
       }, {
         isCloseOnClickMask: S,
@@ -3776,8 +3782,8 @@ const [Va, ne] = O("dialog"), Ia = {
         duration: E
       }), {
         default: () => {
-          var V, D, I, U;
-          return [((V = o.img) == null ? void 0 : V.call(o)) || b && f("div", {
+          var D, V, U, q;
+          return [((D = o.img) == null ? void 0 : D.call(o)) || b && f("div", {
             class: ne("img", {
               circle: T
             }),
@@ -3796,9 +3802,9 @@ const [Va, ne] = O("dialog"), Ia = {
             class: ne("container")
           }, [f("div", {
             style: {
-              height: T ? x(R(h), 4, (Z) => Z + 20) : "24px"
+              height: T ? x(R(h), 4, (I) => I + 20) : "24px"
             }
-          }, null), ((D = o.title) == null ? void 0 : D.call(o)) || f("div", {
+          }, null), ((V = o.title) == null ? void 0 : V.call(o)) || f("div", {
             class: ne("title"),
             style: {
               textAlign: w
@@ -3810,7 +3816,7 @@ const [Va, ne] = O("dialog"), Ia = {
             style: {
               textAlign: p
             }
-          }, [((I = o.default) == null ? void 0 : I.call(o)) || d]), ((U = o.footer) == null ? void 0 : U.call(o)) || f("div", {
+          }, [((U = o.default) == null ? void 0 : U.call(o)) || d]), ((q = o.footer) == null ? void 0 : q.call(o)) || f("div", {
             class: ne("footer"),
             style: {
               paddingTop: v || y ? "20px" : "0px"
@@ -3999,7 +4005,7 @@ const Oa = M(sn), dn = {
     };
     return j(() => e.position, () => {
       g(), x();
-    }), j([() => n.value, () => e.modelValue, () => e.reference], x), K(() => {
+    }), j([() => n.value, () => e.modelValue, () => e.reference], x), Z(() => {
       var c;
       g(), x(), e.manual || ((c = e.reference) == null || c.addEventListener("click", m), document.addEventListener("touchstart", i), document.addEventListener("mousedown", i));
     }), xe(() => {
@@ -4067,7 +4073,7 @@ const [Aa] = O("tooltip"), Ra = /* @__PURE__ */ z({
       const r = (l = o == null ? void 0 : o.proxy) == null ? void 0 : l.$el;
       return r == null ? void 0 : r.nextElementSibling;
     };
-    return K(() => {
+    return Z(() => {
       n.value = a();
     }), st(() => {
       ie(() => {
@@ -4349,7 +4355,7 @@ const Ua = M(ja), [mn, De] = O("dropdown"), vn = mn, qa = {
         return N && !N.contains(y.target);
       }) && e.isCloseOnClickOutside && S();
     };
-    K(() => {
+    Z(() => {
       var y;
       a.value && (w.value = s(a.value)), (y = w.value) == null || y.addEventListener("scroll", p, {
         passive: !0