comp-hub 0.42.7 → 0.42.8

package/dist/website/item/index.html

@@ -20,7 +20,7 @@
         console.error("解析 URL 参数失败", error);
       }
     </script>
-    <script type="module" crossorigin src="/item/assets/index-DDuyXuC_.js"></script>
+    <script type="module" crossorigin src="/item/assets/index-CwtVkGPL.js"></script>
     <link rel="stylesheet" crossorigin href="/item/assets/index-CfkvQ31V.css">
   </head>
 

package/dist/website/main/assets/{BaseBadge-Dwav8-_V.js → BaseBadge-BReHrAqs.js}

@@ -1 +1 @@
-import{z as o,G as r,H as f,L as l,M as n,K as c,m as p}from"./vendor-core-CNXB6kVe.js";import{_ as d}from"./index-BkWR9AZK.js";const i=o({__name:"BaseBadge",props:{isDot:{type:Boolean,default:!1},offset:{type:Array,default:()=>[5,-5]}},setup(e){const s=e,t=p(()=>({"--offsetX":`${s.offset[0]}px`,"--offsetY":`${s.offset[1]}px`}));return(a,m)=>(r(),f("div",{class:n(["inline relative",{dot:e.isDot}]),style:l(t.value)},[c(a.$slots,"default",{},void 0,!0)],6))}}),_=d(i,[["__scopeId","data-v-3453529a"]]);export{_ as B};
+import{z as o,G as r,H as f,L as l,M as n,K as c,m as p}from"./vendor-core-CNXB6kVe.js";import{_ as d}from"./index-DgrizPPB.js";const i=o({__name:"BaseBadge",props:{isDot:{type:Boolean,default:!1},offset:{type:Array,default:()=>[5,-5]}},setup(e){const s=e,t=p(()=>({"--offsetX":`${s.offset[0]}px`,"--offsetY":`${s.offset[1]}px`}));return(a,m)=>(r(),f("div",{class:n(["inline relative",{dot:e.isDot}]),style:l(t.value)},[c(a.$slots,"default",{},void 0,!0)],6))}}),_=d(i,[["__scopeId","data-v-3453529a"]]);export{_ as B};

package/dist/website/main/assets/{CanvasAnimation.vue_vue_type_script_setup_true_lang-Br1ZlT-C.js → CanvasAnimation.vue_vue_type_script_setup_true_lang-T5vn0JFD.js}

@@ -1 +1 @@
-import{e as m,f as w}from"./index-BkWR9AZK.js";import{d as S,ab as n}from"./vendor-ui-Cvgmewma.js";import{z as y,aq as g,f as M,$ as b,G as T,H as _,J as D,a as R}from"./vendor-core-CNXB6kVe.js";const P={class:"w-full h-full"},A={ref:"canvas",class:"w-full h-full bg-[#333436]"},q=y({__name:"CanvasAnimation",setup(C){const d=g("canvas"),o=R(!1);let h=null;class x{rangeR;r;rSpeed;cvs;ctx;x;y;xSpeed;ySpeed;lastMoveTime;fillStyle;maxTimeDiff=100;constructor({cvs:t,ctx:i}){this.rangeR=[3,7],this.r=n(this.rangeR[0],this.rangeR[1]),this.rSpeed=n(-1,1),this.cvs=t,this.ctx=i,this.x=n(0+this.r,this.cvs.width-this.r),this.y=n(0+this.r,this.cvs.height-this.r),this.xSpeed=n(-10,10),this.ySpeed=n(-10,10),this.lastMoveTime=null,this.fillStyle=w.randomColor()}setLastMoveTime(t){this.lastMoveTime=t}draw(){if(this.lastMoveTime){const s=Date.now()-this.lastMoveTime,e=Math.min(s,this.maxTimeDiff)/1e3;let a=this.x+e*this.xSpeed,c=this.y+e*this.ySpeed,l=this.r+e*this.rSpeed;l<=this.rangeR[0]?(l=this.rangeR[0],this.rSpeed=Math.abs(this.rSpeed)):l>=this.rangeR[1]&&(l=this.rangeR[1],this.rSpeed=-Math.abs(this.rSpeed)),a-this.r<0?(a=this.r,this.xSpeed=Math.abs(this.xSpeed)):a+this.r>this.cvs.width&&(a=this.cvs.width-this.r,this.xSpeed=-Math.abs(this.xSpeed)),c-this.r<0?(c=this.r,this.ySpeed=Math.abs(this.ySpeed)):c+this.r>this.cvs.height&&(c=this.cvs.height-this.r,this.ySpeed=-Math.abs(this.ySpeed)),this.x=a,this.y=c,this.r=l}const t=Math.max(0,this.r);this.ctx.beginPath(),this.ctx.arc(this.x,this.y,t,0,2*Math.PI),this.ctx.fillStyle=this.fillStyle,this.ctx.fill(),this.lastMoveTime=Date.now()}}class u{points;maxDis;cvs;ctx;constructor({pointNumber:t=30,maxDis:i=100,cvs:s,ctx:e}){this.points=Array(t).fill(0).map(()=>new x({cvs:s,ctx:e})),this.maxDis=i,this.cvs=s,this.ctx=e}resetPointsTime(){const t=Date.now();this.points.forEach(i=>{i.setLastMoveTime(t)})}draw(){if(o.value){if(document.hidden){setTimeout(()=>this.draw(),100);return}requestAnimationFrame(()=>this.draw()),this.ctx.clearRect(0,0,this.cvs.width,this.cvs.height);for(const[t,i]of this.points.entries()){i.draw();for(const s of this.points.slice(t+1)){const e=Math.sqrt((i.x-s.x)**2+(i.y-s.y)**2);isNaN(e)||e>this.maxDis||(this.ctx.beginPath(),this.ctx.moveTo(i.x,i.y),this.ctx.lineTo(s.x,s.y),this.ctx.strokeStyle=`rgba(200,200,200,${Math.max(0,Math.min(1,1-e/this.maxDis))})`,this.ctx.stroke(),this.ctx.closePath())}}}}}function p(){if(!d.value)return;console.log("渲染动画"),o.value=!0;const r=window.innerWidth,t=110*window.innerWidth/r,i=80*window.innerWidth/r,s=d.value,e=s.getContext("2d");if(!e)return;const a=window.devicePixelRatio||1;s.width=window.innerWidth*a,s.height=window.innerHeight*a,h&&(h=null),h=new u({pointNumber:Math.floor(t),maxDis:Math.floor(i),cvs:s,ctx:e}),h.draw()}const f=S(p,200);function v(){document.hidden?o.value=!1:d.value&&h&&(o.value=!0,h.resetPointsTime(),h.draw())}return m(window,"resize",f),m(document,"visibilitychange",v),M(()=>{f()}),b(()=>{o.value=!1,h=null}),(r,t)=>(T(),_("div",P,[D("canvas",A,null,512)]))}});export{q as _};
+import{e as m,f as w}from"./index-DgrizPPB.js";import{d as S,ab as n}from"./vendor-ui-Cvgmewma.js";import{z as y,aq as g,f as M,$ as b,G as T,H as _,J as D,a as R}from"./vendor-core-CNXB6kVe.js";const P={class:"w-full h-full"},A={ref:"canvas",class:"w-full h-full bg-[#333436]"},q=y({__name:"CanvasAnimation",setup(C){const d=g("canvas"),o=R(!1);let h=null;class x{rangeR;r;rSpeed;cvs;ctx;x;y;xSpeed;ySpeed;lastMoveTime;fillStyle;maxTimeDiff=100;constructor({cvs:t,ctx:i}){this.rangeR=[3,7],this.r=n(this.rangeR[0],this.rangeR[1]),this.rSpeed=n(-1,1),this.cvs=t,this.ctx=i,this.x=n(0+this.r,this.cvs.width-this.r),this.y=n(0+this.r,this.cvs.height-this.r),this.xSpeed=n(-10,10),this.ySpeed=n(-10,10),this.lastMoveTime=null,this.fillStyle=w.randomColor()}setLastMoveTime(t){this.lastMoveTime=t}draw(){if(this.lastMoveTime){const s=Date.now()-this.lastMoveTime,e=Math.min(s,this.maxTimeDiff)/1e3;let a=this.x+e*this.xSpeed,c=this.y+e*this.ySpeed,l=this.r+e*this.rSpeed;l<=this.rangeR[0]?(l=this.rangeR[0],this.rSpeed=Math.abs(this.rSpeed)):l>=this.rangeR[1]&&(l=this.rangeR[1],this.rSpeed=-Math.abs(this.rSpeed)),a-this.r<0?(a=this.r,this.xSpeed=Math.abs(this.xSpeed)):a+this.r>this.cvs.width&&(a=this.cvs.width-this.r,this.xSpeed=-Math.abs(this.xSpeed)),c-this.r<0?(c=this.r,this.ySpeed=Math.abs(this.ySpeed)):c+this.r>this.cvs.height&&(c=this.cvs.height-this.r,this.ySpeed=-Math.abs(this.ySpeed)),this.x=a,this.y=c,this.r=l}const t=Math.max(0,this.r);this.ctx.beginPath(),this.ctx.arc(this.x,this.y,t,0,2*Math.PI),this.ctx.fillStyle=this.fillStyle,this.ctx.fill(),this.lastMoveTime=Date.now()}}class u{points;maxDis;cvs;ctx;constructor({pointNumber:t=30,maxDis:i=100,cvs:s,ctx:e}){this.points=Array(t).fill(0).map(()=>new x({cvs:s,ctx:e})),this.maxDis=i,this.cvs=s,this.ctx=e}resetPointsTime(){const t=Date.now();this.points.forEach(i=>{i.setLastMoveTime(t)})}draw(){if(o.value){if(document.hidden){setTimeout(()=>this.draw(),100);return}requestAnimationFrame(()=>this.draw()),this.ctx.clearRect(0,0,this.cvs.width,this.cvs.height);for(const[t,i]of this.points.entries()){i.draw();for(const s of this.points.slice(t+1)){const e=Math.sqrt((i.x-s.x)**2+(i.y-s.y)**2);isNaN(e)||e>this.maxDis||(this.ctx.beginPath(),this.ctx.moveTo(i.x,i.y),this.ctx.lineTo(s.x,s.y),this.ctx.strokeStyle=`rgba(200,200,200,${Math.max(0,Math.min(1,1-e/this.maxDis))})`,this.ctx.stroke(),this.ctx.closePath())}}}}}function p(){if(!d.value)return;console.log("渲染动画"),o.value=!0;const r=window.innerWidth,t=110*window.innerWidth/r,i=80*window.innerWidth/r,s=d.value,e=s.getContext("2d");if(!e)return;const a=window.devicePixelRatio||1;s.width=window.innerWidth*a,s.height=window.innerHeight*a,h&&(h=null),h=new u({pointNumber:Math.floor(t),maxDis:Math.floor(i),cvs:s,ctx:e}),h.draw()}const f=S(p,200);function v(){document.hidden?o.value=!1:d.value&&h&&(o.value=!0,h.resetPointsTime(),h.draw())}return m(window,"resize",f),m(document,"visibilitychange",v),M(()=>{f()}),b(()=>{o.value=!1,h=null}),(r,t)=>(T(),_("div",P,[D("canvas",A,null,512)]))}});export{q as _};