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/53032cb0.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([[27],{1234:function(s,t,a){},1330:function(s,t,a){"use strict";var n=a(1234);a.n(n).a},1446:function(s,t,a){"use strict";a.r(t);var n=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-steps :current="1">\n <a-popover slot="progressDot" slot-scope="{index, status, prefixCls}">\n <template slot="content">\n <span>step {{index}} status: {{status}}</span>\n </template>\n <span :class="`${prefixCls}-icon-dot`"/>\n </a-popover>\n <a-step title="Finished" description="You can hover on the dot."/>\n <a-step title="In Progress" description="You can hover on the dot."/>\n <a-step title="Waiting" description="You can hover on the dot."/>\n <a-step title="Waiting" description="You can hover on the dot."/>\n </a-steps>\n </div>\n',script:null,style:null,us:"\n#### Customized Dot Style\nYou can customize the display for Steps with progress dot style.\n",cn:"\n#### 自定义点状步骤条\n为点状步骤条增加自定义展示。\n",sourceCode:'<template>\n <div>\n <a-steps :current="1">\n <a-popover slot="progressDot" slot-scope="{index, status, prefixCls}">\n <template slot="content">\n <span>step {{index}} status: {{status}}</span>\n </template>\n <span :class="`${prefixCls}-icon-dot`"></span>\n </a-popover>\n <a-step title="Finished" description="You can hover on the dot." />\n <a-step title="In Progress" description="You can hover on the dot." />\n <a-step title="Waiting" description="You can hover on the dot." />\n <a-step title="Waiting" description="You can hover on the dot." />\n </a-steps>\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-steps",{attrs:{current:1},scopedSlots:s._u([{key:"progressDot",fn:function(t){var n=t.index,e=t.status,i=t.prefixCls;return a("a-popover",{},[a("template",{slot:"content"},[a("span",[s._v("step "+s._s(n)+" status: "+s._s(e))])]),s._v(" "),a("span",{class:i+"-icon-dot"})],2)}}])},[s._v(" "),a("a-step",{attrs:{title:"Finished",description:"You can hover on the dot."}}),s._v(" "),a("a-step",{attrs:{title:"In Progress",description:"You can hover on the dot."}}),s._v(" "),a("a-step",{attrs:{title:"Waiting",description:"You can hover on the dot."}}),s._v(" "),a("a-step",{attrs:{title:"Waiting",description:"You can hover on the dot."}})],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:"Customized-Dot-Style"}},[s._v("Customized Dot Style "),a("a",{staticClass:"anchor",attrs:{href:"#Customized-Dot-Style"}},[s._v("#")])]),s._v(" "),a("p",[s._v("You can customize the display for Steps with progress dot style.")])]),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-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-popover")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"progressDot"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot-scope")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"{index, status, prefixCls}"')]),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("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"content"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("step "),a("span",[s._v("{{")]),s._v("index"),a("span",[s._v("}}")]),s._v(" status: "),a("span",[s._v("{{")]),s._v("status"),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("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":class")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"`${prefixCls}-icon-dot`"')]),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("a-popover")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Finished"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"You can hover on the dot."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"In Progress"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"You can hover on the dot."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"You can hover on the dot."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"You can hover on the dot."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};n._withStripped=!0;var e=a(31),i=Object(e.a)({},n,[],!1,null,null,null);i.options.__file="components/steps/demo/customized-progress-dot.md";var l=i.exports,v=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-steps :current="1" status="error">\n <a-step title="Finished" description="This is a description."/>\n <a-step title="In Progress" description="This is a description."/>\n <a-step title="Waiting" description="This is a description."/>\n </a-steps>\n',script:null,style:null,us:"\n#### Error status\nBy using `status` of `Steps`, you can specify the state for current step.\n",cn:"\n#### 步骤运行错误\n使用 Steps 的 `status` 属性来指定当前步骤的状态。\n",sourceCode:'<template>\n <a-steps :current="1" status="error">\n <a-step title="Finished" description="This is a description." />\n <a-step title="In Progress" description="This is a description." />\n <a-step title="Waiting" description="This is a description." />\n </a-steps>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-steps",{attrs:{current:1,status:"error"}},[a("a-step",{attrs:{title:"Finished",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"In Progress",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"Waiting",description:"This is a description."}})],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("使用 Steps 的 "),a("code",[s._v("status")]),s._v(" 属性来指定当前步骤的状态。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Error-status"}},[s._v("Error status "),a("a",{staticClass:"anchor",attrs:{href:"#Error-status"}},[s._v("#")])]),s._v(" "),a("p",[s._v("By using "),a("code",[s._v("status")]),s._v(" of "),a("code",[s._v("Steps")]),s._v(", you can specify the state for current step.")])]),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("a-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"error"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Finished"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"In Progress"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};v._withStripped=!0;var _=Object(e.a)({},v,[],!1,null,null,null);_.options.__file="components/steps/demo/error.md";var p=_.exports,r=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-steps>\n <a-step status="finish" title="Login">\n <a-icon type="user" slot="icon"/>\n </a-step>\n <a-step status="finish" title="Verification">\n <a-icon type="solution" slot="icon"/>\n </a-step>\n <a-step status="process" title="Pay">\n <a-icon type="loading" slot="icon"/>\n </a-step>\n <a-step status="wait" title="Done">\n <a-icon type="smile-o" slot="icon"/>\n </a-step>\n </a-steps>\n',script:null,style:null,us:"\n#### With icon\nYou can use your own custom icons by setting the property `icon` for `Steps.Step`.\n",cn:"\n#### 带图标的步骤条\n通过设置 `Steps.Step` 的 `icon` 属性，可以启用自定义图标。\n",sourceCode:'<template>\n <a-steps>\n <a-step status="finish" title="Login">\n <a-icon type="user" slot="icon" />\n </a-step>\n <a-step status="finish" title="Verification">\n <a-icon type="solution" slot="icon" />\n </a-step>\n <a-step status="process" title="Pay">\n <a-icon type="loading" slot="icon" />\n </a-step>\n <a-step status="wait" title="Done">\n <a-icon type="smile-o" slot="icon" />\n </a-step>\n </a-steps>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-steps",[a("a-step",{attrs:{status:"finish",title:"Login"}},[a("a-icon",{attrs:{slot:"icon",type:"user"},slot:"icon"})],1),s._v(" "),a("a-step",{attrs:{status:"finish",title:"Verification"}},[a("a-icon",{attrs:{slot:"icon",type:"solution"},slot:"icon"})],1),s._v(" "),a("a-step",{attrs:{status:"process",title:"Pay"}},[a("a-icon",{attrs:{slot:"icon",type:"loading"},slot:"icon"})],1),s._v(" "),a("a-step",{attrs:{status:"wait",title:"Done"}},[a("a-icon",{attrs:{slot:"icon",type:"smile-o"},slot:"icon"})],1)],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("通过设置 "),a("code",[s._v("Steps.Step")]),s._v(" 的 "),a("code",[s._v("icon")]),s._v(" 属性，可以启用自定义图标。")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"With-icon"}},[s._v("With icon "),a("a",{staticClass:"anchor",attrs:{href:"#With-icon"}},[s._v("#")])]),s._v(" "),a("p",[s._v("You can use your own custom icons by setting the property "),a("code",[s._v("icon")]),s._v(" for "),a("code",[s._v("Steps.Step")]),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("a-steps")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"finish"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Login"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"user"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"icon"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"finish"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Verification"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"solution"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"icon"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"process"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Pay"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"loading"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"icon"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"wait"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),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-icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"smile-o"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"icon"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};r._withStripped=!0;var c=Object(e.a)({},r,[],!1,null,null,null);c.options.__file="components/steps/demo/icon.md";var o=c.exports,h=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-steps progressDot="" :current="1">\n <a-step title="Finished" description="This is a description."/>\n <a-step title="In Progress" description="This is a description."/>\n <a-step title="Waiting" description="This is a description."/>\n </a-steps>\n',script:null,style:null,us:"\n#### Dot Style\nSteps with progress dot style.\n",cn:"\n#### 点状步骤条\n包含步骤点的进度条。\n",sourceCode:'<template>\n <a-steps progressDot :current="1">\n <a-step title="Finished" description="This is a description." />\n <a-step title="In Progress" description="This is a description." />\n <a-step title="Waiting" description="This is a description." />\n </a-steps>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-steps",{attrs:{progressDot:"",current:1}},[a("a-step",{attrs:{title:"Finished",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"In Progress",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"Waiting",description:"This is a description."}})],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:"Dot-Style"}},[s._v("Dot Style "),a("a",{staticClass:"anchor",attrs:{href:"#Dot-Style"}},[s._v("#")])]),s._v(" "),a("p",[s._v("Steps with progress dot style.")])]),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("a-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("progressDot")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Finished"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"In Progress"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};h._withStripped=!0;var d=Object(e.a)({},h,[],!1,null,null,null);d.options.__file="components/steps/demo/progress-dot.md";var C=d.exports,j=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-steps :current="1">\n <a-step>\n \x3c!-- <span slot="title">Finished</span> --\x3e\n <template slot="title">\n Finished\n </template>\n <span slot="description">This is a description.</span>\n </a-step>\n <a-step title="In Progress" description="This is a description."/>\n <a-step title="Waiting" description="This is a description."/>\n </a-steps>\n',script:null,style:null,us:"\n#### Basic\nThe most basic step bar.\n",cn:"\n#### 基本用法\n简单的步骤条。\n",sourceCode:'<template>\n <a-steps :current="1">\n <a-step>\n \x3c!-- <span slot="title">Finished</span> --\x3e\n <template slot="title">\n Finished\n </template>\n <span slot="description">This is a description.</span>\n </a-step>\n <a-step title="In Progress" description="This is a description." />\n <a-step title="Waiting" description="This is a description." />\n </a-steps>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-steps",{attrs:{current:1}},[a("a-step",[a("template",{slot:"title"},[s._v("\n Finished\n ")]),s._v(" "),a("span",{attrs:{slot:"description"},slot:"description"},[s._v("This is a description.")])],2),s._v(" "),a("a-step",{attrs:{title:"In Progress",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"Waiting",description:"This is a description."}})],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:"Basic"}},[s._v("Basic "),a("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[s._v("#")])]),s._v(" "),a("p",[s._v("The most basic step 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("a-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-comment"},[s._v('\x3c!-- <span slot="title">Finished</span> --\x3e')]),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("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n Finished\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("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"description"')]),s._v(">")]),s._v("This is a description."),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("a-step")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"In Progress"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};j._withStripped=!0;var u=Object(e.a)({},j,[],!1,null,null,null);u.options.__file="components/steps/demo/simple.md";var m=u.exports,g=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-steps :current="1" size="small">\n <a-step title="Finished"/>\n <a-step title="In Progress"/>\n <a-step title="Waiting"/>\n </a-steps>\n',script:null,style:null,us:'\n#### Mini version\nBy setting like this: `<Steps size="small">`, you can get a mini version.\n</Steps>',cn:'\n#### 迷你版\n迷你版的步骤条，通过设置 `<Steps size="small">` 启用。\n</Steps>',sourceCode:'<template>\n <a-steps :current="1" size="small">\n <a-step title="Finished" />\n <a-step title="In Progress" />\n <a-step title="Waiting" />\n </a-steps>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-steps",{attrs:{current:1,size:"small"}},[a("a-step",{attrs:{title:"Finished"}}),s._v(" "),a("a-step",{attrs:{title:"In Progress"}}),s._v(" "),a("a-step",{attrs:{title:"Waiting"}})],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("迷你版的步骤条，通过设置 "),a("code",[s._v('<Steps size="small">')]),s._v(" 启用。"),a("br"),s._v(" "),a("br")])]),s._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Mini-version"}},[s._v("Mini version "),a("a",{staticClass:"anchor",attrs:{href:"#Mini-version"}},[s._v("#")])]),s._v(" "),a("p",[s._v("By setting like this: "),a("code",[s._v('<Steps size="small">')]),s._v(", you can get a mini version."),a("br"),s._v(" "),a("br")])]),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("a-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"1"')]),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-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Finished"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"In Progress"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};g._withStripped=!0;var f=Object(e.a)({},g,[],!1,null,null,null);f.options.__file="components/steps/demo/small-size.md";var b=f.exports,y=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-steps :current="current">\n <a-step v-for="item in steps" :key="item.title" :title="item.title"/>\n </a-steps>\n <div class="steps-content">{{steps[current].content}}</div>\n <div class="steps-action">\n <a-button v-if="current < steps.length - 1" type="primary" @click="next">\n Next\n </a-button>\n <a-button v-if="current == steps.length - 1" type="primary" @click="$message.success(\'Processing complete!\')">\n Done\n </a-button>\n <a-button v-if="current>0" style="margin-left: 8px" @click="prev">\n Previous\n </a-button>\n </div>\n </div>\n',script:"\n export default {\n data() {\n return {\n current: 0,\n steps: [\n {\n title: 'First',\n content: 'First-content',\n },\n {\n title: 'Second',\n content: 'Second-content',\n },\n {\n title: 'Last',\n content: 'Last-content',\n },\n ],\n };\n },\n methods: {\n next() {\n this.current++;\n },\n prev() {\n this.current--;\n },\n },\n };\n",style:null,us:"\n#### Switch Step\nCooperate with the content and buttons, to represent the progress of a process.\n",cn:"\n#### 步骤切换\n通常配合内容及按钮使用，表示一个流程的处理进度。\n",sourceCode:'<template>\n <div>\n <a-steps :current="current">\n <a-step v-for="item in steps" :key="item.title" :title="item.title" />\n </a-steps>\n <div class="steps-content">{{steps[current].content}}</div>\n <div class="steps-action">\n <a-button v-if="current < steps.length - 1" type="primary" @click="next">\n Next\n </a-button>\n <a-button\n v-if="current == steps.length - 1"\n type="primary"\n @click="$message.success(\'Processing complete!\')"\n >\n Done\n </a-button>\n <a-button v-if="current>0" style="margin-left: 8px" @click="prev">\n Previous\n </a-button>\n </div>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n current: 0,\n steps: [\n {\n title: \'First\',\n content: \'First-content\',\n },\n {\n title: \'Second\',\n content: \'Second-content\',\n },\n {\n title: \'Last\',\n content: \'Last-content\',\n },\n ],\n };\n },\n methods: {\n next() {\n this.current++;\n },\n prev() {\n this.current--;\n },\n },\n };\n<\/script>\n<style scoped>\n .steps-content {\n margin-top: 16px;\n border: 1px dashed #e9e9e9;\n border-radius: 6px;\n background-color: #fafafa;\n min-height: 200px;\n text-align: center;\n padding-top: 80px;\n }\n\n .steps-action {\n margin-top: 24px;\n }\n</style>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-steps",{attrs:{current:s.current}},s._l(s.steps,(function(s){return a("a-step",{key:s.title,attrs:{title:s.title}})})),1),s._v(" "),a("div",{staticClass:"steps-content"},[s._v(s._s(s.steps[s.current].content))]),s._v(" "),a("div",{staticClass:"steps-action"},[s.current<s.steps.length-1?a("a-button",{attrs:{type:"primary"},on:{click:s.next}},[s._v("\n Next\n ")]):s._e(),s._v(" "),s.current==s.steps.length-1?a("a-button",{attrs:{type:"primary"},on:{click:function(t){return s.$message.success("Processing complete!")}}},[s._v("\n Done\n ")]):s._e(),s._v(" "),s.current>0?a("a-button",{staticStyle:{"margin-left":"8px"},on:{click:s.prev}},[s._v("\n Previous\n ")]):s._e()],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:"Switch-Step"}},[s._v("Switch Step "),a("a",{staticClass:"anchor",attrs:{href:"#Switch-Step"}},[s._v("#")])]),s._v(" "),a("p",[s._v("Cooperate with the content and buttons, to represent the progress of a process.")])]),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-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"current"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item in steps"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":key")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.title"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"item.title"')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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("class")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"steps-content"')]),s._v(">")]),a("span",[s._v("{{")]),s._v("steps[current].content"),a("span",[s._v("}}")]),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("div")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"steps-action"')]),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("v-if")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"current < steps.length - 1"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"next"')]),s._v(">")]),s._v("\n Next\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("v-if")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"current == steps.length - 1"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v("\n "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v("\"$message.success('Processing complete!')\"")]),s._v("\n >")]),s._v("\n Done\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),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("v-if")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"current>0"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"margin-left: 8px"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"prev"')]),s._v(">")]),s._v("\n Previous\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-button")]),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("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("current")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("steps")]),s._v(": [\n {\n "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'First'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'First-content'")]),s._v(",\n },\n {\n "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'Second'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'Second-content'")]),s._v(",\n },\n {\n "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'Last'")]),s._v(",\n "),a("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(": "),a("span",{staticClass:"hljs-string"},[s._v("'Last-content'")]),s._v(",\n },\n ],\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n next() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".current++;\n },\n prev() {\n "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".current--;\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),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(".steps-content")]),s._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-top")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("border")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("1px")]),s._v(" dashed "),a("span",{staticClass:"hljs-number"},[s._v("#e9e9e9")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("border-radius")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("6px")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("background-color")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("#fafafa")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("min-height")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("200px")]),s._v(";\n "),a("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),a("span",{staticClass:"hljs-attribute"},[s._v("padding-top")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("80px")]),s._v(";\n }\n\n "),a("span",{staticClass:"hljs-selector-class"},[s._v(".steps-action")]),s._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[s._v("margin-top")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("24px")]),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)};y._withStripped=!0;var S={data:function(){return{current:0,steps:[{title:"First",content:"First-content"},{title:"Second",content:"Second-content"},{title:"Last",content:"Last-content"}]}},methods:{next:function(){this.current++},prev:function(){this.current--}}},x=(a(1330),Object(e.a)(S,y,[],!1,null,"7abc729c",null));x.options.__file="components/steps/demo/step-next.md";var T=x.exports,w=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-steps direction="vertical" size="small" :current="1">\n <a-step title="Finished" description="This is a description."/>\n <a-step title="In Progress" description="This is a description."/>\n <a-step title="Waiting" description="This is a description."/>\n </a-steps>\n',script:null,style:null,us:"\n#### Vertical mini version\nA simple mini version step bar in the vertical direction.\n",cn:"\n#### 竖直方向的小型步骤条\n简单的竖直方向的小型步骤条。\n",sourceCode:'<template>\n <a-steps direction="vertical" size="small" :current="1">\n <a-step title="Finished" description="This is a description." />\n <a-step title="In Progress" description="This is a description." />\n <a-step title="Waiting" description="This is a description." />\n </a-steps>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-steps",{attrs:{direction:"vertical",size:"small",current:1}},[a("a-step",{attrs:{title:"Finished",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"In Progress",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"Waiting",description:"This is a description."}})],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:"Vertical-mini-version"}},[s._v("Vertical mini version "),a("a",{staticClass:"anchor",attrs:{href:"#Vertical-mini-version"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A simple mini version step bar in the vertical direction.")])]),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("a-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("direction")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"vertical"')]),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(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Finished"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"In Progress"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};w._withStripped=!0;var P=Object(e.a)({},w,[],!1,null,null,null);P.options.__file="components/steps/demo/vertical-small.md";var F=P.exports,W=function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-steps direction="vertical" :current="1">\n <a-step title="Finished" description="This is a description."/>\n <a-step title="In Progress" description="This is a description."/>\n <a-step title="Waiting" description="This is a description."/>\n </a-steps>\n',script:null,style:null,us:"\n#### Vertical\nA simple step bar in the vertical direction.\n",cn:"\n#### 竖直方向的步骤条\n简单的竖直方向的步骤条。\n",sourceCode:'<template>\n <a-steps direction="vertical" :current="1">\n <a-step title="Finished" description="This is a description." />\n <a-step title="In Progress" description="This is a description." />\n <a-step title="Waiting" description="This is a description." />\n </a-steps>\n</template>\n'}}},[a("template",{slot:"component"},[a("a-steps",{attrs:{direction:"vertical",current:1}},[a("a-step",{attrs:{title:"Finished",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"In Progress",description:"This is a description."}}),s._v(" "),a("a-step",{attrs:{title:"Waiting",description:"This is a description."}})],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:"Vertical"}},[s._v("Vertical "),a("a",{staticClass:"anchor",attrs:{href:"#Vertical"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A simple step bar in the vertical direction.")])]),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("a-steps")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("direction")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"vertical"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":current")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Finished"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"In Progress"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("a-step")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"Waiting"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"This is a description."')]),s._v(" />")]),s._v("\n "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("a-steps")]),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)};W._withStripped=!0;var k=Object(e.a)({},W,[],!1,null,null,null);k.options.__file="components/steps/demo/vertical.md";var D=k.exports,z=function(){var s=this.$createElement;this._self._c;return this._m(0)};z._withStripped=!0;var I=Object(e.a)({},z,[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[a("h3",{attrs:{id:"Steps"}},[s._v("Steps "),a("a",{staticClass:"anchor",attrs:{href:"#Steps"}},[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("current")]),s._v(" "),a("td",[s._v("指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过 "),a("code",{pre:!0},[s._v("status")]),s._v(" 属性覆盖状态")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("指定步骤条方向。目前支持水平（"),a("code",{pre:!0},[s._v("horizontal")]),s._v("）和竖直（"),a("code",{pre:!0},[s._v("vertical")]),s._v("）两种方向")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("labelPlacement")]),s._v(" "),a("td",[s._v("指定标签放置位置，默认水平放图标右侧，可选"),a("code",{pre:!0},[s._v("vertical")]),s._v("放图标下方")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("horizontal")])])]),s._v(" "),a("tr",[a("td",[s._v("progressDot")]),s._v(" "),a("td",[s._v("点状步骤条，可以设置为一个 作用域插槽,labelPlacement 将强制为"),a("code",{pre:!0},[s._v("vertical")])]),s._v(" "),a("td",[s._v('Boolean or slot="progressDot" slot-scope="{index, status, title, description, prefixCls})"')]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("指定大小，目前支持普通（"),a("code",{pre:!0},[s._v("default")]),s._v("）和迷你（"),a("code",{pre:!0},[s._v("small")]),s._v("）")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("default")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("指定当前步骤的状态，可选 "),a("code",{pre:!0},[s._v("wait")]),s._v(" "),a("code",{pre:!0},[s._v("process")]),s._v(" "),a("code",{pre:!0},[s._v("finish")]),s._v(" "),a("code",{pre:!0},[s._v("error")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("process")])]),s._v(" "),a("tr",[a("td",[s._v("initial")]),s._v(" "),a("td",[s._v("起始序号，从 0 开始记数")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])]),s._v(" "),a("h3",{attrs:{id:"Steps.Step"}},[s._v("Steps.Step "),a("a",{staticClass:"anchor",attrs:{href:"#Steps.Step"}},[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("description")]),s._v(" "),a("td",[s._v("步骤的详情描述，可选")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("icon")]),s._v(" "),a("td",[s._v("步骤图标的类型，可选")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("指定状态。当不配置该属性时，会使用 Steps 的 "),a("code",{pre:!0},[s._v("current")]),s._v(" 来自动指定状态。可选："),a("code",{pre:!0},[s._v("wait")]),s._v(" "),a("code",{pre:!0},[s._v("process")]),s._v(" "),a("code",{pre:!0},[s._v("finish")]),s._v(" "),a("code",{pre:!0},[s._v("error")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[s._v("wait")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])])])])])}],!1,null,null,null);I.options.__file="components/steps/index.zh-CN.md";var Y=I.exports,$=function(){var s=this.$createElement;this._self._c;return this._m(0)};$._withStripped=!0;var E=Object(e.a)({},$,[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",[a("h3",{attrs:{id:"Steps"}},[s._v("Steps "),a("a",{staticClass:"anchor",attrs:{href:"#Steps"}},[s._v("#")])]),s._v(" "),a("p",[s._v("The whole of the step bar.")]),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("current")]),s._v(" "),a("td",[s._v("to set the current step, counting from 0. You can overwrite this state by using "),a("code",{pre:!0},[s._v("status")]),s._v(" of "),a("code",{pre:!0},[s._v("Step")])]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("to specify the direction of the step bar, "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" and "),a("code",{pre:!0},[s._v("vertical")]),s._v(" are currently supported")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("horizontal")])])]),s._v(" "),a("tr",[a("td",[s._v("labelPlacement")]),s._v(" "),a("td",[s._v("support vertial title and description")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("horizontal")])])]),s._v(" "),a("tr",[a("td",[s._v("progressDot")]),s._v(" "),a("td",[s._v("Steps with progress dot style, customize the progress dot by setting a scoped slot. labelPlacement will be "),a("code",{pre:!0},[s._v("vertical")])]),s._v(" "),a("td",[s._v('Boolean or slot="progressDot" slot-scope="{index, status, title, description, prefixCls})"')]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("to specify the size of the step bar, "),a("code",{pre:!0},[s._v("default")]),s._v(" and "),a("code",{pre:!0},[s._v("small")]),s._v(" are currently supported")]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("default")])])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("to specify the status of current step, can be set to one of the following values: "),a("code",{pre:!0},[s._v("wait")]),s._v(" "),a("code",{pre:!0},[s._v("process")]),s._v(" "),a("code",{pre:!0},[s._v("finish")]),s._v(" "),a("code",{pre:!0},[s._v("error")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("process")])])]),s._v(" "),a("tr",[a("td",[s._v("initial")]),s._v(" "),a("td",[s._v("set the initial step, counting from 0")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])]),s._v(" "),a("h3",{attrs:{id:"Steps.Step"}},[s._v("Steps.Step "),a("a",{staticClass:"anchor",attrs:{href:"#Steps.Step"}},[s._v("#")])]),s._v(" "),a("p",[s._v("A single step in the step bar.")]),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("description")]),s._v(" "),a("td",[s._v("description of the step, optional property")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("icon")]),s._v(" "),a("td",[s._v("icon of the step, optional property")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("to specify the status. It will be automatically set by "),a("code",{pre:!0},[s._v("current")]),s._v(" of "),a("code",{pre:!0},[s._v("Steps")]),s._v(" if not configured. Optional values are: "),a("code",{pre:!0},[s._v("wait")]),s._v(" "),a("code",{pre:!0},[s._v("process")]),s._v(" "),a("code",{pre:!0},[s._v("finish")]),s._v(" "),a("code",{pre:!0},[s._v("error")])]),s._v(" "),a("td",[s._v("string")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("wait")])])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title of the step")]),s._v(" "),a("td",[s._v("string|slot")]),s._v(" "),a("td",[s._v("-")])])])])])}],!1,null,null,null);E.options.__file="components/steps/index.en-US.md";var O=E.exports,L="# Steps\n\n 引导用户按照流程完成任务的导航条。\n\n ## 何时使用\n\n 当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。\n ## 代码演示",V="# Steps\n\n 'Steps' is a navigation bar that guides users through the steps of a task.\n\n # When To Use\n\n When the task is complicated or has a certain sequence in the series of subtasks, we can decompose it into several steps to make things easier.\n ## Examples \n ",B={category:"Components",subtitle:"步骤条",type:"Navigation",cols:1,title:"Steps",render:function(){var s=arguments[0];return s("div",[s("md",{attrs:{cn:L,us:V}}),s(m),s("br"),s(b),s("br"),s(o),s("br"),s(T),s("br"),s(D),s("br"),s(F),s("br"),s(p),s("br"),s(C),s("br"),s(l),s("br"),s("api",[s("template",{slot:"cn"},[s(Y)]),s(O)])])}},N=Object(e.a)(B,void 0,void 0,!1,null,null,null);N.options.__file="components/steps/demo/index.vue";t.default=N.exports}}]);
Reference in New Issue View Git Blame Copy Permalink