You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
3.6 KiB
1 line
3.6 KiB
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[36270],{31797:function(e,t,n){n.d(t,{Z:function(){return b}});var a=n(59301),r=n(56762),l=n(92343),o=n(92310),c=n.n(o),s=n(36355),i=n(78485);var u=e=>{const{value:t,formatter:n,precision:r,decimalSeparator:l,groupSeparator:o="",prefixCls:c}=e;let s;if("function"==typeof n)s=n(t);else{const e=String(t),n=e.match(/^(-?)(\d*)(\.(\d+))?$/);if(n&&"-"!==e){const e=n[1];let t=n[2]||"0",i=n[4]||"";t=t.replace(/\B(?=(\d{3})+(?!\d))/g,o),"number"==typeof r&&(i=i.padEnd(r,"0").slice(0,r>0?r:0)),i&&(i=`${l}${i}`),s=[a.createElement("span",{key:"int",className:`${c}-content-value-int`},e,t),i&&a.createElement("span",{key:"decimal",className:`${c}-content-value-decimal`},i)]}else s=e}return a.createElement("span",{className:`${c}-content-value`},s)},m=n(17313),f=n(83116),p=n(37613);const d=e=>{const{componentCls:t,marginXXS:n,padding:a,colorTextDescription:r,titleFontSize:l,colorTextHeading:o,contentFontSize:c,fontFamily:s}=e;return{[`${t}`]:Object.assign(Object.assign({},(0,m.Wf)(e)),{[`${t}-title`]:{marginBottom:n,color:r,fontSize:l},[`${t}-skeleton`]:{paddingTop:a},[`${t}-content`]:{color:o,fontSize:c,fontFamily:s,[`${t}-content-value`]:{display:"inline-block",direction:"ltr"},[`${t}-content-prefix, ${t}-content-suffix`]:{display:"inline-block"},[`${t}-content-prefix`]:{marginInlineEnd:n},[`${t}-content-suffix`]:{marginInlineStart:n}}})}};var g=(0,f.Z)("Statistic",(e=>{const t=(0,p.TS)(e,{});return[d(t)]}),(e=>{const{fontSizeHeading3:t,fontSize:n}=e;return{titleFontSize:n,contentFontSize:t}}));var v=e=>{const{prefixCls:t,className:n,rootClassName:r,style:l,valueStyle:o,value:m=0,title:f,valueRender:p,prefix:d,suffix:v,loading:S=!1,onMouseEnter:$,onMouseLeave:E,decimalSeparator:x=".",groupSeparator:b=","}=e,{getPrefixCls:y,direction:N,statistic:h}=a.useContext(s.E_),C=y("statistic",t),[k,w]=g(C),j=a.createElement(u,Object.assign({decimalSeparator:x,groupSeparator:b,prefixCls:C},e,{value:m})),z=c()(C,{[`${C}-rtl`]:"rtl"===N},null==h?void 0:h.className,n,r,w);return k(a.createElement("div",{className:z,style:Object.assign(Object.assign({},null==h?void 0:h.style),l),onMouseEnter:$,onMouseLeave:E},f&&a.createElement("div",{className:`${C}-title`},f),a.createElement(i.Z,{paragraph:!1,loading:S,className:`${C}-skeleton`},a.createElement("div",{style:o,className:`${C}-content`},d&&a.createElement("span",{className:`${C}-content-prefix`},d),p?p(j):j,v&&a.createElement("span",{className:`${C}-content-suffix`},v)))))};const S=[["Y",31536e6],["M",2592e6],["D",864e5],["H",36e5],["m",6e4],["s",1e3],["S",1]];function $(e,t){const{format:n=""}=t,a=new Date(e).getTime(),r=Date.now();return function(e,t){let n=e;const a=/\[[^\]]*]/g,r=(t.match(a)||[]).map((e=>e.slice(1,-1))),l=t.replace(a,"[]"),o=S.reduce(((e,t)=>{let[a,r]=t;if(e.includes(a)){const t=Math.floor(n/r);return n-=t*r,e.replace(new RegExp(`${a}+`,"g"),(e=>{const n=e.length;return t.toString().padStart(n,"0")}))}return e}),l);let c=0;return o.replace(a,(()=>{const e=r[c];return c+=1,e}))}(Math.max(a-r,0),n)}const E=e=>{const{value:t,format:n="HH:mm:ss",onChange:o,onFinish:c}=e,s=(0,r.Z)(),i=a.useRef(null),u=()=>{const e=function(e){return new Date(e).getTime()}(t);e>=Date.now()&&(i.current=setInterval((()=>{s(),null==o||o(e-Date.now()),e<Date.now()&&(null==c||c(),i.current&&(clearInterval(i.current),i.current=null))}),33.333333333333336))};a.useEffect((()=>(u(),()=>{i.current&&(clearInterval(i.current),i.current=null)})),[t]);return a.createElement(v,Object.assign({},e,{valueRender:e=>(0,l.Tm)(e,{title:void 0}),formatter:(e,t)=>$(e,Object.assign(Object.assign({},t),{format:n}))}))};var x=a.memo(E);v.Countdown=x;var b=v}}]); |