| 1 |
- import{f as b,o as N,w as B,q as h,d as c,v as y,x as o,y as u,D as w,C as a,cs as E,J as g,B as m,_ as S,c2 as I,F as p,a1 as k,c4 as v,A as _,ct as $,c as P,M as C,b8 as T}from"./index.327d65f9.js";const z=(l,n=0)=>{if(n===0)return l;const s=b(!1);let t=0;const r=()=>{t&&clearTimeout(t),t=window.setTimeout(()=>{s.value=l.value},n)};return N(r),B(()=>l.value,e=>{e?r():s.value=e}),s},F=h({animated:{type:Boolean,default:!1},count:{type:Number,default:1},rows:{type:Number,default:3},loading:{type:Boolean,default:!0},throttle:{type:Number}}),L=h({variant:{type:String,values:["circle","rect","h1","h3","text","caption","p","image","button"],default:"text"}}),M=c({name:"ElSkeletonItem"}),R=c({...M,props:L,setup(l){const n=y("skeleton");return(s,t)=>(o(),u("div",{class:m([a(n).e("item"),a(n).e(s.variant)])},[s.variant==="image"?(o(),w(a(E),{key:0})):g("v-if",!0)],2))}});var i=S(R,[["__file","skeleton-item.vue"]]);const V=c({name:"ElSkeleton"}),q=c({...V,props:F,setup(l,{expose:n}){const s=l,t=y("skeleton"),r=z(I(s,"loading"),s.throttle);return n({uiLoading:r}),(e,D)=>a(r)?(o(),u("div",v({key:0,class:[a(t).b(),a(t).is("animated",e.animated)]},e.$attrs),[(o(!0),u(p,null,k(e.count,d=>(o(),u(p,{key:d},[e.loading?_(e.$slots,"template",{key:d},()=>[P(i,{class:m(a(t).is("first")),variant:"p"},null,8,["class"]),(o(!0),u(p,null,k(e.rows,f=>(o(),w(i,{key:f,class:m([a(t).e("paragraph"),a(t).is("last",f===e.rows&&e.rows>1)]),variant:"p"},null,8,["class"]))),128))]):g("v-if",!0)],64))),128))],16)):_(e.$slots,"default",$(v({key:1},e.$attrs)))}});var A=S(q,[["__file","skeleton.vue"]]);const J=C(A,{SkeletonItem:i}),j=T(i);export{J as E,j as a};
|
