zx-infinite-scroll 1.0.4 → 1.0.7

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as N, openBlock as f, createElementBlock as m, normalizeClass as P, createElementVNode as z, toDisplayString as $, computed as re, normalizeStyle as U, renderSlot as j, createTextVNode as ge, createCommentVNode as V, ref as d, watch as Y, onMounted as ce, nextTick as I, onBeforeUnmount as pe, withDirectives as xe, vShow as ye, createVNode as Te, createBlock as Z, withCtx as we } from "vue";
-const Ee = { class: "loading-content" }, Re = { class: "loading-text" }, Ce = /* @__PURE__ */ N({
+import { defineComponent as Y, openBlock as f, createElementBlock as p, normalizeClass as X, createElementVNode as $, toDisplayString as V, computed as se, normalizeStyle as P, renderSlot as K, createTextVNode as ge, createCommentVNode as D, ref as d, watch as j, onMounted as fe, nextTick as I, onBeforeUnmount as xe, withDirectives as ye, vShow as Te, createVNode as be, createBlock as U, withCtx as we } from "vue";
+const Ee = { class: "loading-content" }, Re = { class: "loading-text" }, Ce = /* @__PURE__ */ Y({
   name: "RequestLoading",
   __name: "request-loading",
   props: {
@@ -7,24 +7,24 @@ const Ee = { class: "loading-content" }, Re = { class: "loading-text" }, Ce = /*
     fullscreen: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (g, p) => (f(), m("div", {
-      class: P(["loading-container", { fullscreen: t.fullscreen }])
+    return (m, g) => (f(), p("div", {
+      class: X(["loading-container", { fullscreen: t.fullscreen }])
     }, [
-      z("div", Ee, [
-        p[0] || (p[0] = z("span", { class: "loading-spinner" }, null, -1)),
-        z("span", Re, $(t.text), 1)
+      $("div", Ee, [
+        g[0] || (g[0] = $("span", { class: "loading-spinner" }, null, -1)),
+        $("span", Re, V(t.text), 1)
       ])
     ], 2));
   }
-}), G = (t, g) => {
-  const p = t.__vccOpts || t;
-  for (const [n, x] of g)
-    p[n] = x;
-  return p;
-}, K = /* @__PURE__ */ G(Ce, [["__scopeId", "data-v-d89150ba"]]), Le = ["src"], ke = {
+}), G = (t, m) => {
+  const g = t.__vccOpts || t;
+  for (const [l, x] of m)
+    g[l] = x;
+  return g;
+}, Z = /* @__PURE__ */ G(Ce, [["__scopeId", "data-v-d89150ba"]]), ke = ["src"], Le = {
   key: 0,
   class: "empty-text"
-}, He = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='80' viewBox='0 0 96 80' fill='none'%3E%3Cpath d='M8 16C8 12.6863 10.6863 10 14 10H38L44 16H82C85.3137 16 88 18.6863 88 22V66C88 69.3137 85.3137 72 82 72H14C10.6863 72 8 69.3137 8 66V16Z' fill='%23E8E8E8'/%3E%3Cpath d='M8 20C8 18.3431 9.34315 17 11 17H85C86.6569 17 88 18.3431 88 20V66C88 69.3137 85.3137 72 82 72H14C10.6863 72 8 69.3137 8 66V20Z' fill='%23F5F5F5'/%3E%3Cpath d='M38 42C38 40.8954 38.8954 40 40 40H56C57.1046 40 58 40.8954 58 42V44C58 45.1046 57.1046 46 56 46H40C38.8954 46 38 45.1046 38 44V42Z' fill='%23D9D9D9'/%3E%3C/svg%3E", Se = /* @__PURE__ */ N({
+}, He = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='80' viewBox='0 0 96 80' fill='none'%3E%3Cpath d='M8 16C8 12.6863 10.6863 10 14 10H38L44 16H82C85.3137 16 88 18.6863 88 22V66C88 69.3137 85.3137 72 82 72H14C10.6863 72 8 69.3137 8 66V16Z' fill='%23E8E8E8'/%3E%3Cpath d='M8 20C8 18.3431 9.34315 17 11 17H85C86.6569 17 88 18.3431 88 20V66C88 69.3137 85.3137 72 82 72H14C10.6863 72 8 69.3137 8 66V20Z' fill='%23F5F5F5'/%3E%3Cpath d='M38 42C38 40.8954 38.8954 40 40 40H56C57.1046 40 58 40.8954 58 42V44C58 45.1046 57.1046 46 56 46H40C38.8954 46 38 45.1046 38 44V42Z' fill='%23D9D9D9'/%3E%3C/svg%3E", Se = /* @__PURE__ */ Y({
   name: "EmptyComponent",
   __name: "empty-component",
   props: {
@@ -34,38 +34,38 @@ const Ee = { class: "loading-content" }, Re = { class: "loading-text" }, Ce = /*
     emptyImage: { default: "" }
   },
   setup(t) {
-    const g = t, p = re(() => ({
-      paddingTop: typeof g.paddingTop == "number" ? `${g.paddingTop}px` : g.paddingTop
-    })), n = re(() => g.emptyImage || He);
-    return (x, a) => (f(), m("div", {
+    const m = t, g = se(() => ({
+      paddingTop: typeof m.paddingTop == "number" ? `${m.paddingTop}px` : m.paddingTop
+    })), l = se(() => m.emptyImage || He);
+    return (x, a) => (f(), p("div", {
       class: "empty-wrap",
-      style: U(p.value)
+      style: P(g.value)
     }, [
-      z("img", {
+      $("img", {
         class: "empty-image",
-        src: n.value,
+        src: l.value,
         alt: ""
-      }, null, 8, Le),
-      t.showText ? (f(), m("p", ke, [
-        j(x.$slots, "default", {}, () => [
-          ge($(t.text), 1)
+      }, null, 8, ke),
+      t.showText ? (f(), p("p", Le, [
+        K(x.$slots, "default", {}, () => [
+          ge(V(t.text), 1)
         ], !0)
-      ])) : V("", !0)
+      ])) : D("", !0)
     ], 4));
   }
-}), fe = /* @__PURE__ */ G(Se, [["__scopeId", "data-v-3c452901"]]), Be = { class: "pull-refresh-content" }, be = { key: 0 }, Me = {
+}), de = /* @__PURE__ */ G(Se, [["__scopeId", "data-v-3c452901"]]), ze = { class: "pull-refresh-content" }, Be = { key: 0 }, Me = {
   key: 1,
   class: "pull-text"
 }, De = {
   key: 2,
   class: "pull-text"
-}, Ve = {
+}, Ie = {
   key: 0,
   class: "content-loading-mask"
-}, Ie = {
+}, Ve = {
   key: 1,
   class: "finished-text"
-}, ue = 8, $e = /* @__PURE__ */ N({
+}, ue = 8, $e = /* @__PURE__ */ Y({
   name: "InfiniteScroll",
   __name: "infinite-scroll",
   props: {
@@ -86,189 +86,189 @@ const Ee = { class: "loading-content" }, Re = { class: "loading-text" }, Ce = /*
     contentLoading: { type: Boolean, default: !1 }
   },
   emits: ["refresh", "load", "retry"],
-  setup(t, { expose: g, emit: p }) {
-    const n = t, x = p, a = d(null), o = d(null), C = d(null), i = d("idle"), h = d(0), y = d(!1);
-    let E = 0, L = 0, T = 0, w = "none", v = !1, S = !1, B = !1, k = null, r = null, l = null, u = null, c = -1;
-    function M(e, s) {
-      !n.pullRefresh || v || (E = e, L = s, T = 0, w = "none", i.value = "idle");
+  setup(t, { expose: m, emit: g }) {
+    const l = t, x = g, a = d(null), i = d(null), R = d(null), o = d("idle"), h = d(0), y = d(!1);
+    let w = 0, C = 0, T = 0, b = "none", v = !1, H = !1, S = !1, k = null, s = null, n = null, u = null, c = -1;
+    function B(e, r) {
+      !l.pullRefresh || v || (w = e, C = r, T = 0, b = "none", o.value = "idle");
     }
-    function J(e, s, R) {
-      if (!n.pullRefresh || v || L === 0) return !1;
-      const D = e - E, H = s - L;
-      if (w === "none") {
-        const b = Math.abs(D), X = Math.abs(H);
-        if (b > ue || X > ue)
-          w = X > b * 1.5 ? "vertical" : "horizontal";
+    function J(e, r, E) {
+      if (!l.pullRefresh || v || C === 0) return !1;
+      const M = e - w, L = r - C;
+      if (b === "none") {
+        const z = Math.abs(M), O = Math.abs(L);
+        if (z > ue || O > ue)
+          b = O > z * 1.5 ? "vertical" : "horizontal";
         else
           return !1;
       }
-      if (w === "horizontal") return !1;
-      const q = ve() <= 1;
-      if (!q && H < 0) {
-        const b = a.value;
-        return !!(b && b.scrollHeight - b.scrollTop - b.clientHeight <= 1 && R);
+      if (b === "horizontal") return !1;
+      const q = pe() <= 1;
+      if (!q && L < 0) {
+        const z = a.value;
+        return !!(z && z.scrollHeight - z.scrollTop - z.clientHeight <= 1 && E);
       }
-      return q ? (T = Math.max(0, Math.min(H, 150)), y.value = !0, r === null && (r = requestAnimationFrame(() => {
-        r = null, h.value = T * 0.5, T === 0 ? i.value = "idle" : i.value = T > n.pullThreshold ? "loosing" : "pulling";
-      })), H > 0) : !1;
+      return q ? (T = Math.max(0, Math.min(L, 150)), y.value = !0, s === null && (s = requestAnimationFrame(() => {
+        s = null, h.value = T * 0.5, T === 0 ? o.value = "idle" : o.value = T > l.pullThreshold ? "loosing" : "pulling";
+      })), L > 0) : !1;
     }
     function Q() {
-      !n.pullRefresh || v || (r !== null && (cancelAnimationFrame(r), r = null), y.value = !1, T > n.pullThreshold ? (v = !0, i.value = "refreshing", h.value = 50, x("refresh")) : (h.value = 0, i.value = "idle"), oe());
+      !l.pullRefresh || v || (s !== null && (cancelAnimationFrame(s), s = null), y.value = !1, T > l.pullThreshold ? (v = !0, o.value = "refreshing", h.value = 50, x("refresh")) : (h.value = 0, o.value = "idle"), ie());
     }
-    function he() {
-      !n.pullRefresh || v || (r !== null && (cancelAnimationFrame(r), r = null), y.value = !1, h.value = 0, i.value = "idle", oe());
+    function ve() {
+      !l.pullRefresh || v || (s !== null && (cancelAnimationFrame(s), s = null), y.value = !1, h.value = 0, o.value = "idle", ie());
     }
     function W(e) {
-      M(e.touches[0].clientX, e.touches[0].clientY);
+      B(e.touches[0].clientX, e.touches[0].clientY);
     }
     function _(e) {
-      const s = e.touches[0];
-      J(s.clientX, s.clientY, e.cancelable) && e.cancelable && e.preventDefault();
+      const r = e.touches[0];
+      J(r.clientX, r.clientY, e.cancelable) && e.cancelable && e.preventDefault();
     }
     function ee() {
       Q();
     }
     function te() {
-      he();
-    }
-    function le(e) {
-      !n.pullRefresh || v || e.button !== 0 || (B = !0, M(e.clientX, e.clientY));
+      ve();
     }
     function ne(e) {
-      B && J(e.clientX, e.clientY, !0) && e.preventDefault();
+      !l.pullRefresh || v || e.button !== 0 || (S = !0, B(e.clientX, e.clientY));
+    }
+    function le(e) {
+      S && J(e.clientX, e.clientY, !0) && e.preventDefault();
     }
     function ae() {
-      B && (B = !1, Q());
+      S && (S = !1, Q());
     }
-    function oe() {
-      E = 0, L = 0, T = 0, w = "none";
+    function ie() {
+      w = 0, C = 0, T = 0, b = "none";
     }
-    function O() {
-      n.loading || n.finished || n.error || S || k || (k = window.setTimeout(() => {
+    function A() {
+      l.loading || l.finished || l.error || H || k || (k = window.setTimeout(() => {
         var q;
         k = null;
         const e = a.value;
         if (!e) return;
-        const { scrollTop: s, clientHeight: R, scrollHeight: D } = e, H = ((q = o.value) == null ? void 0 : q.clientHeight) || 0;
-        if (H <= R) {
-          if (c === H) return;
-          c = H, ie(!0);
+        const { scrollTop: r, clientHeight: E, scrollHeight: M } = e, L = ((q = i.value) == null ? void 0 : q.clientHeight) || 0;
+        if (L <= E) {
+          if (c === L) return;
+          c = L, oe(!0);
           return;
         }
-        D - s - R <= n.loadThreshold && ie(!1);
+        M - r - E <= l.loadThreshold && oe(!1);
       }, 100));
     }
-    function ie(e = !1) {
-      S = !0, x("load"), I(() => {
-        var R;
-        const s = a.value;
-        s && (e ? s.scrollTop = s.scrollHeight : (R = C.value) == null || R.scrollIntoView({ block: "end", behavior: "smooth" }));
+    function oe(e = !1) {
+      H = !0, x("load"), I(() => {
+        var E;
+        const r = a.value;
+        r && (e ? r.scrollTop = r.scrollHeight : (E = R.value) == null || E.scrollIntoView({ block: "end", behavior: "smooth" }));
       });
     }
-    function ve() {
+    function pe() {
       var e;
       return ((e = a.value) == null ? void 0 : e.scrollTop) ?? 0;
     }
-    function A() {
-      v = !1, h.value = 0, l !== null && clearTimeout(l), l = window.setTimeout(() => {
-        i.value = "idle", l = null;
+    function N() {
+      v = !1, h.value = 0, n !== null && clearTimeout(n), n = window.setTimeout(() => {
+        o.value = "idle", n = null;
       }, 250), c = -1, I(() => {
         F();
       });
     }
-    function se() {
-      S = !1, I(() => {
-        var s;
-        const e = ((s = o.value) == null ? void 0 : s.clientHeight) || 0;
+    function re() {
+      H = !1, I(() => {
+        var r;
+        const e = ((r = i.value) == null ? void 0 : r.clientHeight) || 0;
         c !== -1 && e === c || (c = -1, F());
       });
     }
     function F() {
-      n.finished || n.loading || n.error || I(() => {
-        var R, D;
-        const e = ((R = o.value) == null ? void 0 : R.clientHeight) || 0, s = ((D = a.value) == null ? void 0 : D.clientHeight) || 0;
-        e <= s && !S && O();
+      l.finished || l.loading || l.error || I(() => {
+        var E, M;
+        const e = ((E = i.value) == null ? void 0 : E.clientHeight) || 0, r = ((M = a.value) == null ? void 0 : M.clientHeight) || 0;
+        e <= r && !H && A();
       });
     }
     function me() {
       x("retry");
     }
-    return Y(
-      () => n.loading,
+    return j(
+      () => l.loading,
       (e) => {
-        e || (S = !1);
+        e || (H = !1);
       }
-    ), Y(
-      () => n.finished,
+    ), j(
+      () => l.finished,
       (e) => {
         e && (c = -1);
       }
-    ), ce(() => {
+    ), fe(() => {
       const e = a.value;
-      e && (n.pullRefresh && (e.addEventListener("touchstart", W, { passive: !0 }), e.addEventListener("touchmove", _, { passive: !1 }), e.addEventListener("touchend", ee, { passive: !0 }), e.addEventListener("touchcancel", te, { passive: !0 }), e.addEventListener("mousedown", le), window.addEventListener("mousemove", ne), window.addEventListener("mouseup", ae)), e.addEventListener("scroll", O, { passive: !0 }), typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
+      e && (l.pullRefresh && (e.addEventListener("touchstart", W, { passive: !0 }), e.addEventListener("touchmove", _, { passive: !1 }), e.addEventListener("touchend", ee, { passive: !0 }), e.addEventListener("touchcancel", te, { passive: !0 }), e.addEventListener("mousedown", ne), window.addEventListener("mousemove", le), window.addEventListener("mouseup", ae)), e.addEventListener("scroll", A, { passive: !0 }), typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
         F();
-      }), u.observe(e), o.value && u.observe(o.value)), I(() => {
+      }), u.observe(e), i.value && u.observe(i.value)), I(() => {
         F();
       }));
-    }), pe(() => {
+    }), xe(() => {
       const e = a.value;
-      e && (e.removeEventListener("touchstart", W), e.removeEventListener("touchmove", _), e.removeEventListener("touchend", ee), e.removeEventListener("touchcancel", te), e.removeEventListener("mousedown", le), e.removeEventListener("scroll", O)), window.removeEventListener("mousemove", ne), window.removeEventListener("mouseup", ae), u && (u.disconnect(), u = null), r !== null && (cancelAnimationFrame(r), r = null), k !== null && (clearTimeout(k), k = null), l !== null && (clearTimeout(l), l = null);
-    }), g({
-      refresh: A,
-      finishRefresh: A,
-      finishPullDown: A,
-      finishLoad: se,
-      finishPullUp: se,
+      e && (e.removeEventListener("touchstart", W), e.removeEventListener("touchmove", _), e.removeEventListener("touchend", ee), e.removeEventListener("touchcancel", te), e.removeEventListener("mousedown", ne), e.removeEventListener("scroll", A)), window.removeEventListener("mousemove", le), window.removeEventListener("mouseup", ae), u && (u.disconnect(), u = null), s !== null && (cancelAnimationFrame(s), s = null), k !== null && (clearTimeout(k), k = null), n !== null && (clearTimeout(n), n = null);
+    }), m({
+      refresh: N,
+      finishRefresh: N,
+      finishPullDown: N,
+      finishLoad: re,
+      finishPullUp: re,
       checkContentHeight: F
-    }), (e, s) => (f(), m("div", {
+    }), (e, r) => (f(), p("div", {
       ref_key: "containerRef",
       ref: a,
       class: "infinite-scroll"
     }, [
-      t.pullRefresh ? (f(), m("div", {
+      t.pullRefresh ? (f(), p("div", {
         key: 0,
-        class: P(["pull-refresh-indicator", { "no-transition": y.value }]),
-        style: U({ transform: `translateY(${h.value}px)` })
+        class: X(["pull-refresh-indicator", { "no-transition": y.value }]),
+        style: P({ transform: `translateY(${h.value}px)` })
       }, [
-        xe(z("div", Be, [
-          i.value === "refreshing" ? (f(), m("span", be)) : i.value === "loosing" ? (f(), m("span", Me, $(t.loosingText), 1)) : (f(), m("span", De, $(t.pullingText), 1))
+        ye($("div", ze, [
+          o.value === "refreshing" ? (f(), p("span", Be)) : o.value === "loosing" ? (f(), p("span", Me, V(t.loosingText), 1)) : (f(), p("span", De, V(t.pullingText), 1))
         ], 512), [
-          [ye, i.value !== "idle"]
+          [Te, o.value !== "idle"]
         ])
-      ], 6)) : V("", !0),
-      z("div", {
+      ], 6)) : D("", !0),
+      $("div", {
         ref_key: "contentRef",
-        ref: o,
-        class: P(["infinite-scroll-content", { "no-transition": y.value }]),
-        style: U(t.pullRefresh ? { transform: `translateY(${h.value}px)` } : {})
+        ref: i,
+        class: X(["infinite-scroll-content", { "no-transition": y.value }]),
+        style: P(t.pullRefresh ? { transform: `translateY(${h.value}px)` } : {})
       }, [
-        t.contentLoading ? (f(), m("div", Ve, [
-          Te(K, { text: t.refreshingText }, null, 8, ["text"])
-        ])) : V("", !0),
-        t.isEmpty && !t.loading ? (f(), Z(fe, {
+        t.contentLoading ? (f(), p("div", Ie, [
+          be(Z, { text: t.refreshingText }, null, 8, ["text"])
+        ])) : D("", !0),
+        t.isEmpty && !t.loading ? (f(), U(de, {
           key: 1,
           text: t.emptyText
-        }, null, 8, ["text"])) : V("", !0),
-        j(e.$slots, "default", {}, void 0, !0),
-        t.isEmpty ? V("", !0) : (f(), m("div", {
+        }, null, 8, ["text"])) : D("", !0),
+        K(e.$slots, "default", {}, void 0, !0),
+        t.isEmpty ? D("", !0) : (f(), p("div", {
           key: 2,
           ref_key: "indicatorRef",
-          ref: C,
+          ref: R,
           class: "load-more-indicator"
         }, [
-          t.loading && i.value !== "refreshing" ? (f(), Z(K, {
+          t.loading && o.value !== "refreshing" ? (f(), U(Z, {
             key: 0,
             text: t.loadingText
-          }, null, 8, ["text"])) : t.finished ? (f(), m("span", Ie, $(t.finishedText), 1)) : t.error ? (f(), m("span", {
+          }, null, 8, ["text"])) : t.finished ? (f(), p("span", Ve, V(t.finishedText), 1)) : t.error ? (f(), p("span", {
             key: 2,
             class: "error-text",
             onClick: me
-          }, $(t.errorText), 1)) : V("", !0)
+          }, V(t.errorText), 1)) : D("", !0)
         ], 512))
       ], 6)
     ], 512));
   }
-}), de = /* @__PURE__ */ G($e, [["__scopeId", "data-v-bf5ca1d9"]]), ze = /* @__PURE__ */ N({
+}), he = /* @__PURE__ */ G($e, [["__scopeId", "data-v-bf5ca1d9"]]), Fe = /* @__PURE__ */ Y({
   name: "InfiniteScrollV2",
   __name: "infinite-scroll-v2",
   props: {
@@ -289,96 +289,96 @@ const Ee = { class: "loading-content" }, Re = { class: "loading-text" }, Ce = /*
     errorText: { default: "加载失败，点击重试" }
   },
   emits: ["success", "error", "update:list"],
-  setup(t, { expose: g, emit: p }) {
-    const n = t, x = p, a = d(null), o = d([]), C = d(!1), i = d(!1), h = d(!1), y = d(!1), E = d(0), L = d(1), T = d(!1);
-    let w = 0;
-    async function v(l = !1) {
-      l && (L.value = 1, i.value = !1, h.value = !1), C.value = !0, y.value = !1, w += 1;
-      const u = w;
+  setup(t, { expose: m, emit: g }) {
+    const l = t, x = g, a = d(null), i = d([]), R = d(!1), o = d(!1), h = d(!1), y = d(!1), w = d(0), C = d(1), T = d(!1);
+    let b = 0;
+    async function v(n = !1) {
+      n && (C.value = 1, o.value = !1, h.value = !1), R.value = !0, y.value = !1, b += 1;
+      const u = b;
       try {
-        const c = await n.fetchFn({
-          page: L.value,
-          pageSize: n.pageSize,
-          ...n.params
+        const c = await l.fetchFn({
+          page: C.value,
+          pageSize: l.pageSize,
+          ...l.params
         });
-        if (u !== w) return;
-        const M = (c == null ? void 0 : c.records) || [];
-        l ? (o.value = M, E.value = 0) : o.value = [...o.value, ...M], E.value = Number((c == null ? void 0 : c.total) || 0), i.value = o.value.length >= E.value, h.value = o.value.length === 0, x("success", { records: M, total: E.value, reset: l }), x("update:list", o.value);
+        if (u !== b) return;
+        const B = (c == null ? void 0 : c.records) || [];
+        n ? (i.value = B, w.value = 0) : i.value = [...i.value, ...B], w.value = Number((c == null ? void 0 : c.total) || 0), o.value = i.value.length >= w.value, h.value = i.value.length === 0, x("success", { records: B, total: w.value, reset: n }), x("update:list", i.value);
       } catch (c) {
-        if (u !== w) return;
+        if (u !== b) return;
         y.value = !0, x("error", c);
       } finally {
-        u === w && (C.value = !1);
+        u === b && (R.value = !1);
       }
     }
-    async function S() {
-      var l;
-      T.value = !0, (l = a.value) == null || l.finishRefresh(), await new Promise((u) => {
+    async function H() {
+      var n;
+      T.value = !0, (n = a.value) == null || n.finishRefresh(), await new Promise((u) => {
         setTimeout(() => u(), 250);
       }), await v(!0), T.value = !1;
     }
-    async function B() {
-      var l, u;
-      if (i.value) {
-        (l = a.value) == null || l.finishLoad();
+    async function S() {
+      var n, u;
+      if (o.value) {
+        (n = a.value) == null || n.finishLoad();
         return;
       }
-      o.value.length > 0 && (L.value += 1), await v(!1), (u = a.value) == null || u.finishLoad();
+      i.value.length > 0 && (C.value += 1), await v(!1), (u = a.value) == null || u.finishLoad();
     }
     function k() {
-      y.value = !1, o.value.length === 0 ? v(!0) : B();
+      y.value = !1, i.value.length === 0 ? v(!0) : S();
     }
-    async function r() {
+    async function s() {
       await v(!0);
     }
-    return Y(
-      () => n.params,
+    return j(
+      () => l.params,
       () => {
-        n.autoReload && r();
+        l.autoReload && s();
       },
       { deep: !0 }
-    ), Y(
-      o,
+    ), j(
+      i,
       async () => {
-        var l;
-        await I(), (l = a.value) == null || l.checkContentHeight();
+        var n;
+        await I(), (n = a.value) == null || n.checkContentHeight();
       },
       { deep: !0 }
-    ), ce(() => {
-      n.immediate && v(!0);
-    }), g({
+    ), fe(() => {
+      l.immediate && v(!0);
+    }), m({
       /** 重新加载第一页 */
-      reload: r,
+      reload: s,
       /** 兼容别名 */
-      refresh: r,
+      refresh: s,
       /** 当前列表数据 */
-      list: o,
+      list: i,
       /** 加载中状态 */
-      loading: C,
+      loading: R,
       /** 是否已加载完 */
-      finished: i,
+      finished: o,
       /** 是否空数据 */
       isEmpty: h,
       /** 总条数 */
-      total: E,
+      total: w,
       /** 透传 v1 方法 */
       finishLoad: () => {
-        var l;
-        return (l = a.value) == null ? void 0 : l.finishLoad();
+        var n;
+        return (n = a.value) == null ? void 0 : n.finishLoad();
       },
       finishRefresh: () => {
-        var l;
-        return (l = a.value) == null ? void 0 : l.finishRefresh();
+        var n;
+        return (n = a.value) == null ? void 0 : n.finishRefresh();
       },
       checkContentHeight: () => {
-        var l;
-        return (l = a.value) == null ? void 0 : l.checkContentHeight();
+        var n;
+        return (n = a.value) == null ? void 0 : n.checkContentHeight();
       }
-    }), (l, u) => (f(), Z(de, {
+    }), (n, u) => (f(), U(he, {
       ref_key: "scrollRef",
       ref: a,
-      loading: C.value,
-      finished: i.value,
+      loading: R.value,
+      finished: o.value,
       "is-empty": h.value,
       error: y.value,
       "pull-refresh": t.pullRefresh,
@@ -392,37 +392,45 @@ const Ee = { class: "loading-content" }, Re = { class: "loading-text" }, Ce = /*
       "finished-text": t.finishedText,
       "error-text": t.errorText,
       "content-loading": T.value,
-      onLoad: B,
-      onRefresh: S,
+      onLoad: S,
+      onRefresh: H,
       onRetry: k
     }, {
       default: we(() => [
-        j(l.$slots, "default", {
-          list: o.value,
-          loading: C.value,
-          finished: i.value,
+        K(n.$slots, "default", {
+          list: i.value,
+          loading: R.value,
+          finished: o.value,
           isEmpty: h.value,
           error: y.value,
-          total: E.value,
-          reload: r
+          total: w.value,
+          reload: s
         })
       ]),
       _: 3
     }, 8, ["loading", "finished", "is-empty", "error", "pull-refresh", "pull-threshold", "load-threshold", "empty-text", "pulling-text", "loosing-text", "refreshing-text", "loading-text", "finished-text", "error-text", "content-loading"]));
   }
 });
-function Fe(t) {
-  t.component("InfiniteScroll", de), t.component("InfiniteScrollV2", ze), t.component("RequestLoading", K), t.component("EmptyComponent", fe);
+let ce = !1;
+const qe = ".loading-content[data-v-d89150ba]{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:16px;color:var(--zx-primary-color, #1e5efd);font-size:14px}.loading-spinner[data-v-d89150ba]{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--zx-primary-color, #1e5efd);border-top-color:transparent;animation:spin-d89150ba .8s linear infinite}@keyframes spin-d89150ba{to{transform:rotate(360deg)}}.loading-container.fullscreen[data-v-d89150ba]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff80}.empty-wrap[data-v-3c452901]{display:flex;flex-direction:column;align-items:center}.empty-image[data-v-3c452901]{width:96px;height:80px}.empty-text[data-v-3c452901]{margin:12px 0 0;color:#8c8f97;font-size:12px;line-height:22px}.infinite-scroll[data-v-bf5ca1d9]{height:100%;position:relative;min-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.pull-refresh-indicator[data-v-bf5ca1d9]{position:absolute;top:-50px;left:0;right:0;height:50px;transition:transform .25s}.pull-refresh-indicator.no-transition[data-v-bf5ca1d9]{transition:none}.pull-refresh-content[data-v-bf5ca1d9]{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:#969799}.pull-text[data-v-bf5ca1d9]{color:var(--zx-primary-color, #1989fa);font-size:14px}.infinite-scroll-content[data-v-bf5ca1d9]{position:relative;transition:transform .25s;min-height:100%}.infinite-scroll-content.no-transition[data-v-bf5ca1d9]{transition:none}.content-loading-mask[data-v-bf5ca1d9]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.load-more-indicator[data-v-bf5ca1d9]{display:flex;align-items:center;justify-content:center;min-height:50px;padding:16px 0;font-size:14px;color:#8c8f97}.finished-text[data-v-bf5ca1d9]{color:#8c8f97;font-size:14px}.error-text[data-v-bf5ca1d9]{color:#ee0a24;font-size:14px;cursor:pointer}.error-text[data-v-bf5ca1d9]:active{opacity:.7}";
+function je() {
+  if (ce || typeof document > "u") return;
+  const t = document.createElement("style");
+  t.setAttribute("data-source", "zx-infinite-scroll"), t.textContent = qe, document.head.appendChild(t), ce = !0;
+}
+je();
+function Ye(t) {
+  t.component("InfiniteScroll", he), t.component("InfiniteScrollV2", Fe), t.component("RequestLoading", Z), t.component("EmptyComponent", de);
 }
-const Ne = {
-  install: Fe
+const Oe = {
+  install: Ye
 };
 export {
-  fe as EmptyComponent,
-  de as InfiniteScroll,
-  ze as InfiniteScrollV2,
-  K as RequestLoading,
-  Ne as default,
-  Fe as install
+  de as EmptyComponent,
+  he as InfiniteScroll,
+  Fe as InfiniteScrollV2,
+  Z as RequestLoading,
+  Oe as default,
+  Ye as install
 };
 //# sourceMappingURL=index.es.js.map