{"_id":"vue-flow-layout","_rev":"6-75b24eea833127d94c518ff661d66dc6","name":"vue-flow-layout","dist-tags":{"latest":"0.2.0"},"versions":{"0.0.5":{"name":"vue-flow-layout","version":"0.0.5","keywords":["vue","waterfull","flow-layout","vue-flow-layout"],"author":{"name":"Chris","email":"hizyyv@gmail.com"},"license":"MIT","_id":"vue-flow-layout@0.0.5","maintainers":[{"name":"zyyv","email":"hizyyv@gmail.com"}],"homepage":"https://github.com/zyyv/vue-flow-layout#readme","bugs":{"url":"https://github.com/zyyv/vue-flow-layout/issues"},"dist":{"shasum":"c53f3e1714512fbb0e07a67b6088bbf851fb1f47","tarball":"https://registry.npmjs.org/vue-flow-layout/-/vue-flow-layout-0.0.5.tgz","fileCount":6,"integrity":"sha512-lZlqQ/Se1trGMtBMneZDWaiQiQBuxU8ivZ+KpJMem5zKROFpzuPq9KqyWABbSYbxq0qhqZs1I4DBwrY041rtOA==","signatures":[{"sig":"MEUCIEOFAHrchUWSC9O4x7o1HMmmoa+bpP1rbwbS/UAEVRgzAiEAmcw7/qO5czcYJ+2XYM3+u4ueAFru6TD7T7X2+i8S6yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11160},"main":"./dist/index.mjs","type":"module","_from":"file:vue-flow-layout-0.0.5.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"}},"scripts":{"dev":"unbuild --stub && pnpm play","lint":"eslint .","play":"pnpm -C playground dev","build":"unbuild","release":"pnpm lint:fix && bumpp -r && pnpm publish","lint:fix":"eslint --fix ."},"_npmUser":{"name":"zyyv","email":"hizyyv@gmail.com"},"_resolved":"/private/var/folders/3j/4fr7j26s2n5fxkpnjpg802lm0000gn/T/6e45248809bd3bbcf05dd7947b15cb46/vue-flow-layout-0.0.5.tgz","_integrity":"sha512-lZlqQ/Se1trGMtBMneZDWaiQiQBuxU8ivZ+KpJMem5zKROFpzuPq9KqyWABbSYbxq0qhqZs1I4DBwrY041rtOA==","repository":{"url":"git+https://github.com/zyyv/vue-flow-layout.git","type":"git"},"_npmVersion":"10.8.1","description":"🌊 The Vue waterfull layout component.","directories":{},"sideEffects":false,"_nodeVersion":"22.4.1","dependencies":{"vue":"^3.4.37"},"typesVersions":{"*":{"*":["./dist/*","./dist/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.1","bumpp":"^9.6.1","eslint":"^9.11.1","unbuild":"^2.0.0","vue-tsc":"^2.0.29","typescript":"^5.5.3","@vitejs/plugin-vue":"^5.1.2","@antfu/eslint-config":"^3.7.3"},"_npmOperationalInternal":{"tmp":"tmp/vue-flow-layout_0.0.5_1728113937730_0.6608687672157589","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"vue-flow-layout","version":"0.1.0","keywords":["vue","waterfull","flow-layout","vue-flow-layout"],"author":{"name":"Chris","email":"hizyyv@gmail.com"},"license":"MIT","_id":"vue-flow-layout@0.1.0","maintainers":[{"name":"zyyv","email":"hizyyv@gmail.com"}],"homepage":"https://github.com/zyyv/vue-flow-layout#readme","bugs":{"url":"https://github.com/zyyv/vue-flow-layout/issues"},"dist":{"shasum":"acdfe2ea1729afecb32634e0e961fb7355585fb4","tarball":"https://registry.npmjs.org/vue-flow-layout/-/vue-flow-layout-0.1.0.tgz","fileCount":6,"integrity":"sha512-NtcbgiZDszBgUqiqEzk5jKwKowPA1HrGktZrWLEW5R5TNdUWMq1Q0dafXZro5IDxGR2ADhMSAVV/mOlqSBL7qA==","signatures":[{"sig":"MEYCIQD13nnG2/4E+Tntti1WplQm7BTmuk7r7bZH1J/qQ/clJgIhALGLquGG0iaOIxTFFEzKbFWJ6qz+so+gFfBRZ2p9wkoe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11186},"main":"./dist/index.mjs","type":"module","_from":"file:vue-flow-layout-0.1.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"}},"scripts":{"dev":"unbuild --stub && pnpm play","lint":"eslint .","play":"pnpm -C playground dev","build":"unbuild","release":"pnpm lint:fix && bumpp -r && pnpm publish","lint:fix":"eslint --fix ."},"_npmUser":{"name":"zyyv","email":"hizyyv@gmail.com"},"_resolved":"/private/var/folders/r8/j0hx2w193894rfttkx2fn1k00000gp/T/feb58890fcf3bc4a43ded10779e5fe8d/vue-flow-layout-0.1.0.tgz","_integrity":"sha512-NtcbgiZDszBgUqiqEzk5jKwKowPA1HrGktZrWLEW5R5TNdUWMq1Q0dafXZro5IDxGR2ADhMSAVV/mOlqSBL7qA==","repository":{"url":"git+https://github.com/zyyv/vue-flow-layout.git","type":"git"},"_npmVersion":"10.8.1","description":"🌊 The Vue waterfull layout component.","directories":{},"sideEffects":false,"_nodeVersion":"22.4.1","typesVersions":{"*":{"*":["./dist/*","./dist/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.37","vite":"^5.4.1","bumpp":"^9.6.1","eslint":"^9.11.1","unbuild":"^2.0.0","vue-tsc":"^2.0.29","typescript":"^5.5.3","@vitejs/plugin-vue":"^5.1.2","@antfu/eslint-config":"^3.7.3"},"peerDependencies":{"vue":"^3.4.37"},"_npmOperationalInternal":{"tmp":"tmp/vue-flow-layout_0.1.0_1729767278600_0.25161141578637714","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"vue-flow-layout","version":"0.1.1","keywords":["vue","waterfull","flow-layout","vue-flow-layout"],"author":{"name":"Chris","email":"hizyyv@gmail.com"},"license":"MIT","_id":"vue-flow-layout@0.1.1","maintainers":[{"name":"zyyv","email":"hizyyv@gmail.com"}],"homepage":"https://github.com/zyyv/vue-flow-layout#readme","bugs":{"url":"https://github.com/zyyv/vue-flow-layout/issues"},"dist":{"shasum":"4095d9e79b80e845f110d4d015de6faf2c71f735","tarball":"https://registry.npmjs.org/vue-flow-layout/-/vue-flow-layout-0.1.1.tgz","fileCount":6,"integrity":"sha512-JdgRRUVrN0Y2GosA0M68DEbKlXMqJ7FQgsK8CjQD2vxvNSqAU6PZEpi4cfcTVtfM2GVOMjHo7GKKLbXxOBqDqA==","signatures":[{"sig":"MEUCIQDxmYklgHS27vwj3HBQdzjOSSSRzFoDxbAjcin0ZtjVxwIgS2lJY6+Qq7msqquoyZid/WBI+g/hxTmxccHCvZQmKdQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11188},"main":"./dist/index.mjs","type":"module","_from":"file:vue-flow-layout-0.1.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"}},"scripts":{"dev":"unbuild --stub && pnpm play","lint":"eslint .","play":"pnpm -C playground dev","build":"unbuild","release":"pnpm lint:fix && bumpp -r && pnpm publish","lint:fix":"eslint --fix ."},"_npmUser":{"name":"zyyv","email":"hizyyv@gmail.com"},"_resolved":"/private/var/folders/r8/j0hx2w193894rfttkx2fn1k00000gp/T/84afa78edc4d5c25a72f4c5c094c5738/vue-flow-layout-0.1.1.tgz","_integrity":"sha512-JdgRRUVrN0Y2GosA0M68DEbKlXMqJ7FQgsK8CjQD2vxvNSqAU6PZEpi4cfcTVtfM2GVOMjHo7GKKLbXxOBqDqA==","repository":{"url":"git+https://github.com/zyyv/vue-flow-layout.git","type":"git"},"_npmVersion":"10.8.1","description":"🌊 The Vue waterfull layout component.","directories":{},"sideEffects":false,"_nodeVersion":"22.4.1","typesVersions":{"*":{"*":["./dist/*","./dist/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.37","vite":"^5.4.1","bumpp":"^9.6.1","eslint":"^9.11.1","unbuild":"^2.0.0","vue-tsc":"^2.0.29","typescript":"^5.5.3","@vitejs/plugin-vue":"^5.1.2","@antfu/eslint-config":"^3.7.3"},"peerDependencies":{"vue":"^3.4.37"},"_npmOperationalInternal":{"tmp":"tmp/vue-flow-layout_0.1.1_1729768735400_0.7171151290327569","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"vue-flow-layout","version":"0.2.0","keywords":["vue","waterfull","flow-layout","vue-flow-layout"],"author":{"name":"Chris","email":"hizyyv@gmail.com"},"license":"MIT","_id":"vue-flow-layout@0.2.0","maintainers":[{"name":"zyyv","email":"hizyyv@gmail.com"}],"homepage":"https://github.com/zyyv/vue-flow-layout#readme","bugs":{"url":"https://github.com/zyyv/vue-flow-layout/issues"},"dist":{"shasum":"3ea4e388a213f23d4653b45255b75b760701cd23","tarball":"https://registry.npmjs.org/vue-flow-layout/-/vue-flow-layout-0.2.0.tgz","fileCount":5,"integrity":"sha512-zKgsWWkXq0xrus7H4Mc+uFs1ESrmdTXlO0YNbR6wMdPaFvosL3fMB8N7uTV308UhGy9UvTrGhIY7mVz9eN+L0Q==","signatures":[{"sig":"MEUCIQDfV2wrVe48jSbEaIGs5NbhRlQGg7szvLAz8d4Rab/48QIgD0xvNc8Q9uzNVPjtmlG+duzDL+rt7jhS/9Qeypo/1Ms=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9419},"main":"./dist/index.js","type":"module","_from":"file:vue-flow-layout-0.2.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"dev":"tsdown --watch && pnpm play","lint":"eslint .","play":"pnpm -C playground dev","build":"tsdown","release":"pnpm lint:fix && bumpp -r && pnpm publish","lint:fix":"eslint --fix ."},"_npmUser":{"name":"zyyv","actor":{"name":"zyyv","type":"user","email":"hizyyv@gmail.com"},"email":"hizyyv@gmail.com"},"_resolved":"/private/var/folders/r8/j0hx2w193894rfttkx2fn1k00000gp/T/4d9420bd138330b64f934897333c8b1f/vue-flow-layout-0.2.0.tgz","_integrity":"sha512-zKgsWWkXq0xrus7H4Mc+uFs1ESrmdTXlO0YNbR6wMdPaFvosL3fMB8N7uTV308UhGy9UvTrGhIY7mVz9eN+L0Q==","repository":{"url":"git+https://github.com/zyyv/vue-flow-layout.git","type":"git"},"_npmVersion":"10.9.2","description":"🌊 The Vue waterfull layout component.","directories":{},"sideEffects":false,"_nodeVersion":"23.8.0","typesVersions":{"*":{"*":["./dist/*","./dist/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.17","vite":"^7.0.0","bumpp":"^10.2.0","eslint":"^9.29.0","tsdown":"^0.12.8","vue-tsc":"^2.2.10","typescript":"^5.8.3","@vitejs/plugin-vue":"^6.0.0","@antfu/eslint-config":"^4.16.1","eslint-import-resolver-node":"^0.3.9"},"_npmOperationalInternal":{"tmp":"tmp/vue-flow-layout_0.2.0_1750840240028_0.20553167683056484","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2024-10-05T07:38:57.729Z","modified":"2025-08-13T09:50:28.340Z","0.0.5":"2024-10-05T07:38:57.921Z","0.1.0":"2024-10-24T10:54:38.776Z","0.1.1":"2024-10-24T11:18:55.623Z","0.2.0":"2025-06-25T08:30:40.202Z"},"bugs":{"url":"https://github.com/zyyv/vue-flow-layout/issues"},"author":{"name":"Chris","email":"hizyyv@gmail.com"},"license":"MIT","homepage":"https://github.com/zyyv/vue-flow-layout#readme","keywords":["vue","waterfull","flow-layout","vue-flow-layout"],"repository":{"url":"git+https://github.com/zyyv/vue-flow-layout.git","type":"git"},"description":"🌊 The Vue waterfull layout component.","maintainers":[{"email":"support@npmjs.com","name":"npm-support"}],"readme":"<h1 align=\"center\">vue-flow-layout</h1>\n\n<p align=\"center\">🌊 The Vue waterfull layout component.</p>\n\n<p align=\"center\">\n<a>\n<img src=\"https://img.shields.io/npm/v/vue-flow-layout?style=flat&colorA=080f12&colorB=1fa669\" alt=\"npm version\" />\n</a>\n<a>\n<img src=\"https://img.shields.io/npm/dm/vue-flow-layout?style=flat&colorA=080f12&colorB=1fa669\" alt=\"npm downloads\" />\n</a>\n<img src=\"https://img.shields.io/github/license/zyyv/vue-flow-layout.svg?style=flat&colorA=080f12&colorB=1fa669\" alt=\"License\" />\n</a>\n</p>\n\n## Features\n\n- 🌊 Waterfull layout\n- 📦 Lightweight\n- 🎨 Elegant transition\n- 📱 Responsive\n\n## Install\n\n```bash\npnpm add vue-flow-layout\n```\n\n## Usage\n\n```ts\nimport { createApp } from 'vue'\nimport VueFlowLayout from 'vue-flow-layout'\nimport App from './App.vue'\n\ncreateApp(App).use(VueFlowLayout).mount('#app')\n```\n\nUse in your component:\n\n```vue\n<template>\n  <FlowLayout>\n    <div v-for=\"i in 100\" :key=\"i\" class=\"item\">\n      {{ i }}\n    </div>\n  </FlowLayout>\n</template>\n```\n\n## Props\n\n| Name       | Type                     | Default | Description                          |\n| ---------- | ------------------------ | ------- | ------------------------------------ |\n| cols       | number                   | 2       | The number of columns                |\n| gap        | number \\| [number, number] | 4       | The gap between items for X|Y       |\n| duration   | number                   | 350ms   | The transition duration              |\n\n## Credits\n\n- [wc-flow-layout](https://github.com/huodoushigemi/wc-flow-layout)\n\n## license\n\n[MIT](./LICENSE)\n","readmeFilename":"README.md"}