├── .eslintrc ├── .github └── workflows │ └── docs.yml ├── .gitignore ├── .vscode └── extensions.json ├── README.md ├── docs ├── assets │ ├── PageA.52cb6fcd.css │ ├── PageA.cb24e36a.js │ ├── PageB.56a57d9b.css │ ├── PageB.8bc082c5.js │ ├── PageC.117d36b2.css │ ├── PageC.b8ea5925.js │ ├── PageD.7660615f.css │ ├── PageD.bdf45be8.js │ ├── PageE.82c7dcc9.js │ ├── PageE.eb549f84.css │ ├── WaterfallList.cd03d2ed.js │ ├── api.2a7313f9.js │ ├── api.2b1d1a90.css │ ├── index.136223cb.js │ ├── index.418990a3.css │ └── vendor.bccda1e6.js ├── favicon.ico └── index.html ├── example ├── App.vue ├── api.ts ├── assets │ ├── error.png │ └── loading.png ├── components │ ├── BScrollBox.vue │ ├── DialogList.vue │ ├── Form.vue │ ├── Github.vue │ ├── PageA.vue │ ├── PageB.vue │ ├── PageC.vue │ ├── PageD.vue │ ├── PageE.vue │ ├── WaterfallApp.vue │ ├── WaterfallLayout.vue │ ├── WaterfallList.vue │ └── WaterfallVirtualList.vue ├── env.d.ts ├── index.css ├── main.ts ├── router.ts └── useConfig.ts ├── index.html ├── lib ├── components │ ├── LazyImg.vue │ ├── Waterfall.vue │ └── WaterfallVirtual.vue ├── index.ts ├── types │ ├── lazy.ts │ ├── util.ts │ └── waterfall.ts ├── use │ ├── index.ts │ ├── useCalculateCols.ts │ ├── useLayout.ts │ ├── useLayoutOld.ts │ └── useLayoutVirtual.ts └── utils │ ├── Lazy.ts │ ├── dom.ts │ ├── itemWidth.ts │ ├── loader.ts │ └── util.ts ├── package.json ├── postcss.config.js ├── public └── favicon.ico ├── tailwind.config.js ├── test └── itemWidth.test.ts ├── tsconfig.json └── vite.config.ts /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/.eslintrc -------------------------------------------------------------------------------- /.github/workflows/docs.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/.github/workflows/docs.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/.gitignore -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["johnsoncodehk.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/README.md -------------------------------------------------------------------------------- /docs/assets/PageA.52cb6fcd.css: -------------------------------------------------------------------------------- 1 | .el-drawer__body{padding:0!important} 2 | -------------------------------------------------------------------------------- /docs/assets/PageA.cb24e36a.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageA.cb24e36a.js -------------------------------------------------------------------------------- /docs/assets/PageB.56a57d9b.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageB.56a57d9b.css -------------------------------------------------------------------------------- /docs/assets/PageB.8bc082c5.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageB.8bc082c5.js -------------------------------------------------------------------------------- /docs/assets/PageC.117d36b2.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageC.117d36b2.css -------------------------------------------------------------------------------- /docs/assets/PageC.b8ea5925.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageC.b8ea5925.js -------------------------------------------------------------------------------- /docs/assets/PageD.7660615f.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageD.7660615f.css -------------------------------------------------------------------------------- /docs/assets/PageD.bdf45be8.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageD.bdf45be8.js -------------------------------------------------------------------------------- /docs/assets/PageE.82c7dcc9.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageE.82c7dcc9.js -------------------------------------------------------------------------------- /docs/assets/PageE.eb549f84.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/PageE.eb549f84.css -------------------------------------------------------------------------------- /docs/assets/WaterfallList.cd03d2ed.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/WaterfallList.cd03d2ed.js -------------------------------------------------------------------------------- /docs/assets/api.2a7313f9.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/api.2a7313f9.js -------------------------------------------------------------------------------- /docs/assets/api.2b1d1a90.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/api.2b1d1a90.css -------------------------------------------------------------------------------- /docs/assets/index.136223cb.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/index.136223cb.js -------------------------------------------------------------------------------- /docs/assets/index.418990a3.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/index.418990a3.css -------------------------------------------------------------------------------- /docs/assets/vendor.bccda1e6.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/assets/vendor.bccda1e6.js -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/favicon.ico -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/docs/index.html -------------------------------------------------------------------------------- /example/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/App.vue -------------------------------------------------------------------------------- /example/api.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/api.ts -------------------------------------------------------------------------------- /example/assets/error.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/assets/error.png -------------------------------------------------------------------------------- /example/assets/loading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/assets/loading.png -------------------------------------------------------------------------------- /example/components/BScrollBox.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/BScrollBox.vue -------------------------------------------------------------------------------- /example/components/DialogList.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/DialogList.vue -------------------------------------------------------------------------------- /example/components/Form.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/Form.vue -------------------------------------------------------------------------------- /example/components/Github.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/Github.vue -------------------------------------------------------------------------------- /example/components/PageA.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/PageA.vue -------------------------------------------------------------------------------- /example/components/PageB.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/PageB.vue -------------------------------------------------------------------------------- /example/components/PageC.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/PageC.vue -------------------------------------------------------------------------------- /example/components/PageD.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/PageD.vue -------------------------------------------------------------------------------- /example/components/PageE.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/PageE.vue -------------------------------------------------------------------------------- /example/components/WaterfallApp.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/WaterfallApp.vue -------------------------------------------------------------------------------- /example/components/WaterfallLayout.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/WaterfallLayout.vue -------------------------------------------------------------------------------- /example/components/WaterfallList.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/WaterfallList.vue -------------------------------------------------------------------------------- /example/components/WaterfallVirtualList.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/components/WaterfallVirtualList.vue -------------------------------------------------------------------------------- /example/env.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/env.d.ts -------------------------------------------------------------------------------- /example/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/index.css -------------------------------------------------------------------------------- /example/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/main.ts -------------------------------------------------------------------------------- /example/router.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/router.ts -------------------------------------------------------------------------------- /example/useConfig.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/example/useConfig.ts -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/index.html -------------------------------------------------------------------------------- /lib/components/LazyImg.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/components/LazyImg.vue -------------------------------------------------------------------------------- /lib/components/Waterfall.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/components/Waterfall.vue -------------------------------------------------------------------------------- /lib/components/WaterfallVirtual.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/components/WaterfallVirtual.vue -------------------------------------------------------------------------------- /lib/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/index.ts -------------------------------------------------------------------------------- /lib/types/lazy.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/types/lazy.ts -------------------------------------------------------------------------------- /lib/types/util.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/types/util.ts -------------------------------------------------------------------------------- /lib/types/waterfall.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/types/waterfall.ts -------------------------------------------------------------------------------- /lib/use/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/use/index.ts -------------------------------------------------------------------------------- /lib/use/useCalculateCols.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/use/useCalculateCols.ts -------------------------------------------------------------------------------- /lib/use/useLayout.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/use/useLayout.ts -------------------------------------------------------------------------------- /lib/use/useLayoutOld.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/use/useLayoutOld.ts -------------------------------------------------------------------------------- /lib/use/useLayoutVirtual.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/use/useLayoutVirtual.ts -------------------------------------------------------------------------------- /lib/utils/Lazy.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/utils/Lazy.ts -------------------------------------------------------------------------------- /lib/utils/dom.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/utils/dom.ts -------------------------------------------------------------------------------- /lib/utils/itemWidth.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/utils/itemWidth.ts -------------------------------------------------------------------------------- /lib/utils/loader.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/utils/loader.ts -------------------------------------------------------------------------------- /lib/utils/util.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/lib/utils/util.ts -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/tailwind.config.js -------------------------------------------------------------------------------- /test/itemWidth.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/test/itemWidth.test.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heikaimu/vue3-waterfall-plugin/HEAD/vite.config.ts --------------------------------------------------------------------------------