2 lines
1.4 KiB
JavaScript
2 lines
1.4 KiB
JavaScript
import{d as z,g as S,b as f,aC as h,bp as b,q as c,F as C,aE as y,k as w,y as x,z as _}from"./index-C4UKuwCQ.js";var s=z({name:"Space",props:{align:{type:String},direction:{type:String,default:"horizontal"},size:{type:[Number,String,Array],default:"small"},wrap:{type:Boolean},fill:{type:Boolean}},setup(e,{slots:n}){const a=S("space"),m=f(()=>{var t;return(t=e.align)!=null?t:e.direction==="horizontal"?"center":""}),v=f(()=>[a,{[`${a}-${e.direction}`]:e.direction,[`${a}-align-${m.value}`]:m.value,[`${a}-wrap`]:e.wrap,[`${a}-fill`]:e.fill}]);function o(t){if(w(t))return t;switch(t){case"mini":return 4;case"small":return 8;case"medium":return 16;case"large":return 24;default:return 8}}const u=t=>{const i={},l=`${o(y(e.size)?e.size[0]:e.size)}px`,r=`${o(y(e.size)?e.size[1]:e.size)}px`;return t?e.wrap?{marginBottom:r}:{}:(e.direction==="horizontal"&&(i.marginRight=l),(e.direction==="vertical"||e.wrap)&&(i.marginBottom=r),i)};return()=>{var t;const i=h((t=n.default)==null?void 0:t.call(n),!0).filter(l=>l.type!==b);return c("div",{class:v.value},[i.map((l,r)=>{var g,d;const $=n.split&&r>0;return c(C,{key:(g=l.key)!=null?g:`item-${r}`},[$&&c("div",{class:`${a}-item-split`,style:u(!1)},[(d=n.split)==null?void 0:d.call(n)]),c("div",{class:`${a}-item`,style:u(r===i.length-1)},[l])])})])}}});const B=Object.assign(s,{install:(e,n)=>{x(e,n);const a=_(n);e.component(a+s.name,s)}});export{B as S};
|