2025-03-19 16:29:05 +08:00

1 line
1.5 KiB
JavaScript

"use strict";(self.webpackChunkdjango_vue_lyadmin_pro=self.webpackChunkdjango_vue_lyadmin_pro||[]).push([[839],{96839:function(e,t,r){r.r(t),r.d(t,{default:function(){return u}});var p=r(58709);const o={class:"ly-cropper"},s={class:"ly-cropper__img"},a=["src"],i={class:"ly-cropper__preview"},c=(e=>((0,p.pushScopeId)("data-v-2d8252e6"),e=e(),(0,p.popScopeId)(),e))((()=>(0,p.createElementVNode)("h4",null,"图像预览",-1))),l={class:"ly-cropper__preview__img",ref:"preview"};var n=r(85492),d=r.n(n),m={props:{src:{type:String,default:""},compress:{type:Number,default:1},aspectRatio:{type:Number,default:NaN}},data(){return{crop:null}},watch:{aspectRatio(e){this.crop.setAspectRatio(e)}},mounted(){this.init()},methods:{init(){this.crop=new(d())(this.$refs.img,{viewMode:2,dragMode:"move",responsive:!1,aspectRatio:this.aspectRatio,preview:this.$refs.preview})},setAspectRatio(e){this.crop.setAspectRatio(e)},getCropData(e,t="image/jpeg"){e(this.crop.getCroppedCanvas().toDataURL(t,this.compress))},getCropBlob(e,t="image/jpeg"){this.crop.getCroppedCanvas().toBlob((t=>{e(t)}),t,this.compress)},getCropFile(e,t="fileName.jpg",r="image/jpeg"){this.crop.getCroppedCanvas().toBlob((p=>{let o=new File([p],t,{type:r});e(o)}),r,this.compress)}}},u=(0,r(71241).A)(m,[["render",function(e,t,r,n,d,m){return(0,p.openBlock)(),(0,p.createElementBlock)("div",o,[(0,p.createElementVNode)("div",s,[(0,p.createElementVNode)("img",{src:r.src,ref:"img"},null,8,a)]),(0,p.createElementVNode)("div",i,[c,(0,p.createElementVNode)("div",l,null,512)])])}],["__scopeId","data-v-2d8252e6"]])}}]);