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