https://event-us.kr/Content/dist/js/EventSettings-fields-CoverImageField-vue.9f4a7ab9544d7237.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[693],{23232:function(e,t,r){r.r(t),r.d(t,{default:function(){return w}});var a=r(70821);const o={class:"space-y-2.5 w-full"},d=["value"],n={key:0,class:"space-y-2.5"},l={class:"space-y-2.5"},c=(0,a.createElementVNode)("div",null,"상단 배너 이미지",-1),u={class:"flex items-center gap-4"},s=["value"],i=["value"],g={key:0,class:"text-danger-500 text-sm"},p={class:"flex items-center justify-between w-full"},m={key:0,class:"text-danger-500"},k={class:"flex items-center gap-2"},v=(0,a.createElementVNode)("span",{class:"text-sm"},"상단 배너 이미지 사용",-1),h=["value"],b={key:1,class:"text-danger-500 text-sm"};function V(e,t,r,V,B,C){const f=(0,a.resolveComponent)("ev-radio"),w=(0,a.resolveComponent)("ev-input-thumbnail"),S=(0,a.resolveComponent)("ev-toggle");return(0,a.openBlock)(),(0,a.createElementBlock)("div",o,[(0,a.createElementVNode)("input",{type:"hidden",name:"project.BackgroundCoverUse",value:r.backgroundUse},null,8,d),C.localBackgroundUse?((0,a.openBlock)(),(0,a.createElementBlock)("div",n,[(0,a.createVNode)(w,{name:"backgroundCoverImageUrl","image-name":"상단 배너 이미지",crop:"","stencil-props":{aspectRatio:C.localBackgroundLargeSize?1920/760:4.8},src:C.resolvedBackgroundSrc,onCropped:C.onBackgroundCropped,onRemoved:C.onBackgroundRemoved},{size:(0,a.withCtx)((()=>[(0,a.createTextVNode)((0,a.toDisplayString)(C.localBackgroundLargeSize?"1920 X 760 px":"1920 X 400 px"),1)])),default:(0,a.withCtx)((()=>[(0,a.createElementVNode)("div",l,[c,(0,a.createElementVNode)("div",u,[(0,a.createVNode)(f,{modelValue:C.localBackgroundLargeSize,"onUpdate:modelValue":t[0]||(t[0]=e=>C.localBackgroundLargeSize=e),value:!1,disabled:C.hasBackgroundImage},{default:(0,a.withCtx)((()=>[(0,a.createTextVNode)("1920 X 400(기본형)")])),_:1},8,["modelValue","disabled"]),(0,a.createVNode)(f,{modelValue:C.localBackgroundLargeSize,"onUpdate:modelValue":t[1]||(t[1]=e=>C.localBackgroundLargeSize=e),value:!0,disabled:C.hasBackgroundImage},{default:(0,a.withCtx)((()=>[(0,a.createTextVNode)("1920 X 760(확장형)")])),_:1},8,["modelValue","disabled"])])])])),_:1},8,["stencil-props","src","onCropped","onRemoved"]),(0,a.createElementVNode)("input",{type:"hidden",name:"project.BackgroundCoverImageUrl",value:r.backgroundUrl},null,8,s),(0,a.createElementVNode)("input",{type:"hidden",name:"project.BackgroundCoverLargeSize",value:r.backgroundLargeSize},null,8,i),r.backgroundError&&r.backgroundErrorMsg?((0,a.openBlock)(),(0,a.createElementBlock)("div",g,(0,a.toDisplayString)(r.backgroundErrorMsg),1)):(0,a.createCommentVNode)("",!0)])):(0,a.createCommentVNode)("",!0),(0,a.createVNode)(w,{name:"coverImageUrl","image-name":"행사 대표 이미지",crop:"","stencil-props":{aspectRatio:960/540},src:C.resolvedCoverSrc,onCropped:C.onCoverCropped,onRemoved:C.onCoverRemoved},{size:(0,a.withCtx)((()=>[(0,a.createTextVNode)("960 X 540 px")])),default:(0,a.withCtx)((()=>[(0,a.createElementVNode)("div",p,[(0,a.createElementVNode)("span",null,[(0,a.createTextVNode)(" 행사 대표 이미지 "),r.required?((0,a.openBlock)(),(0,a.createElementBlock)("span",m,"*")):(0,a.createCommentVNode)("",!0)]),(0,a.createElementVNode)("div",k,[v,(0,a.createVNode)(S,{modelValue:C.localBackgroundUse,"onUpdate:modelValue":t[2]||(t[2]=e=>C.localBackgroundUse=e)},null,8,["modelValue"])])])])),_:1},8,["src","onCropped","onRemoved"]),(0,a.createElementVNode)("input",{type:"hidden",name:"project.CoverImageUrl",value:r.modelValue},null,8,h),r.error&&r.errorMsg?((0,a.openBlock)(),(0,a.createElementBlock)("div",b,(0,a.toDisplayString)(r.errorMsg),1)):(0,a.createCommentVNode)("",!0)])}var B={name:"CoverImageField",props:{modelValue:{type:String,default:""},preview:{type:String,default:""},title:{type:String,default:"대표 이미지"},required:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorMsg:{type:String,default:""},backgroundUrl:{type:String,default:""},backgroundPreview:{type:String,default:""},backgroundUse:{type:Boolean,default:!1},backgroundLargeSize:{type:Boolean,default:!1},backgroundError:{type:Boolean,default:!1},backgroundErrorMsg:{type:String,default:""}},emits:["update:modelValue","update:preview","update:backgroundUrl","update:backgroundPreview","update:backgroundUse","update:backgroundLargeSize"],computed:{resolvedCoverSrc(){return this.preview?this.preview:this.modelValue?this.modelValue.startsWith("http")||this.modelValue.startsWith("data:")?this.modelValue:"https://eventusstorage.blob.core.windows.net/evs"+this.modelValue:""}

1,localBackgroundUse:{get(){return this.backgroundUse},set(e){this.$emit("update:backgroundUse",e),e||this.$emit("update:backgroundLargeSize",!1)}},localBackgroundLargeSize:{get(){return this.backgroundLargeSize},set(e){this.$emit("update:backgroundLargeSize",e)}},hasBackgroundImage(){return!(!this.backgroundPreview&&!this.backgroundUrl)},resolvedBackgroundSrc(){return this.backgroundPreview?this.backgroundPreview:this.backgroundUrl?this.backgroundUrl.startsWith("http")||this.backgroundUrl.startsWith("data:")?this.backgroundUrl:"https://eventusstorage.blob.core.windows.net/evs"+this.backgroundUrl:""}},methods:{onCoverCropped(e){this.$emit("update:preview",e)},onCoverRemoved(){this.$emit("update:modelValue",""),this.$emit("update:preview","")},onBackgroundCropped(e){this.$emit("update:backgroundPreview",e)},onBackgroundRemoved(){this.$emit("update:backgroundUrl",""),this.$emit("update:backgroundPreview","")}}},C=r(83744);const f=(0,C.Z)(B,[["render",V]]);var w=f}}]);