ll-package
Version:
2 lines (1 loc) • 2.56 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),q=require("../../../@babel/runtime/helpers/esm/extends.js"),n=require("vue"),k=require("../_util/classNames.js"),a=require("../_util/responsiveObserve.js"),B=require("../config-provider/hooks/useConfigInject.js"),M=require("../_util/hooks/useFlexGapSupport.js"),_=require("./context.js"),z=require("./style/index.js"),f=require("../_util/type.js"),$=()=>({align:f.someType([String,Object]),justify:f.someType([String,Object]),prefixCls:String,gutter:f.someType([Number,Array,Object],0),wrap:{type:Boolean,default:void 0}}),N=n.defineComponent({compatConfig:{MODE:3},name:"ARow",inheritAttrs:!1,props:$(),setup(u,h){let{slots:d,attrs:l}=h;const{prefixCls:o,direction:G}=B.default("row",u),[O,R]=z.useRowStyle(o);let v;const p=a.default(),y=n.ref({xs:!0,sm:!0,md:!0,lg:!0,xl:!0,xxl:!0}),m=n.ref({xs:!1,sm:!1,md:!1,lg:!1,xl:!1,xxl:!1}),g=e=>n.computed(()=>{if(typeof u[e]=="string")return u[e];if(typeof u[e]!="object")return"";for(let t=0;t<a.responsiveArray.length;t++){const s=a.responsiveArray[t];if(!m.value[s])continue;const r=u[e][s];if(r!==void 0)return r}return""}),b=g("align"),x=g("justify"),w=M.default();n.onMounted(()=>{v=p.value.subscribe(e=>{m.value=e;const t=u.gutter||0;(!Array.isArray(t)&&typeof t=="object"||Array.isArray(t)&&(typeof t[0]=="object"||typeof t[1]=="object"))&&(y.value=e)})}),n.onBeforeUnmount(()=>{p.value.unsubscribe(v)});const A=n.computed(()=>{const e=[void 0,void 0],{gutter:t=0}=u;return(Array.isArray(t)?t:[t,void 0]).forEach((r,j)=>{if(typeof r=="object")for(let i=0;i<a.responsiveArray.length;i++){const c=a.responsiveArray[i];if(y.value[c]&&r[c]!==void 0){e[j]=r[c];break}}else e[j]=r}),e});_.default({gutter:A,supportFlexGap:w,wrap:n.computed(()=>u.wrap)});const C=n.computed(()=>k.default(o.value,{[`${o.value}-no-wrap`]:u.wrap===!1,[`${o.value}-${x.value}`]:x.value,[`${o.value}-${b.value}`]:b.value,[`${o.value}-rtl`]:G.value==="rtl"},l.class,R.value)),T=n.computed(()=>{const e=A.value,t={},s=e[0]!=null&&e[0]>0?`${e[0]/-2}px`:void 0,r=e[1]!=null&&e[1]>0?`${e[1]/-2}px`:void 0;return s&&(t.marginLeft=s,t.marginRight=s),w.value?t.rowGap=`${e[1]}px`:r&&(t.marginTop=r,t.marginBottom=r),t});return()=>{var e;return O(n.createVNode("div",S.default(S.default({},l),{},{class:C.value,style:q.default(q.default({},T.value),l.style)}),[(e=d.default)===null||e===void 0?void 0:e.call(d)]))}}}),E=N;exports.default=E;exports.rowProps=$;