{"_id":"@careteen/antd-img-crop","_rev":"3-eb33f65ae997951520c29af2ffe101ba","name":"@careteen/antd-img-crop","dist-tags":{"latest":"3.14.2"},"versions":{"3.14.0":{"name":"@careteen/antd-img-crop","version":"3.14.0","description":"An image cropper for Ant Design Upload","keywords":["react","antd","ant-design","upload","image","crop","cropper"],"license":"MIT","author":{"name":"careteenL","email":"15074806497@163.com","url":"https://github.com/careteenL"},"homepage":"https://github.com/careteenL/antd-img-crop","repository":{"type":"git","url":"git+https://github.com/careteenL/antd-img-crop.git"},"bugs":{"url":"https://github.com/careteenL/antd-img-crop/issues"},"main":"dist/antd-img-crop.cjs.js","module":"dist/antd-img-crop.esm.js","types":"index.d.ts","scripts":{"build":"rimraf dist && rollup -c"},"peerDependencies":{"antd":"^4.0.0","prop-types":"^15.6.2","react":"^16.8.0","react-dom":"^16.8.0"},"dependencies":{"@babel/runtime":"^7.12.0","react-easy-crop":"^3.2.1"},"devDependencies":{"@babel/core":"^7.12.0","@babel/plugin-transform-runtime":"^7.12.0","@babel/preset-env":"^7.12.0","@babel/preset-react":"^7.10.4","@rollup/plugin-replace":"^2.3.3","@types/react":"^16.9.52","antd":"^4.7.0","eslint":"^7.11.0","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-app":"^6.2.2","prettier":"^2.1.2","react":"^16.14.0","react-dom":"^16.14.0","rollup":"^2.30.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-less":"^1.1.2","typescript":"^4.0.3"},"eslintIgnore":["dist","index.d.ts"],"gitHead":"7e48a3c05b8942475b24ff5c0974fa16c4068e0e","_id":"@careteen/antd-img-crop@3.14.0","_nodeVersion":"14.8.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-fNWTl470fDmuneyECPXdY9CYhYH+EmX9WShzGbu9+2QQAnrp6QA+5tjD0b2fW+qLEXfFET35iypkqF3ib1K4yw==","shasum":"0deb2cee3c71e9d753fbb36cbc68331e65d174ce","tarball":"https://registry.npmjs.org/@careteen/antd-img-crop/-/antd-img-crop-3.14.0.tgz","fileCount":9,"unpackedSize":58038,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmSMlCRA9TVsSAnZWagAAX78QAJCv6OpyTYxJAzi4hTDs\nCXrqJHmH3Dju20HV/3Ts46+53dY1COEs7NDGxpEW5KGVFRczXpG1usvx/o7c\n2kdXnrdEulNuUm23LMgc9AAYg2WGkfw08WFdtnCGjFsZVO1YqK1Ne+hHONUm\nK3s8qc00nMeJTYMsgAHS/F5LtoJgUmWskRsfJocyfx/IBG3DZ595I9Cx+5t8\n8GJXo4KMIkDXh955dV4uQp6pWXUYYyw5+f9dJ0KjS/gfg7yC9WVyj5iRQ26S\nQ/QCyktnxNfdIqIiY3TIlR5P4LgrEfFAOU4lG/t1DHSahvsx0w3b/9g76qQi\nh4EKsFwMSpNKHfvAipvVkAnS1UZQosvPcfxbJUXUHhslNFah2oqx/Izcw7eh\npXOivicQl9uFyZp44lNoE/d4cfXF+jE+yAxVJnWKMWNxCY81WNdakdzh88W7\nTpL4Yw+U5KgXP4rzjM1Tg+rpmT4jSU097/8MvNT4+d3sVe2xEsN4un5dwduI\nV7s3W76hZZOZX0c85j0ODROuxQahGiI5+psGxE+0g3QUCYP2WuQWwU03FGfk\nc0J+TKG+eGHCJSvB+pc4A5axypJLXKaFazKOmMY4GNcq0X9fq7E3ton/vini\nXE6mL09aRQO1dfNa5Ra6thZzDbS2VGq7rWUtZWIZ6SW6EiOXZp3CzZHMxVM9\n7i7j\r\n=FHp9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIClzS3zSDqRwEf2uYoqWdf15HOLgwoolXRqIgx95Kzu1AiEA2bHgWCnnM2UFtcbTLNhPIdCFltDPCUJ6xN6k1nUU1yw="}]},"maintainers":[{"name":"careteen","email":"15074806497@163.com"}],"_npmUser":{"name":"careteen","email":"15074806497@163.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-img-crop_3.14.0_1603871525371_0.9802182369007324"},"_hasShrinkwrap":false},"3.14.1":{"name":"@careteen/antd-img-crop","version":"3.14.1","description":"An image cropper for Ant Design Upload","keywords":["react","antd","ant-design","upload","image","crop","cropper"],"license":"MIT","author":{"name":"careteenL","email":"15074806497@163.com","url":"https://github.com/careteenL"},"homepage":"https://github.com/careteenL/antd-img-crop","repository":{"type":"git","url":"git+https://github.com/careteenL/antd-img-crop.git"},"bugs":{"url":"https://github.com/careteenL/antd-img-crop/issues"},"main":"dist/antd-img-crop.cjs.js","module":"dist/antd-img-crop.esm.js","types":"index.d.ts","scripts":{"build":"rimraf dist && rollup -c"},"peerDependencies":{"antd":"^4.0.0","prop-types":"^15.6.2","react":"^16.8.0","react-dom":"^16.8.0"},"dependencies":{"@babel/runtime":"^7.12.0","is-promise":"^4.0.0","react-easy-crop":"^3.2.1"},"devDependencies":{"@babel/core":"^7.12.0","@babel/plugin-transform-runtime":"^7.12.0","@babel/preset-env":"^7.12.0","@babel/preset-react":"^7.10.4","@rollup/plugin-replace":"^2.3.3","@types/react":"^16.9.52","antd":"^4.7.0","eslint":"^7.11.0","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-app":"^6.2.2","prettier":"^2.1.2","react":"^16.14.0","react-dom":"^16.14.0","rollup":"^2.30.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-less":"^1.1.2","typescript":"^4.0.3"},"eslintIgnore":["dist","index.d.ts"],"gitHead":"15eb195ca899a6ea286377dd237a7ddeff62e502","_id":"@careteen/antd-img-crop@3.14.1","_nodeVersion":"14.8.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-km/eKSlXxZDQlg304iaC8PF21CS0hiyWsdc7bbpoUQQ8eReQSwt4ewh5uRVX7ocOgegxJOBYsIom5zIgzBgLxQ==","shasum":"1b15de19a1f02a5e353899a81ad6abdbf5389dd8","tarball":"https://registry.npmjs.org/@careteen/antd-img-crop/-/antd-img-crop-3.14.1.tgz","fileCount":9,"unpackedSize":58618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmTRZCRA9TVsSAnZWagAAcKQQAIhgS55BnVK2S+1sXwL4\nhv/Avro6UIhbBoxGUiSi1tBsybOhxhZl+mhkacf701l3aMexJVdH3NctQzz9\nksoRPq/sOEYCwLCIfroWQJ/z1tj1RKAPx447UAV0z1pHzZ7r9+jRuxstKKcx\n54RZdbkezQ1tc0uR8Rk/uV2P/tf/lRAugDARCqayT+g/ABPXFB7rfKlqxhZM\nyVuQ/2/QtwPeCIm+y9gAwjo0Rgij6c/zZD9xnEMQgymHLWS+mn+6edneOHhc\nc+3qBgzPicpevlmdsLUXR6sCOZCb+UDHTMULxDlXkgdOakZrYjJKqLGwhxXy\nQhX87KYI7CGU1PZal5ntxWHAkVMVSqZuUMxg1ckyQ6qvz5Oep+jtqLcZ3beb\nSL93ATUN3S7jcbdxLJAh6vJw+5rIEbp3DmIh/WVEYDT91JOpz2XVc8KiD7xk\nJwz9Idwf2umkaOpmRRN0w7znEpBNxXfM0f7Au0QM0Jt5zFbJ5DA9DAY3K93x\nwvJiYn0Slar0ZnYQLJKtdgpG6tRgXYiYLiOXSs8vss/yoy2E9qmavn72p8nq\n2i9vxKtzPK26zV+q8rKAJk5yqsdY6jkmLHBmvWJ/JVcrVhmYMdpmj5pywQ3m\ni17ZyJfsxBVhTtmNXxZwsZUJLbIXKGh04pq72wT9bHME4UBY/cydQcIu3y9Q\nu1kG\r\n=K7/g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBhz1yOICn9l2g/hhBuyoBxcQk2NfqPbofsEI3v9xIFwAiEAu3lcVIPWjDyfuBN3hOwnFbIToCpm8t71pmpOoIQyx3A="}]},"maintainers":[{"name":"careteen","email":"15074806497@163.com"}],"_npmUser":{"name":"careteen","email":"15074806497@163.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-img-crop_3.14.1_1603875928689_0.7261650990708752"},"_hasShrinkwrap":false},"3.14.2":{"name":"@careteen/antd-img-crop","version":"3.14.2","description":"An image cropper for Ant Design Upload","keywords":["react","antd","ant-design","upload","image","crop","cropper"],"license":"MIT","author":{"name":"careteenL","email":"15074806497@163.com","url":"https://github.com/careteenL"},"homepage":"https://github.com/careteenL/antd-img-crop","repository":{"type":"git","url":"git+https://github.com/careteenL/antd-img-crop.git"},"bugs":{"url":"https://github.com/careteenL/antd-img-crop/issues"},"main":"dist/antd-img-crop.cjs.js","module":"dist/antd-img-crop.esm.js","types":"index.d.ts","scripts":{"build":"rimraf dist && rollup -c"},"peerDependencies":{"antd":"^4.0.0","prop-types":"^15.6.2","react":"^16.8.0","react-dom":"^16.8.0"},"dependencies":{"@babel/runtime":"^7.12.0","is-promise":"^4.0.0","react-easy-crop":"^3.2.1"},"devDependencies":{"@babel/core":"^7.12.0","@babel/plugin-transform-runtime":"^7.12.0","@babel/preset-env":"^7.12.0","@babel/preset-react":"^7.10.4","@rollup/plugin-replace":"^2.3.3","@types/react":"^16.9.52","antd":"^4.7.0","eslint":"^7.11.0","eslint-config-prettier":"^6.12.0","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-app":"^6.2.2","prettier":"^2.1.2","react":"^16.14.0","react-dom":"^16.14.0","rollup":"^2.30.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-less":"^1.1.2","typescript":"^4.0.3"},"eslintIgnore":["dist","index.d.ts"],"gitHead":"9debecf63ed7815ed2eb1b011925eb658bcec43d","_id":"@careteen/antd-img-crop@3.14.2","_nodeVersion":"14.8.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-IgxGJO/wunA0gauBwZaOJ+IEbtg2KbEw83NdjvhgWY5x/dhgAyE69Fm1YkqI1Z3471mmTqokRtvX8A9M05ziOg==","shasum":"6877c9aea34b1b28af9f4a30b7f62d8207f61077","tarball":"https://registry.npmjs.org/@careteen/antd-img-crop/-/antd-img-crop-3.14.2.tgz","fileCount":9,"unpackedSize":62287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmTlgCRA9TVsSAnZWagAA8hQP/1T/VJzoXy2tlnRgRAag\nPWUius115VopBG/3hb+LpBSaKl46WztWrzQ6iwBMLcnlbh6onLfD8n9p3UKF\ncmLV8AX9WRi7jy2f8jaFRRoIy65Jpqgof/kunYqRT9DCMHSXAvGxtFe+IEdz\niQQ52xxRvUGGw4vc5nbuk48PGfqjXoLXBRbL3n9DWK8DLi6rafr38WboK8Fs\nSnGIsoBh/hZJJLxjSD4JF7Hfw0TLOlND4U5nkwuiVgcDkNIZ+vAbi7+p4w33\ngHJk6ZVQEgZh4YENOCtuacpg+/cgl1vyPe/UniTqVC+Nn490LWBxdLbZYQOU\nUW67obLGjKss7nkhxk1OMYr+Zl4NJNiqAltUveiTduqUfMS+nJDgj+6XiHQ3\nVX/VeZH0BeYOzheVU23YivhKQ3r4Q/G8/pRWck5bXuA/9hfIWV5Alyyi3lTd\ncbqPsXdaRJL+Xy9buTPP0xzwijCJIK2GEZcM1s5gLC+krxwbFSMx0ZhgKxpZ\nFpn55Ss2INuV5Gqo2egQVFO785MCMBVUWt8BNPl3dXhd7+0Dym3p+WVs7vat\niR8ySTG9hvf1jCJcFDzSetAXGqQQpYMZHmP+xHfivG0FycD+LfcAziblgmq0\nINrm3beNNoM/z2UXwCk/63LM2xOixmiFGaj0LGZdgQ9e6snJvhu2eK4q3/Vq\n3jpb\r\n=aSUl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDN+8WvL+Dufv8USuzxl8Qf3jA4Pn00cA4+0u1sIF0KywIhAMnwdLq0t83ngGU2cebppoybmHBJrkH0nu/311ix7nYo"}]},"maintainers":[{"name":"careteen","email":"15074806497@163.com"}],"_npmUser":{"name":"careteen","email":"15074806497@163.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-img-crop_3.14.2_1603877215989_0.7269594092120164"},"_hasShrinkwrap":false}},"time":{"created":"2020-10-28T07:52:05.336Z","3.14.0":"2020-10-28T07:52:05.609Z","modified":"2022-04-04T21:54:45.629Z","3.14.1":"2020-10-28T09:05:28.868Z","3.14.2":"2020-10-28T09:26:56.119Z"},"maintainers":[{"name":"careteen","email":"15074806497@163.com"}],"description":"An image cropper for Ant Design Upload","homepage":"https://github.com/careteenL/antd-img-crop","keywords":["react","antd","ant-design","upload","image","crop","cropper"],"repository":{"type":"git","url":"git+https://github.com/careteenL/antd-img-crop.git"},"author":{"name":"careteenL","email":"15074806497@163.com","url":"https://github.com/careteenL"},"bugs":{"url":"https://github.com/careteenL/antd-img-crop/issues"},"license":"MIT","readme":"# antd-img-crop\n\nAn image cropper for Ant Design [Upload](https://ant.design/components/upload/).\n\n[![npm](https://img.shields.io/npm/v/antd-img-crop.svg?style=flat-square)](https://www.npmjs.com/package/antd-img-crop)\n[![npm](https://img.shields.io/npm/dt/antd-img-crop?style=flat-square)](https://www.npmtrends.com/antd-img-crop)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/antd-img-crop?style=flat-square)](https://bundlephobia.com/result?p=antd-img-crop)\n[![GitHub](https://img.shields.io/github/license/careteenL/antd-img-crop?style=flat-square)](https://github.com/careteenL/antd-img-crop/blob/master/LICENSE)\n\nEnglish | [简体中文](./README.zh-CN.md)\n\n## Demo\n\n[Live demo](https://codesandbox.io/s/antd-img-crop-4qoom5p9x4)\n\n## Special\n\n> fork from [antd-img-crop@3.13.1](https://www.npmjs.com/package/antd-img-crop/v/3.13.1) to support [pull/76](https://github.com/nanxiaobei/antd-img-crop/pull/76)、[pull/90](https://github.com/nanxiaobei/antd-img-crop/pull/90)\n\n## Install\n\n```sh\nyarn add @careteen/antd-img-crop\n```\n\n## Usage\n\n```jsx harmony\nimport ImgCrop from '@careteen/antd-img-crop';\nimport { Upload } from 'antd';\n\nconst Demo = () => (\n  <ImgCrop>\n    <Upload>+ Add image</Upload>\n  </ImgCrop>\n);\n```\n\n## Props\n\n| Prop         | Type                 | Default        | Description                                                           |\n| ------------ | -------------------- | -------------- | --------------------------------------------------------------------- |\n| aspect       | `number`             | `1 / 1`        | Aspect of crop area , `width / height`                                |\n| shape        | `string`             | `'rect'`       | Shape of crop area, `'rect'` or `'round'`                             |\n| grid         | `boolean`            | `false`        | Show grid of crop area (third-lines)                                  |\n| quality      | `number`             | `0.4`          | Image quality, `0 ~ 1`                                                |\n| zoom         | `boolean`            | `true`         | Enable zoom for image                                                 |\n| rotate       | `boolean`            | `false`        | Enable rotate for image                                               |\n| gifCrop      | `boolean`            | `false`        | Enable crop gif                                                       |\n| minZoom      | `number`             | `1`            | Minimum zoom factor                                                   |\n| maxZoom      | `number`             | `3`            | Maximum zoom factor                                                   |\n| modalTitle   | `string`             | `'Edit image'` | Title of modal                                                        |\n| modalWidth   | `number` \\| `string` | `520`          | Width of modal in pixels number or percentages                        |\n| modalOk      | `string`             | `'OK'`         | Text of confirm button of modal                                       |\n| modalCancel  | `string`             | `'Cancel'`     | Text of cancel button of modal                                        |\n| beforeCrop   | `function`           | -              | Call before modal open, if return `false`, it'll not open             |\n| onError      | `function`           | -              | Catch Error                                                           |\n| cropperProps | `object`             | -              | Props of [react-easy-crop] (\\* [existing props] cannot be overridden) |\n\n## Styles\n\nTo prevent overwriting the custom styles to `antd`, `antd-img-crop` does not import the style files of components.\n\nTherefore, if your project configured `babel-plugin-import`, and not use `Modal` or `Slider`, you need to import the styles yourself:\n\n```js\nimport 'antd/es/modal/style';\nimport 'antd/es/slider/style';\n```\n\n## License\n\n[MIT License](https://github.com/careteenL/antd-img-crop/blob/master/LICENSE) (c) [careteenL](https://mrlee.me/)\n\n[react-easy-crop]: https://github.com/ricardo-ch/react-easy-crop#props\n[existing props]: https://github.com/careteenL/antd-img-crop/blob/master/src/index.jsx#L67-L83\n","readmeFilename":"README.md"}