import{_ as d}from"./Flipper-B80NPi1m.js";import{d as _,s as p,t as f,Q as g,c as v,B as h,p as S,o as u,b as m,e as b,F as x,r as F,f as N,m as k}from"./index-bVOhw2NF.js";const B=_({name:"EsFlipNumber",components:{Flipper:d},props:{options:{type:Object,default:()=>({})},datasets:{type:[String,Boolean,Number],default:1e4}},setup(n){const i=p([]),t=p([]);f(()=>n.options.initValue,e=>{if(e)if(t.value.length===0)t.value=e.toString().split(""),g(()=>{a()});else{const o=e.toString().split("");l(o),t.value=o}},{immediate:!0}),f(()=>n.datasets,e=>{if(e)if(t.value.length===0)t.value=e.toString().split(""),a();else{const o=e.toString().split("");l(o),t.value=o}},{immediate:!0});const c=v(()=>({color:n.options.fontColor,"line-height":`${n.options.digitHeight}px`,"font-size":`${n.options.fontSize-10}px`,margin:"0 5px"}));function a(){for(let e=0;e<t.value.length;e++)i.value[e].setFront(t.value[e])}function l(e){const o=t.value,r=e;for(let s=0;s<i.value.length;s++)o[s]!==r[s]&&i.value[s].flipDown(o[s],r[s])}return{...h(n.options),flipObjs:i,getStyle:c,numberArr:t}}}),$={class:"flex items-center justify-center"},y={class:"FlipClock"};function j(n,i,t,c,a,l){const e=d;return u(),m("div",$,[b("div",y,[(u(!0),m(x,null,F(n.numberArr,(o,r)=>(u(),N(e,k({key:r,ref_for:!0,ref:"flipObjs"},n.options),null,16))),128))])])}const O=S(B,[["render",j]]);export{O as default};