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

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),c=require("./hook/useWaterfall.cjs"),i=require("@vuux/icons"),f={key:1,class:"waterfall-loading"},u={class:"waterfall-list"},d=e.defineComponent({name:"Waterfall",__name:"index",props:{column:{default:3},gap:{default:10},item:{default:""}},setup(n){const o=n,r=e.useSlots(),l=e.useTemplateRef("waterfallEl"),{loading:t,containerStyle:s}=c.useWaterfall(o,l);return(a,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"waterfallEl",ref:l,class:"app-waterfall",style:e.normalizeStyle(e.unref(s))},[e.unref(r).loading&&e.unref(t)?e.renderSlot(a.$slots,"loading",{key:0}):e.unref(t)?(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(e.unref(i.Icon),{name:"Icon6307746",opacity:.8})])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",u,[e.renderSlot(a.$slots,"default")],512),[[e.vShow,!e.unref(t)]])],4))}});module.exports=d;