wot-design-uni/demo/assets/subPages-countTo-Index.CgaRAqfA.js

2 lines
4.4 KiB
JavaScript

var t=Object.defineProperty,e=Object.defineProperties,a=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(e,a,r)=>a in e?t(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,l=(t,e)=>{for(var a in e||(e={}))s.call(e,a)&&i(t,a,e[a]);if(r)for(var a of r(e))o.call(e,a)&&i(t,a,e[a]);return t},n=(t,r)=>e(t,a(r));import{d as f,c as u,C as p,y as c,as as d,b as m,g as x,w as y,D as b,h as V,q as w,i as z,ba as g,r as h,e as j,f as v}from"./index-ChV97F5w.js";import{w as _}from"./wd-text.CEiZZiO3.js";import{b as $,a as S,c as k,m as O,_ as I}from"./base64.D3gEw_Hf.js";import{u as C}from"./useCountDown.VfPRoFZI.js";import{_ as P}from"./demo-block.bo7yY1Pq.js";import{_ as D,a as F}from"./wd-grid.De8T7lBn.js";import{a as E}from"./page-wraper.D9WpzC1k.js";import"./useRaf.CJIKUUtr.js";import"./wd-badge.B8CK6WcG.js";import"./useChildren.C_02WC2s.js";import"./wd-root-portal.BUSGVytV.js";const N=n(l({},$),{fontSize:O(16),color:S(""),type:S("default"),startVal:O(0),endVal:O(2024),duration:O(3e3),autoStart:k(!0),decimals:{type:Number,required:!1,default:0,validator:t=>t>=0},decimal:S("."),separator:S(","),prefix:S(""),suffix:S(""),useEasing:k(!0),customStyle:S(""),customClass:S("")}),q=I(f(n(l({},{name:"wd-count-to",options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),{props:N,emits:["mounted","finish"],setup(t,{expose:e,emit:a}){const r=t,s=a,{start:o,pause:i,reset:l,current:n}=C({time:r.duration,millisecond:!0,onFinish:()=>s("finish")}),f=u((()=>`wd-count-to ${r.customClass}`)),h=u((()=>function(t){const{startVal:e,endVal:a,duration:s,useEasing:o}=r,i=s-t,l=e>a,n=i/s;let f;f=o?l?e-g(i,0,e-a,s)||0:g(i,e,a-e,s):l?e-(e-a)*n:e+(a-e)*n;return f=l?Math.max(a,f):Math.min(a,f),function(t){if("number"!=typeof t&&(t=parseFloat(t),isNaN(t)))return"0";const e=(t=t.toFixed(r.decimals)).split(".");let a=e[0];const s=e.length>1?r.decimal+e[1]:"",o=/(\d+)(\d{3})/;if(r.separator&&!d(r.separator))for(;o.test(a);)a=a.replace(o,"$1"+r.separator+"$2");return a+s}(f)}(n.value.total)));function j(){l(r.duration),r.autoStart&&o()}return p([()=>r.startVal,()=>r.endVal,()=>r.duration],j,{immediate:!1}),c((()=>{j(),s("mounted")})),e({start:o,reset:j,pause:i}),(t,e)=>{const a=z;return x(),m(a,{class:w(f.value)},{default:y((()=>[b(t.$slots,"prefix",{},(()=>[V(_,{type:r.type,color:r.color,size:.7*r.fontSize+"px",text:r.prefix},null,8,["type","color","size","text"])]),!0),b(t.$slots,"default",{},(()=>[V(_,{type:r.type,color:r.color,size:`${r.fontSize}px`,text:h.value},null,8,["type","color","size","text"])]),!0),b(t.$slots,"suffix",{},(()=>[V(_,{type:r.type,color:r.color,size:.7*r.fontSize+"px",text:r.suffix},null,8,["type","color","size","text"])]),!0)])),_:3},8,["class"])}}})),[["__scopeId","data-v-570f1aff"]]),M=f({__name:"Index",setup(t){const e=h(2024),a=h(),r=()=>{a.value.start()},s=()=>{a.value.pause()},o=()=>{a.value.reset()};return(t,i)=>{const l=j(v("wd-count-to"),q),n=j(v("demo-block"),P),f=j(v("wd-grid-item"),D),u=j(v("wd-grid"),F),p=j(v("page-wraper"),E);return x(),m(p,null,{default:y((()=>[V(n,{title:t.$t("jiBenYongFa")},{default:y((()=>[V(l,{endVal:e.value,suffix:"年",color:"#16baaa"},null,8,["endVal"]),V(l,{prefix:"¥",decimals:2,endVal:186.321,fontSize:32,suffix:"%",color:"#1e9fff"}),V(l,{prefix:"¥",decimals:2,endVal:21286.321,fontSize:32,suffix:"%",color:"#ff5722"}),V(l,{prefix:"¥",decimals:2,endVal:21286.321,fontSize:32,suffix:"%",color:"#ffb800",duration:2e3})])),_:1},8,["title"]),V(n,{title:t.$t("she-zhi-zhu-ti")},{default:y((()=>[V(l,{type:"primary",prefix:"¥",startVal:0,endVal:888888,suffix:"%"}),V(l,{type:"error",prefix:"¥",startVal:0,endVal:888888,suffix:"%"}),V(l,{type:"success",prefix:"¥",startVal:0,endVal:888888,suffix:"%"}),V(l,{type:"warning",prefix:"¥",startVal:0,endVal:888888,suffix:"%"}),V(l,{prefix:"¥",startVal:0,endVal:888888,suffix:"%"})])),_:1},8,["title"]),V(n,{title:t.$t("shou-dong-kong-zhi")},{default:y((()=>[V(l,{ref_key:"countTo",ref:a,"auto-start":!1,prefix:"¥",startVal:1e3,decimals:3,endVal:9999.32,fontSize:32,suffix:"%",color:"#1e9fff"},null,512),V(u,{clickable:"",border:""},{default:y((()=>[V(f,{text:t.$t("kai-shi"),icon:"play-circle-stroke",onItemclick:r},null,8,["text"]),V(f,{text:t.$t("zan-ting"),icon:"pause-circle",onItemclick:s},null,8,["text"]),V(f,{text:t.$t("zhong-zhi"),icon:"refresh",onItemclick:o},null,8,["text"])])),_:1})])),_:1},8,["title"])])),_:1})}}});export{M as default};