st-common-ui-vue3/lib/components/StMoveSolidParticleContainer/StMoveSolidParticleContainer.vue.js

小尾巴通用 Vue3 UI 组件库

"use strict";const t=require("vue"),d=require("../StMoveParticleTailContainer/StMoveParticleTailContainer.vue.js");;/* empty css                                                               */const r=require("../../node_modules/.pnpm/st-common-ui-utils@0.1.1/node_modules/st-common-ui-utils/es/utils/el-size-util.js"),i=require("../../node_modules/.pnpm/st-common-core@0.1.1/node_modules/st-common-core/es/num/utils/random-num-util.js"),c=t.defineComponent({name:"StMoveSolidParticleContainer",__name:"StMoveSolidParticleContainer",props:{width:{default:"100%"},height:{default:"100%"},particleCount:{default:1},particleMaxSize:{default:5},particleMinSize:{default:2},offsetInitial:{default:20},offsetEnd:{default:200},particleColor:{default:"#0a87ff"},particleColorRandom:{type:Boolean,default:!1},particleZIndex:{default:"initial"},speed:{default:1e3},click:{type:Boolean,default:!0},move:{type:Boolean,default:!1}},setup(n){const l=n,o=e=>{const a=i.randomInt_n_m(l.particleMinSize,l.particleMaxSize)+"px";e.style.width=a,e.style.height=a,e.style.background=l.particleColorRandom?`rgb(${i.randomInt_0_n(255)}, ${i.randomInt_0_n(255)}, ${i.randomInt_0_n(255)})`:l.particleColor};return(e,a)=>(t.openBlock(),t.createElementBlock("div",{class:"st-click-bubble-particle-container",style:t.normalizeStyle({width:t.unref(r).elSizePreHandler(e.width),height:t.unref(r).elSizePreHandler(e.height)})},[t.createVNode(t.unref(d),{"particle-count":e.particleCount,"offset-initial":e.offsetInitial,"offset-end":e.offsetEnd,"set-particle-style-handler":o,"particle-z-index":e.particleZIndex,speed:e.speed,"click-particle-bomb":e.click,"move-particle-bomb":e.move},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["particle-count","offset-initial","offset-end","particle-z-index","speed","click-particle-bomb","move-particle-bomb"])],4))}});module.exports=c;