1 | "use strict";
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.Swiper = void 0;
|
5 |
|
6 | var _react = _interopRequireWildcard(require("react"));
|
7 |
|
8 | var _getParams2 = require("./get-params");
|
9 |
|
10 | var _initSwiper = require("./init-swiper");
|
11 |
|
12 | var _utils = require("./utils");
|
13 |
|
14 | var _loop = require("./loop");
|
15 |
|
16 | var _getChangedParams = require("./get-changed-params");
|
17 |
|
18 | var _getChildren2 = require("./get-children");
|
19 |
|
20 | var _updateSwiper = require("./update-swiper");
|
21 |
|
22 | var _virtual = require("./virtual");
|
23 |
|
24 | var _useIsomorphicLayoutEffect = require("./use-isomorphic-layout-effect");
|
25 |
|
26 | function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
27 |
|
28 | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
29 |
|
30 | function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
31 |
|
32 | function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
33 |
|
34 | var Swiper = (0, _react.forwardRef)(function (_temp, externalElRef) {
|
35 | var _ref = _temp === void 0 ? {} : _temp,
|
36 | className = _ref.className,
|
37 | _ref$tag = _ref.tag,
|
38 | Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
|
39 | _ref$wrapperTag = _ref.wrapperTag,
|
40 | WrapperTag = _ref$wrapperTag === void 0 ? 'div' : _ref$wrapperTag,
|
41 | children = _ref.children,
|
42 | onSwiper = _ref.onSwiper,
|
43 | rest = _objectWithoutPropertiesLoose(_ref, ["className", "tag", "wrapperTag", "children", "onSwiper"]);
|
44 |
|
45 | var _useState = (0, _react.useState)('swiper-container'),
|
46 | containerClasses = _useState[0],
|
47 | setContainerClasses = _useState[1];
|
48 |
|
49 | var _useState2 = (0, _react.useState)(null),
|
50 | virtualData = _useState2[0],
|
51 | setVirtualData = _useState2[1];
|
52 |
|
53 | var initializedRef = (0, _react.useRef)(false);
|
54 | var swiperElRef = (0, _react.useRef)(null);
|
55 | var swiperRef = (0, _react.useRef)(null);
|
56 | var oldPassedParamsRef = (0, _react.useRef)(null);
|
57 | var oldSlides = (0, _react.useRef)(null);
|
58 | var nextElRef = (0, _react.useRef)(null);
|
59 | var prevElRef = (0, _react.useRef)(null);
|
60 | var paginationElRef = (0, _react.useRef)(null);
|
61 | var scrollbarElRef = (0, _react.useRef)(null);
|
62 |
|
63 | var _getParams = (0, _getParams2.getParams)(rest),
|
64 | swiperParams = _getParams.params,
|
65 | passedParams = _getParams.passedParams,
|
66 | restProps = _getParams.rest;
|
67 |
|
68 | var _getChildren = (0, _getChildren2.getChildren)(children),
|
69 | slides = _getChildren.slides,
|
70 | slots = _getChildren.slots;
|
71 |
|
72 | var changedParams = (0, _getChangedParams.getChangedParams)(passedParams, oldPassedParamsRef.current, slides, oldSlides.current);
|
73 | oldPassedParamsRef.current = passedParams;
|
74 | oldSlides.current = slides;
|
75 | Object.assign(swiperParams.on, {
|
76 | _containerClasses: function _containerClasses(swiper, classes) {
|
77 | setContainerClasses(classes);
|
78 | },
|
79 | _swiper: function _swiper(swiper) {
|
80 | swiper.loopCreate = function () {};
|
81 |
|
82 | swiper.loopDestroy = function () {};
|
83 |
|
84 | if (swiperParams.loop) {
|
85 | swiper.loopedSlides = (0, _loop.calcLoopedSlides)(slides, swiperParams);
|
86 | }
|
87 |
|
88 | swiperRef.current = swiper;
|
89 |
|
90 | if (swiper.virtual && swiper.params.virtual.enabled) {
|
91 | swiper.virtual.slides = slides;
|
92 | swiper.params.virtual.cache = false;
|
93 | swiper.params.virtual.renderExternal = setVirtualData;
|
94 | swiper.params.virtual.renderExternalUpdate = false;
|
95 | }
|
96 | }
|
97 | });
|
98 |
|
99 | (0, _react.useEffect)(function () {
|
100 | if (!initializedRef.current && swiperRef.current) {
|
101 | swiperRef.current.emitSlidesClasses();
|
102 | initializedRef.current = true;
|
103 | }
|
104 | });
|
105 |
|
106 | (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
|
107 | if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {
|
108 | (0, _updateSwiper.updateSwiper)(swiperRef.current, slides, passedParams, changedParams);
|
109 | }
|
110 | });
|
111 |
|
112 | (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
|
113 | (0, _virtual.updateOnVirtualData)(swiperRef.current);
|
114 | }, [virtualData]);
|
115 |
|
116 | (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
|
117 | if (externalElRef) {
|
118 | externalElRef.current = swiperElRef.current;
|
119 | }
|
120 |
|
121 | if (!swiperElRef.current) return;
|
122 | (0, _initSwiper.initSwiper)({
|
123 | el: swiperElRef.current,
|
124 | nextEl: nextElRef.current,
|
125 | prevEl: prevElRef.current,
|
126 | paginationEl: paginationElRef.current,
|
127 | scrollbarEl: scrollbarElRef.current
|
128 | }, swiperParams);
|
129 | if (onSwiper) onSwiper(swiperRef.current);
|
130 |
|
131 | return function () {
|
132 | if (swiperRef.current && !swiperRef.current.destroyed) {
|
133 | swiperRef.current.destroy();
|
134 | }
|
135 | };
|
136 | }, []);
|
137 |
|
138 | function renderSlides() {
|
139 | if (swiperParams.virtual) {
|
140 | return (0, _virtual.renderVirtual)(swiperRef.current, slides, virtualData);
|
141 | }
|
142 |
|
143 | if (!swiperParams.loop || swiperRef.current && swiperRef.current.destroyed) {
|
144 | return slides.map(function (child) {
|
145 | return _react.default.cloneElement(child, {
|
146 | swiper: swiperRef.current
|
147 | });
|
148 | });
|
149 | }
|
150 |
|
151 | return (0, _loop.renderLoop)(swiperRef.current, slides, swiperParams);
|
152 | }
|
153 |
|
154 | return _react.default.createElement(Tag, _extends({
|
155 | ref: swiperElRef,
|
156 | className: (0, _utils.uniqueClasses)("" + containerClasses + (className ? " " + className : ''))
|
157 | }, restProps), slots['container-start'], (0, _utils.needsNavigation)(swiperParams) && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
158 | ref: prevElRef,
|
159 | className: "swiper-button-prev"
|
160 | }), _react.default.createElement("div", {
|
161 | ref: nextElRef,
|
162 | className: "swiper-button-next"
|
163 | })), (0, _utils.needsScrollbar)(swiperParams) && _react.default.createElement("div", {
|
164 | ref: scrollbarElRef,
|
165 | className: "swiper-scrollbar"
|
166 | }), (0, _utils.needsPagination)(swiperParams) && _react.default.createElement("div", {
|
167 | ref: paginationElRef,
|
168 | className: "swiper-pagination"
|
169 | }), _react.default.createElement(WrapperTag, {
|
170 | className: "swiper-wrapper"
|
171 | }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), slots['container-end']);
|
172 | });
|
173 | exports.Swiper = Swiper;
|
174 | Swiper.displayName = 'Swiper'; |
\ | No newline at end of file |