lcny-vue3-antd-admin/dist/assets/Circle.bde0b49b.js

import{a as h,v as y,f as n,q as g,k as c,gf as $,o as d,h as o,i as t,bp as p,F as k,aH as A,t as m,gg as I}from"./index.5b1de205.js";const b=h({props:{axis:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}},setup(e){const s=y(0),v=n(()=>c(e.axis)),u=n(()=>c(e.data)),_=n(()=>c(e.data).reduce((a,f)=>(a.push({name:f.name,value:f.data.reduce((x,i)=>$(x,i!=null?i:0),0)}),a),[]));let l=null;function r(){s.value=0,l&&clearInterval(l),l=setInterval(()=>{s.value+=1},3e3)}return r(),{list:_,count:s,pAxis:v,pDxis:u}}}),B={class:"relative w-full h-full",style:{zoom:"0.55"}},C={class:"container-box"},S={class:"text-white px-10px h-full flex flex-col items-center justify-center"},Z={class:"text-18px"},w={class:"text-40px mt-10px"},z=I('<div class="circle-container" style="transform:translateZ(-200px);" data-v-2ae7724e><div class="big-circle" data-v-2ae7724e></div><div class="small-circle" data-v-2ae7724e></div></div><div class="static-container" data-v-2ae7724e><div class="all-lights1" data-v-2ae7724e></div><div class="all-lights2" data-v-2ae7724e></div><div class="earth" data-v-2ae7724e></div></div>',2);function D(e,s,v,u,_,l){return d(),o("div",B,[t("div",C,[t("div",{class:"main",style:p(`transform: rotateY(-${e.count*360/3}deg) translateZ(-200px)`)},[(d(!0),o(k,null,A(e.list,(r,a)=>(d(),o("div",{class:"figure frame",style:p(`transform: rotateY(${a*360/3}deg) translateZ(400px)`),key:a},[t("div",S,[t("div",Z,m(r.name),1),t("div",w,m(r.value),1)])],4))),128))],4),z])])}var N=g(b,[["render",D],["__scopeId","data-v-2ae7724e"]]);export{N as default};