2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{r as e,K as a,R as t,W as s,d as l,a4 as n,o,c as r,i,a as u,dt as p,j as c,n as d,a6 as m,bf as v,F as f,S as k,A as y,e as g,aG as b,bM as w,ae as h,af as x}from"./index-B4Nyjh3H.js";const S=s({animated:{type:Boolean,default:!1},count:{type:Number,default:1},rows:{type:Number,default:3},loading:{type:Boolean,default:!0},throttle:{type:Number}}),$=s({variant:{type:String,values:["circle","rect","h1","h3","text","caption","p","image","button"],default:"text"}}),_=l({name:"ElSkeletonItem"});var E=m(l({..._,props:$,setup(e){const a=n("skeleton");return(e,t)=>(o(),r("div",{class:d([u(a).e("item"),u(a).e(e.variant)])},["image"===e.variant?(o(),i(u(p),{key:0})):c("v-if",!0)],2))}}),[["__file","skeleton-item.vue"]]);const N=l({name:"ElSkeleton"});const j=h(m(l({...N,props:S,setup(s,{expose:l}){const p=s,m=n("skeleton"),h=((s,l=0)=>{if(0===l)return s;const n=e(!1);let o=0;const r=()=>{o&&clearTimeout(o),o=window.setTimeout((()=>{n.value=s.value}),l)};return a(r),t((()=>s.value),(e=>{e?r():n.value=e})),n})(v(p,"loading"),p.throttle);return l({uiLoading:h}),(e,a)=>u(h)?(o(),r("div",b({key:0,class:[u(m).b(),u(m).is("animated",e.animated)]},e.$attrs),[(o(!0),r(f,null,k(e.count,(a=>(o(),r(f,{key:a},[e.loading?y(e.$slots,"template",{key:a},(()=>[g(E,{class:d(u(m).is("first")),variant:"p"},null,8,["class"]),(o(!0),r(f,null,k(e.rows,(a=>(o(),i(E,{key:a,class:d([u(m).e("paragraph"),u(m).is("last",a===e.rows&&e.rows>1)]),variant:"p"},null,8,["class"])))),128))])):c("v-if",!0)],64)))),128))],16)):y(e.$slots,"default",w(b({key:1},e.$attrs)))}}),[["__file","skeleton.vue"]]),{SkeletonItem:E});x(E);export{j as E};
|