https://familiesforlife.sg/assets/ThumbnailFieldSetting.e4a35d55.js

1import{G as e,r as l,H as a,b as o,d as t}from"./element-plus.80abf16b.js";import{c1 as d,bM as u,c2 as i,c7 as m,c8 as s,ca as n,cg as p,ce as c,cf as r}from"./commonmodules.b9c1dd40.js";import{_ as h}from"./index.d3bd9396.js";import"./lodash-es.480d1bd8.js";import"./axios.1263d4b1.js";import"./vue-router.5e13d197.js";const v={class:"dialog-footer"};var b=h(d({__name:"ThumbnailFieldSetting",props:{domId:null,title:null,componentData:null,save:{type:Function}},setup(d,{expose:h}){const b=d,f=u({pcWidth:"",pcHeight:"",mobileWidth:"",mobileHeight:""});b.componentData&&(f.value=JSON.parse(null==b?void 0:b.componentData));const g=u(!1),V=()=>{g.value=!g.value,g.value&&(null==b?void 0:b.componentData)&&(f.value=JSON.parse(b.componentData))},_=()=>{b.save(f.value),V()};return h({toggleDialog:V}),(u,h)=>{const b=e,H=l,D=a,W=o,j=t;return i(),m(j,{modelValue:g.value,"onUpdate:modelValue":h[4]||(h[4]=e=>g.value=e),title:d.title,width:"480px",class:"camps-setting-dialog","close-on-click-modal":!1},{footer:s((()=>[n("span",v,[p(W,{type:"primary",onClick:_},{default:s((()=>[c("Save")])),_:1}),p(W,{onClick:V},{default:s((()=>[c("Cancel")])),_:1})])])),default:s((()=>[p(D,{"label-width":"auto"},{default:s((()=>[p(b,null,{default:s((()=>[n("label",null,r(`Dom ID: ${d.domId}`),1)])),_:1}),p(b,{label:"PC"},{default:s((()=>[p(H,{modelValue:f.value.pcWidth,"onUpdate:modelValue":h[0]||(h[0]=e=>f.value.pcWidth=e),placeholder:"Width"},null,8,["modelValue"])])),_:1}),p(b,{label:" "},{default:s((()=>[p(H,{modelValue:f.value.pcHeight,"onUpdate:modelValue":h[1]||(h[1]=e=>f.value.pcHeight=e),placeholder:"Height"},null,8,["modelValue"])])),_:1}),p(b,{label:"Mobile"},{default:s((()=>[p(H,{modelValue:f.value.mobileWidth,"onUpdate:modelValue":h[2]||(h[2]=e=>f.value.mobileWidth=e),placeholder:"Width"},null,8,["modelValue"])])),_:1}),p(b,{label:" "},{default:s((()=>[p(H,{modelValue:f.value.mobileHeight,"onUpdate:modelValue":h[3]||(h[3]=e=>f.value.mobileHeight=e),placeholder:"Height"},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["modelValue","title"])}}}),[["__scopeId","data-v-2f0d6191"]]);export{b as default};