| 12 |
- import{a as e}from"./index-CT1qRCFx.js";/* empty css *//* empty css */import{T as a,u as t}from"./index-DC2isIDB.js";import{j as s,c as u,p as l,w as r,m as n,Q as i,G as d,Y as o,U as v,n as c,s as p,N as m,D as f,H as g,F as x,a0 as b,ac as h,S as _,v as j,R as S,u as y,ad as F}from"./vendor-D0p0RnNT.js";import{_ as M}from"./_plugin-vue_export-helper-BCo6x5W8.js";const N="easeOutExpo",T=M(s({__name:"index",props:{target:{default:0},duration:{default:2e3},autoStart:{type:Boolean,default:!0},decimals:{default:0},decimal:{default:"."},separator:{default:""},prefix:{default:""},suffix:{default:""},easing:{default:N},disabled:{type:Boolean,default:!1}},emits:["started","finished","paused","reset"],setup(e,{expose:s,emit:p}){const m=Number.EPSILON,f=e,g=p,x=(e,a,t)=>Number.isFinite(e)?e:t,b=(e,a,t)=>Math.max(a,Math.min(e,t)),h=u((()=>x(f.target,0,0))),_=u((()=>b(x(f.duration,0,2e3),100,6e4))),j=u((()=>b(x(f.decimals,0,0),0,10))),S=u((()=>{const e=f.easing;return e in a?e:N})),y=l(0),F=l(h.value),M=l(!1),T=l(!1),V=l(0),$=t(y,{duration:_,transition:u((()=>a[S.value])),onStarted:()=>{M.value=!0,T.value=!1,g("started",F.value)},onFinished:()=>{M.value=!1,T.value=!1,g("finished",F.value)}}),H=u((()=>{const e=T.value?V.value:$.value;if(!Number.isFinite(e))return`${f.prefix}0${f.suffix}`;const a=((e,a,t,s)=>{let u=a>0?e.toFixed(a):Math.floor(e).toString();if("."!==t&&u.includes(".")&&(u=u.replace(".",t)),s){const e=u.split(t);e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,s),u=e.join(t)}return u})(e,j.value,f.decimal,f.separator);return`${f.prefix}${a}${f.suffix}`})),I=()=>{T.value=!1,V.value=0},L=e=>{if(f.disabled)return;const a=void 0!==e?e:F.value;Number.isFinite(a)&&(F.value=a,(e=>{const a=T.value?V.value:$.value;return Math.abs(a-e)<m})(a)||(T.value&&(y.value=V.value,I()),c((()=>{y.value=a}))))},w=()=>{(M.value||T.value)&&(y.value=0,I(),g("paused",0))};return r(h,(e=>{f.autoStart&&!f.disabled?L(e):F.value=e}),{immediate:f.autoStart&&!f.disabled}),r((()=>f.disabled),(e=>{e&&M.value&&w()})),n((()=>{M.value&&w()})),s({start:L,pause:()=>{M.value&&!T.value&&(T.value=!0,V.value=$.value,y.value=V.value,g("paused",V.value))},reset:(e=0)=>{const a=x(e,0,0);y.value=a,F.value=a,I(),g("reset")},stop:w,setTarget:e=>{Number.isFinite(e)&&(F.value=e,!M.value&&!f.autoStart||f.disabled||L(e))},get isRunning(){return M.value},get isPaused(){return T.value},get currentValue(){return T.value?V.value:$.value},get targetValue(){return F.value},get progress(){const e=T.value?V.value:$.value,a=F.value;return 0===a?0===e?1:0:Math.abs(e/a)}}),(e,a)=>(d(),i("span",{class:v(["art-count-to",{"is-running":M.value}])},o(H.value),3))}}),[["__scopeId","data-v-3323b7a2"]]),V={class:"card art-custom-card"},$={class:"des subtitle"},H={class:"change-box"},I=["innerHTML"],L=M(s({__name:"CardList",setup(a){const{showWorkTab:t}=p(e()),s=m([{des:"总访问次数",icon:"",startVal:0,duration:1e3,num:9120,change:"+20%"},{des:"在线访客数",icon:"",startVal:0,duration:1e3,num:182,change:"+10%"},{des:"点击量",icon:"",startVal:0,duration:1e3,num:9520,change:"-12%"},{des:"新用户",icon:"",startVal:0,duration:1e3,num:156,change:"+30%"}]);return(e,a)=>{const u=T,l=h,r=F;return d(),f(r,{gutter:20,style:S({marginTop:y(t)?"0":"10px"}),class:"card-list"},{default:g((()=>[(d(!0),i(x,null,b(s,((e,t)=>(d(),f(l,{key:t,sm:12,md:6,lg:6},{default:g((()=>[_("div",V,[_("span",$,o(e.des),1),j(u,{class:"number box-title",target:e.num,duration:1300},null,8,["target"]),_("div",H,[a[0]||(a[0]=_("span",{class:"change-text"},"较上周",-1)),_("span",{class:v(["change",[-1===e.change.indexOf("+")?"text-danger":"text-success"]])},o(e.change),3)]),_("i",{class:"iconfont-sys",innerHTML:e.icon},null,8,I)])])),_:2},1024)))),128))])),_:1},8,["style"])}}}),[["__scopeId","data-v-00798354"]]);export{L as default};
|
