vue-amazing-ui/lib/space/Space.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),o=a.defineComponent({__name:"Space",props:{width:{default:"auto"},align:{default:"start"},vertical:{type:Boolean,default:!1},gap:{default:"middle"},wrap:{type:Boolean,default:!0}},setup(r){const e=r,p=a.computed(()=>typeof e.width=="number"?`${e.width}px`:e.width),l=a.computed(()=>{if(typeof e.gap=="number")return`${e.gap}px`;if(Array.isArray(e.gap))return`${e.gap[1]}px ${e.gap[0]}px`;if(["small","middle","large"].includes(e.gap))return{small:"8px",middle:"16px",large:"24px"}[e.gap]});return(t,u)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["space-wrap",[`space-${t.align}`,{"space-vertical":t.vertical,"space-flex-wrap":t.wrap}]]),style:a.normalizeStyle(`width: ${p.value}; gap: ${l.value}; margin-bottom: -${Array.isArray(e.gap)&&t.wrap?e.gap[1]:0}px;`)},[a.renderSlot(t.$slots,"default",{},void 0,!0)],6))}});exports.default=o;