t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 933 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./index3.js"),a=require("../../_utils/index3.js"),_=e.defineComponent({name:"FRadioGroup"}),m=e.defineComponent({..._,props:n.Props,emits:n.Emits,setup(i,{emit:u}){const r=i,c=o=>{u("update:modelValue",o),r.change&&r.change(o)},l=e.reactive({...e.toRefs(r),changeEvent:c});e.provide(n.RadioGroupPropsKey,l);const d=e.computed(()=>{const{vertical:o,border:t,size:s}=r;return["f-radio-group",{"f-radio-group__vertical":o,"f-radio-group__border":t,[`f-radio-group__${s}`]:s&&t}]}),p=e.computed(()=>{const{columnGap:o,rowGap:t}=r;return{columnGap:a.sizeChange(o),rowGap:a.sizeChange(t)}});return(o,t)=>(e.openBlock(),e.createElementBlock("div",{role:"radiogroup",class:e.normalizeClass(e.unref(d)),style:e.normalizeStyle(e.unref(p))},[e.renderSlot(o.$slots,"default")],6))}});exports.default=m;