| 1 |
- import{P as x}from"./index-YMO-C9So.js";import{a as w,bm as u,_ as A}from"./entry/index-BaQQ7BQ_.js";import{C as B,a as v}from"./index-D6Qi77pD.js";import{u as N}from"./upload-BXWrDUSD.js";import{h}from"./header-fbXo4AZ1.js";import{d as S,f as t,Z as a,a6 as V,a7 as l,k as r,u as e,$ as p,_ as i,aa as d,a0 as C}from"./vue-CF9JqwIh.js";import"./useContentViewHeight-DuQo8tYw.js";import"./useWindowSizeFn-CiJNBK0Q.js";import"./antd-ILpsl5AZ.js";import"./onMountedOrActivated-D34Dt7uC.js";import"./index-CFMHSB5r.js";import"./base64Conver-BAcTuUD2.js";const P={class:"container p-4"},U={class:"cropper-container mr-10"},b=["src"],D={key:0},E={class:"container p-4"},W={class:"cropper-container mr-10"},Z=["src"],$={key:0},j=S({__name:"index",setup(q){var f;const m=t(""),o=t(""),_=t(""),s=t(""),g=w(),k=t(((f=g.getUserInfo)==null?void 0:f.avatar)||"");function y({imgBase64:c,imgInfo:n}){m.value=n,o.value=c}function I({imgBase64:c,imgInfo:n}){_.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",D,"裁剪后图片信息："+C(m.value),1)):d("",!0)]),_:1}),r(e(u),{title:"圆形裁剪"},{default:l(()=>[p("div",E,[p("div",W,[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,Z)):d("",!0)]),s.value?(a(),i("p",$,"裁剪后图片信息："+C(_.value),1)):d("",!0)]),_:1})]),_:1}))}}),X=A(j,[["__scopeId","data-v-1ed43311"]]);export{X as default};
|
