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