zview-plus
Version:
基于 Vue3 的 UI 组件库
2 lines (1 loc) • 821 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),c=require("./space-props.js"),r=a.defineComponent({name:"ZSpace",props:c.SpaceProps,setup(e,{slots:i}){const t=a.shallowRef([]),n=a.computed(()=>({display:e.inline?"inline-flex":"flex",gap:e.size.length===1?`${e.size[0]}px`:`${e.size[0]}px ${e.size[1]}px`,"flex-direction":e.direction==="horizontal"?"row":"column","flex-wrap":e.wrap?"wrap":"nowrap","align-items":e.alignment}));return i.default&&i.default().forEach(l=>{typeof l.type=="symbol"&&typeof l.children!="string"?l.children.forEach(s=>{t.value.push(a.h("div",{className:"z-space-item"},s))}):t.value.push(a.h("div",{className:"z-space-item"},l))}),()=>a.h("div",{className:"z-space",style:n.value},t.value)}});exports.default=r;