github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/579bd07d.async.js

1 line
59 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{1244:function(s,t,a){},1245:function(s,t,a){},1246:function(s,t,a){},1340:function(s,t,a){"use strict";var e=a(1244);a.n(e).a},1341:function(s,t,a){"use strict";var e=a(1245);a.n(e).a},1342:function(s,t,a){"use strict";var e=a(1246);a.n(e).a},1439:function(s,t,a){"use strict";a.r(t);var e=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress :percent="30"/>\n <a-progress :percent="50" status="active"/>\n <a-progress :percent="70" status="exception"/>\n <a-progress :percent="100"/>\n <a-progress :percent="50" :showInfo="false"/>\n </div>\n',script:null,style:null,us:"\n#### Progress bar\nA standard progress bar.\n",cn:"\n#### 进度条\n标准的进度条。\n",sourceCode:'<template>\n <div>\n <a-progress :percent="30" />\n <a-progress :percent="50" status="active" />\n <a-progress :percent="70" status="exception" />\n <a-progress :percent="100" />\n <a-progress :percent="50" :showInfo="false" />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{percent:30}}),s._v(" "),a("a-progress",{attrs:{percent:50,status:"active"}}),s._v(" "),a("a-progress",{attrs:{percent:70,status:"exception"}}),s._v(" "),a("a-progress",{attrs:{percent:100}}),s._v(" "),a("a-progress",{attrs:{percent:50,showInfo:!1}})],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"进度条"}},[s._v("进度条 "),a("a",{staticClass:"anchor",attrs:{href:"#进度条"}},[s._v("#")])]),s._v(" "),a("p",[s._v("标准的进度条。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Progress-bar"}},[s._v("Progress bar "),a("a",{staticClass:"anchor",attrs:{href:"#Progress-bar"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A standard progress bar.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"30"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"50"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"70"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"exception"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"50"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":showInfo")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};e._withStripped=!0;var n=a(31),r=Object(n.a)({},e,[],!1,null,null,null);r.options.__file="components/progress/demo/line.md";var l=r.exports,v=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress type="circle" :percent="75"/>\n <a-progress type="circle" :percent="70" status="exception"/>\n <a-progress type="circle" :percent="100"/>\n </div>\n',script:null,style:null,us:"\n#### Circular progress bar\nA circular progress bar.\n",cn:"\n#### 进度圈\n圈形的进度。\n",sourceCode:'<template>\n <div>\n <a-progress type="circle" :percent="75" />\n <a-progress type="circle" :percent="70" status="exception" />\n <a-progress type="circle" :percent="100" />\n </div>\n</template>\n<style scoped>\n .ant-progress-circle-wrap,\n .ant-progress-line-wrap {\n margin-right: 8px;\n margin-bottom: 5px;\n }\n</style>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{type:"circle",percent:75}}),s._v(" "),a("a-progress",{attrs:{type:"circle",percent:70,status:"exception"}}),s._v(" "),a("a-progress",{attrs:{type:"circle",percent:100}})],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"进度圈"}},[s._v("进度圈 "),a("a",{staticClass:"anchor",attrs:{href:"#进度圈"}},[s._v("#")])]),s._v(" "),a("p",[s._v("圈形的进度。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Circular-progress-bar"}},[s._v("Circular progress bar "),a("a",{staticClass:"anchor",attrs:{href:"#Circular-progress-bar"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A circular progress bar.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"70"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"exception"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),a("span",{staticClass:"css"},[s._v("\n "),a("span",{staticClass:"hljs-selector-class"},[s._v(".ant-progress-circle-wrap")]),s._v(",\n "),a("span",{staticClass:"hljs-selector-class"},[s._v(".ant-progress-line-wrap")]),s._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-right")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("8px")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-bottom")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5px")]),s._v(";\n }\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};v._withStripped=!0;a(1340);var _=Object(n.a)({},v,[],!1,null,"780e0e30",null);_.options.__file="components/progress/demo/circle.md";var p=_.exports,c=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div style="width: 170px">\n <a-progress :percent="30" size="small"/>\n <a-progress :percent="50" size="small" status="active"/>\n <a-progress :percent="70" size="small" status="exception"/>\n <a-progress :percent="100" size="small"/>\n </div>\n',script:null,style:null,us:"\n#### Mini size progress bar\nAppropriate for a narrow area.\n",cn:"\n#### 小型进度条\n适合放在较狭窄的区域内。\n",sourceCode:'<template>\n <div style="width: 170px">\n <a-progress :percent="30" size="small" />\n <a-progress :percent="50" size="small" status="active" />\n <a-progress :percent="70" size="small" status="exception" />\n <a-progress :percent="100" size="small" />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",{staticStyle:{width:"170px"}},[a("a-progress",{attrs:{percent:30,size:"small"}}),s._v(" "),a("a-progress",{attrs:{percent:50,size:"small",status:"active"}}),s._v(" "),a("a-progress",{attrs:{percent:70,size:"small",status:"exception"}}),s._v(" "),a("a-progress",{attrs:{percent:100,size:"small"}})],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"小型进度条"}},[s._v("小型进度条 "),a("a",{staticClass:"anchor",attrs:{href:"#小型进度条"}},[s._v("#")])]),s._v(" "),a("p",[s._v("适合放在较狭窄的区域内。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Mini-size-progress-bar"}},[s._v("Mini size progress bar "),a("a",{staticClass:"anchor",attrs:{href:"#Mini-size-progress-bar"}},[s._v("#")])]),s._v(" "),a("p",[s._v("Appropriate for a narrow area.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"width: 170px"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"30"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"50"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"70"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"exception"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};c._withStripped=!0;var i=Object(n.a)({},c,[],!1,null,null,null);i.options.__file="components/progress/demo/line-mini.md";var o=i.exports,h=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress type="circle" :percent="30" :width="80"/>\n <a-progress type="circle" :percent="70" :width="80" status="exception"/>\n <a-progress type="circle" :percent="100" :width="80"/>\n </div>\n',script:null,style:null,us:"\n#### Mini size circular progress bar\nA smaller circular progress bar.\n",cn:"\n#### 小型进度圈\n小一号的圈形进度。\n",sourceCode:'<template>\n <div>\n <a-progress type="circle" :percent="30" :width="80" />\n <a-progress type="circle" :percent="70" :width="80" status="exception" />\n <a-progress type="circle" :percent="100" :width="80" />\n </div>\n</template>\n<style scoped>\n .ant-progress-circle-wrap,\n .ant-progress-line-wrap {\n margin-right: 8px;\n margin-bottom: 5px;\n }\n</style>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{type:"circle",percent:30,width:80}}),s._v(" "),a("a-progress",{attrs:{type:"circle",percent:70,width:80,status:"exception"}}),s._v(" "),a("a-progress",{attrs:{type:"circle",percent:100,width:80}})],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"小型进度圈"}},[s._v("小型进度圈 "),a("a",{staticClass:"anchor",attrs:{href:"#小型进度圈"}},[s._v("#")])]),s._v(" "),a("p",[s._v("小一号的圈形进度。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Mini-size-circular-progress-bar"}},[s._v("Mini size circular progress bar "),a("a",{staticClass:"anchor",attrs:{href:"#Mini-size-circular-progress-bar"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A smaller circular progress bar.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"30"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":width")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"80"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"70"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":width")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"80"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"exception"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":width")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"80"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),a("span",{staticClass:"css"},[s._v("\n "),a("span",{staticClass:"hljs-selector-class"},[s._v(".ant-progress-circle-wrap")]),s._v(",\n "),a("span",{staticClass:"hljs-selector-class"},[s._v(".ant-progress-line-wrap")]),s._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-right")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("8px")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-bottom")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("5px")]),s._v(";\n }\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};h._withStripped=!0;a(1341);var d=Object(n.a)({},h,[],!1,null,"5babf4fe",null);d.options.__file="components/progress/demo/circle-mini.md";var C=d.exports,g=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress type="circle" :percent="percent"/>\n <a-button-group>\n <a-button @click="decline" icon="minus"/>\n <a-button @click="increase" icon="plus"/>\n </a-button-group>\n </div>\n',script:"\n export default {\n data() {\n return {\n percent: 0,\n };\n },\n methods: {\n increase() {\n let percent = this.percent + 10;\n if (percent > 100) {\n percent = 100;\n }\n this.percent = percent;\n },\n decline() {\n let percent = this.percent - 10;\n if (percent < 0) {\n percent = 0;\n }\n this.percent = percent;\n },\n },\n };\n",style:null,us:"\n#### Dynamic circular progress bar\nA dynamic progress bar is better.\n",cn:"\n#### 进度圈动态展示\n会动的进度条才是好进度条。\n",sourceCode:'<template>\n <div>\n <a-progress type="circle" :percent="percent" />\n <a-button-group>\n <a-button @click="decline" icon="minus" />\n <a-button @click="increase" icon="plus" />\n </a-button-group>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n percent: 0,\n };\n },\n methods: {\n increase() {\n let percent = this.percent + 10;\n if (percent > 100) {\n percent = 100;\n }\n this.percent = percent;\n },\n decline() {\n let percent = this.percent - 10;\n if (percent < 0) {\n percent = 0;\n }\n this.percent = percent;\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{type:"circle",percent:s.percent}}),s._v(" "),a("a-button-group",[a("a-button",{attrs:{icon:"minus"},on:{click:s.decline}}),s._v(" "),a("a-button",{attrs:{icon:"plus"},on:{click:s.increase}})],1)],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"进度圈动态展示"}},[s._v("进度圈动态展示 "),a("a",{staticClass:"anchor",attrs:{href:"#进度圈动态展示"}},[s._v("#")])]),s._v(" "),a("p",[s._v("会动的进度条才是好进度条。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Dynamic-circular-progress-bar"}},[s._v("Dynamic circular progress bar "),a("a",{staticClass:"anchor",attrs:{href:"#Dynamic-circular-progress-bar"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A dynamic progress bar is better.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"percent"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button-group")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"decline"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"minus"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"increase"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"plus"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-button-group")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),a("span",{staticClass:"javascript"},[s._v("\n "),a("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),a("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),a("span",{staticClass:"hljs-attr"},[s._v("percent")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n increase() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" percent = "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent + "),a("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (percent > "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(") {\n percent = "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(";\n }\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent = percent;\n },\n decline() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" percent = "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent - "),a("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (percent < "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(") {\n percent = "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n }\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent = percent;\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};g._withStripped=!0;var j={data:function(){return{percent:0}},methods:{increase:function(){var s=this.percent+10;s>100&&(s=100),this.percent=s},decline:function(){var s=this.percent-10;s<0&&(s=0),this.percent=s}}},m=Object(n.a)(j,g,[],!1,null,null,null);m.options.__file="components/progress/demo/circle-dynamic.md";var u=m.exports,b=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress type="circle" :percent="75" :format="percent => `${percent} Days`"/>\n <a-progress type="circle" :percent="100" :format="() => \'Done\'"/>\n <a-progress type="circle" :percent="75">\n <template v-slot:format="percent">\n <span style="color: red">{{percent}}</span>\n </template>\n </a-progress>\n </div>\n',script:null,style:null,us:"\n#### Custom text format\nYou can set a custom text by setting the `format` prop.\n",cn:"\n#### 自定义文字格式\n`format` 属性指定格式。\n",sourceCode:'<template>\n <div>\n <a-progress type="circle" :percent="75" :format="percent => `${percent} Days`" />\n <a-progress type="circle" :percent="100" :format="() => \'Done\'" />\n <a-progress type="circle" :percent="75">\n <template v-slot:format="percent">\n <span style="color: red">{{percent}}</span>\n </template>\n </a-progress>\n </div>\n</template>\n<style scoped>\n div.ant-progress-circle,\n div.ant-progress-line {\n margin-right: 8px;\n margin-bottom: 8px;\n }\n</style>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{type:"circle",percent:75,format:function(s){return s+" Days"}}}),s._v(" "),a("a-progress",{attrs:{type:"circle",percent:100,format:function(){return"Done"}}}),s._v(" "),a("a-progress",{attrs:{type:"circle",percent:75},scopedSlots:s._u([{key:"format",fn:function(t){return[a("span",{staticStyle:{color:"red"}},[s._v(s._s(t))])]}}])})],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"自定义文字格式"}},[s._v("自定义文字格式 "),a("a",{staticClass:"anchor",attrs:{href:"#自定义文字格式"}},[s._v("#")])]),s._v(" "),a("p",[a("code",[s._v("format")]),s._v(" 属性指定格式。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Custom-text-format"}},[s._v("Custom text format "),a("a",{staticClass:"anchor",attrs:{href:"#Custom-text-format"}},[s._v("#")])]),s._v(" "),a("p",[s._v("You can set a custom text by setting the "),a("code",[s._v("format")]),s._v(" prop.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":format")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"percent => `${percent} Days`"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":format")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"() => 'Done'\"")]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("v-slot:format")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"percent"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"color: red"')]),s._v(">")]),a("span",[s._v("{{")]),s._v("percent"),a("span",[s._v("}}")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),a("span",{staticClass:"css"},[s._v("\n "),a("span",{staticClass:"hljs-selector-tag"},[s._v("div")]),a("span",{staticClass:"hljs-selector-class"},[s._v(".ant-progress-circle")]),s._v(",\n "),a("span",{staticClass:"hljs-selector-tag"},[s._v("div")]),a("span",{staticClass:"hljs-selector-class"},[s._v(".ant-progress-line")]),s._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-right")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("8px")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-bottom")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("8px")]),s._v(";\n }\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};b._withStripped=!0;a(1342);var y=Object(n.a)({},b,[],!1,null,"00899861",null);y.options.__file="components/progress/demo/format.md";var f=y.exports,w=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress :percent="percent"/>\n <a-button-group>\n <a-button @click="decline" icon="minus"/>\n <a-button @click="increase" icon="plus"/>\n </a-button-group>\n </div>\n',script:"\n export default {\n data() {\n return {\n percent: 0,\n };\n },\n methods: {\n increase() {\n let percent = this.percent + 10;\n if (percent > 100) {\n percent = 100;\n }\n this.percent = percent;\n },\n decline() {\n let percent = this.percent - 10;\n if (percent < 0) {\n percent = 0;\n }\n this.percent = percent;\n },\n },\n };\n",style:null,us:"\n#### Dynamic\nA dynamic progress bar is better.\n",cn:"\n#### 动态展示\n会动的进度条才是好进度条。\n",sourceCode:'<template>\n <div>\n <a-progress :percent="percent" />\n <a-button-group>\n <a-button @click="decline" icon="minus" />\n <a-button @click="increase" icon="plus" />\n </a-button-group>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n percent: 0,\n };\n },\n methods: {\n increase() {\n let percent = this.percent + 10;\n if (percent > 100) {\n percent = 100;\n }\n this.percent = percent;\n },\n decline() {\n let percent = this.percent - 10;\n if (percent < 0) {\n percent = 0;\n }\n this.percent = percent;\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{percent:s.percent}}),s._v(" "),a("a-button-group",[a("a-button",{attrs:{icon:"minus"},on:{click:s.decline}}),s._v(" "),a("a-button",{attrs:{icon:"plus"},on:{click:s.increase}})],1)],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"动态展示"}},[s._v("动态展示 "),a("a",{staticClass:"anchor",attrs:{href:"#动态展示"}},[s._v("#")])]),s._v(" "),a("p",[s._v("会动的进度条才是好进度条。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Dynamic"}},[s._v("Dynamic "),a("a",{staticClass:"anchor",attrs:{href:"#Dynamic"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A dynamic progress bar is better.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"percent"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button-group")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"decline"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"minus"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"increase"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"plus"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-button-group")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),a("span",{staticClass:"javascript"},[s._v("\n "),a("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),a("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),a("span",{staticClass:"hljs-attr"},[s._v("percent")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n increase() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" percent = "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent + "),a("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (percent > "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(") {\n percent = "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(";\n }\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent = percent;\n },\n decline() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" percent = "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent - "),a("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(";\n "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (percent < "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(") {\n percent = "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n }\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent = percent;\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};w._withStripped=!0;var x={data:function(){return{percent:0}},methods:{increase:function(){var s=this.percent+10;s>100&&(s=100),this.percent=s},decline:function(){var s=this.percent-10;s<0&&(s=0),this.percent=s}}},k=Object(n.a)(x,w,[],!1,null,null,null);k.options.__file="components/progress/demo/dynamic.md";var P=k.exports,D=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress type="dashboard" :percent="75"/>\n </div>\n',script:null,style:null,us:"\n#### Dashboard\nA standard progress bar.\n",cn:"\n#### 仪表盘\nBy setting `type=dashboard`, you can get a dashboard style of progress easily.\n",sourceCode:'<template>\n <div>\n <a-progress type="dashboard" :percent="75" />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{type:"dashboard",percent:75}})],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"仪表盘"}},[s._v("仪表盘 "),a("a",{staticClass:"anchor",attrs:{href:"#仪表盘"}},[s._v("#")])]),s._v(" "),a("p",[s._v("By setting "),a("code",[s._v("type=dashboard")]),s._v(", you can get a dashboard style of progress easily.")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Dashboard"}},[s._v("Dashboard "),a("a",{staticClass:"anchor",attrs:{href:"#Dashboard"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A standard progress bar.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"dashboard"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};D._withStripped=!0;var z=Object(n.a)({},D,[],!1,null,null,null);z.options.__file="components/progress/demo/dashboard.md";var q=z.exports,A=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-tooltip title="3 done / 3 in progress / 4 to do">\n <a-progress :percent="60" :successPercent="30"/>\n </a-tooltip>\n <a-tooltip title="3 done / 3 in progress / 4 to do">\n <a-progress :percent="60" :successPercent="30" type="circle"/>\n </a-tooltip>\n <a-tooltip title="3 done / 3 in progress / 4 to do">\n <a-progress :percent="60" :successPercent="30" type="dashboard"/>\n </a-tooltip>\n </div>\n',script:null,style:null,us:"\n#### Progress bar with success segment\nA standard progress bar.\n",cn:"\n#### 分段进度条\n标准的进度条。\n",sourceCode:'<template>\n <div>\n <a-tooltip title="3 done / 3 in progress / 4 to do">\n <a-progress :percent="60" :successPercent="30" />\n </a-tooltip>\n <a-tooltip title="3 done / 3 in progress / 4 to do">\n <a-progress :percent="60" :successPercent="30" type="circle" />\n </a-tooltip>\n <a-tooltip title="3 done / 3 in progress / 4 to do">\n <a-progress :percent="60" :successPercent="30" type="dashboard" />\n </a-tooltip>\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-tooltip",{attrs:{title:"3 done / 3 in progress / 4 to do"}},[a("a-progress",{attrs:{percent:60,successPercent:30}})],1),s._v(" "),a("a-tooltip",{attrs:{title:"3 done / 3 in progress / 4 to do"}},[a("a-progress",{attrs:{percent:60,successPercent:30,type:"circle"}})],1),s._v(" "),a("a-tooltip",{attrs:{title:"3 done / 3 in progress / 4 to do"}},[a("a-progress",{attrs:{percent:60,successPercent:30,type:"dashboard"}})],1)],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"分段进度条"}},[s._v("分段进度条 "),a("a",{staticClass:"anchor",attrs:{href:"#分段进度条"}},[s._v("#")])]),s._v(" "),a("p",[s._v("标准的进度条。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Progress-bar-with-success-segment"}},[s._v("Progress bar with success segment "),a("a",{staticClass:"anchor",attrs:{href:"#Progress-bar-with-success-segment"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A standard progress bar.")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"3 done / 3 in progress / 4 to do"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"60"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":successPercent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"30"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"3 done / 3 in progress / 4 to do"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"60"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":successPercent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"30"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"3 done / 3 in progress / 4 to do"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"60"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":successPercent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"30"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"dashboard"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-tooltip")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};A._withStripped=!0;var S=Object(n.a)({},A,[],!1,null,null,null);S.options.__file="components/progress/demo/segment.md";var E=S.exports,L=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-progress strokeLinecap="square" :percent="75"/>\n <a-progress strokeLinecap="square" :percent="75" type="circle"/>\n <a-progress strokeLinecap="square" :percent="75" type="dashboard"/>\n </div>\n',script:null,style:null,us:'\n#### Square linecaps\n`strokeLinecap="square|round"` 可以调整进度条边缘的形状。\n',cn:'\n#### 圆角/方角边缘\n`strokeLinecap="square|round"` 可以调整进度条边缘的形状。\n',sourceCode:'<template>\n <div>\n <a-progress strokeLinecap="square" :percent="75" />\n <a-progress strokeLinecap="square" :percent="75" type="circle" />\n <a-progress strokeLinecap="square" :percent="75" type="dashboard" />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-progress",{attrs:{strokeLinecap:"square",percent:75}}),s._v(" "),a("a-progress",{attrs:{strokeLinecap:"square",percent:75,type:"circle"}}),s._v(" "),a("a-progress",{attrs:{strokeLinecap:"square",percent:75,type:"dashboard"}})],1)]),s._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"圆角/方角边缘"}},[s._v("圆角/方角边缘 "),a("a",{staticClass:"anchor",attrs:{href:"#圆角/方角边缘"}},[s._v("#")])]),s._v(" "),a("p",[a("code",[s._v('strokeLinecap="square|round"')]),s._v(" 可以调整进度条边缘的形状。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Square-linecaps"}},[s._v("Square linecaps "),a("a",{staticClass:"anchor",attrs:{href:"#Square-linecaps"}},[s._v("#")])]),s._v(" "),a("p",[a("code",[s._v('strokeLinecap="square|round"')]),s._v(" 可以调整进度条边缘的形状。")])]),s._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("strokeLinecap")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"square"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("strokeLinecap")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"square"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"circle"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-progress")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("strokeLinecap")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"square"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"dashboard"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};L._withStripped=!0;var $=Object(n.a)({},L,[],!1,null,null,null);$.options.__file="components/progress/demo/linecap.md";var I=$.exports,O=function(){var s=this.$createElement;this._self._c;return this._m(0)};O._withStripped=!0;var W=Object(n.a)({},O,[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[a("h2",{attrs:{id:"API"}},[s._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),a("p",[s._v("各类型共用的属性。")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("类型，可选 "),a("code",{pre:!0},[s._v("line")]),s._v(" "),a("code",{pre:!0},[s._v("circle")]),s._v(" "),a("code",{pre:!0},[s._v("dashboard")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("line")])])]),s._v(" "),a("tr",[a("td",[s._v("format")]),s._v(" "),a("td",[s._v("内容的模板函数")]),s._v(" "),a("td",[s._v('function(percent, successPercent) | v-slot:format="percent, successPercent"')]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("percent => percent + '%'")])])]),s._v(" "),a("tr",[a("td",[s._v("percent")]),s._v(" "),a("td",[s._v("百分比")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("showInfo")]),s._v(" "),a("td",[s._v("是否显示进度数值或状态图标")]),s._v(" "),a("td",[s._v("boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("状态，可选："),a("code",{pre:!0},[s._v("success")]),s._v(" "),a("code",{pre:!0},[s._v("exception")]),s._v(" "),a("code",{pre:!0},[s._v("active")]),s._v(" "),a("code",{pre:!0},[s._v("normal")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("strokeLinecap")]),s._v(" "),a("td"),s._v(" "),a("td",[s._v("Enum{ 'round', 'square' }")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("round")])])]),s._v(" "),a("tr",[a("td",[s._v("strokeColor")]),s._v(" "),a("td",[s._v("进度条的色彩")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("successPercent")]),s._v(" "),a("td",[s._v("已完成的分段百分比")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])]),s._v(" "),a("h3",{attrs:{id:'type="line"'}},[a("code",{pre:!0},[s._v('type="line"')]),s._v(" "),a("a",{staticClass:"anchor",attrs:{href:'#type="line"'}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("strokeWidth")]),s._v(" "),a("td",[s._v("进度条线的宽度，单位 px")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("10")])])])]),s._v(" "),a("h3",{attrs:{id:'type="circle"'}},[a("code",{pre:!0},[s._v('type="circle"')]),s._v(" "),a("a",{staticClass:"anchor",attrs:{href:'#type="circle"'}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("width")]),s._v(" "),a("td",[s._v("圆形进度条画布宽度，单位 px")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("132")])]),s._v(" "),a("tr",[a("td",[s._v("strokeWidth")]),s._v(" "),a("td",[s._v("圆形进度条线的宽度，单位是进度条画布宽度的百分比")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("6")])])])]),s._v(" "),a("h3",{attrs:{id:'type="dashboard"'}},[a("code",{pre:!0},[s._v('type="dashboard"')]),s._v(" "),a("a",{staticClass:"anchor",attrs:{href:'#type="dashboard"'}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("width")]),s._v(" "),a("td",[s._v("仪表盘进度条画布宽度，单位 px")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("132")])]),s._v(" "),a("tr",[a("td",[s._v("strokeWidth")]),s._v(" "),a("td",[s._v("仪表盘进度条线的宽度，单位是进度条画布宽度的百分比")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("gapDegree")]),s._v(" "),a("td",[s._v("仪表盘进度条缺口角度，可取值 0 ~ 360")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("gapPosition")]),s._v(" "),a("td",[s._v("仪表盘进度条缺口位置")]),s._v(" "),a("td",[s._v("Enum{ 'top', 'bottom', 'left', 'right' }")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("top")])])])])])])}],!1,null,null,null);W.options.__file="components/progress/index.zh-CN.md";var M=W.exports,T=function(){var s=this.$createElement;this._self._c;return this._m(0)};T._withStripped=!0;var B=Object(n.a)({},T,[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[a("h2",{attrs:{id:"API"}},[s._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),a("p",[s._v("Properties that shared by all types.")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("to set the type, options: "),a("code",{pre:!0},[s._v("line")]),s._v(" "),a("code",{pre:!0},[s._v("circle")]),s._v(" "),a("code",{pre:!0},[s._v("dashboard")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("line")])])]),s._v(" "),a("tr",[a("td",[s._v("format")]),s._v(" "),a("td",[s._v("template function of the content")]),s._v(" "),a("td",[s._v('function(percent, successPercent) | v-slot:format="percent, successPercent"')]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("percent => percent + '%'")])])]),s._v(" "),a("tr",[a("td",[s._v("percent")]),s._v(" "),a("td",[s._v("to set the completion percentage")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("showInfo")]),s._v(" "),a("td",[s._v("whether to display the progress value and the status icon")]),s._v(" "),a("td",[s._v("boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("to set the status of the Progress, options: "),a("code",{pre:!0},[s._v("success")]),s._v(" "),a("code",{pre:!0},[s._v("exception")]),s._v(" "),a("code",{pre:!0},[s._v("active")]),s._v(" "),a("code",{pre:!0},[s._v("normal")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("strokeLinecap")]),s._v(" "),a("td",[s._v("to set the style of the progress linecap")]),s._v(" "),a("td",[s._v("Enum{ 'round', 'square' }")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("round")])])]),s._v(" "),a("tr",[a("td",[s._v("strokeColor")]),s._v(" "),a("td",[s._v("color of progress bar")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("successPercent")]),s._v(" "),a("td",[s._v("segmented success percent")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])]),s._v(" "),a("h3",{attrs:{id:'type="line"'}},[a("code",{pre:!0},[s._v('type="line"')]),s._v(" "),a("a",{staticClass:"anchor",attrs:{href:'#type="line"'}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("strokeWidth")]),s._v(" "),a("td",[s._v("to set the width of the progress bar, unit: "),a("code",{pre:!0},[s._v("px")])]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("10")])])])]),s._v(" "),a("h3",{attrs:{id:'type="circle"'}},[a("code",{pre:!0},[s._v('type="circle"')]),s._v(" "),a("a",{staticClass:"anchor",attrs:{href:'#type="circle"'}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("width")]),s._v(" "),a("td",[s._v("to set the canvas width of the circular progress, unit: "),a("code",{pre:!0},[s._v("px")])]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("132")])]),s._v(" "),a("tr",[a("td",[s._v("strokeWidth")]),s._v(" "),a("td",[s._v("to set the width of the circular progress, unit: percentage of the canvas width")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("6")])])])]),s._v(" "),a("h3",{attrs:{id:'type="dashboard"'}},[a("code",{pre:!0},[s._v('type="dashboard"')]),s._v(" "),a("a",{staticClass:"anchor",attrs:{href:'#type="dashboard"'}},[s._v("#")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("width")]),s._v(" "),a("td",[s._v("to set the canvas width of the dashboard progress, unit: "),a("code",{pre:!0},[s._v("px")])]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("132")])]),s._v(" "),a("tr",[a("td",[s._v("strokeWidth")]),s._v(" "),a("td",[s._v("to set the width of the dashboard progress, unit: percentage of the canvas width")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("gapDegree")]),s._v(" "),a("td",[s._v("the gap degree of half circle, 0 ~ 360")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("gapPosition")]),s._v(" "),a("td",[s._v("the gap position, options: "),a("code",{pre:!0},[s._v("top")]),s._v(" "),a("code",{pre:!0},[s._v("bottom")]),s._v(" "),a("code",{pre:!0},[s._v("left")]),s._v(" "),a("code",{pre:!0},[s._v("right")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("top")])])])])])])}],!1,null,null,null);B.options.__file="components/progress/index.en-US.md";var J=B.exports,U="# Progress 进度条\n 展示操作的当前进度。\n ## 何时使用\n 在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。\n\n - 当一个操作会打断当前界面，或者需要在后台运行，且耗时可能超过2秒时；\n - 当需要显示一个操作完成的百分比时。\n ## 代码演示",Y="# Progress\n Display the current progress of an operation flow.\n ## When To Use\n If it will take a long time to complete an operation, you can use `Progress` to show the current progress and status.\n\n - When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.\n - When you need to display the completion percentage of an operation.\n ## Examples\n ",F={category:"Components",subtitle:"进度条",type:"Feedback",title:"Progress",render:function(){var s=arguments[0];return s("div",[s("md",{attrs:{cn:U,us:Y}}),s("br"),s(l),s("br"),s(p),s("br"),s(o),s("br"),s(C),s("br"),s(u),s("br"),s(f),s("br"),s(P),s("br"),s(q),s("br"),s(E),s("br"),s(I),s("br"),s("api",[s("template",{slot:"cn"},[s(M)]),s(J)])])}},N=Object(n.a)(F,void 0,void 0,!1,null,null,null);N.options.__file="components/progress/demo/index.vue";t.default=N.exports}}]);
Reference in New Issue View Git Blame Copy Permalink