@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.
Files changed (143) hide show
  1. package/dist/components/ad/loader.js +4 -0
  2. package/dist/components/ad/loader.js.map +1 -0
  3. package/dist/components/ad-custom/loader.js +4 -0
  4. package/dist/components/ad-custom/loader.js.map +1 -0
  5. package/dist/components/animation-video/loader.js +4 -0
  6. package/dist/components/animation-video/loader.js.map +1 -0
  7. package/dist/components/animation-view/loader.js +4 -0
  8. package/dist/components/animation-view/loader.js.map +1 -0
  9. package/dist/components/ar-camera/loader.js +4 -0
  10. package/dist/components/ar-camera/loader.js.map +1 -0
  11. package/dist/components/audio/loader.js +4 -0
  12. package/dist/components/audio/loader.js.map +1 -0
  13. package/dist/components/aweme-data/loader.js +4 -0
  14. package/dist/components/aweme-data/loader.js.map +1 -0
  15. package/dist/components/button/loader.js +4 -0
  16. package/dist/components/button/loader.js.map +1 -0
  17. package/dist/components/camera/loader.js +4 -0
  18. package/dist/components/camera/loader.js.map +1 -0
  19. package/dist/components/canvas/loader.js +4 -0
  20. package/dist/components/canvas/loader.js.map +1 -0
  21. package/dist/components/checkbox/loader.js +6 -0
  22. package/dist/components/checkbox/loader.js.map +1 -0
  23. package/dist/components/comment/loader.js +6 -0
  24. package/dist/components/comment/loader.js.map +1 -0
  25. package/dist/components/contact-button/loader.js +4 -0
  26. package/dist/components/contact-button/loader.js.map +1 -0
  27. package/dist/components/cover-image/loader.js +4 -0
  28. package/dist/components/cover-image/loader.js.map +1 -0
  29. package/dist/components/cover-view/loader.js +4 -0
  30. package/dist/components/cover-view/loader.js.map +1 -0
  31. package/dist/components/editor/loader.js +4 -0
  32. package/dist/components/editor/loader.js.map +1 -0
  33. package/dist/components/follow-swan/loader.js +4 -0
  34. package/dist/components/follow-swan/loader.js.map +1 -0
  35. package/dist/components/form/loader.js +4 -0
  36. package/dist/components/form/loader.js.map +1 -0
  37. package/dist/components/functional-page-navigator/loader.js +4 -0
  38. package/dist/components/functional-page-navigator/loader.js.map +1 -0
  39. package/dist/components/icon/loader.js +4 -0
  40. package/dist/components/icon/loader.js.map +1 -0
  41. package/dist/{image → components/image}/index.js +14 -28
  42. package/dist/components/image/index.js.map +1 -0
  43. package/dist/components/inline-payment-panel/loader.js +4 -0
  44. package/dist/components/inline-payment-panel/loader.js.map +1 -0
  45. package/dist/components/input/loader.js +4 -0
  46. package/dist/components/input/loader.js.map +1 -0
  47. package/dist/components/keyboard-accessory/loader.js +4 -0
  48. package/dist/components/keyboard-accessory/loader.js.map +1 -0
  49. package/dist/components/label/loader.js +4 -0
  50. package/dist/components/label/loader.js.map +1 -0
  51. package/dist/components/lifestyle/loader.js +4 -0
  52. package/dist/components/lifestyle/loader.js.map +1 -0
  53. package/dist/components/like/loader.js +4 -0
  54. package/dist/components/like/loader.js.map +1 -0
  55. package/dist/components/live-player/loader.js +4 -0
  56. package/dist/components/live-player/loader.js.map +1 -0
  57. package/dist/components/live-pusher/loader.js +4 -0
  58. package/dist/components/live-pusher/loader.js.map +1 -0
  59. package/dist/components/login/loader.js +4 -0
  60. package/dist/components/login/loader.js.map +1 -0
  61. package/dist/components/lottie/loader.js +4 -0
  62. package/dist/components/lottie/loader.js.map +1 -0
  63. package/dist/components/map/loader.js +4 -0
  64. package/dist/components/map/loader.js.map +1 -0
  65. package/dist/components/match-media/loader.js +4 -0
  66. package/dist/components/match-media/loader.js.map +1 -0
  67. package/dist/components/movable-area/loader.js +6 -0
  68. package/dist/components/movable-area/loader.js.map +1 -0
  69. package/dist/components/navigation-bar/loader.js +4 -0
  70. package/dist/components/navigation-bar/loader.js.map +1 -0
  71. package/dist/components/navigator/loader.js +4 -0
  72. package/dist/components/navigator/loader.js.map +1 -0
  73. package/dist/components/official-account/loader.js +4 -0
  74. package/dist/components/official-account/loader.js.map +1 -0
  75. package/dist/components/open-data/loader.js +4 -0
  76. package/dist/components/open-data/loader.js.map +1 -0
  77. package/dist/components/page-container/loader.js +4 -0
  78. package/dist/components/page-container/loader.js.map +1 -0
  79. package/dist/components/page-meta/loader.js +4 -0
  80. package/dist/components/page-meta/loader.js.map +1 -0
  81. package/dist/components/picker/loader.js +6 -0
  82. package/dist/components/picker/loader.js.map +1 -0
  83. package/dist/components/picker-view/loader.js +6 -0
  84. package/dist/components/picker-view/loader.js.map +1 -0
  85. package/dist/components/progress/loader.js +4 -0
  86. package/dist/components/progress/loader.js.map +1 -0
  87. package/dist/{pull-down-refresh → components/pull-down-refresh}/index.js +25 -89
  88. package/dist/components/pull-down-refresh/index.js.map +1 -0
  89. package/dist/components/radio/loader.js +6 -0
  90. package/dist/components/radio/loader.js.map +1 -0
  91. package/dist/components/rich-text/loader.js +4 -0
  92. package/dist/components/rich-text/loader.js.map +1 -0
  93. package/dist/components/root-portal/loader.js +4 -0
  94. package/dist/components/root-portal/loader.js.map +1 -0
  95. package/dist/components/rtc-room/loader.js +6 -0
  96. package/dist/components/rtc-room/loader.js.map +1 -0
  97. package/dist/{scroll-view → components/scroll-view}/index.js +30 -70
  98. package/dist/components/scroll-view/index.js.map +1 -0
  99. package/dist/components/share-element/loader.js +4 -0
  100. package/dist/components/share-element/loader.js.map +1 -0
  101. package/dist/components/slider/loader.js +4 -0
  102. package/dist/components/slider/loader.js.map +1 -0
  103. package/dist/components/slot/loader.js +6 -0
  104. package/dist/components/slot/loader.js.map +1 -0
  105. package/dist/components/swiper/index.js +318 -0
  106. package/dist/components/swiper/index.js.map +1 -0
  107. package/dist/components/switch/loader.js +4 -0
  108. package/dist/components/switch/loader.js.map +1 -0
  109. package/dist/components/tabbar/loader.js +6 -0
  110. package/dist/components/tabbar/loader.js.map +1 -0
  111. package/dist/components/tabs/loader.js +4 -0
  112. package/dist/components/tabs/loader.js.map +1 -0
  113. package/dist/{text → components/text}/index.js +7 -17
  114. package/dist/components/text/index.js.map +1 -0
  115. package/dist/components/textarea/loader.js +4 -0
  116. package/dist/components/textarea/loader.js.map +1 -0
  117. package/dist/components/video/loader.js +8 -0
  118. package/dist/components/video/loader.js.map +1 -0
  119. package/dist/{view → components/view}/index.js +13 -36
  120. package/dist/components/view/index.js.map +1 -0
  121. package/dist/components/voip-room/loader.js +4 -0
  122. package/dist/components/voip-room/loader.js.map +1 -0
  123. package/dist/components/web-view/loader.js +4 -0
  124. package/dist/components/web-view/loader.js.map +1 -0
  125. package/dist/index.js +63 -86
  126. package/dist/index.js.map +1 -1
  127. package/dist/{index2.js → utils/index.js} +2 -5
  128. package/dist/utils/index.js.map +1 -0
  129. package/package.json +7 -4
  130. package/types/global.d.ts +5 -0
  131. package/dist/image/index.js.map +0 -1
  132. package/dist/index2.js.map +0 -1
  133. package/dist/pull-down-refresh/index.js.map +0 -1
  134. package/dist/scroll-view/index.js.map +0 -1
  135. package/dist/swiper/index.js +0 -10535
  136. package/dist/swiper/index.js.map +0 -1
  137. package/dist/text/index.js.map +0 -1
  138. package/dist/tslib.es6.js +0 -17
  139. package/dist/tslib.es6.js.map +0 -1
  140. package/dist/view/index.js.map +0 -1
  141. package/dist/weui.js +0 -5
  142. package/dist/weui.js.map +0 -1
  143. 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 '../weui.js';
6
- import { s as styleInject, c as classNames } from '../index.js';
5
+ import 'weui';
6
+ import classNames from 'classnames';
7
7
  import React from 'react';
8
- import { t as throttle } from '../index2.js';
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); // Y 轴滚动
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
- } // X 轴滚动
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
- className = _this$props.className,
166
- _this$props$style = _this$props.style,
167
- style = _this$props$style === void 0 ? {} : _this$props$style,
168
- onScroll = _this$props.onScroll,
169
- onScrollToUpper = _this$props.onScrollToUpper,
170
- onScrollToLower = _this$props.onScrollToLower,
171
- onTouchMove = _this$props.onTouchMove,
172
- scrollX = _this$props.scrollX,
173
- scrollY = _this$props.scrollY;
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
- _this$props2$upperThr = _this$props2.upperThreshold,
176
- upperThreshold = _this$props2$upperThr === void 0 ? 50 : _this$props2$upperThr,
177
- _this$props2$lowerThr = _this$props2.lowerThreshold,
178
- lowerThreshold = _this$props2$lowerThr === void 0 ? 50 : _this$props2$lowerThr;
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
- offsetWidth = _this5$container.offsetWidth,
190
- offsetHeight = _this5$container.offsetHeight,
191
- scrollLeft = _this5$container.scrollLeft,
192
- scrollTop = _this5$container.scrollTop,
193
- scrollHeight = _this5$container.scrollHeight,
194
- scrollWidth = _this5$container.scrollWidth;
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
- scrollLeft = _this5$container2.scrollLeft,
210
- scrollTop = _this5$container2.scrollTop,
211
- scrollHeight = _this5$container2.scrollHeight,
212
- scrollWidth = _this5$container2.scrollWidth;
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,4 @@
1
+ import { defineCustomElement } from '@tarojs/components/dist/components/taro-share-element-core';
2
+
3
+ defineCustomElement();
4
+ //# sourceMappingURL=loader.js.map
@@ -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,4 @@
1
+ import { defineCustomElement } from '@tarojs/components/dist/components/taro-slider-core';
2
+
3
+ defineCustomElement();
4
+ //# sourceMappingURL=loader.js.map
@@ -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