https://snapbox.ai/assets/SnapAddNew-B5LbyLWQ.js

1import{_ as go,m as bo,A as F,B as mo,o as vo,p as yo,c as _,b as t,h as z,w as g,q as N,v as B,t as R,x as J,e as M,i as j,F as E,f as I,u as ko,j as A,g as u,s as _o,k as wo}from"./index-GRB8Jcml.js";import{S as xo,a as So,b as Co,d as Y,e as O,c as uo}from"./snap_footer-B9eSqtLO.js";import{S as Po}from"./StockService-DwJDRniG.js";import{V as Uo}from"./vue-draggable-next.esm-bundler-DNdHFEyD.js";import{C as ho}from"./compressor.esm-FeJMiU6q.js";import{S as No}from"./spinner-CjlHwONo.js";/* empty css             */import"./UserService-B39Vk0W_.js";const Eo={name:"SnapAdd",components:{draggable:Uo,SNAP_MENU:xo,SNAP_HEADER:So,SNAP_FOOTER:Co,SNAP_SPINNER:No},setup(){var $;const o=bo({snap_data:[],snap_count:0,dragging:!1,product_name:"",cafe24_product_id:"",product_url:"",upload_btn_enabled:!0,current:1,paramString:"",query:"",page_size:14,data:[],pagedata:[],total:0,modal_popup:!1,modal_for_copy:!1,checked_snaps:[],modal_index:-1,modal_photos:[],modal_contents:"",modal_snap_detail:!1,data_snap_detail:"",new_order:0,updateTrigger:!1,mall_id:"",is_loading:!1,brand_name:""}),s=ko();o.mall_id=F.getMallId(),o.brand_name=($=F.getNickname())==null?void 0:$.toLowerCase(),o.snap_count=mo(()=>{let l=0;return o.snap_data.forEach(i=>{i.photos.forEach(n=>{n&&l++})}),l});const G=l=>{o.snap_data[o.modal_index].photos.splice(l,1)},r=l=>{o.snap_data.splice(l,1)},X=(l,i)=>{if(i=="mobile"){const a=l.title_mobile.split(`
2`);a.length>2&&(l.title_mobile=a.slice(0,2).join(`
3`))}else if(i=="pc"){const a=l.title_pc.split(`
4`);a.length>2&&(l.title_pc=a.slice(0,2).join(`
5`))}};let Z=l=>{console.log(l),o.checked_photos=[],o.data_snap_detail=l,o.modal_snap_detail=!0,document.getElementsByTagName("body")[0].style.overflow="hidden"};const q=l=>{o.modal_index=l,o.modal_photos=o.snap_data[l].photos,o.modal_contents=o.snap_data[l].contents,o.modal_popup=!0,console.log(o.modal_photos)},H=()=>{o.checked_snaps.length==0&&alert("마이콘텐츠에서 업로드할 스냅을 선택해주세요."),console.log(o.checked_snaps),o.data.forEach(l=>{var a,n,h,d,y,p,k,v,f,oo,to,eo,so,lo,ao,no,io,po;let i=[];if(o.checked_snaps.includes(l[0].id)&&(l.forEach(P=>{let U={id:m(),file:P.photo,photo:P.photo,type:"copy",is_video:P.is_video,is_new:!0};i.push(U)}),i.length>0)){let P={};if(l[0].stock_type=="C"){let U=((n=(a=l[0].contents)==null?void 0:a.user_height_weight)==null?void 0:n.weight)??"",V=((d=(h=l[0].contents)==null?void 0:h.user_height_weight)==null?void 0:d.height)??"",x=U+" "+V,C=((y=l[0].creator_tags[0])==null?void 0:y.color)??"",fo=((p=l[0].creator_tags[0])==null?void 0:p.size)??"",ro=C+" "+fo,co=(k=l[0].creator_tags[0])==null?void 0:k.name;P={id:m(),title_pc:co,title_mobile:co,option_pc:ro,option_mobile:ro,option_s_pc:x,option_s_mobile:x,check_pc_option:!0,contents:"",photo:i[0].photo,photos:i,is_new:!0}}else if(l[0].stock_type=="S"){let U=((v=l[0].snap_tags[0])==null?void 0:v.color)??"",V=((f=l[0].snap_tags[0])==null?void 0:f.size)??"",x=U+" "+V,C=(oo=l[0].snap_tags[0])==null?void 0:oo.product_name;P={id:m(),title_pc:C,title_mobile:C,option_pc:x,option_mobile:x,option_s_pc:"",option_s_mobile:"",check_pc_option:!0,contents:"",photo:i[0].photo,photos:i,is_new:!0}}else if(l[0].stock_type=="R"){let U=((to=l[0].user_content_tag[0])==null?void 0:to.color)??"",V=((eo=l[0].user_content_tag[0])==null?void 0:eo.size)??"",x=U+" "+V,C=(so=l[0].user_content_tag[0])==null?void 0:so.product_name;P={id:m(),title_pc:C,title_mobile:C,option_pc:x,option_mobile:x,option_s_pc:"",option_s_mobile:"",check_pc_option:!0,contents:"",photo:i[0].photo,photos:i,is_new:!0,is_video:i[0].is_video,reward_data:{reward_code:"",reward_check:!1,new_contents:!0}}}else if(l[0].stock_type=="I"){let U=((ao=(lo=l[0].creator_info)==null?void 0:lo.weight)==null?void 0:ao.weight)??"",V=((io=(no=l[0].contents)==null?void 0:no.creator_info)==null?void 0:io.height)??"",x=U+" "+V,C=(po=l[0].creator_info[0])==null?void 0:po.name;P={id:m(),title_pc:C,title_mobile:C,option_pc:"",option_mobile:"",option_s_pc:x,option_s_mobile:x,check_pc_option:!0,contents:"",photo:i[0].photo,photos:i,is_new:!0,is_video:i[0].is_video}}o.snap_data.unshift(P)}}),console.log(o.snap_data)},D=()=>{console.log(o.snap_data),o.snap_data[o.modal_index].photos.length==0?o.snap_data.splice(o.modal_index,1):o.snap_data[o.modal_index].contents=o.modal_contents,o.updateTrigger=!o.updateTrigger,o.modal_popup=!1};let Q=()=>{o.modal_snap_detail=!1,document.getElementsByTagName("body")[0].style.overflow="auto"};const K=()=>

5{if(o.product_name=="")return alert("상품명을 입력해주세요."),!1;if(o.snap_data.length==0)return alert("스냅사진을 등록해주세요."),!1;if(!Y(o.snap_data)||!O(o.snap_data))return!1;confirm("등록하시겠습니까?")&&uo.checkName(o.product_name).then(a=>{console.log(a),a.data.code=="F"?confirm("중복된 상품명이 존재합니다. 그대로 진행하시겠습니까?")&&h():h();function h(){var y;o.is_loading=!0;const d=new FormData;o.snap_data.forEach((p,k)=>{p.check_pc_option?p.check_pc_option=1:p.check_pc_option=0,p.order=k,p.photos.forEach((v,f)=>{v.type||(v.type="file"),v.order=f})}),d.append("product_url",o.product_url),d.append("product_name",o.product_name),o.cafe24_product_id=(y=o.cafe24_product_id)==null?void 0:y.replace(/\s/g,""),o.cafe24_product_id!==void 0&&d.append("cafe24_product_id",o.cafe24_product_id),d.append("photos",JSON.stringify(o.snap_data)),o.snap_data.forEach((p,k)=>{p.photos.forEach((v,f)=>{console.log(v.file),d.append("file_photos["+k+"]["+f+"]",v.file)})}),d.append("upload_btn_enabled",o.upload_btn_enabled),uo.uploadSnap(d).then(p=>{console.log(p),o.is_loading=!1,p.data.code=="S"&&s.push("/snap-list")}).catch(p=>{o.is_loading=!1,alert(p.response.data)})}}).catch(a=>{alert(a.response.data)})},W=l=>{const i=l.target.files;for(let a=0;a<i.length;a++){let n=i[a];if(n)if(n.type==="image/png"||n.type==="image/jpeg"||n.type==="image/jpg")e(n);else if(n.type.includes("video/")){if(n.type!=="video/mp4")return alert("MP4 파일을 선택해주세요."),!1;if(n.size*95367e-11>20)return alert("20MB 이하인 파일을 선택해주세요."),!1;b(n)}

5else return alert("이미지 또는 비디오 파일을 선택해주세요."),!1}};async function T(l){function i(a){return new Promise((n,h)=>{let p=.5;const k=v=>{new ho(a,{quality:v,maxWidth:1080,maxHeight:1920,success(f){f.size>524288&&v>.1?(p-=.05,k(p)):n(f)},error(f){h(f)}})};k(p)})}try{const a=await i(l);let n={id:m(),is_video:0,file:a,photo:URL.createObjectURL(a),is_new:!0};o.snap_data[o.modal_index].photos.push(n),O(o.snap_data)}catch(a){console.error("Compression failed:",a)}}async function e(l){function i(a){return new Promise((n,h)=>{let p=.5;const k=v=>{new ho(a,{quality:v,maxWidth:1080,maxHeight:1920,success(f){f.size>419430.4&&v>.1?(p-=.05,k(p)):n(f)},error(f){h(f)}})};k(p)})}try{const a=await i(l);let n=m(),h=[];h.push({id:n,is_video:0,file:a,photo:URL.createObjectURL(a),is_new:!0});let d={id:n,snap_id:o.snap_id,order:o.new_order++,feed_id:0,check_pc_option:!1,file:a,title_pc:"",title_mobile:"",option_pc:"",option_mobile:"",option_s_pc:"",option_s_mobile:"",contents:"",photo:URL.createObjectURL(a),photos:h,is_new:!0};o.snap_data.push(d),O(o.snap_data)}catch(a){console.error("Compression failed:",a)}}const b=async l=>{let i=m(),a=[{id:i,is_video:1,file:l,photo:URL.createObjectURL(l),is_new:!0}],n={id:i,snap_id:o.snap_id,order:o.new_order++,feed_id:0,check_pc_option:!1,file:l,title_pc:"",title_mobile:"",option_pc:"",option_mobile:"",option_s_pc:"",option_s_mobile:"",contents:"",photo:URL.createObjectURL(l),photos:a,is_new:!0};o.snap_data.push(n),Y(o.snap_data),O(o.snap_data)},w=l=>{const i=l.target.files;for(var a=0;a<i.length;a++){let n=i[a];if(n)if(n.type==="image/png"||n.type==="image/jpeg"||n.type==="image/jpg")T(n);else if(n.type.includes("video/")){if(n.type!=="video/mp4")return alert("MP4 파일을 선택해주세요."),!1;if(n.size*95367e-11>20)return alert("20MB 이하인 파일을 선택해주세요."),!1;S(n,o.snap_data[o.modal_index].photos)}else return alert("이미지 파일을 선택해주세요."),!1}},S=async(l,i)=>{let n={id:m(),is_video:1,file:l,photo:URL.createObjectURL(l),is_new:!0};i.push(n),Y(o.snap_data),O(o.snap_data)};let m=()=>{let l=new Date,i=l.getFullYear()*1e10,a=(l.getMonth()+1)*1e8,n=l.getDate()*1e6,h=l.getHours()*1e4,d=l.getMinutes()*100,y=l.getSeconds(),p=l.getMilliseconds();return i+a+n+h+d+y+p},c=()=>{let l=(o.current-1)*o.page_size;o.pagedata=o.data.slice(l,l+o.page_size),o.checked_snaps=[],console.log(o.pagedata)},L=()=>{Po.readSnapStockStack().then(l=>{var a,n;const i=(a=F.getNickname())==null?void 0:a.toLowerCase();o.data=l.data,o.data.forEach(h=>{h.forEach(d=>{const y=d==null?void 0:d.stock_type;y==="C"?d.tags=d.creator_tags:y==="S"?d.tags=d.snap_tags:y==="R"?d.tags=d.user_content_tag:y==="I"&&(d.tags=[{brand:i}]),d.tags=d.tags.filter(p=>p.brand.toLowerCase()===i)})}),o.total=o.data.length,o.pagedata=(n=o.data)==null?void 0:n.slice(0,o.page_size)}).catch(l=>{console.log(l)})};return vo(()=>{var a;console.log("mounted!"),o.paramString="",o.query=new URLSearchParams(o.paramString);let l=F.getCookie("snap_payment");const i=l==null?void 0:l.payment_value;(i==null||i==-1)&&(alert("이용가능한 스냅이 없습니다. 결제 후 이용해주세요."),s.push("snap-list")),i==0&&((a=o.raw_data)==null?void 0:a.length)>0&&(alert("이용가능한 스냅이 없습니다. 결제 후 이용해주세요."),s.push("snap-list")),L()}),{router:s,...yo(o),removePhoto:r,removeModalPhoto:G,onPhotoChange:W,onPhotoPopupChange:w,save:K,onChange:c,showPopup:q,showDetail:Z,closeModal:D,closeSnapModal:Q,fetch:L,upload:H,limitLines:X}}},Vo={class:"dashboard_body flex flex-col"},zo={class:"contents_box w-full flex justify-start grow"},Ro={class:"contents_area grow p-8"},Mo={class:"con grow"},jo={class:"box mb-5"},Lo={class:"flex border-b border-solid border-gray-300 pb-0"},Ao={class:"flex border-b border-solid border-gray-300 pb-0 mt-3"},Bo={class:"snap_preview"},Io={class:"flex items-center justify-between"},Oo={class:"quantity"},Do={class:"snap_wrap"},To={"aria-disabled":"false"},Fo=["src"],qo=["poster"],Ho=["src"],Qo={class:"btn_popup"},Ko=["onClick"],Wo={style:{position:"absolute",top:"0",left:"0",color:"white","background-color":`rgba(\r
6                                                0,\r
7                                                0,\r
8                                                0,\r
9                                                0.5\r
10                                            )`,width:"50px","text-align":"center","border-radius":"5px",padding:"5px"}},Jo=["onClick"],Yo={class:"snap_info flex flex-col"},Go=["onUpdate:modelValue","onInput"],Xo=["onUpdate:modelValue"],Zo=["onUpdate:modelValue"],$o={class:"flex items-center gap-1"},ot=["id","onUpdate:modelValue"],tt=["for"],et=["onUpdate:modelValue","onInput"],st=["onUpdate:modelValue"],lt=["onUpdate:modelValue"],at={class:"upload-container",style:{display:"flex","flex-direction":"column","align-items":"center"}},nt={class:"box mt-10"},it={class:"flex items-end justify-between"},dt={key:0,class:"pt-[80px] pb-[50px] text-center text-gray-400 flex flex-col gap-5"},pt={class:"listview grid grid-cols-7 gap-2 mt-10"},rt=["id","value"],ct=["src","onClick"],_t=["poster","onClick"],ut=["src"],ht={class:"pagination mb-5"},ft={class:"mt-10 mb-5 grid grid-cols-2 gap-3 max-w-[500px] mx-auto"},gt={class:"modal_layer",id:"snap_popup"},bt={class:"modal_box !max-w-[800px]"},mt={class:"modal_box_contents"},vt={class:"listview grid-cols-none"},yt={id:"sortable02",class:"scroll_view pb-2 ui-sortable"},kt=["onClick"],wt=["src"],xt=["poster"],St=["src"],Ct={class:"my-3"},Pt={class:"grid grid-cols gap-3"},Ut={class:"modal_layer",id:"modal_layer",style:{width:"100%"}},Nt={class:"modal_box !max-w-[800px]"},Et={class:"modal_box_header"},Vt={class:"modal_box_contents"},zt={class:"w-full flex flex-col gap-5 mb-5"},Rt={class:"listview grid grid-cols-6 gap-2"},Mt=["src"],jt=["poster"],Lt=["src"],At={class:"tablearea"},Bt=["href"],It={ref:"videoThumbnailer",style:{display:"none"}},Ot={ref:"canvasThumbnailer",style:{display:"none"}};function Dt(o,s,G,r,X,Z){var T;const q=A("SNAP_HEADER"),H=A("SNAP_MENU"),D=A("draggable"),Q=A("a-pagination"),K=A("SNAP_FOOTER"),W=A("SNAP_SPINNER");return u(),_(E,null,[t("div",Vo,[z(q),t("div",zo,[z(H),t("div",Ro,[t("div",Mo,[s[22]||(s[22]=t("div",{class:"contents_title"}

10,[t("h1",null,"상세 스냅 등록"),t("h2",null,"원하시는 상품에 스냅을 달아보세요.")],-1)),t("div",null,[t("div",jo,[t("div",Lo,[g(t("input",{type:"text",placeholder:"상품명을 입력하세요.",class:"grow",style:{border:"none"},"onUpdate:modelValue":s[0]||(s[0]=e=>o.product_name=e)},null,512),[[N,o.product_name]])]),g(t("div",Ao,[g(t("input",{type:"text",placeholder:"카페24 상품번호를 입력하세요.",class:"grow",style:{border:"none"},"onUpdate:modelValue":s[1]||(s[1]=e=>o.cafe24_product_id=e)},null,512),[[N,o.cafe24_product_id]])],512),[[B,o.mall_id!=null]])])]),t("div",Bo,[t("div",Io,[t("div",Oo,R(o.snap_count),1)]),t("div",Do,[z(D,{class:"snap_slide sortable",list:o.snap_data},{default:J(()=>[(u(!0),_(E,null,I(o.snap_data,(e,b)=>{var w,S,m;return u(),_("div",{class:"snap_feed",key:e.id+"-"+o.updateTrigger},[t("a",To,[((w=e.photos[0])==null?void 0:w.is_video)===0?(u(),_("img",{key:0,src:e.photos.length>0?e.photos[0].photo:"",style:{width:"100%",height:"100%","object-fit":"cover","background-color":"white","border-radius":"8px"}},null,8,Fo)):((S=e.photos[0])==null?void 0:S.is_video)===1?(u(),_(E,{key:1},[e.photos.length?(u(),_("video",{key:0,loop:"",controls:"",class:"main_videos",style:{width:"100%",height:"100%","object-fit":"cover","background-color":"black","border-radius":"8px"},poster:e.photos[0].thumbnail||null},[t("source",{src:e.photos[0].photo,type:"video/mp4"},null,8,Ho),s[12]||(s[12]=M(" 현재 브라우저에서 지원되지 않는 형식입니다. "))],8,qo)):j("",!0)],64)):j("",!0),t("div",Qo,[t("button",{type:"button",onClick:c=>r.showPopup(b)}," 편집 ",8,Ko)])]),t("label",Wo,R((m=e.photos)==null?void 0:m.length)+"장",1),t("button",{type:"button",class:"btn_delete",onClick:c=>r.removePhoto(b)},s[13]||(s[13]=[t("i",{class:"fa-solid fa-xmark fa-xl drop-shadow-md text-white"},null,-1)]),8,Jo),t("div",Yo,[s[14]||(s[14]=t("div",{class:"text-sm text-gray-500"}," MOBILE 입력 ",-1)),g(t("textarea",{placeholder:"타이틀","onUpdate:modelValue":c=>e.title_mobile=c,onInput:c=>r.limitLines(e,"mobile")},null,40,Go),[[N,e.title_mobile]]),g(t("input",{type:"text",placeholder:"옵션","onUpdate:modelValue":c=>e.option_mobile=c},null,8,Xo),[[N,e.option_mobile]]),g(t("input",{type:"text",placeholder:"옵션S","onUpdate:modelValue":c=>e.option_s_mobile=c},null,8,Zo),[[N,e.option_s_mobile]])]),t("div",$o,[g(t("input",{type:"checkbox",id:"pc_input_btn"+b,"onUpdate:modelValue":c=>e.check_pc_option=c},null,8,ot),[[_o,e.check_pc_option]]),t("label",{for:"pc_input_btn"+b},"PC 추가입력",8,tt)]),t("div",{class:"snap_info",id:"pc_input",style:wo(e.check_pc_option?"display: flex":"display:none")},[g(t("textarea",{placeholder:"타이틀","onUpdate:modelValue":c=>e.title_pc=c,onInput:c=>r.limitLines(e,"pc")},null,40,et),[[N,e.title_pc]]),g(t("input",{type:"text",placeholder:"옵션","onUpdate:modelValue":c=>e.option_pc=c},null,8,st),[[N,e.option_pc]]),g(t("input",{type:"text",placeholder:"옵션S","onUpdate:modelValue":c=>e.option_s_pc=c},null,8,lt),[[N,e.option_s_pc]])],4)])}),128)),t("div",null,[t("div",at,[s[15]||(s[15]=t("span",{style:{"margin-bottom":"5px","text-align":"center",width:"70px"}},[M("사진 또는"),t("br"),M(" 동영상 추가")],-1)),t("input",{type:"file",class:"btn_snapfeed_file",multiple:"",onChange:s[2]||(s[2]=(...e)=>r.onPhotoChange&&r.onPhotoChange(...e)),ref:"file_snap",id:"file_snap",style:{display:"none"}},null,544),s[16]||(s[16]=t("label",{for:"file_snap"},[t("i",{class:"fa-solid fa-plus text-white","aria-hidden":"true"})],-1))])])]),_:1},8,["list"])])]),g(t("div",nt,[t("div",it,[s[18]||(s[18]=t("div",null,[t("h2",{class:"text-lg"},"마이콘텐츠 추가"),t("p",null," 스냅에 업로드할 콘텐츠를 선택 후, 올리기버튼을 눌러주세요. ")],-1)),t("div",null,[t("button",{type:"button",class:"flex items-center gap-2 btn_BK py-2 px-5 rounded-md",onClick:s[3]||(s[3]=(...e)=>r.upload&&r.upload(...e))},s[17]||(s[17]=[t("i",{class:"fa-solid fa-arrow-up"},null,-1),M("스냅에 올리기 ")]))])]),o.data.length==0?(u(),_("div",dt,s[19]||(s[19]=[t("i",{class:"fa-regular fa-folder fa-2xl"},null,-1),t("div",null,"구매하신 마이콘텐츠가 없습니다.",-1)]))):j("",!0),o.data.length>0?(u(),_(E,{key:1},[t("div",pt,[(u(!0),_(E,null,I(this.pagedata,e=>{var b,w,S,m,c;return u(),_("div",{class:"listview_con",key:(b=e[0])==null?void 0:b.id},[g(t("input",{type:"checkbox",id:(w=e[0])==null?void 0:w.id,name:"snap_feed",value:(S=e[0])==null?void 0:S.id,"onUpdate:modelValue":s[4]||(s[4]=L=>

10o.checked_snaps=L)},null,8,rt),[[_o,o.checked_snaps]]),t("label",null,[((m=e[0])==null?void 0:m.is_video)===0?(u(),_("img",{key:0,src:e[0].photo,class:"rounded-b-lg",style:{cursor:"pointer"},onClick:L=>r.showDetail(e)},null,8,ct)):((c=e[0])==null?void 0:c.is_video)===1?(u(),_("video",{key:1,loop:"",controls:"",class:"main_videos",style:{width:"100%",height:"100%","object-fit":"cover","background-color":"black",cursor:"pointer"},poster:e[0].thumbnail||null,onClick:L=>r.showDetail(e)},[t("source",{src:e[0].photo,type:"video/mp4"},null,8,ut),s[20]||(s[20]=M(" 현재 브라우저에서 지원되지 않는 형식입니다. "))],8,_t)):j("",!0)])])}),128))]),g(t("ul",ht,[t("li",null,[z(Q,{current:o.current,"onUpdate:current":s[5]||(s[5]=e=>o.current=e),onChange:r.onChange,total:o.total,defaultPageSize:o.page_size,showSizeChanger:!1,class:"custom-pagination px-3 py-1.5",href:"#","aria-label":"Previous"},{default:J(()=>s[21]||(s[21]=[t("span",{"aria-hidden":"true"},"«",-1)])),_:1},8,["current","onChange","total","defaultPageSize"])])],512),[[B,o.total>0]])],64)):j("",!0)],512),[[B,o.data.length>0]]),t("div",ft,[t("button",{type:"button",class:"btn_basic btn_cancel",onClick:s[6]||(s[6]=e=>r.router.push("snap-list"))}," 취소 "),t("button",{type:"button",class:"btn_basic btn_BK",onClick:s[7]||(s[7]=(...e)=>r.save&&r.save(...e))}," 저장 ")])]),z(K)])])]),g(t("div",gt,[t("div",bt,[s[26]||(s[26]=t("div",{class:"modal_box_header"},[t("h3",null,"스냅 편집")],-1)),t("div",mt,[t("div",vt,[t("ul",yt,[z(D,{style:{display:"inline-flex"},list:o.modal_photos},{default:J(()=>[(u(!0),_(E,null,I(o.modal_photos,(e,b)=>(u(),_("li",{class:"mr-3",key:e.id},[t("button",{type:"button",class:"btn_delete",style:{top:"24px"},onClick:w=>r.removeModalPhoto(b)},s[23]||(s[23]=[t("i",{class:"fa-solid fa-xmark fa-lg drop-shadow-lg text-white"},null,-1)]),8,kt),e.is_video===0?(u(),_("img",{key:0,src:e.photo,alt:"",style:{"object-fit":"cover"}},null,8,wt)):e.is_video===1?(u(),_("video",{key:1,loop:"",controls:"",class:"modal_videos",style:{width:"100%",height:"100%","object-fit":"cover","background-color":"black","border-radius":"8px","z-index":"1"},poster:e.thumbnail||null},[t("source",{src:e.photo,type:"video/mp4"},null,8,St),s[24]||(s[24]=M(" 현재 브라우저에서 지원되지 않는 형식입니다. "))],8,xt)):j("",!0)]))),128)),t("li",null,[t("input",{type:"file",class:"btn_snapfeed_file",multiple:"",onChange:s[8]||(s[8]=(...e)=>r.onPhotoPopupChange&&r.onPhotoPopupChange(...e)),ref:"file_popup_snap",id:"file_popup_snap",style:{display:"none"}}

10,null,544),s[25]||(s[25]=t("label",{for:"file_popup_snap"},[t("i",{class:"fa-solid fa-plus text-white"})],-1))])]),_:1},8,["list"])])]),t("div",Ct,[g(t("textarea",{class:"resize-none p-2 w-full rounded-md h-[100px]",placeholder:"글을 작성해주세요.","onUpdate:modelValue":s[9]||(s[9]=e=>o.modal_contents=e)},null,512),[[N,o.modal_contents]])]),t("div",Pt,[t("button",{type:"button",class:"btn_basic btn_BK",onClick:s[10]||(s[10]=(...e)=>r.closeModal&&r.closeModal(...e))}," 저장 ")])])])],512),[[B,o.modal_popup]]),g(t("div",Ut,[t("div",Nt,[t("div",Et,[s[28]||(s[28]=t("h3",null,"마이콘텐츠 상세보기",-1)),t("a",{onClick:s[11]||(s[11]=(...e)=>r.closeSnapModal&&r.closeSnapModal(...e))},s[27]||(s[27]=[t("i",{class:"fa-solid fa-xmark fa-2xl"},null,-1)]))]),t("div",Vt,[t("div",zt,[t("div",Rt,[(u(!0),_(E,null,I(o.data_snap_detail,(e,b)=>(u(),_("div",{class:"listview_con",key:b},[e.is_video===0?(u(),_("img",{key:0,src:e.photo},null,8,Mt)):e.is_video===1?(u(),_("video",{key:1,loop:"",controls:"",class:"main_videos",style:{width:"100%",height:"100%","object-fit":"cover","background-color":"black"},poster:e.thumbnail||null},[t("source",{src:e.photo,type:"video/mp4"},null,8,Lt),s[29]||(s[29]=M(" 현재 브라우저에서 지원되지 않는 형식입니다. "))],8,jt)):j("",!0)]))),128))]),t("div",At,[(u(!0),_(E,null,I((T=o.data_snap_detail[0])==null?void 0:T.tags,(e,b)=>{var w,S;return u(),_("table",{class:"w-full",key:b},[s[35]||(s[35]=t("colgroup",null,[t("col",{width:"120px"}),t("col",{width:"auto"})],-1)),t("tbody",null,[t("tr",null,[s[30]||(s[30]=t("th",null,"링크",-1)),t("td",null,[t("a",{href:e.link},R(((w=e.link)==null?void 0:w.length)>50?((S=e.link)==null?void 0:S.substring(0,50))+"...":e.link),9,Bt)])]),t("tr",null,[s[31]||(s[31]=t("th",null,"상품명",-1)),t("td",null,R(e.name?e.name:e.product_name),1)]),t("tr",null,[s[32]||(s[32]=t("th",null,"가격",-1)),t("td",null,R(e.price),1)]),t("tr",null,[s[33]||(s[33]=t("th",null,"색상",-1)),t("td",null,R(e.color),1)]),t("tr",null,[s[34]||(s[34]=t("th",null,"사이즈",-1)),t("td",null,R(e.size),1)])])])}),128))])])])])],512),[[B,o.modal_snap_detail]]),z(W,{loading:o.is_loading,"dark-background":o.useDarkBackground},null,8,["loading","dark-background"]),t("video",It,null,512),t("canvas",Ot,null,512)],64)}const Yt=go(Eo,[["render",Dt]]);export{Yt as default};