t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 707 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./index3.js"),p=e.defineComponent({name:"FSpace"}),u=e.defineComponent({...p,props:l.Props,setup(n){const o=n,a=e.computed(()=>{const{wrap:t,vertical:s,spacing:r}=o;return["f-space",{[`f-space__${r}`]:r,"f-space__wrap":t,"f-space__vertical":s}]}),c=e.computed(()=>{const{rowGap:t,columnGap:s}=o;return{rowGap:t,columnGap:s}});return(t,s)=>t.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a)),style:e.normalizeStyle(e.unref(c))},[e.renderSlot(t.$slots,"default")],6)):e.createCommentVNode("",!0)}});exports.default=u;