1 | "use strict";
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.SwiperSlide = void 0;
|
5 |
|
6 | var _vue = require("vue");
|
7 |
|
8 | var _utils = require("./utils");
|
9 |
|
10 | var SwiperSlide = {
|
11 | name: 'SwiperSlide',
|
12 | props: {
|
13 | tag: {
|
14 | type: String,
|
15 | default: 'div'
|
16 | },
|
17 | swiperRef: Object,
|
18 | zoom: {
|
19 | type: Boolean,
|
20 | default: undefined
|
21 | },
|
22 | virtualIndex: {
|
23 | type: [String, Number],
|
24 | default: undefined
|
25 | }
|
26 | },
|
27 | setup: function setup(props, _ref) {
|
28 | var slots = _ref.slots;
|
29 | var eventAttached = false;
|
30 | var swiperRef = props.swiperRef;
|
31 | var slideElRef = (0, _vue.ref)(null);
|
32 | var slideClasses = (0, _vue.ref)('swiper-slide');
|
33 |
|
34 | function updateClasses(swiper, el, classNames) {
|
35 | if (el === slideElRef.value) {
|
36 | slideClasses.value = classNames;
|
37 | }
|
38 | }
|
39 |
|
40 | (0, _vue.onMounted)(function () {
|
41 | if (!swiperRef.value) return;
|
42 | swiperRef.value.on('_slideClass', updateClasses);
|
43 | eventAttached = true;
|
44 | });
|
45 | (0, _vue.onBeforeUpdate)(function () {
|
46 | if (eventAttached || !swiperRef || !swiperRef.value) return;
|
47 | swiperRef.value.on('_slideClass', updateClasses);
|
48 | eventAttached = true;
|
49 | });
|
50 | (0, _vue.onUpdated)(function () {
|
51 | if (!slideElRef.value || !swiperRef || !swiperRef.value) return;
|
52 |
|
53 | if (swiperRef.value.destroyed) {
|
54 | if (slideClasses.value !== 'swiper-slide') {
|
55 | slideClasses.value = 'swiper-slide';
|
56 | }
|
57 | }
|
58 | });
|
59 | (0, _vue.onBeforeUnmount)(function () {
|
60 | if (!swiperRef || !swiperRef.value) return;
|
61 | swiperRef.value.off('_slideClass', updateClasses);
|
62 | });
|
63 | var slideData = (0, _vue.computed)(function () {
|
64 | return {
|
65 | isActive: slideClasses.value.indexOf('swiper-slide-active') >= 0 || slideClasses.value.indexOf('swiper-slide-duplicate-active') >= 0,
|
66 | isVisible: slideClasses.value.indexOf('swiper-slide-visible') >= 0,
|
67 | isDuplicate: slideClasses.value.indexOf('swiper-slide-duplicate') >= 0,
|
68 | isPrev: slideClasses.value.indexOf('swiper-slide-prev') >= 0 || slideClasses.value.indexOf('swiper-slide-duplicate-prev') >= 0,
|
69 | isNext: slideClasses.value.indexOf('swiper-slide-next') >= 0 || slideClasses.value.indexOf('swiper-slide-duplicate-next') >= 0
|
70 | };
|
71 | });
|
72 | return function () {
|
73 | return (0, _vue.h)(props.tag, {
|
74 | class: (0, _utils.uniqueClasses)("" + slideClasses.value),
|
75 | ref: slideElRef,
|
76 | 'data-swiper-slide-index': props.virtualIndex
|
77 | }, props.zoom ? (0, _vue.h)('div', {
|
78 | class: 'swiper-zoom-container',
|
79 | 'data-swiper-zoom': typeof props.zoom === 'number' ? props.zoom : undefined
|
80 | }, slots.default && slots.default(slideData.value)) : slots.default && slots.default(slideData.value));
|
81 | };
|
82 | }
|
83 | };
|
84 | exports.SwiperSlide = SwiperSlide; |
\ | No newline at end of file |