2 lines
2.1 KiB
JavaScript
2 lines
2.1 KiB
JavaScript
import{d as k,z as L,A as M,aP as W,c as m,_ as p,F as q,E as F,r as G,g as s,a4 as H,P as I,af as P,N as J}from"./index-Ci55MVrK.js";import{u as K}from"./index-Cec7QIaL.js";import{a as Q,C as z}from"./index-Dr_Qcbdk.js";const U={small:8,middle:16,large:24},X=()=>({prefixCls:String,size:{type:[String,Number,Array]},direction:I.oneOf(P("horizontal","vertical")).def("horizontal"),align:I.oneOf(P("start","end","center","baseline")),wrap:H()});function Y(e){return typeof e=="string"?U[e]:e||0}const d=k({compatConfig:{MODE:3},name:"ASpace",inheritAttrs:!1,props:X(),slots:Object,setup(e,j){let{slots:o,attrs:f}=j;const{prefixCls:l,space:g,direction:x}=L("space",e),[B,E]=Q(l),h=K(),n=s(()=>{var a,t,i;return(i=(a=e.size)!==null&&a!==void 0?a:(t=g==null?void 0:g.value)===null||t===void 0?void 0:t.size)!==null&&i!==void 0?i:"small"}),y=G(),r=G();M(n,()=>{[y.value,r.value]=(Array.isArray(n.value)?n.value:[n.value,n.value]).map(a=>Y(a))},{immediate:!0});const C=s(()=>e.align===void 0&&e.direction==="horizontal"?"center":e.align),D=s(()=>J(l.value,E.value,`${l.value}-${e.direction}`,{[`${l.value}-rtl`]:x.value==="rtl",[`${l.value}-align-${C.value}`]:C.value})),R=s(()=>x.value==="rtl"?"marginLeft":"marginRight"),T=s(()=>{const a={};return h.value&&(a.columnGap=`${y.value}px`,a.rowGap=`${r.value}px`),p(p({},a),e.wrap&&{flexWrap:"wrap",marginBottom:`${-r.value}px`})});return()=>{var a,t;const{wrap:i,direction:V="horizontal"}=e,b=(a=o.default)===null||a===void 0?void 0:a.call(o),_=W(b),w=_.length;if(w===0)return null;const c=(t=o.split)===null||t===void 0?void 0:t.call(o),A=`${l.value}-item`,N=y.value,S=w-1;return m("div",F(F({},f),{},{class:[D.value,f.class],style:[T.value,f.style]}),[_.map((O,u)=>{let $=b.indexOf(O);$===-1&&($=`$$space-${u}`);let v={};return h.value||(V==="vertical"?u<S&&(v={marginBottom:`${N/(c?2:1)}px`}):v=p(p({},u<S&&{[R.value]:`${N/(c?2:1)}px`}),i&&{paddingBottom:`${r.value}px`})),B(m(q,{key:$},[m("div",{class:A,style:v},[O]),u<S&&c&&m("span",{class:`${A}-split`,style:v},[c])]))})])}}});d.Compact=z;d.install=function(e){return e.component(d.name,d),e.component(z.name,z),e};export{d as S};
|