index.30d35195.js 3.8 KB

1234
  1. import{p as r}from"./propTypes.13e00d90.js";import{q as _,a9 as F,r as Y,J as N,v as f,bq as A,V as B,A as e,F as g,E as D,aa as k,T as z,aG as E,C as n,aT as w,_ as q,B as I,o as y,x as M,M as S,p as V,n as R,t as $,a1 as G,a2 as L}from"./index.41f763da.js";const P={startVal:r.number.def(0),endVal:r.number.def(2020),duration:r.number.def(1300),autoplay:r.bool.def(!0),decimals:{type:Number,required:!1,default:0,validator(t){return t>=0}},color:r.string.def(),fontSize:r.string.def(),decimal:r.string.def("."),separator:r.string.def(","),prefix:r.string.def(""),suffix:r.string.def(""),useEasing:r.bool.def(!0),easingFn:{type:Function,default(t,i,a,o){return a*(-Math.pow(2,-10*t/o)+1)*1024/1023+i}}};var U=_({name:"ReNormalCountTo",props:P,emits:["mounted","callback"],setup(t,{emit:i}){const a=F({localStartVal:t.startVal,displayValue:b(t.startVal),printVal:null,paused:!1,localDuration:t.duration,startTime:null,timestamp:null,remaining:null,rAF:null,color:null,fontSize:"16px"}),o=Y(()=>t.startVal>t.endVal);N([()=>t.startVal,()=>t.endVal],()=>{t.autoplay&&m()});function m(){const{startVal:s,duration:p,color:d,fontSize:l}=t;a.localStartVal=s,a.startTime=null,a.localDuration=p,a.paused=!1,a.color=d,a.fontSize=l,a.rAF=requestAnimationFrame(u)}function u(s){const{useEasing:p,easingFn:d,endVal:l}=t;a.startTime||(a.startTime=s),a.timestamp=s;const c=s-a.startTime;a.remaining=a.localDuration-c,p?f(o)?a.printVal=a.localStartVal-d(c,0,a.localStartVal-l,a.localDuration):a.printVal=d(c,a.localStartVal,l-a.localStartVal,a.localDuration):f(o)?a.printVal=a.localStartVal-(a.localStartVal-l)*(c/a.localDuration):a.printVal=a.localStartVal+(l-a.localStartVal)*(c/a.localDuration),f(o)?a.printVal=a.printVal<l?l:a.printVal:a.printVal=a.printVal>l?l:a.printVal,a.displayValue=b(a.printVal),c<a.localDuration?a.rAF=requestAnimationFrame(u):i("callback")}function b(s){const{decimals:p,decimal:d,separator:l,suffix:c,prefix:T}=t;s=Number(s).toFixed(p),s+="";const h=s.split(".");let v=h[0];const C=h.length>1?d+h[1]:"",x=/(\d+)(\d{3})/;if(l&&!A(l))for(;x.test(v);)v=v.replace(x,"$1"+l+"$2");return T+v+C+c}return B(()=>{t.autoplay&&m(),i("mounted")}),()=>e(g,null,[e("span",{style:{color:t.color,fontSize:t.fontSize}},[a.displayValue])])}});const J={delay:r.number.def(1),blur:r.number.def(2),i:{type:Number,required:!1,default:0,validator(t){return t<10&&t>=0&&Number.isInteger(t)}}};var j=_({name:"ReboundCountTo",props:J,setup(t){const i=D(null);return k(()=>{const a=navigator.userAgent.toLowerCase(),o=u=>u.test(a);o(/safari/g)&&!o(/chrome/g)&&(i.value=setTimeout(()=>{z().refs.ul.setAttribute("style",`
  2. animation: none;
  3. transform: translateY(calc(var(--i) * -9.09%))
  4. `)},t.delay*1e3))}),E(()=>{clearTimeout(f(i))}),()=>e(g,null,[e("div",{class:"scroll-num",style:{"--i":t.i,"--delay":t.delay}},[e("ul",{ref:"ul",style:{fontSize:"32px"}},[e("li",null,[n("0")]),e("li",null,[n("1")]),e("li",null,[n("2")]),e("li",null,[n("3")]),e("li",null,[n("4")]),e("li",null,[n("5")]),e("li",null,[n("6")]),e("li",null,[n("7")]),e("li",null,[n("8")]),e("li",null,[n("9")]),e("li",null,[n("0")])]),e("svg",{width:"0",height:"0"},[e("filter",{id:"blur"},[e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:`0 ${t.blur}`},null)])])])])}});const H=w(U),K=w(j);const O=t=>(G("data-v-c92289d0"),t=t(),L(),t),Q=O(()=>V("div",{class:"card-header"},[V("span",{class:"font-medium"},"\u6570\u5B57\u52A8\u753B\u7EC4\u4EF6")],-1)),W={class:"flex items-center"},X={class:"flex ml-8"},Z={name:"CountTo"},aa=_({...Z,setup(t){return(i,a)=>{const o=I("el-card");return y(),M(o,null,{header:S(()=>[Q]),default:S(()=>[V("div",W,[e(f(H),{prefix:"$",duration:1e3,color:"#409EFF",fontSize:"2em",startVal:1,endVal:1e3}),V("ul",X,[(y(),R(g,null,$([1,6,6,6],(m,u)=>e(f(K),{key:u,i:m,blur:u,delay:u+1},null,8,["i","blur","delay"])),64))])])]),_:1})}}});var la=q(aa,[["__scopeId","data-v-c92289d0"]]);export{la as default};