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