1 line
36 KiB
JavaScript
1 line
36 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{1467:function(t,s,a){"use strict";a.r(s);var n=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-statistic title="Active Users" :value="112893" style="margin-right: 50px"/>\n <a-statistic title="Account Balance (CNY)" :precision="2" :value="112893"/>\n </div>\n',script:null,style:null,us:"\n#### Basic\nSimplest Usage.\n",cn:"\n#### 基本\n简单展示\n",sourceCode:'<template>\n <div>\n <a-statistic title="Active Users" :value="112893" style="margin-right: 50px" />\n <a-statistic title="Account Balance (CNY)" :precision="2" :value="112893" />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-statistic",{staticStyle:{"margin-right":"50px"},attrs:{title:"Active Users",value:112893}}),t._v(" "),a("a-statistic",{attrs:{title:"Account Balance (CNY)",precision:2,value:112893}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"基本"}},[t._v("基本 "),a("a",{staticClass:"anchor",attrs:{href:"#基本"}},[t._v("#")])]),t._v(" "),a("p",[t._v("简单展示")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Basic"}},[t._v("Basic "),a("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Simplest Usage.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Active Users"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"112893"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-right: 50px"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Account Balance (CNY)"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":precision")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"2"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"112893"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};n._withStripped=!0;var l=a(31),v=Object(l.a)({},n,[],!1,null,null,null);v.options.__file="components/statistic/demo/basic.md";var i=v.exports,_=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div style="background: #ECECEC; padding: 30px">\n <a-row :gutter="16">\n <a-col :span="12">\n <a-card>\n <a-statistic title="Feedback" :value="11.28" :precision="2" suffix="%" :valueStyle="{color: \'#3f8600\'}" style="margin-right: 50px">\n <template v-slot:prefix="">\n <a-icon type="arrow-up"/>\n </template>\n </a-statistic>\n </a-card>\n </a-col>\n <a-col :span="12">\n <a-card>\n <a-statistic title="Idle" :value="9.3" :precision="2" suffix="%" valueClass="demo-class" :valueStyle="{ color: \'#cf1322\' }">\n <template v-slot:prefix="">\n <a-icon type="arrow-down"/>\n </template>\n </a-statistic>\n </a-card>\n </a-col>\n </a-row>\n </div>\n',script:null,style:null,us:"\n#### In Card\nDisplay statistic data in Card.\n",cn:"\n#### 在卡片中使用\n在卡片中展示统计数值。\n",sourceCode:'<template>\n <div style="background: #ECECEC; padding: 30px">\n <a-row :gutter="16">\n <a-col :span="12">\n <a-card>\n <a-statistic\n title="Feedback"\n :value="11.28"\n :precision="2"\n suffix="%"\n :valueStyle="{color: \'#3f8600\'}"\n style="margin-right: 50px"\n >\n <template v-slot:prefix>\n <a-icon type="arrow-up" />\n </template>\n </a-statistic>\n </a-card>\n </a-col>\n <a-col :span="12">\n <a-card>\n <a-statistic\n title="Idle"\n :value="9.3"\n :precision="2"\n suffix="%"\n valueClass="demo-class"\n :valueStyle="{ color: \'#cf1322\' }"\n >\n <template v-slot:prefix>\n <a-icon type="arrow-down" />\n </template>\n </a-statistic>\n </a-card>\n </a-col>\n </a-row>\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",{staticStyle:{background:"#ECECEC",padding:"30px"}},[a("a-row",{attrs:{gutter:16}},[a("a-col",{attrs:{span:12}},[a("a-card",[a("a-statistic",{staticStyle:{"margin-right":"50px"},attrs:{title:"Feedback",value:11.28,precision:2,suffix:"%",valueStyle:{color:"#3f8600"}},scopedSlots:t._u([{key:"prefix",fn:function(){return[a("a-icon",{attrs:{type:"arrow-up"}})]},proxy:!0}])})],1)],1),t._v(" "),a("a-col",{attrs:{span:12}},[a("a-card",[a("a-statistic",{attrs:{title:"Idle",value:9.3,precision:2,suffix:"%",valueClass:"demo-class",valueStyle:{color:"#cf1322"}},scopedSlots:t._u([{key:"prefix",fn:function(){return[a("a-icon",{attrs:{type:"arrow-down"}})]},proxy:!0}])})],1)],1)],1)],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"在卡片中使用"}},[t._v("在卡片中使用 "),a("a",{staticClass:"anchor",attrs:{href:"#在卡片中使用"}},[t._v("#")])]),t._v(" "),a("p",[t._v("在卡片中展示统计数值。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"In-Card"}},[t._v("In Card "),a("a",{staticClass:"anchor",attrs:{href:"#In-Card"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Display statistic data in Card.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"background: #ECECEC; padding: 30px"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":gutter")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"16"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"12"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Feedback"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"11.28"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":precision")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"2"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("suffix")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"%"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":valueStyle")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"{color: '#3f8600'}\"")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-right: 50px"')]),t._v("\n >")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-slot:prefix")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"arrow-up"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"12"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Idle"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"9.3"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":precision")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"2"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("suffix")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"%"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("valueClass")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"demo-class"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":valueStyle")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"{ color: '#cf1322' }\"")]),t._v("\n >")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-slot:prefix")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"arrow-down"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};_._withStripped=!0;var e=Object(l.a)({},_,[],!1,null,null,null);e.options.__file="components/statistic/demo/card.md";var c=e.exports,r=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-row :gutter="16">\n <a-col :span="12">\n <a-statistic title="Feedback" :value="1128" style="margin-right: 50px">\n <template v-slot:suffix="">\n <a-icon type="like"/>\n </template>\n </a-statistic>\n </a-col>\n <a-col :span="12">\n <a-statistic title="Unmerged" :value="93" valueClass="demo-class">\n <template v-slot:suffix="">\n <span> / 100</span>\n </template>\n </a-statistic>\n </a-col>\n </a-row>\n',script:null,style:null,us:"\n#### Unit\nAdd unit through `prefix` and `suffix`.\n",cn:"\n#### 单位\n通过前缀和后缀添加单位。\n",sourceCode:'<template>\n <a-row :gutter="16">\n <a-col :span="12">\n <a-statistic title="Feedback" :value="1128" style="margin-right: 50px">\n <template v-slot:suffix>\n <a-icon type="like" />\n </template>\n </a-statistic>\n </a-col>\n <a-col :span="12">\n <a-statistic title="Unmerged" :value="93" valueClass="demo-class">\n <template v-slot:suffix>\n <span> / 100</span>\n </template>\n </a-statistic>\n </a-col>\n </a-row>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-row",{attrs:{gutter:16}},[a("a-col",{attrs:{span:12}},[a("a-statistic",{staticStyle:{"margin-right":"50px"},attrs:{title:"Feedback",value:1128},scopedSlots:t._u([{key:"suffix",fn:function(){return[a("a-icon",{attrs:{type:"like"}})]},proxy:!0}])})],1),t._v(" "),a("a-col",{attrs:{span:12}},[a("a-statistic",{attrs:{title:"Unmerged",value:93,valueClass:"demo-class"},scopedSlots:t._u([{key:"suffix",fn:function(){return[a("span",[t._v(" / 100")])]},proxy:!0}])})],1)],1)],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"单位"}},[t._v("单位 "),a("a",{staticClass:"anchor",attrs:{href:"#单位"}},[t._v("#")])]),t._v(" "),a("p",[t._v("通过前缀和后缀添加单位。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Unit"}},[t._v("Unit "),a("a",{staticClass:"anchor",attrs:{href:"#Unit"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Add unit through "),a("code",[t._v("prefix")]),t._v(" and "),a("code",[t._v("suffix")]),t._v(".")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":gutter")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"16"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"12"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Feedback"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1128"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-right: 50px"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-slot:suffix")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"like"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"12"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Unmerged"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"93"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("valueClass")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"demo-class"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-slot:suffix")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v(" / 100"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};r._withStripped=!0;var p=Object(l.a)({},r,[],!1,null,null,null);p.options.__file="components/statistic/demo/unit.md";var o=p.exports,d=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-row :gutter="16">\n <a-col :span="12">\n <a-statistic-countdown title="Countdown" :value="deadline" @finish="onFinish" style="margin-right: 50px"/>\n </a-col>\n <a-col :span="12">\n <a-statistic-countdown title="Million Seconds" :value="deadline" format="HH:mm:ss:SSS" style="margin-right: 50px"/>\n </a-col>\n <a-col :span="24" style="margin-top: 32px;">\n <a-statistic-countdown title="Day Level" :value="deadline" format="D 天 H 时 m 分 s 秒"/>\n </a-col>\n </a-row>\n',script:"\n export default {\n data() {\n return {\n deadline: Date.now() + 1000 * 60 * 60 * 24 * 2 + 1000 * 30,\n };\n },\n methods: {\n onFinish() {\n console.log('over');\n },\n },\n };\n",style:null,us:"\n#### Countdown\nCountdown component.\n",cn:"\n#### 倒计时\n倒计时组件。\n",sourceCode:'<template>\n <a-row :gutter="16">\n <a-col :span="12">\n <a-statistic-countdown\n title="Countdown"\n :value="deadline"\n @finish="onFinish"\n style="margin-right: 50px"\n />\n </a-col>\n <a-col :span="12">\n <a-statistic-countdown\n title="Million Seconds"\n :value="deadline"\n format="HH:mm:ss:SSS"\n style="margin-right: 50px"\n />\n </a-col>\n <a-col :span="24" style="margin-top: 32px;">\n <a-statistic-countdown title="Day Level" :value="deadline" format="D 天 H 时 m 分 s 秒" />\n </a-col>\n </a-row>\n</template>\n<script>\n export default {\n data() {\n return {\n deadline: Date.now() + 1000 * 60 * 60 * 24 * 2 + 1000 * 30,\n };\n },\n methods: {\n onFinish() {\n console.log(\'over\');\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("a-row",{attrs:{gutter:16}},[a("a-col",{attrs:{span:12}},[a("a-statistic-countdown",{staticStyle:{"margin-right":"50px"},attrs:{title:"Countdown",value:t.deadline},on:{finish:t.onFinish}})],1),t._v(" "),a("a-col",{attrs:{span:12}},[a("a-statistic-countdown",{staticStyle:{"margin-right":"50px"},attrs:{title:"Million Seconds",value:t.deadline,format:"HH:mm:ss:SSS"}})],1),t._v(" "),a("a-col",{staticStyle:{"margin-top":"32px"},attrs:{span:24}},[a("a-statistic-countdown",{attrs:{title:"Day Level",value:t.deadline,format:"D 天 H 时 m 分 s 秒"}})],1)],1)],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"倒计时"}},[t._v("倒计时 "),a("a",{staticClass:"anchor",attrs:{href:"#倒计时"}},[t._v("#")])]),t._v(" "),a("p",[t._v("倒计时组件。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Countdown"}},[t._v("Countdown "),a("a",{staticClass:"anchor",attrs:{href:"#Countdown"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Countdown component.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":gutter")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"16"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"12"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic-countdown")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Countdown"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"deadline"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("@finish")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onFinish"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-right: 50px"')]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"12"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic-countdown")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Million Seconds"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"deadline"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("format")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"HH:mm:ss:SSS"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-right: 50px"')]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"24"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-top: 32px;"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-statistic-countdown")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Day Level"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"deadline"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("format")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"D 天 H 时 m 分 s 秒"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("deadline")]),t._v(": "),a("span",{staticClass:"hljs-built_in"},[t._v("Date")]),t._v(".now() + "),a("span",{staticClass:"hljs-number"},[t._v("1000")]),t._v(" * "),a("span",{staticClass:"hljs-number"},[t._v("60")]),t._v(" * "),a("span",{staticClass:"hljs-number"},[t._v("60")]),t._v(" * "),a("span",{staticClass:"hljs-number"},[t._v("24")]),t._v(" * "),a("span",{staticClass:"hljs-number"},[t._v("2")]),t._v(" + "),a("span",{staticClass:"hljs-number"},[t._v("1000")]),t._v(" * "),a("span",{staticClass:"hljs-number"},[t._v("30")]),t._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n onFinish() {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),a("span",{staticClass:"hljs-string"},[t._v("'over'")]),t._v(");\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};d._withStripped=!0;var h={data:function(){return{deadline:Date.now()+1728e5+3e4}},methods:{onFinish:function(){console.log("over")}}},C=Object(l.a)(h,d,[],!1,null,null,null);C.options.__file="components/statistic/demo/countdown.md";var m=C.exports,u=function(){var t=this.$createElement;this._self._c;return this._m(0)};u._withStripped=!0;var j=Object(l.a)({},u,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("h3",{attrs:{id:"Statistic"}},[t._v("Statistic "),a("a",{staticClass:"anchor",attrs:{href:"#Statistic"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("decimalSeparator")]),t._v(" "),a("td",[t._v("设置小数点")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v(".")])]),t._v(" "),a("tr",[a("td",[t._v("formatter")]),t._v(" "),a("td",[t._v("自定义数值展示")]),t._v(" "),a("td",[t._v("v-slot | ({h, value}) => VNode")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("groupSeparator")]),t._v(" "),a("td",[t._v("设置千分位标识符")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v(",")])]),t._v(" "),a("tr",[a("td",[t._v("precision")]),t._v(" "),a("td",[t._v("数值精度")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("prefix")]),t._v(" "),a("td",[t._v("设置数值的前缀")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("suffix")]),t._v(" "),a("td",[t._v("设置数值的后缀")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("数值的标题")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("数值内容")]),t._v(" "),a("td",[t._v("string | number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("valueStyle")]),t._v(" "),a("td",[t._v("设置数值的样式")]),t._v(" "),a("td",[t._v("style")]),t._v(" "),a("td",[t._v("-")])])])]),t._v(" "),a("h3",{attrs:{id:"Statistic.Countdown"}},[t._v("Statistic.Countdown "),a("a",{staticClass:"anchor",attrs:{href:"#Statistic.Countdown"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("format")]),t._v(" "),a("td",[t._v("格式化倒计时展示，参考 "),a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("'HH:mm:ss'")])]),t._v(" "),a("tr",[a("td",[t._v("prefix")]),t._v(" "),a("td",[t._v("设置数值的前缀")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("suffix")]),t._v(" "),a("td",[t._v("设置数值的后缀")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("数值的标题")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("数值内容")]),t._v(" "),a("td",[t._v("number | moment")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("valueStyle")]),t._v(" "),a("td",[t._v("设置数值的样式")]),t._v(" "),a("td",[t._v("style")]),t._v(" "),a("td",[t._v("-")])])])]),t._v(" "),a("h4",{attrs:{id:"Statistic.Countdown-事件"}},[t._v("Statistic.Countdown 事件 "),a("a",{staticClass:"anchor",attrs:{href:"#Statistic.Countdown-事件"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("回调参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("finish")]),t._v(" "),a("td",[t._v("倒计时完成时触发")]),t._v(" "),a("td",[t._v("() => void")])])])])])}],!1,null,null,null);j.options.__file="components/statistic/index.zh-CN.md";var g=j.exports,f=function(){var t=this.$createElement;this._self._c;return this._m(0)};f._withStripped=!0;var y=Object(l.a)({},f,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("h3",{attrs:{id:"Statistic"}},[t._v("Statistic "),a("a",{staticClass:"anchor",attrs:{href:"#Statistic"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("decimalSeparator")]),t._v(" "),a("td",[t._v("decimal separator")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v(".")])]),t._v(" "),a("tr",[a("td",[t._v("formatter")]),t._v(" "),a("td",[t._v("customize value display logic")]),t._v(" "),a("td",[t._v("v-slot |({h, value}) => VNode")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("groupSeparator")]),t._v(" "),a("td",[t._v("group separator")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v(",")])]),t._v(" "),a("tr",[a("td",[t._v("precision")]),t._v(" "),a("td",[t._v("precision of input value")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("prefix")]),t._v(" "),a("td",[t._v("prefix node of value")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("suffix")]),t._v(" "),a("td",[t._v("suffix node of value")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("Display title")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("Display value")]),t._v(" "),a("td",[t._v("string | number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("valueStyle")]),t._v(" "),a("td",[t._v("Set value css style")]),t._v(" "),a("td",[t._v("style")]),t._v(" "),a("td",[t._v("-")])])])]),t._v(" "),a("h3",{attrs:{id:"Statistic.Countdown"}},[t._v("Statistic.Countdown "),a("a",{staticClass:"anchor",attrs:{href:"#Statistic.Countdown"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("format")]),t._v(" "),a("td",[t._v("Format as "),a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("'HH:mm:ss'")])]),t._v(" "),a("tr",[a("td",[t._v("prefix")]),t._v(" "),a("td",[t._v("prefix node of value")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("suffix")]),t._v(" "),a("td",[t._v("suffix node of value")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("Display title")]),t._v(" "),a("td",[t._v("string | v-slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("Set target countdown time")]),t._v(" "),a("td",[t._v("number | moment")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("valueStyle")]),t._v(" "),a("td",[t._v("Set value css style")]),t._v(" "),a("td",[t._v("style")]),t._v(" "),a("td",[t._v("-")])])])]),t._v(" "),a("h4",{attrs:{id:"Statistic.Countdown-Events"}},[t._v("Statistic.Countdown Events "),a("a",{staticClass:"anchor",attrs:{href:"#Statistic.Countdown-Events"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Arguments")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("finish")]),t._v(" "),a("td",[t._v("Trigger when time's up")]),t._v(" "),a("td",[t._v("() => void")])])])])])}],!1,null,null,null);y.options.__file="components/statistic/index.en-US.md";var x=y.exports,w="# Statistic 统计数值\n 展示统计数值。\n ## 何时使用\n - 当需要突出某个或某组数字时\n - 当需要展示带描述的统计类数据时使用\n\n ## 代码演示",S="# Statistic\n Statistics can be used to represent people or objects. It supports images, 'Icon's, or letters.\n ## Examples\n ",b={category:"Components",subtitle:"统计数值",type:"Data Display",zhType:"数据展示",title:"Statistic",render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:w,us:S}}),t(i),t("br"),t(o),t("br"),t(c),t("br"),t(m),t("br"),t("api",[t("template",{slot:"cn"},[t(g)]),t(x)])])}},k=Object(l.a)(b,void 0,void 0,!1,null,null,null);k.options.__file="components/statistic/demo/index.vue";s.default=k.exports}}]); |