@slidejs/runner-swiper 0.1.5 → 0.1.6

package/dist/index.mjs

@@ -203,12 +203,12 @@ function Q(n) {
     } = e;
     let m = S;
     m.originalEvent && (m = m.originalEvent);
-    const k = m.keyCode || m.charCode, c = e.params.keyboard.pageUpDown, l = c && k === 33, g = c && k === 34, u = k === 37, i = k === 39, r = k === 38, o = k === 40;
+    const k = m.keyCode || m.charCode, d = e.params.keyboard.pageUpDown, l = d && k === 33, g = d && k === 34, u = k === 37, i = k === 39, r = k === 38, o = k === 40;
     if (!e.allowSlideNext && (e.isHorizontal() && i || e.isVertical() && o || g) || !e.allowSlidePrev && (e.isHorizontal() && u || e.isVertical() && r || l))
       return !1;
     if (!(m.shiftKey || m.altKey || m.ctrlKey || m.metaKey) && !(a.activeElement && (a.activeElement.isContentEditable || a.activeElement.nodeName && (a.activeElement.nodeName.toLowerCase() === "input" || a.activeElement.nodeName.toLowerCase() === "textarea")))) {
       if (e.params.keyboard.onlyInViewport && (l || g || u || i || r || o)) {
-        let d = !1;
+        let c = !1;
         if (N(e.el, `.${e.params.slideClass}, swiper-slide`).length > 0 && N(e.el, `.${e.params.slideActiveClass}`).length === 0)
           return;
         const C = e.el, M = C.clientWidth, Y = C.clientHeight, A = f.innerWidth, L = f.innerHeight, b = ie(C);
@@ -218,10 +218,10 @@ function Q(n) {
           const y = D[x];
           if (y[0] >= 0 && y[0] <= A && y[1] >= 0 && y[1] <= L) {
             if (y[0] === 0 && y[1] === 0) continue;
-            d = !0;
+            c = !0;
           }
         }
-        if (!d) return;
+        if (!c) return;
       }
       e.isHorizontal() ? ((l || g || u || i) && (m.preventDefault ? m.preventDefault() : m.returnValue = !1), ((g || i) && !v || (l || u) && v) && e.slideNext(), ((l || u) && !v || (g || i) && v) && e.slidePrev()) : ((l || g || r || o) && (m.preventDefault ? m.preventDefault() : m.returnValue = !1), (g || o) && e.slideNext(), (l || r) && e.slidePrev()), p("keyPress", k);
     }
@@ -270,59 +270,59 @@ function R(n) {
     nextEl: null,
     prevEl: null
   };
-  function a(c) {
+  function a(d) {
     let l;
-    return c && typeof c == "string" && e.isElement && (l = e.el.querySelector(c) || e.hostEl.querySelector(c), l) ? l : (c && (typeof c == "string" && (l = [...document.querySelectorAll(c)]), e.params.uniqueNavElements && typeof c == "string" && l && l.length > 1 && e.el.querySelectorAll(c).length === 1 ? l = e.el.querySelector(c) : l && l.length === 1 && (l = l[0])), c && !l ? c : l);
+    return d && typeof d == "string" && e.isElement && (l = e.el.querySelector(d) || e.hostEl.querySelector(d), l) ? l : (d && (typeof d == "string" && (l = [...document.querySelectorAll(d)]), e.params.uniqueNavElements && typeof d == "string" && l && l.length > 1 && e.el.querySelectorAll(d).length === 1 ? l = e.el.querySelector(d) : l && l.length === 1 && (l = l[0])), d && !l ? d : l);
   }
-  function f(c, l) {
+  function f(d, l) {
     const g = e.params.navigation;
-    c = E(c), c.forEach((u) => {
+    d = E(d), d.forEach((u) => {
       u && (u.classList[l ? "add" : "remove"](...g.disabledClass.split(" ")), u.tagName === "BUTTON" && (u.disabled = l), e.params.watchOverflow && e.enabled && u.classList[e.isLocked ? "add" : "remove"](g.lockClass));
     });
   }
   function h() {
     const {
-      nextEl: c,
+      nextEl: d,
       prevEl: l
     } = e.navigation;
     if (e.params.loop) {
-      f(l, !1), f(c, !1);
+      f(l, !1), f(d, !1);
       return;
     }
-    f(l, e.isBeginning && !e.params.rewind), f(c, e.isEnd && !e.params.rewind);
+    f(l, e.isBeginning && !e.params.rewind), f(d, e.isEnd && !e.params.rewind);
   }
-  function w(c) {
-    c.preventDefault(), !(e.isBeginning && !e.params.loop && !e.params.rewind) && (e.slidePrev(), p("navigationPrev"));
+  function w(d) {
+    d.preventDefault(), !(e.isBeginning && !e.params.loop && !e.params.rewind) && (e.slidePrev(), p("navigationPrev"));
   }
-  function B(c) {
-    c.preventDefault(), !(e.isEnd && !e.params.loop && !e.params.rewind) && (e.slideNext(), p("navigationNext"));
+  function B(d) {
+    d.preventDefault(), !(e.isEnd && !e.params.loop && !e.params.rewind) && (e.slideNext(), p("navigationNext"));
   }
   function S() {
-    const c = e.params.navigation;
+    const d = e.params.navigation;
     if (e.params.navigation = q(e, e.originalParams.navigation, e.params.navigation, {
       nextEl: "swiper-button-next",
       prevEl: "swiper-button-prev"
-    }), !(c.nextEl || c.prevEl)) return;
-    let l = a(c.nextEl), g = a(c.prevEl);
+    }), !(d.nextEl || d.prevEl)) return;
+    let l = a(d.nextEl), g = a(d.prevEl);
     Object.assign(e.navigation, {
       nextEl: l,
       prevEl: g
     }), l = E(l), g = E(g);
     const u = (i, r) => {
-      i && i.addEventListener("click", r === "next" ? B : w), !e.enabled && i && i.classList.add(...c.lockClass.split(" "));
+      i && i.addEventListener("click", r === "next" ? B : w), !e.enabled && i && i.classList.add(...d.lockClass.split(" "));
     };
     l.forEach((i) => u(i, "next")), g.forEach((i) => u(i, "prev"));
   }
   function v() {
     let {
-      nextEl: c,
+      nextEl: d,
       prevEl: l
     } = e.navigation;
-    c = E(c), l = E(l);
+    d = E(d), l = E(l);
     const g = (u, i) => {
       u.removeEventListener("click", i === "next" ? B : w), u.classList.remove(...e.params.navigation.disabledClass.split(" "));
     };
-    c.forEach((u) => g(u, "next")), l.forEach((u) => g(u, "prev"));
+    d.forEach((u) => g(u, "next")), l.forEach((u) => g(u, "prev"));
   }
   t("init", () => {
     e.params.navigation.enabled === !1 ? k() : (S(), h());
@@ -332,15 +332,15 @@ function R(n) {
     v();
   }), t("enable disable", () => {
     let {
-      nextEl: c,
+      nextEl: d,
       prevEl: l
     } = e.navigation;
-    if (c = E(c), l = E(l), e.enabled) {
+    if (d = E(d), l = E(l), e.enabled) {
       h();
       return;
     }
-    [...c, ...l].filter((g) => !!g).forEach((g) => g.classList.add(e.params.navigation.lockClass));
-  }), t("click", (c, l) => {
+    [...d, ...l].filter((g) => !!g).forEach((g) => g.classList.add(e.params.navigation.lockClass));
+  }), t("click", (d, l) => {
     let {
       nextEl: g,
       prevEl: u
@@ -350,12 +350,12 @@ function R(n) {
     let r = u.includes(i) || g.includes(i);
     if (e.isElement && !r) {
       const o = l.path || l.composedPath && l.composedPath();
-      o && (r = o.find((d) => g.includes(d) || u.includes(d)));
+      o && (r = o.find((c) => g.includes(c) || u.includes(c)));
     }
     if (e.params.navigation.hideOnClick && !r) {
       if (e.pagination && e.params.pagination && e.params.pagination.clickable && (e.pagination.el === i || e.pagination.el.contains(i))) return;
       let o;
-      g.length ? o = g[0].classList.contains(e.params.navigation.hiddenClass) : u.length && (o = u[0].classList.contains(e.params.navigation.hiddenClass)), p(o === !0 ? "navigationShow" : "navigationHide"), [...g, ...u].filter((d) => !!d).forEach((d) => d.classList.toggle(e.params.navigation.hiddenClass));
+      g.length ? o = g[0].classList.contains(e.params.navigation.hiddenClass) : u.length && (o = u[0].classList.contains(e.params.navigation.hiddenClass)), p(o === !0 ? "navigationShow" : "navigationHide"), [...g, ...u].filter((c) => !!c).forEach((c) => c.classList.toggle(e.params.navigation.hiddenClass));
     }
   });
   const m = () => {
@@ -441,8 +441,8 @@ function Z(n) {
     const o = I(r) * e.params.slidesPerGroup;
     if (e.params.loop) {
       if (e.realIndex === o) return;
-      const d = S(e.realIndex, o, e.slides.length);
-      d === "next" ? e.slideNext() : d === "previous" ? e.slidePrev() : e.slideToLoop(o);
+      const c = S(e.realIndex, o, e.slides.length);
+      c === "next" ? e.slideNext() : c === "previous" ? e.slidePrev() : e.slideToLoop(o);
     } else
       e.slideTo(o);
   }
@@ -451,25 +451,25 @@ function Z(n) {
     if (w()) return;
     let o = e.pagination.el;
     o = E(o);
-    let d, C;
+    let c, C;
     const M = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.slides.length, Y = e.params.loop ? Math.ceil(M / e.params.slidesPerGroup) : e.snapGrid.length;
-    if (e.params.loop ? (C = e.previousRealIndex || 0, d = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (d = e.snapIndex, C = e.previousSnapIndex) : (C = e.previousIndex || 0, d = e.activeIndex || 0), r.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
+    if (e.params.loop ? (C = e.previousRealIndex || 0, c = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (c = e.snapIndex, C = e.previousSnapIndex) : (C = e.previousIndex || 0, c = e.activeIndex || 0), r.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
       const A = e.pagination.bullets;
       let L, b, D;
       if (r.dynamicBullets && (f = te(A[0], e.isHorizontal() ? "width" : "height"), o.forEach((x) => {
         x.style[e.isHorizontal() ? "width" : "height"] = `${f * (r.dynamicMainBullets + 4)}px`;
-      }), r.dynamicMainBullets > 1 && C !== void 0 && (h += d - (C || 0), h > r.dynamicMainBullets - 1 ? h = r.dynamicMainBullets - 1 : h < 0 && (h = 0)), L = Math.max(d - h, 0), b = L + (Math.min(A.length, r.dynamicMainBullets) - 1), D = (b + L) / 2), A.forEach((x) => {
+      }), r.dynamicMainBullets > 1 && C !== void 0 && (h += c - (C || 0), h > r.dynamicMainBullets - 1 ? h = r.dynamicMainBullets - 1 : h < 0 && (h = 0)), L = Math.max(c - h, 0), b = L + (Math.min(A.length, r.dynamicMainBullets) - 1), D = (b + L) / 2), A.forEach((x) => {
         const y = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((z) => `${r.bulletActiveClass}${z}`)].map((z) => typeof z == "string" && z.includes(" ") ? z.split(" ") : z).flat();
         x.classList.remove(...y);
       }), o.length > 1)
         A.forEach((x) => {
           const y = I(x);
-          y === d ? x.classList.add(...r.bulletActiveClass.split(" ")) : e.isElement && x.setAttribute("part", "bullet"), r.dynamicBullets && (y >= L && y <= b && x.classList.add(...`${r.bulletActiveClass}-main`.split(" ")), y === L && B(x, "prev"), y === b && B(x, "next"));
+          y === c ? x.classList.add(...r.bulletActiveClass.split(" ")) : e.isElement && x.setAttribute("part", "bullet"), r.dynamicBullets && (y >= L && y <= b && x.classList.add(...`${r.bulletActiveClass}-main`.split(" ")), y === L && B(x, "prev"), y === b && B(x, "next"));
         });
       else {
-        const x = A[d];
+        const x = A[c];
         if (x && x.classList.add(...r.bulletActiveClass.split(" ")), e.isElement && A.forEach((y, z) => {
-          y.setAttribute("part", z === d ? "bullet-active" : "bullet");
+          y.setAttribute("part", z === c ? "bullet-active" : "bullet");
         }), r.dynamicBullets) {
           const y = A[L], z = A[b];
           for (let j = L; j <= b; j += 1)
@@ -486,19 +486,19 @@ function Z(n) {
     }
     o.forEach((A, L) => {
       if (r.type === "fraction" && (A.querySelectorAll(P(r.currentClass)).forEach((b) => {
-        b.textContent = r.formatFractionCurrent(d + 1);
+        b.textContent = r.formatFractionCurrent(c + 1);
       }), A.querySelectorAll(P(r.totalClass)).forEach((b) => {
         b.textContent = r.formatFractionTotal(Y);
       })), r.type === "progressbar") {
         let b;
         r.progressbarOpposite ? b = e.isHorizontal() ? "vertical" : "horizontal" : b = e.isHorizontal() ? "horizontal" : "vertical";
-        const D = (d + 1) / Y;
+        const D = (c + 1) / Y;
         let x = 1, y = 1;
         b === "horizontal" ? x = D : y = D, A.querySelectorAll(P(r.progressbarFillClass)).forEach((z) => {
           z.style.transform = `translate3d(0,0,0) scaleX(${x}) scaleY(${y})`, z.style.transitionDuration = `${e.params.speed}ms`;
         });
       }
-      r.type === "custom" && r.renderCustom ? (O(A, r.renderCustom(e, d + 1, Y)), L === 0 && p("paginationRender", A)) : (L === 0 && p("paginationRender", A), p("paginationUpdate", A)), e.params.watchOverflow && e.enabled && A.classList[e.isLocked ? "add" : "remove"](r.lockClass);
+      r.type === "custom" && r.renderCustom ? (O(A, r.renderCustom(e, c + 1, Y)), L === 0 && p("paginationRender", A)) : (L === 0 && p("paginationRender", A), p("paginationUpdate", A)), e.params.watchOverflow && e.enabled && A.classList[e.isLocked ? "add" : "remove"](r.lockClass);
     });
   }
   function k() {
@@ -507,18 +507,18 @@ function Z(n) {
     const r = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.grid && e.params.grid.rows > 1 ? e.slides.length / Math.ceil(e.params.grid.rows) : e.slides.length;
     let o = e.pagination.el;
     o = E(o);
-    let d = "";
+    let c = "";
     if (i.type === "bullets") {
       let C = e.params.loop ? Math.ceil(r / e.params.slidesPerGroup) : e.snapGrid.length;
       e.params.freeMode && e.params.freeMode.enabled && C > r && (C = r);
       for (let M = 0; M < C; M += 1)
-        i.renderBullet ? d += i.renderBullet.call(e, M, i.bulletClass) : d += `<${i.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${i.bulletClass}"></${i.bulletElement}>`;
+        i.renderBullet ? c += i.renderBullet.call(e, M, i.bulletClass) : c += `<${i.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${i.bulletClass}"></${i.bulletElement}>`;
     }
-    i.type === "fraction" && (i.renderFraction ? d = i.renderFraction.call(e, i.currentClass, i.totalClass) : d = `<span class="${i.currentClass}"></span> / <span class="${i.totalClass}"></span>`), i.type === "progressbar" && (i.renderProgressbar ? d = i.renderProgressbar.call(e, i.progressbarFillClass) : d = `<span class="${i.progressbarFillClass}"></span>`), e.pagination.bullets = [], o.forEach((C) => {
-      i.type !== "custom" && O(C, d || ""), i.type === "bullets" && e.pagination.bullets.push(...C.querySelectorAll(P(i.bulletClass)));
+    i.type === "fraction" && (i.renderFraction ? c = i.renderFraction.call(e, i.currentClass, i.totalClass) : c = `<span class="${i.currentClass}"></span> / <span class="${i.totalClass}"></span>`), i.type === "progressbar" && (i.renderProgressbar ? c = i.renderProgressbar.call(e, i.progressbarFillClass) : c = `<span class="${i.progressbarFillClass}"></span>`), e.pagination.bullets = [], o.forEach((C) => {
+      i.type !== "custom" && O(C, c || ""), i.type === "bullets" && e.pagination.bullets.push(...C.querySelectorAll(P(i.bulletClass)));
     }), i.type !== "custom" && p("paginationRender", o[0]);
   }
-  function c() {
+  function d() {
     e.params.pagination = q(e, e.originalParams.pagination, e.params.pagination, {
       el: "swiper-pagination"
     });
@@ -549,7 +549,7 @@ function Z(n) {
       o.classList.remove(i.horizontalClass, i.verticalClass), o.classList.add(e.isHorizontal() ? i.horizontalClass : i.verticalClass);
     });
   }), t("init", () => {
-    e.params.pagination.enabled === !1 ? u() : (c(), k(), m());
+    e.params.pagination.enabled === !1 ? u() : (d(), k(), m());
   }), t("activeIndexChange", () => {
     typeof e.snapIndex > "u" && m();
   }), t("snapIndexChange", () => {
@@ -566,11 +566,11 @@ function Z(n) {
   }), t("lock unlock", () => {
     m();
   }), t("click", (i, r) => {
-    const o = r.target, d = E(e.pagination.el);
-    if (e.params.pagination.el && e.params.pagination.hideOnClick && d && d.length > 0 && !o.classList.contains(e.params.pagination.bulletClass)) {
+    const o = r.target, c = E(e.pagination.el);
+    if (e.params.pagination.el && e.params.pagination.hideOnClick && c && c.length > 0 && !o.classList.contains(e.params.pagination.bulletClass)) {
       if (e.navigation && (e.navigation.nextEl && o === e.navigation.nextEl || e.navigation.prevEl && o === e.navigation.prevEl)) return;
-      const C = d[0].classList.contains(e.params.pagination.hiddenClass);
-      p(C === !0 ? "paginationShow" : "paginationHide"), d.forEach((M) => M.classList.toggle(e.params.pagination.hiddenClass));
+      const C = c[0].classList.contains(e.params.pagination.hiddenClass);
+      p(C === !0 ? "paginationShow" : "paginationHide"), c.forEach((M) => M.classList.toggle(e.params.pagination.hiddenClass));
     }
   });
   const g = () => {
@@ -578,7 +578,7 @@ function Z(n) {
     let {
       el: i
     } = e.pagination;
-    i && (i = E(i), i.forEach((r) => r.classList.remove(e.params.pagination.paginationDisabledClass))), c(), k(), m();
+    i && (i = E(i), i.forEach((r) => r.classList.remove(e.params.pagination.paginationDisabledClass))), d(), k(), m();
   }, u = () => {
     e.el.classList.add(e.params.pagination.paginationDisabledClass);
     let {
@@ -591,7 +591,7 @@ function Z(n) {
     disable: u,
     render: k,
     update: m,
-    init: c,
+    init: d,
     destroy: l
   });
 }
@@ -617,6 +617,8 @@ class re {
         speed: 300,
         spaceBetween: 30,
         slidesPerView: 1,
+        slidesPerGroup: 1,
+        // 确保每次导航只移动一个 slide
         // 注册模块
         modules: [R, Z, Q],
         // 导航配置 - 使用元素引用而不是选择器，确保在 Vue 组件中也能正常工作
@@ -634,6 +636,7 @@ class re {
           enabled: !0,
           onlyInViewport: !0
         },
+        // 用户自定义配置（会覆盖上面的默认配置）
         ...s?.swiperConfig
       };
       this.swiper = new F(this.swiperContainer, t), await new Promise((p) => {