{"id":15024785,"url":"https://github.com/dwqs/v2-lazy-list","last_synced_at":"2025-04-12T12:51:24.211Z","repository":{"id":57389908,"uuid":"123080318","full_name":"dwqs/v2-lazy-list","owner":"dwqs","description":"A simple lazy-load list component based Vue 2.x: https://dwqs.github.io/v2-lazy-list/","archived":false,"fork":false,"pushed_at":"2018-04-20T08:54:45.000Z","size":353,"stargazers_count":31,"open_issues_count":1,"forks_count":5,"subscribers_count":3,"default_branch":"dev","last_synced_at":"2024-05-29T03:13:50.593Z","etag":null,"topics":["lazy","lazy-load-list","lazyload","viewport","vuejs2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dwqs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-02-27T05:57:29.000Z","updated_at":"2023-05-22T07:19:42.000Z","dependencies_parsed_at":"2022-09-14T06:31:59.158Z","dependency_job_id":null,"html_url":"https://github.com/dwqs/v2-lazy-list","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwqs%2Fv2-lazy-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwqs%2Fv2-lazy-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwqs%2Fv2-lazy-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwqs%2Fv2-lazy-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dwqs","download_url":"https://codeload.github.com/dwqs/v2-lazy-list/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248571381,"owners_count":21126517,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["lazy","lazy-load-list","lazyload","viewport","vuejs2"],"created_at":"2024-09-24T20:00:55.149Z","updated_at":"2025-04-12T12:51:24.188Z","avatar_url":"https://github.com/dwqs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![webpack-4](https://img.shields.io/badge/webpack-4-brightgreen.svg) ![vue-version](https://img.shields.io/badge/vue-%3E%3D2.5.0-brightgreen.svg) ![license](https://img.shields.io/badge/license-MIT-brightgreen.svg) ![npm-version](https://img.shields.io/npm/v/v2-lazy-list.svg) [![build pass](https://api.travis-ci.org/dwqs/v2-lazy-list.svg?branch=master)](https://travis-ci.org/dwqs/v2-lazy-list?branch=master)\n# v2-lazy-list\nA simple lazy-load list component based Vue 2.x, which will be on-demand rendering the list based container element's viewport.\n\n\u003ev1.x is not maintained\n\n## Installation\n\nnpm:\n\n```\nnpm i --save v2-lazy-list beautify-scrollbar\n```\nor yarn\n\n```\nyarn add  v2-lazy-list beautify-scrollbar\n```\n\n## Get Started\n\n```\nimport Vue from 'vue';\nimport 'beautify-scrollbar/dist/index.css';\nimport V2LazyList from 'v2-lazy-list';\n\nVue.use(V2LazyList)\n\n\u003cv2-lazy-list :data=\"data\"\u003e\u003c/v2-lazy-list\u003e\n```\n\nVisit the [examples](https://dwqs.github.io/v2-lazy-list/).\n\n## Available Props\n|  Attribute  |  Type  |  Accepted Values  |  Default  |  Description  |\n|  :--:  |  :--:  |  :--:  |  :--:  |  :--:  |\n| data | Array | - | [] | the list data to render |\n| height | String/Number | - | 320 | the height of the content wrap element |\n| item-height | String/Number | - | 40 | the height of list item |\n| threshold | String/Number | - | 0 | the threshold value to trigger next-fetch in infinite scrolling |\n| tag | String | HTML tag name | 'ul' | container elment tag |\n| item-tag | String | HTML tag name | 'li' | item element tag |\n| mode | String | demand/lazy | 'demand' | render demand list or lazy list |\n\n## Events\n|  Event Name  |  Description  |  Parameters |\n|  :--:  |  :--:  |  :--: |\n| reach-threshold | triggers when reaching threshold value| - |\n| scrolling | triggers when element is scrolling | - |\n| scroll-stop | triggers when element stop scroll | - |\n\n## Development\n```\ngit clone git@github.com:dwqs/v2-lazy-list.git\n\ncd v2-lazy-list\n\nnpm i \n\nnpm run dev\n```\n\n## LICENSE\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdwqs%2Fv2-lazy-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdwqs%2Fv2-lazy-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdwqs%2Fv2-lazy-list/lists"}