@tarojs/components-react 3.6.0-canary.1 → 3.6.0-canary.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ad/loader.js +4 -0
- package/dist/components/ad/loader.js.map +1 -0
- package/dist/components/ad-custom/loader.js +4 -0
- package/dist/components/ad-custom/loader.js.map +1 -0
- package/dist/components/animation-video/loader.js +4 -0
- package/dist/components/animation-video/loader.js.map +1 -0
- package/dist/components/animation-view/loader.js +4 -0
- package/dist/components/animation-view/loader.js.map +1 -0
- package/dist/components/ar-camera/loader.js +4 -0
- package/dist/components/ar-camera/loader.js.map +1 -0
- package/dist/components/audio/loader.js +4 -0
- package/dist/components/audio/loader.js.map +1 -0
- package/dist/components/aweme-data/loader.js +4 -0
- package/dist/components/aweme-data/loader.js.map +1 -0
- package/dist/components/button/loader.js +4 -0
- package/dist/components/button/loader.js.map +1 -0
- package/dist/components/camera/loader.js +4 -0
- package/dist/components/camera/loader.js.map +1 -0
- package/dist/components/canvas/loader.js +4 -0
- package/dist/components/canvas/loader.js.map +1 -0
- package/dist/components/checkbox/loader.js +6 -0
- package/dist/components/checkbox/loader.js.map +1 -0
- package/dist/components/comment/loader.js +6 -0
- package/dist/components/comment/loader.js.map +1 -0
- package/dist/components/contact-button/loader.js +4 -0
- package/dist/components/contact-button/loader.js.map +1 -0
- package/dist/components/cover-image/loader.js +4 -0
- package/dist/components/cover-image/loader.js.map +1 -0
- package/dist/components/cover-view/loader.js +4 -0
- package/dist/components/cover-view/loader.js.map +1 -0
- package/dist/components/editor/loader.js +4 -0
- package/dist/components/editor/loader.js.map +1 -0
- package/dist/components/follow-swan/loader.js +4 -0
- package/dist/components/follow-swan/loader.js.map +1 -0
- package/dist/components/form/loader.js +4 -0
- package/dist/components/form/loader.js.map +1 -0
- package/dist/components/functional-page-navigator/loader.js +4 -0
- package/dist/components/functional-page-navigator/loader.js.map +1 -0
- package/dist/components/icon/loader.js +4 -0
- package/dist/components/icon/loader.js.map +1 -0
- package/dist/{image → components/image}/index.js +14 -28
- package/dist/components/image/index.js.map +1 -0
- package/dist/components/inline-payment-panel/loader.js +4 -0
- package/dist/components/inline-payment-panel/loader.js.map +1 -0
- package/dist/components/input/loader.js +4 -0
- package/dist/components/input/loader.js.map +1 -0
- package/dist/components/keyboard-accessory/loader.js +4 -0
- package/dist/components/keyboard-accessory/loader.js.map +1 -0
- package/dist/components/label/loader.js +4 -0
- package/dist/components/label/loader.js.map +1 -0
- package/dist/components/lifestyle/loader.js +4 -0
- package/dist/components/lifestyle/loader.js.map +1 -0
- package/dist/components/like/loader.js +4 -0
- package/dist/components/like/loader.js.map +1 -0
- package/dist/components/live-player/loader.js +4 -0
- package/dist/components/live-player/loader.js.map +1 -0
- package/dist/components/live-pusher/loader.js +4 -0
- package/dist/components/live-pusher/loader.js.map +1 -0
- package/dist/components/login/loader.js +4 -0
- package/dist/components/login/loader.js.map +1 -0
- package/dist/components/lottie/loader.js +4 -0
- package/dist/components/lottie/loader.js.map +1 -0
- package/dist/components/map/loader.js +4 -0
- package/dist/components/map/loader.js.map +1 -0
- package/dist/components/match-media/loader.js +4 -0
- package/dist/components/match-media/loader.js.map +1 -0
- package/dist/components/movable-area/loader.js +6 -0
- package/dist/components/movable-area/loader.js.map +1 -0
- package/dist/components/navigation-bar/loader.js +4 -0
- package/dist/components/navigation-bar/loader.js.map +1 -0
- package/dist/components/navigator/loader.js +4 -0
- package/dist/components/navigator/loader.js.map +1 -0
- package/dist/components/official-account/loader.js +4 -0
- package/dist/components/official-account/loader.js.map +1 -0
- package/dist/components/open-data/loader.js +4 -0
- package/dist/components/open-data/loader.js.map +1 -0
- package/dist/components/page-container/loader.js +4 -0
- package/dist/components/page-container/loader.js.map +1 -0
- package/dist/components/page-meta/loader.js +4 -0
- package/dist/components/page-meta/loader.js.map +1 -0
- package/dist/components/picker/loader.js +6 -0
- package/dist/components/picker/loader.js.map +1 -0
- package/dist/components/picker-view/loader.js +6 -0
- package/dist/components/picker-view/loader.js.map +1 -0
- package/dist/components/progress/loader.js +4 -0
- package/dist/components/progress/loader.js.map +1 -0
- package/dist/{pull-down-refresh → components/pull-down-refresh}/index.js +25 -89
- package/dist/components/pull-down-refresh/index.js.map +1 -0
- package/dist/components/radio/loader.js +6 -0
- package/dist/components/radio/loader.js.map +1 -0
- package/dist/components/rich-text/loader.js +4 -0
- package/dist/components/rich-text/loader.js.map +1 -0
- package/dist/components/root-portal/loader.js +4 -0
- package/dist/components/root-portal/loader.js.map +1 -0
- package/dist/components/rtc-room/loader.js +6 -0
- package/dist/components/rtc-room/loader.js.map +1 -0
- package/dist/{scroll-view → components/scroll-view}/index.js +30 -70
- package/dist/components/scroll-view/index.js.map +1 -0
- package/dist/components/share-element/loader.js +4 -0
- package/dist/components/share-element/loader.js.map +1 -0
- package/dist/components/slider/loader.js +4 -0
- package/dist/components/slider/loader.js.map +1 -0
- package/dist/components/slot/loader.js +6 -0
- package/dist/components/slot/loader.js.map +1 -0
- package/dist/components/swiper/index.js +318 -0
- package/dist/components/swiper/index.js.map +1 -0
- package/dist/components/switch/loader.js +4 -0
- package/dist/components/switch/loader.js.map +1 -0
- package/dist/components/tabbar/loader.js +6 -0
- package/dist/components/tabbar/loader.js.map +1 -0
- package/dist/components/tabs/loader.js +4 -0
- package/dist/components/tabs/loader.js.map +1 -0
- package/dist/{text → components/text}/index.js +7 -17
- package/dist/components/text/index.js.map +1 -0
- package/dist/components/textarea/loader.js +4 -0
- package/dist/components/textarea/loader.js.map +1 -0
- package/dist/components/video/loader.js +8 -0
- package/dist/components/video/loader.js.map +1 -0
- package/dist/{view → components/view}/index.js +13 -36
- package/dist/components/view/index.js.map +1 -0
- package/dist/components/voip-room/loader.js +4 -0
- package/dist/components/voip-room/loader.js.map +1 -0
- package/dist/components/web-view/loader.js +4 -0
- package/dist/components/web-view/loader.js.map +1 -0
- package/dist/index.js +63 -86
- package/dist/index.js.map +1 -1
- package/dist/{index2.js → utils/index.js} +2 -5
- package/dist/utils/index.js.map +1 -0
- package/package.json +7 -4
- package/types/global.d.ts +5 -0
- package/dist/image/index.js.map +0 -1
- package/dist/index2.js.map +0 -1
- package/dist/pull-down-refresh/index.js.map +0 -1
- package/dist/scroll-view/index.js.map +0 -1
- package/dist/swiper/index.js +0 -10535
- package/dist/swiper/index.js.map +0 -1
- package/dist/text/index.js.map +0 -1
- package/dist/tslib.es6.js +0 -17
- package/dist/tslib.es6.js.map +0 -1
- package/dist/view/index.js.map +0 -1
- package/dist/weui.js +0 -5
- package/dist/weui.js.map +0 -1
- package/index.js +0 -6
|
@@ -2,62 +2,46 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
|
|
|
2
2
|
import _createClass from '@babel/runtime/helpers/createClass';
|
|
3
3
|
import _inherits from '@babel/runtime/helpers/inherits';
|
|
4
4
|
import _createSuper from '@babel/runtime/helpers/createSuper';
|
|
5
|
-
import '
|
|
6
|
-
import
|
|
5
|
+
import 'weui';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
7
|
import React from 'react';
|
|
8
|
-
import {
|
|
9
|
-
import '@babel/runtime/helpers/typeof';
|
|
10
|
-
|
|
11
|
-
var css_248z = ".taro-scroll {\n -webkit-overflow-scrolling: auto;\n}\n\n.taro-scroll::-webkit-scrollbar {\n display: none;\n}\n\n.taro-scroll-view {\n overflow: hidden;\n}\n\n.taro-scroll-view__scroll-x {\n overflow-x: scroll;\n overflow-y: hidden;\n}\n\n.taro-scroll-view__scroll-y {\n overflow-x: hidden;\n overflow-y: scroll;\n}\n";
|
|
12
|
-
styleInject(css_248z,{"insertAt":"top"});
|
|
8
|
+
import { throttle } from '../../utils/index.js';
|
|
13
9
|
|
|
14
10
|
function easeOutScroll() {
|
|
15
11
|
var from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
16
12
|
var to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
17
13
|
var callback = arguments.length > 2 ? arguments[2] : undefined;
|
|
18
|
-
|
|
19
14
|
if (from === to || typeof from !== 'number') {
|
|
20
15
|
return;
|
|
21
16
|
}
|
|
22
|
-
|
|
23
17
|
var change = to - from;
|
|
24
18
|
var dur = 500;
|
|
25
19
|
var sTime = +new Date();
|
|
26
|
-
|
|
27
20
|
function linear(t, b, c, d) {
|
|
28
21
|
return c * t / d + b;
|
|
29
22
|
}
|
|
30
|
-
|
|
31
23
|
var isLarger = to >= from;
|
|
32
|
-
|
|
33
24
|
function step() {
|
|
34
25
|
from = linear(+new Date() - sTime, from, change, dur);
|
|
35
|
-
|
|
36
26
|
if (isLarger && from >= to || !isLarger && to >= from) {
|
|
37
27
|
callback(to);
|
|
38
28
|
return;
|
|
39
29
|
}
|
|
40
|
-
|
|
41
30
|
callback(from);
|
|
42
31
|
requestAnimationFrame(step);
|
|
43
32
|
}
|
|
44
|
-
|
|
45
33
|
step();
|
|
46
34
|
}
|
|
47
|
-
|
|
48
35
|
function scrollIntoView(id) {
|
|
49
36
|
var _a;
|
|
50
|
-
|
|
51
37
|
(_a = document.querySelector("#".concat(id))) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
|
|
52
38
|
behavior: 'smooth',
|
|
53
39
|
block: 'center',
|
|
54
40
|
inline: 'start'
|
|
55
41
|
});
|
|
56
42
|
}
|
|
57
|
-
|
|
58
43
|
function scrollVertical(top, isAnimation) {
|
|
59
44
|
var _this = this;
|
|
60
|
-
|
|
61
45
|
if (isAnimation) {
|
|
62
46
|
easeOutScroll(this._scrollTop, top, function (pos) {
|
|
63
47
|
if (_this.container) _this.container.scrollTop = pos;
|
|
@@ -65,13 +49,10 @@ function scrollVertical(top, isAnimation) {
|
|
|
65
49
|
} else {
|
|
66
50
|
if (this.container) this.container.scrollTop = top;
|
|
67
51
|
}
|
|
68
|
-
|
|
69
52
|
this._scrollTop = top;
|
|
70
53
|
}
|
|
71
|
-
|
|
72
54
|
function scrollHorizontal(left, isAnimation) {
|
|
73
55
|
var _this2 = this;
|
|
74
|
-
|
|
75
56
|
if (isAnimation) {
|
|
76
57
|
easeOutScroll(this._scrollLeft, left, function (pos) {
|
|
77
58
|
if (_this2.container) _this2.container.scrollLeft = pos;
|
|
@@ -79,32 +60,23 @@ function scrollHorizontal(left, isAnimation) {
|
|
|
79
60
|
} else {
|
|
80
61
|
if (this.container) this.container.scrollLeft = left;
|
|
81
62
|
}
|
|
82
|
-
|
|
83
63
|
this._scrollLeft = left;
|
|
84
64
|
}
|
|
85
|
-
|
|
86
65
|
var ScrollView = /*#__PURE__*/function (_React$Component) {
|
|
87
66
|
_inherits(ScrollView, _React$Component);
|
|
88
|
-
|
|
89
67
|
var _super = _createSuper(ScrollView);
|
|
90
|
-
|
|
91
68
|
function ScrollView() {
|
|
92
69
|
var _this3;
|
|
93
|
-
|
|
94
70
|
_classCallCheck(this, ScrollView);
|
|
95
|
-
|
|
96
71
|
_this3 = _super.apply(this, arguments);
|
|
97
72
|
_this3._scrollTop = null;
|
|
98
73
|
_this3._scrollLeft = null;
|
|
99
74
|
_this3.container = null;
|
|
100
|
-
|
|
101
75
|
_this3.onTouchMove = function (e) {
|
|
102
76
|
e.stopPropagation();
|
|
103
77
|
};
|
|
104
|
-
|
|
105
78
|
return _this3;
|
|
106
79
|
}
|
|
107
|
-
|
|
108
80
|
_createClass(ScrollView, [{
|
|
109
81
|
key: "componentDidMount",
|
|
110
82
|
value: function componentDidMount() {
|
|
@@ -119,9 +91,7 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
|
|
|
119
91
|
key: "handleScroll",
|
|
120
92
|
value: function handleScroll(props) {
|
|
121
93
|
var _this4 = this;
|
|
122
|
-
|
|
123
94
|
var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
124
|
-
|
|
125
95
|
// scrollIntoView
|
|
126
96
|
if (props.scrollIntoView && typeof props.scrollIntoView === 'string' && document && document.querySelector && document.querySelector("#".concat(props.scrollIntoView))) {
|
|
127
97
|
if (isInit) {
|
|
@@ -132,8 +102,8 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
|
|
|
132
102
|
scrollIntoView(props.scrollIntoView);
|
|
133
103
|
}
|
|
134
104
|
} else {
|
|
135
|
-
var isAnimation = ('scrollWithAnimation' in props);
|
|
136
|
-
|
|
105
|
+
var isAnimation = ('scrollWithAnimation' in props);
|
|
106
|
+
// Y 轴滚动
|
|
137
107
|
if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== this._scrollTop) {
|
|
138
108
|
if (isInit) {
|
|
139
109
|
setTimeout(function () {
|
|
@@ -142,9 +112,8 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
|
|
|
142
112
|
} else {
|
|
143
113
|
scrollVertical.bind(this)(props.scrollTop, isAnimation);
|
|
144
114
|
}
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
|
|
115
|
+
}
|
|
116
|
+
// X 轴滚动
|
|
148
117
|
if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== this._scrollLeft) {
|
|
149
118
|
if (isInit) {
|
|
150
119
|
setTimeout(function () {
|
|
@@ -160,56 +129,50 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
|
|
|
160
129
|
key: "render",
|
|
161
130
|
value: function render() {
|
|
162
131
|
var _this5 = this;
|
|
163
|
-
|
|
164
132
|
var _this$props = this.props,
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
133
|
+
className = _this$props.className,
|
|
134
|
+
_this$props$style = _this$props.style,
|
|
135
|
+
style = _this$props$style === void 0 ? {} : _this$props$style,
|
|
136
|
+
onScroll = _this$props.onScroll,
|
|
137
|
+
onScrollToUpper = _this$props.onScrollToUpper,
|
|
138
|
+
onScrollToLower = _this$props.onScrollToLower,
|
|
139
|
+
onTouchMove = _this$props.onTouchMove,
|
|
140
|
+
scrollX = _this$props.scrollX,
|
|
141
|
+
scrollY = _this$props.scrollY;
|
|
174
142
|
var _this$props2 = this.props,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
143
|
+
_this$props2$upperThr = _this$props2.upperThreshold,
|
|
144
|
+
upperThreshold = _this$props2$upperThr === void 0 ? 50 : _this$props2$upperThr,
|
|
145
|
+
_this$props2$lowerThr = _this$props2.lowerThreshold,
|
|
146
|
+
lowerThreshold = _this$props2$lowerThr === void 0 ? 50 : _this$props2$lowerThr;
|
|
179
147
|
var cls = classNames('taro-scroll', {
|
|
180
148
|
'taro-scroll-view__scroll-x': scrollX,
|
|
181
149
|
'taro-scroll-view__scroll-y': scrollY
|
|
182
150
|
}, className);
|
|
183
151
|
upperThreshold = Number(upperThreshold);
|
|
184
152
|
lowerThreshold = Number(lowerThreshold);
|
|
185
|
-
|
|
186
153
|
var upperAndLower = function upperAndLower(e) {
|
|
187
154
|
if (!_this5.container) return;
|
|
188
155
|
var _this5$container = _this5.container,
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
156
|
+
offsetWidth = _this5$container.offsetWidth,
|
|
157
|
+
offsetHeight = _this5$container.offsetHeight,
|
|
158
|
+
scrollLeft = _this5$container.scrollLeft,
|
|
159
|
+
scrollTop = _this5$container.scrollTop,
|
|
160
|
+
scrollHeight = _this5$container.scrollHeight,
|
|
161
|
+
scrollWidth = _this5$container.scrollWidth;
|
|
196
162
|
if (onScrollToLower && (_this5.props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || _this5.props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
|
|
197
163
|
onScrollToLower(e);
|
|
198
164
|
}
|
|
199
|
-
|
|
200
165
|
if (onScrollToUpper && (_this5.props.scrollY && scrollTop <= upperThreshold || _this5.props.scrollX && scrollLeft <= upperThreshold)) {
|
|
201
166
|
onScrollToUpper(e);
|
|
202
167
|
}
|
|
203
168
|
};
|
|
204
|
-
|
|
205
169
|
var upperAndLowerThrottle = throttle(upperAndLower, 200);
|
|
206
|
-
|
|
207
170
|
var _onScroll = function _onScroll(e) {
|
|
208
171
|
var _this5$container2 = _this5.container,
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
172
|
+
scrollLeft = _this5$container2.scrollLeft,
|
|
173
|
+
scrollTop = _this5$container2.scrollTop,
|
|
174
|
+
scrollHeight = _this5$container2.scrollHeight,
|
|
175
|
+
scrollWidth = _this5$container2.scrollWidth;
|
|
213
176
|
_this5._scrollLeft = scrollLeft;
|
|
214
177
|
_this5._scrollTop = scrollTop;
|
|
215
178
|
Object.defineProperty(e, 'detail', {
|
|
@@ -225,11 +188,9 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
|
|
|
225
188
|
upperAndLowerThrottle(e);
|
|
226
189
|
onScroll && onScroll(e);
|
|
227
190
|
};
|
|
228
|
-
|
|
229
191
|
var _onTouchMove = function _onTouchMove(e) {
|
|
230
192
|
onTouchMove ? onTouchMove(e) : _this5.onTouchMove(e);
|
|
231
193
|
};
|
|
232
|
-
|
|
233
194
|
return React.createElement("div", {
|
|
234
195
|
ref: function ref(container) {
|
|
235
196
|
_this5.container = container;
|
|
@@ -241,7 +202,6 @@ var ScrollView = /*#__PURE__*/function (_React$Component) {
|
|
|
241
202
|
}, this.props.children);
|
|
242
203
|
}
|
|
243
204
|
}]);
|
|
244
|
-
|
|
245
205
|
return ScrollView;
|
|
246
206
|
}(React.Component);
|
|
247
207
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/scroll-view/index.tsx"],"sourcesContent":["import 'weui'\nimport './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { throttle } from '../../utils'\n\nfunction easeOutScroll (from = 0, to = 0, callback) {\n if (from === to || typeof from !== 'number') {\n return\n }\n const change = to - from\n const dur = 500\n const sTime = +new Date()\n function linear (t, b, c, d) {\n return (c * t) / d + b\n }\n const isLarger = to >= from\n\n function step () {\n from = linear(+new Date() - sTime, from, change, dur)\n if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n callback(to)\n return\n }\n callback(from)\n requestAnimationFrame(step)\n }\n step()\n}\n\nfunction scrollIntoView (id) {\n document.querySelector(`#${id}`)?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'start'\n })\n}\n\nfunction scrollVertical (top, isAnimation) {\n if (isAnimation) {\n easeOutScroll(this._scrollTop, top, pos => {\n if (this.container) this.container.scrollTop = pos\n })\n } else {\n if (this.container) this.container.scrollTop = top\n }\n this._scrollTop = top\n}\n\nfunction scrollHorizontal (left, isAnimation) {\n if (isAnimation) {\n easeOutScroll(this._scrollLeft, left, pos => {\n if (this.container) this.container.scrollLeft = pos\n })\n } else {\n if (this.container) this.container.scrollLeft = left\n }\n this._scrollLeft = left\n}\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n scrollX: boolean\n scrollY: boolean\n upperThreshold: number\n lowerThreshold: number\n scrollTop: number\n scrollLeft: number\n scrollIntoView?: string\n scrollWithAnimation: boolean\n enableBackToTop?: boolean\n onScrollToUpper: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n onScrollToLower: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n onScroll: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n onTouchMove: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n}\n\nclass ScrollView extends React.Component<IProps> {\n _scrollTop: any = null\n _scrollLeft: any = null\n container: any = null\n\n onTouchMove = e => {\n e.stopPropagation()\n }\n\n componentDidMount () {\n this.handleScroll(this.props, true)\n }\n\n UNSAFE_componentWillReceiveProps (nextProps) {\n this.handleScroll(nextProps)\n }\n\n handleScroll (props, isInit = false) {\n // scrollIntoView\n if (\n props.scrollIntoView &&\n typeof props.scrollIntoView === 'string' &&\n document &&\n document.querySelector &&\n document.querySelector(`#${props.scrollIntoView}`)\n ) {\n if (isInit) {\n setTimeout(() => scrollIntoView(props.scrollIntoView), 500)\n } else {\n scrollIntoView(props.scrollIntoView)\n }\n } else {\n const isAnimation = 'scrollWithAnimation' in props\n // Y 轴滚动\n if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== this._scrollTop) {\n if (isInit) {\n setTimeout(() => scrollVertical.bind(this)(props.scrollTop, isAnimation), 10)\n } else {\n scrollVertical.bind(this)(props.scrollTop, isAnimation)\n }\n }\n // X 轴滚动\n if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== this._scrollLeft) {\n if (isInit) {\n setTimeout(() => scrollHorizontal.bind(this)(props.scrollLeft, isAnimation), 10)\n } else {\n scrollHorizontal.bind(this)(props.scrollLeft, isAnimation)\n }\n }\n }\n }\n\n render () {\n const {\n className,\n style = {},\n onScroll,\n onScrollToUpper,\n onScrollToLower,\n onTouchMove,\n scrollX,\n scrollY\n } = this.props\n let { upperThreshold = 50, lowerThreshold = 50 } = this.props\n const cls = classNames(\n 'taro-scroll',\n {\n 'taro-scroll-view__scroll-x': scrollX,\n 'taro-scroll-view__scroll-y': scrollY\n },\n className\n )\n upperThreshold = Number(upperThreshold)\n lowerThreshold = Number(lowerThreshold)\n const upperAndLower = e => {\n if (!this.container) return\n const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.container\n if (\n onScrollToLower &&\n ((this.props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n (this.props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n ) {\n onScrollToLower(e)\n }\n if (\n onScrollToUpper &&\n ((this.props.scrollY && scrollTop <= upperThreshold) || (this.props.scrollX && scrollLeft <= upperThreshold))\n ) {\n onScrollToUpper(e)\n }\n }\n const upperAndLowerThrottle = throttle(upperAndLower, 200)\n const _onScroll = e => {\n const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.container\n this._scrollLeft = scrollLeft\n this._scrollTop = scrollTop\n Object.defineProperty(e, 'detail', {\n enumerable: true,\n writable: true,\n value: {\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n }\n })\n upperAndLowerThrottle(e)\n onScroll && onScroll(e)\n }\n const _onTouchMove = e => {\n onTouchMove ? onTouchMove(e) : this.onTouchMove(e)\n }\n return (\n <div\n ref={container => {\n this.container = container\n }}\n style={style}\n className={cls}\n onScroll={_onScroll}\n onTouchMove={_onTouchMove}\n >\n {this.props.children}\n </div>\n )\n }\n}\n\nexport default ScrollView\n"],"names":["easeOutScroll","from","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","_a","document","querySelector","behavior","block","inline","scrollVertical","top","isAnimation","_scrollTop","pos","container","scrollTop","scrollHorizontal","left","_scrollLeft","scrollLeft","ScrollView","onTouchMove","e","stopPropagation","handleScroll","props","nextProps","isInit","setTimeout","scrollY","bind","scrollX","className","style","onScroll","onScrollToUpper","onScrollToLower","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","React","createElement","ref","children","Component"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../../src/components/share-element/loader.ts"],"sourcesContent":["import { defineCustomElement } from '@tarojs/components/dist/components/taro-share-element-core'\n\ndefineCustomElement()\n"],"names":["defineCustomElement"],"mappings":";;AAEAA,mBAAmB,EAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../../src/components/slider/loader.ts"],"sourcesContent":["import { defineCustomElement } from '@tarojs/components/dist/components/taro-slider-core'\n\ndefineCustomElement()\n"],"names":["defineCustomElement"],"mappings":";;AAEAA,mBAAmB,EAAE"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { defineCustomElement } from '@tarojs/components/dist/components/taro-native-slot-core';
|
|
2
|
+
import { defineCustomElement as defineCustomElement$1 } from '@tarojs/components/dist/components/taro-slot-core';
|
|
3
|
+
|
|
4
|
+
defineCustomElement();
|
|
5
|
+
defineCustomElement$1();
|
|
6
|
+
//# sourceMappingURL=loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../../src/components/slot/loader.ts"],"sourcesContent":["import { defineCustomElement as defineCustomElementTaroNativeSlotCore } from '@tarojs/components/dist/components/taro-native-slot-core'\nimport { defineCustomElement as defineCustomElementTaroSlotCore } from '@tarojs/components/dist/components/taro-slot-core'\n\ndefineCustomElementTaroNativeSlotCore()\ndefineCustomElementTaroSlotCore()\n"],"names":["defineCustomElementTaroNativeSlotCore","defineCustomElementTaroSlotCore"],"mappings":";;;AAGAA,mBAAqC,EAAE,CAAA;AACvCC,qBAA+B,EAAE"}
|
|
@@ -0,0 +1,318 @@
|
|
|
1
|
+
import _typeof from '@babel/runtime/helpers/typeof';
|
|
2
|
+
import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
|
|
3
|
+
import _createClass from '@babel/runtime/helpers/createClass';
|
|
4
|
+
import _inherits from '@babel/runtime/helpers/inherits';
|
|
5
|
+
import _createSuper from '@babel/runtime/helpers/createSuper';
|
|
6
|
+
import { __rest } from 'tslib';
|
|
7
|
+
import 'swiper/swiper-bundle.min.css';
|
|
8
|
+
import 'weui';
|
|
9
|
+
import classNames from 'classnames';
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import Swipers from 'swiper/swiper-bundle.esm.js';
|
|
12
|
+
import { debounce } from '../../utils/index.js';
|
|
13
|
+
|
|
14
|
+
var INSTANCE_ID = 0;
|
|
15
|
+
var createEvent = function createEvent(type) {
|
|
16
|
+
var e;
|
|
17
|
+
try {
|
|
18
|
+
e = new TouchEvent(type);
|
|
19
|
+
} catch (err) {
|
|
20
|
+
e = document.createEvent('Event');
|
|
21
|
+
e.initEvent(type, true, true);
|
|
22
|
+
}
|
|
23
|
+
return e;
|
|
24
|
+
};
|
|
25
|
+
var SwiperItem = /*#__PURE__*/function (_React$Component) {
|
|
26
|
+
_inherits(SwiperItem, _React$Component);
|
|
27
|
+
var _super = _createSuper(SwiperItem);
|
|
28
|
+
function SwiperItem() {
|
|
29
|
+
_classCallCheck(this, SwiperItem);
|
|
30
|
+
return _super.apply(this, arguments);
|
|
31
|
+
}
|
|
32
|
+
_createClass(SwiperItem, [{
|
|
33
|
+
key: "render",
|
|
34
|
+
value: function render() {
|
|
35
|
+
var _a = this.props,
|
|
36
|
+
className = _a.className,
|
|
37
|
+
style = _a.style,
|
|
38
|
+
itemId = _a.itemId,
|
|
39
|
+
children = _a.children,
|
|
40
|
+
restProps = __rest(_a, ["className", "style", "itemId", "children"]);
|
|
41
|
+
var cls = classNames('swiper-slide', className);
|
|
42
|
+
return React.createElement("div", Object.assign({
|
|
43
|
+
className: cls,
|
|
44
|
+
style: style,
|
|
45
|
+
"item-id": itemId
|
|
46
|
+
}, restProps), children);
|
|
47
|
+
}
|
|
48
|
+
}]);
|
|
49
|
+
return SwiperItem;
|
|
50
|
+
}(React.Component);
|
|
51
|
+
var Swiper = /*#__PURE__*/function (_React$Component2) {
|
|
52
|
+
_inherits(Swiper, _React$Component2);
|
|
53
|
+
var _super2 = _createSuper(Swiper);
|
|
54
|
+
function Swiper() {
|
|
55
|
+
var _this;
|
|
56
|
+
_classCallCheck(this, Swiper);
|
|
57
|
+
_this = _super2.apply(this, arguments);
|
|
58
|
+
_this._id = 1 + INSTANCE_ID++;
|
|
59
|
+
_this._$current = 0;
|
|
60
|
+
_this._$width = 0;
|
|
61
|
+
_this._$height = 0;
|
|
62
|
+
_this.handleSwiperLoopListen = function () {
|
|
63
|
+
var _a, _b, _c, _d;
|
|
64
|
+
(_b = (_a = _this.observerFirst) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
65
|
+
(_d = (_c = _this.observerLast) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
66
|
+
_this.observerFirst = new MutationObserver(_this.handleSwiperLoop);
|
|
67
|
+
_this.observerLast = new MutationObserver(_this.handleSwiperLoop);
|
|
68
|
+
var wrapper = _this.mySwiper.$wrapperEl[0];
|
|
69
|
+
var list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)');
|
|
70
|
+
if (list.length >= 1) {
|
|
71
|
+
_this.observerFirst.observe(list[0], {
|
|
72
|
+
characterData: true
|
|
73
|
+
});
|
|
74
|
+
} else if (list.length >= 2) {
|
|
75
|
+
_this.observerLast.observe(list[list.length - 1], {
|
|
76
|
+
characterData: true
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
_this.handleSwiperLoop = debounce(function () {
|
|
81
|
+
if (_this.mySwiper && _this.mySwiper.$wrapperEl && _this.props.circular) {
|
|
82
|
+
// @ts-ignore
|
|
83
|
+
_this.mySwiper.loopDestroy();
|
|
84
|
+
// @ts-ignore
|
|
85
|
+
_this.mySwiper.loopCreate();
|
|
86
|
+
}
|
|
87
|
+
}, 500);
|
|
88
|
+
return _this;
|
|
89
|
+
}
|
|
90
|
+
_createClass(Swiper, [{
|
|
91
|
+
key: "componentDidMount",
|
|
92
|
+
value: function componentDidMount() {
|
|
93
|
+
var _this2 = this;
|
|
94
|
+
var _this$props = this.props,
|
|
95
|
+
_this$props$autoplay = _this$props.autoplay,
|
|
96
|
+
autoplay = _this$props$autoplay === void 0 ? false : _this$props$autoplay,
|
|
97
|
+
_this$props$circular = _this$props.circular,
|
|
98
|
+
circular = _this$props$circular === void 0 ? true : _this$props$circular,
|
|
99
|
+
_this$props$current = _this$props.current,
|
|
100
|
+
current = _this$props$current === void 0 ? 0 : _this$props$current,
|
|
101
|
+
_this$props$displayMu = _this$props.displayMultipleItems,
|
|
102
|
+
displayMultipleItems = _this$props$displayMu === void 0 ? 1 : _this$props$displayMu,
|
|
103
|
+
_this$props$duration = _this$props.duration,
|
|
104
|
+
duration = _this$props$duration === void 0 ? 500 : _this$props$duration,
|
|
105
|
+
_this$props$interval = _this$props.interval,
|
|
106
|
+
interval = _this$props$interval === void 0 ? 5000 : _this$props$interval,
|
|
107
|
+
spaceBetween = _this$props.spaceBetween,
|
|
108
|
+
vertical = _this$props.vertical;
|
|
109
|
+
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
|
110
|
+
var that = this;
|
|
111
|
+
var opt = {
|
|
112
|
+
// 指示器
|
|
113
|
+
pagination: {
|
|
114
|
+
el: ".taro-swiper-".concat(this._id, " > .swiper-container > .swiper-pagination")
|
|
115
|
+
},
|
|
116
|
+
direction: vertical ? 'vertical' : 'horizontal',
|
|
117
|
+
loop: circular,
|
|
118
|
+
slidesPerView: parseFloat(String(displayMultipleItems)),
|
|
119
|
+
initialSlide: parseInt(String(current), 10),
|
|
120
|
+
speed: parseInt(String(duration), 10),
|
|
121
|
+
observer: true,
|
|
122
|
+
observeParents: true,
|
|
123
|
+
on: {
|
|
124
|
+
slideChange: function slideChange() {
|
|
125
|
+
var e = createEvent('touchend');
|
|
126
|
+
try {
|
|
127
|
+
Object.defineProperty(e, 'detail', {
|
|
128
|
+
enumerable: true,
|
|
129
|
+
value: {
|
|
130
|
+
current: this.realIndex
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
} catch (err) {} // eslint-disable-line no-empty
|
|
134
|
+
that._$current = this.realIndex;
|
|
135
|
+
that.handleOnChange(e);
|
|
136
|
+
},
|
|
137
|
+
transitionEnd: function transitionEnd() {
|
|
138
|
+
var e = createEvent('touchend');
|
|
139
|
+
try {
|
|
140
|
+
Object.defineProperty(e, 'detail', {
|
|
141
|
+
enumerable: true,
|
|
142
|
+
value: {
|
|
143
|
+
current: this.mySwiper.realIndex
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
if (this.mySwiper.isBeginning) {
|
|
147
|
+
this.mySwiper.slideToLoop(this.props.children.length - 1, 0);
|
|
148
|
+
} else if (this.mySwiper.isEnd) {
|
|
149
|
+
this.mySwiper.slideToLoop(0, 0);
|
|
150
|
+
}
|
|
151
|
+
} catch (err) {} // eslint-disable-line no-empty
|
|
152
|
+
that.handleOnAnimationFinish(e);
|
|
153
|
+
},
|
|
154
|
+
observerUpdate: function observerUpdate(_swiper, e) {
|
|
155
|
+
var target = e.target;
|
|
156
|
+
var className = target && typeof target.className === 'string' ? target.className : '';
|
|
157
|
+
if (className.includes('taro_page') && target.style.display !== 'none') {
|
|
158
|
+
if (that.props.autoplay && target.contains(_swiper.$el[0])) {
|
|
159
|
+
if (that.props.circular) {
|
|
160
|
+
_swiper.slideToLoop(this.realIndex, 0); // 更新下标
|
|
161
|
+
} else {
|
|
162
|
+
_swiper.slideTo(this.realIndex);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
// 自动播放
|
|
170
|
+
if (autoplay) {
|
|
171
|
+
opt.autoplay = {
|
|
172
|
+
delay: parseInt(String(interval), 10),
|
|
173
|
+
disableOnInteraction: false
|
|
174
|
+
};
|
|
175
|
+
}
|
|
176
|
+
// 两端距离
|
|
177
|
+
if (spaceBetween) {
|
|
178
|
+
opt.spaceBetween = spaceBetween;
|
|
179
|
+
}
|
|
180
|
+
this.mySwiper = new Swipers(this.$el, opt);
|
|
181
|
+
setTimeout(function () {
|
|
182
|
+
_this2.mySwiper.update();
|
|
183
|
+
}, 500);
|
|
184
|
+
if (!this.mySwiper || !this.props.circular) return;
|
|
185
|
+
var wrapper = this.mySwiper.$wrapperEl[0];
|
|
186
|
+
this.observer = new MutationObserver(this.handleSwiperLoopListen);
|
|
187
|
+
this.observer.observe(wrapper, {
|
|
188
|
+
childList: true
|
|
189
|
+
});
|
|
190
|
+
}
|
|
191
|
+
}, {
|
|
192
|
+
key: "UNSAFE_componentWillReceiveProps",
|
|
193
|
+
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
194
|
+
if (this.mySwiper) {
|
|
195
|
+
var nextCurrent = typeof nextProps.current === 'number' ? nextProps.current : this._$current || 0;
|
|
196
|
+
this.handleSwiperLoop();
|
|
197
|
+
// 是否衔接滚动模式
|
|
198
|
+
if (nextProps.circular) {
|
|
199
|
+
if (!this.mySwiper.isBeginning && !this.mySwiper.isEnd) {
|
|
200
|
+
this.mySwiper.slideToLoop(parseInt(nextCurrent, 10)); // 更新下标
|
|
201
|
+
}
|
|
202
|
+
} else {
|
|
203
|
+
this.mySwiper.slideTo(parseInt(nextCurrent, 10) + 1); // 更新下标
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
var autoplay = this.mySwiper.autoplay;
|
|
207
|
+
// 判断是否需要停止或开始自动轮播
|
|
208
|
+
if (autoplay.running !== nextProps.autoplay) {
|
|
209
|
+
if (nextProps.autoplay) {
|
|
210
|
+
if (_typeof(this.mySwiper.params.autoplay) === 'object') {
|
|
211
|
+
this.mySwiper.params.autoplay.disableOnInteraction = false;
|
|
212
|
+
this.mySwiper.params.autoplay.delay = parseInt(String(this.props.interval) || '3000', 10);
|
|
213
|
+
}
|
|
214
|
+
autoplay.start();
|
|
215
|
+
} else {
|
|
216
|
+
autoplay.stop();
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
this.mySwiper.update(); // 更新子元素
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
}, {
|
|
223
|
+
key: "componentDidUpdate",
|
|
224
|
+
value: function componentDidUpdate(preProps) {
|
|
225
|
+
if (preProps.children.length === 0 && this.props.children.length > 0) {
|
|
226
|
+
this.mySwiper.loopDestroy();
|
|
227
|
+
this.mySwiper.loopCreate();
|
|
228
|
+
}
|
|
229
|
+
if (!this.mySwiper) return;
|
|
230
|
+
if (this.props.autoplay) {
|
|
231
|
+
if (this._$width !== this.mySwiper.width || this._$height !== this.mySwiper.height) {
|
|
232
|
+
this.mySwiper.autoplay.start();
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
this._$width = this.mySwiper.width;
|
|
236
|
+
this._$height = this.mySwiper.height;
|
|
237
|
+
}
|
|
238
|
+
}, {
|
|
239
|
+
key: "componentWillUnmount",
|
|
240
|
+
value: function componentWillUnmount() {
|
|
241
|
+
var _a, _b, _c, _d, _e, _f;
|
|
242
|
+
this.$el = null;
|
|
243
|
+
if (this.mySwiper) this.mySwiper.destroy();
|
|
244
|
+
(_b = (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
245
|
+
(_d = (_c = this.observerFirst) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
246
|
+
(_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);
|
|
247
|
+
}
|
|
248
|
+
}, {
|
|
249
|
+
key: "handleOnChange",
|
|
250
|
+
value: function handleOnChange(e) {
|
|
251
|
+
var func = this.props.onChange;
|
|
252
|
+
typeof func === 'function' && func(e);
|
|
253
|
+
}
|
|
254
|
+
}, {
|
|
255
|
+
key: "handleOnAnimationFinish",
|
|
256
|
+
value: function handleOnAnimationFinish(e) {
|
|
257
|
+
var func = this.props.onAnimationFinish;
|
|
258
|
+
typeof func === 'function' && func(e);
|
|
259
|
+
}
|
|
260
|
+
}, {
|
|
261
|
+
key: "parsePX",
|
|
262
|
+
value: function parsePX() {
|
|
263
|
+
var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '0px';
|
|
264
|
+
return parseFloat(s.replace(/r*px/i, ''));
|
|
265
|
+
}
|
|
266
|
+
}, {
|
|
267
|
+
key: "render",
|
|
268
|
+
value: function render() {
|
|
269
|
+
var _this3 = this;
|
|
270
|
+
var _this$props2 = this.props,
|
|
271
|
+
className = _this$props2.className,
|
|
272
|
+
style = _this$props2.style,
|
|
273
|
+
vertical = _this$props2.vertical,
|
|
274
|
+
previousMargin = _this$props2.previousMargin,
|
|
275
|
+
nextMargin = _this$props2.nextMargin,
|
|
276
|
+
indicatorColor = _this$props2.indicatorColor,
|
|
277
|
+
indicatorActiveColor = _this$props2.indicatorActiveColor;
|
|
278
|
+
var defaultIndicatorColor = indicatorColor || 'rgba(0, 0, 0, .3)';
|
|
279
|
+
var defaultIndicatorActiveColor = indicatorActiveColor || '#000';
|
|
280
|
+
var cls = classNames("taro-swiper-".concat(this._id), className);
|
|
281
|
+
var sty = Object.assign({
|
|
282
|
+
paddingTop: vertical ? this.parsePX(previousMargin) : 0,
|
|
283
|
+
paddingRight: vertical ? 0 : this.parsePX(nextMargin),
|
|
284
|
+
paddingBottom: vertical ? this.parsePX(nextMargin) : 0,
|
|
285
|
+
paddingLeft: vertical ? 0 : this.parsePX(previousMargin),
|
|
286
|
+
overflow: 'hidden'
|
|
287
|
+
}, style);
|
|
288
|
+
var paginationCls = classNames('swiper-pagination', {
|
|
289
|
+
'swiper-pagination-hidden': !this.props.indicatorDots,
|
|
290
|
+
'swiper-pagination-bullets': this.props.indicatorDots
|
|
291
|
+
});
|
|
292
|
+
return React.createElement("div", {
|
|
293
|
+
className: "swiper-container-wrapper ".concat(cls),
|
|
294
|
+
style: sty
|
|
295
|
+
}, React.createElement("div", {
|
|
296
|
+
className: 'swiper-container',
|
|
297
|
+
style: {
|
|
298
|
+
overflow: 'visible'
|
|
299
|
+
},
|
|
300
|
+
ref: function ref(el) {
|
|
301
|
+
_this3.$el = el;
|
|
302
|
+
}
|
|
303
|
+
}, React.createElement("div", {
|
|
304
|
+
dangerouslySetInnerHTML: {
|
|
305
|
+
__html: "<style type='text/css'>\n .taro-swiper-".concat(this._id, " > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ").concat(defaultIndicatorColor, " }\n .taro-swiper-").concat(this._id, " > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ").concat(defaultIndicatorActiveColor, " }\n </style>")
|
|
306
|
+
}
|
|
307
|
+
}), React.createElement("div", {
|
|
308
|
+
className: 'swiper-wrapper'
|
|
309
|
+
}, this.props.children), React.createElement("div", {
|
|
310
|
+
className: paginationCls
|
|
311
|
+
})));
|
|
312
|
+
}
|
|
313
|
+
}]);
|
|
314
|
+
return Swiper;
|
|
315
|
+
}(React.Component);
|
|
316
|
+
|
|
317
|
+
export { Swiper, SwiperItem };
|
|
318
|
+
//# sourceMappingURL=index.js.map
|