{"_id":"@antdv-next/vue-easy-crop","_rev":"3-43a75b8d36f3cb41982c5d0a14076b36","name":"@antdv-next/vue-easy-crop","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@antdv-next/vue-easy-crop","version":"0.0.1","keywords":["crop","cropper","image crop","vue","vue3"],"license":"MIT","_id":"@antdv-next/vue-easy-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":"8ab9ea097bc27aae3e7f26505452457dfa8e580e","tarball":"https://registry.npmjs.org/@antdv-next/vue-easy-crop/-/vue-easy-crop-0.0.1.tgz","fileCount":5,"integrity":"sha512-0GcXlbGzx6ryXXfnoQPYmsr0E7d/8+bXAc4QpGEgitv189eUiZftGNk7Rt/aDqq1g39QOaW5AxDFOICsjpdL/g==","signatures":[{"sig":"MEYCIQDEd0yuuaypFks89IvHps+vT3LGGQNGCku5q2gyDEOF3gIhAObznkHUsZA9RUWXTShCWhzPRYcsYmCfHB7yy1CUdPyC","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49858},"type":"module","_from":"file:antdv-next-vue-easy-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","test:all":"vp test && playwright test","test:e2e":"playwright test","test:watch":"vp test --watch","test:e2e:ui":"playwright test --ui"},"_npmUser":{"name":"ffgenius","email":"fuwb0407@gmail.com"},"_resolved":"/tmp/b4e6696a062722b4a993c277532e6d51/antdv-next-vue-easy-crop-0.0.1.tgz","_integrity":"sha512-0GcXlbGzx6ryXXfnoQPYmsr0E7d/8+bXAc4QpGEgitv189eUiZftGNk7Rt/aDqq1g39QOaW5AxDFOICsjpdL/g==","_npmVersion":"11.16.0","description":"A Vue 3 component to crop images and videos with easy interactions. Drag, zoom, rotate, keyboard & touch support.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"normalize-wheel":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.35","vue-tsc":"^3.3.2","playwright":"^1.61.1","unplugin-vue":"^7.2.0","@playwright/test":"^1.61.1","@vitejs/plugin-vue":"^6.0.7"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-easy-crop_0.0.1_1784959944447_0.5826967962536382","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@antdv-next/vue-easy-crop","version":"0.0.2","keywords":["crop","cropper","image crop","vue","vue3"],"license":"MIT","_id":"@antdv-next/vue-easy-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":"46f32d6bdd52c9c103d8782c518a10b1df560d0a","tarball":"https://registry.npmjs.org/@antdv-next/vue-easy-crop/-/vue-easy-crop-0.0.2.tgz","fileCount":5,"integrity":"sha512-/PHlxJa2Czh+yrfuLO8hGzhMgk0S7d6Q0KMzsxzs66xhPU66MA+ITw6P/kQgrsr40M87F9xUfviChUN1Pl1yyw==","signatures":[{"sig":"MEUCIQDknxBe26ZW0XLGZ+0J2jMRBXm71kJcMgjnnnusleNJGwIgOz1ywZOLdLF1ePgG6w4Ym2M9b0AUFakYQq9kWm9SLtc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49858},"type":"module","_from":"file:antdv-next-vue-easy-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","test:all":"vp test && playwright test","test:e2e":"playwright test","test:watch":"vp test --watch","test:e2e:ui":"playwright test --ui"},"_npmUser":{"name":"ffgenius","email":"fuwb0407@gmail.com"},"_resolved":"/tmp/b472802e99c40df603d14181f10efbb7/antdv-next-vue-easy-crop-0.0.2.tgz","_integrity":"sha512-/PHlxJa2Czh+yrfuLO8hGzhMgk0S7d6Q0KMzsxzs66xhPU66MA+ITw6P/kQgrsr40M87F9xUfviChUN1Pl1yyw==","_npmVersion":"11.16.0","description":"A Vue 3 component to crop images and videos with easy interactions. Drag, zoom, rotate, keyboard & touch support.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"normalize-wheel":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.35","vue-tsc":"^3.3.2","playwright":"^1.61.1","unplugin-vue":"^7.2.0","@playwright/test":"^1.61.1","@vitejs/plugin-vue":"^6.0.7"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-easy-crop_0.0.2_1785344145605_0.021497035412906262","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-07-25T06:12:24.315Z","modified":"2026-08-18T03:15:08.106Z","0.0.1":"2026-07-25T06:12:24.606Z","0.0.2":"2026-07-29T16:55:45.796Z"},"license":"MIT","keywords":["crop","cropper","image crop","vue","vue3"],"description":"A Vue 3 component to crop images and videos with easy interactions. Drag, zoom, rotate, keyboard & touch support.","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/vue-easy-crop\n\n> A Vue 3 component to crop images and videos with easy interactions.\n\nInspired by [react-easy-crop](https://github.com/ValentinH/react-easy-crop). Works standalone with no UI framework dependency.\n\n## ✨ Features\n\n- 🖱️ **Drag** to move the crop area\n- 🔍 **Zoom** via scroll wheel or pinch gesture\n- 🔄 **Rotate** via pinch gesture or keyboard\n- ⌨️ **Keyboard** arrow keys for precise positioning\n- 📱 **Touch** support with multi-touch gestures\n- 🟦 **Rectangular** and ⭕ **round** crop shapes\n- 📐 **Fixed aspect ratio** or free-form\n- 🎬 **Video** cropping support\n- 🌐 **SSR** friendly (disable auto CSS injection)\n\n## 📦 Installation\n\n```bash\npnpm add @antdv-next/vue-easy-crop\n```\n\n## 🚀 Quick Start\n\n```vue\n<script setup>\nimport Cropper from '@antdv-next/vue-easy-crop'\nimport { ref } from 'vue'\n\nconst crop = ref({ x: 0, y: 0 })\nconst zoom = ref(1)\n</script>\n\n<template>\n  <Cropper\n    image=\"/photo.jpg\"\n    :crop=\"crop\"\n    :zoom=\"zoom\"\n    @update:crop=\"crop = $event\"\n    @update:zoom=\"zoom = $event\"\n  />\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"}