comp-hub 0.0.71 → 0.0.72

package/dist/website/dist/assets/index-BSBwlG45.js

@@ -0,0 +1 @@
+var X=Object.defineProperty;var J=(C,h,r)=>h in C?X(C,h,{enumerable:!0,configurable:!0,writable:!0,value:r}):C[h]=r;var n=(C,h,r)=>J(C,typeof h!="symbol"?h+"":h,r);import{l as K,g as b,a as Q,i as Z,b as ee}from"./index-BdUOdA-C.js";import{d as W,r as D,o as te,a as se,c as E,b as k,e as p,_ as j,u as ie,L as oe,f as ae,C as le,g as q,h as N,w as ne,i as re,j as de,k as ue,l as V,m as s,n as c,p as $,F as A,q as T,t as F,E as M,I as ce,s as he}from"./index-Be6ESMP6.js";import{m as me,e as pe}from"./v1Email-Chq8YCV1.js";import{_ as O}from"./index.vue_vue_type_script_setup_true_lang-Bm76wsqf.js";const fe={class:"canvas-animation-container"},ve=W({__name:"index",setup(C){const h=D(null),r=D(!1);let f=null;class R{constructor({cvs:o,ctx:a}){n(this,"rangeR");n(this,"r");n(this,"rSpeed");n(this,"cvs");n(this,"ctx");n(this,"x");n(this,"y");n(this,"xSpeed");n(this,"ySpeed");n(this,"lastMoveTime");n(this,"fillStyle");n(this,"maxTimeDiff",100);this.rangeR=[3,7],this.r=b(this.rangeR[0],this.rangeR[1]),this.rSpeed=b(-5,5),this.cvs=o,this.ctx=a,this.x=b(0+this.r,this.cvs.width-this.r),this.y=b(0+this.r,this.cvs.height-this.r),this.xSpeed=b(-30,30),this.ySpeed=b(-30,30),this.lastMoveTime=null,this.fillStyle=Q()}setLastMoveTime(o){this.lastMoveTime=o}draw(){if(this.lastMoveTime){const e=Date.now()-this.lastMoveTime,l=Math.min(e,this.maxTimeDiff)/1e3;let d=this.x+l*this.xSpeed,y=this.y+l*this.ySpeed,S=this.r+l*this.rSpeed;S<=this.rangeR[0]?(S=this.rangeR[0],this.rSpeed=Math.abs(this.rSpeed)):S>=this.rangeR[1]&&(S=this.rangeR[1],this.rSpeed=-Math.abs(this.rSpeed)),d-this.r<0?(d=this.r,this.xSpeed=Math.abs(this.xSpeed)):d+this.r>this.cvs.width&&(d=this.cvs.width-this.r,this.xSpeed=-Math.abs(this.xSpeed)),y-this.r<0?(y=this.r,this.ySpeed=Math.abs(this.ySpeed)):y+this.r>this.cvs.height&&(y=this.cvs.height-this.r,this.ySpeed=-Math.abs(this.ySpeed)),this.x=d,this.y=y,this.r=S}const o=Math.max(0,this.r);this.ctx.beginPath(),this.ctx.arc(this.x,this.y,o,0,2*Math.PI),this.ctx.fillStyle=this.fillStyle,this.ctx.fill(),this.lastMoveTime=Date.now()}}class L{constructor({pointNumber:o=30,maxDis:a=200,cvs:e,ctx:l}){n(this,"points");n(this,"maxDis");n(this,"cvs");n(this,"ctx");this.points=new Array(o).fill(0).map(()=>new R({cvs:e,ctx:l})),this.maxDis=a,this.cvs=e,this.ctx=l}resetPointsTime(){const o=Date.now();this.points.forEach(a=>{a.setLastMoveTime(o)})}draw(){if(r.value){if(document.hidden){setTimeout(()=>this.draw(),100);return}requestAnimationFrame(()=>this.draw()),this.ctx.clearRect(0,0,this.cvs.width,this.cvs.height);for(let o=0;o<this.points.length;o++){const a=this.points[o];a.draw();for(let e=o+1;e<this.points.length;e++){const l=this.points[e],d=Math.sqrt((a.x-l.x)**2+(a.y-l.y)**2);isNaN(d)||d>this.maxDis||(this.ctx.beginPath(),this.ctx.moveTo(a.x,a.y),this.ctx.lineTo(l.x,l.y),this.ctx.strokeStyle=`rgba(200,200,200,${Math.max(0,Math.min(1,1-d/this.maxDis))})`,this.ctx.stroke(),this.ctx.closePath())}}}}}function v(){if(!h.value)return;console.log("渲染动画"),r.value=!0;const w=1920,o=150*window.innerWidth/w,a=100*window.innerWidth/w,e=h.value,l=e.getContext("2d");if(!l)return;const d=window.devicePixelRatio||1;e.width=window.innerWidth*d,e.height=window.innerHeight*d,l.scale(d,d),f=new L({pointNumber:Math.floor(o),maxDis:Math.floor(a),cvs:e,ctx:l}),f.draw()}const _=K.debounce(v,100);function g(){document.hidden?r.value=!1:h.value&&f&&(r.value=!0,f.resetPointsTime(),f.draw())}return window.addEventListener("resize",_),document.addEventListener("visibilitychange",g),te(()=>{_()}),se(()=>{r.value=!1,window.removeEventListener("resize",_),document.removeEventListener("visibilitychange",g),f=null}),(w,o)=>(k(),E("div",fe,[p("canvas",{ref_key:"myCanvas",ref:h,class:"my-canvas"},null,512)]))}}),ge=j(ve,[["__scopeId","data-v-62aac753"]]),_e={class:"login-container"},xe={class:"login-box"},ye={class:"login-content"},we={class:"login-change-box"},Ce={class:"toolbar"},Se={class:"send-code"},be={class:"send-code"},Te={class:"other-login"},Me=W({__name:"index",setup(C){const h=ie(),r=D(null),f=D(!1),R=oe()||"account",L=ae(),v=D(Number(le())),_=q([{name:"账号登录",type:"account",select:R==="account"},{name:"邮箱登录",type:"email",select:R==="email"}]),g=N(()=>_.find(i=>i.select)??_[0]),w=N(()=>_.find(i=>!i.select)??_[1]),o=N(()=>v.value>0?`${v.value}s后重新发送`:"获取验证码"),a=N(()=>v.value>0),e=q({account:"",password:"",cellphone:"",email:"",authCode:""}),l=q({account:[{required:!0,message:"请输入账号",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"}],cellphone:[{required:!0,message:"请输入手机号",trigger:"blur"}],email:[{required:!0,message:"请输入邮箱",trigger:"blur"}],authCode:[{required:!0,message:"请输入验证码",trigger:"blur"}]});function d(){r.value&&r.value.validate(i=>{var t,m,x;i&&(((t=g.value)==null?void 0:t.type)==="account"&&e.account&&e.password?y({account:e.account,password:me(e.password)}):((m=g.value)==null?void 0:m.type)==="phone"&&e.cellphone&&e.authCode?y({cellphone:e.cellphone,authCode:e.authCode}):((x=g.value)==null?void 0:x.type)==="email"&&e.email&&e.authCode&&y({email:e.email,authCode:e.authCode}))})}function y(i){r.value&&r.value.validate(t=>{t&&(f.value=!0,L.login(i).then(()=>{M.success("登录成功"),h.push("/").finally(()=>{f.value=!1})}).catch(()=>{f.value=!1}))})}function S(){ce("1"),h.push("/").catch(()=>{he()})}function H(i){_.forEach(t=>{t.select=!1}),i.select=!0}function G(i){var t,m;if(i.start(),((t=g.value)==null?void 0:t.type)==="phone"){if(!e.cellphone){M.error("请输入手机号"),i.end();return}if(!Z(e.cellphone)){M.error("请输入正确的手机号"),i.end();return}}else if(((m=g.value)==null?void 0:m.type)==="email"){if(!e.email){M.error("请输入邮箱"),i.end();return}if(!ee(e.email)){M.error("请输入正确的邮箱"),i.end();return}pe({email:e.email}).then(()=>{M.success("验证码已发送"),v.value=60}).finally(()=>{i.end()})}}function B(){v.value<=0||setTimeout(()=>{v.value--},1e3)}return ne(()=>v.value,i=>{i<=0||B()},{immediate:!0}),re(()=>{de(String(v.value)),console.log(v.value),_.forEach(i=>{i.select&&ue(i.type)})}),(i,t)=>{const m=V("el-input"),x=V("el-form-item"),U=V("el-link"),I=V("el-button"),z=V("el-form");return k(),E("div",_e,[s(ge,{class:"canvas-animation"}),p("div",xe,[t[12]||(t[12]=p("div",{class:"login-title"},[p("h1",null,"Comp Shared")],-1)),p("div",ye,[s(z,{ref_key:"ruleFormRef",ref:r,class:"login-form",model:e,rules:l,"status-icon":""},{default:c(()=>[p("div",we,[g.value.type==="account"?(k(),E(A,{key:0},[s(x,{prop:"account"},{default:c(()=>[s(m,{modelValue:e.account,"onUpdate:modelValue":t[0]||(t[0]=u=>e.account=u),placeholder:"请输入用户名"},null,8,["modelValue"])]),_:1}),s(x,{prop:"password"},{default:c(()=>[s(m,{modelValue:e.password,"onUpdate:modelValue":t[1]||(t[1]=u=>e.password=u),placeholder:"请输入密码",type:"password"},null,8,["modelValue"])]),_:1}),p("div",Ce,[s(U,{href:"javascript:void(0)",type:"primary"},{default:c(()=>[...t[7]||(t[7]=[T(" 忘记密码? ",-1)])]),_:1})])],64)):$("",!0),g.value.type==="phone"?(k(),E(A,{key:1},[s(x,{prop:"cellphone"},{default:c(()=>[s(m,{modelValue:e.cellphone,"onUpdate:modelValue":t[2]||(t[2]=u=>e.cellphone=u),placeholder:"请输入手机号"},null,8,["modelValue"])]),_:1}),s(x,{prop:"authCode"},{default:c(()=>[p("div",Se,[s(m,{modelValue:e.authCode,"onUpdate:modelValue":t[3]||(t[3]=u=>e.authCode=u),placeholder:"请输入验证码"},null,8,["modelValue"]),s(O,null,{default:c(({loading:u,instance:P})=>[s(I,{loading:u,class:"ml10",color:"#1c1e23",disabled:a.value,onClick:Y=>G(P)},{default:c(()=>[T(F(o.value),1)]),_:1},8,["loading","disabled","onClick"])]),_:1})])]),_:1}),t[8]||(t[8]=p("div",{class:"toolbar"},null,-1))],64)):$("",!0),g.value.type==="email"?(k(),E(A,{key:2},[s(x,{prop:"email"},{default:c(()=>[s(m,{modelValue:e.email,"onUpdate:modelValue":t[4]||(t[4]=u=>e.email=u),placeholder:"请输入邮箱"},null,8,["modelValue"])]),_:1}),s(x,{prop:"authCode"},{default:c(()=>[p("div",be,[s(m,{modelValue:e.authCode,"onUpdate:modelValue":t[5]||(t[5]=u=>e.authCode=u),placeholder:"请输入验证码"},null,8,["modelValue"]),s(O,null,{default:c(({loading:u,instance:P})=>[s(I,{loading:u,class:"ml10",color:"#1c1e23",disabled:a.value,onClick:Y=>G(P)},{default:c(()=>[T(F(o.value),1)]),_:1},8,["loading","disabled","onClick"])]),_:1})])]),_:1}),t[9]||(t[9]=p("div",{class:"toolbar"},null,-1))],64)):$("",!0),s(x,null,{default:c(()=>[s(I,{class:"btn-login",loading:f.value,type:"primary",onClick:d},{default:c(()=>[...t[10]||(t[10]=[T(" 登录 ",-1)])]),_:1},8,["loading"])]),_:1})]),p("div",Te,[s(U,{href:"javascript:void(0)",type:"primary",onClick:S},{default:c(()=>[...t[11]||(t[11]=[T(" 游客访问 ",-1)])]),_:1}),s(U,{onClick:t[6]||(t[6]=u=>H(w.value))},{default:c(()=>[T(F(w.value.name),1)]),_:1})])]),_:1},8,["model","rules"])])])])}}}),Ne=j(Me,[["__scopeId","data-v-62c1a7d9"]]);export{Ne as default};