import{e as x,r as C,G as A,o as D,a0 as d,g as w,h as v,A as m,q as _,F as T,Q as k,j as l,y as I,L as q,p as M,l as b,z as E,n as O,aE as R,aF as P}from"./vue.e266cb73.js";import{_ as U}from"./_plugin-vue_export-helper.c27b6911.js";var y=globalThis&&globalThis.__assign||function(){return(y=Object.assign||function(i){for(var e,n=1,o=arguments.length;nt.endVal;t.frameVal=a?t.endVal:t.frameVal,t.frameVal=Number(t.frameVal.toFixed(t.options.decimalPlaces)),t.printValue(t.frameVal),r1?t.options.decimal+f[1]:"",t.options.useGrouping){h="";for(var p=0,g=a.length;pwindow.scrollY&&e.paused?(e.paused=!1,setTimeout(function(){return e.start()},e.options.scrollSpyDelay),e.options.scrollSpyOnce&&(e.once=!0)):window.scrollY>t&&!e.paused&&e.reset()}},i.prototype.determineDirectionAndSmartEasing=function(){var e=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>e;var n=e-this.startVal;if(Math.abs(n)>this.options.smartEasingThreshold&&this.options.useEasing){this.finalEndVal=e;var o=this.countDown?1:-1;this.endVal=e+o*this.options.smartEasingAmount,this.duration=this.duration/2}else this.endVal=e,this.finalEndVal=null;this.finalEndVal!==null?this.useEasing=!1:this.useEasing=this.options.useEasing},i.prototype.start=function(e){this.error||(this.callback=e,this.duration>0?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},i.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},i.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},i.prototype.update=function(e){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(e),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal==null&&this.resetDuration(),this.finalEndVal=null,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},i.prototype.printValue=function(e){var n=this.formattingFn(e);this.el.tagName==="INPUT"?this.el.value=n:this.el.tagName==="text"||this.el.tagName==="tspan"?this.el.textContent=n:this.el.innerHTML=n},i.prototype.ensureNumber=function(e){return typeof e=="number"&&!isNaN(e)},i.prototype.validateValue=function(e){var n=Number(e);return this.ensureNumber(n)?n:(this.error="[CountUp] invalid start or end value: ".concat(e),null)},i.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*Number(this.options.duration),this.remaining=this.duration},i}();const S=i=>(R("data-v-e49e0b39"),i=i(),P(),i),j={class:"layout-pd"},B={class:"countup-card-item-title pb3"},L=S(()=>l("div",{class:"countup-card-item-title-num pb6"},null,-1)),z={class:"countup-card-item-tip pb3"},G=S(()=>l("div",{class:"countup-card-item-tip-num"},null,-1)),Y={class:"flex-warp"},H={class:"flex-warp-item"},Q={class:"flex-warp-item-box"},$=x({name:"funCountup"}),J=x({...$,setup(i){const e=C([]),n=A({topCardItemList:[{title:"今日访问人数",titleNum:"123",tip:"在场人数",tipNum:"911",color:"--el-color-primary",iconColor:"#ffcb47",icon:"iconfont icon-jinridaiban"},{title:"实验室总数",titleNum:"123",tip:"使用中",tipNum:"611",color:"--el-color-success",iconColor:"#70cf41",icon:"iconfont icon-AIshiyanshi"},{title:"申请人数(月)",titleNum:"123",tip:"通过人数",tipNum:"911",color:"--el-color-warning",iconColor:"#dfae64",icon:"iconfont icon-shenqingkaiban"},{title:"销售情况",titleNum:"123",tip:"销售数",tipNum:"911",color:"--el-color-danger",iconColor:"#e56565",icon:"iconfont icon-ditu"}]}),o=()=>{q(()=>{e.value.forEach(s=>{new F(s.querySelector(".countup-card-item-title-num"),Math.random()*1e4).start(),new F(s.querySelector(".countup-card-item-tip-num"),Math.random()*1e3).start()})})},t=()=>{o()};return D(()=>{o()}),(s,r)=>{const a=d("el-alert"),c=d("el-col"),h=d("el-row"),V=d("ele-RefreshRight"),f=d("el-icon"),p=d("el-button"),g=d("el-card");return w(),v("div",j,[m(g,{shadow:"hover",header:"数字滚动演示"},{default:_(()=>[m(a,{title:"感谢优秀的 `countup.js`,项目地址:https://github.com/inorganik/countUp.js",type:"success",closable:!1,class:"mb15"}),m(h,{gutter:20},{default:_(()=>[(w(!0),v(T,null,k(n.topCardItemList,(u,N)=>(w(),M(c,{sm:6,class:"mb15",key:N},{default:_(()=>[l("div",{class:"countup-card-item countup-card-item-box",style:b({background:`var(${u.color})`})},[l("div",{class:"countup-card-item-flex",ref_for:!0,ref_key:"topCardItemRefs",ref:e},[l("div",B,E(u.title),1),L,l("div",z,E(u.tip),1),G],512),l("i",{class:O(u.icon),style:b({color:u.iconColor})},null,6)],4)]),_:2},1024))),128))]),_:1}),l("div",Y,[l("div",H,[l("div",Q,[m(p,{type:"primary",size:"default",onClick:t},{default:_(()=>[m(f,null,{default:_(()=>[m(V)]),_:1}),I(" 重置/刷新数值 ")]),_:1})])])])]),_:1})])}}});const X=U(J,[["__scopeId","data-v-e49e0b39"],["__file","C:/Users/89282/Desktop/lechang_storage/lechang_storage/vue-next-admin/src/views/fun/countup/index.vue"]]);export{X as default}; //# sourceMappingURL=index.9078cbda.js.map