vuux/dist/lib/Skeleton/src/index.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),c=require("./avatar.vue.cjs"),u={key:0,class:"app-skeleton"},i=e.defineComponent({name:"Skeleton",__name:"index",props:{loading:{type:Boolean,default:!0},width:{default:"100%"},height:{default:"12px"},avatar:{type:Boolean},avatarStyle:{default:()=>({})},round:{type:Boolean,default:!0},row:{default:1},title:{type:Boolean}},setup(t){const o=t,{avatarStyle:a,round:r}=e.toRefs(o),n=l=>({[l]:!0,"skeleton-round":r.value});return(l,d)=>t.loading?(e.openBlock(),e.createElementBlock("div",u,[t.avatar?(e.openBlock(),e.createBlock(c,{key:0,size:e.unref(a).size,shape:e.unref(a).shape,class:"avatar-class"},null,8,["size","shape"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"skeleton-line",style:e.normalizeStyle({width:t.width})},[t.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([n("skeleton-block-title")]),style:e.normalizeStyle({height:t.height})},null,6)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Number(t.row),s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass([n("skeleton-block-line")]),style:e.normalizeStyle({height:t.height})},null,6))),128))],4)])):e.renderSlot(l.$slots,"default",{key:1})}});module.exports=i;