45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
// import { h } from 'vue';
|
|
|
|
function updateOnVirtualData(swiper) {
|
|
if (
|
|
!swiper ||
|
|
swiper.destroyed ||
|
|
!swiper.params.virtual ||
|
|
(swiper.params.virtual && !swiper.params.virtual.enabled)
|
|
) return;
|
|
swiper.updateSlides();
|
|
swiper.updateProgress();
|
|
swiper.updateSlidesClasses();
|
|
if (swiper.lazy && swiper.params.lazy.enabled) {
|
|
swiper.lazy.load();
|
|
}
|
|
if (swiper.parallax && swiper.params.parallax && swiper.params.parallax.enabled) {
|
|
swiper.parallax.setTranslate();
|
|
}
|
|
}
|
|
|
|
function renderVirtual(swiperRef, slides, virtualData) {
|
|
if (!virtualData) return null;
|
|
const style = swiperRef.isHorizontal() ? {
|
|
[swiperRef.rtlTranslate ? 'right' : 'left']: `${virtualData.offset}px`,
|
|
} : {
|
|
top: `${virtualData.offset}px`,
|
|
};
|
|
return slides
|
|
.filter((slide, index) => index >= virtualData.from && index <= virtualData.to)
|
|
.map((slide) => {
|
|
if (!slide.props) slide.props = {};
|
|
if (!slide.props.style) slide.props.style = {};
|
|
slide.props.swiperRef = swiperRef;
|
|
slide.props.style = style;
|
|
return h(slide.type, {
|
|
...slide.props
|
|
}, slide.children);
|
|
});
|
|
}
|
|
|
|
export {
|
|
renderVirtual,
|
|
updateOnVirtualData
|
|
};
|