| 12 |
- import{a as e}from"./index-C6YR97YM.js";/* empty css *//* empty css */import{T as a,u as t}from"./index-CeIx2olA.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,ae as h,S as _,v as j,R as S,u as F,ad as M}from"./vendor-B2KqeU87.js";import{_ as N}from"./_plugin-vue_export-helper-BCo6x5W8.js";const y="easeOutExpo",T=N(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:y},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:y})),F=l(0),M=l(h.value),N=l(!1),T=l(!1),V=l(0),$=t(F,{duration:_,transition:u((()=>a[S.value])),onStarted:()=>{N.value=!0,T.value=!1,g("started",M.value)},onFinished:()=>{N.value=!1,T.value=!1,g("finished",M.value)}}),L=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}`})),w=()=>{T.value=!1,V.value=0},B=e=>{if(f.disabled)return;const a=void 0!==e?e:M.value;Number.isFinite(a)&&(M.value=a,(e=>{const a=T.value?V.value:$.value;return Math.abs(a-e)<m})(a)||(T.value&&(F.value=V.value,w()),c((()=>{F.value=a}))))},H=()=>{(N.value||T.value)&&(F.value=0,w(),g("paused",0))};return r(h,(e=>{f.autoStart&&!f.disabled?B(e):M.value=e}),{immediate:f.autoStart&&!f.disabled}),r((()=>f.disabled),(e=>{e&&N.value&&H()})),n((()=>{N.value&&H()})),s({start:B,pause:()=>{N.value&&!T.value&&(T.value=!0,V.value=$.value,F.value=V.value,g("paused",V.value))},reset:(e=0)=>{const a=x(e,0,0);F.value=a,M.value=a,w(),g("reset")},stop:H,setTarget:e=>{Number.isFinite(e)&&(M.value=e,!N.value&&!f.autoStart||f.disabled||B(e))},get isRunning(){return N.value},get isPaused(){return T.value},get currentValue(){return T.value?V.value:$.value},get targetValue(){return M.value},get progress(){const e=T.value?V.value:$.value,a=M.value;return 0===a?0===e?1:0:Math.abs(e/a)}}),(e,a)=>(d(),i("span",{class:v(["art-count-to",{"is-running":N.value}])},o(L.value),3))}}),[["__scopeId","data-v-3323b7a2"]]),V={class:"card art-custom-card"},$={class:"des subtitle"},L={class:"change-box"},w=["innerHTML"],B=N(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=M;return d(),f(r,{gutter:20,style:S({marginTop:F(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",L,[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,w)])])),_:2},1024)))),128))])),_:1},8,["style"])}}}),[["__scopeId","data-v-00798354"]]);export{B as default};
|
