doc_project/2x.antv.design/assets/index.6d86221a.js

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:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7B80\u5355\u5C55\u793A</p>
<h2 id="en-us">en-US</h2>
<p>Simplest Usage.</p>
`,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("a-col")]),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("a-col")]),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("template")]),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("a-col")]),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("a-col")]),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("template")]),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:`<h2 id="zh-cn">zh-CN</h2>
<p>\u901A\u8FC7\u524D\u7F00\u548C\u540E\u7F00\u6DFB\u52A0\u5355\u4F4D\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Add unit through <code>prefix</code> and <code>suffix</code>.</p>
`,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("template")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-statistic")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-col")]),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("span")]),t("span",{class:"token punctuation"},">")]),n(`
        `),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-statistic")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-col")]),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("template")]),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("script")]),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("template")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-statistic")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-col")]),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("span")]),t("span",{class:"token punctuation"},">")]),n(`
        `),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-statistic")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-col")]),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("template")]),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("script")]),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:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5728\u5361\u7247\u4E2D\u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Display statistic data in Card.</p>
`,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("template")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-statistic")]),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-col")]),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("template")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-statistic")]),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-col")]),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("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),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("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("script")]),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("template")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-statistic")]),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-col")]),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("template")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-statistic")]),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-col")]),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("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),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("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("script")]),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:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5012\u8BA1\u65F6\u7EC4\u4EF6\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Countdown component.</p>
`,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("a-col")]),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("a-col")]),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("a-col")]),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("template")]),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("script")]),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("a-col")]),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("a-col")]),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("a-col")]),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("template")]),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("script")]),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}) =&gt; 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 | &#39;HH:mm:ss&#39; |
| 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 | () =&gt; void |
`,html:`<p>\u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<ul>
<li>\u5F53\u9700\u8981\u7A81\u51FA\u67D0\u4E2A\u6216\u67D0\u7EC4\u6570\u5B57\u65F6</li>
<li>\u5F53\u9700\u8981\u5C55\u793A\u5E26\u63CF\u8FF0\u7684\u7EDF\u8BA1\u7C7B\u6570\u636E\u65F6\u4F7F\u7528</li>
</ul>
<h2 id="api">API</h2>
<h3 id="statistic">Statistic</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>decimalSeparator</td>
<td>\u8BBE\u7F6E\u5C0F\u6570\u70B9</td>
<td>string</td>
<td>.</td>
</tr>
<tr>
<td>formatter</td>
<td>\u81EA\u5B9A\u4E49\u6570\u503C\u5C55\u793A</td>
<td>v-slot | ({value}) =&gt; VNode</td>
<td>-</td>
</tr>
<tr>
<td>groupSeparator</td>
<td>\u8BBE\u7F6E\u5343\u5206\u4F4D\u6807\u8BC6\u7B26</td>
<td>string</td>
<td>,</td>
</tr>
<tr>
<td>precision</td>
<td>\u6570\u503C\u7CBE\u5EA6</td>
<td>number</td>
<td>-</td>
</tr>
<tr>
<td>prefix</td>
<td>\u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>suffix</td>
<td>\u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>title</td>
<td>\u6570\u503C\u7684\u6807\u9898</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>value</td>
<td>\u6570\u503C\u5185\u5BB9</td>
<td>string | number</td>
<td>-</td>
</tr>
<tr>
<td>valueStyle</td>
<td>\u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F</td>
<td>style</td>
<td>-</td>
</tr>
</tbody>
</table>
<h3 id="statistic-countdown">Statistic.Countdown</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>format</td>
<td>\u683C\u5F0F\u5316\u5012\u8BA1\u65F6\u5C55\u793A\uFF0C\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>string</td>
<td>'HH:mm:ss'</td>
</tr>
<tr>
<td>prefix</td>
<td>\u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>suffix</td>
<td>\u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>title</td>
<td>\u6570\u503C\u7684\u6807\u9898</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>value</td>
<td>\u6570\u503C\u5185\u5BB9</td>
<td>number | moment</td>
<td>-</td>
</tr>
<tr>
<td>valueStyle</td>
<td>\u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F</td>
<td>style</td>
<td>-</td>
</tr>
</tbody>
</table>
<h4 id="statistic-countdown-\u4E8B\u4EF6">Statistic.Countdown \u4E8B\u4EF6</h4>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>finish</td>
<td>\u5012\u8BA1\u65F6\u5B8C\u6210\u65F6\u89E6\u53D1</td>
<td>() =&gt; void</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052754}},q={class:"markdown"};function K(c,o,i,k,g,d){return C(),h("article",q,o[0]||(o[0]=[b('<p>\u5C55\u793A\u7EDF\u8BA1\u6570\u503C\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><ul><li>\u5F53\u9700\u8981\u7A81\u51FA\u67D0\u4E2A\u6216\u67D0\u7EC4\u6570\u5B57\u65F6</li><li>\u5F53\u9700\u8981\u5C55\u793A\u5E26\u63CF\u8FF0\u7684\u7EDF\u8BA1\u7C7B\u6570\u636E\u65F6\u4F7F\u7528</li></ul><h2 id="api">API</h2><h3 id="statistic">Statistic</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>decimalSeparator</td><td>\u8BBE\u7F6E\u5C0F\u6570\u70B9</td><td>string</td><td>.</td></tr><tr><td>formatter</td><td>\u81EA\u5B9A\u4E49\u6570\u503C\u5C55\u793A</td><td>v-slot | ({value}) =&gt; VNode</td><td>-</td></tr><tr><td>groupSeparator</td><td>\u8BBE\u7F6E\u5343\u5206\u4F4D\u6807\u8BC6\u7B26</td><td>string</td><td>,</td></tr><tr><td>precision</td><td>\u6570\u503C\u7CBE\u5EA6</td><td>number</td><td>-</td></tr><tr><td>prefix</td><td>\u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00</td><td>string | v-slot</td><td>-</td></tr><tr><td>suffix</td><td>\u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00</td><td>string | v-slot</td><td>-</td></tr><tr><td>title</td><td>\u6570\u503C\u7684\u6807\u9898</td><td>string | v-slot</td><td>-</td></tr><tr><td>value</td><td>\u6570\u503C\u5185\u5BB9</td><td>string | number</td><td>-</td></tr><tr><td>valueStyle</td><td>\u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F</td><td>style</td><td>-</td></tr></tbody></table><h3 id="statistic-countdown">Statistic.Countdown</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>format</td><td>\u683C\u5F0F\u5316\u5012\u8BA1\u65F6\u5C55\u793A\uFF0C\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>string</td><td>&#39;HH:mm:ss&#39;</td></tr><tr><td>prefix</td><td>\u8BBE\u7F6E\u6570\u503C\u7684\u524D\u7F00</td><td>string | v-slot</td><td>-</td></tr><tr><td>suffix</td><td>\u8BBE\u7F6E\u6570\u503C\u7684\u540E\u7F00</td><td>string | v-slot</td><td>-</td></tr><tr><td>title</td><td>\u6570\u503C\u7684\u6807\u9898</td><td>string | v-slot</td><td>-</td></tr><tr><td>value</td><td>\u6570\u503C\u5185\u5BB9</td><td>number | moment</td><td>-</td></tr><tr><td>valueStyle</td><td>\u8BBE\u7F6E\u6570\u503C\u7684\u6837\u5F0F</td><td>style</td><td>-</td></tr></tbody></table><h4 id="statistic-countdown-\u4E8B\u4EF6">Statistic.Countdown \u4E8B\u4EF6</h4><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>finish</td><td>\u5012\u8BA1\u65F6\u5B8C\u6210\u65F6\u89E6\u53D1</td><td>() =&gt; void</td></tr></tbody></table>',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}) =&gt; 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           | &#39;HH:mm:ss&#39; |
| 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&#39;s up | () =&gt; void | -   |
`,html:`<p>Display statistic number.</p>
<h2 id="when-to-use">When To Use</h2>
<ul>
<li>When want to highlight some data.</li>
<li>When want to display statistic data with description.</li>
</ul>
<h2 id="api">API</h2>
<h3 id="statistic">Statistic</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>decimalSeparator</td>
<td>decimal separator</td>
<td>string</td>
<td>.</td>
</tr>
<tr>
<td>formatter</td>
<td>customize value display logic</td>
<td>v-slot |({value}) =&gt; VNode</td>
<td>-</td>
</tr>
<tr>
<td>groupSeparator</td>
<td>group separator</td>
<td>string</td>
<td>,</td>
</tr>
<tr>
<td>precision</td>
<td>precision of input value</td>
<td>number</td>
<td>-</td>
</tr>
<tr>
<td>prefix</td>
<td>prefix node of value</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>suffix</td>
<td>suffix node of value</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>title</td>
<td>Display title</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>value</td>
<td>Display value</td>
<td>string | number</td>
<td>-</td>
</tr>
<tr>
<td>valueStyle</td>
<td>Set value css style</td>
<td>style</td>
<td>-</td>
</tr>
</tbody>
</table>
<h3 id="statistic-countdown">Statistic.Countdown</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>format</td>
<td>Format as <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>string</td>
<td>'HH:mm:ss'</td>
</tr>
<tr>
<td>prefix</td>
<td>prefix node of value</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>suffix</td>
<td>suffix node of value</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>title</td>
<td>Display title</td>
<td>string | v-slot</td>
<td>-</td>
</tr>
<tr>
<td>value</td>
<td>Set target countdown time</td>
<td>number | moment</td>
<td>-</td>
</tr>
<tr>
<td>valueStyle</td>
<td>Set value css style</td>
<td>style</td>
<td>-</td>
</tr>
</tbody>
</table>
<h4 id="statistic-countdown-events">Statistic.Countdown Events</h4>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
</tr>
</thead>
<tbody>
<tr>
<td>finish</td>
<td>Trigger when time's up</td>
<td>() =&gt; void</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052754}},L={class:"markdown"};function J(c,o,i,k,g,d){return C(),h("article",L,o[0]||(o[0]=[b('<p>Display statistic number.</p><h2 id="when-to-use">When To Use</h2><ul><li>When want to highlight some data.</li><li>When want to display statistic data with description.</li></ul><h2 id="api">API</h2><h3 id="statistic">Statistic</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>decimalSeparator</td><td>decimal separator</td><td>string</td><td>.</td></tr><tr><td>formatter</td><td>customize value display logic</td><td>v-slot |({value}) =&gt; VNode</td><td>-</td></tr><tr><td>groupSeparator</td><td>group separator</td><td>string</td><td>,</td></tr><tr><td>precision</td><td>precision of input value</td><td>number</td><td>-</td></tr><tr><td>prefix</td><td>prefix node of value</td><td>string | v-slot</td><td>-</td></tr><tr><td>suffix</td><td>suffix node of value</td><td>string | v-slot</td><td>-</td></tr><tr><td>title</td><td>Display title</td><td>string | v-slot</td><td>-</td></tr><tr><td>value</td><td>Display value</td><td>string | number</td><td>-</td></tr><tr><td>valueStyle</td><td>Set value css style</td><td>style</td><td>-</td></tr></tbody></table><h3 id="statistic-countdown">Statistic.Countdown</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>format</td><td>Format as <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>string</td><td>&#39;HH:mm:ss&#39;</td></tr><tr><td>prefix</td><td>prefix node of value</td><td>string | v-slot</td><td>-</td></tr><tr><td>suffix</td><td>suffix node of value</td><td>string | v-slot</td><td>-</td></tr><tr><td>title</td><td>Display title</td><td>string | v-slot</td><td>-</td></tr><tr><td>value</td><td>Set target countdown time</td><td>number | moment</td><td>-</td></tr><tr><td>valueStyle</td><td>Set value css style</td><td>style</td><td>-</td></tr></tbody></table><h4 id="statistic-countdown-events">Statistic.Countdown Events</h4><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>finish</td><td>Trigger when time&#39;s up</td><td>() =&gt; void</td></tr></tbody></table>',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};