| 1 |
- import{P as x}from"./index-C0mnMlct.js";import{aj as w,bk as u,_ as A}from"./entry/index-CRWhxBeP.js";import{C as B,a as v}from"./index-CIEo7xez.js";import{u as N}from"./upload-Cl7AOLKY.js";import{h}from"./header-fbXo4AZ1.js";import{d as S,f as t,Z as a,a4 as V,a5 as l,k as r,u as e,$ as p,_ as i,a8 as d,a0 as C}from"./vue-DM5HGU8Z.js";import"./useContentViewHeight-D9So7_ch.js";import"./useWindowSizeFn-CEueHQop.js";import"./antd-BfqWtMX3.js";import"./onMountedOrActivated-Ckq_czNf.js";import"./index-CD5zFmZN.js";import"./base64Conver-DEMZeTZS.js";const P={class:"container p-4"},U={class:"cropper-container mr-10"},b=["src"],j={key:0},D={class:"container p-4"},E={class:"cropper-container mr-10"},W=["src"],Z={key:0},$=S({__name:"index",setup(q){var f;const _=t(""),o=t(""),m=t(""),s=t(""),g=w(),k=t(((f=g.getUserInfo)==null?void 0:f.avatar)||"");function y({imgBase64:c,imgInfo:n}){_.value=n,o.value=c}function I({imgBase64:c,imgInfo:n}){m.value=n,s.value=c}return(c,n)=>(a(),V(e(x),{title:"图片裁剪示例",content:"需要开启测试接口服务才能进行上传测试！"},{default:l(()=>[r(e(u),{title:"头像裁剪"},{default:l(()=>[r(e(B),{uploadApi:e(N),value:k.value},null,8,["uploadApi","value"])]),_:1}),r(e(u),{title:"矩形裁剪",class:"my-4"},{default:l(()=>[p("div",P,[p("div",U,[r(e(v),{ref:"refCropper",src:e(h),onCropend:y,style:{width:"40vw"}},null,8,["src"])]),o.value?(a(),i("img",{key:0,src:o.value,class:"croppered",alt:""},null,8,b)):d("",!0)]),o.value?(a(),i("p",j,"裁剪后图片信息："+C(_.value),1)):d("",!0)]),_:1}),r(e(u),{title:"圆形裁剪"},{default:l(()=>[p("div",D,[p("div",E,[r(e(v),{ref:"refCropper",src:e(h),onCropend:I,style:{width:"40vw"},circled:""},null,8,["src"])]),s.value?(a(),i("img",{key:0,src:s.value,class:"croppered"},null,8,W)):d("",!0)]),s.value?(a(),i("p",Z,"裁剪后图片信息："+C(m.value),1)):d("",!0)]),_:1})]),_:1}))}}),X=A($,[["__scopeId","data-v-1ed43311"]]);export{X as default};
|
