import{d as X,r as p,n as _,aN as Y,ar as f,as as h,aB as o,av as n,aC as i,aw as v,at as l,aI as m,bf as B,ay as E,bg as P}from"./index-7b2a6d95.js";import{_ as A}from"./GradientText-30d6fc45.js";import"./format-length-c9d165c6.js";const I={class:"wh-full flex-col-center"},W={class:"flex-center py-12px"},$={class:"flex-center"},z={class:"w-full h-full"},F=["cx","cy","rx","ry"],L=60,G=X({__name:"index",setup(T){const y=B("root"),e={cX:202,cY:102,rX:200,rY:100,strokeWidth:2},g=(()=>{const{rX:r,rY:c,strokeWidth:s}=e,t=(r+s)*2,u=(c+s)*2;return`width:${t}px;height:${u}px;`})(),d=p(0),w=_(()=>{const{rX:r,rY:c}=e,s=r*Math.sin(d.value),t=c*Math.cos(d.value);return`transform: translate3d(${s}px,${t}px,0px)`}),k=p(2),b=2*Math.PI,C=_(()=>b/k.value/L),a=p(null),N=_(()=>a.value!==null),x=()=>{d.value+=C.value,a.value=window.requestAnimationFrame(x)},M=()=>{a.value!==null&&(window.cancelAnimationFrame(a.value),a.value=null)};return(r,c)=>{const s=A,t=E,u=Y("router-link"),S=P;return f(),h("div",I,[o(s,{class:"mb-24px",type:"primary",size:28},{default:n(()=>[i("Custom Constant Page")]),_:1}),o(u,{to:{name:v(y)}},{default:n(()=>[o(t,{type:"primary"},{default:n(()=>[i("回到首页")]),_:1})]),_:1},8,["to"]),o(S,{bordered:!1,size:"small",class:"mt-24px rounded-8px shadow-sm"},{default:n(()=>[l("div",W,[o(t,{type:"primary",class:"mr-24px",disabled:N.value,onClick:x},{default:n(()=>[i("开始")]),_:1},8,["disabled"]),o(t,{type:"error",onClick:M},{default:n(()=>[i("暂停")]),_:1})]),l("div",$,[l("div",{class:"relative bg-primary_active",style:m(v(g))},[(f(),h("svg",z,[l("ellipse",{cx:e.cX,cy:e.cY,rx:e.rX,ry:e.rY,style:m({strokeWidth:e.strokeWidth+"px"}),class:"fill-none stroke-primary"},null,12,F)])),l("div",{class:"absolute left-182px top-82px w-40px h-40px bg-red rounded-20px",style:m(w.value)},null,4)],4)])]),_:1})])}}});export{G as default};
//# sourceMappingURL=index-64b5dd3c.js.map