@aplus-frontend/ui/lib/src/skeleton/components/desc/item.vue2.js

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@aplus-frontend/antdv"),d=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),m={style:{width:"100%",justifyContent:"space-between",display:"flex"}},v=e.defineComponent({name:"ApSkeletonDescItem",__name:"item",props:{size:{},active:{type:Boolean}},setup(c){const l=c;l.size;const s={lg:!0,md:!0,sm:!1,xl:!1,xs:!1,xxl:!1},i={xs:1,sm:2,md:3,lg:3,xl:3,xxl:4},u=d(),r=e.computed(()=>u.value||s),p=e.computed(()=>Object.keys(r.value).filter(t=>r.value[t]===!0)[0]||"md"),o=e.computed(()=>l.size===void 0?i[p.value]||3:l.size);return(t,f)=>(e.openBlock(),e.createElementBlock("div",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(new Array(o.value).fill(null),(k,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,style:e.normalizeStyle({flex:1,paddingInlineStart:a===0?0:"24px",paddingInlineEnd:a===o.value-1?0:"24px"})},[e.createVNode(e.unref(n.Skeleton),{active:t.active,paragraph:!1,title:{style:{marginBlockStart:0}}},null,8,["active"]),e.createVNode(e.unref(n.Skeleton),{active:t.active,paragraph:!1,title:{style:{marginBlockStart:"8px"}}},null,8,["active"]),e.createVNode(e.unref(n.Skeleton),{active:t.active,paragraph:!1,title:{style:{marginBlockStart:"8px"}}},null,8,["active"])],4))),128))]))}});exports.default=v;