{"_id":"@rc-component/virtual-list","_rev":"4538870","name":"@rc-component/virtual-list","description":"React Virtual List Component","dist-tags":{"latest":"1.0.2"},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"time":{"modified":"2026-04-09T15:06:28.000Z","created":"2025-12-01T06:11:59.971Z","1.0.2":"2025-12-03T02:13:47.288Z","1.0.1":"2025-12-01T07:49:35.659Z","1.0.0":"2025-12-01T06:11:59.971Z"},"users":{},"author":{"name":"smith3816@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/react-component/virtual-list.git"},"versions":{"1.0.2":{"name":"@rc-component/virtual-list","version":"1.0.2","description":"React Virtual List Component","engines":{"node":">=8.x"},"keywords":["react","react-component","virtual-list"],"homepage":"https://github.com/react-component/virtual-list","author":{"name":"smith3816@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/react-component/virtual-list.git"},"bugs":{"url":"https://github.com/react-component/virtual-list/issues"},"license":"MIT","main":"./lib/index","module":"./es/index","scripts":{"start":"dumi dev","build":"dumi build","compile":"father build","prepublishOnly":"npm run compile && rc-np","lint":"eslint src/ --ext .tsx,.ts","test":"rc-test","now-build":"npm run build"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"devDependencies":{"@rc-component/father-plugin":"^2.1.3","@rc-component/np":"^1.0.4","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@types/enzyme":"^3.10.5","@types/jest":"^30.0.0","@types/node":"^24.10.1","@types/react":"^18.0.8","@types/react-dom":"^18.0.3","@types/warning":"^3.0.0","cheerio":"1.0.0-rc.12","dumi":"^2.2.17","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.15.6","eslint":"^8.56.0","eslint-plugin-unicorn":"^55.0.0","father":"^4.4.0","glob":"^7.1.6","rc-animate":"^2.9.1","rc-test":"^7.0.15","react":"16.14.0","react-dom":"16.14.0","typescript":"^5.0.0"},"dependencies":{"@babel/runtime":"^7.20.0","@rc-component/resize-observer":"^1.0.1","@rc-component/util":"^1.4.0","clsx":"^2.1.1"},"publishConfig":{"access":"public"},"_id":"@rc-component/virtual-list@1.0.2","gitHead":"cf856c11f0342aeb08258d1fc56039040b4b67bc","types":"./lib/index.d.ts","_nodeVersion":"22.8.0","_npmVersion":"11.6.0","dist":{"shasum":"356c465de522ae3834731827d9fb2311ed09b7e9","size":22016,"noattachment":false,"key":"/@rc-component/virtual-list/-/@rc-component/virtual-list-1.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/virtual-list/download/@rc-component/virtual-list-1.0.2.tgz"},"_npmUser":{"name":"afc163","email":"afc163@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/virtual-list_1.0.2_1764728027036_0.6227894990654215"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-12-03T02:13:47.288Z","publish_time":1764728027288,"_source_registry_name":"default","_cnpm_publish_time":1764728027288},"1.0.1":{"name":"@rc-component/virtual-list","version":"1.0.1","description":"React Virtual List Component","engines":{"node":">=8.x"},"keywords":["react","react-component","virtual-list"],"homepage":"https://github.com/react-component/virtual-list","author":{"name":"smith3816@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/react-component/virtual-list.git"},"bugs":{"url":"https://github.com/react-component/virtual-list/issues"},"license":"MIT","main":"./lib/index","module":"./es/index","scripts":{"start":"dumi dev","build":"dumi build","compile":"father build","prepublishOnly":"npm run compile && rc-np","lint":"eslint src/ --ext .tsx,.ts","test":"rc-test","now-build":"npm run build"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"devDependencies":{"@rc-component/father-plugin":"^2.1.3","@rc-component/np":"^1.0.4","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@types/enzyme":"^3.10.5","@types/jest":"^30.0.0","@types/node":"^24.10.1","@types/react":"^18.0.8","@types/react-dom":"^18.0.3","@types/warning":"^3.0.0","cheerio":"1.0.0-rc.12","dumi":"^2.2.17","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.15.6","eslint":"^8.56.0","eslint-plugin-unicorn":"^55.0.0","father":"^4.4.0","glob":"^7.1.6","rc-animate":"^2.9.1","rc-test":"^7.0.15","react":"16.14.0","react-dom":"16.14.0","typescript":"^5.0.0"},"dependencies":{"@babel/runtime":"^7.20.0","@rc-component/resize-observer":"^1.0.1","@rc-component/util":"^1.4.0","clsx":"^2.1.1"},"publishConfig":{"access":"public"},"_id":"@rc-component/virtual-list@1.0.1","gitHead":"402e156e4a7c9152e3f6db98572afff8acd28b66","types":"./lib/index.d.ts","_nodeVersion":"22.8.0","_npmVersion":"11.6.0","dist":{"shasum":"74c35b4f4674041cff5e9dd7121c24c79e2c2213","size":23934,"noattachment":false,"key":"/@rc-component/virtual-list/-/@rc-component/virtual-list-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/virtual-list/download/@rc-component/virtual-list-1.0.1.tgz"},"_npmUser":{"name":"afc163","email":"afc163@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/virtual-list_1.0.1_1764575375458_0.6144777908675327"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-12-01T07:49:35.659Z","publish_time":1764575375659,"_source_registry_name":"default","_cnpm_publish_time":1764575375659},"1.0.0":{"name":"@rc-component/virtual-list","version":"1.0.0","description":"React Virtual List Component","engines":{"node":">=8.x"},"keywords":["react","react-component","virtual-list"],"homepage":"https://github.com/react-component/virtual-list","author":{"name":"smith3816@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/react-component/virtual-list.git"},"bugs":{"url":"https://github.com/react-component/virtual-list/issues"},"license":"MIT","main":"./lib/index","module":"./es/index","scripts":{"start":"dumi dev","build":"dumi build","compile":"father build","prepublishOnly":"npm run compile && rc-np","lint":"eslint src/ --ext .tsx,.ts","test":"rc-test","now-build":"npm run build"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"devDependencies":{"@rc-component/father-plugin":"^1.0.2","@rc-component/np":"^1.0.4","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@types/enzyme":"^3.10.5","@types/jest":"^30.0.0","@types/node":"^24.10.1","@types/react":"^18.0.8","@types/react-dom":"^18.0.3","@types/warning":"^3.0.0","cheerio":"1.0.0-rc.12","dumi":"^2.2.17","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.15.6","eslint":"^8.56.0","eslint-plugin-unicorn":"^55.0.0","father":"^4.4.0","glob":"^7.1.6","rc-animate":"^2.9.1","rc-test":"^7.0.15","react":"16.14.0","react-dom":"16.14.0","typescript":"^5.0.0"},"dependencies":{"@babel/runtime":"^7.20.0","@rc-component/resize-observer":"^1.0.1","@rc-component/util":"^1.4.0","clsx":"^2.1.1"},"publishConfig":{"access":"public"},"_id":"@rc-component/virtual-list@1.0.0","gitHead":"7becdad97d049e507c90841ba95a76c765bd6dd1","types":"./lib/index.d.ts","_nodeVersion":"22.8.0","_npmVersion":"11.6.0","dist":{"shasum":"239281ab4d7b7bef21b61c68dcea17ead2246671","size":23934,"noattachment":false,"key":"/@rc-component/virtual-list/-/@rc-component/virtual-list-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/virtual-list/download/@rc-component/virtual-list-1.0.0.tgz"},"_npmUser":{"name":"afc163","email":"afc163@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/virtual-list_1.0.0_1764569519800_0.7005105584354558"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-12-01T06:11:59.971Z","publish_time":1764569519971,"_source_registry_name":"default","_cnpm_publish_time":1764569519971}},"readme":"# @rc-component/virtual-list\n\nReact Virtual List Component which works with animation.\n\n[![NPM version][npm-image]][npm-url]\n[![npm download][download-image]][download-url]\n[![build status][github-actions-image]][github-actions-url]\n[![Codecov][codecov-image]][codecov-url]\n[![bundle size][bundlephobia-image]][bundlephobia-url]\n[![dumi][dumi-image]][dumi-url]\n\n[npm-image]: https://img.shields.io/npm/v/@rc-component/virtual-list.svg?style=flat-square\n[npm-url]: https://npmjs.org/package/@rc-component/virtual-list\n[travis-image]: https://img.shields.io/travis/react-component/virtual-list/master?style=flat-square\n[travis-url]: https://travis-ci.com/react-component/virtual-list\n[github-actions-image]: https://github.com/react-component/virtual-list/actions/workflows/main.yml/badge.svg\n[github-actions-url]: https://github.com/react-component/virtual-list/actions/workflows/main.yml\n[codecov-image]: https://img.shields.io/codecov/c/github/react-component/virtual-list/master.svg?style=flat-square\n[codecov-url]: https://app.codecov.io/gh/react-component/virtual-list\n[david-url]: https://david-dm.org/react-component/virtual-list\n[david-image]: https://david-dm.org/react-component/virtual-list/status.svg?style=flat-square\n[david-dev-url]: https://david-dm.org/react-component/virtual-list?type=dev\n[david-dev-image]: https://david-dm.org/react-component/virtual-list/dev-status.svg?style=flat-square\n[download-image]: https://img.shields.io/npm/dm/@rc-component/virtual-list.svg?style=flat-square\n[download-url]: https://npmjs.org/package/@rc-component/virtual-list\n[bundlephobia-url]: https://bundlephobia.com/package/@rc-component/virtual-list\n[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@rc-component/virtual-list\n[dumi-url]: https://github.com/umijs/dumi\n[dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square\n\n## Online Preview\n\nhttps://virtual-list-react-component.vercel.app/\n\n## Development\n\n```bash\nnpm install\nnpm start\nopen http://localhost:8000/\n```\n\n## Feature\n\n- Support react.js\n- Support animation\n- Support IE11+\n\n## Install\n\n[![@rc-component/virtual-list](https://nodei.co/npm/@rc-component/virtual-list.png)](https://npmjs.org/package/@rc-component/virtual-list)\n\n## Usage\n\n```tsx\nimport List from '@rc-component/virtual-list';\n\n<List data={[0, 1, 2]} height={200} itemHeight={30} itemKey=\"id\">\n  {(index) => <div>{index}</div>}\n</List>;\n```\n\n# API\n\n## List\n\n| Prop       | Description                                             | Type                                                                                                                                                                                  | Default |\n| ---------- | ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |\n| children   | Render props of item                                    | (item, index, props) => ReactElement                                                                                                                                                  | -       |\n| component  | Customize List dom element                              | string \\| Component                                                                                                                                                                   | div     |\n| data       | Data list                                               | Array                                                                                                                                                                                 | -       |\n| disabled   | Disable scroll check. Usually used on animation control | boolean                                                                                                                                                                               | false   |\n| height     | List height                                             | number                                                                                                                                                                                | -       |\n| itemHeight | Item minimum height                                     | number                                                                                                                                                                                | -       |\n| itemKey    | Match key with item                                     | string                                                                                                                                                                                | -       |\n| styles     | style                                                   | { horizontalScrollBar?: React.CSSProperties; horizontalScrollBarThumb?: React.CSSProperties; verticalScrollBar?: React.CSSProperties; verticalScrollBarThumb?: React.CSSProperties; } | -       |\n\n`children` provides additional `props` argument to support IE 11 scroll shaking.\nIt will set `style` to `visibility: hidden` when measuring. You can ignore this if no requirement on IE.\n","_attachments":{},"homepage":"https://github.com/react-component/virtual-list","bugs":{"url":"https://github.com/react-component/virtual-list/issues"},"license":"MIT"}