t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 776 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./index3.js"),a=e.defineComponent({name:"FSkeleton"}),i=e.defineComponent({...a,props:d.Props,setup(l){const o=l,u=e.computed(()=>{const{rounded:t,animated:r,circled:s,size:n}=o;return["f-skeleton",{"f-skeleton__rounded":t,"f-skeleton__animated":r,"f-skeleton__circled":s,[`f-skeleton__${n}`]:n}]}),c=e.computed(()=>e.useSlots().default?o.loading===!0:!0);return(t,r)=>e.unref(c)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.rows,(s,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:n,class:e.unref(u)},t.$attrs),null,16))),128)):e.renderSlot(t.$slots,"default",{key:1})}});exports.default=i;