UNPKG

@iryu54/stack-monitor

Version:
2 lines (1 loc) 2.11 kB
import{T as _}from"./vue.runtime.esm-bundler-CUmbNKcA.js";import{_ as $}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{a as h,f as b,y as z,c as e,o as s,b as l,d as g,w as v,F as k,k as x,x as y,j as T}from"./index-Dyc6L6BZ.js";const C={props:{lowResources:{default:!1}},setup(i){const n=h([]),p=t=>{const o=Math.floor(t*100/5/100),u=Math.floor(100*100/5/100),M=t*100/5%100,B=o*100/u,d=Math.floor(Math.random()*40),w=Math.random()>.5?M+d:M-d;return{top:(Math.random()>.5?B+d:B-d)+"%",left:w+"%",backgroundColor:"rgba(255, 255, 255, 0.6)",boxShadow:"0 0 10px 1px white"}};b(()=>n.value=Array(100).fill("").map((t,o)=>p(o)));const c=10,f=t=>({bottom:"0",top:t*100/c+"%",width:Math.random()*50+"%"}),m=t=>({right:"0",top:t*100/c+"%",width:Math.random()*50+"%"}),a=h([]),r=h([]);b(()=>setTimeout(()=>a.value=Array(10).fill("").map((t,o)=>f(o)))),b(()=>setTimeout(()=>r.value=Array(10).fill("").map((t,o)=>m(o))));let L;return i.lowResources||(L=setInterval(()=>{n.value.map(t=>{const o=Math.random()/3+.3333333333333333;t.backgroundColor=`rgba(255, 255, 255, ${o})`})},300)),z(()=>clearInterval(L)),{barsLeft:a,barsRight:r,stars:n}}},R={class:"background-root"},S={class:"stars"},I={class:"bars left"},A={class:"bars right"};function N(i,n,p,c,f,m){return s(),e("div",R,[l("div",S,[g(_,{name:"appear"},{default:v(()=>[(s(!0),e(k,null,x(c.stars,(a,r)=>(s(),e("div",{class:"star",key:"star-"+r,style:y({...a})},null,4))),128))]),_:1})]),l("div",I,[g(_,{name:"appear"},{default:v(()=>[(s(!0),e(k,null,x(c.barsLeft,(a,r)=>(s(),e("div",{class:"bar",key:"bar-left"+r,style:y({...a})},null,4))),128))]),_:1})]),l("div",A,[g(_,{name:"appear"},{default:v(()=>[(s(!0),e(k,null,x(c.barsRight,(a,r)=>(s(),e("div",{class:"bar",key:"bar-right"+r,style:y({...a})},null,4))),128))]),_:1})])])}const D=$(C,[["render",N],["__scopeId","data-v-750299bb"]]),P="/assets/rocket-Cqyxqx2p.png",V={},q={class:"left"};function F(i,n,p,c,f,m){return s(),e("div",q,n[0]||(n[0]=[l("div",{class:"logo"},[l("img",{src:P,alt:""}),T(" Stack Monitor ")],-1)]))}const H=$(V,[["render",F],["__scopeId","data-v-ac7621b3"]]);export{D as B,H as L};