@aplus-frontend/ui
Version:
2 lines (1 loc) • 1.92 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),d=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),p={style:{width:"20%"}},f=e.defineComponent({__name:"index",props:{active:{type:Boolean}},setup(m){const n={lg:!0,md:!0,sm:!1,xl:!1,xs:!1,xxl:!1},o={xs:2,sm:2,md:4,lg:4,xl:5,xxl:5},i=d(),c=e.computed(()=>i.value||n),u=e.computed(()=>{const a=e.unref(c);return Object.keys(a).filter(r=>a[r]===!0).pop()||"md"}),l=e.computed(()=>o[u.value]||4);return(a,r)=>(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(l.value).fill(null),(v,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,style:e.normalizeStyle({width:`${100/l.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",p,[e.createVNode(e.unref(t.Skeleton),{active:a.active,paragraph:!1,title:{style:{height:"24px",marginBottom:0}}},null,8,["active"])])]),_:1})]),_:1}))}});exports.default=f;