ll-package
Version:
2 lines (1 loc) • 2.82 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),v=require("../../../@babel/runtime/helpers/esm/extends.js"),t=require("vue"),V=require("../_util/vue-types/index.js"),E=require("../_util/props-util/index.js"),x=require("../_util/type.js"),R=require("../config-provider/hooks/useConfigInject.js"),T=require("../_util/hooks/useFlexGapSupport.js"),k=require("../_util/classNames.js"),f=require("./Compact.js"),L=require("./style/index.js"),W={small:8,middle:16,large:24},j=()=>({prefixCls:String,size:{type:[String,Number,Array]},direction:V.default.oneOf(x.tuple("horizontal","vertical")).def("horizontal"),align:V.default.oneOf(x.tuple("start","end","center","baseline")),wrap:x.booleanType()});function H(e){return typeof e=="string"?W[e]:e||0}const i=t.defineComponent({compatConfig:{MODE:3},name:"ASpace",inheritAttrs:!1,props:j(),slots:Object,setup(e,G){let{slots:u,attrs:m}=G;const{prefixCls:n,space:g,direction:z}=R.default("space",e),[I,B]=L.default(n),h=T.default(),r=t.computed(()=>{var a,l,o;return(o=(a=e.size)!==null&&a!==void 0?a:(l=g==null?void 0:g.value)===null||l===void 0?void 0:l.size)!==null&&o!==void 0?o:"small"}),$=t.ref(),s=t.ref();t.watch(r,()=>{[$.value,s.value]=(Array.isArray(r.value)?r.value:[r.value,r.value]).map(a=>H(a))},{immediate:!0});const q=t.computed(()=>e.align===void 0&&e.direction==="horizontal"?"center":e.align),F=t.computed(()=>k.default(n.value,B.value,`${n.value}-${e.direction}`,{[`${n.value}-rtl`]:z.value==="rtl",[`${n.value}-align-${q.value}`]:q.value})),M=t.computed(()=>z.value==="rtl"?"marginLeft":"marginRight"),P=t.computed(()=>{const a={};return h.value&&(a.columnGap=`${$.value}px`,a.rowGap=`${s.value}px`),v.default(v.default({},a),e.wrap&&{flexWrap:"wrap",marginBottom:`${-s.value}px`})});return()=>{var a,l;const{wrap:o,direction:D="horizontal"}=e,b=(a=u.default)===null||a===void 0?void 0:a.call(u),C=E.filterEmpty(b),N=C.length;if(N===0)return null;const c=(l=u.split)===null||l===void 0?void 0:l.call(u),_=`${n.value}-item`,w=$.value,S=N-1;return t.createVNode("div",O.default(O.default({},m),{},{class:[F.value,m.class],style:[P.value,m.style]}),[C.map((A,d)=>{let y=b.indexOf(A);y===-1&&(y=`$$space-${d}`);let p={};return h.value||(D==="vertical"?d<S&&(p={marginBottom:`${w/(c?2:1)}px`}):p=v.default(v.default({},d<S&&{[M.value]:`${w/(c?2:1)}px`}),o&&{paddingBottom:`${s.value}px`})),I(t.createVNode(t.Fragment,{key:y},[t.createVNode("div",{class:_,style:p},[A]),d<S&&c&&t.createVNode("span",{class:`${_}-split`,style:p},[c])]))})])}}});i.Compact=f.default;i.install=function(e){return e.component(i.name,i),e.component(f.default.name,f.default),e};const J=i;exports.Compact=f.default;exports.default=J;exports.spaceProps=j;