import{r as _,b as $,w as I,aI as g,d as i,aK as w,o as t,c as r,A as b,a,aO as B,E as h,aa as c,aM as x,aP as L,F as k,P as E,aL as N,f as P,m as S,aQ as T,aN as A,aR as F}from"./index-b9299550.js";const K=g({animated:{type:Boolean,default:!1},count:{type:Number,default:1},rows:{type:Number,default:3},loading:{type:Boolean,default:!0},throttle:{type:Number}}),M=g({variant:{type:String,values:["circle","rect","h1","h3","text","caption","p","image","button"],default:"text"}}),O=i({name:"ElSkeletonItem"});var p=x(i({...O,props:M,setup(d){const u=w("skeleton");return(o,s)=>(t(),r("div",{class:c([a(u).e("item"),a(u).e(o.variant)])},[o.variant==="image"?(t(),b(a(B),{key:0})):h("v-if",!0)],2))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton-item.vue"]]);const Q=i({name:"ElSkeleton"}),R=A(x(i({...Q,props:K,setup(d,{expose:u}){const o=d,s=w("skeleton"),v=((e,m=0)=>{if(m===0)return e;const l=_(!1);let n=0;const f=()=>{n&&clearTimeout(n),n=window.setTimeout(()=>{l.value=e.value},m)};return $(f),I(()=>e.value,y=>{y?f():l.value=y}),l})(L(o,"loading"),o.throttle);return u({uiLoading:v}),(e,m)=>a(v)?(t(),r("div",S({key:0,class:[a(s).b(),a(s).is("animated",e.animated)]},e.$attrs),[(t(!0),r(k,null,E(e.count,l=>(t(),r(k,{key:l},[e.loading?N(e.$slots,"template",{key:l},()=>[P(p,{class:c(a(s).is("first")),variant:"p"},null,8,["class"]),(t(!0),r(k,null,E(e.rows,n=>(t(),b(p,{key:n,class:c([a(s).e("paragraph"),a(s).is("last",n===e.rows&&e.rows>1)]),variant:"p"},null,8,["class"]))),128))]):h("v-if",!0)],64))),128))],16)):N(e.$slots,"default",T(S({key:1},e.$attrs)))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton.vue"]]),{SkeletonItem:p});F(p);export{R as E};