You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
3.1 KiB
2 lines
3.1 KiB
import V from"./CopperModal-dc7066ab.js";import{d as B,bY as W,r as A,m as z,e as N,f as a,u,G as T,O as U,z as P,aT as _,aU as m,o as g,g as C,j as v,x as f,a9 as n,b as S,i as b,a as j,w as D,h as E,t as O,aP as R}from"./index-f4658ae7.js";import"./index-5a53dd49.js";import{useModal as F}from"./useModal-fca6ba59.js";import"./Cropper-cba84681.js";import"./index-dc88db7c.js";import"./_createAggregator-c692fd07.js";import"./_baseEach-1e26df34.js";import"./_baseFor-37716d03.js";import"./DeleteOutlined-872fe62f.js";import"./index-9eb90d49.js";import"./useRefs-2f4603d7.js";import"./index-d51f1b4b.js";import"./FormItem-a040ce00.js";import"./Col-dfe054f2.js";import"./index-2c9d82ce.js";import"./useSize-90c5eaba.js";import"./index-0ff95629.js";import"./eagerComputed-1ea78af6.js";import"./base64Conver-f3be3d44.js";import"./BasicModal-649ceacc.js";import"./props-7e339a09.js";import"./useModalDrag-cd2b369a.js";import"./ModalWrapper-3b9dd855.js";import"./useModalContext-bf554b39.js";import"./ModalClose-f74589aa.js";import"./FullscreenOutlined-71d2eabf.js";import"./ModalFooter-308afa08.js";import"./ModalHeader-8905dc99.js";import"./useModalFullScreen-941437b0.js";const G={width:{type:[String,Number],default:"200px"},value:{type:String},showBtn:{type:Boolean,default:!0},btnProps:{type:Object},btnText:{type:String,default:""},uploadApi:{type:Function}},Y=B({name:"CropperAvatar",components:{CopperModal:V,Icon:W},props:G,emits:["update:value","change"],setup(e,{emit:o,expose:y}){const t=A(e.value||""),{prefixCls:l}=z("cropper-avatar"),[h,{openModal:s,closeModal:i}]=F(),{createMessage:c}=P(),{t:p}=N(),I=a(()=>[l]),d=a(()=>`${e.width}`.replace(/px/,"")+"px"),w=a(()=>parseInt(`${e.width}`.replace(/px/,""))/2+"px"),M=a(()=>({width:u(d)})),k=a(()=>({width:u(d),height:u(d)}));T(()=>{t.value=e.value||""}),U(()=>t.value,r=>{o("update:value",r)});function $({source:r}){t.value=r,o("change",r),c.success(p("component.cropper.uploadSuccess"))}return y({openModal:s.bind(null,!0),closeModal:i}),{t:p,prefixCls:l,register:h,openModal:s,getIconWidth:w,sourceValue:t,getClass:I,getImageWrapperStyle:k,getStyle:M,handleUploadSuccess:$}}});const q=["src"];function H(e,o,y,t,l,h){const s=m("Icon"),i=m("a-button"),c=m("CopperModal");return g(),C("div",{class:f(e.getClass),style:n(e.getStyle)},[v("div",{class:f(`${e.prefixCls}-image-wrapper`),style:n(e.getImageWrapperStyle),onClick:o[0]||(o[0]=(...p)=>e.openModal&&e.openModal(...p))},[v("div",{class:f(`${e.prefixCls}-image-mask`),style:n(e.getImageWrapperStyle)},[S(s,{icon:"ant-design:cloud-upload-outlined",size:e.getIconWidth,style:n(e.getImageWrapperStyle),color:"#d6d6d6"},null,8,["size","style"])],6),e.sourceValue?(g(),C("img",{key:0,src:e.sourceValue},null,8,q)):b("",!0)],6),e.showBtn?(g(),j(i,R({key:0,class:`${e.prefixCls}-upload-btn`,onClick:e.openModal},e.btnProps),{default:D(()=>[E(O(e.btnText?e.btnText:e.t("component.cropper.selectImage")),1)]),_:1},16,["class","onClick"])):b("",!0),S(c,{onRegister:e.register,onUploadSuccess:e.handleUploadSuccess,uploadApi:e.uploadApi,src:e.sourceValue},null,8,["onRegister","onUploadSuccess","uploadApi","src"])],6)}const we=_(Y,[["render",H],["__scopeId","data-v-d91c11bc"]]);export{we as default};
|