{"_id":"@axetroy/lazy-image","_rev":"1-60af54506fefcda49ab3ce753d5dd2a7","name":"@axetroy/lazy-image","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@axetroy/lazy-image","version":"0.0.1","description":"Lazy image component for Vue.js & React.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","start":"parcel index.html","build":"npm run clean && npm run build:react && npm run build:vue && npm run move:d","build:react":"webpack --config ./webpack.react.config.js --display-error-details --progress --colors","build:vue":"webpack --config ./webpack.vue.config.js --display-error-details --progress --colors","build:website":"rm -rf ./doc && parcel build index.html -d ./doc --public-url /lazy-image","deploy":"npm run build:website && npx gh-pages -d ./doc","clean":"rm -rf ./dist","move:d":"cp ./dist/react/index.d.ts ./react/index.d.ts && cp ./dist/vue/index.vue.d.ts ./vue/index.d.ts"},"devDependencies":{"@babel/polyfill":"7.4.4","@types/lodash.debounce":"^4.0.6","@types/react":"16.9.1","@types/react-dom":"16.8.5","@types/webpack":"4.32.1","@vue/component-compiler-utils":"3.0.0","less":"^3.9.0","parcel-bundler":"1.12.3","react":"16.9.0","react-dom":"16.9.0","ts-loader":"6.0.4","tslib":"1.10.0","typescript":"3.5.3","vue":"2.6.10","vue-hot-reload-api":"2.3.3","vue-loader":"15.7.1","vue-template-compiler":"2.6.10","webpack":"4.39.1","webpack-cli":"3.3.6"},"author":"","license":"ISC","peerDependencies":{"react":"^16.9.0","react-dom":"^16.9.0","vue":"^2.6.10"},"dependencies":{"lodash.debounce":"^4.0.8"},"gitHead":"00f08019fe36d89ccbd9bfb6d00cdc44d5d3e609","_id":"@axetroy/lazy-image@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"axetroy","email":"troy450409405@gmail.com"},"dist":{"integrity":"sha512-sKzzt68yGtnuNXPJPzYHCKsIE2OmbR0B/IO8tVVKxlYEcn8Vg2W+HwjH3ujhBN7Zf8mRH+/Y5N6sSOhRI4xxrA==","shasum":"a8a91cb094e62bfac11d747337a7b50e9677e2bd","tarball":"https://registry.npmjs.org/@axetroy/lazy-image/-/lazy-image-0.0.1.tgz","fileCount":9,"unpackedSize":73521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdU8e7CRA9TVsSAnZWagAAN3EP/jHjo68pwt0llEdGPBcH\nWx9iDeSDxLSbgQn1352K7y+mx4i/RevZYWoS3Crr6J/jN9ilRletIEd+uojC\nqudg7X/GT7NuwXCTsTrxQGoMZHBbl0+QDp4OivlWJlnwzkKnkXTS8paSNcxr\nZ+vb4kFg/iYsG9eLP1kiz21v7jLu2RONQRHL77tPoT9b+fwvBE6akC2P5M2T\naEdXkH8e8s1RyM6fwI8ID79N9U+qVvlYpsV8+wuzcjbKdVX3GfNqah6Dd5FQ\nTl3j20Mung0JwQRPLqG7SU7Zw6sP0dpGBhxugy33xypR1Kvk4z2APP4nHLBn\nBscmv8lo+clz+AVQpbNSZJX/PdC7GBIZ0+non7JvueiLnwIRs7pxsmHjeDNx\noYxPC50NO+M5H2t0vEBU0MwvhBGDs1EEwtfhHCE22nAQ6xKDEbtg8Lgir5ed\nVs0nPhpgbE3dIMOj5V61VFUHWtjgT556iJo5mIao8en/DcDl26X7mxFfyT6S\n7Zumrn5umCq45OzyJhCgax/VWNCMEx8/IdfUDRUCuEZnK8werj370eWjQta+\n/wUnnpRsZ+BBNXhw2q/6ROamV6nSk4u7/VeMTLGBFF1V9zGGiBflGn+kMv4H\n/+vqGjeY2f0LCcUeeVRzkE8705KBEQnsdIqlyzxyVL0J8dLa9xvI+Wk/TUQe\nTzh/\r\n=YQsi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxmRlq6vu/1FCF1zhm2zP/GkPjZpCF+3pca3BriJ8J+QIgB/1xaMxqZzzVhn7Z8mlzDR1Nvc/XiJD7u+9T4GpEsr0="}]},"maintainers":[{"name":"axetroy","email":"troy450409405@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lazy-image_0.0.1_1565771706549_0.7716939992583081"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-14T08:35:06.334Z","0.0.1":"2019-08-14T08:35:06.693Z","modified":"2022-04-04T17:09:52.581Z"},"maintainers":[{"name":"axetroy","email":"troy450409405@gmail.com"}],"description":"Lazy image component for Vue.js & React.js","license":"ISC","readme":"[![Build Status](https://travis-ci.org/axetroy/lazy-image.svg?branch=master)](https://travis-ci.org/axetroy/lazy-image)\n![License](https://img.shields.io/badge/license-MIT-green.svg)\n[![Prettier](https://img.shields.io/badge/Code%20Style-Prettier-green.svg)](https://github.com/prettier/prettier)\n![Node](https://img.shields.io/badge/node-%3E=7.6-blue.svg?style=flat-square)\n[![npm version](https://badge.fury.io/js/%40axetroy%2Flazy-image.svg)](https://badge.fury.io/js/%40axetroy%2Flazy-image)\n![Size](https://github-size-badge.herokuapp.com/axetroy/lazy-image.svg)\n\n### Lazy image component for Vue & React\n\n[Online Demo](https://axetroy.github.io/lazy-image)\n\n### Installation\n\n```bash\nnpm install @axetroy/lazy-image\n```\n\n### Usage\n\nUsing with Vue\n\n```vue\n<template>\n  <lazy-image style=\"max-width: 100%;\" src=\"https://example.com/img.png\" />\n</template>\n\n<script>\nimport LazyImage from \"@axetroy/lazy-image/vue\";\n\nexport default {\n  components: {\n    \"lazy-image\": LazyImage\n  }\n};\n</script>\n```\n\n### Vue Props\n\n| Prop | Description   | Defaults    |\n| ---- | ------------- | ----------- |\n| src  | Image src url | `undefined` |\n\n### Vue Events\n\n| Prop   | Description                      |\n| ------ | -------------------------------- |\n| @enter | trigger when enter into viewport |\n| @leave | trigger when leave viewport      |\n\nUsing in React\n\n```jsx\nimport React from \"react\";\nimport LazyImage from \"@axetroy/lazy-image/react\";\n\nclass App extends React.Component {\n  render() {\n    return (\n      <LazyImage\n        style={{ maxWidth: \"100%\" }}\n        src={\"https://example.com/img.png\"}\n      />\n    );\n  }\n}\n```\n\n### React Props\n\n| Prop      | Description                      | Defaults    |\n| --------- | -------------------------------- | ----------- |\n| src       | Image src url                    | `undefined` |\n| onEnter() | trigger when enter into viewport | `undefined` |\n| onLeave() | trigger when leave viewport      | `undefined` |\n\n## Browsers support\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)</br>Safari |\n| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| IE9, IE10, IE11, Edge                                                                                                                                                                                           | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               |\n\n> **IE11** require polyfill `Object.assign()`\n\n> **IE10** require polyfill `new Set()` and `new Map()`\n\n## License\n\nThe [MIT License](https://github.com/axetroy/lazy-image/blob/master/LICENSE)\n","readmeFilename":"README.md"}