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