{"_id":"@bandaotiehe/virtual-list","_rev":"2-75919be8e24446583c4d9848e7154f53","name":"@bandaotiehe/virtual-list","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@bandaotiehe/virtual-list","version":"0.1.0","description":"基于Vue的虚拟列表","main":"./dist/index.js","license":"MIT","dependencies":{"rxjs":"^6.5.4","vue-rx":"^6.2.0"},"gitHead":"fa688d0991b62b920f639c7eab23bf8c8b5a2c03","_id":"@bandaotiehe/virtual-list@0.1.0","_nodeVersion":"12.16.1","_npmVersion":"lerna/3.20.2/node@v12.16.1+x64 (win32)","dist":{"integrity":"sha512-oUxGiPlXnOdsQudiHqMjqqXYPPbRmsviUeb6cEC5ktT4uAr1A21B9xbE6NM9OLZ7Hjf6pEKbUTsT0Zenvezf7Q==","shasum":"8ec65f86cfddebb0c748fa1036c40f37fb76133d","tarball":"https://registry.npmjs.org/@bandaotiehe/virtual-list/-/virtual-list-0.1.0.tgz","fileCount":9,"unpackedSize":2075071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJegNLFCRA9TVsSAnZWagAAw2EQAJ3M8ZYwsTBTB/hzqpSV\nzUjmmRg6MSkO6+uKVQESpubJKHn+5jupCfyi3gfs24BP/VMiGNuMyhZ/UZqC\nBxpr0BNC5lRw1y3wBQJCGO2w5kiekwyNHGD48eZDSeBLwQ38ljk1YwRKppOr\nlTyiUncysmM75DTxoXiVWOO2peswu7dE5coNgX1wDKYnSO1TPuSrYH6hlMq+\n/cBlhkZy8rZVP7+ZPl0hNkqPDvwPefQo8iPOCfszC00AgaYyqaJzyMO1W3j/\n0/6VwBPZGyGh0U7T5Zz2A3cVJzGS1dk/xSPxX9fCljSat0H1E5VTPBC4QCjc\nRLwQsNtBuK3b2P9Sy+IRYJ6w+ZqVvYclmkdKkjWWHYGTP/4JSJ8nEXGdbici\nCe2GGJeav8lci1xj+Onz2zTPNUOR/pgtyUzvjfxnH7hUqDDRa4sYYrcfpenE\nuF+8QUmp8L0dl76kjmEOMibIsvpS+9d60gLde4wsxivKf6TY2ogSYg+Rv03Q\n898YU6/e9mGsjgAM5eDNIgfJMg7Ym6ZuHQrt8GwgyQbLwAgUm/ROxE7aC24X\nqhymP4WEFSOgOa/cYWPbLyAkh0JzkrNqFHSNg1R1M6pQzYTydrY38Yu1VRWD\nT0nPjAx+FCXb8/n7/LgGpJjBKJzaUYtVvjEBVQWXry6DwAZgU19IAEXKz9LY\nUF+j\r\n=zVlS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+wzno4poc5VAB7+fZiyyfU0Jd0APHsd6UqYi5ii9x1AiEA8QXCRnNa6uxjHAspHNVmsYrCeEFlqQ+ocYw0DBmDXYw="}]},"maintainers":[{"name":"bandaotiehe","email":"782414108@qq.com"}],"_npmUser":{"name":"bandaotiehe","email":"782414108@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/virtual-list_0.1.0_1585500868636_0.20672271817692645"},"_hasShrinkwrap":false},"0.1.1":{"name":"@bandaotiehe/virtual-list","version":"0.1.1","description":"基于Vue的虚拟列表","main":"./dist/index.js","license":"MIT","dependencies":{"rxjs":"^6.5.4","vue-rx":"^6.2.0"},"publishConfig":{"access":"public"},"gitHead":"7c8ca55e5b8e33c0ab924e7f4871b822ab22f64f","_id":"@bandaotiehe/virtual-list@0.1.1","_nodeVersion":"12.16.1","_npmVersion":"lerna/3.20.2/node@v12.16.1+x64 (win32)","dist":{"integrity":"sha512-p1VQMuvmzLB+vL7r+ItZtxL2dPfGQqXy00YCb75YMzSIirOTGCXXuPseT126XZwyHnODOcH40FKzopo4adR7Qg==","shasum":"981926afe858c9a7b9048614e4a0341da30030d5","tarball":"https://registry.npmjs.org/@bandaotiehe/virtual-list/-/virtual-list-0.1.1.tgz","fileCount":9,"unpackedSize":2075336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJegNMuCRA9TVsSAnZWagAAinkP/jr7R8H4UIEtimmyd8lQ\n/qWUV+oWIV7nJ0oT6cQB5S3P5DeafqseVgwLq3MsIple36z8WHcbXRM5se2k\n05h88brJLnckrmfcgsiJP878zJ6vDMUWGMu9guN0kkfdxPjON5nMrXJg5RHz\nRfPEU7PrjusT5INJW/LHUuYX+ltkU44xoYBzMJFJ55BhHzltMi1ZaIuRw2bo\nwzMYh1uNxBHrPdDC3mTQmfhmlL5sRjVchv2B5APbTw+YBYOZp2J4U1lJ7nbA\nvprjLmG+OKbGRx/hhCNXSqgUkeJA0a/8TPfXtTt6irWGHq6mFFvQuksdJlqG\nG+10qYdqDUd4jvhbvHlrPnxAI6XzKvsc0Kow+tb816nBxJAOYvP5DqKCTs7D\nPw+NiHnEB5YV8195E9TheHwfkHE8KtJw8rtIzMoPnxj5A2HTNJR8gNYpLTvM\n+avimqBENUmPHMXMGUZ60tVb4KgTbizgSjWSlyyA+wY18oj4WO+cIG/DVRGH\n028ZjVzuu5eAscrgZ8kaI5O4DZLwRH5t104KdSSXkOkBNsdbmt5RImR+BI5X\nj7BPQ10jiqWzcDbYFF+PxCgGEAIJaFXtNBAgcxdzR+VlM6Zftfs3viGM4qNp\nI9KtryzkyIsILeJWjaY8OBzGbp+dZsQHRO2s8jVKcC45ZHthu5ugkZeowJwK\nuax8\r\n=TN62\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEAOhxWK0BAEVLyII9VHwMb3DdcCg4TobNupi3xeTPD3AiBiGFapqsob8YqE6kvejK+l3gXbD5U6ypYF0hc00ulsbQ=="}]},"maintainers":[{"name":"bandaotiehe","email":"782414108@qq.com"}],"_npmUser":{"name":"bandaotiehe","email":"782414108@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/virtual-list_0.1.1_1585500973661_0.5639334537400869"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-29T16:54:28.396Z","0.1.0":"2020-03-29T16:54:28.805Z","modified":"2022-04-04T17:41:14.211Z","0.1.1":"2020-03-29T16:56:13.818Z"},"maintainers":[{"name":"bandaotiehe","email":"782414108@qq.com"}],"description":"基于Vue的虚拟列表","license":"MIT","readme":"# VirtualList\n\n## 说明\n  基于Vue的虚拟列表组件\n\n## props\n\n| 名称      | 类型                             | 默认值 | 说明                   | 必须 |\n| --------- | -------------------------------- | ------ | ---------------------- | ---- |\n| list | Array\\<ListItem\\> | []    | 列表数据 | n    |\n| itemMinHeight | number | 30 | 列表项最小高度，在列表项还没渲染时作为高度使用 | n |\n| throttleTime | number | 300 | 渲染列表计算间隔 | n |\n| outsideRemain | number | 10 | 屏幕上下边缘外的列表项保留个数 | n |\n\n\n\n## slots\n\n| 名称   | 位置         |\n| ------ | ------------ |\n| before | 列表区域以上 |\n| after  | 列表区域以下 |\n\n## 使用\n\n### 注册\n\n```js\nimport Vue from 'vue'\nimport VirtualList from '@bandaotiehe/virtual-list'\nVue.component('VirtualList',VirtualList)\n```\n\n用法1.使用list传入列表 (id必须)\n\n  ```typescript\n  //列表项\n  type ListItem={\n    id:number|string //唯一标识\n    render:()=>VNode //渲染函数\n  }\n  ```\n  ```html\n  <template>\n     <virtual-list :list=\"data\" @scroll-end=\"loadData\">\n     </virtual-list>\n  </template>\n  ```\n\n用法2. v-for (key必须，use-slot)\n\n```html\n<template>\n     <virtual-list use-slot>\n         <div v-for=\"i in 1000\" :key=\"i\">\n             \n         </div>\n     </virtual-list>\n</template>\n```\n\n","readmeFilename":"README.MD"}