87 | {this._renderContent()}
88 |
89 | );
90 | }
91 | }
92 |
93 | export default List;
94 |
--------------------------------------------------------------------------------
/src/components/Updater.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import recomputed from 'recomputed';
4 | import throttle from 'lodash.throttle';
5 | import List from './List';
6 | import createScheduler from '../utlis/createScheduler';
7 | import findIndex from '../utlis/findIndex';
8 | import findNewSlice from '../utlis/findNewSlice';
9 | import Position from '../modules/Position';
10 | import Rectangle from '../modules/Rectangle';
11 | import Viewport from '../modules/Viewport';
12 | import requestAnimationFrame from '../modules/requestAnimationFrame';
13 |
14 | function findAnchor(prevPos, nextPos) {
15 | const viewportRect = prevPos.getViewportRect();
16 |
17 | const findBest = (list, comparator) => {
18 | if (list.length <= 0) {
19 | return null;
20 | }
21 |
22 | return list.reduce((best, item) => {
23 | return comparator(item, best) > 0 ? item : best;
24 | });
25 | };
26 |
27 | const inViewport = rect => rect && rect.doesIntersectWith(viewportRect);
28 |
29 | const distanceToViewportTop = rect =>
30 | rect ? Math.abs(viewportRect.getTop() - rect.getTop()) : 1 / 0;
31 |
32 | const boolCompartor = (getValue, a, b) => {
33 | const aResult = getValue(a);
34 | const bResult = getValue(b);
35 | if (aResult && !bResult) {
36 | return 1;
37 | } else if (!aResult && bResult) {
38 | return -1;
39 | } else {
40 | return 0;
41 | }
42 | };
43 |
44 | const numberCompartor = (getValue, a, b) => {
45 | const aResult = getValue(a);
46 | const bResult = getValue(b);
47 | return bResult - aResult;
48 | };
49 |
50 | const bothRendered = nextPos.getList().filter(item => {
51 | const id = item.id;
52 | return prevPos.isRendered(id) && nextPos.isRendered(id);
53 | });
54 |
55 | if (bothRendered.length <= 0) {
56 | return null;
57 | }
58 |
59 | const theBest = findBest(bothRendered, (current, best) => {
60 | const item = prevPos.getItemRect(current.id);
61 | const bestItem = prevPos.getItemRect(best.id);
62 | return (
63 | boolCompartor(inViewport, item, bestItem) ||
64 | numberCompartor(distanceToViewportTop, item, bestItem)
65 | );
66 | });
67 |
68 | return theBest;
69 | }
70 |
71 | function offsetCorrection(prevPos, nextPos) {
72 | const anchor = findAnchor(prevPos, nextPos);
73 | if (!anchor) {
74 | return 0;
75 | }
76 |
77 | const anchorId = anchor.id;
78 | const offsetToViewport =
79 | prevPos.getItemRect(anchorId).getTop() - prevPos.getViewportRect().getTop();
80 | return (
81 | nextPos.getItemRect(anchorId).getTop() - nextPos.getViewportRect().getTop() - offsetToViewport
82 | );
83 | }
84 |
85 | function collectRect(list, heights, defaultHeight) {
86 | const rects = {};
87 | let top = 0;
88 | list.forEach(item => {
89 | const id = item.id;
90 | const height = heights[id] !== undefined ? heights[id] : defaultHeight;
91 | rects[id] = new Rectangle({
92 | top,
93 | height,
94 | });
95 |
96 | // eslint-disable-next-line no-param-reassign
97 | top += height;
98 | });
99 |
100 | return rects;
101 | }
102 |
103 | class Updater extends React.PureComponent {
104 | static propTypes = {
105 | list: PropTypes.arrayOf(PropTypes.any).isRequired,
106 | renderItem: PropTypes.func.isRequired,
107 | viewport: PropTypes.instanceOf(Viewport).isRequired,
108 | onPositioningUpdate: PropTypes.func,
109 | assumedItemHeight: PropTypes.number,
110 | offscreenToViewportRatio: PropTypes.number,
111 | };
112 |
113 | static defaultProps = {
114 | offscreenToViewportRatio: 1.8,
115 | assumedItemHeight: 400,
116 | };
117 |
118 | constructor(props) {
119 | super(props);
120 |
121 | this._heights = {};
122 |
123 | /* eslint-disable no-shadow */
124 | this._getRectangles = recomputed(
125 | this,
126 | props => props.list,
127 | (_, __, obj) => obj._heights,
128 | props => props.assumedItemHeight,
129 | collectRect
130 | );
131 |
132 | this._getSlice = recomputed(
133 | this,
134 | props => props.list,
135 | (_, state) => state.sliceStart,
136 | (_, state) => state.sliceEnd,
137 | (list, sliceStart, sliceEnd) => list.slice(sliceStart, sliceEnd)
138 | );
139 | /* eslint-enable no-shadow */
140 |
141 | // $todo add initItemIndex props
142 | this.state = this._getDefaultSlice(props.list);
143 |
144 | this._handleRefUpdate = this._handleRefUpdate.bind(this);
145 | this._update = this._update.bind(this);
146 | this._notifyPositioning = this._notifyPositioning.bind(this);
147 |
148 | this._scheduleUpdate = createScheduler(this._update, requestAnimationFrame);
149 | this._schedulePositioningNotification = createScheduler(
150 | this._notifyPositioning,
151 | requestAnimationFrame
152 | );
153 | this._handleScroll = throttle(this._scheduleUpdate, 100, { trailing: true });
154 | }
155 |
156 | _handleRefUpdate(ref) {
157 | this._listRef = ref;
158 | }
159 |
160 | _onHeightsUpdate(prevPostion, nextPostion) {
161 | this.props.viewport.scrollBy(offsetCorrection(prevPostion, nextPostion));
162 | }
163 |
164 | _recordHeights() {
165 | if (!this._listRef) {
166 | return {
167 | heightDelta: 0,
168 | };
169 | }
170 |
171 | const itemHeights = this._listRef.getItemHeights();
172 |
173 | const heightDelta = Object.keys(itemHeights).reduce((accHeight, key) => {
174 | const itemHeight = this._heights.hasOwnProperty(key)
175 | ? this._heights[key]
176 | : this.props.assumedItemHeight;
177 | return accHeight + itemHeights[key] - itemHeight;
178 | }, 0);
179 |
180 | if (heightDelta !== 0) {
181 | this._heights = Object.assign({}, this._heights, itemHeights);
182 | }
183 |
184 | return {
185 | heightDelta,
186 | };
187 | }
188 |
189 | _postRenderProcessing(hasListChanged) {
190 | const heightState = this._recordHeights();
191 | const wasHeightChange = heightState.heightDelta !== 0;
192 | if ((hasListChanged || wasHeightChange) && this._prevPositioning) {
193 | this._onHeightsUpdate(this._prevPositioning, this.getPositioning());
194 | }
195 |
196 | if (hasListChanged || Math.abs(heightState.heightDelta) >= this.props.assumedItemHeight) {
197 | this._scheduleUpdate();
198 | }
199 | this._schedulePositioningNotification();
200 | }
201 |
202 | _getDefaultSlice(list) {
203 | const startIndex = 0;
204 | const withNewList = {
205 | ...this,
206 | props: {
207 | ...this.props,
208 | list,
209 | },
210 | };
211 |
212 | const viewport = this.props.viewport;
213 | const viewportHeight = viewport.getRect().getHeight();
214 | const rects = this._getRectangles(withNewList);
215 |
216 | const startId = list[startIndex].id;
217 | const startOffset = rects[startId].getTop();
218 | let endIndex = findIndex(
219 | list,
220 | item => rects[item.id].getTop() - startOffset >= viewportHeight,
221 | startIndex
222 | );
223 | if (endIndex < 0) {
224 | endIndex = list.length;
225 | }
226 |
227 | return {
228 | sliceStart: startIndex,
229 | sliceEnd: endIndex,
230 | };
231 | }
232 |
233 | _computeBlankSpace() {
234 | const { list } = this.props;
235 | const { sliceStart, sliceEnd } = this.state;
236 | const rects = this._getRectangles();
237 | const lastIndex = list.length - 1;
238 | return {
239 | blankSpaceAbove:
240 | list.length <= 0 ? 0 : rects[list[sliceStart].id].getTop() - rects[list[0].id].getTop(),
241 | blankSpaceBelow:
242 | sliceEnd >= list.length
243 | ? 0
244 | : rects[list[lastIndex].id].getBottom() - rects[list[sliceEnd].id].getTop(),
245 | };
246 | }
247 |
248 | _getRelativeViewportRect() {
249 | if (!this._listRef) {
250 | return new Rectangle({ top: 0, height: 0 });
251 | }
252 |
253 | const listNode = this._listRef.getWrapperNode();
254 | // const offsetTop = Math.ceil(listNode.getBoundingClientRect().top);
255 | return this.props.viewport.getRectRelativeTo(listNode);
256 | }
257 |
258 | _update() {
259 | const { list } = this.props;
260 |
261 | if (this._unmounted || 0 === list.length) {
262 | return;
263 | }
264 |
265 | const viewportRect = this._getRelativeViewportRect();
266 | const offscreenHeight = viewportRect.getHeight() * this.props.offscreenToViewportRatio;
267 | const renderRectTop = viewportRect.getTop() - offscreenHeight;
268 | const renderRectBottom = viewportRect.getBottom() + offscreenHeight;
269 |
270 | const rects = this._getRectangles();
271 |
272 | let startIndex = findIndex(list, item => rects[item.id].getBottom() > renderRectTop);
273 | if (startIndex < 0) {
274 | startIndex = list.length - 1;
275 | }
276 |
277 | let endIndex = findIndex(list, item => rects[item.id].getTop() >= renderRectBottom, startIndex);
278 | if (endIndex < 0) {
279 | endIndex = list.length;
280 | }
281 |
282 | this._schedulePositioningNotification();
283 | this._setSlice(startIndex, endIndex);
284 | }
285 |
286 | _setSlice(start, end) {
287 | const { sliceStart, sliceEnd } = this.state;
288 |
289 | if (sliceStart !== start || sliceEnd !== end) {
290 | this.setState({
291 | sliceStart: start,
292 | sliceEnd: end,
293 | });
294 | }
295 | }
296 |
297 | _notifyPositioning() {
298 | if (!this._unmounted && this.props.onPositioningUpdate) {
299 | this.props.onPositioningUpdate(this.getPositioning());
300 | }
301 | }
302 |
303 | scrollToIndex(index) {
304 | const { list, viewport } = this.props;
305 | const targetItem = list[index];
306 | const rects = this._getRectangles();
307 | viewport.scrollTo(rects[targetItem.id].getTop() + viewport.getOffsetTop());
308 | }
309 |
310 | getPositioning() {
311 | const { sliceStart, sliceEnd } = this.state;
312 | return new Position({
313 | viewportRectangle: this._getRelativeViewportRect(),
314 | list: this.props.list,
315 | rectangles: this._getRectangles(),
316 | sliceStart,
317 | sliceEnd,
318 | });
319 | }
320 |
321 | componentDidMount() {
322 | this._unlistenScroll = this.props.viewport.addScrollListener(this._handleScroll);
323 | this._postRenderProcessing(true);
324 | }
325 |
326 | componentWillReceiveProps(nextProps) {
327 | const prevList = this.props.list;
328 | const prevState = this.state;
329 | const nextList = nextProps.list;
330 | if (prevList !== nextList) {
331 | const slice =
332 | findNewSlice(prevList, nextList, prevState.sliceStart, prevState.sliceEnd) ||
333 | this._getDefaultSlice(nextList);
334 | this._setSlice(slice.sliceStart, slice.sliceEnd);
335 | }
336 | }
337 |
338 | componentWillUpdate() {
339 | this._prevPositioning = this.getPositioning();
340 | }
341 |
342 | componentDidUpdate(prevProps) {
343 | this._postRenderProcessing(prevProps.list !== this.props.list);
344 | }
345 |
346 | componentWillUnmount() {
347 | this._unmounted = true;
348 |
349 | if (this._unlistenScroll) {
350 | this._unlistenScroll();
351 | }
352 | }
353 |
354 | render() {
355 | const { blankSpaceAbove, blankSpaceBelow } = this._computeBlankSpace();
356 | const { sliceStart } = this.state;
357 |
358 | // eslint-disable-next-line
359 | const { renderItem } = this.props;
360 |
361 | return (
362 | - {
368 | return renderItem(data, sliceStart + index);
369 | }}
370 | />
371 | );
372 | }
373 | }
374 |
375 | export default Updater;
376 |
--------------------------------------------------------------------------------
/src/components/VirtualScroller.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import recomputed from 'recomputed';
4 | import Updater from './Updater';
5 | import Viewport from '../modules/Viewport';
6 | import ScrollTracker, { Condition } from '../modules/ScrollTracker';
7 |
8 | const defaultIdentityFunction = a => a.id;
9 |
10 | const nullFunction = () => null;
11 |
12 | class VirtualScroller extends React.PureComponent {
13 | static propTypes = {
14 | items: PropTypes.arrayOf(PropTypes.any).isRequired,
15 | renderItem: PropTypes.func.isRequired,
16 | viewport: PropTypes.instanceOf(Viewport).isRequired,
17 | identityFunction: PropTypes.func,
18 | offscreenToViewportRatio: PropTypes.number,
19 | assumedItemHeight: PropTypes.number,
20 | nearEndProximityRatio: PropTypes.number,
21 | nearStartProximityRatio: PropTypes.number,
22 | onAtStart: PropTypes.func,
23 | onNearStart: PropTypes.func,
24 | onNearEnd: PropTypes.func,
25 | onAtEnd: PropTypes.func,
26 | };
27 |
28 | static defaultProps = {
29 | identityFunction: defaultIdentityFunction,
30 | offscreenToViewportRatio: 1.8,
31 | assumedItemHeight: 400,
32 | nearEndProximityRatio: 1.75,
33 | nearStartProximityRatio: 0.25,
34 | onAtStart: nullFunction,
35 | onNearStart: nullFunction,
36 | onNearEnd: nullFunction,
37 | onAtEnd: nullFunction,
38 | };
39 |
40 | constructor(props) {
41 | super(props);
42 |
43 | /* eslint-disable no-shadow */
44 | this._getList = recomputed(
45 | this,
46 | props => props.items,
47 | items => {
48 | const idMap = {};
49 | const resultList = [];
50 |
51 | items.forEach(item => {
52 | const id = this.props.identityFunction(item);
53 | if (idMap.hasOwnProperty(id)) {
54 | // eslint-disable-next-line no-console
55 | console.warn(
56 | `Duplicate item id generated in VirtualScroller. Latter item (id = "${id}") will be discarded`
57 | );
58 | return;
59 | }
60 |
61 | resultList.push({
62 | id,
63 | data: item,
64 | });
65 | idMap[id] = true;
66 | });
67 |
68 | return resultList;
69 | }
70 | );
71 | /* eslint-enable no-shadow */
72 |
73 | this._handleRefUpdate = this._handleRefUpdate.bind(this);
74 | this._handlePositioningUpdate = this._handlePositioningUpdate.bind(this);
75 | this._createScrollTracker(props.nearStartProximityRatio, props.nearEndProximityRatio);
76 | }
77 |
78 | _handleRefUpdate(ref) {
79 | this._updater = ref;
80 | }
81 |
82 | _handlePositioningUpdate(position) {
83 | if (this._scrollTracker) {
84 | this._scrollTracker.handlePositioningUpdate(position);
85 | }
86 | }
87 |
88 | _createScrollTracker(nearStartProximityRatio, nearEndProximityRatio) {
89 | this._scrollTracker = new ScrollTracker([
90 | {
91 | condition: Condition.nearTop(5),
92 | callback: info => {
93 | return this.props.onAtStart(info);
94 | },
95 | },
96 | {
97 | condition: Condition.nearTopRatio(nearStartProximityRatio),
98 | callback: info => {
99 | return this.props.onNearStart(info);
100 | },
101 | },
102 | {
103 | condition: Condition.nearBottomRatio(nearEndProximityRatio),
104 | callback: info => {
105 | return this.props.onNearEnd(info);
106 | },
107 | },
108 | {
109 | condition: Condition.nearBottom(5),
110 | callback: info => {
111 | return this.props.onAtEnd(info);
112 | },
113 | },
114 | ]);
115 | }
116 |
117 | // only can scroll to knwon height item
118 | scrollToIndex(index) {
119 | if (this._updater) {
120 | this._updater.scrollToIndex(index);
121 | }
122 | }
123 |
124 | componentWillReceiveProps(nextProps) {
125 | this._createScrollTracker(nextProps.nearStartProximityRatio, nextProps.nearEndProximityRatio);
126 | }
127 |
128 | render() {
129 | const { renderItem, assumedItemHeight, viewport } = this.props;
130 |
131 | return (
132 |
26 |
27 | {[
28 | {},
29 | {
30 | title: `[Simple list](${pageUrl('demo-simple-list.html')})`,
31 | },
32 | {},
33 | ]}
34 |
35 |
36 | {[
37 | {},
38 | {
39 | title: `[Window scroller](${pageUrl('demo-window-as-scroller.html')})`,
40 | },
41 | {},
42 | ]}
43 |
44 |
45 | );
46 | }
47 | }
48 |
49 | module.exports = Index;
50 |
--------------------------------------------------------------------------------
/website/pages/en/help.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2017-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | const React = require('react');
9 |
10 | const CompLibrary = require('../../core/CompLibrary.js');
11 | const Container = CompLibrary.Container;
12 | const GridBlock = CompLibrary.GridBlock;
13 |
14 | const siteConfig = require(process.cwd() + '/siteConfig.js');
15 |
16 | class Help extends React.Component {
17 | render() {
18 | const supportLinks = [
19 | {
20 | content:
21 | 'Learn more using the [documentation on this site.](/test-site/docs/en/doc1.html)',
22 | title: 'Browse Docs',
23 | },
24 | {
25 | content: 'Ask questions about the documentation and project',
26 | title: 'Join the community',
27 | },
28 | {
29 | content: "Find out what's new with this project",
30 | title: 'Stay up to date',
31 | },
32 | ];
33 |
34 | return (
35 |
36 |
37 |
45 |
46 | );
47 | }
48 | }
49 |
50 | module.exports = Help;
51 |
--------------------------------------------------------------------------------
/website/pages/en/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2017-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | const React = require('react');
9 |
10 | const CompLibrary = require('../../core/CompLibrary.js');
11 | const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
12 | const Container = CompLibrary.Container;
13 | const GridBlock = CompLibrary.GridBlock;
14 |
15 | const siteConfig = require(process.cwd() + '/siteConfig.js');
16 |
17 | function imgUrl(img) {
18 | return siteConfig.baseUrl + 'img/' + img;
19 | }
20 |
21 | function docUrl(doc, language) {
22 | return siteConfig.baseUrl + 'docs/' + (language ? language + '/' : '') + doc;
23 | }
24 |
25 | function pageUrl(page, language) {
26 | return siteConfig.baseUrl + (language ? language + '/' : '') + page;
27 | }
28 |
29 | class Button extends React.Component {
30 | render() {
31 | return (
32 |
38 |
39 |
41 |
44 | Need help?
40 |This project is maintained by a dedicated group of people.
42 |
33 |
34 | {this.props.children}
35 |
36 |
37 | );
38 | }
39 | }
40 |
41 | Button.defaultProps = {
42 | target: '_self',
43 | };
44 |
45 | const SplashContainer = props => (
46 |
47 |
51 | );
52 |
53 | const Logo = props => (
54 |
48 |
50 | {props.children}
49 |
55 | 
56 |
57 | );
58 |
59 | const ProjectTitle = props => (
60 | 61 | {siteConfig.title} 62 | {siteConfig.tagline} 63 |
64 | ); 65 | 66 | const PromoSection = props => ( 67 |
68 |
72 | );
73 |
74 | class HomeSplash extends React.Component {
75 | render() {
76 | let language = this.props.language || '';
77 | return (
78 |
69 |
71 | {props.children}
70 |
81 |
83 |
84 |
85 |
86 |
87 |
103 |
104 | {[
105 | {
106 | title: 'Easy To Use',
107 | },
108 | {
109 | title: 'Infinite List',
110 | },
111 | ]}
112 |
113 |
114 | {[
115 | {
116 | title: 'Scroll Load & Scroll Position Restoration',
117 | },
118 | {
119 | title: 'Custom List Container',
120 | },
121 | ]}
122 |
123 |
124 | );
125 |
126 | const FeatureCallout = props => (
127 |
130 | These are features of this project
132 |
133 | );
134 |
135 | class Index extends React.Component {
136 | render() {
137 | let language = this.props.language || '';
138 |
139 | return (
140 | Feature Callout
131 |
141 |
146 | );
147 | }
148 | }
149 |
150 | module.exports = Index;
151 |
--------------------------------------------------------------------------------
/website/pages/en/users.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2017-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | const React = require('react');
9 |
10 | const CompLibrary = require('../../core/CompLibrary.js');
11 | const Container = CompLibrary.Container;
12 |
13 | const siteConfig = require(process.cwd() + '/siteConfig.js');
14 |
15 | class Users extends React.Component {
16 | render() {
17 | const showcase = siteConfig.users.map((user, i) => {
18 | return (
19 |
20 |
143 |
145 |
27 |
28 |
42 |
43 | );
44 | }
45 | }
46 |
47 | module.exports = Users;
48 |
--------------------------------------------------------------------------------
/website/sidebars.json:
--------------------------------------------------------------------------------
1 | {
2 | "api": {
3 | "Components": ["VirtualScroller"],
4 | "Modules": ["Viewport"]
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/website/siteConfig.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2017-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | /* List of projects/orgs using your project for the users page */
9 | const users = [
10 | {
11 | caption: 'User1',
12 | image: '/test-site/img/docusaurus.svg',
13 | infoLink: 'https://www.facebook.com',
14 | pinned: true,
15 | },
16 | ];
17 |
18 | const siteConfig = {
19 | title: 'React Virtual Scroller' /* title for your website */,
20 | tagline: 'Using virtual scroller with infinite list',
21 | url: 'https://liximomo.github.io' /* your website url */,
22 | baseUrl: '/react-virtual-scroller/' /* base url for your project */,
23 | projectName: 'react-virtual-scroller',
24 | headerLinks: [
25 | {doc: 'VirtualScroller', label: 'API'},
26 | { href: 'https://github.com/liximomo/react-virtual-scroller', label: 'GitHub' },
27 | // {blog: true, label: 'Blog'},
28 | ],
29 | users,
30 | /* path to images for header/footer */
31 | headerIcon: 'img/docusaurus.svg',
32 | footerIcon: 'img/docusaurus.svg',
33 | favicon: 'img/favicon.png',
34 | /* colors for website */
35 | colors: {
36 | primaryColor: '#009688',
37 | secondaryColor: '#6e7891',
38 | },
39 | /* custom fonts for website */
40 | /*fonts: {
41 | myFont: [
42 | "Times New Roman",
43 | "Serif"
44 | ],
45 | myOtherFont: [
46 | "-apple-system",
47 | "system-ui"
48 | ]
49 | },*/
50 | // This copyright info is used in /core/Footer.js and blog rss/atom feeds.
51 | copyright:
52 | 'Copyright © ' +
53 | new Date().getFullYear() +
54 | ' liximomo',
55 | organizationName: 'liximomo', // or set an env variable ORGANIZATION_NAME
56 | highlight: {
57 | // Highlight.js theme to use for syntax highlighting in code blocks
58 | theme: 'default',
59 | },
60 | scripts: ['https://buttons.github.io/buttons.js'],
61 | // You may provide arbitrary config keys to be used as needed by your template.
62 | repoUrl: 'https://github.com/liximomo/react-virtual-scroller',
63 | };
64 |
65 | module.exports = siteConfig;
66 |
--------------------------------------------------------------------------------
/website/static/css/custom.css:
--------------------------------------------------------------------------------
1 | /* your custom css */
2 |
3 | @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
4 | }
5 |
6 | @media only screen and (min-width: 1024px) {
7 | }
8 |
9 | @media only screen and (max-width: 1023px) {
10 | }
11 |
12 | @media only screen and (min-width: 1400px) {
13 | }
14 |
15 | @media only screen and (min-width: 1500px) {
16 | }
--------------------------------------------------------------------------------
/website/static/img/docusaurus.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/website/static/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liximomo/react-virtual-scroller/3e4793bbbfcc7f6d1fed3d49fd8f7b3262978853/website/static/img/favicon.png
--------------------------------------------------------------------------------
/website/static/img/favicon/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liximomo/react-virtual-scroller/3e4793bbbfcc7f6d1fed3d49fd8f7b3262978853/website/static/img/favicon/favicon.ico
--------------------------------------------------------------------------------
/website/static/img/oss_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liximomo/react-virtual-scroller/3e4793bbbfcc7f6d1fed3d49fd8f7b3262978853/website/static/img/oss_logo.png
--------------------------------------------------------------------------------
/website/static/js/react-virtual-scroller.umd.min.js:
--------------------------------------------------------------------------------
1 | !function(t,e){"object"===typeof exports&&"undefined"!==typeof module?e(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],e):e(t.VirtualScroller={},t.React)}(this,function(t,e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var n="undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{};function i(t,e){return t(e={exports:{}},e.exports),e.exports}function r(t){return function(){return t}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(t){return t};var s=o;var u,a=function(t,e,n,i,r,o,s,u){if(!t){var a;if(void 0===e)a=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,i,r,o,s,u],l=0;(a=new Error(e.replace(/%s/g,function(){return c[l++]}))).name="Invariant Violation"}throw a.framesToPop=1,a}},c="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",l=(i(function(t){t.exports=function(){function t(t,e,n,i,r,o){o!==c&&a(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function e(){return t}t.isRequired=t;var n={array:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e};return n.checkPropTypes=s,n.PropTypes=n,n}()}),i(function(t,e){function n(t,e){return t===e}function i(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,i=null,r=null;return function(){return function(t,e,n){if(null===e||null===n||e.length!==n.length)return!1;for(var i=e.length,r=0;r
29 |
41 |
30 |
33 | Who's Using This?
31 |This project is used by many folks
32 |{showcase}
34 | Are you using this project?
35 | 38 | Add your company 39 | 40 |