2 lines
3.2 KiB
Java
2 lines
3.2 KiB
Java
import{P as I}from"./index-Ckh_BVlA.js";import{C as y}from"./index-ByCwbQDV.js";import{C as A,a as k}from"./index-CAuide6p.js";import{a as w}from"./upload-uz1JLRiT.js";import{h as B}from"./header-OZa5fSDc.js";import{u as P,au as $}from"./index-X7Y8jykP.js";import{e as N,r as a,y as S,z as i,A as n,K as s,f as o,Q as m,C as c,H as l,G as h}from"./vue-vendor-DNhG1Cve.js";import"./useMenuSetting-BwQ9LkAm.js";import"./useFullContent-B3OUGaJG.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./useContentHeight-vWUZcXk1.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./useContentViewHeight-Cja8zrBg.js";import"./usePageContext-9jIr04Op.js";import"./injectionKey-DPVn4AgL.js";import"./ArrowLeftOutlined-B3JgaWh-.js";import"./ArrowRightOutlined-CZG1QCpB.js";import"./index-lcIOKfa7.js";import"./dropdown-jkliuVyN.js";import"./index-B4gPlWQt.js";import"./eagerComputed-BTlOruLW.js";import"./transButton-B2CWzlQO.js";import"./operationUnit-vCu2co3e.js";import"./index-Upeu4GGa.js";import"./index-BzChaRPg.js";import"./index-C4wWpZeQ.js";import"./useTimeout-D5AmIBZw.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";import"./useScrollTo-0FPEw5-K.js";import"./useIntersectionObserver-BGOgyKyu.js";import"./index-BDvqZ5j4.js";import"./BasicModal-xH56XuRZ.js";import"./ModalHeader-Sr8KwhJJ.js";import"./useAppInject-DPZGPcR3.js";import"./index-CuWaQdlK.js";import"./index-DO7ZhK45.js";import"./base64Conver-24EVOS6V.js";import"./useModal-DaJ3Bflg.js";const V=N({components:{PageWrapper:I,CropperImage:k,CollapseContainer:y,CropperAvatar:A},setup(){var t;const r=a(""),d=a(""),u=a(""),C=a(""),g=P(),v=a(((t=g.getUserInfo)==null?void 0:t.avatar)||"");function f({imgBase64:p,imgInfo:_}){r.value=_,d.value=p}function e({imgBase64:p,imgInfo:_}){u.value=_,C.value=p}return{img:B,info:r,circleInfo:u,cropperImg:d,circleImg:C,handleCropend:f,handleCircleCropend:e,avatar:v,uploadApi:w}}}),W={class:"container p-4"},U={class:"cropper-container mr-10"},z=["src"],D={key:0},E={class:"container p-4"},G={class:"cropper-container mr-10"},H=["src"],K={key:0};function Q(r,d,u,C,g,v){const f=s("CropperAvatar"),e=s("CollapseContainer"),t=s("CropperImage"),p=s("PageWrapper");return i(),S(p,{title:"图片裁剪示例",content:"需要开启测试接口服务才能进行上传测试！"},{default:n(()=>[o(e,{title:"头像裁剪"},{default:n(()=>[o(f,{uploadApi:r.uploadApi,value:r.avatar},null,8,["uploadApi","value"])]),_:1}),o(e,{title:"矩形裁剪",class:"my-4"},{default:n(()=>[m("div",W,[m("div",U,[o(t,{ref:"refCropper",src:r.img,onCropend:r.handleCropend,style:{width:"40vw"}},null,8,["src","onCropend"])]),r.cropperImg?(i(),c("img",{key:0,src:r.cropperImg,class:"croppered",alt:""},null,8,z)):l("",!0)]),r.cropperImg?(i(),c("p",D,"裁剪后图片信息："+h(r.info),1)):l("",!0)]),_:1}),o(e,{title:"圆形裁剪"},{default:n(()=>[m("div",E,[m("div",G,[o(t,{ref:"refCropper",src:r.img,onCropend:r.handleCircleCropend,style:{width:"40vw"},circled:""},null,8,["src","onCropend"])]),r.circleImg?(i(),c("img",{key:0,src:r.circleImg,class:"croppered"},null,8,H)):l("",!0)]),r.circleImg?(i(),c("p",K,"裁剪后图片信息："+h(r.circleInfo),1)):l("",!0)]),_:1})]),_:1})}const Pr=$(V,[["render",Q],["__scopeId","data-v-60aec956"]]);export{Pr as default};
|