1 line
3.5 KiB
JavaScript
1 line
3.5 KiB
JavaScript
import{A as e,D as t,J as n,L as r,N as i,R as a,St as o,X as s,n as c,wt as l}from"./BasicIcon-B6lR-mG3.js";var u=c(a({__name:`SkeletonBlock`,props:{width:{default:`100%`},height:{default:`14px`},radius:{default:`8px`},circle:{type:Boolean,default:!1}},setup(e){return(t,r)=>(n(),i(`span`,{class:o([`sk`,{"sk--circle":e.circle}]),style:l({width:e.width,height:e.height,borderRadius:e.circle?`50%`:e.radius}),"aria-hidden":`true`},null,6))}}),[[`__scopeId`,`data-v-eee3758f`]]),d={class:`page-skeleton`,role:`status`,"aria-live":`polite`,"aria-busy":`true`,"aria-label":`در حال بارگذاری`},f={class:`page-skeleton__banner`},p={class:`page-skeleton__quick`},m={class:`page-skeleton__grid`},h={class:`page-skeleton__profile-hero`},g={class:`page-skeleton__panel`},_={class:`page-skeleton__list`},v={class:`page-skeleton__row-text`},y={class:`page-skeleton__detail-body`},b={class:`page-skeleton__chips`},x={class:`page-skeleton__grid`},S={key:4,class:`page-skeleton__form`},C={key:5,class:`page-skeleton__list`},w={class:`page-skeleton__row-text`},T=c(a({__name:`PageSkeleton`,props:{variant:{default:`list`},rows:{default:4}},setup(a){return(o,c)=>(n(),i(`div`,d,[a.variant===`home`?(n(),i(t,{key:0},[e(`div`,f,[r(u,{height:`148px`,radius:`16px`})]),e(`div`,p,[(n(),i(t,null,s(4,t=>e(`div`,{key:`q-${t}`,class:`page-skeleton__quick-item`},[r(u,{circle:``,width:`48px`,height:`48px`}),r(u,{width:`64%`,height:`10px`})])),64))]),r(u,{width:`40%`,height:`16px`}),e(`div`,m,[(n(),i(t,null,s(4,t=>e(`div`,{key:`g-${t}`,class:`page-skeleton__card`},[r(u,{height:`110px`,radius:`12px`}),r(u,{width:`80%`,height:`12px`}),r(u,{width:`50%`,height:`10px`})])),64))])],64)):a.variant===`profile`?(n(),i(t,{key:1},[e(`div`,h,[r(u,{circle:``,width:`72px`,height:`72px`}),r(u,{width:`45%`,height:`18px`}),r(u,{width:`30%`,height:`12px`})]),e(`div`,g,[(n(),i(t,null,s(4,t=>e(`div`,{key:`s-${t}`,class:`page-skeleton__stat`},[r(u,{width:`50%`,height:`10px`}),r(u,{width:`70%`,height:`18px`})])),64))]),e(`div`,_,[(n(),i(t,null,s(5,t=>e(`div`,{key:`m-${t}`,class:`page-skeleton__row`},[r(u,{circle:``,width:`36px`,height:`36px`}),e(`div`,v,[r(u,{width:`55%`,height:`12px`}),r(u,{width:`35%`,height:`10px`})])])),64))])],64)):a.variant===`detail`?(n(),i(t,{key:2},[r(u,{height:`220px`,radius:`0`}),e(`div`,y,[r(u,{width:`70%`,height:`20px`}),r(u,{width:`40%`,height:`12px`}),r(u,{height:`72px`,radius:`12px`}),r(u,{width:`100%`,height:`12px`}),r(u,{width:`92%`,height:`12px`}),r(u,{width:`85%`,height:`12px`}),r(u,{height:`48px`,radius:`12px`})])],64)):a.variant===`grid`||a.variant===`cards`?(n(),i(t,{key:3},[r(u,{width:`55%`,height:`16px`}),e(`div`,b,[(n(),i(t,null,s(4,e=>r(u,{key:`c-${e}`,width:`72px`,height:`32px`,radius:`999px`})),64))]),e(`div`,x,[(n(!0),i(t,null,s(a.rows,e=>(n(),i(`div`,{key:`card-${e}`,class:`page-skeleton__card`},[r(u,{height:`120px`,radius:`12px`}),r(u,{width:`85%`,height:`12px`}),r(u,{width:`55%`,height:`10px`})]))),128))])],64)):a.variant===`form`?(n(),i(`div`,S,[(n(!0),i(t,null,s(a.rows,e=>(n(),i(`div`,{key:`f-${e}`,class:`page-skeleton__field`},[r(u,{width:`30%`,height:`10px`}),r(u,{height:`44px`,radius:`10px`})]))),128)),r(u,{height:`48px`,radius:`12px`})])):(n(),i(`div`,C,[(n(!0),i(t,null,s(a.rows,t=>(n(),i(`div`,{key:`r-${t}`,class:`page-skeleton__row page-skeleton__row--card`},[r(u,{circle:``,width:`40px`,height:`40px`}),e(`div`,w,[r(u,{width:`62%`,height:`13px`}),r(u,{width:`42%`,height:`10px`}),r(u,{width:`28%`,height:`10px`})])]))),128))]))]))}}),[[`__scopeId`,`data-v-d4bc3a38`]]);export{T as t}; |