https://familiesforlife.sg/assets/ButtonFieldSetting.704c6612.js

1import{G as l,r as e,X as a,W as o,M as u,H as d,b as t,d as n}from"./element-plus.80abf16b.js";import{c1 as m,bM as s,c2 as i,c7 as r,c8 as p,ca as v,cg as V,ce as c,cf as f,c3 as b,bI as C}from"./commonmodules.b9c1dd40.js";import"./lodash-es.480d1bd8.js";import"./axios.1263d4b1.js";const _={class:"dialog-footer"},g=m({__name:"ButtonFieldSetting",props:{domId:null,title:null,componentData:null,save:{type:Function}},setup(m,{expose:g}){const h=m,S=s({fieldName:"",fontSize:18,fontColor:"#FFFFFF",bgColor:"#BE0212",borderColor:"transparent",borderRadius:8,width:200,height:40,topSpace:0,displayAsPlain:!1,plainColor:"#BE0212"});h.componentData&&(S.value=JSON.parse(null==h?void 0:h.componentData));const U=s(!1),y=()=>{U.value=!U.value,U.value&&(null==h?void 0:h.componentData)&&(S.value=JSON.parse(h.componentData))},F=()=>{h.save(S.value),y()};return g({toggleDialog:y}),(s,g)=>{const h=l,D=e,k=a,B=o,N=u,w=d,x=t,P=n;return i(),r(P,{modelValue:U.value,"onUpdate:modelValue":g[11]||(g[11]=l=>U.value=l),title:m.title,width:"480px",class:"camps-setting-dialog","close-on-click-modal":!1},{footer:p((()=>[v("span",_,[V(x,{type:"primary",onClick:F},{default:p((()=>[c("Save")])),_:1}),V(x,{onClick:y},{default:p((()=>[c("Cancel")])),_:1})])])),default:p((()=>[V(w,{"label-width":"auto"},{default:p((()=>[V(h,null,{default:p((()=>[v("label",null,f(`Dom ID: ${m.domId}`),1)])),_:1}),V(h,{label:"Field Name"},{default:p((()=>[V(D,{type:"text",modelValue:S.value.fieldName,"onUpdate:modelValue":g[0]||(g[0]=l=>S.value.fieldName=l)},null,8,["modelValue"])])),_:1}),V(h,{label:"Display as Plain"},{default:p((()=>[V(k,{modelValue:S.value.displayAsPlain,"onUpdate:modelValue":g[1]||(g[1]=l=>S.value.displayAsPlain=l)},null,8,["modelValue"])])),_:1}),V(h,{label:"Font Size"},{default:p((()=>[V(B,{modelValue:S.value.fontSize,"onUpdate:modelValue":g[2]||(g[2]=l=>S.value.fontSize=l)},null,8,["modelValue"])])),_:1}),S.value.displayAsPlain?(i(),r(h,{key:0,label:"Theme Color"},{default:p((()=>[V(N,{modelValue:S.value.plainColor,"onUpdate:modelValue":g[3]||(g[3]=l=>S.value.plainColor=l)},null,8,["modelValue"])])),_:1})):(i(),b(C,{key:1},[V(h,{label:"Font Color"},{default:p((()=>[V(N,{modelValue:S.value.fontColor,"onUpdate:modelValue":g[4]||(g[4]=l=>S.value.fontColor=l)},null,8,["modelValue"])])),_:1}),V(h,{label:"Background Color"},{default:p((()=>[V(N,{modelValue:S.value.bgColor,"onUpdate:modelValue":g[5]||(g[5]=l=>S.value.bgColor=l)},null,8,["modelValue"])])),_:1}),V(h,{label:"Border Color"},{default:p((()=>[V(N,{modelValue:S.value.borderColor,"onUpdate:modelValue":g[6]||(g[6]=l=>S.value.borderColor=l)},null,8,["modelValue"])])),_:1})],64)),V(h,{label:"Width"},{default:p((()=>[V(B,{modelValue:S.value.width,"onUpdate:modelValue":g[7]||(g[7]=l=>S.value.width=l)},null,8,["modelValue"])])),_:1}),V(h,{label:"Height"},{default:p((()=>[V(B,{modelValue:S.value.height,"onUpdate:modelValue":g[8]||(g[8]=l=>S.value.height=l)},null,8,["modelValue"])])),_:1}),V(h,{label:"Border Radius"},{default:p((()=>[V(B,{modelValue:S.value.borderRadius,"onUpdate:modelValue":g[9]||(g[9]=l=>S.value.borderRadius=l)},null,8,["modelValue"])])),_:1}),V(h,{label:"Top Space"},{default:p((()=>[V(B,{modelValue:S.value.topSpace,"onUpdate:modelValue":g[10]||(g[10]=l=>S.value.topSpace=l)},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["modelValue","title"])}}});export{g as default};