doc_project/2x.antv.design/assets/index.29b94ca2.js

import{_ as g,j as o,k,l as d,w as e,b as t,f as a,t as y,aZ as f,e as n,d as v,aB as N,r as Z,a as B,h as W,F as q,q as b,v as X,n as S}from"./index.c1b9962e.js";import{S as Y}from"./SolutionOutlined.42ae98a0.js";import{U as x}from"./UserOutlined.f4b09e7f.js";import{S as H}from"./SmileOutlined.8742fd55.js";const j={};function D(p,s){const c=o("a-popover"),u=o("a-step"),i=o("a-steps"),A=o("demo-box");return k(),d(A,{jsfiddle:{us:"You can customize the display for Steps with progress dot style.",cn:"\u4E3A\u70B9\u72B6\u6B65\u9AA4\u6761\u589E\u52A0\u81EA\u5B9A\u4E49\u5C55\u793A\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4E3A\u70B9\u72B6\u6B65\u9AA4\u6761\u589E\u52A0\u81EA\u5B9A\u4E49\u5C55\u793A\u3002</p>
<h2 id="en-us">en-US</h2>
<p>You can customize the display for Steps with progress dot style.</p>
`,order:8,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u70B9\u72B6\u6B65\u9AA4\u6761","en-US":"Customized Dot Style"},relativePath:"src/docs/steps/demo/customized-progress-dot.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iMSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJvZ3Jlc3NEb3Q9InsgaW5kZXgsIHN0YXR1cywgcHJlZml4Q2xzIH0iPgogICAgICAgIDxhLXBvcG92ZXI+CiAgICAgICAgICA8dGVtcGxhdGUgI2NvbnRlbnQ+CiAgICAgICAgICAgIDxzcGFuPnN0ZXAge3sgaW5kZXggfX0gc3RhdHVzOiB7eyBzdGF0dXMgfX08L3NwYW4+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHNwYW4gOmNsYXNzPSJgJHtwcmVmaXhDbHN9LWljb24tZG90YCIgLz4KICAgICAgICA8L2EtcG9wb3Zlcj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IllvdSBjYW4gaG92ZXIgb24gdGhlIGRvdC4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iWW91IGNhbiBob3ZlciBvbiB0aGUgZG90LiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iMSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJvZ3Jlc3NEb3Q9InsgaW5kZXgsIHN0YXR1cywgcHJlZml4Q2xzIH0iPgogICAgICAgIDxhLXBvcG92ZXI+CiAgICAgICAgICA8dGVtcGxhdGUgI2NvbnRlbnQ+CiAgICAgICAgICAgIDxzcGFuPnN0ZXAge3sgaW5kZXggfX0gc3RhdHVzOiB7eyBzdGF0dXMgfX08L3NwYW4+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHNwYW4gOmNsYXNzPSJgJHtwcmVmaXhDbHN9LWljb24tZG90YCIgLz4KICAgICAgICA8L2EtcG9wb3Zlcj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IllvdSBjYW4gaG92ZXIgb24gdGhlIGRvdC4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iWW91IGNhbiBob3ZlciBvbiB0aGUgZG90LiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[t("div",null,[a(i,{current:1},{progressDot:e(({index:l,status:r,prefixCls:I})=>[a(c,null,{content:e(()=>[t("span",null,"step "+y(l)+" status: "+y(r),1)]),default:e(()=>[t("span",{class:f(`${I}-icon-dot`)},null,2)]),_:2},1024)]),default:e(()=>[a(u,{title:"Finished",description:"You can hover on the dot."}),a(u,{title:"In Progress",description:"You can hover on the dot."}),a(u,{title:"Waiting",description:"You can hover on the dot."}),a(u,{title:"Waiting",description:"You can hover on the dot."})]),_:1})])]),htmlCode:e(()=>s[0]||(s[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#progressDot"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ index, status, prefixCls }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-popover")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#content"),t("span",{class:"token punctuation"},">")]),n(`
            `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),t("span",{class:"token punctuation"},">")]),n("step {{ index }} status: {{ status }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),n(),t("span",{class:"token attr-name"},":class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("`${prefixCls}-icon-dot`"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-popover")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[1]||(s[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#progressDot"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ index, status, prefixCls }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-popover")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#content"),t("span",{class:"token punctuation"},">")]),n(`
            `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),t("span",{class:"token punctuation"},">")]),n("step {{ index }} status: {{ status }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),n(),t("span",{class:"token attr-name"},":class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("`${prefixCls}-icon-dot`"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-popover")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("You can hover on the dot."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var J=g(j,[["render",D]]);const L={};function T(p,s){const c=o("a-step"),u=o("a-steps"),i=o("demo-box");return k(),d(i,{jsfiddle:{us:"By using `status` of `Steps`, you can specify the state for current step.",cn:"\u4F7F\u7528 Steps \u7684 `status` \u5C5E\u6027\u6765\u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\u7684\u72B6\u6001\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 Steps \u7684 <code>status</code> \u5C5E\u6027\u6765\u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\u7684\u72B6\u6001\u3002</p>
<h2 id="en-us">en-US</h2>
<p>By using <code>status</code> of <code>Steps</code>, you can specify the state for current step.</p>
`,order:6,title:{"zh-CN":"\u6B65\u9AA4\u8FD0\u884C\u9519\u8BEF","en-US":"Error status"},relativePath:"src/docs/steps/demo/error.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzdGF0dXM9ImVycm9yIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzdGF0dXM9ImVycm9yIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[a(u,{current:1,status:"error"},{default:e(()=>[a(c,{title:"Finished",description:"This is a description."}),a(c,{title:"In Progress",description:"This is a description."}),a(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>s[0]||(s[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("error"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[1]||(s[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("error"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var K=g(L,[["render",T]]);const _=v({components:{UserOutlined:x,SolutionOutlined:Y,LoadingOutlined:N,SmileOutlined:H}});function U(p,s,c,u,i,A){const l=o("user-outlined"),r=o("a-step"),I=o("solution-outlined"),m=o("loading-outlined"),C=o("smile-outlined"),h=o("a-steps"),G=o("demo-box");return k(),d(G,{jsfiddle:{us:"You can use your own custom icons by setting the property `icon` for `Steps.Step`.",cn:"\u901A\u8FC7\u8BBE\u7F6E `Steps.Step` \u7684 `icon` \u5C5E\u6027\uFF0C\u53EF\u4EE5\u542F\u7528\u81EA\u5B9A\u4E49\u56FE\u6807\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u901A\u8FC7\u8BBE\u7F6E <code>Steps.Step</code> \u7684 <code>icon</code> \u5C5E\u6027\uFF0C\u53EF\u4EE5\u542F\u7528\u81EA\u5B9A\u4E49\u56FE\u6807\u3002</p>
<h2 id="en-us">en-US</h2>
<p>You can use your own custom icons by setting the property <code>icon</code> for <code>Steps.Step</code>.</p>
`,order:2,title:{"zh-CN":"\u5E26\u56FE\u6807\u7684\u6B65\u9AA4\u6761","en-US":"With icon"},relativePath:"src/docs/steps/demo/icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzPgogICAgPGEtc3RlcCBzdGF0dXM9ImZpbmlzaCIgdGl0bGU9IkxvZ2luIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDx1c2VyLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJWZXJpZmljYXRpb24iPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPHNvbHV0aW9uLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJwcm9jZXNzIiB0aXRsZT0iUGF5Ij4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxsb2FkaW5nLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJ3YWl0IiB0aXRsZT0iRG9uZSI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7CiAgVXNlck91dGxpbmVkLAogIFNvbHV0aW9uT3V0bGluZWQsCiAgTG9hZGluZ091dGxpbmVkLAogIFNtaWxlT3V0bGluZWQsCn0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgVXNlck91dGxpbmVkLAogICAgU29sdXRpb25PdXRsaW5lZCwKICAgIExvYWRpbmdPdXRsaW5lZCwKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzPgogICAgPGEtc3RlcCBzdGF0dXM9ImZpbmlzaCIgdGl0bGU9IkxvZ2luIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDx1c2VyLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJWZXJpZmljYXRpb24iPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPHNvbHV0aW9uLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJwcm9jZXNzIiB0aXRsZT0iUGF5Ij4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxsb2FkaW5nLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJ3YWl0IiB0aXRsZT0iRG9uZSI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW1wb3J0IHsKICBVc2VyT3V0bGluZWQsCiAgU29sdXRpb25PdXRsaW5lZCwKICBMb2FkaW5nT3V0bGluZWQsCiAgU21pbGVPdXRsaW5lZCwKfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFVzZXJPdXRsaW5lZCwKICAgIFNvbHV0aW9uT3V0bGluZWQsCiAgICBMb2FkaW5nT3V0bGluZWQsCiAgICBTbWlsZU91dGxpbmVkLAogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[a(h,null,{default:e(()=>[a(r,{status:"finish",title:"Login"},{icon:e(()=>[a(l)]),_:1}),a(r,{status:"finish",title:"Verification"},{icon:e(()=>[a(I)]),_:1}),a(r,{status:"process",title:"Pay"},{icon:e(()=>[a(m)]),_:1}),a(r,{status:"wait",title:"Done"},{icon:e(()=>[a(C)]),_:1})]),_:1})]),htmlCode:e(()=>s[0]||(s[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Login"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("user-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Verification"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("solution-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Pay"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("loading-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Done"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("smile-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(`
  UserOutlined`),t("span",{class:"token punctuation"},","),n(`
  SolutionOutlined`),t("span",{class:"token punctuation"},","),n(`
  LoadingOutlined`),t("span",{class:"token punctuation"},","),n(`
  SmileOutlined`),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
    UserOutlined`),t("span",{class:"token punctuation"},","),n(`
    SolutionOutlined`),t("span",{class:"token punctuation"},","),n(`
    LoadingOutlined`),t("span",{class:"token punctuation"},","),n(`
    SmileOutlined`),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[1]||(s[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Login"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("user-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Verification"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("solution-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Pay"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("loading-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Done"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("smile-outlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(`
  UserOutlined`),t("span",{class:"token punctuation"},","),n(`
  SolutionOutlined`),t("span",{class:"token punctuation"},","),n(`
  LoadingOutlined`),t("span",{class:"token punctuation"},","),n(`
  SmileOutlined`),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
    UserOutlined`),t("span",{class:"token punctuation"},","),n(`
    SolutionOutlined`),t("span",{class:"token punctuation"},","),n(`
    LoadingOutlined`),t("span",{class:"token punctuation"},","),n(`
    SmileOutlined`),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var F=g(_,[["render",U]]);const E={};function M(p,s){const c=o("a-step"),u=o("a-steps"),i=o("a-divider"),A=o("demo-box");return k(),d(A,{jsfiddle:{us:"Steps with progress dot style.",cn:"\u5305\u542B\u6B65\u9AA4\u70B9\u7684\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5305\u542B\u6B65\u9AA4\u70B9\u7684\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Steps with progress dot style.</p>
`,order:7,title:{"zh-CN":"\u70B9\u72B6\u6B65\u9AA4\u6761","en-US":"Dot Style"},relativePath:"src/docs/steps/demo/progress-dot.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyBwcm9ncmVzcy1kb3QgOmN1cnJlbnQ9IjEiPgogICAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8L2Etc3RlcHM+CiAgICA8YS1kaXZpZGVyIC8+CiAgICA8YS1zdGVwcyBwcm9ncmVzcy1kb3QgOmN1cnJlbnQ9IjEiIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4gVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIFRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiBUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8L2Etc3RlcHM+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyBwcm9ncmVzcy1kb3QgOmN1cnJlbnQ9IjEiPgogICAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8L2Etc3RlcHM+CiAgICA8YS1kaXZpZGVyIC8+CiAgICA8YS1zdGVwcyBwcm9ncmVzcy1kb3QgOmN1cnJlbnQ9IjEiIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4gVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIFRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiBUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8L2Etc3RlcHM+CiAgPC9kaXY+CjwvdGVtcGxhdGU+"}},{default:e(()=>[t("div",null,[a(u,{"progress-dot":"",current:1},{default:e(()=>[a(c,{title:"Finished",description:"This is a description."}),a(c,{title:"In Progress",description:"This is a description."}),a(c,{title:"Waiting",description:"This is a description."})]),_:1}),a(i),a(u,{"progress-dot":"",current:1,direction:"vertical"},{default:e(()=>[a(c,{title:"Finished",description:"This is a description. This is a description."}),a(c,{title:"Finished",description:"This is a description. This is a description."}),a(c,{title:"In Progress",description:"This is a description. This is a description."}),a(c,{title:"Waiting",description:"This is a description."}),a(c,{title:"Waiting",description:"This is a description."})]),_:1})])]),htmlCode:e(()=>s[0]||(s[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"progress-dot"),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-divider")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"progress-dot"),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description. This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description. This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description. This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[1]||(s[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"progress-dot"),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-divider")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"progress-dot"),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description. This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description. This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description. This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var Q=g(E,[["render",M]]);const O={};function $(p,s){const c=o("a-step"),u=o("a-steps"),i=o("demo-box");return k(),d(i,{jsfiddle:{us:"The most basic step bar.",cn:"\u7B80\u5355\u7684\u6B65\u9AA4\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7B80\u5355\u7684\u6B65\u9AA4\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The most basic step bar.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic"},relativePath:"src/docs/steps/demo/simple.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXA+CiAgICAgIDwhLS0gPHNwYW4gc2xvdD0idGl0bGUiPkZpbmlzaGVkPC9zcGFuPiAtLT4KICAgICAgPHRlbXBsYXRlICN0aXRsZT5GaW5pc2hlZDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjZGVzY3JpcHRpb24+CiAgICAgICAgPHNwYW4+VGhpcyBpcyBhIGRlc2NyaXB0aW9uLjwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogICAgPGEtc3RlcCB0aXRsZT0iSW4gUHJvZ3Jlc3MiIHN1Yi10aXRsZT0iTGVmdCAwMDowMDowOCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXA+CiAgICAgIDwhLS0gPHNwYW4gc2xvdD0idGl0bGUiPkZpbmlzaGVkPC9zcGFuPiAtLT4KICAgICAgPHRlbXBsYXRlICN0aXRsZT5GaW5pc2hlZDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjZGVzY3JpcHRpb24+CiAgICAgICAgPHNwYW4+VGhpcyBpcyBhIGRlc2NyaXB0aW9uLjwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogICAgPGEtc3RlcCB0aXRsZT0iSW4gUHJvZ3Jlc3MiIHN1Yi10aXRsZT0iTGVmdCAwMDowMDowOCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+"}},{default:e(()=>[a(u,{current:1},{default:e(()=>[a(c,null,{title:e(()=>s[0]||(s[0]=[n("Finished")])),description:e(()=>s[1]||(s[1]=[t("span",null,"This is a description.",-1)])),_:1}),a(c,{title:"In Progress","sub-title":"Left 00:00:08",description:"This is a description."}),a(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>s[2]||(s[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token comment"},'<!-- <span slot="title">Finished</span> -->'),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n("Finished"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#description"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),t("span",{class:"token punctuation"},">")]),n("This is a description."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Left 00:00:08"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[3]||(s[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token comment"},'<!-- <span slot="title">Finished</span> -->'),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n("Finished"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#description"),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),t("span",{class:"token punctuation"},">")]),n("This is a description."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-step")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Left 00:00:08"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var tt=g(O,[["render",$]]);const nt={};function st(p,s){const c=o("a-step"),u=o("a-steps"),i=o("demo-box");return k(),d(i,{jsfiddle:{us:'By setting like this: `<Steps size="small">`, you can get a mini version.',cn:'\u8FF7\u4F60\u7248\u7684\u6B65\u9AA4\u6761\uFF0C\u901A\u8FC7\u8BBE\u7F6E `<Steps size="small">` \u542F\u7528.',docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u8FF7\u4F60\u7248\u7684\u6B65\u9AA4\u6761\uFF0C\u901A\u8FC7\u8BBE\u7F6E <code>&lt;Steps size=&quot;small&quot;&gt;</code> \u542F\u7528.</p>
<h2 id="en-us">en-US</h2>
<p>By setting like this: <code>&lt;Steps size=&quot;small&quot;&gt;</code>, you can get a mini version.</p>
`,order:1,title:{"zh-CN":"\u8FF7\u4F60\u7248","en-US":"Mini version"},relativePath:"src/docs/steps/demo/small-size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzaXplPSJzbWFsbCI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiAvPgogICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzaXplPSJzbWFsbCI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiAvPgogICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+"}},{default:e(()=>[a(u,{current:1,size:"small"},{default:e(()=>[a(c,{title:"Finished"}),a(c,{title:"In Progress"}),a(c,{title:"Waiting"})]),_:1})]),htmlCode:e(()=>s[0]||(s[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[1]||(s[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var at=g(nt,[["render",st]]);const et=v({setup(){const p=Z(0);return{current:p,steps:[{title:"First",content:"First-content"},{title:"Second",content:"Second-content"},{title:"Last",content:"Last-content"}],next:()=>{p.value++},prev:()=>{p.value--}}}}),ot={class:"steps-content"},pt={class:"steps-action"};function ct(p,s,c,u,i,A){const l=o("a-step"),r=o("a-steps"),I=o("a-button"),m=o("demo-box");return k(),d(m,{jsfiddle:{us:"Cooperate with the content and buttons, to represent the progress of a process.",cn:"\u901A\u5E38\u914D\u5408\u5185\u5BB9\u53CA\u6309\u94AE\u4F7F\u7528\uFF0C\u8868\u793A\u4E00\u4E2A\u6D41\u7A0B\u7684\u5904\u7406\u8FDB\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u901A\u5E38\u914D\u5408\u5185\u5BB9\u53CA\u6309\u94AE\u4F7F\u7528\uFF0C\u8868\u793A\u4E00\u4E2A\u6D41\u7A0B\u7684\u5904\u7406\u8FDB\u5EA6\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Cooperate with the content and buttons, to represent the progress of a process.</p>
`,order:3,title:{"zh-CN":"\u6B65\u9AA4\u5207\u6362","en-US":"Switch Step"},relativePath:"src/docs/steps/demo/step-next.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iY3VycmVudCI+CiAgICAgIDxhLXN0ZXAgdi1mb3I9Iml0ZW0gaW4gc3RlcHMiIDprZXk9Iml0ZW0udGl0bGUiIDp0aXRsZT0iaXRlbS50aXRsZSIgLz4KICAgIDwvYS1zdGVwcz4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWNvbnRlbnQiPgogICAgICB7eyBzdGVwc1tjdXJyZW50XS5jb250ZW50IH19CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWFjdGlvbiI+CiAgICAgIDxhLWJ1dHRvbiB2LWlmPSJjdXJyZW50IDwgc3RlcHMubGVuZ3RoIC0gMSIgdHlwZT0icHJpbWFyeSIgQGNsaWNrPSJuZXh0Ij5OZXh0PC9hLWJ1dHRvbj4KICAgICAgPGEtYnV0dG9uCiAgICAgICAgdi1pZj0iY3VycmVudCA9PSBzdGVwcy5sZW5ndGggLSAxIgogICAgICAgIHR5cGU9InByaW1hcnkiCiAgICAgICAgQGNsaWNrPSIkbWVzc2FnZS5zdWNjZXNzKCdQcm9jZXNzaW5nIGNvbXBsZXRlIScpIgogICAgICA+CiAgICAgICAgRG9uZQogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gdi1pZj0iY3VycmVudCA+IDAiIHN0eWxlPSJtYXJnaW4tbGVmdDogOHB4IiBAY2xpY2s9InByZXYiPlByZXZpb3VzPC9hLWJ1dHRvbj4KICAgIDwvZGl2PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGN1cnJlbnQgPSByZWY8bnVtYmVyPigwKTsKICAgIGNvbnN0IG5leHQgPSAoKSA9PiB7CiAgICAgIGN1cnJlbnQudmFsdWUrKzsKICAgIH07CiAgICBjb25zdCBwcmV2ID0gKCkgPT4gewogICAgICBjdXJyZW50LnZhbHVlLS07CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgY3VycmVudCwKICAgICAgc3RlcHM6IFsKICAgICAgICB7CiAgICAgICAgICB0aXRsZTogJ0ZpcnN0JywKICAgICAgICAgIGNvbnRlbnQ6ICdGaXJzdC1jb250ZW50JywKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAnU2Vjb25kJywKICAgICAgICAgIGNvbnRlbnQ6ICdTZWNvbmQtY29udGVudCcsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB0aXRsZTogJ0xhc3QnLAogICAgICAgICAgY29udGVudDogJ0xhc3QtY29udGVudCcsCiAgICAgICAgfSwKICAgICAgXSwKICAgICAgbmV4dCwKICAgICAgcHJldiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgouc3RlcHMtY29udGVudCB7CiAgbWFyZ2luLXRvcDogMTZweDsKICBib3JkZXI6IDFweCBkYXNoZWQgI2U5ZTllOTsKICBib3JkZXItcmFkaXVzOiA2cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTsKICBtaW4taGVpZ2h0OiAyMDBweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgcGFkZGluZy10b3A6IDgwcHg7Cn0KCi5zdGVwcy1hY3Rpb24gewogIG1hcmdpbi10b3A6IDI0cHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iY3VycmVudCI+CiAgICAgIDxhLXN0ZXAgdi1mb3I9Iml0ZW0gaW4gc3RlcHMiIDprZXk9Iml0ZW0udGl0bGUiIDp0aXRsZT0iaXRlbS50aXRsZSIgLz4KICAgIDwvYS1zdGVwcz4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWNvbnRlbnQiPgogICAgICB7eyBzdGVwc1tjdXJyZW50XS5jb250ZW50IH19CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWFjdGlvbiI+CiAgICAgIDxhLWJ1dHRvbiB2LWlmPSJjdXJyZW50IDwgc3RlcHMubGVuZ3RoIC0gMSIgdHlwZT0icHJpbWFyeSIgQGNsaWNrPSJuZXh0Ij5OZXh0PC9hLWJ1dHRvbj4KICAgICAgPGEtYnV0dG9uCiAgICAgICAgdi1pZj0iY3VycmVudCA9PSBzdGVwcy5sZW5ndGggLSAxIgogICAgICAgIHR5cGU9InByaW1hcnkiCiAgICAgICAgQGNsaWNrPSIkbWVzc2FnZS5zdWNjZXNzKCdQcm9jZXNzaW5nIGNvbXBsZXRlIScpIgogICAgICA+CiAgICAgICAgRG9uZQogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gdi1pZj0iY3VycmVudCA+IDAiIHN0eWxlPSJtYXJnaW4tbGVmdDogOHB4IiBAY2xpY2s9InByZXYiPlByZXZpb3VzPC9hLWJ1dHRvbj4KICAgIDwvZGl2PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBjdXJyZW50ID0gcmVmKDApOwogICAgY29uc3QgbmV4dCA9ICgpID0+IHsKICAgICAgY3VycmVudC52YWx1ZSsrOwogICAgfTsKICAgIGNvbnN0IHByZXYgPSAoKSA9PiB7CiAgICAgIGN1cnJlbnQudmFsdWUtLTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBjdXJyZW50LAogICAgICBzdGVwczogWwogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAnRmlyc3QnLAogICAgICAgICAgY29udGVudDogJ0ZpcnN0LWNvbnRlbnQnLAogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdGl0bGU6ICdTZWNvbmQnLAogICAgICAgICAgY29udGVudDogJ1NlY29uZC1jb250ZW50JywKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAnTGFzdCcsCiAgICAgICAgICBjb250ZW50OiAnTGFzdC1jb250ZW50JywKICAgICAgICB9LAogICAgICBdLAogICAgICBuZXh0LAogICAgICBwcmV2LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci5zdGVwcy1jb250ZW50IHsKICBtYXJnaW4tdG9wOiAxNnB4OwogIGJvcmRlcjogMXB4IGRhc2hlZCAjZTllOWU5OwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhOwogIG1pbi1oZWlnaHQ6IDIwMHB4OwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBwYWRkaW5nLXRvcDogODBweDsKfQoKLnN0ZXBzLWFjdGlvbiB7CiAgbWFyZ2luLXRvcDogMjRweDsKfQo8L3N0eWxlPg=="}},{default:e(()=>[t("div",null,[a(r,{current:p.current},{default:e(()=>[(k(!0),B(q,null,W(p.steps,C=>(k(),d(l,{key:C.title,title:C.title},null,8,["title"]))),128))]),_:1},8,["current"]),t("div",ot,y(p.steps[p.current].content),1),t("div",pt,[p.current<p.steps.length-1?(k(),d(I,{key:0,type:"primary",onClick:p.next},{default:e(()=>s[1]||(s[1]=[n("Next")])),_:1,__:[1]},8,["onClick"])):b("",!0),p.current==p.steps.length-1?(k(),d(I,{key:1,type:"primary",onClick:s[0]||(s[0]=C=>p.$message.success("Processing complete!"))},{default:e(()=>s[2]||(s[2]=[n(" Done ")])),_:1,__:[2]})):b("",!0),p.current>0?(k(),d(I,{key:2,style:{"margin-left":"8px"},onClick:p.prev},{default:e(()=>s[3]||(s[3]=[n("Previous")])),_:1,__:[3]},8,["onClick"])):b("",!0)])])]),htmlCode:e(()=>s[4]||(s[4]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"v-for"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item in steps"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("steps-content"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      {{ steps[current].content }}
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("steps-action"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current < steps.length - 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("next"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Next"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(`
        `),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current == steps.length - 1"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("$message.success('Processing complete!')"),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},">")]),n(`
        Done
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current > 0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-left"),t("span",{class:"token punctuation"},":"),n(" 8px")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("prev"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Previous"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" current "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("number"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"next"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token operator"},"++"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"prev"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token operator"},"--"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token literal-property property"},"steps"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
        `),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'First'"),t("span",{class:"token punctuation"},","),n(`
          `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'First-content'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Second'"),t("span",{class:"token punctuation"},","),n(`
          `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Second-content'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Last'"),t("span",{class:"token punctuation"},","),n(`
          `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Last-content'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
      next`),t("span",{class:"token punctuation"},","),n(`
      prev`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
`),t("span",{class:"token selector"},".steps-content"),n(),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token property"},"margin-top"),t("span",{class:"token punctuation"},":"),n(" 16px"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"border"),t("span",{class:"token punctuation"},":"),n(" 1px dashed #e9e9e9"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"border-radius"),t("span",{class:"token punctuation"},":"),n(" 6px"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"background-color"),t("span",{class:"token punctuation"},":"),n(" #fafafa"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"min-height"),t("span",{class:"token punctuation"},":"),n(" 200px"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"text-align"),t("span",{class:"token punctuation"},":"),n(" center"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"padding-top"),t("span",{class:"token punctuation"},":"),n(" 80px"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`

`),t("span",{class:"token selector"},".steps-action"),n(),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token property"},"margin-top"),t("span",{class:"token punctuation"},":"),n(" 24px"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[5]||(s[5]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"v-for"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item in steps"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("steps-content"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      {{ steps[current].content }}
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("steps-action"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current < steps.length - 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("next"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Next"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(`
        `),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current == steps.length - 1"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("$message.success('Processing complete!')"),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},">")]),n(`
        Done
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current > 0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-left"),t("span",{class:"token punctuation"},":"),n(" 8px")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("prev"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Previous"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" current "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"next"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token operator"},"++"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"prev"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token operator"},"--"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token literal-property property"},"steps"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
        `),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'First'"),t("span",{class:"token punctuation"},","),n(`
          `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'First-content'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Second'"),t("span",{class:"token punctuation"},","),n(`
          `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Second-content'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Last'"),t("span",{class:"token punctuation"},","),n(`
          `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Last-content'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
      next`),t("span",{class:"token punctuation"},","),n(`
      prev`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
`),t("span",{class:"token selector"},".steps-content"),n(),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token property"},"margin-top"),t("span",{class:"token punctuation"},":"),n(" 16px"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"border"),t("span",{class:"token punctuation"},":"),n(" 1px dashed #e9e9e9"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"border-radius"),t("span",{class:"token punctuation"},":"),n(" 6px"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"background-color"),t("span",{class:"token punctuation"},":"),n(" #fafafa"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"min-height"),t("span",{class:"token punctuation"},":"),n(" 200px"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"text-align"),t("span",{class:"token punctuation"},":"),n(" center"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token property"},"padding-top"),t("span",{class:"token punctuation"},":"),n(" 80px"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`

`),t("span",{class:"token selector"},".steps-action"),n(),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token property"},"margin-top"),t("span",{class:"token punctuation"},":"),n(" 24px"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var lt=g(et,[["render",ct],["__scopeId","data-v-08848335"]]);const ut={};function it(p,s){const c=o("a-step"),u=o("a-steps"),i=o("demo-box");return k(),d(i,{jsfiddle:{us:"A simple mini version step bar in the vertical direction.",cn:"\u7B80\u5355\u7684\u7AD6\u76F4\u65B9\u5411\u7684\u5C0F\u578B\u6B65\u9AA4\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7B80\u5355\u7684\u7AD6\u76F4\u65B9\u5411\u7684\u5C0F\u578B\u6B65\u9AA4\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A simple mini version step bar in the vertical direction.</p>
`,order:5,title:{"zh-CN":"\u7AD6\u76F4\u65B9\u5411\u7684\u5C0F\u578B\u6B65\u9AA4\u6761","en-US":"Vertical mini version"},relativePath:"src/docs/steps/demo/vertical-small.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIHNpemU9InNtYWxsIiA6Y3VycmVudD0iMSI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIHNpemU9InNtYWxsIiA6Y3VycmVudD0iMSI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+"}},{default:e(()=>[a(u,{direction:"vertical",size:"small",current:1},{default:e(()=>[a(c,{title:"Finished",description:"This is a description."}),a(c,{title:"In Progress",description:"This is a description."}),a(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>s[0]||(s[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[1]||(s[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var kt=g(ut,[["render",it]]);const rt={};function dt(p,s){const c=o("a-step"),u=o("a-steps"),i=o("demo-box");return k(),d(i,{jsfiddle:{us:"A simple step bar in the vertical direction.",cn:"\u7B80\u5355\u7684\u7AD6\u76F4\u65B9\u5411\u7684\u6B65\u9AA4\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7B80\u5355\u7684\u7AD6\u76F4\u65B9\u5411\u7684\u6B65\u9AA4\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A simple step bar in the vertical direction.</p>
`,order:4,title:{"zh-CN":"\u7AD6\u76F4\u65B9\u5411\u7684\u6B65\u9AA4\u6761","en-US":"Vertical"},relativePath:"src/docs/steps/demo/vertical.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[a(u,{direction:"vertical",current:1},{default:e(()=>[a(c,{title:"Finished",description:"This is a description."}),a(c,{title:"In Progress",description:"This is a description."}),a(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>s[0]||(s[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[1]||(s[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":current"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Finished"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("In Progress"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Waiting"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var gt=g(rt,[["render",dt]]);const It=v({setup(){return{current:Z(0)}}});function mt(p,s,c,u,i,A){const l=o("a-step"),r=o("a-steps"),I=o("a-divider"),m=o("demo-box");return k(),d(m,{jsfiddle:{us:"Setting `v-model` makes Steps clickable.",cn:"\u8BBE\u7F6E `v-model` \u540E\uFF0CSteps \u53D8\u4E3A\u53EF\u70B9\u51FB\u72B6\u6001\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u8BBE\u7F6E <code>v-model</code> \u540E\uFF0CSteps \u53D8\u4E3A\u53EF\u70B9\u51FB\u72B6\u6001\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Setting <code>v-model</code> makes Steps clickable.</p>
`,order:9,title:{"zh-CN":"\u53EF\u70B9\u51FB","en-US":"Clickable"},relativePath:"src/docs/steps/demo/clickable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDEiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDIiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDMiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgPC9hLXN0ZXBzPgogICAgPGEtZGl2aWRlciAvPgogICAgPGEtc3RlcHMgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiBkaXJlY3Rpb249InZlcnRpY2FsIj4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAxIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAyIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBjdXJyZW50ID0gcmVmPG51bWJlcj4oMCk7CgogICAgcmV0dXJuIHsKICAgICAgY3VycmVudCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDEiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDIiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDMiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgPC9hLXN0ZXBzPgogICAgPGEtZGl2aWRlciAvPgogICAgPGEtc3RlcHMgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiBkaXJlY3Rpb249InZlcnRpY2FsIj4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAxIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAyIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY3VycmVudCA9IHJlZigwKTsKICAgIHJldHVybiB7CiAgICAgIGN1cnJlbnQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[t("div",null,[a(r,{current:p.current,"onUpdate:current":s[0]||(s[0]=C=>p.current=C)},{default:e(()=>[a(l,{title:"Step 1",description:"This is a description."}),a(l,{title:"Step 2",description:"This is a description."}),a(l,{title:"Step 3",description:"This is a description."})]),_:1},8,["current"]),a(I),a(r,{current:p.current,"onUpdate:current":s[1]||(s[1]=C=>p.current=C),direction:"vertical"},{default:e(()=>[a(l,{title:"Step 1",description:"This is a description."}),a(l,{title:"Step 2",description:"This is a description."}),a(l,{title:"Step 3",description:"This is a description."})]),_:1},8,["current"])])]),htmlCode:e(()=>s[2]||(s[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-divider")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" current "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("number"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[3]||(s[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-divider")]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"direction"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" current "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var Ct=g(It,[["render",mt]]);const At=v({setup(){return{current:Z(0),stepStyle:{marginBottom:"60px",boxShadow:"0px -1px 0 0 #e8e8e8 inset"}}}});function vt(p,s,c,u,i,A){const l=o("a-step"),r=o("a-steps"),I=o("demo-box");return k(),d(I,{jsfiddle:{us:"Navigation steps.",cn:"\u5BFC\u822A\u7C7B\u578B\u7684\u6B65\u9AA4\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5BFC\u822A\u7C7B\u578B\u7684\u6B65\u9AA4\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Navigation steps.</p>
`,order:10,title:{"zh-CN":"\u5BFC\u822A\u6B65\u9AA4","en-US":"Navigation Steps"},relativePath:"src/docs/steps/demo/nav.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiIHR5cGU9Im5hdmlnYXRpb24iIHNpemU9InNtYWxsIiA6c3R5bGU9InN0ZXBTdHlsZSI+CiAgICAgIDxhLXN0ZXAKICAgICAgICB0aXRsZT0iU3RlcCAxIgogICAgICAgIHN1Yi10aXRsZT0iMDA6MDA6MDUiCiAgICAgICAgc3RhdHVzPSJmaW5pc2giCiAgICAgICAgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iCiAgICAgIC8+CiAgICAgIDxhLXN0ZXAKICAgICAgICB0aXRsZT0iU3RlcCAyIgogICAgICAgIHN1Yi10aXRsZT0iMDA6MDE6MDIiCiAgICAgICAgc3RhdHVzPSJwcm9jZXNzIgogICAgICAgIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIgogICAgICAvPgogICAgICA8YS1zdGVwCiAgICAgICAgdGl0bGU9IlN0ZXAgMyIKICAgICAgICBzdWItdGl0bGU9IndhaXRpbmcgZm9yIGxvbmdsb25nIHRpbWUiCiAgICAgICAgc3RhdHVzPSJ3YWl0IgogICAgICAgIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIgogICAgICAvPgogICAgPC9hLXN0ZXBzPgogICAgPGEtc3RlcHMgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiB0eXBlPSJuYXZpZ2F0aW9uIiA6c3R5bGU9InN0ZXBTdHlsZSI+CiAgICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJTdGVwIDEiIC8+CiAgICAgIDxhLXN0ZXAgc3RhdHVzPSJwcm9jZXNzIiB0aXRsZT0iU3RlcCAyIiAvPgogICAgICA8YS1zdGVwIHN0YXR1cz0id2FpdCIgdGl0bGU9IlN0ZXAgMyIgLz4KICAgICAgPGEtc3RlcCBzdGF0dXM9IndhaXQiIHRpdGxlPSJTdGVwIDQiIC8+CiAgICA8L2Etc3RlcHM+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiIHR5cGU9Im5hdmlnYXRpb24iIHNpemU9InNtYWxsIiA6c3R5bGU9InN0ZXBTdHlsZSI+CiAgICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJmaW5pc2ggMSIgLz4KICAgICAgPGEtc3RlcCBzdGF0dXM9ImZpbmlzaCIgdGl0bGU9ImZpbmlzaCAyIiAvPgogICAgICA8YS1zdGVwIHN0YXR1cz0icHJvY2VzcyIgdGl0bGU9ImN1cnJlbnQgcHJvY2VzcyIgLz4KICAgICAgPGEtc3RlcCBzdGF0dXM9IndhaXQiIHRpdGxlPSJ3YWl0IiBkaXNhYmxlZCAvPgogICAgPC9hLXN0ZXBzPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGN1cnJlbnQgPSByZWY8bnVtYmVyPigwKTsKCiAgICByZXR1cm4gewogICAgICBjdXJyZW50LAogICAgICBzdGVwU3R5bGU6IHsKICAgICAgICBtYXJnaW5Cb3R0b206ICc2MHB4JywKICAgICAgICBib3hTaGFkb3c6ICcwcHggLTFweCAwIDAgI2U4ZThlOCBpbnNldCcsCiAgICAgIH0sCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiIHR5cGU9Im5hdmlnYXRpb24iIHNpemU9InNtYWxsIiA6c3R5bGU9InN0ZXBTdHlsZSI+CiAgICAgIDxhLXN0ZXAKICAgICAgICB0aXRsZT0iU3RlcCAxIgogICAgICAgIHN1Yi10aXRsZT0iMDA6MDA6MDUiCiAgICAgICAgc3RhdHVzPSJmaW5pc2giCiAgICAgICAgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iCiAgICAgIC8+CiAgICAgIDxhLXN0ZXAKICAgICAgICB0aXRsZT0iU3RlcCAyIgogICAgICAgIHN1Yi10aXRsZT0iMDA6MDE6MDIiCiAgICAgICAgc3RhdHVzPSJwcm9jZXNzIgogICAgICAgIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIgogICAgICAvPgogICAgICA8YS1zdGVwCiAgICAgICAgdGl0bGU9IlN0ZXAgMyIKICAgICAgICBzdWItdGl0bGU9IndhaXRpbmcgZm9yIGxvbmdsb25nIHRpbWUiCiAgICAgICAgc3RhdHVzPSJ3YWl0IgogICAgICAgIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIgogICAgICAvPgogICAgPC9hLXN0ZXBzPgogICAgPGEtc3RlcHMgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiB0eXBlPSJuYXZpZ2F0aW9uIiA6c3R5bGU9InN0ZXBTdHlsZSI+CiAgICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJTdGVwIDEiIC8+CiAgICAgIDxhLXN0ZXAgc3RhdHVzPSJwcm9jZXNzIiB0aXRsZT0iU3RlcCAyIiAvPgogICAgICA8YS1zdGVwIHN0YXR1cz0id2FpdCIgdGl0bGU9IlN0ZXAgMyIgLz4KICAgICAgPGEtc3RlcCBzdGF0dXM9IndhaXQiIHRpdGxlPSJTdGVwIDQiIC8+CiAgICA8L2Etc3RlcHM+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiIHR5cGU9Im5hdmlnYXRpb24iIHNpemU9InNtYWxsIiA6c3R5bGU9InN0ZXBTdHlsZSI+CiAgICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJmaW5pc2ggMSIgLz4KICAgICAgPGEtc3RlcCBzdGF0dXM9ImZpbmlzaCIgdGl0bGU9ImZpbmlzaCAyIiAvPgogICAgICA8YS1zdGVwIHN0YXR1cz0icHJvY2VzcyIgdGl0bGU9ImN1cnJlbnQgcHJvY2VzcyIgLz4KICAgICAgPGEtc3RlcCBzdGF0dXM9IndhaXQiIHRpdGxlPSJ3YWl0IiBkaXNhYmxlZCAvPgogICAgPC9hLXN0ZXBzPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBjdXJyZW50ID0gcmVmKDApOwogICAgcmV0dXJuIHsKICAgICAgY3VycmVudCwKICAgICAgc3RlcFN0eWxlOiB7CiAgICAgICAgbWFyZ2luQm90dG9tOiAnNjBweCcsCiAgICAgICAgYm94U2hhZG93OiAnMHB4IC0xcHggMCAwICNlOGU4ZTggaW5zZXQnLAogICAgICB9LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[t("div",null,[a(r,{current:p.current,"onUpdate:current":s[0]||(s[0]=m=>p.current=m),type:"navigation",size:"small",style:X(p.stepStyle)},{default:e(()=>[a(l,{title:"Step 1","sub-title":"00:00:05",status:"finish",description:"This is a description."}),a(l,{title:"Step 2","sub-title":"00:01:02",status:"process",description:"This is a description."}),a(l,{title:"Step 3","sub-title":"waiting for longlong time",status:"wait",description:"This is a description."})]),_:1},8,["current","style"]),a(r,{current:p.current,"onUpdate:current":s[1]||(s[1]=m=>p.current=m),type:"navigation",style:X(p.stepStyle)},{default:e(()=>[a(l,{status:"finish",title:"Step 1"}),a(l,{status:"process",title:"Step 2"}),a(l,{status:"wait",title:"Step 3"}),a(l,{status:"wait",title:"Step 4"})]),_:1},8,["current","style"]),a(r,{current:p.current,"onUpdate:current":s[2]||(s[2]=m=>p.current=m),type:"navigation",size:"small",style:X(p.stepStyle)},{default:e(()=>[a(l,{status:"finish",title:"finish 1"}),a(l,{status:"finish",title:"finish 2"}),a(l,{status:"process",title:"current process"}),a(l,{status:"wait",title:"wait",disabled:""})]),_:1},8,["current","style"])])]),htmlCode:e(()=>s[3]||(s[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("navigation"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("stepStyle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(`
        `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("00:00:05"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(`
        `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("00:01:02"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(`
        `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("waiting for longlong time"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("navigation"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("stepStyle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 4"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("navigation"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("stepStyle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"disabled"),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" current "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("number"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token literal-property property"},"stepStyle"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"marginBottom"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'60px'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"boxShadow"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0px -1px 0 0 #e8e8e8 inset'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>s[4]||(s[4]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("navigation"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("stepStyle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(`
        `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("00:00:05"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(`
        `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("00:01:02"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(`
        `),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"sub-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("waiting for longlong time"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(`
        `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("This is a description."),t("span",{class:"token punctuation"},'"')]),n(`
      `),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("navigation"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("stepStyle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Step 4"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-steps")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("current")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("navigation"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("stepStyle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("finish 2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("current process"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-step")]),n(),t("span",{class:"token attr-name"},"status"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("wait"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"disabled"),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-steps")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" current "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      current`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token literal-property property"},"stepStyle"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"marginBottom"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'60px'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"boxShadow"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0px -1px 0 0 #e8e8e8 inset'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var ht=g(At,[["render",vt]]);const Gt={pageData:{title:"Steps",description:"",frontmatter:{category:"Components",subtitle:"\u6B65\u9AA4\u6761",type:"\u5BFC\u822A",cols:1,title:"Steps",cover:"https://gw.alipayobjects.com/zos/antfincdn/UZYqMizXHaj/Steps.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5F53\u4EFB\u52A1\u590D\u6742\u6216\u8005\u5B58\u5728\u5148\u540E\u5173\u7CFB\u65F6\uFF0C\u5C06\u5176\u5206\u89E3\u6210\u4E00\u7CFB\u5217\u6B65\u9AA4\uFF0C\u4ECE\u800C\u7B80\u5316\u4EFB\u52A1\u3002"},{level:2,title:"API",slug:"api",content:""},{level:3,title:"Steps",slug:"steps",content:"\u6574\u4F53\u6B65\u9AA4\u6761\u3002"},{level:3,title:"Steps.Step",slug:"steps-step",content:"\u6B65\u9AA4\u6761\u5185\u7684\u6BCF\u4E00\u4E2A\u6B65\u9AA4\u3002"}],relativePath:"src/docs/steps/index.zh-CN.md",content:`
\u5F15\u5BFC\u7528\u6237\u6309\u7167\u6D41\u7A0B\u5B8C\u6210\u4EFB\u52A1\u7684\u5BFC\u822A\u6761\u3002

## \u4F55\u65F6\u4F7F\u7528

\u5F53\u4EFB\u52A1\u590D\u6742\u6216\u8005\u5B58\u5728\u5148\u540E\u5173\u7CFB\u65F6\uFF0C\u5C06\u5176\u5206\u89E3\u6210\u4E00\u7CFB\u5217\u6B65\u9AA4\uFF0C\u4ECE\u800C\u7B80\u5316\u4EFB\u52A1\u3002

## API

\`\`\`jsx
&lt;a-steps&gt;
  &lt;a-step title=&quot;\u7B2C\u4E00\u6B65&quot; /&gt;
  &lt;a-step title=&quot;\u7B2C\u4E8C\u6B65&quot; /&gt;
  &lt;a-step title=&quot;\u7B2C\u4E09\u6B65&quot; /&gt;
&lt;/a-steps&gt;
\`\`\`

### Steps

\u6574\u4F53\u6B65\u9AA4\u6761\u3002

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| type | \u6B65\u9AA4\u6761\u7C7B\u578B\uFF0C\u6709 \`default\` \u548C \`navigation\` \u4E24\u79CD | string | \`default\` | 1.5.0 |
| current (v-model) | \u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570\u3002\u5728\u5B50 Step \u5143\u7D20\u4E2D\uFF0C\u53EF\u4EE5\u901A\u8FC7 \`status\` \u5C5E\u6027\u8986\u76D6\u72B6\u6001, 1.5.0 \u540E\u652F\u6301 v-model | number | 0 |  |
| direction | \u6307\u5B9A\u6B65\u9AA4\u6761\u65B9\u5411\u3002\u76EE\u524D\u652F\u6301\u6C34\u5E73\uFF08\`horizontal\`\uFF09\u548C\u7AD6\u76F4\uFF08\`vertical\`\uFF09\u4E24\u79CD\u65B9\u5411 | string | horizontal |  |
| labelPlacement | \u6307\u5B9A\u6807\u7B7E\u653E\u7F6E\u4F4D\u7F6E\uFF0C\u9ED8\u8BA4\u6C34\u5E73\u653E\u56FE\u6807\u53F3\u4FA7\uFF0C\u53EF\u9009\`vertical\`\u653E\u56FE\u6807\u4E0B\u65B9 | string | \`horizontal\` |  |
| progressDot | \u70B9\u72B6\u6B65\u9AA4\u6761\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u4E00\u4E2A \u4F5C\u7528\u57DF\u63D2\u69FD,labelPlacement \u5C06\u5F3A\u5236\u4E3A\`vertical\` | Boolean or slot=&quot;progressDot&quot; slot-scope=&quot;{index, status, title, description, prefixCls})&quot; | false |  |
| size | \u6307\u5B9A\u5927\u5C0F\uFF0C\u76EE\u524D\u652F\u6301\u666E\u901A\uFF08\`default\`\uFF09\u548C\u8FF7\u4F60\uFF08\`small\`\uFF09 | string | default |  |
| status | \u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\u7684\u72B6\u6001\uFF0C\u53EF\u9009 \`wait\` \`process\` \`finish\` \`error\` | string | process |  |
| initial | \u8D77\u59CB\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570 | number | 0 |  |

#### Steps \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E               | \u56DE\u8C03\u53C2\u6570          | \u7248\u672C |
| -------- | ------------------ | ----------------- | ---- |
| change   | \u70B9\u51FB\u5207\u6362\u6B65\u9AA4\u65F6\u89E6\u53D1 | (current) =&gt; void | -    | 1.5.0 |

### Steps.Step

\u6B65\u9AA4\u6761\u5185\u7684\u6BCF\u4E00\u4E2A\u6B65\u9AA4\u3002

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| description | \u6B65\u9AA4\u7684\u8BE6\u60C5\u63CF\u8FF0\uFF0C\u53EF\u9009 | string \\| slot | - |  |
| icon | \u6B65\u9AA4\u56FE\u6807\u7684\u7C7B\u578B\uFF0C\u53EF\u9009 | string \\| slot | - |  |
| status | \u6307\u5B9A\u72B6\u6001\u3002\u5F53\u4E0D\u914D\u7F6E\u8BE5\u5C5E\u6027\u65F6\uFF0C\u4F1A\u4F7F\u7528 Steps \u7684 \`current\` \u6765\u81EA\u52A8\u6307\u5B9A\u72B6\u6001\u3002\u53EF\u9009\uFF1A\`wait\` \`process\` \`finish\` \`error\` | string | wait |  |
| title | \u6807\u9898 | string \\| slot | - |  |
| subTitle | \u5B50\u6807\u9898 | string \\| slot | - | 1.5.0 |
| disabled | \u7981\u7528\u70B9\u51FB | boolean | false | 1.5.0 |
`,html:`<p>\u5F15\u5BFC\u7528\u6237\u6309\u7167\u6D41\u7A0B\u5B8C\u6210\u4EFB\u52A1\u7684\u5BFC\u822A\u6761\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u5F53\u4EFB\u52A1\u590D\u6742\u6216\u8005\u5B58\u5728\u5148\u540E\u5173\u7CFB\u65F6\uFF0C\u5C06\u5176\u5206\u89E3\u6210\u4E00\u7CFB\u5217\u6B65\u9AA4\uFF0C\u4ECE\u800C\u7B80\u5316\u4EFB\u52A1\u3002</p>
<h2 id="api">API</h2>
<pre class="language-jsx" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-steps</span><span class="token punctuation">></span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>\u7B2C\u4E00\u6B65<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>\u7B2C\u4E8C\u6B65<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>\u7B2C\u4E09\u6B65<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token plain-text">
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-steps</span><span class="token punctuation">></span></span>
</code></pre>
<h3 id="steps">Steps</h3>
<p>\u6574\u4F53\u6B65\u9AA4\u6761\u3002</p>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>type</td>
<td>\u6B65\u9AA4\u6761\u7C7B\u578B\uFF0C\u6709 <code>default</code> \u548C <code>navigation</code> \u4E24\u79CD</td>
<td>string</td>
<td><code>default</code></td>
<td>1.5.0</td>
</tr>
<tr>
<td>current (v-model)</td>
<td>\u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570\u3002\u5728\u5B50 Step \u5143\u7D20\u4E2D\uFF0C\u53EF\u4EE5\u901A\u8FC7 <code>status</code> \u5C5E\u6027\u8986\u76D6\u72B6\u6001, 1.5.0 \u540E\u652F\u6301 v-model</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>direction</td>
<td>\u6307\u5B9A\u6B65\u9AA4\u6761\u65B9\u5411\u3002\u76EE\u524D\u652F\u6301\u6C34\u5E73\uFF08<code>horizontal</code>\uFF09\u548C\u7AD6\u76F4\uFF08<code>vertical</code>\uFF09\u4E24\u79CD\u65B9\u5411</td>
<td>string</td>
<td>horizontal</td>
<td></td>
</tr>
<tr>
<td>labelPlacement</td>
<td>\u6307\u5B9A\u6807\u7B7E\u653E\u7F6E\u4F4D\u7F6E\uFF0C\u9ED8\u8BA4\u6C34\u5E73\u653E\u56FE\u6807\u53F3\u4FA7\uFF0C\u53EF\u9009<code>vertical</code>\u653E\u56FE\u6807\u4E0B\u65B9</td>
<td>string</td>
<td><code>horizontal</code></td>
<td></td>
</tr>
<tr>
<td>progressDot</td>
<td>\u70B9\u72B6\u6B65\u9AA4\u6761\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u4E00\u4E2A \u4F5C\u7528\u57DF\u63D2\u69FD,labelPlacement \u5C06\u5F3A\u5236\u4E3A<code>vertical</code></td>
<td>Boolean or slot=&quot;progressDot&quot; slot-scope=&quot;{index, status, title, description, prefixCls})&quot;</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>\u6307\u5B9A\u5927\u5C0F\uFF0C\u76EE\u524D\u652F\u6301\u666E\u901A\uFF08<code>default</code>\uFF09\u548C\u8FF7\u4F60\uFF08<code>small</code>\uFF09</td>
<td>string</td>
<td>default</td>
<td></td>
</tr>
<tr>
<td>status</td>
<td>\u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\u7684\u72B6\u6001\uFF0C\u53EF\u9009 <code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td>
<td>string</td>
<td>process</td>
<td></td>
</tr>
<tr>
<td>initial</td>
<td>\u8D77\u59CB\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
</tbody>
</table>
<h4 id="steps-\u4E8B\u4EF6">Steps \u4E8B\u4EF6</h4>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u70B9\u51FB\u5207\u6362\u6B65\u9AA4\u65F6\u89E6\u53D1</td>
<td>(current) =&gt; void</td>
<td>-</td>
</tr>
</tbody>
</table>
<h3 id="steps-step">Steps.Step</h3>
<p>\u6B65\u9AA4\u6761\u5185\u7684\u6BCF\u4E00\u4E2A\u6B65\u9AA4\u3002</p>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>description</td>
<td>\u6B65\u9AA4\u7684\u8BE6\u60C5\u63CF\u8FF0\uFF0C\u53EF\u9009</td>
<td>string | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>\u6B65\u9AA4\u56FE\u6807\u7684\u7C7B\u578B\uFF0C\u53EF\u9009</td>
<td>string | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>status</td>
<td>\u6307\u5B9A\u72B6\u6001\u3002\u5F53\u4E0D\u914D\u7F6E\u8BE5\u5C5E\u6027\u65F6\uFF0C\u4F1A\u4F7F\u7528 Steps \u7684 <code>current</code> \u6765\u81EA\u52A8\u6307\u5B9A\u72B6\u6001\u3002\u53EF\u9009\uFF1A<code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td>
<td>string</td>
<td>wait</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>\u6807\u9898</td>
<td>string | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>subTitle</td>
<td>\u5B50\u6807\u9898</td>
<td>string | slot</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>disabled</td>
<td>\u7981\u7528\u70B9\u51FB</td>
<td>boolean</td>
<td>false</td>
<td>1.5.0</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052757}},bt={class:"markdown"};function Xt(p,s,c,u,i,A){return k(),B("article",bt,s[0]||(s[0]=[S(`<p>\u5F15\u5BFC\u7528\u6237\u6309\u7167\u6D41\u7A0B\u5B8C\u6210\u4EFB\u52A1\u7684\u5BFC\u822A\u6761\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u5F53\u4EFB\u52A1\u590D\u6742\u6216\u8005\u5B58\u5728\u5148\u540E\u5173\u7CFB\u65F6\uFF0C\u5C06\u5176\u5206\u89E3\u6210\u4E00\u7CFB\u5217\u6B65\u9AA4\uFF0C\u4ECE\u800C\u7B80\u5316\u4EFB\u52A1\u3002</p><h2 id="api">API</h2><pre class="language-jsx"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-steps</span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>\u7B2C\u4E00\u6B65<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>\u7B2C\u4E8C\u6B65<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>\u7B2C\u4E09\u6B65<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token plain-text">
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-steps</span><span class="token punctuation">&gt;</span></span>
</code></pre><h3 id="steps">Steps</h3><p>\u6574\u4F53\u6B65\u9AA4\u6761\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>type</td><td>\u6B65\u9AA4\u6761\u7C7B\u578B\uFF0C\u6709 <code>default</code> \u548C <code>navigation</code> \u4E24\u79CD</td><td>string</td><td><code>default</code></td><td>1.5.0</td></tr><tr><td>current (v-model)</td><td>\u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570\u3002\u5728\u5B50 Step \u5143\u7D20\u4E2D\uFF0C\u53EF\u4EE5\u901A\u8FC7 <code>status</code> \u5C5E\u6027\u8986\u76D6\u72B6\u6001, 1.5.0 \u540E\u652F\u6301 v-model</td><td>number</td><td>0</td><td></td></tr><tr><td>direction</td><td>\u6307\u5B9A\u6B65\u9AA4\u6761\u65B9\u5411\u3002\u76EE\u524D\u652F\u6301\u6C34\u5E73\uFF08<code>horizontal</code>\uFF09\u548C\u7AD6\u76F4\uFF08<code>vertical</code>\uFF09\u4E24\u79CD\u65B9\u5411</td><td>string</td><td>horizontal</td><td></td></tr><tr><td>labelPlacement</td><td>\u6307\u5B9A\u6807\u7B7E\u653E\u7F6E\u4F4D\u7F6E\uFF0C\u9ED8\u8BA4\u6C34\u5E73\u653E\u56FE\u6807\u53F3\u4FA7\uFF0C\u53EF\u9009<code>vertical</code>\u653E\u56FE\u6807\u4E0B\u65B9</td><td>string</td><td><code>horizontal</code></td><td></td></tr><tr><td>progressDot</td><td>\u70B9\u72B6\u6B65\u9AA4\u6761\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u4E00\u4E2A \u4F5C\u7528\u57DF\u63D2\u69FD,labelPlacement \u5C06\u5F3A\u5236\u4E3A<code>vertical</code></td><td>Boolean or slot=&quot;progressDot&quot; slot-scope=&quot;{index, status, title, description, prefixCls})&quot;</td><td>false</td><td></td></tr><tr><td>size</td><td>\u6307\u5B9A\u5927\u5C0F\uFF0C\u76EE\u524D\u652F\u6301\u666E\u901A\uFF08<code>default</code>\uFF09\u548C\u8FF7\u4F60\uFF08<code>small</code>\uFF09</td><td>string</td><td>default</td><td></td></tr><tr><td>status</td><td>\u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\u7684\u72B6\u6001\uFF0C\u53EF\u9009 <code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td><td>string</td><td>process</td><td></td></tr><tr><td>initial</td><td>\u8D77\u59CB\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570</td><td>number</td><td>0</td><td></td></tr></tbody></table><h4 id="steps-\u4E8B\u4EF6">Steps \u4E8B\u4EF6</h4><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>change</td><td>\u70B9\u51FB\u5207\u6362\u6B65\u9AA4\u65F6\u89E6\u53D1</td><td>(current) =&gt; void</td><td>-</td></tr></tbody></table><h3 id="steps-step">Steps.Step</h3><p>\u6B65\u9AA4\u6761\u5185\u7684\u6BCF\u4E00\u4E2A\u6B65\u9AA4\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>description</td><td>\u6B65\u9AA4\u7684\u8BE6\u60C5\u63CF\u8FF0\uFF0C\u53EF\u9009</td><td>string | slot</td><td>-</td><td></td></tr><tr><td>icon</td><td>\u6B65\u9AA4\u56FE\u6807\u7684\u7C7B\u578B\uFF0C\u53EF\u9009</td><td>string | slot</td><td>-</td><td></td></tr><tr><td>status</td><td>\u6307\u5B9A\u72B6\u6001\u3002\u5F53\u4E0D\u914D\u7F6E\u8BE5\u5C5E\u6027\u65F6\uFF0C\u4F1A\u4F7F\u7528 Steps \u7684 <code>current</code> \u6765\u81EA\u52A8\u6307\u5B9A\u72B6\u6001\u3002\u53EF\u9009\uFF1A<code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td><td>string</td><td>wait</td><td></td></tr><tr><td>title</td><td>\u6807\u9898</td><td>string | slot</td><td>-</td><td></td></tr><tr><td>subTitle</td><td>\u5B50\u6807\u9898</td><td>string | slot</td><td>-</td><td>1.5.0</td></tr><tr><td>disabled</td><td>\u7981\u7528\u70B9\u51FB</td><td>boolean</td><td>false</td><td>1.5.0</td></tr></tbody></table>`,13)]))}var yt=g(Gt,[["render",Xt]]);const Zt={pageData:{title:"Steps",description:"",frontmatter:{category:"Components",type:"Navigation",cols:1,title:"Steps",cover:"https://gw.alipayobjects.com/zos/antfincdn/UZYqMizXHaj/Steps.svg"},headers:[{level:2,title:"API",slug:"api",content:""},{level:3,title:"Steps",slug:"steps",content:"The whole of the step bar."},{level:3,title:"Steps.Step",slug:"steps-step",content:"A single step in the step bar."}],relativePath:"src/docs/steps/index.en-US.md",content:"\n`Steps` is a navigation bar that guides users through the steps of a task.\n\n## API\n\n```jsx\n&lt;a-steps&gt;\n  &lt;a-step title=&quot;first step&quot; /&gt;\n  &lt;a-step title=&quot;second step&quot; /&gt;\n  &lt;a-step title=&quot;third step&quot; /&gt;\n&lt;/a-steps&gt;\n```\n\n### Steps\n\nThe whole of the step bar.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| current(v-model) | to set the current step, counting from 0. You can overwrite this state by using `status` of `Step`, support v-model after 1.5.0 | number | 0 |  |\n| type | Type of steps, can be set to one of the following values: `default`, `navigation` | string | `default` | 1.5.0 |\n| direction | to specify the direction of the step bar, `horizontal` and `vertical` are currently supported | string | `horizontal` |  |\n| labelPlacement | support vertial title and description | string | `horizontal` |  |\n| progressDot | Steps with progress dot style, customize the progress dot by setting a scoped slot. labelPlacement will be `vertical` | Boolean or slot=&quot;progressDot&quot; slot-scope=&quot;{index, status, title, description, prefixCls})&quot; | false |  |\n| size | to specify the size of the step bar, `default` and `small` are currently supported | string | `default` |  |\n| status | to specify the status of current step, can be set to one of the following values: `wait` `process` `finish` `error` | string | `process` |  |\n| initial | set the initial step, counting from 0 | number | 0 |  |\n\n#### Steps Events\n\n| Events Name | Description                  | Arguments         | Version |\n| ----------- | ---------------------------- | ----------------- | ------- |\n| change      | Trigger when Step is changed | (current) =&gt; void | -       | 1.5.0 |\n\n### Steps.Step\n\nA single step in the step bar.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| description | description of the step, optional property | string\\|slot | - |  |\n| icon | icon of the step, optional property | string\\|slot | - |  |\n| status | to specify the status. It will be automatically set by `current` of `Steps` if not configured. Optional values are: `wait` `process` `finish` `error` | string | `wait` |  |\n| title | title of the step | string\\|slot | - |  |\n| subTitle | Subtitle of the step | string\\|slot | - | 1.5.0 |\n| disabled | Disable click | boolean | false | 1.5.0 |\n",html:`<p><code>Steps</code> is a navigation bar that guides users through the steps of a task.</p>
<h2 id="api">API</h2>
<pre class="language-jsx" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-steps</span><span class="token punctuation">></span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>first step<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>second step<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>third step<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token plain-text">
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-steps</span><span class="token punctuation">></span></span>
</code></pre>
<h3 id="steps">Steps</h3>
<p>The whole of the step bar.</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>current(v-model)</td>
<td>to set the current step, counting from 0. You can overwrite this state by using <code>status</code> of <code>Step</code>, support v-model after 1.5.0</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>type</td>
<td>Type of steps, can be set to one of the following values: <code>default</code>, <code>navigation</code></td>
<td>string</td>
<td><code>default</code></td>
<td>1.5.0</td>
</tr>
<tr>
<td>direction</td>
<td>to specify the direction of the step bar, <code>horizontal</code> and <code>vertical</code> are currently supported</td>
<td>string</td>
<td><code>horizontal</code></td>
<td></td>
</tr>
<tr>
<td>labelPlacement</td>
<td>support vertial title and description</td>
<td>string</td>
<td><code>horizontal</code></td>
<td></td>
</tr>
<tr>
<td>progressDot</td>
<td>Steps with progress dot style, customize the progress dot by setting a scoped slot. labelPlacement will be <code>vertical</code></td>
<td>Boolean or slot=&quot;progressDot&quot; slot-scope=&quot;{index, status, title, description, prefixCls})&quot;</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>to specify the size of the step bar, <code>default</code> and <code>small</code> are currently supported</td>
<td>string</td>
<td><code>default</code></td>
<td></td>
</tr>
<tr>
<td>status</td>
<td>to specify the status of current step, can be set to one of the following values: <code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td>
<td>string</td>
<td><code>process</code></td>
<td></td>
</tr>
<tr>
<td>initial</td>
<td>set the initial step, counting from 0</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
</tbody>
</table>
<h4 id="steps-events">Steps Events</h4>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>Trigger when Step is changed</td>
<td>(current) =&gt; void</td>
<td>-</td>
</tr>
</tbody>
</table>
<h3 id="steps-step">Steps.Step</h3>
<p>A single step in the step bar.</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>description</td>
<td>description of the step, optional property</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>icon of the step, optional property</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>status</td>
<td>to specify the status. It will be automatically set by <code>current</code> of <code>Steps</code> if not configured. Optional values are: <code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td>
<td>string</td>
<td><code>wait</code></td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>title of the step</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>subTitle</td>
<td>Subtitle of the step</td>
<td>string|slot</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>disabled</td>
<td>Disable click</td>
<td>boolean</td>
<td>false</td>
<td>1.5.0</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052757}},Bt={class:"markdown"};function St(p,s,c,u,i,A){return k(),B("article",Bt,s[0]||(s[0]=[S(`<p><code>Steps</code> is a navigation bar that guides users through the steps of a task.</p><h2 id="api">API</h2><pre class="language-jsx"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-steps</span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>first step<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>second step<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token plain-text">
  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-step</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>third step<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token plain-text">
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-steps</span><span class="token punctuation">&gt;</span></span>
</code></pre><h3 id="steps">Steps</h3><p>The whole of the step bar.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>current(v-model)</td><td>to set the current step, counting from 0. You can overwrite this state by using <code>status</code> of <code>Step</code>, support v-model after 1.5.0</td><td>number</td><td>0</td><td></td></tr><tr><td>type</td><td>Type of steps, can be set to one of the following values: <code>default</code>, <code>navigation</code></td><td>string</td><td><code>default</code></td><td>1.5.0</td></tr><tr><td>direction</td><td>to specify the direction of the step bar, <code>horizontal</code> and <code>vertical</code> are currently supported</td><td>string</td><td><code>horizontal</code></td><td></td></tr><tr><td>labelPlacement</td><td>support vertial title and description</td><td>string</td><td><code>horizontal</code></td><td></td></tr><tr><td>progressDot</td><td>Steps with progress dot style, customize the progress dot by setting a scoped slot. labelPlacement will be <code>vertical</code></td><td>Boolean or slot=&quot;progressDot&quot; slot-scope=&quot;{index, status, title, description, prefixCls})&quot;</td><td>false</td><td></td></tr><tr><td>size</td><td>to specify the size of the step bar, <code>default</code> and <code>small</code> are currently supported</td><td>string</td><td><code>default</code></td><td></td></tr><tr><td>status</td><td>to specify the status of current step, can be set to one of the following values: <code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td><td>string</td><td><code>process</code></td><td></td></tr><tr><td>initial</td><td>set the initial step, counting from 0</td><td>number</td><td>0</td><td></td></tr></tbody></table><h4 id="steps-events">Steps Events</h4><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>change</td><td>Trigger when Step is changed</td><td>(current) =&gt; void</td><td>-</td></tr></tbody></table><h3 id="steps-step">Steps.Step</h3><p>A single step in the step bar.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>description</td><td>description of the step, optional property</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>icon</td><td>icon of the step, optional property</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>status</td><td>to specify the status. It will be automatically set by <code>current</code> of <code>Steps</code> if not configured. Optional values are: <code>wait</code> <code>process</code> <code>finish</code> <code>error</code></td><td>string</td><td><code>wait</code></td><td></td></tr><tr><td>title</td><td>title of the step</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>subTitle</td><td>Subtitle of the step</td><td>string|slot</td><td>-</td><td>1.5.0</td></tr><tr><td>disabled</td><td>Disable click</td><td>boolean</td><td>false</td><td>1.5.0</td></tr></tbody></table>`,11)]))}var Rt=g(Zt,[["render",St]]);const wt=v({CN:yt,US:Rt,components:{Simple:tt,SmallSize:at,Icon:F,StepNext:lt,Vertical:gt,VerticalSmall:kt,Error:K,ProgressDot:Q,CustomizedProgressDot:J,Clickable:Ct,Nav:ht},setup(){return{}}});function zt(p,s,c,u,i,A){const l=o("Simple"),r=o("SmallSize"),I=o("Icon"),m=o("StepNext"),C=o("Vertical"),h=o("VerticalSmall"),G=o("Error"),R=o("ProgressDot"),w=o("CustomizedProgressDot"),z=o("Clickable"),P=o("Nav"),V=o("demo-sort");return k(),d(V,{cols:1},{default:e(()=>[a(l),a(r),a(I),a(m),a(C),a(h),a(G),a(R),a(w),a(z),a(P)]),_:1})}var Wt=g(wt,[["render",zt]]);export{Wt as default};