@tarojs/components-react 4.0.8-beta.1 → 4.0.8-beta.3

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 (124) hide show
  1. package/README.md +31 -0
  2. package/dist/components/button/index.js +36 -10
  3. package/dist/components/button/index.js.map +1 -1
  4. package/dist/components/icon/index.js.map +1 -1
  5. package/dist/components/image/index.js +1 -1
  6. package/dist/components/image/index.js.map +1 -1
  7. package/dist/components/image/style/{index.css.js → index.scss.js} +1 -1
  8. package/dist/components/image/style/index.scss.js.map +1 -0
  9. package/dist/components/input/index.js.map +1 -1
  10. package/dist/components/picker/index.js +788 -0
  11. package/dist/components/picker/index.js.map +1 -0
  12. package/dist/components/picker/picker-group.js +491 -0
  13. package/dist/components/picker/picker-group.js.map +1 -0
  14. package/dist/components/{scroll-view/style/index.css.js → picker/style/index.scss.js} +1 -1
  15. package/dist/components/picker/style/index.scss.js.map +1 -0
  16. package/dist/components/pull-down-refresh/index.js +1 -1
  17. package/dist/components/pull-down-refresh/index.js.map +1 -1
  18. package/dist/components/pull-down-refresh/style/{index.css.js → index.scss.js} +1 -1
  19. package/dist/components/pull-down-refresh/style/index.scss.js.map +1 -0
  20. package/dist/components/refresher/index.js +7 -0
  21. package/dist/components/refresher/index.js.map +1 -0
  22. package/dist/components/scroll-view/index.js +8 -3
  23. package/dist/components/scroll-view/index.js.map +1 -1
  24. package/dist/components/{swiper/style/index.css.js → scroll-view/style/index.scss.js} +1 -1
  25. package/dist/components/scroll-view/style/index.scss.js.map +1 -0
  26. package/dist/components/swiper/index.js +5 -3
  27. package/dist/components/swiper/index.js.map +1 -1
  28. package/dist/components/swiper/style/index.scss.js +4 -0
  29. package/dist/components/swiper/style/index.scss.js.map +1 -0
  30. package/dist/components/text/index.js +1 -1
  31. package/dist/components/text/index.js.map +1 -1
  32. package/dist/components/text/style/index.scss.js +4 -0
  33. package/dist/components/text/style/index.scss.js.map +1 -0
  34. package/dist/components/view/index.js.map +1 -1
  35. package/dist/index.css +1 -1
  36. package/dist/index.js +3 -1
  37. package/dist/index.js.map +1 -1
  38. package/dist/original/components/button/index.js +113 -0
  39. package/dist/original/components/button/index.js.map +1 -0
  40. package/dist/original/components/button/style/index.scss +354 -0
  41. package/dist/original/components/icon/index.js +36 -0
  42. package/dist/original/components/icon/index.js.map +1 -0
  43. package/dist/original/components/icon/style/index.scss +304 -0
  44. package/dist/original/components/image/index.js +86 -0
  45. package/dist/original/components/image/index.js.map +1 -0
  46. package/dist/original/components/image/style/index.scss +90 -0
  47. package/dist/original/components/input/index.js +233 -0
  48. package/dist/original/components/input/index.js.map +1 -0
  49. package/dist/original/components/input/style/index.scss +71 -0
  50. package/dist/original/components/picker/index.js +788 -0
  51. package/dist/original/components/picker/index.js.map +1 -0
  52. package/dist/original/components/picker/picker-group.js +491 -0
  53. package/dist/original/components/picker/picker-group.js.map +1 -0
  54. package/dist/original/components/picker/style/index.scss +297 -0
  55. package/dist/original/components/pull-down-refresh/index.js +320 -0
  56. package/dist/original/components/pull-down-refresh/index.js.map +1 -0
  57. package/dist/original/components/pull-down-refresh/style/index.scss +53 -0
  58. package/dist/original/components/refresher/index.js +7 -0
  59. package/dist/original/components/refresher/index.js.map +1 -0
  60. package/dist/original/components/scroll-view/index.js +189 -0
  61. package/dist/original/components/scroll-view/index.js.map +1 -0
  62. package/dist/original/components/scroll-view/style/index.scss +22 -0
  63. package/dist/original/components/swiper/index.js +461 -0
  64. package/dist/original/components/swiper/index.js.map +1 -0
  65. package/dist/original/components/swiper/style/index.scss +9 -0
  66. package/dist/original/components/text/index.js +28 -0
  67. package/dist/original/components/text/index.js.map +1 -0
  68. package/dist/original/components/text/style/index.scss +13 -0
  69. package/dist/original/components/view/index.js +80 -0
  70. package/dist/original/components/view/index.js.map +1 -0
  71. package/dist/original/index.js +15 -0
  72. package/dist/original/index.js.map +1 -0
  73. package/dist/original/utils/hooks.react.js +15 -0
  74. package/dist/original/utils/hooks.react.js.map +1 -0
  75. package/dist/original/utils/index.js +162 -0
  76. package/dist/original/utils/index.js.map +1 -0
  77. package/dist/solid/components/button/index.js +50 -29
  78. package/dist/solid/components/button/index.js.map +1 -1
  79. package/dist/solid/components/icon/index.js.map +1 -1
  80. package/dist/solid/components/image/index.js +1 -1
  81. package/dist/solid/components/image/index.js.map +1 -1
  82. package/dist/solid/components/image/style/index.scss.js +4 -0
  83. package/dist/solid/components/image/style/index.scss.js.map +1 -0
  84. package/dist/solid/components/picker/index.js +830 -0
  85. package/dist/solid/components/picker/index.js.map +1 -0
  86. package/dist/solid/components/picker/picker-group.js +512 -0
  87. package/dist/solid/components/picker/picker-group.js.map +1 -0
  88. package/dist/solid/components/picker/style/index.scss.js +4 -0
  89. package/dist/solid/components/picker/style/index.scss.js.map +1 -0
  90. package/dist/solid/components/refresher/index.js +7 -0
  91. package/dist/solid/components/refresher/index.js.map +1 -0
  92. package/dist/solid/components/scroll-view/index.js +8 -3
  93. package/dist/solid/components/scroll-view/index.js.map +1 -1
  94. package/dist/solid/components/scroll-view/style/index.scss.js +4 -0
  95. package/dist/solid/components/scroll-view/style/index.scss.js.map +1 -0
  96. package/dist/solid/components/text/index.js +1 -1
  97. package/dist/solid/components/text/index.js.map +1 -1
  98. package/dist/solid/components/text/style/index.scss.js +4 -0
  99. package/dist/solid/components/text/style/index.scss.js.map +1 -0
  100. package/dist/solid/components/view/index.js.map +1 -1
  101. package/dist/solid/index.css +1 -1
  102. package/dist/solid/index.js +3 -1
  103. package/dist/solid/index.js.map +1 -1
  104. package/dist/solid/utils/hooks.solid.js.map +1 -1
  105. package/dist/solid/utils/index.js +103 -1
  106. package/dist/solid/utils/index.js.map +1 -1
  107. package/dist/utils/hooks.react.js.map +1 -1
  108. package/dist/utils/index.js +103 -1
  109. package/dist/utils/index.js.map +1 -1
  110. package/package.json +23 -9
  111. package/types/global.d.ts +1 -1
  112. package/types/index.d.ts +3 -1
  113. package/dist/components/image/style/index.css.js.map +0 -1
  114. package/dist/components/pull-down-refresh/style/index.css.js.map +0 -1
  115. package/dist/components/scroll-view/style/index.css.js.map +0 -1
  116. package/dist/components/swiper/style/index.css.js.map +0 -1
  117. package/dist/components/text/style/index.css.js +0 -4
  118. package/dist/components/text/style/index.css.js.map +0 -1
  119. package/dist/solid/components/image/style/index.css.js +0 -4
  120. package/dist/solid/components/image/style/index.css.js.map +0 -1
  121. package/dist/solid/components/scroll-view/style/index.css.js +0 -4
  122. package/dist/solid/components/scroll-view/style/index.css.js.map +0 -1
  123. package/dist/solid/components/text/style/index.css.js +0 -4
  124. package/dist/solid/components/text/style/index.css.js.map +0 -1
@@ -0,0 +1,320 @@
1
+ import { __rest } from 'tslib';
2
+ import './style/index.scss';
3
+ import Taro from '@tarojs/taro';
4
+ import classNames from 'classnames';
5
+ import React__default from 'react';
6
+ import { createForwardRefComponent } from '../../utils/index.js';
7
+ import { jsx, jsxs } from 'react/jsx-runtime';
8
+
9
+ function setTransform(nodeStyle, value) {
10
+ nodeStyle.transform = value;
11
+ nodeStyle.webkitTransform = value;
12
+ nodeStyle.MozTransform = value;
13
+ }
14
+ const isWebView = typeof navigator !== 'undefined' && /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent);
15
+ var PullDownState;
16
+ (function (PullDownState) {
17
+ PullDownState["activate"] = "activate";
18
+ PullDownState["deactivate"] = "deactivate";
19
+ PullDownState["release"] = "release";
20
+ PullDownState["finish"] = "finish";
21
+ })(PullDownState || (PullDownState = {}));
22
+ var INDICATOR;
23
+ (function (INDICATOR) {
24
+ INDICATOR["activate"] = "release";
25
+ INDICATOR["deactivate"] = "pull";
26
+ INDICATOR["release"] = "loading";
27
+ INDICATOR["finish"] = "finish";
28
+ })(INDICATOR || (INDICATOR = {}));
29
+ let supportsPassive = false;
30
+ try {
31
+ const opts = Object.defineProperty({}, 'passive', {
32
+ get() {
33
+ supportsPassive = true;
34
+ }
35
+ });
36
+ window.addEventListener('cancel', () => ({}), opts);
37
+ } catch (e) {} // eslint-disable-line no-empty
38
+ const willPreventDefault = supportsPassive ? {
39
+ passive: false
40
+ } : false;
41
+ class PullDownRefresh extends React__default.Component {
42
+ constructor() {
43
+ super(...arguments);
44
+ // https://github.com/yiminghe/zscroller/blob/2d97973287135745818a0537712235a39a6a62a1/src/Scroller.js#L355
45
+ // currSt: `activate` / `deactivate` / `release` / `finish`
46
+ this.state = {
47
+ currSt: PullDownState.deactivate,
48
+ dragOnEdge: false
49
+ };
50
+ this._ScreenY = 0;
51
+ this._startScreenY = 0;
52
+ this._lastScreenY = 0;
53
+ this._isMounted = false;
54
+ this.listeners = [];
55
+ this.triggerPullDownRefresh = flag => {
56
+ // 在初始化时、用代码 自动 触发 pullDownRefresh
57
+ // 添加this._isMounted的判断,否则组建一实例化,currSt就会是finish
58
+ if (!this.state.dragOnEdge && this._isMounted) {
59
+ if (flag) {
60
+ this._lastScreenY = this.props.distanceToRefresh + 1;
61
+ // change dom need after setState
62
+ this.setState({
63
+ currSt: PullDownState.release
64
+ }, () => this.setContentStyle(this._lastScreenY));
65
+ } else {
66
+ this.setState({
67
+ currSt: PullDownState.finish
68
+ }, () => this.reset());
69
+ }
70
+ }
71
+ };
72
+ this.init = () => {
73
+ const ele = this.scrollContainer;
74
+ this._to = {
75
+ touchstart: this.onTouchStart.bind(this, ele),
76
+ touchmove: this.onTouchMove.bind(this, ele),
77
+ touchend: this.onTouchEnd.bind(this, ele),
78
+ touchcancel: this.onTouchEnd.bind(this, ele)
79
+ };
80
+ Object.keys(this._to).forEach(key => {
81
+ ele.addEventListener(key, this._to[key], willPreventDefault);
82
+ });
83
+ };
84
+ this.destroy = () => {
85
+ if (!this._to) return;
86
+ const ele = this.scrollContainer;
87
+ Object.keys(this._to).forEach(key => {
88
+ ele.removeEventListener(key, this._to[key]);
89
+ });
90
+ };
91
+ this.onTouchStart = (_, e) => {
92
+ this._ScreenY = this._startScreenY = e.touches[0].screenY;
93
+ // 一开始 refreshing 为 true 时 this._lastScreenY 有值
94
+ this._lastScreenY = this._lastScreenY || 0;
95
+ };
96
+ this.isEdge = ele => {
97
+ const container = this.scrollContainer;
98
+ if (container && container === document.body) {
99
+ // In chrome61 `document.body.scrollTop` is invalid
100
+ const scrollNode = document.scrollingElement ? document.scrollingElement : document.body;
101
+ return scrollNode.scrollTop <= 0;
102
+ }
103
+ return ele.scrollTop <= 0;
104
+ };
105
+ this.damping = dy => {
106
+ if (Math.abs(this._lastScreenY) > this.props.damping) {
107
+ return 0;
108
+ }
109
+ const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height;
110
+ dy *= (1 - ratio) * 0.6;
111
+ return dy;
112
+ };
113
+ this.onTouchMove = (ele, e) => {
114
+ // 使用 pageY 对比有问题
115
+ const _screenY = e.touches[0].screenY;
116
+ // 拖动方向不符合的不处理
117
+ if (this._startScreenY > _screenY) {
118
+ return;
119
+ }
120
+ if (this.isEdge(ele)) {
121
+ if (!this.state.dragOnEdge) {
122
+ // 当用户开始往上滑的时候isEdge还是false的话,会导致this._ScreenY不是想要的,只有当isEdge为true时,再上滑,才有意义
123
+ // 下面这行代码解决了上面这个问题
124
+ this._ScreenY = this._startScreenY = e.touches[0].screenY;
125
+ this.setState({
126
+ dragOnEdge: true
127
+ });
128
+ }
129
+ if (e.cancelable) {
130
+ e.preventDefault();
131
+ }
132
+ // add stopPropagation with fastclick will trigger content onClick event. why?
133
+ // ref https://github.com/ant-design/ant-design-mobile/issues/2141
134
+ // e.stopPropagation();
135
+ const _diff = Math.round(_screenY - this._ScreenY);
136
+ this._ScreenY = _screenY;
137
+ this._lastScreenY += this.damping(_diff);
138
+ this.setContentStyle(this._lastScreenY);
139
+ if (Math.abs(this._lastScreenY) < this.props.distanceToRefresh) {
140
+ if (this.state.currSt !== PullDownState.deactivate) {
141
+ // console.log('back to the distance');
142
+ this.setState({
143
+ currSt: PullDownState.deactivate
144
+ });
145
+ }
146
+ } else {
147
+ if (this.state.currSt === PullDownState.deactivate) {
148
+ // console.log('reach to the distance');
149
+ this.setState({
150
+ currSt: PullDownState.activate
151
+ });
152
+ }
153
+ }
154
+ // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829
155
+ // iOS UIWebView issue, It seems no problem in WKWebView
156
+ if (isWebView && e.changedTouches[0].clientY < 0) {
157
+ this.onTouchEnd();
158
+ }
159
+ }
160
+ };
161
+ this.onTouchEnd = () => {
162
+ var _a, _b;
163
+ if (this.state.dragOnEdge) {
164
+ this.setState({
165
+ dragOnEdge: false
166
+ });
167
+ }
168
+ if (this.state.currSt === PullDownState.activate) {
169
+ this.setState({
170
+ currSt: PullDownState.release
171
+ });
172
+ (_b = (_a = this.props).onRefresh) === null || _b === void 0 ? void 0 : _b.call(_a);
173
+ this._lastScreenY = this.props.distanceToRefresh + 1;
174
+ this.setContentStyle(this._lastScreenY);
175
+ } else if (this.state.currSt === 'release') {
176
+ this._lastScreenY = this.props.distanceToRefresh + 1;
177
+ this.setContentStyle(this._lastScreenY);
178
+ } else {
179
+ this.reset();
180
+ }
181
+ };
182
+ this.reset = () => {
183
+ this._lastScreenY = 0;
184
+ this.setContentStyle(0);
185
+ };
186
+ this.setContentStyle = ty => {
187
+ // TODO: Why sometimes do not have `this.contentRef` ?
188
+ if (this.contentRef) {
189
+ // translate3d 不清理 会影响内部元素定位
190
+ if (ty) {
191
+ setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`);
192
+ } else {
193
+ setTransform(this.contentRef.style, '');
194
+ }
195
+ }
196
+ };
197
+ }
198
+ get scrollContainer() {
199
+ var _a, _b;
200
+ return ((_a = this.contentRef) === null || _a === void 0 ? void 0 : _a.parentElement) || ((_b = this.contentRef) === null || _b === void 0 ? void 0 : _b.closest('.taro_page_stationed')) || document.querySelector('.taro_page_stationed') || document.querySelector('.taro_page') || document.querySelector('.taro_router') || document.querySelector('.taro-tabbar__panel') || document.body;
201
+ }
202
+ componentDidMount() {
203
+ this.init();
204
+ this._isMounted = true;
205
+ this.listeners = [['__taroStartPullDownRefresh', _ref => {
206
+ let {
207
+ successHandler,
208
+ errorHandler
209
+ } = _ref;
210
+ try {
211
+ this.triggerPullDownRefresh(true);
212
+ successHandler({
213
+ errMsg: 'startPullDownRefresh: ok'
214
+ });
215
+ } catch (e) {
216
+ errorHandler({
217
+ errMsg: 'startPullDownRefresh: fail'
218
+ });
219
+ }
220
+ }], ['__taroStopPullDownRefresh', _ref2 => {
221
+ let {
222
+ successHandler,
223
+ errorHandler
224
+ } = _ref2;
225
+ try {
226
+ this.triggerPullDownRefresh(false);
227
+ successHandler({
228
+ errMsg: 'stopPullDownRefresh: ok'
229
+ });
230
+ } catch (e) {
231
+ errorHandler({
232
+ errMsg: 'stopPullDownRefresh: fail'
233
+ });
234
+ }
235
+ }]];
236
+ this.listeners.forEach(_ref3 => {
237
+ let [evtName, callback] = _ref3;
238
+ Taro.eventCenter.on(evtName, callback);
239
+ });
240
+ }
241
+ componentWillUnmount() {
242
+ this.destroy();
243
+ this.listeners.forEach(_ref4 => {
244
+ let [evtName, callback] = _ref4;
245
+ Taro.eventCenter.off(evtName, callback);
246
+ });
247
+ }
248
+ componentDidUpdate(_, prevState) {
249
+ var _a, _b, _c, _d;
250
+ if (prevState.currSt !== this.state.currSt) {
251
+ const pageEl = this.scrollContainer;
252
+ switch (this.state.currSt) {
253
+ case PullDownState.release:
254
+ (_b = (_a = pageEl === null || pageEl === void 0 ? void 0 : pageEl.__page) === null || _a === void 0 ? void 0 : _a.onPullDownRefresh) === null || _b === void 0 ? void 0 : _b.call(_a);
255
+ break;
256
+ case PullDownState.deactivate:
257
+ (_d = (_c = pageEl === null || pageEl === void 0 ? void 0 : pageEl.__page) === null || _c === void 0 ? void 0 : _c.onPullIntercept) === null || _d === void 0 ? void 0 : _d.call(_c);
258
+ }
259
+ }
260
+ }
261
+ render() {
262
+ const props = Object.assign({}, this.props);
263
+ delete props.damping;
264
+ delete props.indicator;
265
+ delete props.distanceToRefresh;
266
+ delete props.onRefresh;
267
+ const {
268
+ className,
269
+ prefixCls,
270
+ children,
271
+ forwardedRef
272
+ } = props,
273
+ restProps = __rest(props, ["className", "prefixCls", "children", "forwardedRef"]);
274
+ const renderRefresh = cls => {
275
+ const {
276
+ currSt,
277
+ dragOnEdge
278
+ } = this.state;
279
+ const cla = classNames(cls, !dragOnEdge && `${prefixCls}-transition`);
280
+ const showIndicator = currSt === 'activate' || currSt === 'release';
281
+ return /*#__PURE__*/jsx("div", {
282
+ className: `${prefixCls}-content-wrapper`,
283
+ children: /*#__PURE__*/jsxs("div", {
284
+ className: cla,
285
+ ref: el => {
286
+ this.contentRef = el;
287
+ },
288
+ children: [showIndicator && /*#__PURE__*/jsxs("div", {
289
+ className: `${prefixCls}-indicator`,
290
+ children: [/*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {})]
291
+ }), children]
292
+ })
293
+ });
294
+ };
295
+ if (this.scrollContainer) {
296
+ return renderRefresh(`${prefixCls}-content ${prefixCls}-down`);
297
+ }
298
+ return /*#__PURE__*/jsx("pull-down-refresh", {
299
+ ref: el => {
300
+ if (forwardedRef) {
301
+ forwardedRef.current = el;
302
+ }
303
+ this.containerRef = el;
304
+ },
305
+ className: classNames(className, prefixCls, `${prefixCls}-down`),
306
+ ...restProps,
307
+ children: renderRefresh(`${prefixCls}-content`)
308
+ });
309
+ }
310
+ }
311
+ PullDownRefresh.defaultProps = {
312
+ prefixCls: 'rmc-pull-to-refresh',
313
+ distanceToRefresh: 50,
314
+ damping: 100,
315
+ indicator: INDICATOR
316
+ };
317
+ var index = createForwardRefComponent(PullDownRefresh);
318
+
319
+ export { index as default };
320
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/pull-down-refresh/index.tsx"],"sourcesContent":["import './style/index.scss'\r\n\r\nimport Taro from '@tarojs/taro'\r\nimport classNames from 'classnames'\r\nimport React from 'react'\r\n\r\nimport { createForwardRefComponent } from '../../utils/index'\r\n\r\nfunction setTransform (nodeStyle, value) {\r\n nodeStyle.transform = value\r\n nodeStyle.webkitTransform = value\r\n nodeStyle.MozTransform = value\r\n}\r\n\r\nconst isWebView =\r\n typeof navigator !== 'undefined' && /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent)\r\n\r\nenum PullDownState {\r\n activate = 'activate',\r\n deactivate = 'deactivate',\r\n release = 'release',\r\n finish = 'finish'\r\n}\r\n\r\nenum INDICATOR {\r\n activate = 'release',\r\n deactivate = 'pull',\r\n release = 'loading',\r\n finish = 'finish'\r\n}\r\n\r\nlet supportsPassive = false\r\ntry {\r\n const opts = Object.defineProperty({}, 'passive', {\r\n get () {\r\n supportsPassive = true\r\n }\r\n })\r\n window.addEventListener('cancel', () => ({}), opts)\r\n} catch (e) {} // eslint-disable-line no-empty\r\n\r\nconst willPreventDefault = supportsPassive ? { passive: false } : false\r\n\r\ninterface IProps extends React.HTMLAttributes<HTMLBaseElement> {\r\n prefixCls: string\r\n distanceToRefresh: number\r\n damping: number\r\n indicator: INDICATOR\r\n forwardedRef?: React.MutableRefObject<HTMLBaseElement>\r\n onRefresh?: () => void\r\n}\r\n\r\ninterface IState {\r\n currSt: PullDownState\r\n dragOnEdge: boolean\r\n}\r\n\r\nclass PullDownRefresh extends React.Component<IProps, IState> {\r\n static defaultProps = {\r\n prefixCls: 'rmc-pull-to-refresh',\r\n distanceToRefresh: 50,\r\n damping: 100,\r\n indicator: INDICATOR\r\n }\r\n\r\n // https://github.com/yiminghe/zscroller/blob/2d97973287135745818a0537712235a39a6a62a1/src/Scroller.js#L355\r\n // currSt: `activate` / `deactivate` / `release` / `finish`\r\n state = {\r\n currSt: PullDownState.deactivate,\r\n dragOnEdge: false\r\n }\r\n\r\n containerRef: HTMLElement | null\r\n contentRef: HTMLDivElement | null\r\n _to: Record<string, EventListener>\r\n _ScreenY = 0\r\n _startScreenY = 0\r\n _lastScreenY = 0\r\n _isMounted = false\r\n listeners: [string, (...args: any[]) => void][] = []\r\n\r\n get scrollContainer () {\r\n return (\r\n this.contentRef?.parentElement ||\r\n this.contentRef?.closest('.taro_page_stationed') ||\r\n document.querySelector('.taro_page_stationed') ||\r\n document.querySelector('.taro_page') ||\r\n document.querySelector('.taro_router') ||\r\n document.querySelector('.taro-tabbar__panel') ||\r\n document.body\r\n )\r\n }\r\n\r\n componentDidMount () {\r\n this.init()\r\n this._isMounted = true\r\n this.listeners = [\r\n [\r\n '__taroStartPullDownRefresh',\r\n ({ successHandler, errorHandler }) => {\r\n try {\r\n this.triggerPullDownRefresh(true)\r\n successHandler({\r\n errMsg: 'startPullDownRefresh: ok'\r\n })\r\n } catch (e) {\r\n errorHandler({\r\n errMsg: 'startPullDownRefresh: fail'\r\n })\r\n }\r\n }\r\n ],\r\n [\r\n '__taroStopPullDownRefresh',\r\n ({ successHandler, errorHandler }) => {\r\n try {\r\n this.triggerPullDownRefresh(false)\r\n successHandler({\r\n errMsg: 'stopPullDownRefresh: ok'\r\n })\r\n } catch (e) {\r\n errorHandler({\r\n errMsg: 'stopPullDownRefresh: fail'\r\n })\r\n }\r\n }\r\n ]\r\n ]\r\n this.listeners.forEach(([evtName, callback]) => {\r\n Taro.eventCenter.on(evtName, callback)\r\n })\r\n }\r\n\r\n componentWillUnmount () {\r\n this.destroy()\r\n this.listeners.forEach(([evtName, callback]) => {\r\n Taro.eventCenter.off(evtName, callback)\r\n })\r\n }\r\n\r\n componentDidUpdate (_, prevState: IState) {\r\n if (prevState.currSt !== this.state.currSt) {\r\n const pageEl: any = this.scrollContainer\r\n switch (this.state.currSt) {\r\n case PullDownState.release:\r\n pageEl?.__page?.onPullDownRefresh?.()\r\n break\r\n case PullDownState.deactivate:\r\n pageEl?.__page?.onPullIntercept?.()\r\n }\r\n }\r\n }\r\n\r\n triggerPullDownRefresh = (flag: boolean) => {\r\n // 在初始化时、用代码 自动 触发 pullDownRefresh\r\n // 添加this._isMounted的判断,否则组建一实例化,currSt就会是finish\r\n if (!this.state.dragOnEdge && this._isMounted) {\r\n if (flag) {\r\n this._lastScreenY = this.props.distanceToRefresh + 1\r\n // change dom need after setState\r\n this.setState({ currSt: PullDownState.release }, () => this.setContentStyle(this._lastScreenY))\r\n } else {\r\n this.setState({ currSt: PullDownState.finish }, () => this.reset())\r\n }\r\n }\r\n }\r\n\r\n init = () => {\r\n const ele = this.scrollContainer\r\n this._to = {\r\n touchstart: this.onTouchStart.bind(this, ele),\r\n touchmove: this.onTouchMove.bind(this, ele),\r\n touchend: this.onTouchEnd.bind(this, ele),\r\n touchcancel: this.onTouchEnd.bind(this, ele)\r\n }\r\n Object.keys(this._to).forEach(key => {\r\n ele.addEventListener(key, this._to[key], willPreventDefault)\r\n })\r\n }\r\n\r\n destroy = () => {\r\n if (!this._to) return\r\n\r\n const ele = this.scrollContainer\r\n Object.keys(this._to).forEach(key => {\r\n ele.removeEventListener(key, this._to[key])\r\n })\r\n }\r\n\r\n onTouchStart = (_, e: TouchEvent) => {\r\n this._ScreenY = this._startScreenY = e.touches[0].screenY\r\n // 一开始 refreshing 为 true 时 this._lastScreenY 有值\r\n this._lastScreenY = this._lastScreenY || 0\r\n }\r\n\r\n isEdge = (ele: HTMLElement) => {\r\n const container = this.scrollContainer\r\n if (container && container === document.body) {\r\n // In chrome61 `document.body.scrollTop` is invalid\r\n const scrollNode = document.scrollingElement ? document.scrollingElement : document.body\r\n return scrollNode.scrollTop <= 0\r\n }\r\n return ele.scrollTop <= 0\r\n }\r\n\r\n damping = (dy: number) => {\r\n if (Math.abs(this._lastScreenY) > this.props.damping) {\r\n return 0\r\n }\r\n\r\n const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height\r\n dy *= (1 - ratio) * 0.6\r\n\r\n return dy\r\n }\r\n\r\n onTouchMove = (ele: HTMLElement, e: TouchEvent) => {\r\n // 使用 pageY 对比有问题\r\n const _screenY = e.touches[0].screenY\r\n\r\n // 拖动方向不符合的不处理\r\n if (this._startScreenY > _screenY) {\r\n return\r\n }\r\n\r\n if (this.isEdge(ele)) {\r\n if (!this.state.dragOnEdge) {\r\n // 当用户开始往上滑的时候isEdge还是false的话,会导致this._ScreenY不是想要的,只有当isEdge为true时,再上滑,才有意义\r\n // 下面这行代码解决了上面这个问题\r\n this._ScreenY = this._startScreenY = e.touches[0].screenY\r\n this.setState({ dragOnEdge: true })\r\n }\r\n if (e.cancelable) {\r\n e.preventDefault()\r\n }\r\n // add stopPropagation with fastclick will trigger content onClick event. why?\r\n // ref https://github.com/ant-design/ant-design-mobile/issues/2141\r\n // e.stopPropagation();\r\n\r\n const _diff = Math.round(_screenY - this._ScreenY)\r\n this._ScreenY = _screenY\r\n this._lastScreenY += this.damping(_diff)\r\n\r\n this.setContentStyle(this._lastScreenY)\r\n\r\n if (Math.abs(this._lastScreenY) < this.props.distanceToRefresh) {\r\n if (this.state.currSt !== PullDownState.deactivate) {\r\n // console.log('back to the distance');\r\n this.setState({ currSt: PullDownState.deactivate })\r\n }\r\n } else {\r\n if (this.state.currSt === PullDownState.deactivate) {\r\n // console.log('reach to the distance');\r\n this.setState({ currSt: PullDownState.activate })\r\n }\r\n }\r\n\r\n // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829\r\n // iOS UIWebView issue, It seems no problem in WKWebView\r\n if (isWebView && e.changedTouches[0].clientY < 0) {\r\n this.onTouchEnd()\r\n }\r\n }\r\n }\r\n\r\n onTouchEnd = () => {\r\n if (this.state.dragOnEdge) {\r\n this.setState({ dragOnEdge: false })\r\n }\r\n if (this.state.currSt === PullDownState.activate) {\r\n this.setState({ currSt: PullDownState.release })\r\n this.props.onRefresh?.()\r\n this._lastScreenY = this.props.distanceToRefresh + 1\r\n this.setContentStyle(this._lastScreenY)\r\n } else if (this.state.currSt === 'release') {\r\n this._lastScreenY = this.props.distanceToRefresh + 1\r\n this.setContentStyle(this._lastScreenY)\r\n } else {\r\n this.reset()\r\n }\r\n }\r\n\r\n reset = () => {\r\n this._lastScreenY = 0\r\n this.setContentStyle(0)\r\n }\r\n\r\n setContentStyle = ty => {\r\n // TODO: Why sometimes do not have `this.contentRef` ?\r\n if (this.contentRef) {\r\n // translate3d 不清理 会影响内部元素定位\r\n if (ty) {\r\n setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`)\r\n } else {\r\n setTransform(this.contentRef.style, '')\r\n }\r\n }\r\n }\r\n\r\n render () {\r\n const props: Partial<IProps> & {\r\n children?: React.ReactNode\r\n } = { ...this.props }\r\n delete props.damping\r\n delete props.indicator\r\n delete props.distanceToRefresh\r\n delete props.onRefresh\r\n\r\n const { className, prefixCls, children, forwardedRef, ...restProps } = props\r\n\r\n const renderRefresh = (cls: string) => {\r\n const { currSt, dragOnEdge } = this.state\r\n const cla = classNames(cls, !dragOnEdge && `${prefixCls}-transition`)\r\n const showIndicator = currSt === 'activate' || currSt === 'release'\r\n return (\r\n <div className={`${prefixCls}-content-wrapper`}>\r\n <div\r\n className={cla}\r\n ref={el => {\r\n this.contentRef = el\r\n }}\r\n >\r\n {showIndicator && (\r\n <div className={`${prefixCls}-indicator`}>\r\n <div />\r\n <div />\r\n <div />\r\n </div>\r\n )}\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n }\r\n\r\n if (this.scrollContainer) {\r\n return renderRefresh(`${prefixCls}-content ${prefixCls}-down`)\r\n }\r\n return (\r\n <pull-down-refresh\r\n ref={el => {\r\n if (forwardedRef) {\r\n forwardedRef.current = el\r\n }\r\n this.containerRef = el\r\n }}\r\n className={classNames(className, prefixCls, `${prefixCls}-down`)}\r\n {...restProps}\r\n >\r\n {renderRefresh(`${prefixCls}-content`)}\r\n </pull-down-refresh>\r\n )\r\n }\r\n}\r\n\r\nexport default createForwardRefComponent(PullDownRefresh)\r\n"],"names":["setTransform","nodeStyle","value","transform","webkitTransform","MozTransform","isWebView","navigator","test","userAgent","PullDownState","INDICATOR","supportsPassive","opts","Object","defineProperty","get","window","addEventListener","e","willPreventDefault","passive","PullDownRefresh","React","Component","constructor","state","currSt","deactivate","dragOnEdge","_ScreenY","_startScreenY","_lastScreenY","_isMounted","listeners","triggerPullDownRefresh","flag","props","distanceToRefresh","setState","release","setContentStyle","finish","reset","init","ele","scrollContainer","_to","touchstart","onTouchStart","bind","touchmove","onTouchMove","touchend","onTouchEnd","touchcancel","keys","forEach","key","destroy","removeEventListener","_","touches","screenY","isEdge","container","document","body","scrollNode","scrollingElement","scrollTop","damping","dy","Math","abs","ratio","screen","height","_screenY","cancelable","preventDefault","_diff","round","activate","changedTouches","clientY","_b","onRefresh","ty","contentRef","style","_a","parentElement","closest","querySelector","componentDidMount","_ref","successHandler","errorHandler","errMsg","_ref2","_ref3","evtName","callback","Taro","eventCenter","on","componentWillUnmount","_ref4","off","componentDidUpdate","prevState","pageEl","__page","onPullDownRefresh","call","_d","_c","onPullIntercept","render","assign","indicator","className","prefixCls","children","forwardedRef","restProps","__rest","renderRefresh","cls","cla","classNames","showIndicator","_jsx","_jsxs","ref","el","current","containerRef","defaultProps","createForwardRefComponent"],"mappings":"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"}
@@ -0,0 +1,53 @@
1
+ .rmc-pull-to-refresh-content {
2
+ transform-origin: left top 0px;
3
+ }
4
+
5
+ .rmc-pull-to-refresh-content-wrapper {
6
+ min-height: 100%;
7
+ }
8
+
9
+ .rmc-pull-to-refresh-transition {
10
+ transition: transform 0.3s;
11
+ }
12
+
13
+ @keyframes rmc-pull-to-refresh-indicator {
14
+ 50% {
15
+ opacity: 0.2;
16
+ }
17
+ 100% {
18
+ opacity: 1;
19
+ }
20
+ }
21
+
22
+ .rmc-pull-to-refresh-indicator {
23
+ text-align: center;
24
+ height: 30px;
25
+ line-height: 10px;
26
+ }
27
+
28
+ .rmc-pull-to-refresh-indicator > div {
29
+ background-color: grey;
30
+ width: 6px;
31
+ height: 6px;
32
+ border-radius: 100%;
33
+ margin: 3px;
34
+ animation-fill-mode: both;
35
+ display: inline-block;
36
+ animation: rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;
37
+ }
38
+
39
+ .rmc-pull-to-refresh-indicator > div:nth-child(0) {
40
+ animation-delay: -0.1s !important;
41
+ }
42
+
43
+ .rmc-pull-to-refresh-indicator > div:nth-child(1) {
44
+ animation-delay: -0.2s !important;
45
+ }
46
+
47
+ .rmc-pull-to-refresh-indicator > div:nth-child(2) {
48
+ animation-delay: -0.3s !important;
49
+ }
50
+
51
+ .rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator {
52
+ margin-top: -25px;
53
+ }
@@ -0,0 +1,7 @@
1
+ import { View } from '@tarojs/components';
2
+
3
+ // TODO: Refresher 组件未实现,暂时使用 View 组件
4
+ const Refresher = View;
5
+
6
+ export { Refresher as default };
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/refresher/index.ts"],"sourcesContent":["import { View } from '@tarojs/components'\n\n// TODO: Refresher 组件未实现,暂时使用 View 组件\nconst Refresher = View\n\nexport default Refresher\n"],"names":["Refresher","View"],"mappings":";;AAEA;AACMA,MAAAA,SAAS,GAAGC;;;;"}
@@ -0,0 +1,189 @@
1
+ import './style/index.scss';
2
+ import { isFunction } from '@tarojs/shared';
3
+ import classNames from 'classnames';
4
+ import { throttle, createForwardRefComponent } from '../../utils/index.js';
5
+ import { useRef, useEffect } from '../../utils/hooks.react.js';
6
+ import { jsx } from 'react/jsx-runtime';
7
+
8
+ function easeOutScroll() {
9
+ let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
10
+ let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
11
+ let callback = arguments.length > 2 ? arguments[2] : undefined;
12
+ if (from === to || typeof from !== 'number') {
13
+ return;
14
+ }
15
+ const change = to - from;
16
+ const dur = 500;
17
+ const sTime = +new Date();
18
+ function linear(t, b, c, d) {
19
+ return c * t / d + b;
20
+ }
21
+ const isLarger = to >= from;
22
+ function step() {
23
+ from = linear(+new Date() - sTime, from, change, dur);
24
+ if (isLarger && from >= to || !isLarger && to >= from) {
25
+ callback(to);
26
+ return;
27
+ }
28
+ callback(from);
29
+ requestAnimationFrame(step);
30
+ }
31
+ step();
32
+ }
33
+ function scrollIntoView() {
34
+ let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
35
+ let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
36
+ let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
37
+ let scrollIntoViewAlignment = arguments.length > 3 ? arguments[3] : undefined;
38
+ var _a;
39
+ (_a = document.querySelector(`#${id}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
40
+ behavior: animated ? 'smooth' : 'auto',
41
+ block: !isHorizontal ? scrollIntoViewAlignment || 'center' : 'center',
42
+ inline: isHorizontal ? scrollIntoViewAlignment || 'start' : 'start'
43
+ });
44
+ }
45
+ function scrollVertical(container, scrollTop, top, isAnimation) {
46
+ if (isAnimation) {
47
+ easeOutScroll(scrollTop.current, top, pos => {
48
+ if (container.current) container.current.scrollTop = pos;
49
+ });
50
+ } else {
51
+ if (container.current) container.current.scrollTop = top;
52
+ }
53
+ scrollTop.current = top;
54
+ }
55
+ function scrollHorizontal(container, scrollLeft, left, isAnimation) {
56
+ if (isAnimation) {
57
+ easeOutScroll(scrollLeft.current, left, pos => {
58
+ if (container.current) container.current.scrollLeft = pos;
59
+ });
60
+ } else {
61
+ if (container.current) container.current.scrollLeft = left;
62
+ }
63
+ scrollLeft.current = left;
64
+ }
65
+ function ScrollView(props) {
66
+ const _scrollTop = useRef(null);
67
+ const _scrollLeft = useRef(null);
68
+ const container = useRef(null);
69
+ const onTouchMove = e => {
70
+ e.stopPropagation();
71
+ };
72
+ const handleScroll = function (props) {
73
+ let isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
74
+ // scrollIntoView
75
+ if (props.scrollIntoView && typeof props.scrollIntoView === 'string' && document && document.querySelector && document.querySelector(`#${props.scrollIntoView}`)) {
76
+ const isHorizontal = props.scrollX && !props.scrollY;
77
+ if (isInit) {
78
+ setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500);
79
+ } else {
80
+ scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment);
81
+ }
82
+ } else {
83
+ const isAnimation = !!props.scrollWithAnimation;
84
+ // Y 轴滚动
85
+ if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {
86
+ if (isInit) {
87
+ setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10);
88
+ } else {
89
+ scrollVertical(container, _scrollTop, props.scrollTop, isAnimation);
90
+ }
91
+ }
92
+ // X 轴滚动
93
+ if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {
94
+ if (isInit) {
95
+ setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10);
96
+ } else {
97
+ scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation);
98
+ }
99
+ }
100
+ }
101
+ };
102
+ useEffect(() => {
103
+ handleScroll(props, true);
104
+ }, []);
105
+ const {
106
+ className,
107
+ style = {},
108
+ onScroll,
109
+ onScrollToUpper,
110
+ onScrollToLower,
111
+ scrollX,
112
+ scrollY,
113
+ showScrollbar = true,
114
+ // 默认显示滚动条
115
+ enhanced = false // 默认不增强
116
+ } = props;
117
+ let {
118
+ upperThreshold = 50,
119
+ lowerThreshold = 50
120
+ } = props;
121
+ const cls = classNames('taro-scroll', {
122
+ 'taro-scroll-view__scroll-x': scrollX,
123
+ 'taro-scroll-view__scroll-y': scrollY,
124
+ 'taro-scroll--hidebar': enhanced === true && showScrollbar === false,
125
+ 'taro-scroll--enhanced': enhanced === true
126
+ }, className);
127
+ upperThreshold = Number(upperThreshold);
128
+ lowerThreshold = Number(lowerThreshold);
129
+ const upperAndLower = e => {
130
+ if (!container.current) return;
131
+ const {
132
+ offsetWidth,
133
+ offsetHeight,
134
+ scrollLeft,
135
+ scrollTop,
136
+ scrollHeight,
137
+ scrollWidth
138
+ } = container.current;
139
+ if (onScrollToLower && (props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight || props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth)) {
140
+ onScrollToLower(e);
141
+ }
142
+ if (onScrollToUpper && (props.scrollY && scrollTop <= upperThreshold || props.scrollX && scrollLeft <= upperThreshold)) {
143
+ onScrollToUpper(e);
144
+ }
145
+ };
146
+ const upperAndLowerThrottle = throttle(upperAndLower, 200);
147
+ const _onScroll = e => {
148
+ const {
149
+ scrollLeft,
150
+ scrollTop,
151
+ scrollHeight,
152
+ scrollWidth
153
+ } = container.current;
154
+ _scrollLeft.current = scrollLeft;
155
+ _scrollTop.current = scrollTop;
156
+ Object.defineProperty(e, 'detail', {
157
+ enumerable: true,
158
+ writable: true,
159
+ value: {
160
+ scrollLeft,
161
+ scrollTop,
162
+ scrollHeight,
163
+ scrollWidth
164
+ }
165
+ });
166
+ upperAndLowerThrottle(e);
167
+ onScroll && onScroll(e);
168
+ };
169
+ const _onTouchMove = e => {
170
+ isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e);
171
+ };
172
+ return /*#__PURE__*/jsx("div", {
173
+ ref: e => {
174
+ if (e) {
175
+ container.current = e;
176
+ if (props.forwardedRef) props.forwardedRef.current = e;
177
+ }
178
+ },
179
+ style: style,
180
+ className: cls,
181
+ onScroll: _onScroll,
182
+ onTouchMove: _onTouchMove,
183
+ children: props.children
184
+ });
185
+ }
186
+ var index = createForwardRefComponent(ScrollView);
187
+
188
+ export { index as default };
189
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/scroll-view/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport { isFunction } from '@tarojs/shared'\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, throttle } from '../../utils'\nimport { useEffect, useRef } from '../../utils/hooks'\n\nimport type React from 'react'\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 = '', isHorizontal = false, animated = true, scrollIntoViewAlignment?: ScrollLogicalPosition) {\n document.querySelector(`#${id}`)?.scrollIntoView({\n behavior: animated ? 'smooth' : 'auto',\n block: !isHorizontal ? (scrollIntoViewAlignment || 'center') : 'center',\n inline: isHorizontal ? (scrollIntoViewAlignment || 'start') : 'start'\n })\n}\n\nfunction scrollVertical (container, scrollTop, top, isAnimation) {\n if (isAnimation) {\n easeOutScroll(scrollTop.current, top, pos => {\n if (container.current) container.current.scrollTop = pos\n })\n } else {\n if (container.current) container.current.scrollTop = top\n }\n scrollTop.current = top\n}\n\nfunction scrollHorizontal (container, scrollLeft, left, isAnimation) {\n if (isAnimation) {\n easeOutScroll(scrollLeft.current, left, pos => {\n if (container.current) container.current.scrollLeft = pos\n })\n } else {\n if (container.current) container.current.scrollLeft = left\n }\n scrollLeft.current = 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 scrollIntoViewAlignment?: ScrollLogicalPosition\n scrollWithAnimation: boolean\n enableBackToTop?: boolean\n forwardedRef?: React.MutableRefObject<HTMLDivElement>\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 showScrollbar?: boolean // 新增参数,默认true\n enhanced?: boolean // 新增参数,默认false\n}\n\nfunction ScrollView (props: IProps) {\n const _scrollTop = useRef<any>(null)\n const _scrollLeft = useRef<any>(null)\n const container = useRef<any>(null)\n const onTouchMove = (e) => {\n e.stopPropagation()\n }\n\n const handleScroll = (props: IProps, 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 const isHorizontal = props.scrollX && !props.scrollY\n if (isInit) {\n setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500)\n } else {\n scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment)\n }\n } else {\n const isAnimation = !!props.scrollWithAnimation\n // Y 轴滚动\n if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {\n if (isInit) {\n setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10)\n } else {\n scrollVertical(container, _scrollTop, props.scrollTop, isAnimation)\n }\n }\n // X 轴滚动\n if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {\n if (isInit) {\n setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10)\n } else {\n scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation)\n }\n }\n }\n }\n\n useEffect(() => {\n handleScroll(props, true)\n }, [])\n\n const {\n className,\n style = {},\n onScroll,\n onScrollToUpper,\n onScrollToLower,\n scrollX,\n scrollY,\n showScrollbar = true, // 默认显示滚动条\n enhanced = false // 默认不增强\n } = props\n let { upperThreshold = 50, lowerThreshold = 50 } = props\n const cls = classNames(\n 'taro-scroll',\n {\n 'taro-scroll-view__scroll-x': scrollX,\n 'taro-scroll-view__scroll-y': scrollY,\n 'taro-scroll--hidebar': enhanced === true && showScrollbar === false,\n 'taro-scroll--enhanced': enhanced === true\n },\n className\n )\n upperThreshold = Number(upperThreshold)\n lowerThreshold = Number(lowerThreshold)\n const upperAndLower = e => {\n if (!container.current) return\n const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n if (\n onScrollToLower &&\n ((props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n (props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n ) {\n onScrollToLower(e)\n }\n if (\n onScrollToUpper &&\n ((props.scrollY && scrollTop <= upperThreshold) || (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 } = container.current\n _scrollLeft.current = scrollLeft\n _scrollTop.current = 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 isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e)\n }\n return (\n <div\n ref={e => {\n if (e) {\n container.current = e\n if (props.forwardedRef) props.forwardedRef.current = e\n }\n }}\n style={style}\n className={cls}\n onScroll={_onScroll}\n onTouchMove={_onTouchMove}\n >\n {props.children}\n </div>\n )\n}\n\nexport default createForwardRefComponent(ScrollView)\n"],"names":["easeOutScroll","from","arguments","length","undefined","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","isHorizontal","animated","scrollIntoViewAlignment","_a","document","querySelector","behavior","block","inline","scrollVertical","container","scrollTop","top","isAnimation","current","pos","scrollHorizontal","scrollLeft","left","ScrollView","props","_scrollTop","useRef","_scrollLeft","onTouchMove","e","stopPropagation","handleScroll","isInit","scrollX","scrollY","setTimeout","scrollWithAnimation","useEffect","className","style","onScroll","onScrollToUpper","onScrollToLower","showScrollbar","enhanced","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","isFunction","_jsx","ref","forwardedRef","children","createForwardRefComponent"],"mappings":"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"}