y-design-ssr 1.1.1 → 1.1.3

package/libs/index.mjs

@@ -1,4 +1,4 @@
-import { ref as B, reactive as F, getCurrentInstance as ne, provide as Vt, isVNode as he, inject as Pt, onUnmounted as ye, computed as L, defineComponent as z, createVNode as s, watch as j, onMounted as K, nextTick as re, onBeforeUnmount as be, onBeforeUpdate as rt, onUpdated as vn, createTextVNode as gn, Fragment as He, createApp as Se, h as Le, Transition as We, withDirectives as ee, vShow as ge, Teleport as ut, vModelText as _t, mergeProps as Ie, vModelDynamic as pn, resolveDirective as mt, watchEffect as hn, unref as vt } from "vue";
+import { ref as B, reactive as F, getCurrentInstance as ne, provide as Vt, isVNode as he, inject as Pt, onUnmounted as ye, computed as I, defineComponent as z, createVNode as s, watch as j, onMounted as K, nextTick as re, onBeforeUnmount as be, onBeforeUpdate as rt, onUpdated as vn, createTextVNode as gn, Fragment as He, createApp as Se, h as Le, Transition as We, withDirectives as ee, vShow as ge, Teleport as ut, vModelText as _t, mergeProps as Ie, vModelDynamic as pn, resolveDirective as mt, watchEffect as hn, unref as vt } from "vue";
 const yn = {
   "pull-refresh": {
     pulling: "下拉刷新...",
@@ -80,7 +80,7 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
   if (t && o) {
     const { children: l, addChild: a, removeChild: i } = t;
     return a(o), ye(() => i(o)), {
-      index: L(() => l.indexOf(o)),
+      index: I(() => l.indexOf(o)),
       parent: t
     };
   }
@@ -107,7 +107,7 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
       parent: l
     } = de(Ht);
     !e.clonenNode && o && (l == null || l.children.push(o));
-    const a = L(() => e.clonenNode ? e.index : l == null ? void 0 : l.children.findIndex((n) => n.proxy === (o == null ? void 0 : o.proxy))), i = L(() => {
+    const a = I(() => e.clonenNode ? e.index : l == null ? void 0 : l.children.findIndex((n) => n.proxy === (o == null ? void 0 : o.proxy))), i = I(() => {
       const n = `${(l == null ? void 0 : l.itemDetail.size) || 0}px`;
       let r = "auto";
       const c = `${(l == null ? void 0 : l.itemDetail.space) || 0}px`;
@@ -231,7 +231,7 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
       if (!e.lazy)
         return;
       const C = r.size + r.space, _ = i.length * C;
-      let R = -(c.offset + P.offset) - c.cloneNodeCount * C;
+      let R = -(c.offset + L.offset) - c.cloneNodeCount * C;
       R < 0 && (R += _);
       const q = R + c.viewportSize;
       for (let Y = 0; Y < i.length; Y++)
@@ -269,17 +269,17 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
       if (re(y).catch(() => {
       }), e.touchable && v.value) {
         const C = v.value;
-        C.addEventListener("touchstart", X, !1), C.addEventListener("mousedown", X, !1), C.addEventListener("touchmove", le, !1), C.addEventListener("mousemove", le, !1), C.addEventListener("touchend", I, !1), C.addEventListener("mouseup", I, !1), C.addEventListener("mouseleave", I, !1), C.addEventListener("touchcancel", I, !1);
+        C.addEventListener("touchstart", X, !1), C.addEventListener("mousedown", X, !1), C.addEventListener("touchmove", le, !1), C.addEventListener("mousemove", le, !1), C.addEventListener("touchend", V, !1), C.addEventListener("mouseup", V, !1), C.addEventListener("mouseleave", V, !1), C.addEventListener("touchcancel", V, !1);
       }
       window.addEventListener("resize", y, !1), window.addEventListener("orientationchange", y, !1);
     }), be(() => {
-      if (V(), e.touchable && v.value) {
+      if (P(), e.touchable && v.value) {
         const C = v.value;
-        C.removeEventListener("touchstart", X, !1), C.removeEventListener("mousedown", X, !1), C.removeEventListener("mousemove", le, !1), C.removeEventListener("touchmove", le, !1), C.removeEventListener("mouseup", I, !1), C.removeEventListener("touchend", I, !1), C.removeEventListener("mouseleave", I, !1), C.removeEventListener("touchcancel", I, !1);
+        C.removeEventListener("touchstart", X, !1), C.removeEventListener("mousedown", X, !1), C.removeEventListener("mousemove", le, !1), C.removeEventListener("touchmove", le, !1), C.removeEventListener("mouseup", V, !1), C.removeEventListener("touchend", V, !1), C.removeEventListener("mouseleave", V, !1), C.removeEventListener("touchcancel", V, !1);
       }
       window.removeEventListener("resize", y, !1), window.removeEventListener("orientationchange", y, !1);
     });
-    const $ = L(() => {
+    const $ = I(() => {
       let C = 0;
       switch (e.align) {
         case Re.start:
@@ -295,14 +295,14 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
           C = 0;
       }
       return C;
-    }), f = L(() => e.loop && i.length > 1), S = (C) => {
+    }), f = I(() => e.loop && i.length > 1), S = (C) => {
       const _ = r.size + r.space;
       f.value ? c.offset = -_ * (C + c.cloneNodeCount) + $.value : (c.offset = -_ * C + $.value, e.align !== "center" && (C === 0 && (c.offset = 0), C === i.length - 1 && (c.offset = -_ * C + c.viewportSize - r.size)));
     }, w = () => {
       S(n.value), o("afterChange", n.value);
     }, N = (C) => (i.length + C) % i.length, h = (C, _ = !0) => {
-      n.value = N(C), S(C), g(), o("change", n.value), _ ? (P.transitionEnabled = !0, x.value && x.value.addEventListener("transitionend", () => {
-        P.transitionEnabled = !1, w();
+      n.value = N(C), S(C), g(), o("change", n.value), _ ? (L.transitionEnabled = !0, x.value && x.value.addEventListener("transitionend", () => {
+        L.transitionEnabled = !1, w();
       }, {
         once: !0
       })) : w();
@@ -312,13 +312,13 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
       h(n.value + 1, C);
     };
     let k = null;
-    const V = () => {
+    const P = () => {
       e.autoplayTime && k && clearInterval(k);
     }, O = () => {
       e.autoplayTime && i.length > 1 && (k && clearInterval(k), k = setInterval(() => {
         T();
       }, Number(e.autoplayTime)));
-    }, P = F({
+    }, L = F({
       // 拖拽中
       isDragging: !1,
       // 是否首次拖动
@@ -332,41 +332,43 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
       // 开始拖动时间
       startTime: /* @__PURE__ */ new Date(),
       // 是否在执行动画
-      transitionEnabled: !1
+      transitionEnabled: !1,
+      // 当前次拖拽不满足翻页条件
+      isDissatisfy: !1
     }), X = (C) => {
-      if (P.transitionEnabled)
+      if (L.transitionEnabled)
         return;
       let _ = 0, R = 0;
-      "touches" in C ? (_ = C.touches[0].clientX, R = C.touches[0].clientY) : (_ = C.clientX, R = C.clientY), P.startX = _, P.startY = R, P.isDragging = !0, P.isFirstTouch = !0, P.startTime = /* @__PURE__ */ new Date();
+      "touches" in C ? (_ = C.touches[0].clientX, R = C.touches[0].clientY) : (_ = C.clientX, R = C.clientY), L.startX = _, L.startY = R, L.isDragging = !0, L.isFirstTouch = !0, L.startTime = /* @__PURE__ */ new Date(), P();
     }, le = (C) => {
-      if (!P.isDragging)
+      if (!L.isDragging)
         return;
       let _ = 0, R = 0;
       "touches" in C ? (_ = C.touches[0].clientX, R = C.touches[0].clientY) : (_ = C.clientX, R = C.clientY);
-      const q = _ - P.startX, Y = R - P.startY;
-      if (P.isFirstTouch && (P.isFirstTouch = !1, Math.abs(q) < Math.abs(Y) !== e.vertical)) {
-        P.isDragging = !1;
+      const q = _ - L.startX, Y = R - L.startY;
+      if (L.isFirstTouch && (L.isFirstTouch = !1, Math.abs(q) < Math.abs(Y) !== e.vertical)) {
+        L.isDragging = !1;
         return;
       }
-      C.preventDefault(), P.offset = e.vertical ? Y : q, g(), o("dragging", {
-        percent: P.offset / (r.size + r.space),
-        offset: P.offset
-      });
-    }, I = () => {
-      if (!P.isDragging)
+      C.preventDefault(), L.offset = e.vertical ? Y : q, g(), o("dragging", {
+        percent: L.offset / (r.size + r.space),
+        offset: L.offset
+      }), L.isDissatisfy = !1;
+    }, V = () => {
+      if (!L.isDragging)
         return;
-      P.isDragging = !1;
-      const _ = (/* @__PURE__ */ new Date()).getTime() - P.startTime.getTime();
-      H() && (Math.abs(P.offset) > A.value || Math.abs(P.offset) / _ > 0.5) && (P.offset > 0 ? E() : T()), P.offset = 0, O();
-    }, A = L(() => ht(e.minSwipeDistance, r.size + r.space)), H = () => {
+      L.isDragging = !1;
+      const _ = (/* @__PURE__ */ new Date()).getTime() - L.startTime.getTime();
+      H() && (Math.abs(L.offset) > A.value || Math.abs(L.offset) / _ > 0.5) ? (L.offset > 0 ? E() : T(), L.offset = 0, L.isDissatisfy = !1) : (L.offset = 0, L.isDissatisfy = !0), O();
+    }, A = I(() => ht(e.minSwipeDistance, r.size + r.space)), H = () => {
       if (f.value)
         return !0;
-      const C = P.offset > 0 ? n.value - 1 : n.value + 1;
+      const C = L.offset > 0 ? n.value - 1 : n.value + 1;
       return C >= 0 && C < i.length;
-    }, ue = L(() => {
-      const C = P.isDragging && !e.isFollowHand ? c.offset : c.offset + P.offset, _ = {};
-      return e.vertical ? (_.transform = `translate3d(0, ${C}px, 0)`, _.transitionDuration = P.transitionEnabled ? `${e.duration}ms` : "0ms") : (_.transform = `translate3d(${C}px, 0, 0)`, _.transitionDuration = P.transitionEnabled ? `${e.duration}ms` : "0ms"), P.isDragging && (_.transition = "none"), e.vertical && (_.flexDirection = "column"), e.autoHeight && (_.display = "block", _.whiteSpace = "nowrap"), _;
-    }), Z = L(() => ["y-swipe__dots", `y-swipe__dots--${e.dotsPosition || (e.vertical ? Qe.left : Qe.bottom)}`]);
+    }, ue = I(() => {
+      const C = L.isDragging && !e.isFollowHand ? c.offset : c.offset + L.offset, _ = {};
+      return e.vertical ? (_.transform = `translate3d(0, ${C}px, 0)`, _.transitionDuration = L.transitionEnabled ? `${e.duration}ms` : "0ms") : (_.transform = `translate3d(${C}px, 0, 0)`, _.transitionDuration = L.transitionEnabled || L.isDissatisfy ? `${e.duration}ms` : "0ms"), L.isDragging && (_.transition = "none"), e.vertical && (_.flexDirection = "column"), e.autoHeight && (_.display = "block", _.whiteSpace = "nowrap"), _;
+    }), Z = I(() => ["y-swipe__dots", `y-swipe__dots--${e.dotsPosition || (e.vertical ? Qe.left : Qe.bottom)}`]);
     l({
       moveTo: h,
       next: T,
@@ -448,14 +450,14 @@ const W = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ht = (
   setup(e) {
     const {
       parent: t
-    } = de(ct), o = L(() => [{
+    } = de(ct), o = I(() => [{
       "y-el--clickable": !e.disabled
     }, yt({
       scrollable: e.scrollable,
       disabled: e.disabled
     }), yt(`${(t == null ? void 0 : t.props.size) || "middle"}`, {
       active: e.active
-    }), t == null ? void 0 : t.props.titleClass, e.active ? t == null ? void 0 : t.props.titleActiveClass : ""]), l = L(() => ({
+    }), t == null ? void 0 : t.props.titleClass, e.active ? t == null ? void 0 : t.props.titleActiveClass : ""]), l = I(() => ({
       ...t == null ? void 0 : t.props.titleStyle,
       ...e.active ? {
         ...t == null ? void 0 : t.props.titleActiveStyle
@@ -557,29 +559,29 @@ const [Je, je] = M("tabs"), ct = Je, _n = /* @__PURE__ */ z({
   }) {
     const {
       initProvide: a
-    } = we(ct), i = B(!1), n = F([]), r = B(), c = L(() => n.length > e.titleScrollThreshold), v = (k) => n.findIndex((V) => (V.$props ? V.$props.name : "") === k), x = B(e.initName ? v(e.initName) : e.initIndex), d = (k) => {
+    } = we(ct), i = B(!1), n = F([]), r = B(), c = I(() => n.length > e.titleScrollThreshold), v = (k) => n.findIndex((P) => (P.$props ? P.$props.name : "") === k), x = B(e.initName ? v(e.initName) : e.initIndex), d = (k) => {
       x.value = k;
-      const V = r.value;
-      V && (V == null || V.moveTo(k, e.changeWithAnimation));
+      const P = r.value;
+      P && (P == null || P.moveTo(k, e.changeWithAnimation));
     };
     l({
       scrollToByIndex: (k) => {
         d(k);
       },
       scrollToByName: (k) => {
-        const V = v(k);
-        d(V);
+        const P = v(k);
+        d(P);
       }
     });
-    const b = B([]), m = B(), p = (k) => (V) => {
-      b.value[k] = V;
+    const b = B([]), m = B(), p = (k) => (P) => {
+      b.value[k] = P;
     }, y = (k) => {
       const {
-        title: V,
+        title: P,
         name: O,
-        disabled: P
+        disabled: L
       } = n[k].$props || {};
-      x.value !== k && (o(P ? "disabledClick" : "click", k, V, O), !P && d(k));
+      x.value !== k && (o(L ? "disabledClick" : "click", k, P, O), !L && d(k));
     }, $ = async () => {
       await re(() => {
         if (!c.value || !m.value)
@@ -587,7 +589,7 @@ const [Je, je] = M("tabs"), ct = Je, _n = /* @__PURE__ */ z({
         const k = m.value;
         if (!k || !b.value[x.value])
           return;
-        const V = b.value[x.value].$el, O = V.offsetLeft - (k.offsetWidth - V.offsetWidth) / 2 - k.scrollLeft;
+        const P = b.value[x.value].$el, O = P.offsetLeft - (k.offsetWidth - P.offsetWidth) / 2 - k.scrollLeft;
         k.scrollBy({
           left: O,
           behavior: "smooth"
@@ -604,21 +606,21 @@ const [Je, je] = M("tabs"), ct = Je, _n = /* @__PURE__ */ z({
       await re(() => {
         if (!b.value || b.value.length === 0)
           return;
-        const k = x.value >= b.value.length ? 0 : x.value, V = b.value[k].$el, O = V.offsetLeft + V.offsetWidth / 2;
+        const k = x.value >= b.value.length ? 0 : x.value, P = b.value[k].$el, O = P.offsetLeft + P.offsetWidth / 2;
         f.transform = `translateX(${O}px) translateX(-50%)`, i.value && (f.transition = `all ${e.duration}ms ease-out`), i.value = !0;
       });
     }, w = (k) => {
       const {
-        title: V,
+        title: P,
         name: O
       } = n[k].$props || {};
-      o("change", k, V, O), x.value = k;
+      o("change", k, P, O), x.value = k;
     }, N = (k) => {
       const {
-        title: V,
+        title: P,
         name: O
       } = n[k].$props || {};
-      o("afterChange", k, V, O), x.value = k;
+      o("afterChange", k, P, O), x.value = k;
     }, h = F({
       children: n,
       activeIndex: x,
@@ -648,10 +650,10 @@ const [Je, je] = M("tabs"), ct = Je, _n = /* @__PURE__ */ z({
           [e.size]: e.size,
           [e.align]: e.align
         })
-      }, [n.length > 0 && n.map((V, O) => s(bt, {
-        title: V.title,
-        disabled: V.disabled,
-        "title-slot": V.$slots.title,
+      }, [n.length > 0 && n.map((P, O) => s(bt, {
+        title: P.title,
+        disabled: P.disabled,
+        "title-slot": P.$slots.title,
         key: O,
         ref: p(O),
         active: x.value === O,
@@ -809,13 +811,13 @@ const [Dn] = M("tab"), On = /* @__PURE__ */ z({
     emit: t,
     slots: o
   }) {
-    const l = B(), a = B(0), i = B(0), n = B(""), r = Fn(), c = L(() => Array.isArray(e.modelValue)), v = (h) => {
+    const l = B(), a = B(0), i = B(0), n = B(""), r = Fn(), c = I(() => Array.isArray(e.modelValue)), v = (h) => {
       const {
         min: E,
         max: T,
         step: k
-      } = e, V = Math.max(E, Math.min(h, T));
-      return Math.round(V / k) * k;
+      } = e, P = Math.max(E, Math.min(h, T));
+      return Math.round(P / k) * k;
     }, x = (h) => {
       if (h.stopPropagation(), e.disabled)
         return;
@@ -824,33 +826,33 @@ const [Dn] = M("tab"), On = /* @__PURE__ */ z({
         modelValue: T
       } = e, {
         left: k,
-        width: V
-      } = l.value.getBoundingClientRect(), O = h.clientX - k, P = Math.floor(E + O / V * y.value);
+        width: P
+      } = l.value.getBoundingClientRect(), O = h.clientX - k, L = Math.floor(E + O / P * y.value);
       if (c.value) {
-        const X = T[0], le = T[1], I = (X + le) / 2;
-        P <= I ? u([P, le]) : u([X, P]);
+        const X = T[0], le = T[1], V = (X + le) / 2;
+        L <= V ? u([L, le]) : u([X, L]);
       } else
-        u(P);
+        u(L);
     }, d = (h) => h[0] > h[1] ? [h[1], h[0]] : h, g = (h, E) => JSON.stringify(h) === JSON.stringify(E), u = (h, E) => {
       let T = 0;
       c.value ? T = d(h).map(v) : T = v(h), t("update:modelValue", T), typeof E > "u" && !g(a.value, i.value) && t("change", T);
-    }, b = L(() => {
+    }, b = I(() => {
       const {
         modelValue: h,
         min: E
       } = e;
       let T = null;
       return c.value ? T = Math.floor((v(h[1]) - v(h[0])) * 100 / y.value) : T = Math.floor((v(h) - E) * 100 / y.value), `${T}%`;
-    }), m = L(() => {
+    }), m = I(() => {
       const {
         modelValue: h,
         min: E
       } = e;
       return c.value ? `${Math.floor((v(h[0]) - E) * 100 / y.value)}%` : "0%";
-    }), p = L(() => ({
+    }), p = I(() => ({
       left: b.value,
       transition: n.value === "moving" ? "none" : `${e.transitionTime}ms ease-in-out`
-    })), y = L(() => e.max - e.min), $ = (h) => {
+    })), y = I(() => e.max - e.min), $ = (h) => {
       e.disabled || (r.start(h), n.value = "startMove", i.value = e.modelValue, c.value ? a.value = [...i.value] : a.value = i.value);
     }, f = (h, E) => {
       if (e.disabled)
@@ -858,19 +860,19 @@ const [Dn] = M("tab"), On = /* @__PURE__ */ z({
       r.move(h), n.value === "startMove" && t("drag-start"), n.value = "moving";
       const {
         width: T
-      } = l.value.getBoundingClientRect(), k = r.deltaX.value, V = Math.floor(k / T * y.value);
-      Array.isArray(a.value) && Array.isArray(i.value) ? E === "left" ? i.value[0] = a.value[0] + V : i.value[1] = a.value[1] + V : i.value = a.value + V, u(i.value, !0);
+      } = l.value.getBoundingClientRect(), k = r.deltaX.value, P = Math.floor(k / T * y.value);
+      Array.isArray(a.value) && Array.isArray(i.value) ? E === "left" ? i.value[0] = a.value[0] + P : i.value[1] = a.value[1] + P : i.value = a.value + P, u(i.value, !0);
     }, S = () => {
       e.disabled || (n.value === "moving" && (u(i.value), t("drag-end")), n.value = "endMove");
     }, w = (h) => {
-      let E = "", T = {}, k = 0, V = G("button-wrapper");
+      let E = "", T = {}, k = 0, P = G("button-wrapper");
       return h === 0 ? (E = "left", T = {
         left: m.value,
         backgroundColor: Array.isArray(e.buttonBgColor) ? e.buttonBgColor[0] : e.buttonBgColor
-      }, k = e.modelValue[h], V = G("button-wrapper", "left")) : h === 1 ? (E = "right", k = e.modelValue[h], T = {
+      }, k = e.modelValue[h], P = G("button-wrapper", "left")) : h === 1 ? (E = "right", k = e.modelValue[h], T = {
         left: `${parseInt(b.value) + parseInt(m.value)}%`,
         backgroundColor: Array.isArray(e.buttonBgColor) ? e.buttonBgColor[1] : e.buttonBgColor
-      }, V = G("button-wrapper", "right")) : (k = e.modelValue, T = {
+      }, P = G("button-wrapper", "right")) : (k = e.modelValue, T = {
         left: b.value,
         backgroundColor: e.buttonBgColor
       }), s("div", {
@@ -878,7 +880,7 @@ const [Dn] = M("tab"), On = /* @__PURE__ */ z({
         "aria-valuemin": e.min,
         "aria-valuemax": e.max,
         "aria-valuenow": k,
-        class: V,
+        class: P,
         onTouchstart: $,
         onTouchmove: (O) => f(O, E),
         onTouchend: S,
@@ -890,7 +892,7 @@ const [Dn] = M("tab"), On = /* @__PURE__ */ z({
         class: G("inner-button"),
         style: T
       }, null)]);
-    }, N = L(() => Array((e.max - e.min) / e.step).fill({}).map((E, T) => ({
+    }, N = I(() => Array((e.max - e.min) / e.step).fill({}).map((E, T) => ({
       position: `${T * e.step}%`
     })));
     return () => {
@@ -1139,16 +1141,16 @@ const Yn = D(Un), [jn, fe] = M("loading"), Xn = {
     emit: o,
     expose: l
   }) {
-    const a = B(0), i = B(!1), n = B("normal"), r = B(), c = B(), v = B(), x = B([]), d = B(0), g = B(0), u = B([]), b = L(() => Sn(e.height) ? `${e.height}px` : e.height), m = L(() => u.value.length ? u.value[u.value.length - 1].bottom : 0), p = L(() => {
+    const a = B(0), i = B(!1), n = B("normal"), r = B(), c = B(), v = B(), x = B([]), d = B(0), g = B(0), u = B([]), b = I(() => Sn(e.height) ? `${e.height}px` : e.height), m = I(() => u.value.length ? u.value[u.value.length - 1].bottom : 0), p = I(() => {
       if (e.virtual) {
-        const I = d.value - y.value, A = g.value + $.value;
-        return S.value.slice(I, A);
+        const V = d.value - y.value, A = g.value + $.value;
+        return S.value.slice(V, A);
       }
       return S.value;
-    }), y = L(() => Math.min(d.value, e.bufferScale * f.value)), $ = L(() => Math.min(e.dataSource.length - g.value, e.bufferScale * f.value)), f = L(() => Math.ceil(a.value / parseInt(String(e.itemHeight)))), S = L(() => e.dataSource.map((I, A) => (I[e.keyName] = A, I))), w = () => i.value ? document.documentElement.scrollTop || document.body.scrollTop : r.value.scrollTop, N = () => i.value ? document.documentElement.scrollHeight : r.value.scrollHeight, h = () => {
-      n.value !== "loading" && (n.value = "loading", o("load", (I) => {
+    }), y = I(() => Math.min(d.value, e.bufferScale * f.value)), $ = I(() => Math.min(e.dataSource.length - g.value, e.bufferScale * f.value)), f = I(() => Math.ceil(a.value / parseInt(String(e.itemHeight)))), S = I(() => e.dataSource.map((V, A) => (V[e.keyName] = A, V))), w = () => i.value ? document.documentElement.scrollTop || document.body.scrollTop : r.value.scrollTop, N = () => i.value ? document.documentElement.scrollHeight : r.value.scrollHeight, h = () => {
+      n.value !== "loading" && (n.value = "loading", o("load", (V) => {
         if (n.value === "loading")
-          switch (I) {
+          switch (V) {
             case "error":
               n.value = "error";
               break;
@@ -1162,7 +1164,7 @@ const Yn = D(Un), [jn, fe] = M("loading"), Xn = {
     }, E = () => {
       n.value === "normal" && N() - w() - a.value <= e.loadOffset && h();
     }, T = () => {
-      u.value = S.value.map((I, A) => {
+      u.value = S.value.map((V, A) => {
         const H = parseInt(String(e.itemHeight));
         return {
           index: A,
@@ -1173,26 +1175,26 @@ const Yn = D(Un), [jn, fe] = M("loading"), Xn = {
       });
     }, k = () => {
       T();
-      for (let I = 1; I < u.value.length; I++)
-        u.value[I].top = u.value[I - 1].bottom, u.value[I].bottom = u.value[I].top + u.value[I].height;
-    }, V = (I, A) => {
-      let H = 0, ue = I.length - 1, Z = -1;
+      for (let V = 1; V < u.value.length; V++)
+        u.value[V].top = u.value[V - 1].bottom, u.value[V].bottom = u.value[V].top + u.value[V].height;
+    }, P = (V, A) => {
+      let H = 0, ue = V.length - 1, Z = -1;
       for (; H <= ue; ) {
-        const ae = Math.floor((H + ue) / 2), oe = I[ae].bottom;
+        const ae = Math.floor((H + ue) / 2), oe = V[ae].bottom;
         if (oe === A)
           return ae + 1;
         oe < A ? H = ae + 1 : oe > A && ((Z === -1 || Z > ae) && (Z = ae), ue = ae - 1);
       }
       return Z;
-    }, O = (I) => V(u.value, I), P = () => {
+    }, O = (V) => P(u.value, V), L = () => {
       if (E(), e.virtual) {
-        const I = w();
-        X(I);
+        const V = w();
+        X(V);
       }
-    }, X = (I) => {
+    }, X = (V) => {
       if (!c.value)
         return;
-      const A = I || 0;
+      const A = V || 0;
       if (e.dynamicItemHeight) {
         d.value = O(A), g.value = d.value + f.value;
         const H = u.value[d.value - y.value].top ? u.value[d.value - y.value].top : 0;
@@ -1205,8 +1207,8 @@ const Yn = D(Un), [jn, fe] = M("loading"), Xn = {
     }, le = () => {
       if (!c.value || !v.value)
         return;
-      const I = c.value.children;
-      I && I.length > 0 && [...I].forEach((A) => {
+      const V = c.value.children;
+      V && V.length > 0 && [...V].forEach((A) => {
         if (A instanceof HTMLDivElement) {
           const H = A.getBoundingClientRect(), {
             height: ue
@@ -1224,16 +1226,16 @@ const Yn = D(Un), [jn, fe] = M("loading"), Xn = {
       checkIsScrollToBottom: E,
       loadData: h
     }), K(() => {
-      e.height !== "auto" ? (i.value = !1, a.value = r.value.clientHeight) : e.height === "auto" && (i.value = !0, a.value = document.documentElement.clientHeight, document.addEventListener("scroll", P)), e.virtual && (T(), X()), e.immediateCheck && E();
+      e.height !== "auto" ? (i.value = !1, a.value = r.value.clientHeight) : e.height === "auto" && (i.value = !0, a.value = document.documentElement.clientHeight, document.addEventListener("scroll", L)), e.virtual && (T(), X()), e.immediateCheck && E();
     }), vn(async () => {
-      var I, A;
+      var V, A;
       if (e.virtual && e.dynamicItemHeight) {
-        if (await re(), !((A = (I = c.value) == null ? void 0 : I.children) != null && A.length))
+        if (await re(), !((A = (V = c.value) == null ? void 0 : V.children) != null && A.length))
           return;
         le();
       }
     }), ye(() => {
-      i.value && document.removeEventListener("scroll", P);
+      i.value && document.removeEventListener("scroll", L);
     }), () => s("div", {
       ref: r,
       class: `${se()} ${e.virtual ? se({
@@ -1242,7 +1244,7 @@ const Yn = D(Un), [jn, fe] = M("loading"), Xn = {
       style: {
         height: b.value
       },
-      onScroll: P
+      onScroll: L
     }, [e.virtual && s("div", {
       ref: v,
       class: se("phantom"),
@@ -1252,14 +1254,14 @@ const Yn = D(Un), [jn, fe] = M("loading"), Xn = {
     }, null), s("div", {
       ref: c,
       class: se("content")
-    }, [p.value.map((I) => {
+    }, [p.value.map((V) => {
       var A;
       return s("div", {
         ref: x,
         class: se("item"),
-        "data-index": I._index
+        "data-index": V._index
       }, [(A = t.default) == null ? void 0 : A.call(t, {
-        item: I
+        item: V
       })]);
     })]), n.value === "loading" && s("div", {
       class: se({
@@ -1540,14 +1542,14 @@ const xe = D(nl), ll = {
       parent: a
     } = de(Xt), i = a === null ? Pe().parent : null;
     a && a.allItemNames.push(e.name);
-    const n = (m, p = null) => L(() => a && a.props[m] !== null ? a.props[m] : Object.keys(e).includes(m) ? e[m] : p), r = n("disabled"), c = n("square"), v = n("checkedColor"), x = n("horizontal", !1), d = L(() => a ? a.props.modelValue.includes(e.name) : e.modelValue), g = (m) => {
+    const n = (m, p = null) => I(() => a && a.props[m] !== null ? a.props[m] : Object.keys(e).includes(m) ? e[m] : p), r = n("disabled"), c = n("square"), v = n("checkedColor"), x = n("horizontal", !1), d = I(() => a ? a.props.modelValue.includes(e.name) : e.modelValue), g = (m) => {
       var p;
       r.value || typeof m < "u" && d.value === m || ((p = a == null ? void 0 : a.onItemChange) == null || p.call(a, e.name), o("update:modelValue", !e.modelValue), o("change", !e.modelValue));
     };
     l({
       toggle: g
     });
-    const u = L(() => ["mini", "small", "middle", "large"].includes(e.size.toString() || (i == null ? void 0 : i.getProp("size"))) ? null : W(e.size)), b = L(() => {
+    const u = I(() => ["mini", "small", "middle", "large"].includes(e.size.toString() || (i == null ? void 0 : i.getProp("size"))) ? null : W(e.size)), b = I(() => {
       const m = {};
       return u.value && (m.width = u.value, m.height = u.value), d.value && v.value && (m.backgroundColor = v.value), m;
     });
@@ -1630,12 +1632,12 @@ const sl = D(ol), [cl, wt] = M("switch"), dl = /* @__PURE__ */ z({
   }) {
     const {
       parent: o
-    } = Pe(), l = L(() => e.modelValue === e.activeValue), a = () => {
+    } = Pe(), l = I(() => e.modelValue === e.activeValue), a = () => {
       if (!e.disabled && !e.readonly) {
         const n = l.value ? e.inactiveValue : e.activeValue;
         t("update:modelValue", n), t("change", n);
       }
-    }, i = L(() => {
+    }, i = I(() => {
       switch (e.size || (o == null ? void 0 : o.getProp("size")) || "middle") {
         case "large":
           return "34px";
@@ -1725,7 +1727,7 @@ const fl = D(dl), ml = (e, t, o, l) => {
   }) {
     const a = ne();
     let i = 0, n = 0, r = 0, c = null;
-    const v = B(0), x = B(0), d = B(U.DEFUALT), g = L(() => {
+    const v = B(0), x = B(0), d = B(U.DEFUALT), g = I(() => {
       var w;
       const S = [...((w = a == null ? void 0 : a.proxy) == null ? void 0 : w.$el).childNodes];
       return S == null ? void 0 : S.filter((N) => N.nodeType !== 3 || N.nodeValue !== "");
@@ -2095,14 +2097,14 @@ const Il = D(dt), [Zt, Vl] = M("row"), Qt = Zt, Pl = /* @__PURE__ */ z({
     const {
       children: o,
       initProvide: l
-    } = we(Qt), a = L(() => {
+    } = we(Qt), a = I(() => {
       const n = [[]];
       let r = 0;
       return o.forEach((c, v) => {
         var x;
         r += Number((x = c.proxy) == null ? void 0 : x.span), r > 24 ? (n.push([v]), r -= 24) : n[n.length - 1].push(v);
       }), n;
-    }), i = L(() => {
+    }), i = I(() => {
       const n = Number(e.gutter), r = [];
       return n && a.value.forEach((c) => {
         const v = n * (c.length - 1) / c.length;
@@ -2161,7 +2163,7 @@ const _l = D(Pl), [zl, Ml] = M("col"), Dl = /* @__PURE__ */ z({
     const {
       parent: o,
       index: l
-    } = de(Qt), a = L(() => {
+    } = de(Qt), a = I(() => {
       if (!o)
         return {};
       const {
@@ -2727,7 +2729,7 @@ const tt = D(na), [la, Et, Tt] = M("popup"), aa = {
     slots: t,
     emit: o
   }) {
-    const l = L(() => {
+    const l = I(() => {
       const {
         position: n,
         borderRadius: r,
@@ -2760,7 +2762,7 @@ const tt = D(na), [la, Et, Tt] = M("popup"), aa = {
       };
     }), a = (n) => {
       o("clickMask", n), e.isCloseOnClickMask && (i.value = !1);
-    }, i = L({
+    }, i = I({
       get: () => e.modelValue,
       set: (n) => o("update:modelValue", n)
     });
@@ -2879,7 +2881,7 @@ const ft = D(oa), [ia, Me, Bt] = M("stepper"), ra = /* @__PURE__ */ z({
   }) {
     const {
       parent: l
-    } = Pe(), a = B(e.modelValue), i = L(() => e.size || (l == null ? void 0 : l.getProp("size"))), n = L(() => e.modelValue <= e.min || e.disabled), r = L(() => e.modelValue >= e.max || e.disabled), c = (m) => {
+    } = Pe(), a = B(e.modelValue), i = I(() => e.size || (l == null ? void 0 : l.getProp("size"))), n = I(() => e.modelValue <= e.min || e.disabled), r = I(() => e.modelValue >= e.max || e.disabled), c = (m) => {
       let p = e.integer;
       return m.toString().replace(/([^0-9\.\-])/g, "").replace(/\./g, (y) => p ? "" : (p = !0, y)).replace(/\-/g, (y, $) => $ === 0 ? "-" : "");
     }, v = (m) => {
@@ -3142,10 +3144,10 @@ const da = D(ca), on = "form-item", [fa, De, ma] = M(on), va = Dt(on), ga = /* @
         return e[S];
       const w = l && l.props;
       return w && w[S] || null;
-    }, v = L(() => {
+    }, v = I(() => {
       const S = l && l.props.rules, w = e.rules || (S == null ? void 0 : S[e.prop]);
       return wn(w) ? [w] : w;
-    }), x = L(() => v.value && v.value.some((S) => S.required)), d = L(() => i.value ? i.value.proxy.modelValue : null), g = L(() => c("showError") && n.value), u = (S, w) => !(w.required && (i.value && i.value.exposed && typeof i.value.exposed.isRequired < "u" && !i.value.exposed.isRequired || !(Array.isArray(S) ? S.length : S)) || w.pattern && bn(S) && !w.pattern.test(S)), b = (S, w) => {
+    }), x = I(() => v.value && v.value.some((S) => S.required)), d = I(() => i.value ? i.value.proxy.modelValue : null), g = I(() => c("showError") && n.value), u = (S, w) => !(w.required && (i.value && i.value.exposed && typeof i.value.exposed.isRequired < "u" && !i.value.exposed.isRequired || !(Array.isArray(S) ? S.length : S)) || w.pattern && bn(S) && !w.pattern.test(S)), b = (S, w) => {
       const {
         message: N
       } = w;
@@ -3306,7 +3308,7 @@ const pa = D(ga), [ha, ya] = M("input"), ba = 13, Sa = /* @__PURE__ */ z({
     }), be(() => {
       a && a.remove(), a = null;
     });
-    const g = L({
+    const g = I({
       get: () => e.modelValue,
       set: (u) => t("update:modelValue", u)
     });
@@ -3379,7 +3381,7 @@ const wa = D(Sa), nt = 1e3, lt = 60 * nt, at = 60 * lt, Lt = 24 * at, [xa] = M("
     emit: o,
     expose: l
   }) {
-    const a = B(), i = B(!1), n = B(Number(e.time)), r = B(0), c = L(() => p(n.value));
+    const a = B(), i = B(!1), n = B(Number(e.time)), r = B(0), c = I(() => p(n.value));
     K(() => {
       e.autoStart && v();
     });
@@ -3554,7 +3556,7 @@ const [Na, te] = M("dialog"), Ea = {
     }, x = (g, u, b) => {
       let m = Number(g.substring(0, g.length - 2));
       return m /= u || 2, b ? `${b(m)}px` : `${m}px`;
-    }, d = L({
+    }, d = I({
       get: () => e.modelValue,
       set: (g) => t("update:modelValue", g)
     });
@@ -3589,7 +3591,7 @@ const [Na, te] = M("dialog"), Ea = {
         teleport: T
       }), {
         default: () => {
-          var k, V, O, P;
+          var k, P, O, L;
           return [((k = o.img) == null ? void 0 : k.call(o)) || h && s("div", {
             class: te("img", {
               circle: E
@@ -3611,7 +3613,7 @@ const [Na, te] = M("dialog"), Ea = {
             style: {
               height: E ? x(W(g), 4, (X) => X + 20) : "24px"
             }
-          }, null), ((V = o.title) == null ? void 0 : V.call(o)) || s("div", {
+          }, null), ((P = o.title) == null ? void 0 : P.call(o)) || s("div", {
             class: te("title"),
             style: {
               textAlign: b
@@ -3623,7 +3625,7 @@ const [Na, te] = M("dialog"), Ea = {
             style: {
               textAlign: p
             }
-          }, [((O = o.default) == null ? void 0 : O.call(o)) || m]), ((P = o.footer) == null ? void 0 : P.call(o)) || s("div", {
+          }, [((O = o.default) == null ? void 0 : O.call(o)) || m]), ((L = o.footer) == null ? void 0 : L.call(o)) || s("div", {
             class: te("footer"),
             style: {
               paddingTop: f || w ? "20px" : "0px"
@@ -3989,14 +3991,14 @@ const Oa = D(za), Te = (e, t, o) => ({
     emit: t,
     slots: o
   }) {
-    const l = L(() => {
+    const l = I(() => {
       const {
         pageCount: n,
         totalItems: r,
         itemsPerPage: c
       } = e, v = Number(n) || Math.ceil(Number(r) / Number(c));
       return Math.max(1, v);
-    }), a = L(() => {
+    }), a = I(() => {
       const n = [], r = l.value, c = Number(e.showPageSize), {
         modelValue: v,
         forceEllipses: x,
@@ -4124,7 +4126,7 @@ const Fa = D(Wa), [dn, Oe] = M("dropdown"), fn = dn, Ha = {
     const l = `dropdown-${Math.ceil(Math.random() * 100)}`, a = B(), i = B(null), n = B(0), {
       initProvide: r,
       children: c
-    } = we(fn), v = L(() => c.some((w) => w.exposed.state.showPopup)), x = L(() => e.swipeThreshold && c.length > Number(e.swipeThreshold)), d = L(() => v.value && e.zIndex ? {
+    } = we(fn), v = I(() => c.some((w) => w.exposed.state.showPopup)), x = I(() => e.swipeThreshold && c.length > Number(e.swipeThreshold)), d = I(() => v.value && e.zIndex ? {
       zIndex: Number(e.zIndex) + 1
     } : {}), g = (w) => w.tagName !== "HTML" && w.tagName !== "BODY" && w.nodeType === 1, u = (w, N = window) => {
       let h = w;