mohmdsdgandCopilot
4df9143a96
Publish the verified user build output. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 line
4.1 KiB
JavaScript
1 line
4.1 KiB
JavaScript
import{At as e,F as t,M as n,Nt as r,_ as i,f as a,i as o,l as s,t as c,v as l}from"./_plugin-vue_export-helper-1xMDlcEE.js";var u=c(l({__name:`SkeletonBlock`,props:{width:{default:`100%`},height:{default:`14px`},radius:{default:`8px`},circle:{type:Boolean,default:!1}},setup(t){return(i,o)=>(n(),a(`span`,{class:e([`sk`,{"sk--circle":t.circle}]),style:r({width:t.width,height:t.height,borderRadius:t.circle?`50%`:t.radius}),"aria-hidden":`true`},null,6))}}),[[`__scopeId`,`data-v-eee3758f`]]),d={class:`page-skeleton__hero`},f={class:`page-skeleton__quick`},p={class:`page-skeleton__level`},m={class:`page-skeleton__level-top`},h={class:`page-skeleton__level-text`},g={class:`page-skeleton__products`},_={class:`page-skeleton__section-head`},v={class:`page-skeleton__grid page-skeleton__product-grid`},y={class:`page-skeleton__profile-hero`},b={class:`page-skeleton__panel`},x={class:`page-skeleton__list`},S={class:`page-skeleton__row-text`},C={class:`page-skeleton__detail-body`},w={class:`page-skeleton__chips`},T={class:`page-skeleton__grid`},E={key:4,class:`page-skeleton__form`},D={key:5,class:`page-skeleton__list`},O={class:`page-skeleton__row-text`},k=c(l({__name:`PageSkeleton`,props:{variant:{default:`list`},rows:{default:4}},setup(r){return(c,l)=>(n(),a(`div`,{class:e([`page-skeleton`,{"page-skeleton--home":r.variant===`home`}]),role:`status`,"aria-live":`polite`,"aria-busy":`true`,"aria-label":`در حال بارگذاری`},[r.variant===`home`?(n(),a(o,{key:0},[s(`div`,d,[i(u,{class:`page-skeleton__hero-block`,height:`148px`,radius:`16px`})]),s(`div`,f,[(n(),a(o,null,t(4,e=>s(`div`,{key:`q-${e}`,class:`page-skeleton__quick-item`},[i(u,{circle:``,width:`48px`,height:`48px`}),i(u,{width:`72%`,height:`10px`})])),64))]),s(`div`,p,[s(`div`,m,[i(u,{circle:``,width:`48px`,height:`48px`}),s(`div`,h,[i(u,{width:`56px`,height:`10px`}),i(u,{width:`88px`,height:`16px`}),i(u,{width:`104px`,height:`10px`})])]),i(u,{height:`8px`,radius:`999px`}),i(u,{width:`62%`,height:`10px`})]),s(`div`,g,[s(`div`,_,[i(u,{width:`132px`,height:`16px`}),i(u,{width:`72px`,height:`12px`})]),s(`div`,v,[(n(),a(o,null,t(6,e=>s(`div`,{key:`g-${e}`,class:`page-skeleton__card`},[i(u,{class:`page-skeleton__product-image`,height:`110px`,radius:`12px`}),i(u,{width:`82%`,height:`12px`}),i(u,{width:`54%`,height:`10px`})])),64))])])],64)):r.variant===`profile`?(n(),a(o,{key:1},[s(`div`,y,[i(u,{circle:``,width:`72px`,height:`72px`}),i(u,{width:`45%`,height:`18px`}),i(u,{width:`30%`,height:`12px`})]),s(`div`,b,[(n(),a(o,null,t(4,e=>s(`div`,{key:`s-${e}`,class:`page-skeleton__stat`},[i(u,{width:`50%`,height:`10px`}),i(u,{width:`70%`,height:`18px`})])),64))]),s(`div`,x,[(n(),a(o,null,t(5,e=>s(`div`,{key:`m-${e}`,class:`page-skeleton__row`},[i(u,{circle:``,width:`36px`,height:`36px`}),s(`div`,S,[i(u,{width:`55%`,height:`12px`}),i(u,{width:`35%`,height:`10px`})])])),64))])],64)):r.variant===`detail`?(n(),a(o,{key:2},[i(u,{height:`220px`,radius:`0`}),s(`div`,C,[i(u,{width:`70%`,height:`20px`}),i(u,{width:`40%`,height:`12px`}),i(u,{height:`72px`,radius:`12px`}),i(u,{width:`100%`,height:`12px`}),i(u,{width:`92%`,height:`12px`}),i(u,{width:`85%`,height:`12px`}),i(u,{height:`48px`,radius:`12px`})])],64)):r.variant===`grid`||r.variant===`cards`?(n(),a(o,{key:3},[i(u,{width:`55%`,height:`16px`}),s(`div`,w,[(n(),a(o,null,t(4,e=>i(u,{key:`c-${e}`,width:`72px`,height:`32px`,radius:`999px`})),64))]),s(`div`,T,[(n(!0),a(o,null,t(r.rows,e=>(n(),a(`div`,{key:`card-${e}`,class:`page-skeleton__card`},[i(u,{height:`120px`,radius:`12px`}),i(u,{width:`85%`,height:`12px`}),i(u,{width:`55%`,height:`10px`})]))),128))])],64)):r.variant===`form`?(n(),a(`div`,E,[(n(!0),a(o,null,t(r.rows,e=>(n(),a(`div`,{key:`f-${e}`,class:`page-skeleton__field`},[i(u,{width:`30%`,height:`10px`}),i(u,{height:`44px`,radius:`10px`})]))),128)),i(u,{height:`48px`,radius:`12px`})])):(n(),a(`div`,D,[(n(!0),a(o,null,t(r.rows,e=>(n(),a(`div`,{key:`r-${e}`,class:`page-skeleton__row page-skeleton__row--card`},[i(u,{circle:``,width:`40px`,height:`40px`}),s(`div`,O,[i(u,{width:`62%`,height:`13px`}),i(u,{width:`42%`,height:`10px`}),i(u,{width:`28%`,height:`10px`})])]))),128))]))],2))}}),[[`__scopeId`,`data-v-d3e1c988`]]);export{k as t}; |