{"_id":"@antdv-next/img-crop","_rev":"3-4b9e4ab65cddb41a7bfe62cb160eced6","name":"@antdv-next/img-crop","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@antdv-next/img-crop","version":"0.0.1","keywords":["ant-design-vue","antdv-next","crop","cropper","image","upload","vue"],"license":"MIT","_id":"@antdv-next/img-crop@0.0.1","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"},{"name":"shiqkuangsan","email":"shiqkuangsan@gmail.com"}],"dist":{"shasum":"7026ced1276ae9a5f0703681caf2f36c0a7f67bc","tarball":"https://registry.npmjs.org/@antdv-next/img-crop/-/img-crop-0.0.1.tgz","fileCount":5,"integrity":"sha512-3Fw1oPTsuvY+6tKx5ZnA6ZPdqGDPWrULtOe181spL6MFriUuPJ7TU+TP+AhgSbzIAeZaYA6AvDMYqC8XTNlMlA==","signatures":[{"sig":"MEQCIEApBoxlZ32w92wzZ30HBSSyf+PHErZ/8bg2A7MJCI2HAiAbqRTVV/M/2J4hZvsrvJCCRLfdqAjCiQwIg/rj2WdDXg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26200},"type":"module","_from":"file:antdv-next-img-crop-0.0.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"dev":"vp pack -w","test":"vp test","build":"vp pack"},"_npmUser":{"name":"ffgenius","email":"fuwb0407@gmail.com"},"_resolved":"/tmp/7765f102ceb8395d13528961809c8f73/antdv-next-img-crop-0.0.1.tgz","_integrity":"sha512-3Fw1oPTsuvY+6tKx5ZnA6ZPdqGDPWrULtOe181spL6MFriUuPJ7TU+TP+AhgSbzIAeZaYA6AvDMYqC8XTNlMlA==","_npmVersion":"11.16.0","description":"Image cropper integrated with antdv-next Upload. Wrap an Upload component, crop in a modal, get the cropped file in beforeUpload.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"@antdv-next/vue-easy-crop":"0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.35","vue-tsc":"^3.3.2","happy-dom":"^20.11.0","unplugin-vue":"^7.2.0","@vue/test-utils":"^2.4.11","@vitejs/plugin-vue":"^6.0.7"},"peerDependencies":{"vue":">=3.0.0","antdv-next":"*"},"_npmOperationalInternal":{"tmp":"tmp/img-crop_0.0.1_1784959946219_0.29801319750714383","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@antdv-next/img-crop","version":"0.0.2","keywords":["ant-design-vue","antdv-next","crop","cropper","image","upload","vue"],"license":"MIT","_id":"@antdv-next/img-crop@0.0.2","maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"ffgenius","email":"fuwb0407@gmail.com"},{"name":"cc-heart","email":"ccheartszzz@gmail.com"},{"name":"selicens","email":"selicens@foxmail.com"},{"name":"shiqkuangsan","email":"shiqkuangsan@gmail.com"}],"dist":{"shasum":"fa55f9b1affeae094d07f7e9c3fa23e4dd50b9de","tarball":"https://registry.npmjs.org/@antdv-next/img-crop/-/img-crop-0.0.2.tgz","fileCount":5,"integrity":"sha512-qWAx+IM3LeERXUk/LWc1dMjwcJLC9eR7ECec5sT9w3Agp8MXL6j7wplVFslKNE22xAyuRUMpZdUi8dmazh5crw==","signatures":[{"sig":"MEUCIC/MGfmUvp/z2vB1FyZVp8NC9VLoEKRdit/ztPyFI1dFAiEApCVoSnT+43JshLKqree5et53wrZydT6wAnzl1yUek0o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26459},"type":"module","_from":"file:antdv-next-img-crop-0.0.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"dev":"vp pack -w","test":"vp test","build":"vp pack"},"_npmUser":{"name":"ffgenius","email":"fuwb0407@gmail.com"},"_resolved":"/tmp/d17363a0c7ad9a0df6c9878cb787f817/antdv-next-img-crop-0.0.2.tgz","_integrity":"sha512-qWAx+IM3LeERXUk/LWc1dMjwcJLC9eR7ECec5sT9w3Agp8MXL6j7wplVFslKNE22xAyuRUMpZdUi8dmazh5crw==","_npmVersion":"11.16.0","description":"Image cropper integrated with antdv-next Upload. Wrap an Upload component, crop in a modal, get the cropped file in beforeUpload.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"@antdv-next/vue-easy-crop":"0.0.2"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.35","vue-tsc":"^3.3.2","happy-dom":"^20.11.0","unplugin-vue":"^7.2.0","@vue/test-utils":"^2.4.11","@vitejs/plugin-vue":"^6.0.7"},"peerDependencies":{"vue":">=3.0.0","antdv-next":"*"},"_npmOperationalInternal":{"tmp":"tmp/img-crop_0.0.2_1785344147497_0.8683252473738761","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-07-25T06:12:26.093Z","modified":"2026-08-18T03:15:06.293Z","0.0.1":"2026-07-25T06:12:26.360Z","0.0.2":"2026-07-29T16:55:47.650Z"},"license":"MIT","keywords":["ant-design-vue","antdv-next","crop","cropper","image","upload","vue"],"description":"Image cropper integrated with antdv-next Upload. Wrap an Upload component, crop in a modal, get the cropped file in beforeUpload.","maintainers":[{"email":"aibayanyu@qq.com","name":"aibayanyu"},{"email":"fuwb0407@gmail.com","name":"ffgenius"},{"email":"ccheartszzz@gmail.com","name":"cc-heart"},{"email":"selicens@foxmail.com","name":"selicens"},{"email":"shiqkuangsan@gmail.com","name":"shiqkuangsan"},{"email":"olddrivero.king@qq.com","name":"lonewolfyx"}],"readme":"# @antdv-next/img-crop\n\n> Image cropper for antdv-next Upload component.\n\nWraps [@antdv-next/vue-easy-crop](https://github.com/ffgenius/img-crop) into an antdv-next `<Upload>` component. Select an image → crop it in a modal → get the cropped file in `beforeUpload`.\n\n## ✨ Features\n\n- 🔌 **Drop-in** — Just wrap your `<Upload>` with `<ImgCrop>`\n- 🪟 **Modal crop UI** — Built-in controls for zoom, rotation, and aspect ratio\n- 🎚️ **Configurable sliders** — Toggle zoom, rotation, and aspect sliders\n- 🔲 **Rect / Round** crop shapes\n- 🪝 **beforeCrop hook** — Validate files before cropping\n- 📐 **Custom aspect ratio** — Set initial ratio or let users adjust\n\n## 📦 Installation\n\n```bash\npnpm add @antdv-next/img-crop antdv-next\n```\n\n## 🚀 Quick Start\n\n```vue\n<script setup>\nimport { ImgCrop } from '@antdv-next/img-crop'\nimport { Upload, Button } from 'antdv-next'\n\nfunction handleUpload(file) {\n  // file is already cropped!\n  console.log(file)\n  return false // prevent actual upload in demo\n}\n</script>\n\n<template>\n  <ImgCrop :aspect=\"1\" crop-shape=\"rect\">\n    <Upload :before-upload=\"handleUpload\">\n      <Button>Upload &amp; Crop</Button>\n    </Upload>\n  </ImgCrop>\n</template>\n```\n\n## 📖 API\n\nSee the [docs site](https://github.com/ffgenius/img-crop) or run locally:\n\n```bash\npnpm --filter docs dev\n```\n\n## 📄 License\n\n[MIT](../../LICENSE)\n","readmeFilename":"README.md"}