分包准备

zhuguifei

2025-07-04 186d172fc06dfe44dc2a61d238356e6a7db652d5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import Swiper from '../../index.js'; 
 
function calcLoopedSlides(slides, swiperParams) { 
    let slidesPerViewParams = swiperParams.slidesPerView; 
    if (swiperParams.breakpoints) { 
        const breakpoint = Swiper.prototype.getBreakpoint(swiperParams.breakpoints); 
        const breakpointOnlyParams = 
            breakpoint in swiperParams.breakpoints ? swiperParams.breakpoints[breakpoint] : undefined; 
        if (breakpointOnlyParams && breakpointOnlyParams.slidesPerView) { 
            slidesPerViewParams = breakpointOnlyParams.slidesPerView; 
        } 
    } 
    let loopedSlides = Math.ceil(parseFloat(swiperParams.loopedSlides || slidesPerViewParams, 10)); 
 
    loopedSlides += swiperParams.loopAdditionalSlides; 
 
    if (loopedSlides > slides.length) { 
        loopedSlides = slides.length; 
    } 
    return loopedSlides; 
} 
 
function renderLoop(native, swiperParams, data) { 
    const modifiedValue = data; 
    if (swiperParams.loopFillGroupWithBlank) { 
        const blankSlidesNum = 
            swiperParams.slidesPerGroup - (modifiedValue.length % swiperParams.slidesPerGroup); 
        if (blankSlidesNum !== swiperParams.slidesPerGroup) { 
            for (let i = 0; i < blankSlidesNum; i += 1) { 
                const blankSlide = h('div', { 
                    class: `${swiperParams.slideClass} ${swiperParams.slideBlankClass}`, 
                }); 
                modifiedValue.push(blankSlide); 
            } 
        } 
    } 
 
    if (swiperParams.slidesPerView === 'auto' && !swiperParams.loopedSlides) { 
        swiperParams.loopedSlides = modifiedValue.length; 
    } 
 
    const loopedSlides = calcLoopedSlides(modifiedValue, swiperParams); 
 
    const prependSlides = []; 
    const appendSlides = []; 
    const prependValue = []; 
    const appendValue = []; 
    modifiedValue.forEach((child, index) => { 
        if (index < loopedSlides) { 
            if (!native.loopUpdateData) { 
                appendValue.push(child); 
            } 
        } 
        if (index < modifiedValue.length && index >= modifiedValue.length - loopedSlides) { 
            if (!native.loopUpdateData) { 
                prependValue.push(child); 
            } 
        } 
    }) 
    if (native) { 
        if (!native.originalDataList) native.originalDataList = []; 
        native.originalDataList = [...prependValue, ...modifiedValue, ...appendValue]; 
    } 
 
    return { 
        data: [...prependValue, ...modifiedValue, ...appendValue] 
    }; 
} 
 
export { 
    calcLoopedSlides, 
    renderLoop 
};