1- import {
2- defineComponent ,
3- ref ,
4- onMounted ,
5- watch ,
6- nextTick ,
7- openBlock ,
8- createElementBlock ,
9- createElementVNode ,
10- normalizeStyle ,
11- toRaw
12- } from 'vue'
13- import Cropper from 'cropperjs'
14- const _hoisted_1 = [ 'src' , 'alt' , 'crossorigin' ]
1+ import { defineComponent , ref , onMounted , watch , nextTick , openBlock , createElementBlock , createElementVNode , normalizeStyle , toRaw } from "vue" ;
2+ import Cropper from "cropperjs" ;
3+ const _hoisted_1 = [ "src" , "alt" , "crossorigin" ] ;
154const _sfc_main = /* @__PURE__ */ defineComponent ( {
16- __name : ' VueCropper' ,
5+ __name : " VueCropper" ,
176 props : {
187 src : {
198 type : String ,
209 required : true
2110 } ,
2211 alt : {
2312 type : String ,
24- default : ' image'
13+ default : " image"
2514 } ,
2615 imgStyle : {
2716 type : Object ,
2817 default : ( ) => ( { } )
2918 } ,
3019 imgCrossOrigin : {
3120 type : String ,
32- default : null
21+ default : void 0
3322 } ,
3423 viewMode : {
3524 type : Number ,
3625 default : 0
3726 } ,
3827 dragMode : {
3928 type : String ,
40- default : ' crop'
29+ default : " crop"
4130 } ,
4231 initialAspectRatio : {
4332 type : Number ,
@@ -53,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5342 } ,
5443 preview : {
5544 type : [ String , Array , Object ] ,
56- default : ''
45+ default : ""
5746 } ,
5847 responsive : {
5948 type : Boolean ,
@@ -189,145 +178,132 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
189178 }
190179 } ,
191180 setup ( __props , { expose } ) {
192- const props = __props
181+ const props = __props ;
193182 const imageStyle = {
194- display : ' block' ,
195- maxWidth : ' 100%'
196- }
197- const imageRef = ref ( )
198- let cropper
183+ display : " block" ,
184+ maxWidth : " 100%"
185+ } ;
186+ const imageRef = ref ( ) ;
187+ let cropper ;
199188 function initCropper ( ) {
200189 if ( props . src ) {
201- cropper = new Cropper ( imageRef . value , toRaw ( props ) )
190+ cropper = new Cropper ( imageRef . value , toRaw ( props ) ) ;
202191 } else {
203- cropper = void 0
192+ cropper = void 0 ;
204193 }
205194 }
206- onMounted ( initCropper )
207- watch (
208- ( ) => props ,
209- ( ) => {
210- cropper == null ? void 0 : cropper . destroy ( )
211- nextTick ( initCropper )
212- } ,
213- { deep : true }
214- )
195+ onMounted ( initCropper ) ;
196+ watch ( ( ) => props , ( ) => {
197+ cropper == null ? void 0 : cropper . destroy ( ) ;
198+ nextTick ( initCropper ) ;
199+ } , { deep : true } ) ;
215200 expose ( {
216201 clear ( ) {
217- return cropper == null ? void 0 : cropper . clear ( )
202+ return cropper == null ? void 0 : cropper . clear ( ) ;
218203 } ,
219204 crop ( ) {
220- return cropper == null ? void 0 : cropper . crop ( )
205+ return cropper == null ? void 0 : cropper . crop ( ) ;
221206 } ,
222207 destroy ( ) {
223- return cropper == null ? void 0 : cropper . destroy ( )
208+ return cropper == null ? void 0 : cropper . destroy ( ) ;
224209 } ,
225210 disable ( ) {
226- return cropper == null ? void 0 : cropper . disable ( )
211+ return cropper == null ? void 0 : cropper . disable ( ) ;
227212 } ,
228213 enable ( ) {
229- return cropper == null ? void 0 : cropper . enable ( )
214+ return cropper == null ? void 0 : cropper . enable ( ) ;
230215 } ,
231216 getCanvasData ( ) {
232- return cropper == null ? void 0 : cropper . getCanvasData ( )
217+ return cropper == null ? void 0 : cropper . getCanvasData ( ) ;
233218 } ,
234219 getContainerData ( ) {
235- return cropper == null ? void 0 : cropper . getContainerData ( )
220+ return cropper == null ? void 0 : cropper . getContainerData ( ) ;
236221 } ,
237222 getCropBoxData ( ) {
238- return cropper == null ? void 0 : cropper . getCropBoxData ( )
223+ return cropper == null ? void 0 : cropper . getCropBoxData ( ) ;
239224 } ,
240225 getCroppedCanvas ( options ) {
241- return cropper == null ? void 0 : cropper . getCroppedCanvas ( options )
226+ return cropper == null ? void 0 : cropper . getCroppedCanvas ( options ) ;
242227 } ,
243228 getData ( rounded ) {
244- return cropper == null ? void 0 : cropper . getData ( rounded )
229+ return cropper == null ? void 0 : cropper . getData ( rounded ) ;
245230 } ,
246231 getImageData ( ) {
247- return cropper == null ? void 0 : cropper . getImageData ( )
232+ return cropper == null ? void 0 : cropper . getImageData ( ) ;
248233 } ,
249234 move ( offsetX , offsetY ) {
250- return cropper == null ? void 0 : cropper . move ( offsetX , offsetY )
235+ return cropper == null ? void 0 : cropper . move ( offsetX , offsetY ) ;
251236 } ,
252237 moveTo ( x , y ) {
253- return cropper == null ? void 0 : cropper . moveTo ( x , y )
238+ return cropper == null ? void 0 : cropper . moveTo ( x , y ) ;
254239 } ,
255240 replace ( url , hasSameSize ) {
256- return cropper == null ? void 0 : cropper . replace ( url , hasSameSize )
241+ return cropper == null ? void 0 : cropper . replace ( url , hasSameSize ) ;
257242 } ,
258243 reset ( ) {
259- return cropper == null ? void 0 : cropper . reset ( )
244+ return cropper == null ? void 0 : cropper . reset ( ) ;
260245 } ,
261246 rotate ( degree ) {
262- return cropper == null ? void 0 : cropper . rotate ( degree )
247+ return cropper == null ? void 0 : cropper . rotate ( degree ) ;
263248 } ,
264249 rotateTo ( degree ) {
265- return cropper == null ? void 0 : cropper . rotateTo ( degree )
250+ return cropper == null ? void 0 : cropper . rotateTo ( degree ) ;
266251 } ,
267252 scale ( scaleX , scaleY ) {
268- return cropper == null ? void 0 : cropper . scale ( scaleX , scaleY )
253+ return cropper == null ? void 0 : cropper . scale ( scaleX , scaleY ) ;
269254 } ,
270255 scaleX ( scaleX ) {
271- return cropper == null ? void 0 : cropper . scaleX ( scaleX )
256+ return cropper == null ? void 0 : cropper . scaleX ( scaleX ) ;
272257 } ,
273258 scaleY ( scaleY ) {
274- return cropper == null ? void 0 : cropper . scaleY ( scaleY )
259+ return cropper == null ? void 0 : cropper . scaleY ( scaleY ) ;
275260 } ,
276261 setAspectRatio ( aspectRatio ) {
277- return cropper == null ? void 0 : cropper . setAspectRatio ( aspectRatio )
262+ return cropper == null ? void 0 : cropper . setAspectRatio ( aspectRatio ) ;
278263 } ,
279264 setCanvasData ( data ) {
280- return cropper == null ? void 0 : cropper . setCanvasData ( data )
265+ return cropper == null ? void 0 : cropper . setCanvasData ( data ) ;
281266 } ,
282267 setCropBoxData ( data ) {
283- return cropper == null ? void 0 : cropper . setCropBoxData ( data )
268+ return cropper == null ? void 0 : cropper . setCropBoxData ( data ) ;
284269 } ,
285270 setData ( data ) {
286- return cropper == null ? void 0 : cropper . setData ( data )
271+ return cropper == null ? void 0 : cropper . setData ( data ) ;
287272 } ,
288273 setDragMode ( dragMode ) {
289- return cropper == null ? void 0 : cropper . setDragMode ( dragMode )
274+ return cropper == null ? void 0 : cropper . setDragMode ( dragMode ) ;
290275 } ,
291276 zoom ( ratio ) {
292- return cropper == null ? void 0 : cropper . zoom ( ratio )
277+ return cropper == null ? void 0 : cropper . zoom ( ratio ) ;
293278 } ,
294279 zoomTo ( ratio , pivot ) {
295- return cropper == null ? void 0 : cropper . zoomTo ( ratio , pivot )
280+ return cropper == null ? void 0 : cropper . zoomTo ( ratio , pivot ) ;
296281 } ,
297282 flipX ( ) {
298283 if ( cropper ) {
299- const { scaleX } = cropper . getData ( )
300- cropper . scaleX ( - scaleX )
284+ const { scaleX } = cropper . getData ( ) ;
285+ cropper . scaleX ( - scaleX ) ;
301286 }
302287 } ,
303288 flipY ( ) {
304289 if ( cropper ) {
305- const { scaleY } = cropper . getData ( )
306- cropper . scaleY ( - scaleY )
290+ const { scaleY } = cropper . getData ( ) ;
291+ cropper . scaleY ( - scaleY ) ;
307292 }
308293 }
309- } )
294+ } ) ;
310295 return ( _ctx , _cache ) => {
311- return (
312- openBlock ( ) ,
313- createElementBlock ( 'div' , null , [
314- createElementVNode (
315- 'img' ,
316- {
317- ref_key : 'imageRef' ,
318- ref : imageRef ,
319- src : props . src ,
320- alt : props . alt ,
321- crossorigin : __props . imgCrossOrigin ,
322- style : normalizeStyle ( [ imageStyle , props . imgStyle ] )
323- } ,
324- null ,
325- 12 ,
326- _hoisted_1
327- )
328- ] )
329- )
330- }
296+ return openBlock ( ) , createElementBlock ( "div" , null , [
297+ createElementVNode ( "img" , {
298+ ref_key : "imageRef" ,
299+ ref : imageRef ,
300+ src : props . src ,
301+ alt : props . alt ,
302+ crossorigin : __props . imgCrossOrigin ,
303+ style : normalizeStyle ( [ imageStyle , props . imgStyle ] )
304+ } , null , 12 , _hoisted_1 )
305+ ] ) ;
306+ } ;
331307 }
332- } )
333- export { _sfc_main as default }
308+ } ) ;
309+ export { _sfc_main as default } ;
0 commit comments