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

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/antdv"),u=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),p=require("../line/index.js"),m={style:{flex:3,paddingInlineStart:"32px"}},f=e.defineComponent({name:"ApSkeletonTableItem",__name:"item",props:{active:{type:Boolean},header:{type:Boolean,default:!1}},setup(g){const r={lg:!0,md:!0,sm:!1,xl:!1,xs:!1,xxl:!1},o={xs:1,sm:2,md:3,lg:3,xl:3,xxl:4},i=u(),d=e.computed(()=>i.value||r),s=e.computed(()=>{const t=e.unref(d);return Object.keys(t).filter(l=>t[l]===!0)[0]||"md"}),c=e.computed(()=>o[s.value]||3);return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",background:t.header?"rgba(0,0,0,0.02)":"none",padding:"20px 8px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(new Array(c.value).fill(null),(x,n)=>(e.openBlock(),e.createElementBlock("div",{key:n,style:e.normalizeStyle({flex:1,paddingInlineStart:t.header&&n===0?"8px":"20px",paddingInlineEnd:"32px"})},[e.createVNode(e.unref(a.Skeleton),{active:t.active,paragraph:!1,title:{style:{margin:0,height:"24px",width:t.header?"75px":"100%"}}},null,8,["active","title"])],4))),128)),e.createElementVNode("div",m,[e.createVNode(e.unref(a.Skeleton),{active:t.active,paragraph:!1,title:{style:{margin:0,height:"24px",width:t.header?"75px":"100%"}}},null,8,["active","title"])])],4),e.createVNode(e.unref(p.ApSkeletonLine),{style:{padding:"0px 0px"}})],64))}});exports.default=f;