import{_ as I,j as e,k as C,l as A,w as a,f as s,b as t,e as n,d as v,a as h,n as b}from"./index.c1b9962e.js";import{L as f}from"./LikeOutlined.5caf602b.js";import{a as G,A as S}from"./ArrowUpOutlined.a900aa77.js";const x={};function Z(c,o){const i=e("a-statistic"),k=e("a-col"),g=e("a-row"),d=e("demo-box");return C(),A(d,{jsfiddle:{us:"Simplest Usage.",cn:"\u7B80\u5355\u5C55\u793A",docHtml:`

zh-CN

\u7B80\u5355\u5C55\u793A

en-US

Simplest Usage.

`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/statistic/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXJvdz4KICAgIDxhLWNvbCA6c3Bhbj0iMTIiPgogICAgICA8YS1zdGF0aXN0aWMgdGl0bGU9IkFjdGl2ZSBVc2VycyIgOnZhbHVlPSIxMTI4OTMiIHN0eWxlPSJtYXJnaW4tcmlnaHQ6IDUwcHgiIC8+CiAgICA8L2EtY29sPgogICAgPGEtY29sIDpzcGFuPSIxMiI+CiAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iQWNjb3VudCBCYWxhbmNlIChDTlkpIiA6cHJlY2lzaW9uPSIyIiA6dmFsdWU9IjExMjg5MyIgLz4KICAgIDwvYS1jb2w+CiAgPC9hLXJvdz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXJvdz4KICAgIDxhLWNvbCA6c3Bhbj0iMTIiPgogICAgICA8YS1zdGF0aXN0aWMgdGl0bGU9IkFjdGl2ZSBVc2VycyIgOnZhbHVlPSIxMTI4OTMiIHN0eWxlPSJtYXJnaW4tcmlnaHQ6IDUwcHgiIC8+CiAgICA8L2EtY29sPgogICAgPGEtY29sIDpzcGFuPSIxMiI+CiAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iQWNjb3VudCBCYWxhbmNlIChDTlkpIiA6cHJlY2lzaW9uPSIyIiA6dmFsdWU9IjExMjg5MyIgLz4KICAgIDwvYS1jb2w+CiAgPC9hLXJvdz4KPC90ZW1wbGF0ZT4="}},{default:a(()=>[s(g,null,{default:a(()=>[s(k,{span:12},{default:a(()=>[s(i,{title:"Active Users",value:112893,style:{"margin-right":"50px"}})]),_:1}),s(k,{span:12},{default:a(()=>[s(i,{title:"Account Balance (CNY)",precision:2,value:112893})]),_:1})]),_:1})]),htmlCode:a(()=>o[0]||(o[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Active Users"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("112893"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Account Balance (CNY)"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":precision"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("112893"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),jsVersionHtml:a(()=>o[1]||(o[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Active Users"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("112893"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Account Balance (CNY)"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":precision"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("112893"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),_:1})}var P=I(x,[["render",Z]]);const D=v({components:{LikeOutlined:f}});function W(c,o,i,k,g,d){const l=e("like-outlined"),p=e("a-statistic"),u=e("a-col"),r=e("a-row"),m=e("demo-box");return C(),A(m,{jsfiddle:{us:"Add unit through `prefix` and `suffix`.",cn:"\u901A\u8FC7\u524D\u7F00\u548C\u540E\u7F00\u6DFB\u52A0\u5355\u4F4D\u3002",docHtml:`

zh-CN

\u901A\u8FC7\u524D\u7F00\u548C\u540E\u7F00\u6DFB\u52A0\u5355\u4F4D\u3002

en-US

Add unit through prefix and suffix.

`,order:1,title:{"zh-CN":"\u5355\u4F4D","en-US":"Unit"},relativePath:"src/docs/statistic/demo/unit.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXJvdyA6Z3V0dGVyPSIxNiI+CiAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJGZWVkYmFjayIgOnZhbHVlPSIxMTI4IiBzdHlsZT0ibWFyZ2luLXJpZ2h0OiA1MHB4Ij4KICAgICAgICA8dGVtcGxhdGUgI3N1ZmZpeD4KICAgICAgICAgIDxsaWtlLW91dGxpbmVkIC8+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLXN0YXRpc3RpYz4KICAgIDwvYS1jb2w+CiAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJVbm1lcmdlZCIgOnZhbHVlPSI5MyIgY2xhc3M9ImRlbW8tY2xhc3MiPgogICAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4PgogICAgICAgICAgPHNwYW4+LyAxMDA8L3NwYW4+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLXN0YXRpc3RpYz4KICAgIDwvYS1jb2w+CiAgPC9hLXJvdz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IExpa2VPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgTGlrZU91dGxpbmVkLAogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXJvdyA6Z3V0dGVyPSIxNiI+CiAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJGZWVkYmFjayIgOnZhbHVlPSIxMTI4IiBzdHlsZT0ibWFyZ2luLXJpZ2h0OiA1MHB4Ij4KICAgICAgICA8dGVtcGxhdGUgI3N1ZmZpeD4KICAgICAgICAgIDxsaWtlLW91dGxpbmVkIC8+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLXN0YXRpc3RpYz4KICAgIDwvYS1jb2w+CiAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJVbm1lcmdlZCIgOnZhbHVlPSI5MyIgY2xhc3M9ImRlbW8tY2xhc3MiPgogICAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4PgogICAgICAgICAgPHNwYW4+LyAxMDA8L3NwYW4+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLXN0YXRpc3RpYz4KICAgIDwvYS1jb2w+CiAgPC9hLXJvdz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgTGlrZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBMaWtlT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:a(()=>[s(r,{gutter:16},{default:a(()=>[s(u,{span:12},{default:a(()=>[s(p,{title:"Feedback",value:1128,style:{"margin-right":"50px"}},{suffix:a(()=>[s(l)]),_:1})]),_:1}),s(u,{span:12},{default:a(()=>[s(p,{title:"Unmerged",value:93,class:"demo-class"},{suffix:a(()=>o[0]||(o[0]=[t("span",null,"/ 100",-1)])),_:1})]),_:1})]),_:1})]),htmlCode:a(()=>o[1]||(o[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),n(),t("span",{class:"token attr-name"},":gutter"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("16"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Feedback"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1128"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#suffix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("like-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Unmerged"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("93"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("demo-class"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#suffix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),t("span",{class:"token punctuation"},">")]),n("/ 100"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" LikeOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(` LikeOutlined`),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),jsVersionHtml:a(()=>o[2]||(o[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),n(),t("span",{class:"token attr-name"},":gutter"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("16"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Feedback"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1128"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#suffix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("like-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Unmerged"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("93"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("demo-class"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#suffix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),t("span",{class:"token punctuation"},">")]),n("/ 100"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" LikeOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(` LikeOutlined`),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),_:1})}var Y=I(D,[["render",W]]);const N=v({components:{ArrowUpOutlined:G,ArrowDownOutlined:S}}),j={style:{background:"#ececec",padding:"30px"}};function X(c,o,i,k,g,d){const l=e("arrow-up-outlined"),p=e("a-statistic"),u=e("a-card"),r=e("a-col"),m=e("arrow-down-outlined"),y=e("a-row"),w=e("demo-box");return C(),A(w,{jsfiddle:{us:"Display statistic data in Card.",cn:"\u5728\u5361\u7247\u4E2D\u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002",docHtml:`

zh-CN

\u5728\u5361\u7247\u4E2D\u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002

en-US

Display statistic data in Card.

`,order:2,title:{"zh-CN":"\u5728\u5361\u7247\u4E2D\u4F7F\u7528","en-US":"In Card"},relativePath:"src/docs/statistic/demo/card.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9ImJhY2tncm91bmQ6ICNlY2VjZWM7IHBhZGRpbmc6IDMwcHgiPgogICAgPGEtcm93IDpndXR0ZXI9IjE2Ij4KICAgICAgPGEtY29sIDpzcGFuPSIxMiI+CiAgICAgICAgPGEtY2FyZD4KICAgICAgICAgIDxhLXN0YXRpc3RpYwogICAgICAgICAgICB0aXRsZT0iRmVlZGJhY2siCiAgICAgICAgICAgIDp2YWx1ZT0iMTEuMjgiCiAgICAgICAgICAgIDpwcmVjaXNpb249IjIiCiAgICAgICAgICAgIHN1ZmZpeD0iJSIKICAgICAgICAgICAgOnZhbHVlLXN0eWxlPSJ7IGNvbG9yOiAnIzNmODYwMCcgfSIKICAgICAgICAgICAgc3R5bGU9Im1hcmdpbi1yaWdodDogNTBweCIKICAgICAgICAgID4KICAgICAgICAgICAgPHRlbXBsYXRlICNwcmVmaXg+CiAgICAgICAgICAgICAgPGFycm93LXVwLW91dGxpbmVkIC8+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Etc3RhdGlzdGljPgogICAgICAgIDwvYS1jYXJkPgogICAgICA8L2EtY29sPgogICAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgICA8YS1jYXJkPgogICAgICAgICAgPGEtc3RhdGlzdGljCiAgICAgICAgICAgIHRpdGxlPSJJZGxlIgogICAgICAgICAgICA6dmFsdWU9IjkuMyIKICAgICAgICAgICAgOnByZWNpc2lvbj0iMiIKICAgICAgICAgICAgc3VmZml4PSIlIgogICAgICAgICAgICBjbGFzcz0iZGVtby1jbGFzcyIKICAgICAgICAgICAgOnZhbHVlLXN0eWxlPSJ7IGNvbG9yOiAnI2NmMTMyMicgfSIKICAgICAgICAgID4KICAgICAgICAgICAgPHRlbXBsYXRlICNwcmVmaXg+CiAgICAgICAgICAgICAgPGFycm93LWRvd24tb3V0bGluZWQgLz4KICAgICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICAgIDwvYS1zdGF0aXN0aWM+CiAgICAgICAgPC9hLWNhcmQ+CiAgICAgIDwvYS1jb2w+CiAgICA8L2Etcm93PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgQXJyb3dVcE91dGxpbmVkLCBBcnJvd0Rvd25PdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgQXJyb3dVcE91dGxpbmVkLAogICAgQXJyb3dEb3duT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9ImJhY2tncm91bmQ6ICNlY2VjZWM7IHBhZGRpbmc6IDMwcHgiPgogICAgPGEtcm93IDpndXR0ZXI9IjE2Ij4KICAgICAgPGEtY29sIDpzcGFuPSIxMiI+CiAgICAgICAgPGEtY2FyZD4KICAgICAgICAgIDxhLXN0YXRpc3RpYwogICAgICAgICAgICB0aXRsZT0iRmVlZGJhY2siCiAgICAgICAgICAgIDp2YWx1ZT0iMTEuMjgiCiAgICAgICAgICAgIDpwcmVjaXNpb249IjIiCiAgICAgICAgICAgIHN1ZmZpeD0iJSIKICAgICAgICAgICAgOnZhbHVlLXN0eWxlPSJ7IGNvbG9yOiAnIzNmODYwMCcgfSIKICAgICAgICAgICAgc3R5bGU9Im1hcmdpbi1yaWdodDogNTBweCIKICAgICAgICAgID4KICAgICAgICAgICAgPHRlbXBsYXRlICNwcmVmaXg+CiAgICAgICAgICAgICAgPGFycm93LXVwLW91dGxpbmVkIC8+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Etc3RhdGlzdGljPgogICAgICAgIDwvYS1jYXJkPgogICAgICA8L2EtY29sPgogICAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgICA8YS1jYXJkPgogICAgICAgICAgPGEtc3RhdGlzdGljCiAgICAgICAgICAgIHRpdGxlPSJJZGxlIgogICAgICAgICAgICA6dmFsdWU9IjkuMyIKICAgICAgICAgICAgOnByZWNpc2lvbj0iMiIKICAgICAgICAgICAgc3VmZml4PSIlIgogICAgICAgICAgICBjbGFzcz0iZGVtby1jbGFzcyIKICAgICAgICAgICAgOnZhbHVlLXN0eWxlPSJ7IGNvbG9yOiAnI2NmMTMyMicgfSIKICAgICAgICAgID4KICAgICAgICAgICAgPHRlbXBsYXRlICNwcmVmaXg+CiAgICAgICAgICAgICAgPGFycm93LWRvd24tb3V0bGluZWQgLz4KICAgICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICAgIDwvYS1zdGF0aXN0aWM+CiAgICAgICAgPC9hLWNhcmQ+CiAgICAgIDwvYS1jb2w+CiAgICA8L2Etcm93PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBBcnJvd1VwT3V0bGluZWQsIEFycm93RG93bk91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBBcnJvd1VwT3V0bGluZWQsCiAgICBBcnJvd0Rvd25PdXRsaW5lZCwKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:a(()=>[t("div",j,[s(y,{gutter:16},{default:a(()=>[s(r,{span:12},{default:a(()=>[s(u,null,{default:a(()=>[s(p,{title:"Feedback",value:11.28,precision:2,suffix:"%","value-style":{color:"#3f8600"},style:{"margin-right":"50px"}},{prefix:a(()=>[s(l)]),_:1})]),_:1})]),_:1}),s(r,{span:12},{default:a(()=>[s(u,null,{default:a(()=>[s(p,{title:"Idle",value:9.3,precision:2,suffix:"%",class:"demo-class","value-style":{color:"#cf1322"}},{prefix:a(()=>[s(m)]),_:1})]),_:1})]),_:1})]),_:1})])]),htmlCode:a(()=>o[0]||(o[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"background"),t("span",{class:"token punctuation"},":"),n(" #ececec"),t("span",{class:"token punctuation"},";"),n(),t("span",{class:"token property"},"padding"),t("span",{class:"token punctuation"},":"),n(" 30px")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),n(),t("span",{class:"token attr-name"},":gutter"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("16"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Feedback"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("11.28"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":precision"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("2"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"suffix"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("%"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ color: '#3f8600' }"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(` `),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#prefix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("arrow-up-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Idle"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("9.3"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":precision"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("2"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"suffix"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("%"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("demo-class"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ color: '#cf1322' }"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#prefix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("arrow-down-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ArrowUpOutlined"),t("span",{class:"token punctuation"},","),n(" ArrowDownOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(` ArrowUpOutlined`),t("span",{class:"token punctuation"},","),n(` ArrowDownOutlined`),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),jsVersionHtml:a(()=>o[1]||(o[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"background"),t("span",{class:"token punctuation"},":"),n(" #ececec"),t("span",{class:"token punctuation"},";"),n(),t("span",{class:"token property"},"padding"),t("span",{class:"token punctuation"},":"),n(" 30px")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),n(),t("span",{class:"token attr-name"},":gutter"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("16"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Feedback"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("11.28"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":precision"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("2"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"suffix"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("%"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ color: '#3f8600' }"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(` `),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#prefix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("arrow-up-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Idle"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("9.3"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":precision"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("2"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"suffix"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("%"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("demo-class"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ color: '#cf1322' }"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#prefix"),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("arrow-down-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ArrowUpOutlined"),t("span",{class:"token punctuation"},","),n(" ArrowDownOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(` ArrowUpOutlined`),t("span",{class:"token punctuation"},","),n(` ArrowDownOutlined`),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),_:1})}var _=I(N,[["render",X]]);const H=v({setup(){const c=()=>{console.log("finished!")};return{deadline:Date.now()+1e3*60*60*24*2+1e3*30,onFinish:c}}});function V(c,o,i,k,g,d){const l=e("a-statistic-countdown"),p=e("a-col"),u=e("a-row"),r=e("demo-box");return C(),A(r,{jsfiddle:{us:"Countdown component.",cn:"\u5012\u8BA1\u65F6\u7EC4\u4EF6\u3002",docHtml:`

zh-CN

\u5012\u8BA1\u65F6\u7EC4\u4EF6\u3002

en-US

Countdown component.

`,order:3,title:{"zh-CN":"\u5012\u8BA1\u65F6","en-US":"Countdown"},relativePath:"src/docs/statistic/demo/countdown.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXJvdyA6Z3V0dGVyPSIxNiI+CiAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgPGEtc3RhdGlzdGljLWNvdW50ZG93bgogICAgICAgIHRpdGxlPSJDb3VudGRvd24iCiAgICAgICAgOnZhbHVlPSJkZWFkbGluZSIKICAgICAgICBzdHlsZT0ibWFyZ2luLXJpZ2h0OiA1MHB4IgogICAgICAgIEBmaW5pc2g9Im9uRmluaXNoIgogICAgICAvPgogICAgPC9hLWNvbD4KICAgIDxhLWNvbCA6c3Bhbj0iMTIiPgogICAgICA8YS1zdGF0aXN0aWMtY291bnRkb3duCiAgICAgICAgdGl0bGU9Ik1pbGxpb24gU2Vjb25kcyIKICAgICAgICA6dmFsdWU9ImRlYWRsaW5lIgogICAgICAgIGZvcm1hdD0iSEg6bW06c3M6U1NTIgogICAgICAgIHN0eWxlPSJtYXJnaW4tcmlnaHQ6IDUwcHgiCiAgICAgIC8+CiAgICA8L2EtY29sPgogICAgPGEtY29sIDpzcGFuPSIyNCIgc3R5bGU9Im1hcmdpbi10b3A6IDMycHgiPgogICAgICA8YS1zdGF0aXN0aWMtY291bnRkb3duIHRpdGxlPSJEYXkgTGV2ZWwiIDp2YWx1ZT0iZGVhZGxpbmUiIGZvcm1hdD0iRCDlpKkgSCDml7YgbSDliIYgcyDnp5IiIC8+CiAgICA8L2EtY29sPgogIDwvYS1yb3c+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgb25GaW5pc2ggPSAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdmaW5pc2hlZCEnKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBkZWFkbGluZTogRGF0ZS5ub3coKSArIDEwMDAgKiA2MCAqIDYwICogMjQgKiAyICsgMTAwMCAqIDMwLAogICAgICBvbkZpbmlzaCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXJvdyA6Z3V0dGVyPSIxNiI+CiAgICA8YS1jb2wgOnNwYW49IjEyIj4KICAgICAgPGEtc3RhdGlzdGljLWNvdW50ZG93bgogICAgICAgIHRpdGxlPSJDb3VudGRvd24iCiAgICAgICAgOnZhbHVlPSJkZWFkbGluZSIKICAgICAgICBzdHlsZT0ibWFyZ2luLXJpZ2h0OiA1MHB4IgogICAgICAgIEBmaW5pc2g9Im9uRmluaXNoIgogICAgICAvPgogICAgPC9hLWNvbD4KICAgIDxhLWNvbCA6c3Bhbj0iMTIiPgogICAgICA8YS1zdGF0aXN0aWMtY291bnRkb3duCiAgICAgICAgdGl0bGU9Ik1pbGxpb24gU2Vjb25kcyIKICAgICAgICA6dmFsdWU9ImRlYWRsaW5lIgogICAgICAgIGZvcm1hdD0iSEg6bW06c3M6U1NTIgogICAgICAgIHN0eWxlPSJtYXJnaW4tcmlnaHQ6IDUwcHgiCiAgICAgIC8+CiAgICA8L2EtY29sPgogICAgPGEtY29sIDpzcGFuPSIyNCIgc3R5bGU9Im1hcmdpbi10b3A6IDMycHgiPgogICAgICA8YS1zdGF0aXN0aWMtY291bnRkb3duIHRpdGxlPSJEYXkgTGV2ZWwiIDp2YWx1ZT0iZGVhZGxpbmUiIGZvcm1hdD0iRCDlpKkgSCDml7YgbSDliIYgcyDnp5IiIC8+CiAgICA8L2EtY29sPgogIDwvYS1yb3c+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvbkZpbmlzaCA9ICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2ZpbmlzaGVkIScpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRlYWRsaW5lOiBEYXRlLm5vdygpICsgMTAwMCAqIDYwICogNjAgKiAyNCAqIDIgKyAxMDAwICogMzAsCiAgICAgIG9uRmluaXNoLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:a(()=>[s(u,{gutter:16},{default:a(()=>[s(p,{span:12},{default:a(()=>[s(l,{title:"Countdown",value:c.deadline,style:{"margin-right":"50px"},onFinish:c.onFinish},null,8,["value","onFinish"])]),_:1}),s(p,{span:12},{default:a(()=>[s(l,{title:"Million Seconds",value:c.deadline,format:"HH:mm:ss:SSS",style:{"margin-right":"50px"}},null,8,["value"])]),_:1}),s(p,{span:24,style:{"margin-top":"32px"}},{default:a(()=>[s(l,{title:"Day Level",value:c.deadline,format:"D \u5929 H \u65F6 m \u5206 s \u79D2"},null,8,["value"])]),_:1})]),_:1})]),htmlCode:a(()=>o[0]||(o[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),n(),t("span",{class:"token attr-name"},":gutter"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("16"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic-countdown")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Countdown"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("deadline"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(` `),t("span",{class:"token attr-name"},"@finish"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("onFinish"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic-countdown")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Million Seconds"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("deadline"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"format"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HH:mm:ss:SSS"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(` `),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("24"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-top"),t("span",{class:"token punctuation"},":"),n(" 32px")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic-countdown")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Day Level"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("deadline"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"format"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("D \u5929 H \u65F6 m \u5206 s \u79D2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"onFinish"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(` console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'finished!'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token literal-property property"},"deadline"),t("span",{class:"token operator"},":"),n(" Date"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"now"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"+"),n(),t("span",{class:"token number"},"1000"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"60"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"60"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"24"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"2"),n(),t("span",{class:"token operator"},"+"),n(),t("span",{class:"token number"},"1000"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"30"),t("span",{class:"token punctuation"},","),n(` onFinish`),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),jsVersionHtml:a(()=>o[1]||(o[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-row")]),n(),t("span",{class:"token attr-name"},":gutter"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("16"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic-countdown")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Countdown"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("deadline"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(` `),t("span",{class:"token attr-name"},"@finish"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("onFinish"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("12"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic-countdown")]),n(` `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Million Seconds"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("deadline"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token attr-name"},"format"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HH:mm:ss:SSS"),t("span",{class:"token punctuation"},'"')]),n(` `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 50px")]),t("span",{class:"token punctuation"},'"')])]),n(` `),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-col")]),n(),t("span",{class:"token attr-name"},":span"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("24"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-top"),t("span",{class:"token punctuation"},":"),n(" 32px")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-statistic-countdown")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Day Level"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("deadline"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"format"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("D \u5929 H \u65F6 m \u5206 s \u79D2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"onFinish"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(` console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'finished!'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(` `),t("span",{class:"token literal-property property"},"deadline"),t("span",{class:"token operator"},":"),n(" Date"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"now"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"+"),n(),t("span",{class:"token number"},"1000"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"60"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"60"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"24"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"2"),n(),t("span",{class:"token operator"},"+"),n(),t("span",{class:"token number"},"1000"),n(),t("span",{class:"token operator"},"*"),n(),t("span",{class:"token number"},"30"),t("span",{class:"token punctuation"},","),n(` onFinish`),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(` `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])],-1)])),_:1})}var R=I(H,[["render",V]]);const B={pageData:{title:"Statistic",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5C55\u793A",title:"Statistic",subtitle:"\u7EDF\u8BA1\u6570\u503C",cover:"https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:"Statistic"},{level:3,title:"Statistic",slug:"statistic",content:""},{level:3,title:"Statistic.Countdown",slug:"statistic-countdown",content:""}],relativePath:"src/docs/statistic/index.zh-CN.md",content:` \u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002 ## \u4F55\u65F6\u4F7F\u7528 - \u5F53\u9700\u8981\u7A81\u51FA\u67D0\u4E2A\u6216\u67D0\u7EC4\u6570\u5B57\u65F6 - \u5F53\u9700\u8981\u5C55\u793A\u5E26\u63CF\u8FF0\u7684\u7EDF\u8BA1\u7C7B\u6570\u636E\u65F6\u4F7F\u7528 ## API ### Statistic | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | | ---------------- | ---------------- | ---------------------------- | ------ | | decimalSeparator | \u8BBE\u7F6E\u5C0F\u6570\u70B9 | string | . | | formatter | \u81EA\u5B9A\u4E49\u6570\u503C\u5C55\u793A | v-slot \\| ({value}) => VNode | - | | groupSeparator | \u8BBE\u7F6E\u5343\u5206\u4F4D\u6807\u8BC6\u7B26 | string | , | | precision | \u6570\u503C\u7CBE\u5EA6 | number | - | | prefix | \u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00 | string \\| v-slot | - | | suffix | \u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00 | string \\| v-slot | - | | title | \u6570\u503C\u7684\u6807\u9898 | string \\| v-slot | - | | value | \u6570\u503C\u5185\u5BB9 | string \\| number | - | | valueStyle | \u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F | style | - | ### Statistic.Countdown | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | | --- | --- | --- | --- | | format | \u683C\u5F0F\u5316\u5012\u8BA1\u65F6\u5C55\u793A\uFF0C\u53C2\u8003 [moment](http://momentjs.com/) | string | 'HH:mm:ss' | | prefix | \u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00 | string \\| v-slot | - | | suffix | \u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00 | string \\| v-slot | - | | title | \u6570\u503C\u7684\u6807\u9898 | string \\| v-slot | - | | value | \u6570\u503C\u5185\u5BB9 | number \\| moment | - | | valueStyle | \u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F | style | - | #### Statistic.Countdown \u4E8B\u4EF6 | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | | -------- | ---------------- | ---------- | | finish | \u5012\u8BA1\u65F6\u5B8C\u6210\u65F6\u89E6\u53D1 | () => void | `,html:`

\u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002

\u4F55\u65F6\u4F7F\u7528

API

Statistic

\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C
decimalSeparator \u8BBE\u7F6E\u5C0F\u6570\u70B9 string .
formatter \u81EA\u5B9A\u4E49\u6570\u503C\u5C55\u793A v-slot | ({value}) => VNode -
groupSeparator \u8BBE\u7F6E\u5343\u5206\u4F4D\u6807\u8BC6\u7B26 string ,
precision \u6570\u503C\u7CBE\u5EA6 number -
prefix \u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00 string | v-slot -
suffix \u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00 string | v-slot -
title \u6570\u503C\u7684\u6807\u9898 string | v-slot -
value \u6570\u503C\u5185\u5BB9 string | number -
valueStyle \u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F style -

Statistic.Countdown

\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C
format \u683C\u5F0F\u5316\u5012\u8BA1\u65F6\u5C55\u793A\uFF0C\u53C2\u8003 moment string 'HH:mm:ss'
prefix \u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00 string | v-slot -
suffix \u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00 string | v-slot -
title \u6570\u503C\u7684\u6807\u9898 string | v-slot -
value \u6570\u503C\u5185\u5BB9 number | moment -
valueStyle \u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F style -

Statistic.Countdown \u4E8B\u4EF6

\u4E8B\u4EF6\u540D\u79F0 \u8BF4\u660E \u56DE\u8C03\u53C2\u6570
finish \u5012\u8BA1\u65F6\u5B8C\u6210\u65F6\u89E6\u53D1 () => void
`,lastUpdated:1748059052754}},q={class:"markdown"};function K(c,o,i,k,g,d){return C(),h("article",q,o[0]||(o[0]=[b('

\u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002

\u4F55\u65F6\u4F7F\u7528

API

Statistic

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
decimalSeparator\u8BBE\u7F6E\u5C0F\u6570\u70B9string.
formatter\u81EA\u5B9A\u4E49\u6570\u503C\u5C55\u793Av-slot | ({value}) => VNode-
groupSeparator\u8BBE\u7F6E\u5343\u5206\u4F4D\u6807\u8BC6\u7B26string,
precision\u6570\u503C\u7CBE\u5EA6number-
prefix\u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00string | v-slot-
suffix\u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00string | v-slot-
title\u6570\u503C\u7684\u6807\u9898string | v-slot-
value\u6570\u503C\u5185\u5BB9string | number-
valueStyle\u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0Fstyle-

Statistic.Countdown

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
format\u683C\u5F0F\u5316\u5012\u8BA1\u65F6\u5C55\u793A\uFF0C\u53C2\u8003 momentstring'HH:mm:ss'
prefix\u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00string | v-slot-
suffix\u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00string | v-slot-
title\u6570\u503C\u7684\u6807\u9898string | v-slot-
value\u6570\u503C\u5185\u5BB9number | moment-
valueStyle\u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0Fstyle-

Statistic.Countdown \u4E8B\u4EF6

\u4E8B\u4EF6\u540D\u79F0\u8BF4\u660E\u56DE\u8C03\u53C2\u6570
finish\u5012\u8BA1\u65F6\u5B8C\u6210\u65F6\u89E6\u53D1() => void
',10)]))}var F=I(B,[["render",K]]);const z={pageData:{title:"Statistic",description:"",frontmatter:{category:"Components",type:"Data Display",title:"Statistic",cover:"https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:"Statistic"},{level:3,title:"Statistic",slug:"statistic",content:""},{level:3,title:"Statistic.Countdown",slug:"statistic-countdown",content:""}],relativePath:"src/docs/statistic/index.en-US.md",content:` Display statistic number. ## When To Use - When want to highlight some data. - When want to display statistic data with description. ## API ### Statistic | Property | Description | Type | Default | | ---------------- | ----------------------------- | --------------------------- | ------- | | decimalSeparator | decimal separator | string | . | | formatter | customize value display logic | v-slot \\|({value}) => VNode | - | | groupSeparator | group separator | string | , | | precision | precision of input value | number | - | | prefix | prefix node of value | string \\| v-slot | - | | suffix | suffix node of value | string \\| v-slot | - | | title | Display title | string \\| v-slot | - | | value | Display value | string \\| number | - | | valueStyle | Set value css style | style | - | ### Statistic.Countdown | Property | Description | Type | Default | | ---------- | ---------------------------------------- | ---------------- | ---------- | | format | Format as [moment](http://momentjs.com/) | string | 'HH:mm:ss' | | prefix | prefix node of value | string \\| v-slot | - | | suffix | suffix node of value | string \\| v-slot | - | | title | Display title | string \\| v-slot | - | | value | Set target countdown time | number \\| moment | - | | valueStyle | Set value css style | style | - | #### Statistic.Countdown Events | Events Name | Description | Arguments | | ----------- | ---------------------- | ---------- | --- | | finish | Trigger when time's up | () => void | - | `,html:`

Display statistic number.

When To Use

API

Statistic

Property Description Type Default
decimalSeparator decimal separator string .
formatter customize value display logic v-slot |({value}) => VNode -
groupSeparator group separator string ,
precision precision of input value number -
prefix prefix node of value string | v-slot -
suffix suffix node of value string | v-slot -
title Display title string | v-slot -
value Display value string | number -
valueStyle Set value css style style -

Statistic.Countdown

Property Description Type Default
format Format as moment string 'HH:mm:ss'
prefix prefix node of value string | v-slot -
suffix suffix node of value string | v-slot -
title Display title string | v-slot -
value Set target countdown time number | moment -
valueStyle Set value css style style -

Statistic.Countdown Events

Events Name Description Arguments
finish Trigger when time's up () => void
`,lastUpdated:1748059052754}},L={class:"markdown"};function J(c,o,i,k,g,d){return C(),h("article",L,o[0]||(o[0]=[b('

Display statistic number.

When To Use

API

Statistic

PropertyDescriptionTypeDefault
decimalSeparatordecimal separatorstring.
formattercustomize value display logicv-slot |({value}) => VNode-
groupSeparatorgroup separatorstring,
precisionprecision of input valuenumber-
prefixprefix node of valuestring | v-slot-
suffixsuffix node of valuestring | v-slot-
titleDisplay titlestring | v-slot-
valueDisplay valuestring | number-
valueStyleSet value css stylestyle-

Statistic.Countdown

PropertyDescriptionTypeDefault
formatFormat as momentstring'HH:mm:ss'
prefixprefix node of valuestring | v-slot-
suffixsuffix node of valuestring | v-slot-
titleDisplay titlestring | v-slot-
valueSet target countdown timenumber | moment-
valueStyleSet value css stylestyle-

Statistic.Countdown Events

Events NameDescriptionArguments
finishTrigger when time's up() => void
',10)]))}var M=I(z,[["render",J]]);const E=v({CN:F,US:M,components:{Basic:P,Unit:Y,Card:_,Countdown:R},setup(){return{}}});function U(c,o,i,k,g,d){const l=e("basic"),p=e("unit"),u=e("card"),r=e("countdown"),m=e("demo-sort");return C(),A(m,null,{default:a(()=>[s(l),s(p),s(u),s(r)]),_:1})}var $=I(E,[["render",U]]);export{$ as default};