{"_id":"@bazuka5801/vue-zoomer","_rev":"3-f14b6227941beaf313de8b298d040016","name":"@bazuka5801/vue-zoomer","dist-tags":{"latest":"0.4.2"},"versions":{"0.4.0-beta.2":{"name":"@bazuka5801/vue-zoomer","version":"0.4.0-beta.2","keywords":["zoom","zoomer","image","vue"],"author":{"name":"Jarvis Niu","email":"jarvisniu@gmail.com"},"license":"MIT","_id":"@bazuka5801/vue-zoomer@0.4.0-beta.2","maintainers":[{"name":"bazuka5801","email":"bazuka5801@mail.ru"}],"homepage":"https://github.com/jarvisniu/vue-zoomer#readme","bugs":{"url":"https://github.com/jarvisniu/vue-zoomer/issues"},"dist":{"shasum":"68a6f977228190121e01c51223e91266e778a0f3","tarball":"https://registry.npmjs.org/@bazuka5801/vue-zoomer/-/vue-zoomer-0.4.0-beta.2.tgz","fileCount":11,"integrity":"sha512-8pX/PPrdG/mMtTB6hHgva617mnZzCW6NHWUAMrdlL/9iFqk1HAQWalGokmEZ6u+GcAzhZrznvfumTm84R5nVOA==","signatures":[{"sig":"MEUCICu5rEKDT6f8f+DcqdNfmMyNz5SZk1A6Hb9THDeCpbDHAiEA3DieFxq5XgOcdeVXNCQHQq/6mD7YkoxQwN7TI5780VM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114980},"main":"src/index.js","module":"src/index.js","gitHead":"5342423b956dd3297200aab0df06b2a2c9672452","scripts":{"dev":"vite","build":"vite build --base .","serve":"http-server dist -c-1"},"_npmUser":{"name":"bazuka5801","email":"bazuka5801@mail.ru"},"repository":{"url":"git+ssh://git@github.com/jarvisniu/vue-zoomer.git","type":"git"},"_npmVersion":"10.7.0","description":"Zoom the image or other thing with mouse or touch","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^2.8.6","@vitejs/plugin-vue":"^2.2.4"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-zoomer_0.4.0-beta.2_1727970572703_0.18669953745539658","host":"s3://npm-registry-packages"}},"0.4.0-beta.3":{"name":"@bazuka5801/vue-zoomer","version":"0.4.0-beta.3","keywords":["zoom","zoomer","image","vue"],"author":{"name":"Jarvis Niu","email":"jarvisniu@gmail.com"},"license":"MIT","_id":"@bazuka5801/vue-zoomer@0.4.0-beta.3","maintainers":[{"name":"bazuka5801","email":"bazuka5801@mail.ru"}],"homepage":"https://github.com/jarvisniu/vue-zoomer#readme","bugs":{"url":"https://github.com/jarvisniu/vue-zoomer/issues"},"dist":{"shasum":"d8dd539cc53438936af62f0b0e94cc38dda56b86","tarball":"https://registry.npmjs.org/@bazuka5801/vue-zoomer/-/vue-zoomer-0.4.0-beta.3.tgz","fileCount":11,"integrity":"sha512-7dYjBjjc/PFW3etBytv96aWcBqX2SkNTk8uKCG0VZmhfBe9LAMZGNkIE5rTm3tEbQxrm4oF2a/eWXX7lfxsLzQ==","signatures":[{"sig":"MEUCIQDK6Dhw0VTcKYfVBeJTWPKuTduZhW5oPfBXnN+M9xTlNAIgUPUbWcc6einN9Ik6v8VIKdh8yhWK+GnJDph566lBvkU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115026},"main":"src/index.js","module":"src/index.js","gitHead":"5342423b956dd3297200aab0df06b2a2c9672452","scripts":{"dev":"vite","build":"vite build --base .","serve":"http-server dist -c-1"},"_npmUser":{"name":"bazuka5801","email":"bazuka5801@mail.ru"},"repository":{"url":"git+ssh://git@github.com/jarvisniu/vue-zoomer.git","type":"git"},"_npmVersion":"10.7.0","description":"Zoom the image or other thing with mouse or touch","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^2.8.6","@vitejs/plugin-vue":"^2.2.4"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-zoomer_0.4.0-beta.3_1728148867549_0.29564784794381516","host":"s3://npm-registry-packages"}},"0.4.1":{"name":"@bazuka5801/vue-zoomer","version":"0.4.1","keywords":["zoom","zoomer","image","vue"],"author":{"name":"Jarvis Niu","email":"jarvisniu@gmail.com"},"license":"MIT","_id":"@bazuka5801/vue-zoomer@0.4.1","maintainers":[{"name":"bazuka5801","email":"bazuka5801@mail.ru"}],"homepage":"https://github.com/jarvisniu/vue-zoomer#readme","bugs":{"url":"https://github.com/jarvisniu/vue-zoomer/issues"},"dist":{"shasum":"72325bec3d298bbb9329a12f6d1b02435c4ef316","tarball":"https://registry.npmjs.org/@bazuka5801/vue-zoomer/-/vue-zoomer-0.4.1.tgz","fileCount":11,"integrity":"sha512-ue34fwmK+YryXmAdCOT5pvp/NI4zZ/ODA4aiEkzdoPjkDQtDcLg3LbgCKB500uhBX8u1Snr39GL0ejQMGkJT/w==","signatures":[{"sig":"MEUCIQDkWjs49F/51qoKbSIowZC1HDEkWQa749+q7SDmNrVbaAIgANClR5nTniLZN9FNwZz4cRDtgEW7D9y0ZU+QGDZ7UO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115069},"main":"src/index.js","module":"src/index.js","gitHead":"5342423b956dd3297200aab0df06b2a2c9672452","scripts":{"dev":"vite","build":"vite build --base .","serve":"http-server dist -c-1"},"_npmUser":{"name":"bazuka5801","email":"bazuka5801@mail.ru"},"repository":{"url":"git+ssh://git@github.com/jarvisniu/vue-zoomer.git","type":"git"},"_npmVersion":"10.7.0","description":"Zoom the image or other thing with mouse or touch","directories":{},"_nodeVersion":"20.14.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^2.8.6","@vitejs/plugin-vue":"^2.2.4"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-zoomer_0.4.1_1728148898605_0.22931623035459858","host":"s3://npm-registry-packages"}},"0.4.2":{"name":"@bazuka5801/vue-zoomer","version":"0.4.2","description":"Zoom the image or other thing with mouse or touch","main":"src/index.js","module":"src/index.js","scripts":{"dev":"vite","build":"vite build --base .","serve":"http-server dist -c-1"},"keywords":["zoom","zoomer","image","vue"],"repository":{"type":"git","url":"git+ssh://git@github.com/jarvisniu/vue-zoomer.git"},"author":{"name":"Jarvis Niu","email":"jarvisniu@gmail.com"},"license":"MIT","peerDependencies":{"vue":"^3.0.0"},"devDependencies":{"@vitejs/plugin-vue":"^2.2.4","vite":"^2.8.6"},"_id":"@bazuka5801/vue-zoomer@0.4.2","gitHead":"b8cdc5f0e867c9e37a7e5a1934aa0b529d9c69a6","bugs":{"url":"https://github.com/jarvisniu/vue-zoomer/issues"},"homepage":"https://github.com/jarvisniu/vue-zoomer#readme","_nodeVersion":"20.14.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-pXRqOQ4o8GYhsVkG/7O1zG1Ir1RGRxc+uACKNfUH7BXQx9o4SA08HQ4gyyjteLpiTijGLVraJq8C/pfawdCQYA==","shasum":"fa1f7983b25cd4712054bff372d8fc8c2d5f663d","tarball":"https://registry.npmjs.org/@bazuka5801/vue-zoomer/-/vue-zoomer-0.4.2.tgz","fileCount":11,"unpackedSize":115156,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHRbjklNcnBe1Y0lfeIeDF3NuM4dGYVsL3fvckb6oRS+AiEAjOy1b20wwTwUpVYzAorE3r9TZyTlL0L+AB/VF+R0Ndw="}]},"_npmUser":{"name":"bazuka5801","email":"bazuka5801@mail.ru"},"directories":{},"maintainers":[{"name":"bazuka5801","email":"bazuka5801@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-zoomer_0.4.2_1728645541446_0.04512860822837306"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-03T15:49:32.596Z","modified":"2024-10-11T11:19:01.869Z","0.4.0-beta.2":"2024-10-03T15:49:32.911Z","0.4.0-beta.3":"2024-10-05T17:21:07.745Z","0.4.1":"2024-10-05T17:21:38.882Z","0.4.2":"2024-10-11T11:19:01.666Z"},"bugs":{"url":"https://github.com/jarvisniu/vue-zoomer/issues"},"author":{"name":"Jarvis Niu","email":"jarvisniu@gmail.com"},"license":"MIT","homepage":"https://github.com/jarvisniu/vue-zoomer#readme","keywords":["zoom","zoomer","image","vue"],"repository":{"type":"git","url":"git+ssh://git@github.com/jarvisniu/vue-zoomer.git"},"description":"Zoom the image or other thing with mouse or touch","maintainers":[{"name":"bazuka5801","email":"bazuka5801@mail.ru"}],"readme":"# vue-zoomer @next for Vue 3\n\n> Zoom the image or other thing with mouse or touch\n\n## Usage (Vue 3 Differences)\n\nDemo (built with [Vite](https://vitejs.dev/) 2):\n\n[Gallery](https://unpkg.com/vue-zoomer@next/dist/index.html)\n\nInstall:\n\n```bash\nnpm install vue-zoomer@next\n```\n\nImport:\n\n```js\nimport { createApp } from 'vue'\nimport VueZoomer from 'vue-zoomer'\n\nconst app = createApp(App)\napp.use(VueZoomer)\napp.mount('#app')\n```\n\n## Usage ( Below are Vue 2)\n\nInstall:\n\n```bash\nnpm install vue-zoomer\n```\n\nImport and register globally:\n\n```js\nimport Vue from 'vue'\nimport VueZoomer from 'vue-zoomer'\n\nVue.use(VueZoomer)\n```\n\nImport and register locally (after `v0.3.10`):\n\n```html\n<!-- page1.vue -->\n<script>\nimport VueZoomer from 'vue-zoomer'\nexport default {\n  components: {\n    VZoomer: VueZoomer.Zoomer,\n    VZoomerGallery: VueZoomer.Gallery,\n  },\n}\n</script>\n```\n\nYou can also import the source files (after `v0.3.10`), rather than\nthe minified umd bundle, for better debugging experience:\n```js\nimport VueZoomer from 'vue-zoomer/src'\n```\n\nSingle usage:\n\n```html\n<v-zoomer style=\"width: 500px; height: 500px; border: solid 1px silver;\">\n  <img\n    src=\"./assets/landscape-1.jpg\"\n    style=\"object-fit: contain; width: 100%; height: 100%;\"\n  >\n</v-zoomer>\n```\n\nGallery usage:\n\n```html\n<v-zoomer-gallery\n  style=\"width: 100vw; height: 100vh;\"\n  :list=\"['a.jpg', 'b.jpg', 'c.jpg']\"\n  v-model=\"selIndex\"\n></v-zoomer-gallery>\n```\n\n## API\n\n### &lt;v-zoomer&gt; Props\n\n- `maxScale: number` - Maximum scale limit, default is 5;\n- `minScale: number` - Minimum scale limit, default is 1;\n- `zoomed: out boolean` - Whether zoomed in (scale equals to 1). `out` means the prop is a child to parent one-way binding. So there must have a `.sync` modifier.\n- `pivot: 'cursor' | 'image-center'` - The pivot when zoom the content, default is `cursor`, can set to be `image-center`;\n- `zoomingElastic: boolean` - Whether to use the elastic effect when reaching the max/min zooming bounds, default is `true`;\n- `limitTranslation: boolean` - Whether to limit the content into the container, default is `true`;\n- `doubleClickToZoom: boolean` - Whether to zoom in/out the content by double click, default is `true`;\n- `mouseWheelToZoom: boolean` - Whether to zoom in/out the content by mouse wheel, default is `true`;\n\n### &lt;v-zoomer&gt; Methods\n\n- `reset()` - Reset the scale and translate to the initial state.\n- `zoomIn(scale=2)` - Zoom in.\n- `zoomOut(scale=0.5)` - Zoom out.\n\n### &lt;v-zoomer-gallery&gt; Props\n\n- `list: Array<string> required` - Displaying image urls;\n- `v-model(value): number required` - Index of current showing image;\n- `pivot: 'cursor' | 'image-center'` - Same as above;\n- `zoomingElastic: boolean` - Same as above;\n- `limitTranslation: boolean` - Same as above;\n- `doubleClickToZoom: boolean` - Same as above;\n- `mouseWheelToZoom: boolean` - Same as above;\n\n### &lt;v-zoomer-gallery&gt; Methods\n\n- `reset()` - Reset the scale and translate to the initial state.\n- `zoomIn(scale=2)` - Zoom in.\n- `zoomOut(scale=0.5)` - Zoom out.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}