@loickit-v/swiper 0.0.8 → 0.0.9

package/dist/components/Slide/index.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as H, ref as w, watch as y, computed as g, onMounted as V, createElementBlock as Z, openBlock as $, withModifiers as d, createElementVNode as X, normalizeStyle as Y, unref as f, renderSlot as k, reactive as b, provide as j, nextTick as q } from "vue";
-import { u_setStyle as z } from "@likcheung/shared";
-import { u_setTransform as m, u_setFlush as F } from "../../utils/index.js";
-import { SLIDE_DIRECTION as v } from "../constant/index.js";
-import { checkDirection as U } from "../../utils/slide.js";
+import { defineComponent as V, ref as g, watch as y, computed as w, onMounted as Z, createElementBlock as $, openBlock as X, withModifiers as f, createElementVNode as Y, normalizeStyle as b, unref as m, renderSlot as k, reactive as j, provide as q, nextTick as z } from "vue";
+import { u_setStyle as F } from "@likcheung/shared";
+import { u_setTransform as v, u_setFlush as U } from "../../utils/index.js";
+import { SLIDE_DIRECTION as h } from "../constant/index.js";
+import { checkDirection as G } from "../../utils/slide.js";
 import { COMMON_SLIDE_PROVIDE_NAME as M } from "../constant/private.js";
-import { useSlideState as G } from "../Provide/index.js";
-import { defaultState as J } from "../../hooks/defineSlide/default.js";
-import { createSlidePrivateProvide as K } from "./provide.js";
-const le = /* @__PURE__ */ H({
+import { useSlideState as J } from "../Provide/index.js";
+import { defaultState as K } from "../../hooks/defineSlide/default.js";
+import { createSlidePrivateProvide as Q } from "./provide.js";
+const ae = /* @__PURE__ */ V({
   name: "LSlide",
   __name: "index",
   props: {
@@ -18,93 +18,105 @@ const le = /* @__PURE__ */ H({
   },
   emits: ["switch"],
   setup(S, { emit: _ }) {
-    var I;
-    const t = S;
-    if (t.infinite && !((I = t.list) != null && I.length))
-      throw new Error("list is required when infinite is true");
-    const L = _, c = () => {
-      z(
+    var N;
+    const n = S;
+    if (n.infinite && !((N = n.list) != null && N.length))
+      throw new Error("list is required when use infinite mode");
+    const O = _, c = () => {
+      F(
         r.value,
         "transition-duration",
         `${e.duration}ms`
-      ), m(e.direction, r.value, -s.value);
-    }, p = K({
-      name: t.name,
+      ), v(e.direction, r.value, -l.value);
+    }, p = Q({
+      name: n.name,
       itemsInfo: [],
-      infinite: t.infinite
-    }), O = () => {
-      const n = b(J);
-      return j(t.name, n), n;
-    }, e = t.name !== M ? G(t.name) : O(), x = () => t.list.slice(e.currentIndex, e.currentIndex + 3), o = t.infinite ? w(x()) : null;
-    t.infinite && y(
-      () => t.list,
+      infinite: n.infinite
+    }), P = () => {
+      const t = j(K);
+      return q(n.name, t), t;
+    }, e = n.name !== M ? J(n.name) : P(), x = () => n.list.slice(e.currentIndex, e.currentIndex + 3), o = n.infinite ? g(x()) : null;
+    n.infinite && y(
+      () => n.list,
       () => {
         o.value = x();
       },
       { once: !0 }
-    ), y(() => e.currentIndex, c);
-    const r = w(), s = g(
+    );
+    const D = (t) => {
+      var s;
+      const i = r.value ? r.value.childElementCount : n.infinite ? n.list.length || ((s = o == null ? void 0 : o.value) == null ? void 0 : s.length) || 0 : 1 / 0;
+      return t < 0 || t > i - 1;
+    };
+    y(
+      () => e.currentIndex,
+      (t, i) => {
+        if (D(t)) return e.currentIndex = i;
+        c();
+      }
+    );
+    const r = g(), l = w(
       () => (
         // 通过收集所有 slide-item 的宽和高, 叠加计算
-        p.itemsInfo.slice(0, e.currentIndex).reduce((n, i) => (n += i[e.direction === v.HORIZONTAL ? "width" : "height"], n), 0)
+        p.itemsInfo.slice(0, e.currentIndex).reduce((t, i) => (t += i[e.direction === h.HORIZONTAL ? "width" : "height"], t), 0)
       )
-    ), P = g(
+    ), C = w(
       () => e.currentIndex === 0 && !e.isNext || e.currentIndex === p.itemsInfo.length - 1 && e.isNext
-    ), l = { x: 0, y: 0 };
-    let a = !1;
-    const D = (n) => {
-      a = !0, l.x = n.pageX, l.y = n.pageY;
-    }, { isConsistent: E, checkDirectionConsistent: C, resetCheckDirection: R } = U(e.direction), T = (n) => {
-      if (!a) return;
-      const i = n.pageX - l.x, N = n.pageY - l.y, u = e.direction === v.HORIZONTAL ? i : N;
-      e.isNext = u < 0, !P.value && (C(i, N), E.value && (F(r.value), m(
+    ), a = { x: 0, y: 0 };
+    let u = !1;
+    const E = (t) => {
+      u = !0, a.x = t.pageX, a.y = t.pageY;
+    }, { isConsistent: L, checkDirectionConsistent: T, resetCheckDirection: R } = G(e.direction), A = (t) => {
+      if (!u) return;
+      const i = t.pageX - a.x, s = t.pageY - a.y, d = e.direction === h.HORIZONTAL ? i : s;
+      e.isNext = d < 0, !C.value && (T(i, s), L.value && (U(r.value), v(
         e.direction,
         r.value,
-        Math.min(-s.value + u, e.isNext ? -s.value : 0)
-      ), e.shouldNext = Math.abs(u) > e.judgeValue));
-    }, h = () => {
-      e.shouldNext = !1, a = !1, R();
-    }, A = () => t.infinite ? e.currentIndex === o.value.length - 1 : !1, B = () => {
+        Math.min(-l.value + d, e.isNext ? -l.value : 0)
+      ), e.shouldNext = Math.abs(d) > e.judgeValue));
+    }, I = () => {
+      e.shouldNext = !1, u = !1, R();
+    }, B = () => n.infinite ? e.currentIndex === o.value.length - 1 : !1, H = () => {
       if (!e.shouldNext)
-        return c(), h();
+        return c(), I();
       e.currentIndex += e.isNext ? 1 : -1, c();
-      const n = {
+      const t = {
         index: e.currentIndex
       };
-      t.infinite && (n.item = t.list[e.currentIndex]), L("switch", n), h(), A() && q(async () => {
-        (o == null ? void 0 : o.value.length) === t.list.length && t.loadMore && await t.loadMore();
-        const i = t.list[e.currentIndex + 1];
+      n.infinite && (t.item = n.list[e.currentIndex]), O("switch", t), I(), B() && z(async () => {
+        (o == null ? void 0 : o.value.length) === n.list.length && n.loadMore && await n.loadMore();
+        const i = n.list[e.currentIndex + 1];
         i && o.value.push(i);
       });
     };
-    return V(() => {
-      m(e.direction, r.value, -s.value);
-    }), (n, i) => ($(), Z(
+    return Z(() => {
+      v(e.direction, r.value, -l.value);
+    }), (t, i) => (X(), $(
       "div",
       {
         class: "loickit-slide",
         id: "loickit-slide",
-        onPointerdown: d(D, ["prevent"]),
-        onPointermove: d(T, ["prevent"]),
-        onPointerup: d(B, ["prevent"])
+        onPointerdown: f(E, ["prevent"]),
+        onPointermove: f(A, ["prevent"]),
+        onPointerup: f(H, ["prevent"])
       },
       [
-        X(
+        Y(
           "div",
           {
             class: "loickit-slide-list",
-            style: Y({
+            style: b({
               // 根据方向设置 flex-direction
-              flexDirection: f(e).direction === f(v).HORIZONTAL ? "row" : "column"
+              flexDirection: m(e).direction === m(h).HORIZONTAL ? "row" : "column"
             }),
             ref_key: "slideListRef",
             ref: r
           },
           [
-            t.infinite ? k(n.$slots, "default", {
+            n.infinite ? k(t.$slots, "default", {
               key: 1,
-              cacheList: f(o)
-            }) : k(n.$slots, "default", { key: 0 })
+              cacheList: m(o)
+            }) : k(t.$slots, "default", { key: 0 })
           ],
           4
           /* STYLE */
@@ -116,5 +128,5 @@ const le = /* @__PURE__ */ H({
   }
 });
 export {
-  le as default
+  ae as default
 };

package/dist/components/SlideItem/index.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, ref as l, watch as c, onMounted as m, onBeforeUnmount as p, createElementBlock as u, openBlock as h, createElementVNode as x, renderSlot as v } from "vue";
+import { defineComponent as a, watch as c, ref as f, onMounted as m, onBeforeUnmount as p, createElementBlock as u, openBlock as h, createElementVNode as x, renderSlot as v } from "vue";
 import { useSlideState as I } from "../Provide/index.js";
 import { useSlidePrivateState as w } from "../Slide/provide.js";
 const C = /* @__PURE__ */ a({
@@ -7,25 +7,24 @@ const C = /* @__PURE__ */ a({
   props: {
     index: {}
   },
-  setup(f) {
-    const i = f, e = w(), r = I(e.name), o = l(), s = l();
-    if (e.infinite) {
-      if (typeof i.index != "number")
-        throw new Error(
-          `index is required when infinite is true 
+  setup(l) {
+    const i = l, e = w();
+    if (e.infinite && typeof i.index != "number")
+      throw new Error(
+        `index is required when infinite is true 
  please use the second parameter of the "v-for" directive`
-        );
-      c(
-        () => r.currentIndex,
-        () => {
-          var t;
-          r.currentIndex <= i.index + 1 && r.currentIndex >= i.index - 1 ? (t = o.value) == null || t.appendChild(
-            e.itemsInfo[i.index].el
-          ) : s.value.remove();
-        }
       );
-    }
-    const n = {
+    const r = I(e.name);
+    e.infinite && c(
+      () => r.currentIndex,
+      () => {
+        var t;
+        r.currentIndex <= i.index + 1 && r.currentIndex >= i.index - 1 ? (t = o.value) == null || t.appendChild(
+          e.itemsInfo[i.index].el
+        ) : s.value.remove();
+      }
+    );
+    const o = f(), s = f(), n = {
       index: i.index
     };
     return m(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loickit-v/swiper",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "loickit swiper components for vue",
   "type": "module",
   "types": "./dist/types/index.d.ts",