{"_id":"@chashao__/vue-img-viewer","_rev":"4-2a6d59939fc48430e2589eaaef4345e6","name":"@chashao__/vue-img-viewer","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@chashao__/vue-img-viewer","version":"1.0.0","private":false,"main":"lib/vue-img-viewer.umd.min.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","build:lib":"vue-cli-service build --target lib --name vue-img-viewer --dest lib  src/components/index.js"},"publishConfig":{"registry":"https://registry.npmjs.org"},"dependencies":{"core-js":"^3.8.3","vue":"^2.6.14"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3","vue-template-compiler":"^2.6.14"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"1a43c251a074b7a860bb4c85d362ff619731be48","description":"- [Getting started](#getting-started)\r - [Props](#props)\r - [Methods](#methods)\r - [Events](#events)","_id":"@chashao__/vue-img-viewer@1.0.0","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-OpZGzvIpiNb1cREgBRuIDX1mr51bHMxeSX2hnqU223EsgqdrJwDnqCwxw/1HKpTAoOcsTS5fLFHA0RbIpkf8nQ==","shasum":"7fb6240999c71d02f92fd6e8e79434a64a374b60","tarball":"https://registry.npmjs.org/@chashao__/vue-img-viewer/-/vue-img-viewer-1.0.0.tgz","fileCount":12,"unpackedSize":569974,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGeV76f+frNI8M64ALy9raGEWOdePDOBxdacFCt0Iv9nAiEA3qTQBhYfBoZlfdonBnhyP1U1HRxfKAfN9BULAaB2wjA="}]},"_npmUser":{"name":"chashao__","email":"chashao0610@gmail.com"},"directories":{},"maintainers":[{"name":"chashao__","email":"chashao0610@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-viewer_1.0.0_1696831863802_0.9055275115972896"},"_hasShrinkwrap":false},"1.0.1":{"name":"@chashao__/vue-img-viewer","version":"1.0.1","private":false,"main":"lib/vue-img-viewer.umd.min.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","build:lib":"vue-cli-service build --target lib --name vue-img-viewer --dest lib  src/components/index.js"},"publishConfig":{"registry":"https://registry.npmjs.org"},"dependencies":{"core-js":"^3.8.3","vue":"^2.6.14"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3","vue-template-compiler":"^2.6.14"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"1a43c251a074b7a860bb4c85d362ff619731be48","description":"- [Getting started](#getting-started)\r - [Props](#props)\r - [Methods](#methods)\r - [Events](#events)","_id":"@chashao__/vue-img-viewer@1.0.1","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-ebw6yc+xwRuZMl/m4DEAkLJBQZqqsJqnAQB9fghkoyAx9ZPa1AdQGatV4IEhV5FMsDFTGjTzY2KIrBC5VIpDAQ==","shasum":"f7c8936813b032fd403bd2a6bddfd5d07769a825","tarball":"https://registry.npmjs.org/@chashao__/vue-img-viewer/-/vue-img-viewer-1.0.1.tgz","fileCount":12,"unpackedSize":569996,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5Jx84Ux+GmTzxr0XIt79omDDWg9fcxh9YGHPHuGtVUwIgX+6F2jhlVL53JtRWKW3G6UJhT0MhzkyJvKavAu46sC8="}]},"_npmUser":{"name":"chashao__","email":"chashao0610@gmail.com"},"directories":{},"maintainers":[{"name":"chashao__","email":"chashao0610@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-viewer_1.0.1_1696831936068_0.2097881620288813"},"_hasShrinkwrap":false},"1.0.2":{"name":"@chashao__/vue-img-viewer","version":"1.0.2","private":false,"main":"lib/vue-img-viewer.umd.min.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","build:lib":"vue-cli-service build --target lib --name vue-img-viewer --dest lib  src/components/index.js"},"publishConfig":{"registry":"https://registry.npmjs.org"},"dependencies":{"core-js":"^3.8.3","vue":"^2.6.14"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3","vue-template-compiler":"^2.6.14"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"1a43c251a074b7a860bb4c85d362ff619731be48","description":"- [Getting started](#getting-started)\r - [Props](#props)\r - [Methods](#methods)\r - [Events](#events)","_id":"@chashao__/vue-img-viewer@1.0.2","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-62zegvhdRPkqUCxifVJI938/4aORkwSNhQcvMaZlZbiiO3sAh1J+8epXtVD+YT+IHmGHf8a9LuqBndT685d4EQ==","shasum":"6c4915c0748194c3abe1953a0532cec83f11a5d0","tarball":"https://registry.npmjs.org/@chashao__/vue-img-viewer/-/vue-img-viewer-1.0.2.tgz","fileCount":12,"unpackedSize":570007,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCz8KvOUQbr5mbdxMmtnlBEQLnobteXOfAcQl3ugJQwJwIhAOTlv1GrEKTMSp+egKAyW+wSDI5WQRS/FCVtF1pw1PSE"}]},"_npmUser":{"name":"chashao__","email":"chashao0610@gmail.com"},"directories":{},"maintainers":[{"name":"chashao__","email":"chashao0610@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-viewer_1.0.2_1696831966503_0.33736681879178443"},"_hasShrinkwrap":false},"1.0.3":{"name":"@chashao__/vue-img-viewer","version":"1.0.3","private":false,"main":"lib/vue-img-viewer.umd.min.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","build:lib":"vue-cli-service build --target lib --name vue-img-viewer --dest lib  src/components/index.js"},"publishConfig":{"registry":"https://registry.npmjs.org"},"dependencies":{"core-js":"^3.8.3","vue":"^2.6.14"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3","vue-template-compiler":"^2.6.14"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"3f3ddd9463e50474fb9ce38858327cde13d55591","description":"- [Getting started](#getting-started)\r - [Props](#props)\r - [Methods](#methods)\r - [Events](#events)","_id":"@chashao__/vue-img-viewer@1.0.3","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-ZxhlfsPPtNXQqqIjH4GmiPMQqyNhtu1rT31ygR4t55Z9l1dymUhn+ciykZXVt72CUz89hvhB/6/MBoOVHtgxkA==","shasum":"25e9b283d6a8a94e06a9c88d21a7ce117a7be30a","tarball":"https://registry.npmjs.org/@chashao__/vue-img-viewer/-/vue-img-viewer-1.0.3.tgz","fileCount":5,"unpackedSize":3408,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBaxFsaWc9Iccb1r9CPmvxXoCr1MQWgi4vW0nx7UJpswAiARa+nGXJsyCIKjhvxcMG73NoauW8hcIkoctgmMfQT4DA=="}]},"_npmUser":{"name":"chashao__","email":"chashao0610@gmail.com"},"directories":{},"maintainers":[{"name":"chashao__","email":"chashao0610@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-viewer_1.0.3_1696898863954_0.18033814994806874"},"_hasShrinkwrap":false},"1.0.4":{"name":"@chashao__/vue-img-viewer","version":"1.0.4","private":false,"main":"lib/vue-img-viewer.umd.min.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","build:lib":"vue-cli-service build --target lib --name vue-img-viewer --dest lib  src/components/index.js"},"publishConfig":{"registry":"https://registry.npmjs.org"},"dependencies":{"core-js":"^3.8.3","vue":"^2.6.14"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3","vue-template-compiler":"^2.6.14"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"7cf29fd00fa89a71981d4df696c4389b9f0b17f9","description":"- [Getting started](#getting-started)\r - [Props](#props)\r - [Methods](#methods)\r - [Events](#events)","_id":"@chashao__/vue-img-viewer@1.0.4","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-Y2wTHxd159VI839FFwECvceC3aMeQPlDTzg1P7EoTXnNbkIAOGAo0XDaJGsGYDZUfblb+uzx6d/ncCS7nDbWog==","shasum":"9e82427811d3f8b46367b42bc7cc84c7908941d3","tarball":"https://registry.npmjs.org/@chashao__/vue-img-viewer/-/vue-img-viewer-1.0.4.tgz","fileCount":12,"unpackedSize":582678,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGnM0F4FuGpqd4VB06XeLJ8x9yiCnPznDzw/FBDVHG1OAiAnxDdpIFy3Y8DKGGifyzZsYAf82+C9elX9X9bYmakwuQ=="}]},"_npmUser":{"name":"chashao__","email":"chashao0610@gmail.com"},"directories":{},"maintainers":[{"name":"chashao__","email":"chashao0610@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-viewer_1.0.4_1696900429860_0.2047621827450925"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-09T06:11:03.682Z","1.0.0":"2023-10-09T06:11:04.037Z","modified":"2023-10-10T01:13:50.278Z","1.0.1":"2023-10-09T06:12:16.327Z","1.0.2":"2023-10-09T06:12:46.819Z","1.0.3":"2023-10-10T00:47:44.114Z","1.0.4":"2023-10-10T01:13:50.091Z"},"maintainers":[{"name":"chashao__","email":"chashao0610@gmail.com"}],"description":"- [Getting started](#getting-started)\r - [Props](#props)\r - [Methods](#methods)\r - [Events](#events)","readme":"# vue-img-viewer\r\n\r\n## Table of contents\r\n\r\n- [Getting started](#getting-started)\r\n- [Props](#props)\r\n- [Methods](#methods)\r\n- [Events](#events)\r\n\r\n## Getting started\r\n\r\n### Installation\r\n\r\n```shell\r\nnpm install @chashao__/vue-img-viewer --save\r\n```\r\n\r\n### Usage\r\n\r\n#### local component\r\n\r\n```html\r\n<template>\r\n  <img-viewer :src=\"imgSrc\"></img-viewer>\r\n</template>\r\n\r\n<script>\r\nimport ImgViewer from '@chashao__/vue-img-viewer'\r\nexport default {\r\n  components: {\r\n    ImgViewer\r\n  },\r\n  data () {\r\n    return {\r\n      imgSrc: ''\r\n    }\r\n  }\r\n}\r\n</script>\r\n```\r\n\r\n#### global component\r\n\r\n```js\r\nimport Vue from vue\r\nimport ImgViewer from '@chashao__/vue-img-viewer'\r\nVue.use(ImgViewer)\r\n```\r\n\r\n## Props\r\n\r\n### src\r\n\r\n- type: `Boolean`\r\n- required: `true`\r\n\r\nDefine where to get the original image URL for viewing\r\n\r\n### autoZoom\r\n\r\n- Type: `Boolean`\r\n- Required: `true`\r\n\r\nWhether the size is adaptive during initialization\r\n### toolbar\r\n\r\n- Type: `Boolean`\r\n- Default: `true`\r\n\r\nSpecify the visibility of the toolbar\r\n\r\n### movable\r\n\r\n- Type: `Boolean`\r\n- Default: `true`\r\n\r\nEnable to move the image.\r\n\r\n### rotatable\r\n\r\n- Type: `Boolean`\r\n- Default: `true`\r\n\r\nEnable to rotate the image.\r\n\r\n### flippable\r\n\r\n- Type: `Boolean`\r\n- Default: `true`\r\n\r\nEnable to flip the image.\r\n\r\n### zoomable\r\n\r\n- Type: `Boolean`\r\n- Default: `true`\r\n\r\nEnable to zoom the image.\r\n### zoomOnWheel\r\n\r\n- Type: `Boolean`\r\n- Default: `true`\r\n\r\nEnable to zoom the image by wheeling the mouse.\r\n\r\n### zoomRatio\r\n\r\n- Type: `Number`\r\n- Default: `0.1`\r\n\r\nDefine the ratio when zooming the image by wheeling the mouse.\r\n\r\n## Methods\r\n\r\n### reset()\r\n\r\nreset the viewer.\r\n\r\n## Events\r\n\r\n### on-zoom\r\n\r\n### on-rotate\r\n","readmeFilename":"README.md"}