"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),f=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),m={style:{width:"20%"}},p=e.defineComponent({__name:"index",props:{active:{type:Boolean}},setup(a){const o={lg:!0,md:!0,sm:!1,xl:!1,xs:!1,xxl:!1},i={xs:2,sm:2,md:4,lg:4,xl:5,xxl:5},c=f(),u=e.computed(()=>c.value||o),s=e.computed(()=>{const l=e.unref(u);return Object.keys(l).filter(n=>l[n]===!0).pop()||"md"}),r=e.computed(()=>i[s.value]||4);return(l,n)=>(e.openBlock(),e.createBlock(e.unref(t.Card),{variant:"borderless",style:{marginBlockEnd:"16px"}},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Flex),{gap:8,style:{marginBlockEnd:"16px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(new Array(r.value).fill(null),(v,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,style:e.normalizeStyle({width:`${100/r.value}%`})},[e.createVNode(e.unref(t.Skeleton),{active:a.active,paragraph:!1,title:{style:{height:"24px",marginBottom:0}}},null,8,["active"])],4))),128))]),_:1}),e.createVNode(e.unref(t.Flex),{gap:8,justify:"space-between"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Flex),{gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Skeleton),{active:a.active,paragraph:!1,title:{style:{height:"24px",marginBottom:0},width:48}},null,8,["active"]),e.createVNode(e.unref(t.Skeleton),{active:a.active,paragraph:!1,title:{style:{height:"24px",marginBottom:0},width:48}},null,8,["active"]),e.createVNode(e.unref(t.Skeleton),{active:a.active,paragraph:!1,title:{style:{height:"24px",marginBottom:0},width:48}},null,8,["active"])]),_:1}),e.createElementVNode("div",m,[e.createVNode(e.unref(t.Skeleton),{active:a.active,paragraph:!1,title:{style:{height:"24px",marginBottom:0}}},null,8,["active"])])]),_:1})]),_:1}))}});exports.default=p;
