| 1 |
- import{a as S,av as h,a9 as d,i as z,s as w,c as C}from"./index-D1QfrjPk.js";import{d as b,e as v,ag as x,B as c,P as B}from"./vue-vendor-bEvCrXZa.js";var s=b({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=v(()=>{var t;return(t=e.align)!=null?t:e.direction==="horizontal"?"center":""}),y=v(()=>[a,{[`${a}-${e.direction}`]:e.direction,[`${a}-align-${m.value}`]:m.value,[`${a}-wrap`]:e.wrap,[`${a}-fill`]:e.fill}]);function o(t){if(z(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={},r=`${o(d(e.size)?e.size[0]:e.size)}px`,l=`${o(d(e.size)?e.size[1]:e.size)}px`;return t?e.wrap?{marginBottom:l}:{}:(e.direction==="horizontal"&&(i.marginRight=r),(e.direction==="vertical"||e.wrap)&&(i.marginBottom=l),i)};return()=>{var t;const i=h((t=n.default)==null?void 0:t.call(n),!0).filter(r=>r.type!==x);return c("div",{class:y.value},[i.map((r,l)=>{var g,f;const $=n.split&&l>0;return c(B,{key:(g=r.key)!=null?g:`item-${l}`},[$&&c("div",{class:`${a}-item-split`,style:u(!1)},[(f=n.split)==null?void 0:f.call(n)]),c("div",{class:`${a}-item`,style:u(l===i.length-1)},[r])])})])}}});const P=Object.assign(s,{install:(e,n)=>{w(e,n);const a=C(n);e.component(a+s.name,s)}});export{P as S};
|
