https://sarak.yes24.com/_nuxt/ProfileForm.vue.16d42555.js

1import{_ as Pe}from"./BaseButton.vue.3037417f.js";import{_ as Be}from"./BaseTextButton.vue.d8b1fb81.js";import{_ as $e}from"./BaseSwitch.vue.d5d70123.js";import{_ as Ie}from"./PageModal.vue.93174a2a.js";import{_ as Re}from"./BottomSheet.vue.05c10518.js";import{_ as we}from"./BaseModal.vue.9209617a.js";import{k as ze,r as J,a as w,l as z,b as Ae,G as r,H as p,I as u,L as g,W as o,U as Me,u as s,$ as A,Y as M,K as x,a1 as Ue,am as De,e as xe,R as B,_ as je}from"./swiper-vue.b49379b0.js";import{v as Le,y as Ne,k as j,t as Ve,N as Ye,o as Ge,h as Ee,n as Q,d as X}from"./entry.3578af79.js";import{F as Z,h as Oe,j as U,k as m,d as ee,a as oe,l as qe,m as C,s as le,n as We,q as S,r as te,t as c,v as se,w as ie,f as L,x as k,y as He,z as T,A as _,B as ae,C as ne,b as y,D as N,E as Ke,G as Je}from"./blogMainStore.4682eab7.js";import{f as re}from"./style.da54b17f.js";import{u as Qe}from"./badgeStore.52b02505.js";const Xe={class:"profileArea"},Ze={class:"visual pic"},eo=["src"],oo={key:1,src:"https://image.yes24.com/sysimage/renew/sarak/assets/sarak/images/visual/fig_mySarak01.jpg",alt:"나의 사락 배경"},lo=o("figcaption",null,"나의 사락 배경",-1),to={class:"picProfile pic"},so={class:"fit"},io=["src"],ao={key:1,src:"https://image.yes24.com/sysimage/renew/sarak/assets/sarak/images/etc/fig_myProfile01.jpg",alt:"대표사진"},no=o("figcaption",null,"대표사진",-1),ro={class:"regist"},po=o("dt",null,"닉네임",-1),uo={class:"txtInput"},co={key:0},fo={key:1},mo=o("span",null,"수정",-1),go=o("dt",null,[o("label",{for:"introduceCont"},"소개")],-1),vo={class:"baseTextarea"},bo=["value"],ko=o("dt",null,[je("대표 탭 선택 "),o("p",{class:"subCopy"},"나의 사락에 들어왔을 때 처음 표시될 메뉴를 지정해 주세요.")],-1),_o={class:"tabSelect"},yo=["id","value"],ho=["for","onClick"],Co=o("dt",{class:"fl st01"},"독서 활동 영역 나만 보기",-1),So={class:"tr"},To={class:"btmMore"},Fo=o("label",{for:"albumFile",class:"btn txt st01 em02"},"앨범에서 사진 선택",-1),Po={key:0},Bo={key:1},$o={class:"pic",ref:"skinImageScrollComponent"},Io=["onClick"],Ro={class:"fit ratio"},wo=["src","alt"],zo={class:"pic",ref:"profileImageScrollComponent"},Ao=["onClick"],Mo={class:"fit ratio"},Uo=["src","alt"],Do={class:"profileArea"},xo={class:"visual pic fixSize"},jo={key:0,class:"descript"},Lo=o("p",{class:"subtxt"},"사진을 끌어서 위치를 조정해보세요.",-1),No=[Lo],Vo={class:"photo"},Yo={key:0,class:"descript"},Go=o("p",{class:"subtxt"},"사진을 끌어서 위치를 조정해보세요.",-1),Eo=[Go],ll=ze({__name:"ProfileForm",props:["profile","memberId"],setup(V){const i=V,n=J({cover:"D",coverSkinType:"",profile:"S"}),f=w("cover"),Y=z(()=>T.value?URL.createObjectURL(T.value):i.profile.blogImage?le(i.profile.blogImage,n.profile):null),G=z(()=>

1_.value?URL.createObjectURL(_.value):i.profile.blogBackgroundImage?oe(i.profile.blogBackgroundImage,n.cover):null),pe=z(()=>_.value&&i.profile.blogBackgroundSkinType?i.profile.blogTitleSkinState==="D"&&i.profile.blogBackgroundSkinType==="BG"?"paint":i.profile.blogTitleSkinState==="D"&&i.profile.blogBackgroundSkinType==="BB"?"photo":"":n.coverSkinType==="BB"?"photo":n.coverSkinType==="BG"?"paint":""),$=()=>{U.value=!1},ue=t=>{var F,b;const e=t.target;if(!e.files||e.files.length<1)return;const a=e.files[0];let v=ke(a);v&&(f.value==="profile"?(n.profile="S",m.value=!0,ie.value=E(a),ae.value=!0,c.profile=!0,c.load.profile=!0,c.move.profile=!0):f.value==="cover"&&(n.cover="S",m.value=!0,h.width=(F=document.querySelector(".popMyProfile .profileArea .visual"))==null?void 0:F.clientWidth,h.height=(b=document.querySelector(".popMyProfile .profileArea .visual "))==null?void 0:b.clientHeight,te.value=E(a),ae.value=!0,c.background=!0,c.load.background=!0,c.move.background=!0)),e.value="",v&&$()},ce=t=>{C.value=!0,ne(t,"B")},fe=t=>{S.value=!0,ne(t,"P")},me=(t,e)=>{n.profile="D",T.value=null,y.value.profile.blogImage=e,S.value=!1,C.value=!1,m.value=!0,$()},de=(t,e,a)=>{n.cover="D",n.coverSkinType=a,_.value=null,y.value.profile.blogBackgroun

1dImage=e,y.value.profile.blogBackgroundSkinType=a,S.value=!1,C.value=!1,m.value=!0,$()},ge=t=>{let e=t.target.value;m.value=!0,i.profile.blogDesc=e},ve=t=>{i.profile.blogFirstTab=t,m.value=!0},be=async t=>{y.value.profile.readingActivityPublicYn=!I.value,y.value.profile.blogTitleSkinState=n.cover,y.value.profile.blogBackgroundSkinType=n.coverSkinType,y.value.profile.mbrDobType=n.profile;let e=T.value?T.value:null,a=_.value?_.value:null;await Ke(t,e,a)},ke=t=>{if(!t)return!1;const e=["jpg","png","gif","bmp","jpeg"],a=10485760;let v=t.name;return new TextEncoder().encode(v).length>80?(j().showGlobalAlert("업로드할 이미지 파일명은 80bytes 이내로 가능합니다."),!1):e.includes(v.split(".").pop().toLowerCase())?t.size>a?(j().showGlobalAlert("용량이 초과되었습니다. \\\\n파일 용량 확인 후, 시도해주세요."),!1):!0:(j().showGlobalAlert("jpg, gif, png, bmp, jpeg 파일만 업로드 가능합니다."),!1)},D=z(()=>i.profile.blogFirstTab=="P"||i.profile.blogFirstTab=="R"||i.profile.blogFirstTab=="L"?i.profile.blogFirstTab:"R"),I=w(!i.profile.readingActivityPublicYn),_e=()=>{m.value?L.value=!0:N()},ye=()=>{T.value=null,_.value=null,N()},he=Le(),Ce=Ne(),Se=async()=>{if(!m.value)return N(),!1;if(i.profile.blogDesc.length>200)return k.desc=!0,!1;m.value=!1,await be(i.memberId);const e=Qe().firstChangeProfileYn&&(he.options.history.state.back==="/my-sarak/Badge"||Ce.query.mode==="profile");if(Ve().logEvent("SR_profile_img_completed",{}),e){const a=Ye("pending-complete",()=>!1);a.value=!0,await Ge(`/blog/${i.profile.sarakId}`)}else ee.value=!1};n.cover=i.profile.blogTitleSkinState,n.coverSkinType=i.profile.blogBackgroun

1dSkinType,n.profile=i.profile.mbrDobType,Ae(()=>i.profile,t=>{n.cover=t.blogTitleSkinState,n.coverSkinType=t.blogBackgroundSkinType,n.profile=t.mbrDobType,I.value=!t.readingActivityPublicYn});const Te=()=>{Ee()?Q(`${X().public.yes24MobileUrl}/Member/FTMemUpt`):Q(`${X().public.yes24PcUrl}/Member/FTMemberInfoMgmtUpt.aspx`)},E=t=>{let e;return f.value,e=URL.createObjectURL(t),e},O=t=>{let e="resize.jpg",a=new File([t],e,{type:"image/jpeg"});Je(a,f.value)},q=w(null),W=w(null),h=J({width:0,height:0}),H=()=>{if(f.value==="cover"){let{coordinates:t,canvas:e}=W.value.getResult();e.toBlob(O,"image/jpeg",1)}else{let{coordinates:t,canvas:e}=q.value.getResult();e.toBlob(O,"image/jpeg",1)}},K=t=>{if(f.value==="profile")c.load.profile?c.load.profile=!1:c.move.profile=!1;else{c.load.background?c.load.background=!1:c.move.background=!1;const e=t.image.width/t.image.height,a=h.width/h.height;e>a&&console.log(e,a)}};return Z.value&&Oe(),(t,e)=>{const a=Pe,v=Be,F=$e,b=Ie,Fe=Re,P=we;return r(),p(M,null,[u(b,{"is-open":s(ee),"pop-name":"popMyProfile",title:"프로필 수정","confirm-label":"완료","is-link":!1,url:"","link-label":"","is-done":!0,"done-label":"완료","is-foot":!1,onClose:e[5]||(e[5]=l=>_e()),onApply:e[6]||(e[6]=l=>Se())},{default:g(()=>[o("section",Xe,[o("figure",Ze,[o("span",{class:Me(["fit ratio",s(pe)])},[s(G)?(r(),p("img",{key:0,src:s(G)},null,8,eo)):(r(),p("img",oo))],2),lo,u(a,{label:"커버 변경",size:"sm",color:"rgba(34,34,34,0.40)",onClick:e[0]||(e[0]=l=>{U.value=!0,f.value="cover"})})]),o("figure",to,[o("span",so,[s(Y)?(r(),p("img",{key:0,src:s(Y)},null,8,io)):(r(),p("img",ao))]),no,o("button",{type:"button",class:"btn ico camera",onClick:e[1]||(e[1]=l=>{U.value=!0,f.value="profile"})},"사진 선택")])]),o("dl",ro,[po,o("dd",uo,[i.profile.nickname?(r(),p("span",co,A(i.profile.nickname),1)):(r(),p("span",fo,"닉네임을 입력해주세요")),u(v,{onClick:Te,class:"cursor",underline:""},{default:g(()=>[mo]),_:1})]),go,o("dd",null,[o("div",vo,[o("textarea",{id:"introduceCont",class:"input body-long-2 font-weight-400",rows:"5",placeholder:"나의 독서 성향이나 관심사를 소개해 주세요.",maxlength:"200",onInput:ge,value:i.profile.blogDesc},null,40,bo)])]),ko,o("dd",null,[o("ol",_o,[V.memberId!=="yesblog"||t.index!==0?(r(!0),p(M,{key:0},x(s(Z),(l,d)=>(r(),p("li",{key:d},[Ue(o("input",{id:`mySarak${l.name}`,type:"radio",name:"mySarakTab",class:"select","onUpdate:modelValue":e[2]||(e[2]=R=>xe(D)?D.value=R:null),value:l.value},null,8,yo),[[De,s(D)]]),o("label",{for:`mySarak${l.name}`,onClick:R=>ve(l.value)},[o("span",null,A(l.label),1)],8,ho)]))),128)):B("",!0)])]),Co,o("dd",So,[u(F,{modelValue:I.value,"onUpdate:modelValue":e[3]||(e[3]=l=>I.value=l),onClick:e[4]||(e[4]=l=>m.value=!0)},null,8,["modelValue"])])])]),_:1},8,["is-open"]),u(Fe,{"is-open":s(U),"pop-name":"profileImagePop",type:"action"},{contents:g(()=>[o("menu",To,[o("li",null,[Fo,o("input",{type:"file",id:"albumFile",style:{opacity:"0",height:"0",width:"0"},value:"",accept:"image/*",onChange:e[7]||(e[7]=l=>ue(l))},null,32)]),f.value==="cover"?(r(),p("li",Po,[o("button",{type:"button",class:"btn txt st01 em02",onClick:e[8]||(e[8]=l=>{ce(1)})},"기본 커버 선택")])):B("",!0),f.value==="profile"?(r(),p("li",Bo,[o("button",{type:"button",class:"btn txt st01 em02",onClick:e[9]||(e[9]=l=>{fe(1)})},"기본 이미지 선택")])):B("",!0)])]),footer:g(()=>[u(a,{white:"",label:"닫기",size:"md",onClick:e[10]||(e[10]=l=>$())})]),_:1},8,["is-open"]),u(b,{"is-open":s(C),"pop-name":"popCoverForm",title:"기본 커버 선택","confirm-label":"완료","is-link":!1,"is-done":!1,"is-foot":!1,onClose:e[11]||(e[11]=l=>C.value=!1),onApply:e[12]||(e[12]=l=>C.value=!1)},{default:g(()=>[o("ol",$o,[(r(!0),p(M,null,x(s(qe),(l,d)=>(r(),p("li",{key:d},[o("button",{type:"button",class:"btn is02",onClick:R=>de(f.value,l.skinValue,l.skinType)},[o("figure",null,[o("span",Ro,[o("img",{src:s(oe)(l.skinValue,"D"),alt:"기본 사진"+d},null,8,wo)]),o("figcaption",null,"기본 사진 + "+A(d),1)])],8,Io)]))),128))],512)]),_:1},8,["is-open"]),u(b,{"is-open":s(S),"pop-name":"popCoverForm",title:"기본 프로필 선택","confirm-label":"완료","is-link":!1,"is-done":!1,"is-foot":!1,onClose:e[13]||(e[13]=l=>S.value=!1),onApply:e[14]||(e[14]=l=>S.value=!1)},{default:g(()=>[o("ol",zo,[(r(!0),p(M,null,x(s(We),(l,d)=>(r(),p("li",{key:d},[o("button",{type:"button",class:"btn is02",onClick:R=>me(f.value,l.skinValue)},[o("figure",null,[o("span",Mo,[o("img",{src:s(le)(l.skinValue,"D"),alt:"기본 프로필 "+d},null,8,Uo)]),o("figcaption",null,"기본 프로필 + "+A(d),1)])],8,Ao)]))),128))],512)]),_:1},8,["is-open"]),u(b,{"is-open":s(c).background,"pop-name":"popBackgroun

1dImageResizeForm",title:" ","confirm-label":"커버 저장","is-link":!1,url:"","link-label":"","is-done":!0,"done-label":"커버 저장","is-foot":!1,onClose:e[15]||(e[15]=l=>s(se)("background")),onApply:H},{default:g(()=>[o("section",Do,[o("figure",xo,[u(s(re),{ref_key:"cropperCover",ref:W,class:"cropper",src:s(te),"stencil-props":{handlers:{},movable:!1,resizable:!1},"resize-image":{adjustStencil:!0},"aspect-ratio":`{\r
2                        75 / 32\r
3                    }`,"stencil-size":{width:h.width,height:h.height},"image-restriction":"stencil",onChange:K},null,8,["src","stencil-size"])]),s(c).move.background?(r(),p("div",jo,No)):B("",!0)])]),_:1},8,["is-open"]),u(P,{"is-open":s(c).profile,"pop-name":"popPhotoForm basePage",type:"alert","cancel-label":"닫기"},{header:g(()=>[o("button",{type:"button",class:"ico icon icon-close-black",onClick:e[16]||(e[16]=l=>s(se)("profile"))},"닫기"),o("button",{type:"button",class:"btn txt st01 em01",onClick:H},"프로필 사진 저장")]),default:g(()=>[o("div",Vo,[u(s(re),{ref_key:"cropperProfile",ref:q,class:"cropper",src:s(ie),"stencil-props":{movable:!1,resizable:!1},"resize-image":{adjustStencil:!1},"stencil-size":{width:240,height:240},"image-restriction":"stencil",onChange:K},null,8,["src"])]),s(c).move.profile?(r(),p("div",Yo,Eo)):B("",!0)]),_:1},8,["is-open"]),u(P,{"is-open":s(L),"pop-name":"popProfileFormCheck",title:"변경 내용을 저장하지 않고 나갈까요?","cancel-label":"취소","confirm-label":"나가기",onClose:e[17]||(e[17]=l=>L.value=!1),onApply:e[18]||(e[18]=l=>ye())},null,8,["is-open"]),u(P,{"is-open":s(k).desc,type:"alert","pop-name":"popDescAlert",title:"소개글은 400자까지 가능합니다.<br> 400자 이내로 작성해 주세요.","cancel-label":"확인",onClose:e[19]||(e[19]=l=>s(k).desc=!1)},null,8,["is-open"]),u(P,{"is-open":s(k).auth,type:"alert","pop-name":"popUserAlert",title:"해당 유저정보를 다시 확인해 주세요.","cancel-label":"확인",onClose:e[20]||(e[20]=l=>s(k).auth=!1)},null,8,["is-open"]),u(P,{"is-open":s(k).resize,"pop-name":"popResizeAlert",title:"이미지 등록을 취소할까요?","cancel-label":"취소","confirm-label":"나가기",onApply:e[21]||(e[21]=l=>s(He)(f.value)),onClose:e[22]||(e[22]=l=>s(k).resize=!1)},null,8,["is-open"])],64)}}});export{ll as _};