2 lines
2.7 KiB
Java
2 lines
2.7 KiB
Java
import{d as I,f as p,ah as s,aC as k,as as n,aF as i,k as r,au as c,ar as l,ag as m,av as h}from"./vue-vendor-C7Zq48Yl.js";import{P as y}from"./index-C57gqG5N.js";import{C as A}from"./index-pxs5MULf.js";import{C as w,a as B}from"./index-BwBfUfJu.js";import{u as P}from"./upload-6KToa6kE.js";import{h as $}from"./header-OZa5fSDc.js";import{ap as N,d as S}from"./index-BI6CMai0.js";import"./antd-vue-vendor-BPnV8VqP.js";import"./useContentHeight-BUFNkYs_.js";import"./useWindowSizeFn-PRZSD86C.js";import"./vxe-table-vendor-B88kchpX.js";import"./useContentViewHeight-BO9bTdue.js";import"./usePageContext-l-f4bNz7.js";import"./injectionKey-DPVn4AgL.js";import"./index-BgYCgfME.js";import"./index-DeEq83Ov.js";import"./index-f8O7TghW.js";import"./useTimeout-DDl4l82I.js";import"./useIntersectionObserver-BMxdTqP3.js";import"./index-Du0A3ksf.js";import"./BasicModal-0sAdFEk_.js";import"./ModalHeader-keHdAHWH.js";import"./base64Conver-24EVOS6V.js";const V=I({components:{PageWrapper:y,CropperImage:B,CollapseContainer:A,CropperAvatar:w},setup(){var t;const e=p(""),d=p(""),u=p(""),C=p(""),g=N(),v=p(((t=g.getUserInfo)==null?void 0:t.avatar)||"");function f({imgBase64:a,imgInfo:_}){e.value=_,d.value=a}function o({imgBase64:a,imgInfo:_}){u.value=_,C.value=a}return{img:$,info:e,circleInfo:u,cropperImg:d,circleImg:C,handleCropend:f,handleCircleCropend:o,avatar:v,uploadApi:P}}}),W={class:"container p-4"},U={class:"cropper-container mr-10"},D=["src"],E={key:0},F={class:"container p-4"},b={class:"cropper-container mr-10"},j=["src"],q={key:0};function z(e,d,u,C,g,v){const f=s("CropperAvatar"),o=s("CollapseContainer"),t=s("CropperImage"),a=s("PageWrapper");return n(),k(a,{title:"图片裁剪示例",content:"需要开启测试接口服务才能进行上传测试！"},{default:i(()=>[r(o,{title:"头像裁剪"},{default:i(()=>[r(f,{uploadApi:e.uploadApi,value:e.avatar},null,8,["uploadApi","value"])]),_:1}),r(o,{title:"矩形裁剪",class:"my-4"},{default:i(()=>[c("div",W,[c("div",U,[r(t,{ref:"refCropper",src:e.img,onCropend:e.handleCropend,style:{width:"40vw"}},null,8,["src","onCropend"])]),e.cropperImg?(n(),l("img",{key:0,src:e.cropperImg,class:"croppered",alt:""},null,8,D)):m("",!0)]),e.cropperImg?(n(),l("p",E,"裁剪后图片信息："+h(e.info),1)):m("",!0)]),_:1}),r(o,{title:"圆形裁剪"},{default:i(()=>[c("div",F,[c("div",b,[r(t,{ref:"refCropper",src:e.img,onCropend:e.handleCircleCropend,style:{width:"40vw"},circled:""},null,8,["src","onCropend"])]),e.circleImg?(n(),l("img",{key:0,src:e.circleImg,class:"croppered"},null,8,j)):m("",!0)]),e.circleImg?(n(),l("p",q,"裁剪后图片信息："+h(e.circleInfo),1)):m("",!0)]),_:1})]),_:1})}const ce=S(V,[["render",z],["__scopeId","data-v-60aec956"]]);export{ce as default};
|