@tarojs/components-advanced 3.6.9 → 3.6.10-alpha.2

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 (78) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/components/index.js +1 -0
  3. package/dist/components/index.js.map +1 -1
  4. package/dist/components/virtual-list/index.d.ts +48 -27
  5. package/dist/components/virtual-list/index.js.map +1 -1
  6. package/dist/components/virtual-list/list-set.d.ts +4 -0
  7. package/dist/components/virtual-list/list-set.js +24 -59
  8. package/dist/components/virtual-list/list-set.js.map +1 -1
  9. package/dist/components/virtual-list/preset.d.ts +23 -8
  10. package/dist/components/virtual-list/preset.js +116 -60
  11. package/dist/components/virtual-list/preset.js.map +1 -1
  12. package/dist/components/virtual-list/react/index.d.ts +1 -1
  13. package/dist/components/virtual-list/react/index.js +8 -16
  14. package/dist/components/virtual-list/react/index.js.map +1 -1
  15. package/dist/components/virtual-list/react/list.d.ts +5 -4
  16. package/dist/components/virtual-list/react/list.js +138 -124
  17. package/dist/components/virtual-list/react/list.js.map +1 -1
  18. package/dist/components/virtual-list/react/validate.d.ts +1 -1
  19. package/dist/components/virtual-list/react/validate.js +8 -14
  20. package/dist/components/virtual-list/react/validate.js.map +1 -1
  21. package/dist/components/virtual-list/react/wrapper.d.ts +3 -0
  22. package/dist/components/virtual-list/react/wrapper.js +58 -0
  23. package/dist/components/virtual-list/react/wrapper.js.map +1 -0
  24. package/dist/components/virtual-list/utils.d.ts +1 -4
  25. package/dist/components/virtual-list/utils.js +1 -28
  26. package/dist/components/virtual-list/utils.js.map +1 -1
  27. package/dist/components/virtual-list/vue/list.d.ts +406 -50
  28. package/dist/components/virtual-list/vue/list.js +198 -169
  29. package/dist/components/virtual-list/vue/list.js.map +1 -1
  30. package/dist/components/virtual-waterfall/constants.d.ts +2 -0
  31. package/dist/components/virtual-waterfall/constants.js +4 -0
  32. package/dist/components/virtual-waterfall/constants.js.map +1 -0
  33. package/dist/components/virtual-waterfall/index.d.ts +251 -0
  34. package/dist/components/virtual-waterfall/index.js +6 -0
  35. package/dist/components/virtual-waterfall/index.js.map +1 -0
  36. package/dist/components/virtual-waterfall/list-map.d.ts +50 -0
  37. package/dist/components/virtual-waterfall/list-map.js +280 -0
  38. package/dist/components/virtual-waterfall/list-map.js.map +1 -0
  39. package/dist/components/virtual-waterfall/preset.d.ts +60 -0
  40. package/dist/components/virtual-waterfall/preset.js +170 -0
  41. package/dist/components/virtual-waterfall/preset.js.map +1 -0
  42. package/dist/components/virtual-waterfall/react/index.d.ts +4 -0
  43. package/dist/components/virtual-waterfall/react/index.js +26 -0
  44. package/dist/components/virtual-waterfall/react/index.js.map +1 -0
  45. package/dist/components/virtual-waterfall/react/waterfall.d.ts +42 -0
  46. package/dist/components/virtual-waterfall/react/waterfall.js +316 -0
  47. package/dist/components/virtual-waterfall/react/waterfall.js.map +1 -0
  48. package/dist/components/virtual-waterfall/react/wrapper.d.ts +3 -0
  49. package/dist/components/virtual-waterfall/react/wrapper.js +50 -0
  50. package/dist/components/virtual-waterfall/react/wrapper.js.map +1 -0
  51. package/dist/components/virtual-waterfall/vue/index.d.ts +17 -0
  52. package/dist/components/virtual-waterfall/vue/index.js +12 -0
  53. package/dist/components/virtual-waterfall/vue/index.js.map +1 -0
  54. package/dist/components/virtual-waterfall/vue/waterfall.d.ts +443 -0
  55. package/dist/components/virtual-waterfall/vue/waterfall.js +410 -0
  56. package/dist/components/virtual-waterfall/vue/waterfall.js.map +1 -0
  57. package/dist/index.js +4 -1
  58. package/dist/index.js.map +1 -1
  59. package/dist/utils/convert.d.ts +2 -2
  60. package/dist/utils/convert.js.map +1 -1
  61. package/dist/utils/dom.d.ts +7 -0
  62. package/dist/utils/dom.js +45 -0
  63. package/dist/utils/dom.js.map +1 -0
  64. package/dist/utils/helper.d.ts +10 -0
  65. package/dist/utils/helper.js +51 -0
  66. package/dist/utils/helper.js.map +1 -0
  67. package/dist/utils/index.d.ts +2 -0
  68. package/dist/utils/index.js +3 -1
  69. package/dist/utils/index.js.map +1 -1
  70. package/dist/utils/lodash.d.ts +3 -1
  71. package/dist/utils/lodash.js +30 -1
  72. package/dist/utils/lodash.js.map +1 -1
  73. package/dist/utils/vue-render.d.ts +4 -0
  74. package/dist/{components/virtual-list/vue/render.js → utils/vue-render.js} +2 -2
  75. package/dist/utils/vue-render.js.map +1 -0
  76. package/package.json +8 -6
  77. package/dist/components/virtual-list/vue/render.d.ts +0 -4
  78. package/dist/components/virtual-list/vue/render.js.map +0 -1
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ import ListMap from "../list-map.js";
3
+ import Preset from "../preset.js";
4
+ import { IProps } from "../preset.js";
5
+ interface IState {
6
+ instance: Waterfall;
7
+ isScrolling: boolean;
8
+ scrollDirection: 'forward' | 'backward';
9
+ scrollOffset: number;
10
+ scrollUpdateWasRequested: boolean;
11
+ refreshCount: number;
12
+ }
13
+ declare class Waterfall extends React.PureComponent<IProps, IState> {
14
+ static defaultProps: IProps;
15
+ itemMap: ListMap;
16
+ preset: Preset;
17
+ constructor(props: IProps);
18
+ refresh: () => void;
19
+ _outerRef: any;
20
+ _resetIsScrollingTimeoutId: any;
21
+ _callOnItemsRendered: import("memoize-one").MemoizedFn<(this: any, columnIndex: any, overscanStartIndex: any, overscanStopIndex: any) => any>;
22
+ _callOnScroll: import("memoize-one").MemoizedFn<(this: any, scrollDirection: any, scrollOffset: any, scrollUpdateWasRequested: any, detail: any) => void>;
23
+ _callPropsCallbacks(prevProps?: any, prevState?: any): void;
24
+ // Lazily create and cache item styles while scrolling,
25
+ // So that pure component sCU will prevent re-renders.
26
+ // We maintain this cache, and pass a style prop rather than index,
27
+ // So that List can clear cached styles and force item re-render if necessary.
28
+ _getRangeToRender(columnIndex?: number): number[];
29
+ _outerRefSetter: (ref: any) => void;
30
+ _resetIsScrollingDebounced: () => void;
31
+ _resetIsScrolling: () => void;
32
+ _onScroll: (event: any) => void;
33
+ scrollTo(scrollOffset?: number, enhanced?: true): Promise<any>;
34
+ scrollToItem(index: number, align?: string, enhanced?: true): void;
35
+ componentDidMount(): void;
36
+ componentDidUpdate(prevProps: IProps, prevState: IState): void;
37
+ componentWillUnmount(): void;
38
+ getRenderItemNode(itemIndex: number, type?: 'node' | 'placeholder'): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
39
+ getRenderColumnNode(columnIndex: number): React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
40
+ render(): React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
41
+ }
42
+ export { Waterfall as default };
@@ -0,0 +1,316 @@
1
+ import { __rest } from '../../../node_modules/.pnpm/registry.npmjs.org_tslib@2.5.0/node_modules/tslib/tslib.es6.js';
2
+ import classNames from 'classnames';
3
+ import memoizeOne from 'memoize-one';
4
+ import React from 'react';
5
+ import '../../../utils/index.js';
6
+ import { IS_SCROLLING_DEBOUNCE_INTERVAL } from '../constants.js';
7
+ import Preset from '../preset.js';
8
+ import { cancelTimeout, requestTimeout } from '../../../utils/timer.js';
9
+ import { getRectSizeSync, getScrollViewContextNode } from '../../../utils/dom.js';
10
+ import { defaultItemKey } from '../../../utils/helper.js';
11
+ import { convertNumber2PX } from '../../../utils/convert.js';
12
+ import { omit } from '../../../utils/lodash.js';
13
+
14
+ class Waterfall extends React.PureComponent {
15
+ constructor(props) {
16
+ super(props);
17
+ this.refresh = () => {
18
+ if (process.env.FRAMEWORK === 'preact') {
19
+ this.forceUpdate();
20
+ }
21
+ else {
22
+ this.setState(({ refreshCount }) => ({
23
+ refreshCount: ++refreshCount
24
+ }));
25
+ }
26
+ };
27
+ this._outerRef = undefined;
28
+ this._resetIsScrollingTimeoutId = null;
29
+ this._callOnItemsRendered = memoizeOne((columnIndex, overscanStartIndex, overscanStopIndex) => this.props.onItemsRendered({
30
+ columnIndex,
31
+ overscanStartIndex,
32
+ overscanStopIndex,
33
+ }));
34
+ this._callOnScroll = memoizeOne((scrollDirection, scrollOffset, scrollUpdateWasRequested, detail) => this.props.onScroll({
35
+ scrollDirection,
36
+ scrollOffset,
37
+ scrollUpdateWasRequested,
38
+ detail
39
+ }));
40
+ this._outerRefSetter = ref => {
41
+ const { outerRef } = this.props;
42
+ this._outerRef = ref;
43
+ if (typeof outerRef === 'function') {
44
+ outerRef(ref);
45
+ }
46
+ else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
47
+ // @ts-ignore
48
+ outerRef.current = ref;
49
+ }
50
+ };
51
+ this._resetIsScrollingDebounced = () => {
52
+ if (this._resetIsScrollingTimeoutId !== null) {
53
+ cancelTimeout(this._resetIsScrollingTimeoutId);
54
+ }
55
+ this._resetIsScrollingTimeoutId = requestTimeout(this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL);
56
+ };
57
+ this._resetIsScrolling = () => {
58
+ this._resetIsScrollingTimeoutId = null;
59
+ this.setState({
60
+ isScrolling: false
61
+ }, () => {
62
+ // Clear style cache after state update has been committed.
63
+ // This way we don't break pure sCU for items that don't use isScrolling param.
64
+ this.preset.resetCache();
65
+ });
66
+ };
67
+ this._onScroll = event => {
68
+ const { scrollHeight = this.itemMap.maxColumnSize, scrollWidth, scrollTop, scrollLeft } = event.currentTarget;
69
+ const clientHeight = this.itemMap.wrapperHeight;
70
+ const clientWidth = this.itemMap.wrapperWidth;
71
+ this.setState((prevState) => {
72
+ const diffOffset = this.preset.field.scrollTop - scrollTop;
73
+ if (prevState.scrollOffset === scrollTop || this.preset.isShaking(diffOffset)) {
74
+ // Scroll position may have been updated by cDM/cDU,
75
+ // In which case we don't need to trigger another render,
76
+ // And we don't want to update state.isScrolling.
77
+ return null;
78
+ }
79
+ // FIXME preact 中使用时,该组件会出现触底滚动事件重复触发导致的抖动问题,后续修复
80
+ // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
81
+ const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
82
+ this.preset.field = {
83
+ scrollHeight: this.itemMap.maxColumnSize,
84
+ scrollWidth,
85
+ scrollTop: scrollOffset,
86
+ scrollLeft,
87
+ clientHeight,
88
+ clientWidth,
89
+ diffOffset: this.preset.field.scrollTop - scrollOffset,
90
+ };
91
+ return {
92
+ isScrolling: true,
93
+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
94
+ scrollOffset,
95
+ scrollUpdateWasRequested: false
96
+ };
97
+ }, this._resetIsScrollingDebounced);
98
+ };
99
+ this.preset = new Preset(props, this.refresh);
100
+ const id = this.props.id || this.preset.id;
101
+ this.preset.updateWrapper(id);
102
+ this.itemMap = this.preset.itemMap;
103
+ this.state = {
104
+ instance: this,
105
+ isScrolling: false,
106
+ scrollDirection: 'forward',
107
+ scrollOffset: typeof this.props.initialScrollOffset === 'number'
108
+ ? this.props.initialScrollOffset
109
+ : 0,
110
+ scrollUpdateWasRequested: false,
111
+ refreshCount: 0,
112
+ };
113
+ }
114
+ _callPropsCallbacks(prevProps = {}, prevState = {}) {
115
+ if (typeof this.props.onItemsRendered === 'function') {
116
+ if (this.props.itemCount > 0) {
117
+ if (prevProps && prevProps.itemCount !== this.props.itemCount) {
118
+ for (let columnIndex = 0; columnIndex < this.itemMap.columns; columnIndex++) {
119
+ const [overscanStartIndex, overscanStopIndex] = this._getRangeToRender(columnIndex);
120
+ this._callOnItemsRendered(columnIndex, overscanStartIndex, overscanStopIndex);
121
+ }
122
+ }
123
+ }
124
+ }
125
+ if (typeof this.props.onScroll === 'function') {
126
+ if (!prevState ||
127
+ prevState.scrollDirection !== this.state.scrollDirection ||
128
+ prevState.scrollOffset !== this.state.scrollOffset ||
129
+ prevState.scrollUpdateWasRequested !== this.state.scrollUpdateWasRequested) {
130
+ this._callOnScroll(this.state.scrollDirection, this.state.scrollOffset, this.state.scrollUpdateWasRequested, this.preset.field);
131
+ }
132
+ }
133
+ if (this.itemMap.isUnlimitedMode) {
134
+ setTimeout(() => {
135
+ for (let column = 0; column < this.itemMap.columns; column++) {
136
+ const [startIndex, stopIndex] = this._getRangeToRender(column);
137
+ for (let row = startIndex; row <= stopIndex; row++) {
138
+ const itemIndex = this.itemMap.getItemIndexByPosition(column, row);
139
+ if (itemIndex >= 0 && itemIndex < this.props.itemCount) {
140
+ const times = this.itemMap.compareSizeByPosition(column, row) ? 3 : 0;
141
+ getRectSizeSync(`#${this.preset.id}-${itemIndex}`, 100, times).then(({ height }) => {
142
+ if (typeof height === 'number' && height > 0 && !this.itemMap.compareSizeByPosition(column, row, height)) {
143
+ this.itemMap.setSizeByPosition(column, row, height);
144
+ }
145
+ });
146
+ }
147
+ }
148
+ }
149
+ }, 0);
150
+ }
151
+ }
152
+ // Lazily create and cache item styles while scrolling,
153
+ // So that pure component sCU will prevent re-renders.
154
+ // We maintain this cache, and pass a style prop rather than index,
155
+ // So that List can clear cached styles and force item re-render if necessary.
156
+ _getRangeToRender(columnIndex = 0) {
157
+ return this.itemMap.getRangeToRender(this.state.scrollDirection, columnIndex, this.state.scrollOffset, this.state.isScrolling);
158
+ }
159
+ scrollTo(scrollOffset = 0, enhanced = this.preset.enhanced) {
160
+ scrollOffset = Math.max(0, scrollOffset);
161
+ if (this.state.scrollOffset === scrollOffset)
162
+ return;
163
+ if (enhanced) {
164
+ const option = {
165
+ animated: true,
166
+ duration: 300,
167
+ };
168
+ option.top = scrollOffset;
169
+ return getScrollViewContextNode(`#${this.preset.id}`).then((node) => node.scrollTo(option));
170
+ }
171
+ this.setState((prevState) => {
172
+ if (prevState.scrollOffset === scrollOffset) {
173
+ return null;
174
+ }
175
+ return {
176
+ scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
177
+ scrollOffset,
178
+ scrollUpdateWasRequested: true
179
+ };
180
+ }, this._resetIsScrollingDebounced);
181
+ }
182
+ scrollToItem(index, align = 'auto', enhanced = this.preset.enhanced) {
183
+ const { itemCount } = this.props;
184
+ const { scrollOffset } = this.state;
185
+ index = Math.max(0, Math.min(index, itemCount - 1));
186
+ this.scrollTo(this.itemMap.getOffsetForIndexAndAlignment(index, align, scrollOffset), enhanced);
187
+ }
188
+ componentDidMount() {
189
+ const { initialScrollOffset } = this.props;
190
+ if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
191
+ this._outerRef.scrollTop = initialScrollOffset;
192
+ }
193
+ this._callPropsCallbacks();
194
+ this.preset.boundaryDetection();
195
+ }
196
+ componentDidUpdate(prevProps, prevState) {
197
+ const { scrollOffset, scrollUpdateWasRequested } = this.state;
198
+ this.preset.update(this.props);
199
+ if (scrollUpdateWasRequested && this._outerRef != null) {
200
+ this._outerRef.scrollTop = scrollOffset;
201
+ }
202
+ this._callPropsCallbacks(prevProps, prevState);
203
+ }
204
+ componentWillUnmount() {
205
+ if (this._resetIsScrollingTimeoutId !== null) {
206
+ cancelTimeout(this._resetIsScrollingTimeoutId);
207
+ }
208
+ this.preset.dispose();
209
+ }
210
+ getRenderItemNode(itemIndex, type = 'node') {
211
+ const { item, itemData, itemKey = defaultItemKey, useIsScrolling } = this.props;
212
+ const { isScrolling } = this.state;
213
+ const key = itemKey(itemIndex, itemData);
214
+ const style = this.preset.getItemStyle(itemIndex);
215
+ if (type === 'placeholder') {
216
+ return React.createElement(this.preset.itemElement, {
217
+ key,
218
+ id: `${this.preset.id}-${itemIndex}-wrapper`,
219
+ style: this.preset.isBrick ? style : { display: 'none' }
220
+ });
221
+ }
222
+ return React.createElement(this.preset.itemElement, {
223
+ key,
224
+ id: `${this.preset.id}-${itemIndex}-wrapper`,
225
+ style
226
+ }, React.createElement(item, {
227
+ id: `${this.preset.id}-${itemIndex}`,
228
+ data: itemData,
229
+ index: itemIndex,
230
+ isScrolling: useIsScrolling ? isScrolling : undefined
231
+ }));
232
+ }
233
+ getRenderColumnNode(columnIndex) {
234
+ const columnProps = {
235
+ key: `${this.preset.id}-column-${columnIndex}`,
236
+ id: `${this.preset.id}-column-${columnIndex}`,
237
+ style: {
238
+ height: '100%',
239
+ position: 'relative',
240
+ width: convertNumber2PX(this.itemMap.columnWidth)
241
+ }
242
+ };
243
+ const [startIndex, stopIndex] = this._getRangeToRender(columnIndex);
244
+ const items = [];
245
+ if (this.preset.isRelative && !this.preset.isBrick) {
246
+ const pre = convertNumber2PX(this.itemMap.getOffsetSizeCache(columnIndex, startIndex));
247
+ items.push(React.createElement(this.preset.itemElement, {
248
+ key: `${this.preset.id}-${columnIndex}-pre`,
249
+ id: `${this.preset.id}-${columnIndex}-pre`,
250
+ style: {
251
+ height: pre,
252
+ width: '100%'
253
+ }
254
+ }));
255
+ }
256
+ const placeholderCount = this.preset.placeholderCount;
257
+ const restCount = this.itemMap.getColumnLength(columnIndex) - stopIndex;
258
+ const prevPlaceholder = startIndex < placeholderCount ? startIndex : placeholderCount;
259
+ const postPlaceholder = restCount < placeholderCount ? restCount : placeholderCount;
260
+ const visibleItem = (stopIndex + postPlaceholder) * this.itemMap.columns + columnIndex;
261
+ this.itemMap.updateItem(visibleItem);
262
+ for (let row = 0; row < stopIndex + postPlaceholder; row++) {
263
+ const itemIndex = this.itemMap.getItemIndexByPosition(columnIndex, row);
264
+ if (itemIndex >= 0 && itemIndex < this.props.itemCount) {
265
+ if (!this.preset.isBrick) {
266
+ if (row < startIndex - prevPlaceholder) {
267
+ row = startIndex - prevPlaceholder;
268
+ continue;
269
+ }
270
+ }
271
+ if (row < startIndex || row > stopIndex) {
272
+ items.push(this.getRenderItemNode(itemIndex, 'placeholder'));
273
+ }
274
+ else {
275
+ items.push(this.getRenderItemNode(itemIndex));
276
+ }
277
+ }
278
+ }
279
+ return React.createElement(this.preset.innerElement, columnProps, items);
280
+ }
281
+ render() {
282
+ const _a = omit(this.props, [
283
+ 'item', 'itemCount', 'itemData', 'itemKey', 'useIsScrolling',
284
+ 'innerElementType', 'innerTagName', 'itemElementType', 'itemTagName',
285
+ 'outerElementType', 'outerTagName', 'onScrollToLower', 'onScrollToUpper',
286
+ 'upperThreshold', 'lowerThreshold',
287
+ 'position',
288
+ ]), { className, style, height, width, enhanced, outerWrapper, renderTop, renderBottom } = _a, rest = __rest(_a, ["className", "style", "height", "width", "enhanced", "outerWrapper", "renderTop", "renderBottom"]);
289
+ const { isScrolling, scrollOffset, scrollUpdateWasRequested } = this.state;
290
+ const estimatedHeight = convertNumber2PX(this.itemMap.maxColumnSize);
291
+ const outerProps = Object.assign(Object.assign({}, rest), { id: this.preset.id, className: classNames(className, 'virtual-waterfall'), onScroll: this._onScroll, ref: this._outerRefSetter, style: Object.assign({ height: convertNumber2PX(height), width: convertNumber2PX(width), overflow: 'auto', WebkitOverflowScrolling: 'touch', willChange: 'transform' }, style), enhanced, outerElementType: this.preset.outerElement, innerElementType: this.preset.innerElement, renderTop,
292
+ renderBottom });
293
+ if (!this.preset.enhanced) {
294
+ outerProps.scrollTop = scrollUpdateWasRequested ? scrollOffset : this.preset.field.scrollTop;
295
+ }
296
+ const columnNodes = [];
297
+ for (let i = 0; i < this.itemMap.columns; i++) {
298
+ columnNodes.push(this.getRenderColumnNode(i));
299
+ }
300
+ return React.createElement(outerWrapper || this.preset.outerElement, outerProps, React.createElement(this.preset.innerElement, {
301
+ key: `${this.preset.id}-wrapper`,
302
+ id: `${this.preset.id}-wrapper`,
303
+ className: classNames(className, 'virtual-waterfall-wrapper'),
304
+ style: Object.assign({ display: 'flex', justifyContent: 'space-evenly', pointerEvents: isScrolling ? 'none' : 'auto', position: 'relative', height: estimatedHeight, width: '100%' }, style),
305
+ }, columnNodes));
306
+ }
307
+ }
308
+ Waterfall.defaultProps = {
309
+ itemData: undefined,
310
+ overscanDistance: 50,
311
+ useIsScrolling: false,
312
+ shouldResetStyleCacheOnItemSizeChange: true
313
+ };
314
+
315
+ export { Waterfall as default };
316
+ //# sourceMappingURL=waterfall.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"waterfall.js","sources":["../../../../src/components/virtual-waterfall/react/waterfall.ts"],"sourcesContent":["import classNames from 'classnames'\nimport memoizeOne from 'memoize-one'\nimport React from 'react'\n\nimport { cancelTimeout, convertNumber2PX, defaultItemKey, getRectSizeSync, getScrollViewContextNode, omit, requestTimeout } from '../../../utils'\nimport { IS_SCROLLING_DEBOUNCE_INTERVAL } from '../constants'\nimport ListMap from '../list-map'\nimport Preset, { type IProps } from '../preset'\n\ninterface IState {\n instance: Waterfall\n isScrolling: boolean\n scrollDirection: 'forward' | 'backward'\n scrollOffset: number\n scrollUpdateWasRequested: boolean\n refreshCount: number\n}\n\nexport default class Waterfall extends React.PureComponent<IProps, IState> {\n static defaultProps: IProps = {\n itemData: undefined,\n overscanDistance: 50,\n useIsScrolling: false,\n shouldResetStyleCacheOnItemSizeChange: true\n }\n\n itemMap: ListMap\n preset: Preset\n\n constructor (props: IProps) {\n super(props)\n\n this.preset = new Preset(\n props,\n this.refresh,\n )\n const id = this.props.id || this.preset.id\n this.preset.updateWrapper(id)\n this.itemMap = this.preset.itemMap\n\n this.state = {\n instance: this,\n isScrolling: false,\n scrollDirection: 'forward',\n scrollOffset:\n typeof this.props.initialScrollOffset === 'number'\n ? this.props.initialScrollOffset\n : 0,\n scrollUpdateWasRequested: false,\n refreshCount: 0,\n }\n }\n\n refresh = () => {\n if (process.env.FRAMEWORK === 'preact') {\n this.forceUpdate()\n } else {\n this.setState(({ refreshCount }) => ({\n refreshCount: ++refreshCount\n }))\n }\n }\n\n _outerRef = undefined\n\n _resetIsScrollingTimeoutId = null\n\n _callOnItemsRendered = memoizeOne((columnIndex, overscanStartIndex, overscanStopIndex) => this.props.onItemsRendered({\n columnIndex,\n overscanStartIndex,\n overscanStopIndex,\n }))\n\n _callOnScroll = memoizeOne((scrollDirection, scrollOffset, scrollUpdateWasRequested, detail) => this.props.onScroll({\n scrollDirection,\n scrollOffset,\n scrollUpdateWasRequested,\n detail\n } as any))\n\n _callPropsCallbacks (prevProps: any = {}, prevState: any = {}) {\n if (typeof this.props.onItemsRendered === 'function') {\n if (this.props.itemCount > 0) {\n if (prevProps && prevProps.itemCount !== this.props.itemCount) {\n for (let columnIndex = 0; columnIndex < this.itemMap.columns; columnIndex++) {\n const [overscanStartIndex, overscanStopIndex] = this._getRangeToRender(columnIndex)\n this._callOnItemsRendered(columnIndex, overscanStartIndex, overscanStopIndex)\n }\n }\n }\n }\n\n if (typeof this.props.onScroll === 'function') {\n if (!prevState ||\n prevState.scrollDirection !== this.state.scrollDirection ||\n prevState.scrollOffset !== this.state.scrollOffset ||\n prevState.scrollUpdateWasRequested !== this.state.scrollUpdateWasRequested\n ) {\n this._callOnScroll(\n this.state.scrollDirection,\n this.state.scrollOffset,\n this.state.scrollUpdateWasRequested,\n this.preset.field\n )\n }\n }\n\n if (this.itemMap.isUnlimitedMode) {\n setTimeout(() => {\n for (let column = 0; column < this.itemMap.columns; column++) {\n const [startIndex, stopIndex] = this._getRangeToRender(column)\n for (let row = startIndex; row <= stopIndex; row++) {\n const itemIndex = this.itemMap.getItemIndexByPosition(column, row)\n if (itemIndex >= 0 && itemIndex < this.props.itemCount) {\n const times = this.itemMap.compareSizeByPosition(column, row) ? 3 : 0\n getRectSizeSync(`#${this.preset.id}-${itemIndex}`, 100, times).then(({ height }) => {\n if (typeof height === 'number' && height > 0 && !this.itemMap.compareSizeByPosition(column, row, height)) {\n this.itemMap.setSizeByPosition(column, row, height)\n }\n })\n }\n }\n }\n }, 0)\n }\n }\n\n // Lazily create and cache item styles while scrolling,\n // So that pure component sCU will prevent re-renders.\n // We maintain this cache, and pass a style prop rather than index,\n // So that List can clear cached styles and force item re-render if necessary.\n _getRangeToRender (columnIndex = 0) {\n return this.itemMap.getRangeToRender(\n this.state.scrollDirection,\n columnIndex,\n this.state.scrollOffset,\n this.state.isScrolling,\n )\n }\n\n _outerRefSetter = ref => {\n const { outerRef } = this.props\n this._outerRef = ref\n\n if (typeof outerRef === 'function') {\n outerRef(ref)\n } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {\n // @ts-ignore\n outerRef.current = ref\n }\n }\n\n _resetIsScrollingDebounced = () => {\n if (this._resetIsScrollingTimeoutId !== null) {\n cancelTimeout(this._resetIsScrollingTimeoutId)\n }\n\n this._resetIsScrollingTimeoutId = requestTimeout(this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL)\n }\n\n _resetIsScrolling = () => {\n this._resetIsScrollingTimeoutId = null\n this.setState({\n isScrolling: false\n }, () => {\n // Clear style cache after state update has been committed.\n // This way we don't break pure sCU for items that don't use isScrolling param.\n this.preset.resetCache()\n })\n }\n\n _onScroll = event => {\n const {\n scrollHeight = this.itemMap.maxColumnSize,\n scrollWidth,\n scrollTop,\n scrollLeft\n } = event.currentTarget\n const clientHeight = this.itemMap.wrapperHeight\n const clientWidth = this.itemMap.wrapperWidth\n this.setState((prevState: IState) => {\n const diffOffset = this.preset.field.scrollTop - scrollTop\n if (prevState.scrollOffset === scrollTop || this.preset.isShaking(diffOffset)) {\n // Scroll position may have been updated by cDM/cDU,\n // In which case we don't need to trigger another render,\n // And we don't want to update state.isScrolling.\n return null\n }\n // FIXME preact 中使用时,该组件会出现触底滚动事件重复触发导致的抖动问题,后续修复\n // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight))\n this.preset.field = {\n scrollHeight: this.itemMap.maxColumnSize,\n scrollWidth,\n scrollTop: scrollOffset,\n scrollLeft,\n clientHeight,\n clientWidth,\n diffOffset: this.preset.field.scrollTop - scrollOffset,\n }\n return {\n isScrolling: true,\n scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n scrollOffset,\n scrollUpdateWasRequested: false\n }\n }, this._resetIsScrollingDebounced)\n }\n\n public scrollTo (scrollOffset = 0, enhanced = this.preset.enhanced) {\n scrollOffset = Math.max(0, scrollOffset)\n if (this.state.scrollOffset === scrollOffset) return\n\n if (enhanced) {\n const option: any = {\n animated: true,\n duration: 300,\n }\n option.top = scrollOffset\n return getScrollViewContextNode(`#${this.preset.id}`).then((node: any) => node.scrollTo(option))\n }\n\n this.setState((prevState: IState) => {\n if (prevState.scrollOffset === scrollOffset) {\n return null\n }\n\n return {\n scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',\n scrollOffset,\n scrollUpdateWasRequested: true\n }\n }, this._resetIsScrollingDebounced)\n }\n\n public scrollToItem (index: number, align = 'auto', enhanced = this.preset.enhanced) {\n const { itemCount } = this.props\n const { scrollOffset } = this.state\n index = Math.max(0, Math.min(index, itemCount - 1))\n this.scrollTo(this.itemMap.getOffsetForIndexAndAlignment(index, align, scrollOffset), enhanced)\n }\n\n componentDidMount () {\n const { initialScrollOffset } = this.props\n\n if (typeof initialScrollOffset === 'number' && this._outerRef != null) {\n this._outerRef.scrollTop = initialScrollOffset\n }\n\n this._callPropsCallbacks()\n this.preset.boundaryDetection()\n }\n\n componentDidUpdate (prevProps: IProps, prevState: IState) {\n const { scrollOffset, scrollUpdateWasRequested } = this.state\n\n this.preset.update(this.props)\n\n if (scrollUpdateWasRequested && this._outerRef != null) {\n this._outerRef.scrollTop = scrollOffset\n }\n\n this._callPropsCallbacks(prevProps, prevState)\n }\n\n componentWillUnmount () {\n if (this._resetIsScrollingTimeoutId !== null) {\n cancelTimeout(this._resetIsScrollingTimeoutId)\n }\n this.preset.dispose()\n }\n\n getRenderItemNode (itemIndex: number, type: 'node' | 'placeholder' = 'node') {\n const { item, itemData, itemKey = defaultItemKey, useIsScrolling } = this.props\n const { isScrolling } = this.state\n const key = itemKey(itemIndex, itemData)\n\n const style = this.preset.getItemStyle(itemIndex)\n if (type === 'placeholder') {\n return React.createElement<any>(this.preset.itemElement, {\n key,\n id: `${this.preset.id}-${itemIndex}-wrapper`,\n style: this.preset.isBrick ? style : { display: 'none' }\n })\n }\n\n return React.createElement<any>(this.preset.itemElement, {\n key,\n id: `${this.preset.id}-${itemIndex}-wrapper`,\n style\n }, React.createElement(item, {\n id: `${this.preset.id}-${itemIndex}`,\n data: itemData,\n index: itemIndex,\n isScrolling: useIsScrolling ? isScrolling : undefined\n }))\n }\n\n getRenderColumnNode (columnIndex: number) {\n const columnProps: any = {\n key: `${this.preset.id}-column-${columnIndex}`,\n id: `${this.preset.id}-column-${columnIndex}`,\n style: {\n height: '100%',\n position: 'relative',\n width: convertNumber2PX(this.itemMap.columnWidth)\n }\n }\n\n const [startIndex, stopIndex] = this._getRangeToRender(columnIndex)\n const items = []\n if (this.preset.isRelative && !this.preset.isBrick) {\n const pre = convertNumber2PX(this.itemMap.getOffsetSizeCache(columnIndex, startIndex))\n items.push(\n React.createElement<any>(this.preset.itemElement, {\n key: `${this.preset.id}-${columnIndex}-pre`,\n id: `${this.preset.id}-${columnIndex}-pre`,\n style: {\n height: pre,\n width: '100%'\n }\n })\n )\n }\n const placeholderCount = this.preset.placeholderCount\n const restCount = this.itemMap.getColumnLength(columnIndex) - stopIndex\n const prevPlaceholder = startIndex < placeholderCount ? startIndex : placeholderCount\n const postPlaceholder = restCount < placeholderCount ? restCount : placeholderCount\n const visibleItem = (stopIndex + postPlaceholder) * this.itemMap.columns + columnIndex\n this.itemMap.updateItem(visibleItem)\n for (let row = 0; row < stopIndex + postPlaceholder; row++) {\n const itemIndex = this.itemMap.getItemIndexByPosition(columnIndex, row)\n if (itemIndex >= 0 && itemIndex < this.props.itemCount) {\n if (!this.preset.isBrick) {\n if (row < startIndex - prevPlaceholder) {\n row = startIndex - prevPlaceholder\n continue\n }\n }\n\n if (row < startIndex || row > stopIndex) {\n items.push(this.getRenderItemNode(itemIndex, 'placeholder'))\n } else {\n items.push(this.getRenderItemNode(itemIndex))\n }\n }\n }\n return React.createElement(this.preset.innerElement, columnProps, items)\n }\n\n render () {\n const {\n className,\n style,\n height,\n width,\n enhanced,\n outerWrapper,\n renderTop,\n renderBottom,\n ...rest\n } = omit(this.props, [\n 'item', 'itemCount', 'itemData', 'itemKey', 'useIsScrolling',\n 'innerElementType', 'innerTagName', 'itemElementType', 'itemTagName',\n 'outerElementType', 'outerTagName', 'onScrollToLower', 'onScrollToUpper',\n 'upperThreshold', 'lowerThreshold',\n 'position',\n ])\n const {\n isScrolling,\n scrollOffset,\n scrollUpdateWasRequested\n } = this.state\n\n const estimatedHeight = convertNumber2PX(this.itemMap.maxColumnSize)\n const outerProps: any = {\n ...rest,\n id: this.preset.id,\n className: classNames(className, 'virtual-waterfall'),\n onScroll: this._onScroll,\n ref: this._outerRefSetter,\n style: {\n height: convertNumber2PX(height),\n width: convertNumber2PX(width),\n overflow: 'auto',\n WebkitOverflowScrolling: 'touch',\n willChange: 'transform',\n ...style\n },\n enhanced,\n outerElementType: this.preset.outerElement,\n innerElementType: this.preset.innerElement,\n renderTop,\n renderBottom,\n }\n\n if (!this.preset.enhanced) {\n outerProps.scrollTop = scrollUpdateWasRequested ? scrollOffset : this.preset.field.scrollTop\n }\n\n const columnNodes: React.ReactNode[] = []\n for (let i = 0; i < this.itemMap.columns; i++) {\n columnNodes.push(this.getRenderColumnNode(i))\n }\n\n return React.createElement(\n outerWrapper || this.preset.outerElement,\n outerProps,\n React.createElement(this.preset.innerElement, {\n key: `${this.preset.id}-wrapper`,\n id: `${this.preset.id}-wrapper`,\n className: classNames(className, 'virtual-waterfall-wrapper'),\n style: {\n display: 'flex',\n justifyContent: 'space-evenly',\n pointerEvents: isScrolling ? 'none' : 'auto',\n position: 'relative',\n height: estimatedHeight,\n width: '100%',\n ...style\n },\n } as any, columnNodes),\n )\n }\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const outerWrapper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
3
+ export { outerWrapper as default };
@@ -0,0 +1,50 @@
1
+ import { __rest } from '../../../node_modules/.pnpm/registry.npmjs.org_tslib@2.5.0/node_modules/tslib/tslib.es6.js';
2
+ import React from 'react';
3
+ import '../../../utils/index.js';
4
+ import { convertPX2Int } from '../../../utils/convert.js';
5
+
6
+ function getRenderExpandNodes({ direction, id: sid, innerElement, renderExpand, }) {
7
+ const id = `${sid}-${direction}`;
8
+ const props = {
9
+ id
10
+ };
11
+ if (!renderExpand) {
12
+ props.style = {
13
+ visibility: 'hidden',
14
+ height: 100,
15
+ marginTop: -100,
16
+ zIndex: -1,
17
+ };
18
+ }
19
+ return React.createElement(renderExpand || innerElement, props);
20
+ }
21
+ const outerWrapper = React.forwardRef(function OuterWrapper(props, ref) {
22
+ const _a = props, { id, className, style, children, outerElementType, innerElementType, onScroll, onScrollNative, renderTop, renderBottom } = _a, rest = __rest(_a, ["id", "className", "style", "children", "outerElementType", "innerElementType", "onScroll", "onScrollNative", "renderTop", "renderBottom"]);
23
+ const handleScroll = (event) => {
24
+ onScroll === null || onScroll === void 0 ? void 0 : onScroll(Object.assign(Object.assign({}, event), { currentTarget: Object.assign(Object.assign({}, event.detail), { clientWidth: convertPX2Int(style.width), clientHeight: convertPX2Int(style.height) }) }));
25
+ if (typeof onScrollNative === 'function') {
26
+ onScrollNative(event);
27
+ }
28
+ };
29
+ return React.createElement(outerElementType, Object.assign({ ref,
30
+ id,
31
+ className,
32
+ style, scrollY: true, onScroll: handleScroll }, rest), [
33
+ getRenderExpandNodes({
34
+ direction: 'top',
35
+ id,
36
+ innerElement: innerElementType,
37
+ renderExpand: renderTop,
38
+ }),
39
+ children,
40
+ getRenderExpandNodes({
41
+ direction: 'bottom',
42
+ id,
43
+ innerElement: innerElementType,
44
+ renderExpand: renderBottom,
45
+ }),
46
+ ]);
47
+ });
48
+
49
+ export { outerWrapper as default };
50
+ //# sourceMappingURL=wrapper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wrapper.js","sources":["../../../../src/components/virtual-waterfall/react/wrapper.ts"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport { convertPX2Int } from '../../../utils'\n\nimport type { BaseEventOrig } from '@tarojs/components'\nimport type { VirtualWaterfallProps } from '..'\nimport type { IProps } from '../preset'\n\nfunction getRenderExpandNodes ({\n direction,\n id: sid,\n innerElement,\n renderExpand,\n}: {\n direction: 'top' | 'bottom'\n id: string\n innerElement: VirtualWaterfallProps['innerElementType']\n renderExpand?: VirtualWaterfallProps['renderTop'] | VirtualWaterfallProps['renderBottom']\n}) {\n const id = `${sid}-${direction}`\n const props: any = {\n id\n }\n if (!renderExpand) {\n props.style = {\n visibility: 'hidden',\n height: 100,\n marginTop: -100,\n zIndex: -1,\n }\n }\n return React.createElement(\n renderExpand || innerElement,\n props,\n )\n}\n\nconst outerWrapper = React.forwardRef(\n function OuterWrapper (props, ref) {\n const {\n id, className, style, children,\n outerElementType, innerElementType,\n onScroll, onScrollNative,\n renderTop, renderBottom,\n ...rest\n } = props as PropsWithChildren<IProps>\n const handleScroll = (event: BaseEventOrig<VirtualWaterfallProps.IVirtualWaterfallEventDetail>) => {\n onScroll?.({\n ...event as any,\n currentTarget: {\n ...event.detail,\n clientWidth: convertPX2Int(style.width),\n clientHeight: convertPX2Int(style.height)\n } as any\n })\n\n if (typeof onScrollNative === 'function') {\n onScrollNative(event)\n }\n }\n\n return React.createElement<any>(outerElementType, {\n ref,\n id,\n className,\n style,\n scrollY: true,\n onScroll: handleScroll,\n ...rest\n }, [\n getRenderExpandNodes({\n direction: 'top',\n id,\n innerElement: innerElementType,\n renderExpand: renderTop,\n }),\n children,\n getRenderExpandNodes({\n direction: 'bottom',\n id,\n innerElement: innerElementType,\n renderExpand: renderBottom,\n }),\n ])\n }\n)\n\nexport default outerWrapper\n"],"names":[],"mappings":";;;;;AAQA,SAAS,oBAAoB,CAAE,EAC7B,SAAS,EACT,EAAE,EAAE,GAAG,EACP,YAAY,EACZ,YAAY,GAMb,EAAA;AACC,IAAA,MAAM,EAAE,GAAG,CAAA,EAAG,GAAG,CAAI,CAAA,EAAA,SAAS,EAAE,CAAA;AAChC,IAAA,MAAM,KAAK,GAAQ;QACjB,EAAE;KACH,CAAA;IACD,IAAI,CAAC,YAAY,EAAE;QACjB,KAAK,CAAC,KAAK,GAAG;AACZ,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,MAAM,EAAE,GAAG;YACX,SAAS,EAAE,CAAC,GAAG;YACf,MAAM,EAAE,CAAC,CAAC;SACX,CAAA;AACF,KAAA;IACD,OAAO,KAAK,CAAC,aAAa,CACxB,YAAY,IAAI,YAAY,EAC5B,KAAK,CACN,CAAA;AACH,CAAC;AAEK,MAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,YAAY,CAAE,KAAK,EAAE,GAAG,EAAA;AAC/B,IAAA,MAAM,EAMF,GAAA,KAAkC,EANhC,EACJ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,YAAY,EAAA,GAAA,EAEa,EADjC,IAAI,GALH,MAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,CAML,CAAqC,CAAA;AACtC,IAAA,MAAM,YAAY,GAAG,CAAC,KAAwE,KAAI;AAChG,QAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,iCACH,KAAY,CAAA,EAAA,EACf,aAAa,EAAE,MACV,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAAC,MAAM,KACf,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EACvC,YAAY,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAA,CACnC,IACR,CAAA;AAEF,QAAA,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACxC,cAAc,CAAC,KAAK,CAAC,CAAA;AACtB,SAAA;AACH,KAAC,CAAA;AAED,IAAA,OAAO,KAAK,CAAC,aAAa,CAAM,gBAAgB,kBAC9C,GAAG;QACH,EAAE;QACF,SAAS;QACT,KAAK,EACL,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,YAAY,EACnB,EAAA,IAAI,CACN,EAAA;AACD,QAAA,oBAAoB,CAAC;AACnB,YAAA,SAAS,EAAE,KAAK;YAChB,EAAE;AACF,YAAA,YAAY,EAAE,gBAAgB;AAC9B,YAAA,YAAY,EAAE,SAAS;SACxB,CAAC;QACF,QAAQ;AACR,QAAA,oBAAoB,CAAC;AACnB,YAAA,SAAS,EAAE,QAAQ;YACnB,EAAE;AACF,YAAA,YAAY,EAAE,gBAAgB;AAC9B,YAAA,YAAY,EAAE,YAAY;SAC3B,CAAC;AACH,KAAA,CAAC,CAAA;AACJ,CAAC;;;;"}
@@ -0,0 +1,17 @@
1
+ import { ElementAttrs, TransformReact2VueType, VueComponentType } from '@tarojs/components/types/index.vue3';
2
+ import { App } from 'vue';
3
+ import { VirtualWaterfallProps } from "../index.js";
4
+ type VueVirtualWaterfallProps = Omit<VirtualWaterfallProps, 'renderTop' | 'renderBottom'>;
5
+ declare global {
6
+ namespace JSX {
7
+ interface IntrinsicElements {
8
+ 'virtual-waterfall': ElementAttrs<TransformReact2VueType<VueVirtualWaterfallProps>>;
9
+ }
10
+ }
11
+ }
12
+ declare const VirtualWaterfall: VueComponentType<VueVirtualWaterfallProps>;
13
+ declare function install(Vue: App): void;
14
+ declare const _default: {
15
+ install: typeof install;
16
+ };
17
+ export { _default as default, VueVirtualWaterfallProps, VirtualWaterfall };
@@ -0,0 +1,12 @@
1
+ import Waterfall from './waterfall.js';
2
+
3
+ const VirtualWaterfall = Waterfall;
4
+ function install(Vue) {
5
+ Vue.component('virtual-waterfall', Waterfall);
6
+ }
7
+ var index = {
8
+ install
9
+ };
10
+
11
+ export { VirtualWaterfall, index as default };
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/virtual-waterfall/vue/index.ts"],"sourcesContent":["import Waterfall from './waterfall'\n\nimport type { ElementAttrs, TransformReact2VueType, VueComponentType } from '@tarojs/components/types/index.vue3'\nimport type { App } from 'vue'\nimport type { VirtualWaterfallProps } from '../'\n\nexport type VueVirtualWaterfallProps = Omit<VirtualWaterfallProps, 'renderTop' | 'renderBottom'>\n\ndeclare global {\n namespace JSX {\n interface IntrinsicElements {\n 'virtual-waterfall': ElementAttrs<TransformReact2VueType<VueVirtualWaterfallProps>>\n }\n }\n}\n\nexport const VirtualWaterfall = Waterfall as unknown as VueComponentType<VueVirtualWaterfallProps>\n\nfunction install (Vue: App) {\n Vue.component('virtual-waterfall', Waterfall)\n}\n\nexport default {\n install\n}\n"],"names":[],"mappings":";;AAgBO,MAAM,gBAAgB,GAAG,UAAkE;AAElG,SAAS,OAAO,CAAE,GAAQ,EAAA;AACxB,IAAA,GAAG,CAAC,SAAS,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAA;AAC/C,CAAC;AAED,YAAe;IACb,OAAO;CACR;;;;"}