Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
wicresoft
/
doc_project
2
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Мод: 9cd9c7d1d5
Салаанууд Тагууд
doc_project
/
3x.antv.design
/
assets
/
index.096b829d.js

index.096b829d.js 234 KB
Түүх Анхны өгөгдөл

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072 
  1. import{_ as g,l as d,w as e,j as o,k,b as n,f as s,t as X,b6 as V,e as t,d as A,aO as W,r as Z,b7 as Y,a as S,h as q,F as H,x as b,z as y,q as B}from"./index.3fe853a6.js";import{S as x}from"./SolutionOutlined.aff833f4.js";import{U as j}from"./UserOutlined.f1d89c6a.js";import{S as J}from"./SmileOutlined.02787c93.js";const D={};function L(p,a){const c=o("a-popover"),l=o("a-step"),i=o("a-steps"),h=o("demo-box");return k(),d(h,{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 <a class="header-anchor" href="#zh-CN">
    2. 

  2.           <span aria-hidden="true" class="anchor">#</span>
    3. 

  3.         </a></h2>
    4. 

  4. <p>\u4E3A\u70B9\u72B6\u6B65\u9AA4\u6761\u589E\u52A0\u81EA\u5B9A\u4E49\u5C55\u793A\u3002</p>
    5. 

  5. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    6. 

  6.           <span aria-hidden="true" class="anchor">#</span>
    7. 

  7.         </a></h2>
    8. 

  8. <p>You can customize the display for Steps with progress dot style.</p>
    9. 

  9. `,order:8,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u70B9\u72B6\u6B65\u9AA4\u6761","en-US":"Customized Dot Style"},relativePath:"components/steps/demo/customized-progress-dot.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iMSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJvZ3Jlc3NEb3Q9InsgaW5kZXgsIHN0YXR1cywgcHJlZml4Q2xzIH0iPgogICAgICAgIDxhLXBvcG92ZXI+CiAgICAgICAgICA8dGVtcGxhdGUgI2NvbnRlbnQ+CiAgICAgICAgICAgIDxzcGFuPnN0ZXAge3sgaW5kZXggfX0gc3RhdHVzOiB7eyBzdGF0dXMgfX08L3NwYW4+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHNwYW4gOmNsYXNzPSJgJHtwcmVmaXhDbHN9LWljb24tZG90YCIgLz4KICAgICAgICA8L2EtcG9wb3Zlcj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IllvdSBjYW4gaG92ZXIgb24gdGhlIGRvdC4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iWW91IGNhbiBob3ZlciBvbiB0aGUgZG90LiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iMSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJvZ3Jlc3NEb3Q9InsgaW5kZXgsIHN0YXR1cywgcHJlZml4Q2xzIH0iPgogICAgICAgIDxhLXBvcG92ZXI+CiAgICAgICAgICA8dGVtcGxhdGUgI2NvbnRlbnQ+CiAgICAgICAgICAgIDxzcGFuPnN0ZXAge3sgaW5kZXggfX0gc3RhdHVzOiB7eyBzdGF0dXMgfX08L3NwYW4+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHNwYW4gOmNsYXNzPSJgJHtwcmVmaXhDbHN9LWljb24tZG90YCIgLz4KICAgICAgICA8L2EtcG9wb3Zlcj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IllvdSBjYW4gaG92ZXIgb24gdGhlIGRvdC4iIC8+CiAgICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJZb3UgY2FuIGhvdmVyIG9uIHRoZSBkb3QuIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iWW91IGNhbiBob3ZlciBvbiB0aGUgZG90LiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[n("div",null,[s(i,{current:1},{progressDot:e(({index:u,status:r,prefixCls:I})=>[s(c,null,{content:e(()=>[n("span",null,"step "+X(u)+" status: "+X(r),1)]),default:e(()=>[n("span",{class:V(`${I}-icon-dot`)},null,2)]),_:2},1024)]),default:e(()=>[s(l,{title:"Finished",description:"You can hover on the dot."}),s(l,{title:"In Progress",description:"You can hover on the dot."}),s(l,{title:"Waiting",description:"You can hover on the dot."}),s(l,{title:"Waiting",description:"You can hover on the dot."})]),_:1})])]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    10. 

  10.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    11. 

  11.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    12. 

  12.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#progressDot"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ index, status, prefixCls }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    13. 

  13.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popover")]),n("span",{class:"token punctuation"},">")]),t(`
    14. 

  14.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#content"),n("span",{class:"token punctuation"},">")]),t(`
    15. 

  15.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("step {{ index }} status: {{ status }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    16. 

  16.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    17. 

  17.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("`${prefixCls}-icon-dot`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    18. 

  18.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popover")]),n("span",{class:"token punctuation"},">")]),t(`
    19. 

  19.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    20. 

  20.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    21. 

  21.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    22. 

  22.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    23. 

  23.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    24. 

  24.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    25. 

  25.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    26. 

  26. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    27. 

  27. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    28. 

  28.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    29. 

  29.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    30. 

  30.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#progressDot"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ index, status, prefixCls }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    31. 

  31.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popover")]),n("span",{class:"token punctuation"},">")]),t(`
    32. 

  32.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#content"),n("span",{class:"token punctuation"},">")]),t(`
    33. 

  33.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("step {{ index }} status: {{ status }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    34. 

  34.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    35. 

  35.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("`${prefixCls}-icon-dot`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    36. 

  36.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popover")]),n("span",{class:"token punctuation"},">")]),t(`
    37. 

  37.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    38. 

  38.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    39. 

  39.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    40. 

  40.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    41. 

  41.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("You can hover on the dot."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    42. 

  42.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    43. 

  43.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    44. 

  44. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    45. 

  45. `)])],-1)])),_:1})}const T=g(D,[["render",L]]),U={};function _(p,a){const c=o("a-step"),l=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 <a class="header-anchor" href="#zh-CN">
    46. 

  46.           <span aria-hidden="true" class="anchor">#</span>
    47. 

  47.         </a></h2>
    48. 

  48. <p>\u4F7F\u7528 Steps \u7684 <code>status</code> \u5C5E\u6027\u6765\u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\u7684\u72B6\u6001\u3002</p>
    49. 

  49. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    50. 

  50.           <span aria-hidden="true" class="anchor">#</span>
    51. 

  51.         </a></h2>
    52. 

  52. <p>By using <code>status</code> of <code>Steps</code>, you can specify the state for current step.</p>
    53. 

  53. `,order:6,title:{"zh-CN":"\u6B65\u9AA4\u8FD0\u884C\u9519\u8BEF","en-US":"Error status"},relativePath:"components/steps/demo/error.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzdGF0dXM9ImVycm9yIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzdGF0dXM9ImVycm9yIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[s(l,{current:1,status:"error"},{default:e(()=>[s(c,{title:"Finished",description:"This is a description."}),s(c,{title:"In Progress",description:"This is a description."}),s(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    54. 

  54.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    55. 

  55.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    56. 

  56.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    57. 

  57.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    58. 

  58.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    59. 

  59. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    60. 

  60. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    61. 

  61.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    62. 

  62.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    63. 

  63.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    64. 

  64.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    65. 

  65.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    66. 

  66. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    67. 

  67. `)])],-1)])),_:1})}const K=g(U,[["render",_]]),F=A({components:{UserOutlined:j,SolutionOutlined:x,LoadingOutlined:W,SmileOutlined:J}});function E(p,a,c,l,i,h){const u=o("user-outlined"),r=o("a-step"),I=o("solution-outlined"),m=o("loading-outlined"),C=o("smile-outlined"),v=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 <a class="header-anchor" href="#zh-CN">
    68. 

  68.           <span aria-hidden="true" class="anchor">#</span>
    69. 

  69.         </a></h2>
    70. 

  70. <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>
    71. 

  71. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    72. 

  72.           <span aria-hidden="true" class="anchor">#</span>
    73. 

  73.         </a></h2>
    74. 

  74. <p>You can use your own custom icons by setting the property <code>icon</code> for <code>Steps.Step</code>.</p>
    75. 

  75. `,order:2,title:{"zh-CN":"\u5E26\u56FE\u6807\u7684\u6B65\u9AA4\u6761","en-US":"With icon"},relativePath:"components/steps/demo/icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzPgogICAgPGEtc3RlcCBzdGF0dXM9ImZpbmlzaCIgdGl0bGU9IkxvZ2luIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDx1c2VyLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJWZXJpZmljYXRpb24iPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPHNvbHV0aW9uLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJwcm9jZXNzIiB0aXRsZT0iUGF5Ij4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxsb2FkaW5nLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJ3YWl0IiB0aXRsZT0iRG9uZSI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7CiAgVXNlck91dGxpbmVkLAogIFNvbHV0aW9uT3V0bGluZWQsCiAgTG9hZGluZ091dGxpbmVkLAogIFNtaWxlT3V0bGluZWQsCn0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgVXNlck91dGxpbmVkLAogICAgU29sdXRpb25PdXRsaW5lZCwKICAgIExvYWRpbmdPdXRsaW5lZCwKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzPgogICAgPGEtc3RlcCBzdGF0dXM9ImZpbmlzaCIgdGl0bGU9IkxvZ2luIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDx1c2VyLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJmaW5pc2giIHRpdGxlPSJWZXJpZmljYXRpb24iPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPHNvbHV0aW9uLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJwcm9jZXNzIiB0aXRsZT0iUGF5Ij4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxsb2FkaW5nLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2Etc3RlcD4KICAgIDxhLXN0ZXAgc3RhdHVzPSJ3YWl0IiB0aXRsZT0iRG9uZSI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW1wb3J0IHsgVXNlck91dGxpbmVkLCBTb2x1dGlvbk91dGxpbmVkLCBMb2FkaW5nT3V0bGluZWQsIFNtaWxlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFVzZXJPdXRsaW5lZCwKICAgIFNvbHV0aW9uT3V0bGluZWQsCiAgICBMb2FkaW5nT3V0bGluZWQsCiAgICBTbWlsZU91dGxpbmVkLAogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[s(v,null,{default:e(()=>[s(r,{status:"finish",title:"Login"},{icon:e(()=>[s(u)]),_:1}),s(r,{status:"finish",title:"Verification"},{icon:e(()=>[s(I)]),_:1}),s(r,{status:"process",title:"Pay"},{icon:e(()=>[s(m)]),_:1}),s(r,{status:"wait",title:"Done"},{icon:e(()=>[s(C)]),_:1})]),_:1})]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    76. 

  76.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    77. 

  77.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Login"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    78. 

  78.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    79. 

  79.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("user-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    80. 

  80.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    81. 

  81.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    82. 

  82.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Verification"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    83. 

  83.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    84. 

  84.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("solution-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    85. 

  85.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    86. 

  86.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    87. 

  87.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Pay"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    88. 

  88.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    89. 

  89.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("loading-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    90. 

  90.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    91. 

  91.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    92. 

  92.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Done"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    93. 

  93.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    94. 

  94.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    95. 

  95.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    96. 

  96.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    97. 

  97.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    98. 

  98. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    99. 

  99. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    100. 

  100. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    101. 

  101. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(`
    102. 

  102.   UserOutlined`),n("span",{class:"token punctuation"},","),t(`
    103. 

  103.   SolutionOutlined`),n("span",{class:"token punctuation"},","),t(`
    104. 

  104.   LoadingOutlined`),n("span",{class:"token punctuation"},","),t(`
    105. 

  105.   SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
    106. 

  106. `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    107. 

  107. 

  108. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    109. 

  109.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    110. 

  110.     UserOutlined`),n("span",{class:"token punctuation"},","),t(`
    111. 

  111.     SolutionOutlined`),n("span",{class:"token punctuation"},","),t(`
    112. 

  112.     LoadingOutlined`),n("span",{class:"token punctuation"},","),t(`
    113. 

  113.     SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
    114. 

  114.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    115. 

  115. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    116. 

  116. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    117. 

  117. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    118. 

  118.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    119. 

  119.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Login"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    120. 

  120.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    121. 

  121.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("user-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    122. 

  122.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    123. 

  123.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    124. 

  124.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Verification"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    125. 

  125.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    126. 

  126.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("solution-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    127. 

  127.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    128. 

  128.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    129. 

  129.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Pay"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    130. 

  130.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    131. 

  131.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("loading-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    132. 

  132.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    133. 

  133.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    134. 

  134.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Done"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    135. 

  135.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
    136. 

  136.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    137. 

  137.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    138. 

  138.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    139. 

  139.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    140. 

  140. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    141. 

  141. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    142. 

  142. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    143. 

  143. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" UserOutlined"),n("span",{class:"token punctuation"},","),t(" SolutionOutlined"),n("span",{class:"token punctuation"},","),t(" LoadingOutlined"),n("span",{class:"token punctuation"},","),t(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    144. 

  144. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    145. 

  145.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    146. 

  146.     UserOutlined`),n("span",{class:"token punctuation"},","),t(`
    147. 

  147.     SolutionOutlined`),n("span",{class:"token punctuation"},","),t(`
    148. 

  148.     LoadingOutlined`),n("span",{class:"token punctuation"},","),t(`
    149. 

  149.     SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
    150. 

  150.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    151. 

  151. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    152. 

  152. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    153. 

  153. `)])],-1)])),_:1})}const M=g(F,[["render",E]]),Q={};function O(p,a){const c=o("a-step"),l=o("a-steps"),i=o("a-divider"),h=o("demo-box");return k(),d(h,{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 <a class="header-anchor" href="#zh-CN">
    154. 

  154.           <span aria-hidden="true" class="anchor">#</span>
    155. 

  155.         </a></h2>
    156. 

  156. <p>\u5305\u542B\u6B65\u9AA4\u70B9\u7684\u8FDB\u5EA6\u6761\u3002</p>
    157. 

  157. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    158. 

  158.           <span aria-hidden="true" class="anchor">#</span>
    159. 

  159.         </a></h2>
    160. 

  160. <p>Steps with progress dot style.</p>
    161. 

  161. `,order:7,title:{"zh-CN":"\u70B9\u72B6\u6B65\u9AA4\u6761","en-US":"Dot Style"},relativePath:"components/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(()=>[n("div",null,[s(l,{"progress-dot":"",current:1},{default:e(()=>[s(c,{title:"Finished",description:"This is a description."}),s(c,{title:"In Progress",description:"This is a description."}),s(c,{title:"Waiting",description:"This is a description."})]),_:1}),s(i),s(l,{"progress-dot":"",current:1,direction:"vertical"},{default:e(()=>[s(c,{title:"Finished",description:"This is a description. This is a description."}),s(c,{title:"Finished",description:"This is a description. This is a description."}),s(c,{title:"In Progress",description:"This is a description. This is a description."}),s(c,{title:"Waiting",description:"This is a description."}),s(c,{title:"Waiting",description:"This is a description."})]),_:1})])]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    162. 

  162.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    163. 

  163.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"progress-dot"),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    164. 

  164.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    165. 

  165.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    166. 

  166.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    167. 

  167.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    168. 

  168.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    169. 

  169.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"progress-dot"),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    170. 

  170.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description. This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    171. 

  171.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description. This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    172. 

  172.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description. This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    173. 

  173.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    174. 

  174.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    175. 

  175.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    176. 

  176.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    177. 

  177. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    178. 

  178. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    179. 

  179.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    180. 

  180.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"progress-dot"),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    181. 

  181.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    182. 

  182.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    183. 

  183.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    184. 

  184.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    185. 

  185.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    186. 

  186.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"progress-dot"),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    187. 

  187.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description. This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    188. 

  188.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description. This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    189. 

  189.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description. This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    190. 

  190.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    191. 

  191.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    192. 

  192.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    193. 

  193.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    194. 

  194. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    195. 

  195. `)])],-1)])),_:1})}const $=g(Q,[["render",O]]),nn={};function tn(p,a){const c=o("a-step"),l=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 <a class="header-anchor" href="#zh-CN">
    196. 

  196.           <span aria-hidden="true" class="anchor">#</span>
    197. 

  197.         </a></h2>
    198. 

  198. <p>\u7B80\u5355\u7684\u6B65\u9AA4\u6761\u3002</p>
    199. 

  199. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    200. 

  200.           <span aria-hidden="true" class="anchor">#</span>
    201. 

  201.         </a></h2>
    202. 

  202. <p>The most basic step bar.</p>
    203. 

  203. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic"},relativePath:"components/steps/demo/simple.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXA+CiAgICAgIDwhLS0gPHNwYW4gc2xvdD0idGl0bGUiPkZpbmlzaGVkPC9zcGFuPiAtLT4KICAgICAgPHRlbXBsYXRlICN0aXRsZT5GaW5pc2hlZDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjZGVzY3JpcHRpb24+CiAgICAgICAgPHNwYW4+VGhpcyBpcyBhIGRlc2NyaXB0aW9uLjwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogICAgPGEtc3RlcCB0aXRsZT0iSW4gUHJvZ3Jlc3MiIHN1Yi10aXRsZT0iTGVmdCAwMDowMDowOCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXA+CiAgICAgIDwhLS0gPHNwYW4gc2xvdD0idGl0bGUiPkZpbmlzaGVkPC9zcGFuPiAtLT4KICAgICAgPHRlbXBsYXRlICN0aXRsZT5GaW5pc2hlZDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjZGVzY3JpcHRpb24+CiAgICAgICAgPHNwYW4+VGhpcyBpcyBhIGRlc2NyaXB0aW9uLjwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1zdGVwPgogICAgPGEtc3RlcCB0aXRsZT0iSW4gUHJvZ3Jlc3MiIHN1Yi10aXRsZT0iTGVmdCAwMDowMDowOCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+"}},{default:e(()=>[s(l,{current:1},{default:e(()=>[s(c,null,{title:e(()=>a[0]||(a[0]=[t("Finished")])),description:e(()=>a[1]||(a[1]=[n("span",null,"This is a description.",-1)])),_:1}),s(c,{title:"In Progress","sub-title":"Left 00:00:08",description:"This is a description."}),s(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    204. 

  204.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    205. 

  205.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    206. 

  206.       `),n("span",{class:"token comment"},'<!-- <span slot="title">Finished</span> -->'),t(`
    207. 

  207.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),t("Finished"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    208. 

  208.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#description"),n("span",{class:"token punctuation"},">")]),t(`
    209. 

  209.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("This is a description."),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    210. 

  210.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    211. 

  211.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    212. 

  212.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Left 00:00:08"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    213. 

  213.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    214. 

  214.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    215. 

  215. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    216. 

  216. `)])],-1)])),jsVersionHtml:e(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    217. 

  217.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    218. 

  218.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    219. 

  219.       `),n("span",{class:"token comment"},'<!-- <span slot="title">Finished</span> -->'),t(`
    220. 

  220.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),t("Finished"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    221. 

  221.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#description"),n("span",{class:"token punctuation"},">")]),t(`
    222. 

  222.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("This is a description."),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    223. 

  223.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    224. 

  224.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-step")]),n("span",{class:"token punctuation"},">")]),t(`
    225. 

  225.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Left 00:00:08"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    226. 

  226.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    227. 

  227.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    228. 

  228. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    229. 

  229. `)])],-1)])),_:1})}const an=g(nn,[["render",tn]]),sn={};function en(p,a){const c=o("a-step"),l=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 <a class="header-anchor" href="#zh-CN">
    230. 

  230.           <span aria-hidden="true" class="anchor">#</span>
    231. 

  231.         </a></h2>
    232. 

  232. <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>
    233. 

  233. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    234. 

  234.           <span aria-hidden="true" class="anchor">#</span>
    235. 

  235.         </a></h2>
    236. 

  236. <p>By setting like this: <code>&lt;Steps size=&quot;small&quot;&gt;</code>, you can get a mini version.</p>
    237. 

  237. `,order:1,title:{"zh-CN":"\u8FF7\u4F60\u7248","en-US":"Mini version"},relativePath:"components/steps/demo/small-size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzaXplPSJzbWFsbCI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiAvPgogICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpjdXJyZW50PSIxIiBzaXplPSJzbWFsbCI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiAvPgogICAgPGEtc3RlcCB0aXRsZT0iV2FpdGluZyIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+"}},{default:e(()=>[s(l,{current:1,size:"small"},{default:e(()=>[s(c,{title:"Finished"}),s(c,{title:"In Progress"}),s(c,{title:"Waiting"})]),_:1})]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    238. 

  238.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    239. 

  239.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    240. 

  240.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    241. 

  241.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    242. 

  242.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    243. 

  243. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    244. 

  244. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    245. 

  245.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    246. 

  246.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    247. 

  247.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    248. 

  248.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    249. 

  249.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    250. 

  250. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    251. 

  251. `)])],-1)])),_:1})}const on=g(sn,[["render",en]]),pn=A({setup(){const p=Z(0);return{message:Y,current:p,steps:[{title:"First",content:"First-content"},{title:"Second",content:"Second-content"},{title:"Last",content:"Last-content"}],next:()=>{p.value++},prev:()=>{p.value--}}}});const cn={class:"steps-content"},ln={class:"steps-action"};function un(p,a,c,l,i,h){const u=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 <a class="header-anchor" href="#zh-CN">
    252. 

  252.           <span aria-hidden="true" class="anchor">#</span>
    253. 

  253.         </a></h2>
    254. 

  254. <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>
    255. 

  255. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    256. 

  256.           <span aria-hidden="true" class="anchor">#</span>
    257. 

  257.         </a></h2>
    258. 

  258. <p>Cooperate with the content and buttons, to represent the progress of a process.</p>
    259. 

  259. `,order:3,title:{"zh-CN":"\u6B65\u9AA4\u5207\u6362","en-US":"Switch Step"},relativePath:"components/steps/demo/step-next.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iY3VycmVudCI+CiAgICAgIDxhLXN0ZXAgdi1mb3I9Iml0ZW0gaW4gc3RlcHMiIDprZXk9Iml0ZW0udGl0bGUiIDp0aXRsZT0iaXRlbS50aXRsZSIgLz4KICAgIDwvYS1zdGVwcz4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWNvbnRlbnQiPgogICAgICB7eyBzdGVwc1tjdXJyZW50XS5jb250ZW50IH19CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWFjdGlvbiI+CiAgICAgIDxhLWJ1dHRvbiB2LWlmPSJjdXJyZW50IDwgc3RlcHMubGVuZ3RoIC0gMSIgdHlwZT0icHJpbWFyeSIgQGNsaWNrPSJuZXh0Ij5OZXh0PC9hLWJ1dHRvbj4KICAgICAgPGEtYnV0dG9uCiAgICAgICAgdi1pZj0iY3VycmVudCA9PSBzdGVwcy5sZW5ndGggLSAxIgogICAgICAgIHR5cGU9InByaW1hcnkiCiAgICAgICAgQGNsaWNrPSJtZXNzYWdlLnN1Y2Nlc3MoJ1Byb2Nlc3NpbmcgY29tcGxldGUhJykiCiAgICAgID4KICAgICAgICBEb25lCiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiB2LWlmPSJjdXJyZW50ID4gMCIgc3R5bGU9Im1hcmdpbi1sZWZ0OiA4cHgiIEBjbGljaz0icHJldiI+UHJldmlvdXM8L2EtYnV0dG9uPgogICAgPC9kaXY+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY3VycmVudCA9IHJlZjxudW1iZXI+KDApOwogICAgY29uc3QgbmV4dCA9ICgpID0+IHsKICAgICAgY3VycmVudC52YWx1ZSsrOwogICAgfTsKICAgIGNvbnN0IHByZXYgPSAoKSA9PiB7CiAgICAgIGN1cnJlbnQudmFsdWUtLTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBtZXNzYWdlLAogICAgICBjdXJyZW50LAogICAgICBzdGVwczogWwogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAnRmlyc3QnLAogICAgICAgICAgY29udGVudDogJ0ZpcnN0LWNvbnRlbnQnLAogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdGl0bGU6ICdTZWNvbmQnLAogICAgICAgICAgY29udGVudDogJ1NlY29uZC1jb250ZW50JywKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAnTGFzdCcsCiAgICAgICAgICBjb250ZW50OiAnTGFzdC1jb250ZW50JywKICAgICAgICB9LAogICAgICBdLAogICAgICBuZXh0LAogICAgICBwcmV2LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci5zdGVwcy1jb250ZW50IHsKICBtYXJnaW4tdG9wOiAxNnB4OwogIGJvcmRlcjogMXB4IGRhc2hlZCAjZTllOWU5OwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhOwogIG1pbi1oZWlnaHQ6IDIwMHB4OwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBwYWRkaW5nLXRvcDogODBweDsKfQoKLnN0ZXBzLWFjdGlvbiB7CiAgbWFyZ2luLXRvcDogMjRweDsKfQoKW2RhdGEtdGhlbWU9J2RhcmsnXSAuc3RlcHMtY29udGVudCB7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJmMmYyZjsKICBib3JkZXI6IDFweCBkYXNoZWQgIzQwNDA0MDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyA6Y3VycmVudD0iY3VycmVudCI+CiAgICAgIDxhLXN0ZXAgdi1mb3I9Iml0ZW0gaW4gc3RlcHMiIDprZXk9Iml0ZW0udGl0bGUiIDp0aXRsZT0iaXRlbS50aXRsZSIgLz4KICAgIDwvYS1zdGVwcz4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWNvbnRlbnQiPgogICAgICB7eyBzdGVwc1tjdXJyZW50XS5jb250ZW50IH19CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9InN0ZXBzLWFjdGlvbiI+CiAgICAgIDxhLWJ1dHRvbiB2LWlmPSJjdXJyZW50IDwgc3RlcHMubGVuZ3RoIC0gMSIgdHlwZT0icHJpbWFyeSIgQGNsaWNrPSJuZXh0Ij5OZXh0PC9hLWJ1dHRvbj4KICAgICAgPGEtYnV0dG9uCiAgICAgICAgdi1pZj0iY3VycmVudCA9PSBzdGVwcy5sZW5ndGggLSAxIgogICAgICAgIHR5cGU9InByaW1hcnkiCiAgICAgICAgQGNsaWNrPSJtZXNzYWdlLnN1Y2Nlc3MoJ1Byb2Nlc3NpbmcgY29tcGxldGUhJykiCiAgICAgID4KICAgICAgICBEb25lCiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiB2LWlmPSJjdXJyZW50ID4gMCIgc3R5bGU9Im1hcmdpbi1sZWZ0OiA4cHgiIEBjbGljaz0icHJldiI+UHJldmlvdXM8L2EtYnV0dG9uPgogICAgPC9kaXY+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGN1cnJlbnQgPSByZWYoMCk7CiAgICBjb25zdCBuZXh0ID0gKCkgPT4gewogICAgICBjdXJyZW50LnZhbHVlKys7CiAgICB9OwogICAgY29uc3QgcHJldiA9ICgpID0+IHsKICAgICAgY3VycmVudC52YWx1ZS0tOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG1lc3NhZ2UsCiAgICAgIGN1cnJlbnQsCiAgICAgIHN0ZXBzOiBbewogICAgICAgIHRpdGxlOiAnRmlyc3QnLAogICAgICAgIGNvbnRlbnQ6ICdGaXJzdC1jb250ZW50JywKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAnU2Vjb25kJywKICAgICAgICBjb250ZW50OiAnU2Vjb25kLWNvbnRlbnQnLAogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICdMYXN0JywKICAgICAgICBjb250ZW50OiAnTGFzdC1jb250ZW50JywKICAgICAgfV0sCiAgICAgIG5leHQsCiAgICAgIHByZXYsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLnN0ZXBzLWNvbnRlbnQgewogIG1hcmdpbi10b3A6IDE2cHg7CiAgYm9yZGVyOiAxcHggZGFzaGVkICNlOWU5ZTk7CiAgYm9yZGVyLXJhZGl1czogNnB4OwogIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7CiAgbWluLWhlaWdodDogMjAwcHg7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIHBhZGRpbmctdG9wOiA4MHB4Owp9Cgouc3RlcHMtYWN0aW9uIHsKICBtYXJnaW4tdG9wOiAyNHB4Owp9CgpbZGF0YS10aGVtZT0nZGFyayddIC5zdGVwcy1jb250ZW50IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMmYyZjJmOwogIGJvcmRlcjogMXB4IGRhc2hlZCAjNDA0MDQwOwp9Cjwvc3R5bGU+"}},{default:e(()=>[n("div",null,[s(r,{current:p.current},{default:e(()=>[(k(!0),S(H,null,q(p.steps,C=>(k(),d(u,{key:C.title,title:C.title},null,8,["title"]))),128))]),_:1},8,["current"]),n("div",cn,X(p.steps[p.current].content),1),n("div",ln,[p.current<p.steps.length-1?(k(),d(I,{key:0,type:"primary",onClick:p.next},{default:e(()=>a[1]||(a[1]=[t("Next")])),_:1,__:[1]},8,["onClick"])):b("",!0),p.current==p.steps.length-1?(k(),d(I,{key:1,type:"primary",onClick:a[0]||(a[0]=C=>p.message.success("Processing complete!"))},{default:e(()=>a[2]||(a[2]=[t(" Done ")])),_:1,__:[2]})):b("",!0),p.current>0?(k(),d(I,{key:2,style:{"margin-left":"8px"},onClick:p.prev},{default:e(()=>a[3]||(a[3]=[t("Previous")])),_:1,__:[3]},8,["onClick"])):b("",!0)])])]),htmlCode:e(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    260. 

  260.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    261. 

  261.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    262. 

  262.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item in steps"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.title"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.title"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    263. 

  263.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    264. 

  264.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("steps-content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    265. 

  265.       {{ steps[current].content }}
    266. 

  266.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    267. 

  267.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("steps-action"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    268. 

  268.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current < steps.length - 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("next"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Next"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    269. 

  269.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(`
    270. 

  270.         `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current == steps.length - 1"),n("span",{class:"token punctuation"},'"')]),t(`
    271. 

  271.         `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(`
    272. 

  272.         `),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("message.success('Processing complete!')"),n("span",{class:"token punctuation"},'"')]),t(`
    273. 

  273.       `),n("span",{class:"token punctuation"},">")]),t(`
    274. 

  274.         Done
    275. 

  275.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    276. 

  276.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current > 0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("prev"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Previous"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    277. 

  277.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    278. 

  278.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    279. 

  279. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    280. 

  280. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    281. 

  281. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    282. 

  282. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" message "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
    283. 

  283. 

  284. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    285. 

  285.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    286. 

  286.     `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    287. 

  287.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"next"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    288. 

  288.       current`),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},";"),t(`
    289. 

  289.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    290. 

  290.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"prev"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    291. 

  291.       current`),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token operator"},"--"),n("span",{class:"token punctuation"},";"),t(`
    292. 

  292.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    293. 

  293.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    294. 

  294.       message`),n("span",{class:"token punctuation"},","),t(`
    295. 

  295.       current`),n("span",{class:"token punctuation"},","),t(`
    296. 

  296.       `),n("span",{class:"token literal-property property"},"steps"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
    297. 

  297.         `),n("span",{class:"token punctuation"},"{"),t(`
    298. 

  298.           `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'First'"),n("span",{class:"token punctuation"},","),t(`
    299. 

  299.           `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'First-content'"),n("span",{class:"token punctuation"},","),t(`
    300. 

  300.         `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    301. 

  301.         `),n("span",{class:"token punctuation"},"{"),t(`
    302. 

  302.           `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Second'"),n("span",{class:"token punctuation"},","),t(`
    303. 

  303.           `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Second-content'"),n("span",{class:"token punctuation"},","),t(`
    304. 

  304.         `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    305. 

  305.         `),n("span",{class:"token punctuation"},"{"),t(`
    306. 

  306.           `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Last'"),n("span",{class:"token punctuation"},","),t(`
    307. 

  307.           `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Last-content'"),n("span",{class:"token punctuation"},","),t(`
    308. 

  308.         `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    309. 

  309.       `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    310. 

  310.       next`),n("span",{class:"token punctuation"},","),t(`
    311. 

  311.       prev`),n("span",{class:"token punctuation"},","),t(`
    312. 

  312.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    313. 

  313.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    314. 

  314. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    315. 

  315. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    316. 

  316. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
    317. 

  317. `),n("span",{class:"token selector"},".steps-content"),t(),n("span",{class:"token punctuation"},"{"),t(`
    318. 

  318.   `),n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px"),n("span",{class:"token punctuation"},";"),t(`
    319. 

  319.   `),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),t(" 1px dashed #e9e9e9"),n("span",{class:"token punctuation"},";"),t(`
    320. 

  320.   `),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),t(" 6px"),n("span",{class:"token punctuation"},";"),t(`
    321. 

  321.   `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #fafafa"),n("span",{class:"token punctuation"},";"),t(`
    322. 

  322.   `),n("span",{class:"token property"},"min-height"),n("span",{class:"token punctuation"},":"),t(" 200px"),n("span",{class:"token punctuation"},";"),t(`
    323. 

  323.   `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),t(" center"),n("span",{class:"token punctuation"},";"),t(`
    324. 

  324.   `),n("span",{class:"token property"},"padding-top"),n("span",{class:"token punctuation"},":"),t(" 80px"),n("span",{class:"token punctuation"},";"),t(`
    325. 

  325. `),n("span",{class:"token punctuation"},"}"),t(`
    326. 

  326. 

  327. `),n("span",{class:"token selector"},".steps-action"),t(),n("span",{class:"token punctuation"},"{"),t(`
    328. 

  328.   `),n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 24px"),n("span",{class:"token punctuation"},";"),t(`
    329. 

  329. `),n("span",{class:"token punctuation"},"}"),t(`
    330. 

  330. 

  331. `),n("span",{class:"token selector"},"[data-theme='dark'] .steps-content"),t(),n("span",{class:"token punctuation"},"{"),t(`
    332. 

  332.   `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #2f2f2f"),n("span",{class:"token punctuation"},";"),t(`
    333. 

  333.   `),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),t(" 1px dashed #404040"),n("span",{class:"token punctuation"},";"),t(`
    334. 

  334. `),n("span",{class:"token punctuation"},"}"),t(`
    335. 

  335. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
    336. 

  336. `)])],-1)])),jsVersionHtml:e(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    337. 

  337.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    338. 

  338.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    339. 

  339.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item in steps"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.title"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item.title"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    340. 

  340.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    341. 

  341.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("steps-content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    342. 

  342.       {{ steps[current].content }}
    343. 

  343.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    344. 

  344.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("steps-action"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    345. 

  345.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current < steps.length - 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("next"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Next"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    346. 

  346.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(`
    347. 

  347.         `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current == steps.length - 1"),n("span",{class:"token punctuation"},'"')]),t(`
    348. 

  348.         `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(`
    349. 

  349.         `),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("message.success('Processing complete!')"),n("span",{class:"token punctuation"},'"')]),t(`
    350. 

  350.       `),n("span",{class:"token punctuation"},">")]),t(`
    351. 

  351.         Done
    352. 

  352.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    353. 

  353.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current > 0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("prev"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Previous"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    354. 

  354.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    355. 

  355.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    356. 

  356. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    357. 

  357. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    358. 

  358. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    359. 

  359. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" message "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
    360. 

  360. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    361. 

  361.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    362. 

  362.     `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    363. 

  363.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"next"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    364. 

  364.       current`),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},";"),t(`
    365. 

  365.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    366. 

  366.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"prev"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    367. 

  367.       current`),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token operator"},"--"),n("span",{class:"token punctuation"},";"),t(`
    368. 

  368.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    369. 

  369.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    370. 

  370.       message`),n("span",{class:"token punctuation"},","),t(`
    371. 

  371.       current`),n("span",{class:"token punctuation"},","),t(`
    372. 

  372.       `),n("span",{class:"token literal-property property"},"steps"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
    373. 

  373.         `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'First'"),n("span",{class:"token punctuation"},","),t(`
    374. 

  374.         `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'First-content'"),n("span",{class:"token punctuation"},","),t(`
    375. 

  375.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    376. 

  376.         `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Second'"),n("span",{class:"token punctuation"},","),t(`
    377. 

  377.         `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Second-content'"),n("span",{class:"token punctuation"},","),t(`
    378. 

  378.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    379. 

  379.         `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Last'"),n("span",{class:"token punctuation"},","),t(`
    380. 

  380.         `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Last-content'"),n("span",{class:"token punctuation"},","),t(`
    381. 

  381.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    382. 

  382.       next`),n("span",{class:"token punctuation"},","),t(`
    383. 

  383.       prev`),n("span",{class:"token punctuation"},","),t(`
    384. 

  384.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    385. 

  385.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    386. 

  386. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    387. 

  387. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    388. 

  388. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
    389. 

  389. `),n("span",{class:"token selector"},".steps-content"),t(),n("span",{class:"token punctuation"},"{"),t(`
    390. 

  390.   `),n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px"),n("span",{class:"token punctuation"},";"),t(`
    391. 

  391.   `),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),t(" 1px dashed #e9e9e9"),n("span",{class:"token punctuation"},";"),t(`
    392. 

  392.   `),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),t(" 6px"),n("span",{class:"token punctuation"},";"),t(`
    393. 

  393.   `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #fafafa"),n("span",{class:"token punctuation"},";"),t(`
    394. 

  394.   `),n("span",{class:"token property"},"min-height"),n("span",{class:"token punctuation"},":"),t(" 200px"),n("span",{class:"token punctuation"},";"),t(`
    395. 

  395.   `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),t(" center"),n("span",{class:"token punctuation"},";"),t(`
    396. 

  396.   `),n("span",{class:"token property"},"padding-top"),n("span",{class:"token punctuation"},":"),t(" 80px"),n("span",{class:"token punctuation"},";"),t(`
    397. 

  397. `),n("span",{class:"token punctuation"},"}"),t(`
    398. 

  398. 

  399. `),n("span",{class:"token selector"},".steps-action"),t(),n("span",{class:"token punctuation"},"{"),t(`
    400. 

  400.   `),n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 24px"),n("span",{class:"token punctuation"},";"),t(`
    401. 

  401. `),n("span",{class:"token punctuation"},"}"),t(`
    402. 

  402. 

  403. `),n("span",{class:"token selector"},"[data-theme='dark'] .steps-content"),t(),n("span",{class:"token punctuation"},"{"),t(`
    404. 

  404.   `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #2f2f2f"),n("span",{class:"token punctuation"},";"),t(`
    405. 

  405.   `),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),t(" 1px dashed #404040"),n("span",{class:"token punctuation"},";"),t(`
    406. 

  406. `),n("span",{class:"token punctuation"},"}"),t(`
    407. 

  407. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
    408. 

  408. `)])],-1)])),_:1})}const kn=g(pn,[["render",un],["__scopeId","data-v-30c4db3a"]]),rn={};function dn(p,a){const c=o("a-step"),l=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 <a class="header-anchor" href="#zh-CN">
    409. 

  409.           <span aria-hidden="true" class="anchor">#</span>
    410. 

  410.         </a></h2>
    411. 

  411. <p>\u7B80\u5355\u7684\u7AD6\u76F4\u65B9\u5411\u7684\u5C0F\u578B\u6B65\u9AA4\u6761\u3002</p>
    412. 

  412. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    413. 

  413.           <span aria-hidden="true" class="anchor">#</span>
    414. 

  414.         </a></h2>
    415. 

  415. <p>A simple mini version step bar in the vertical direction.</p>
    416. 

  416. `,order:5,title:{"zh-CN":"\u7AD6\u76F4\u65B9\u5411\u7684\u5C0F\u578B\u6B65\u9AA4\u6761","en-US":"Vertical mini version"},relativePath:"components/steps/demo/vertical-small.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIHNpemU9InNtYWxsIiA6Y3VycmVudD0iMSI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIHNpemU9InNtYWxsIiA6Y3VycmVudD0iMSI+CiAgICA8YS1zdGVwIHRpdGxlPSJGaW5pc2hlZCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJJbiBQcm9ncmVzcyIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+"}},{default:e(()=>[s(l,{direction:"vertical",size:"small",current:1},{default:e(()=>[s(c,{title:"Finished",description:"This is a description."}),s(c,{title:"In Progress",description:"This is a description."}),s(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    417. 

  417.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    418. 

  418.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    419. 

  419.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    420. 

  420.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    421. 

  421.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    422. 

  422. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    423. 

  423. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    424. 

  424.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    425. 

  425.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    426. 

  426.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    427. 

  427.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    428. 

  428.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    429. 

  429. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    430. 

  430. `)])],-1)])),_:1})}const gn=g(rn,[["render",dn]]),In={};function mn(p,a){const c=o("a-step"),l=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 <a class="header-anchor" href="#zh-CN">
    431. 

  431.           <span aria-hidden="true" class="anchor">#</span>
    432. 

  432.         </a></h2>
    433. 

  433. <p>\u7B80\u5355\u7684\u7AD6\u76F4\u65B9\u5411\u7684\u6B65\u9AA4\u6761\u3002</p>
    434. 

  434. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    435. 

  435.           <span aria-hidden="true" class="anchor">#</span>
    436. 

  436.         </a></h2>
    437. 

  437. <p>A simple step bar in the vertical direction.</p>
    438. 

  438. `,order:4,title:{"zh-CN":"\u7AD6\u76F4\u65B9\u5411\u7684\u6B65\u9AA4\u6761","en-US":"Vertical"},relativePath:"components/steps/demo/vertical.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIGRpcmVjdGlvbj0idmVydGljYWwiIDpjdXJyZW50PSIxIj4KICAgIDxhLXN0ZXAgdGl0bGU9IkZpbmlzaGVkIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IkluIFByb2dyZXNzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDxhLXN0ZXAgdGl0bGU9IldhaXRpbmciIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogIDwvYS1zdGVwcz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[s(l,{direction:"vertical",current:1},{default:e(()=>[s(c,{title:"Finished",description:"This is a description."}),s(c,{title:"In Progress",description:"This is a description."}),s(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    439. 

  439.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    440. 

  440.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    441. 

  441.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    442. 

  442.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    443. 

  443.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    444. 

  444. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    445. 

  445. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    446. 

  446.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    447. 

  447.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    448. 

  448.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    449. 

  449.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    450. 

  450.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    451. 

  451. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    452. 

  452. `)])],-1)])),_:1})}const Cn=g(In,[["render",mn]]),hn=A({setup(){return{current:Z(0)}}});function An(p,a,c,l,i,h){const u=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 <a class="header-anchor" href="#zh-CN">
    453. 

  453.           <span aria-hidden="true" class="anchor">#</span>
    454. 

  454.         </a></h2>
    455. 

  455. <p>\u8BBE\u7F6E <code>v-model</code> \u540E\uFF0CSteps \u53D8\u4E3A\u53EF\u70B9\u51FB\u72B6\u6001\u3002</p>
    456. 

  456. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    457. 

  457.           <span aria-hidden="true" class="anchor">#</span>
    458. 

  458.         </a></h2>
    459. 

  459. <p>Setting <code>v-model</code> makes Steps clickable.</p>
    460. 

  460. `,order:9,title:{"zh-CN":"\u53EF\u70B9\u51FB","en-US":"Clickable"},relativePath:"components/steps/demo/clickable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDEiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDIiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDMiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgPC9hLXN0ZXBzPgogICAgPGEtZGl2aWRlciAvPgogICAgPGEtc3RlcHMgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiBkaXJlY3Rpb249InZlcnRpY2FsIj4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAxIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAyIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBjdXJyZW50ID0gcmVmPG51bWJlcj4oMCk7CgogICAgcmV0dXJuIHsKICAgICAgY3VycmVudCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1zdGVwcyB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQiPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDEiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDIiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgICA8YS1zdGVwIHRpdGxlPSJTdGVwIDMiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgPC9hLXN0ZXBzPgogICAgPGEtZGl2aWRlciAvPgogICAgPGEtc3RlcHMgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiBkaXJlY3Rpb249InZlcnRpY2FsIj4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAxIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAyIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgICAgPGEtc3RlcCB0aXRsZT0iU3RlcCAzIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICAgIDwvYS1zdGVwcz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY3VycmVudCA9IHJlZigwKTsKICAgIHJldHVybiB7CiAgICAgIGN1cnJlbnQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[n("div",null,[s(r,{current:p.current,"onUpdate:current":a[0]||(a[0]=C=>p.current=C)},{default:e(()=>[s(u,{title:"Step 1",description:"This is a description."}),s(u,{title:"Step 2",description:"This is a description."}),s(u,{title:"Step 3",description:"This is a description."})]),_:1},8,["current"]),s(I),s(r,{current:p.current,"onUpdate:current":a[1]||(a[1]=C=>p.current=C),direction:"vertical"},{default:e(()=>[s(u,{title:"Step 1",description:"This is a description."}),s(u,{title:"Step 2",description:"This is a description."}),s(u,{title:"Step 3",description:"This is a description."})]),_:1},8,["current"])])]),htmlCode:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    461. 

  461.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    462. 

  462.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    463. 

  463.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    464. 

  464.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    465. 

  465.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    466. 

  466.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    467. 

  467.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    468. 

  468.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    469. 

  469.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    470. 

  470.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    471. 

  471.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    472. 

  472.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    473. 

  473.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    474. 

  474. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    475. 

  475. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    476. 

  476. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    477. 

  477. 

  478. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    479. 

  479.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    480. 

  480.     `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    481. 

  481. 

  482.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    483. 

  483.       current`),n("span",{class:"token punctuation"},","),t(`
    484. 

  484.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    485. 

  485.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    486. 

  486. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    487. 

  487. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    488. 

  488. `)])],-1)])),jsVersionHtml:e(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    489. 

  489.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    490. 

  490.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    491. 

  491.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    492. 

  492.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    493. 

  493.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    494. 

  494.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    495. 

  495.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    496. 

  496.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    497. 

  497.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    498. 

  498.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    499. 

  499.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    500. 

  500.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    501. 

  501.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    502. 

  502. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    503. 

  503. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    504. 

  504. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    505. 

  505. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    506. 

  506.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    507. 

  507.     `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    508. 

  508.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    509. 

  509.       current`),n("span",{class:"token punctuation"},","),t(`
    510. 

  510.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    511. 

  511.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    512. 

  512. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    513. 

  513. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    514. 

  514. `)])],-1)])),_:1})}const vn=g(hn,[["render",An]]),Gn={};function bn(p,a){const c=o("a-step"),l=o("a-steps"),i=o("demo-box");return k(),d(i,{jsfiddle:{us:"Steps with progress.",cn:"\u5E26\u6709\u8FDB\u5EA6\u7684\u6B65\u9AA4\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    515. 

  515.           <span aria-hidden="true" class="anchor">#</span>
    516. 

  516.         </a></h2>
    517. 

  517. <p>\u5E26\u6709\u8FDB\u5EA6\u7684\u6B65\u9AA4\u3002</p>
    518. 

  518. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    519. 

  519.           <span aria-hidden="true" class="anchor">#</span>
    520. 

  520.         </a></h2>
    521. 

  521. <p>Steps with progress.</p>
    522. 

  522. `,order:13,title:{"zh-CN":"\u5E26\u6709\u8FDB\u5EA6\u7684\u6B65\u9AA4","en-US":"Steps with progress"},relativePath:"components/steps/demo/progress.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpwZXJjZW50PSI2MCIgOmN1cnJlbnQ9IjEiPgogICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgPGEtc3RlcCB0aXRsZT0iSW4gUHJvZ3Jlc3MiIHN1Yi10aXRsZT0iTGVmdCAwMDowMDowOCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXN0ZXBzIDpwZXJjZW50PSI2MCIgOmN1cnJlbnQ9IjEiPgogICAgPGEtc3RlcCB0aXRsZT0iRmluaXNoZWQiIGRlc2NyaXB0aW9uPSJUaGlzIGlzIGEgZGVzY3JpcHRpb24uIiAvPgogICAgPGEtc3RlcCB0aXRsZT0iSW4gUHJvZ3Jlc3MiIHN1Yi10aXRsZT0iTGVmdCAwMDowMDowOCIgZGVzY3JpcHRpb249IlRoaXMgaXMgYSBkZXNjcmlwdGlvbi4iIC8+CiAgICA8YS1zdGVwIHRpdGxlPSJXYWl0aW5nIiBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIGRlc2NyaXB0aW9uLiIgLz4KICA8L2Etc3RlcHM+CjwvdGVtcGxhdGU+"}},{default:e(()=>[s(l,{percent:60,current:1},{default:e(()=>[s(c,{title:"Finished",description:"This is a description."}),s(c,{title:"In Progress","sub-title":"Left 00:00:08",description:"This is a description."}),s(c,{title:"Waiting",description:"This is a description."})]),_:1})]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    523. 

  523.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    524. 

  524.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    525. 

  525.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Left 00:00:08"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    526. 

  526.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    527. 

  527.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    528. 

  528. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    529. 

  529. `)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    530. 

  530.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":current"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    531. 

  531.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Finished"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    532. 

  532.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("In Progress"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Left 00:00:08"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    533. 

  533.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Waiting"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    534. 

  534.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    535. 

  535. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    536. 

  536. `)])],-1)])),_:1})}const yn=g(Gn,[["render",bn]]),Xn=A({setup(){return{current:Z(0),stepStyle:{marginBottom:"60px",boxShadow:"0px -1px 0 0 #e8e8e8 inset"}}}});function Zn(p,a,c,l,i,h){const u=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 <a class="header-anchor" href="#zh-CN">
    537. 

  537.           <span aria-hidden="true" class="anchor">#</span>
    538. 

  538.         </a></h2>
    539. 

  539. <p>\u5BFC\u822A\u7C7B\u578B\u7684\u6B65\u9AA4\u6761\u3002</p>
    540. 

  540. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    541. 

  541.           <span aria-hidden="true" class="anchor">#</span>
    542. 

  542.         </a></h2>
    543. 

  543. <p>Navigation steps.</p>
    544. 

  544. `,order:10,title:{"zh-CN":"\u5BFC\u822A\u6B65\u9AA4","en-US":"Navigation Steps"},relativePath:"components/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(()=>[n("div",null,[s(r,{current:p.current,"onUpdate:current":a[0]||(a[0]=m=>p.current=m),type:"navigation",size:"small",style:y(p.stepStyle)},{default:e(()=>[s(u,{title:"Step 1","sub-title":"00:00:05",status:"finish",description:"This is a description."}),s(u,{title:"Step 2","sub-title":"00:01:02",status:"process",description:"This is a description."}),s(u,{title:"Step 3","sub-title":"waiting for longlong time",status:"wait",description:"This is a description."})]),_:1},8,["current","style"]),s(r,{current:p.current,"onUpdate:current":a[1]||(a[1]=m=>p.current=m),type:"navigation",style:y(p.stepStyle)},{default:e(()=>[s(u,{status:"finish",title:"Step 1"}),s(u,{status:"process",title:"Step 2"}),s(u,{status:"wait",title:"Step 3"}),s(u,{status:"wait",title:"Step 4"})]),_:1},8,["current","style"]),s(r,{current:p.current,"onUpdate:current":a[2]||(a[2]=m=>p.current=m),type:"navigation",size:"small",style:y(p.stepStyle)},{default:e(()=>[s(u,{status:"finish",title:"finish 1"}),s(u,{status:"finish",title:"finish 2"}),s(u,{status:"process",title:"current process"}),s(u,{status:"wait",title:"wait",disabled:""})]),_:1},8,["current","style"])])]),htmlCode:e(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    545. 

  545.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    546. 

  546.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("navigation"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("stepStyle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    547. 

  547.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(`
    548. 

  548.         `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(`
    549. 

  549.         `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("00:00:05"),n("span",{class:"token punctuation"},'"')]),t(`
    550. 

  550.         `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(`
    551. 

  551.         `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(`
    552. 

  552.       `),n("span",{class:"token punctuation"},"/>")]),t(`
    553. 

  553.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(`
    554. 

  554.         `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(`
    555. 

  555.         `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("00:01:02"),n("span",{class:"token punctuation"},'"')]),t(`
    556. 

  556.         `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(`
    557. 

  557.         `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(`
    558. 

  558.       `),n("span",{class:"token punctuation"},"/>")]),t(`
    559. 

  559.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(`
    560. 

  560.         `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(`
    561. 

  561.         `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("waiting for longlong time"),n("span",{class:"token punctuation"},'"')]),t(`
    562. 

  562.         `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(`
    563. 

  563.         `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(`
    564. 

  564.       `),n("span",{class:"token punctuation"},"/>")]),t(`
    565. 

  565.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    566. 

  566.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("navigation"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("stepStyle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    567. 

  567.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    568. 

  568.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    569. 

  569.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    570. 

  570.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 4"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    571. 

  571.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    572. 

  572.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("navigation"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("stepStyle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    573. 

  573.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    574. 

  574.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    575. 

  575.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    576. 

  576.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    577. 

  577.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    578. 

  578.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    579. 

  579. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    580. 

  580. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    581. 

  581. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    582. 

  582. 

  583. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    584. 

  584.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    585. 

  585.     `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    586. 

  586. 

  587.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    588. 

  588.       current`),n("span",{class:"token punctuation"},","),t(`
    589. 

  589.       `),n("span",{class:"token literal-property property"},"stepStyle"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    590. 

  590.         `),n("span",{class:"token literal-property property"},"marginBottom"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'60px'"),n("span",{class:"token punctuation"},","),t(`
    591. 

  591.         `),n("span",{class:"token literal-property property"},"boxShadow"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0px -1px 0 0 #e8e8e8 inset'"),n("span",{class:"token punctuation"},","),t(`
    592. 

  592.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    593. 

  593.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    594. 

  594.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    595. 

  595. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    596. 

  596. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    597. 

  597. `)])],-1)])),jsVersionHtml:e(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    598. 

  598.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    599. 

  599.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("navigation"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("stepStyle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    600. 

  600.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(`
    601. 

  601.         `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(`
    602. 

  602.         `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("00:00:05"),n("span",{class:"token punctuation"},'"')]),t(`
    603. 

  603.         `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(`
    604. 

  604.         `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(`
    605. 

  605.       `),n("span",{class:"token punctuation"},"/>")]),t(`
    606. 

  606.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(`
    607. 

  607.         `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(`
    608. 

  608.         `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("00:01:02"),n("span",{class:"token punctuation"},'"')]),t(`
    609. 

  609.         `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(`
    610. 

  610.         `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(`
    611. 

  611.       `),n("span",{class:"token punctuation"},"/>")]),t(`
    612. 

  612.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(`
    613. 

  613.         `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(`
    614. 

  614.         `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("waiting for longlong time"),n("span",{class:"token punctuation"},'"')]),t(`
    615. 

  615.         `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(`
    616. 

  616.         `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("This is a description."),n("span",{class:"token punctuation"},'"')]),t(`
    617. 

  617.       `),n("span",{class:"token punctuation"},"/>")]),t(`
    618. 

  618.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    619. 

  619.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("navigation"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("stepStyle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    620. 

  620.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    621. 

  621.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    622. 

  622.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    623. 

  623.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Step 4"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    624. 

  624.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    625. 

  625.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-steps")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("navigation"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("stepStyle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    626. 

  626.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    627. 

  627.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("finish 2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    628. 

  628.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current process"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    629. 

  629.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-step")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("wait"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    630. 

  630.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-steps")]),n("span",{class:"token punctuation"},">")]),t(`
    631. 

  631.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    632. 

  632. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    633. 

  633. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
    634. 

  634. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    635. 

  635. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    636. 

  636.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    637. 

  637.     `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    638. 

  638.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    639. 

  639.       current`),n("span",{class:"token punctuation"},","),t(`
    640. 

  640.       `),n("span",{class:"token literal-property property"},"stepStyle"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    641. 

  641.         `),n("span",{class:"token literal-property property"},"marginBottom"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'60px'"),n("span",{class:"token punctuation"},","),t(`
    642. 

  642.         `),n("span",{class:"token literal-property property"},"boxShadow"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0px -1px 0 0 #e8e8e8 inset'"),n("span",{class:"token punctuation"},","),t(`
    643. 

  643.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    644. 

  644.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    645. 

  645.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    646. 

  646. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    647. 

  647. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    648. 

  648. `)])],-1)])),_:1})}const Sn=g(Xn,[["render",Zn]]),Bn={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:"components/steps/index.zh-CN.md",content:`
    649. 

  649. \u5F15\u5BFC\u7528\u6237\u6309\u7167\u6D41\u7A0B\u5B8C\u6210\u4EFB\u52A1\u7684\u5BFC\u822A\u6761\u3002
    650. 

  650. 

  651. ## \u4F55\u65F6\u4F7F\u7528
    652. 

  652. 

  653. \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
    654. 

  654. 

  655. ## API
    656. 

  656. 

  657. \`\`\`jsx
    658. 

  658. &lt;a-steps&gt;
    659. 

  659.   &lt;a-step title=&quot;\u7B2C\u4E00\u6B65&quot; /&gt;
    660. 

  660.   &lt;a-step title=&quot;\u7B2C\u4E8C\u6B65&quot; /&gt;
    661. 

  661.   &lt;a-step title=&quot;\u7B2C\u4E09\u6B65&quot; /&gt;
    662. 

  662. &lt;/a-steps&gt;
    663. 

  663. \`\`\`
    664. 

  664. 

  665. ### Steps
    666. 

  666. 

  667. \u6574\u4F53\u6B65\u9AA4\u6761\u3002
    668. 

  668. 

  669. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    670. 

  670. | --- | --- | --- | --- | --- |
    671. 

  671. | 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 |  |
    672. 

  672. | 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 |  |
    673. 

  673. | initial | \u8D77\u59CB\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570 | number | 0 |  |
    674. 

  674. | 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\` |  |
    675. 

  675. | percent | \u5F53\u524D \`process\` \u6B65\u9AA4\u663E\u793A\u7684\u8FDB\u5EA6\u6761\u8FDB\u5EA6\uFF08\u53EA\u5BF9\u57FA\u672C\u7C7B\u578B\u7684 Steps \u751F\u6548\uFF09 | number | - | 3.0 |
    676. 

  676. | 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 v-slot:progressDot=&quot;{index, status, title, description, prefixCls, iconDot}&quot; | false |  |
    677. 

  677. | responsive | \u5F53\u5C4F\u5E55\u5BBD\u5EA6\u5C0F\u4E8E 532px \u65F6\u81EA\u52A8\u53D8\u4E3A\u5782\u76F4\u6A21\u5F0F | boolean | true | 3.0 |
    678. 

  678. | size | \u6307\u5B9A\u5927\u5C0F\uFF0C\u76EE\u524D\u652F\u6301\u666E\u901A\uFF08\`default\`\uFF09\u548C\u8FF7\u4F60\uFF08\`small\`\uFF09 | string | default |  |
    679. 

  679. | status | \u6307\u5B9A\u5F53\u524D\u6B65\u9AA4\u7684\u72B6\u6001\uFF0C\u53EF\u9009 \`wait\` \`process\` \`finish\` \`error\` | string | process |  |
    680. 

  680. | type | \u6B65\u9AA4\u6761\u7C7B\u578B\uFF0C\u6709 \`default\` \u548C \`navigation\` \u4E24\u79CD | string | \`default\` | 1.5.0 |
    681. 

  681. 

  682. #### Steps \u4E8B\u4EF6
    683. 

  683. 

  684. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E               | \u56DE\u8C03\u53C2\u6570          | \u7248\u672C |       |
    685. 

  685. | -------- | ------------------ | ----------------- | ---- | ----- |
    686. 

  686. | change   | \u70B9\u51FB\u5207\u6362\u6B65\u9AA4\u65F6\u89E6\u53D1 | (current) =&gt; void | -    | 1.5.0 |
    687. 

  687. 

  688. ### Steps.Step
    689. 

  689. 

  690. \u6B65\u9AA4\u6761\u5185\u7684\u6BCF\u4E00\u4E2A\u6B65\u9AA4\u3002
    691. 

  691. 

  692. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    693. 

  693. | --- | --- | --- | --- | --- |
    694. 

  694. | description | \u6B65\u9AA4\u7684\u8BE6\u60C5\u63CF\u8FF0\uFF0C\u53EF\u9009 | string \\| slot | - |  |
    695. 

  695. | disabled | \u7981\u7528\u70B9\u51FB | boolean | false | 1.5.0 |
    696. 

  696. | icon | \u6B65\u9AA4\u56FE\u6807\u7684\u7C7B\u578B\uFF0C\u53EF\u9009 | string \\| slot | - |  |
    697. 

  697. | 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 |  |
    698. 

  698. | subTitle | \u5B50\u6807\u9898 | string \\| slot | - | 1.5.0 |
    699. 

  699. | title | \u6807\u9898 | string \\| slot | - |  |
    700. 

  700. `,html:`<p>\u5F15\u5BFC\u7528\u6237\u6309\u7167\u6D41\u7A0B\u5B8C\u6210\u4EFB\u52A1\u7684\u5BFC\u822A\u6761\u3002</p>
    701. 

  701. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
    702. 

  702.           <span aria-hidden="true" class="anchor">#</span>
    703. 

  703.         </a></h2>
    704. 

  704. <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>
    705. 

  705. <h2 id="API">API <a class="header-anchor" href="#API">
    706. 

  706.           <span aria-hidden="true" class="anchor">#</span>
    707. 

  707.         </a></h2>
    708. 

  708. <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">
    709. 

  709.   </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">
    710. 

  710.   </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">
    711. 

  711.   </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">
    712. 

  712. </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-steps</span><span class="token punctuation">></span></span>
    713. 

  713. </code></pre>
    714. 

  714. <h3 id="Steps">Steps <a class="header-anchor" href="#Steps">
    715. 

  715.           <span aria-hidden="true" class="anchor">#</span>
    716. 

  716.         </a></h3>
    717. 

  717. <p>\u6574\u4F53\u6B65\u9AA4\u6761\u3002</p>
    718. 

  718. <table>
    719. 

  719. <thead>
    720. 

  720. <tr>
    721. 

  721. <th>\u53C2\u6570</th>
    722. 

  722. <th>\u8BF4\u660E</th>
    723. 

  723. <th>\u7C7B\u578B</th>
    724. 

  724. <th>\u9ED8\u8BA4\u503C</th>
    725. 

  725. <th>\u7248\u672C</th>
    726. 

  726. </tr>
    727. 

  727. </thead>
    728. 

  728. <tbody>
    729. 

  729. <tr>
    730. 

  730. <td>current (v-model)</td>
    731. 

  731. <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>
    732. 

  732. <td>number</td>
    733. 

  733. <td>0</td>
    734. 

  734. <td></td>
    735. 

  735. </tr>
    736. 

  736. <tr>
    737. 

  737. <td>direction</td>
    738. 

  738. <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>
    739. 

  739. <td>string</td>
    740. 

  740. <td>horizontal</td>
    741. 

  741. <td></td>
    742. 

  742. </tr>
    743. 

  743. <tr>
    744. 

  744. <td>initial</td>
    745. 

  745. <td>\u8D77\u59CB\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570</td>
    746. 

  746. <td>number</td>
    747. 

  747. <td>0</td>
    748. 

  748. <td></td>
    749. 

  749. </tr>
    750. 

  750. <tr>
    751. 

  751. <td>labelPlacement</td>
    752. 

  752. <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>
    753. 

  753. <td>string</td>
    754. 

  754. <td><code>horizontal</code></td>
    755. 

  755. <td></td>
    756. 

  756. </tr>
    757. 

  757. <tr>
    758. 

  758. <td>percent</td>
    759. 

  759. <td>\u5F53\u524D <code>process</code> \u6B65\u9AA4\u663E\u793A\u7684\u8FDB\u5EA6\u6761\u8FDB\u5EA6\uFF08\u53EA\u5BF9\u57FA\u672C\u7C7B\u578B\u7684 Steps \u751F\u6548\uFF09</td>
    760. 

  760. <td>number</td>
    761. 

  761. <td>-</td>
    762. 

  762. <td>3.0</td>
    763. 

  763. </tr>
    764. 

  764. <tr>
    765. 

  765. <td>progressDot</td>
    766. 

  766. <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>
    767. 

  767. <td>Boolean or v-slot:progressDot=&quot;{index, status, title, description, prefixCls, iconDot}&quot;</td>
    768. 

  768. <td>false</td>
    769. 

  769. <td></td>
    770. 

  770. </tr>
    771. 

  771. <tr>
    772. 

  772. <td>responsive</td>
    773. 

  773. <td>\u5F53\u5C4F\u5E55\u5BBD\u5EA6\u5C0F\u4E8E 532px \u65F6\u81EA\u52A8\u53D8\u4E3A\u5782\u76F4\u6A21\u5F0F</td>
    774. 

  774. <td>boolean</td>
    775. 

  775. <td>true</td>
    776. 

  776. <td>3.0</td>
    777. 

  777. </tr>
    778. 

  778. <tr>
    779. 

  779. <td>size</td>
    780. 

  780. <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>
    781. 

  781. <td>string</td>
    782. 

  782. <td>default</td>
    783. 

  783. <td></td>
    784. 

  784. </tr>
    785. 

  785. <tr>
    786. 

  786. <td>status</td>
    787. 

  787. <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>
    788. 

  788. <td>string</td>
    789. 

  789. <td>process</td>
    790. 

  790. <td></td>
    791. 

  791. </tr>
    792. 

  792. <tr>
    793. 

  793. <td>type</td>
    794. 

  794. <td>\u6B65\u9AA4\u6761\u7C7B\u578B\uFF0C\u6709 <code>default</code> \u548C <code>navigation</code> \u4E24\u79CD</td>
    795. 

  795. <td>string</td>
    796. 

  796. <td><code>default</code></td>
    797. 

  797. <td>1.5.0</td>
    798. 

  798. </tr>
    799. 

  799. </tbody>
    800. 

  800. </table>
    801. 

  801. <h4 id="Steps-\u4E8B\u4EF6">Steps \u4E8B\u4EF6 <a class="header-anchor" href="#Steps-\u4E8B\u4EF6">
    802. 

  802.           <span aria-hidden="true" class="anchor">#</span>
    803. 

  803.         </a></h4>
    804. 

  804. <table>
    805. 

  805. <thead>
    806. 

  806. <tr>
    807. 

  807. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    808. 

  808. <th>\u8BF4\u660E</th>
    809. 

  809. <th>\u56DE\u8C03\u53C2\u6570</th>
    810. 

  810. <th>\u7248\u672C</th>
    811. 

  811. <th></th>
    812. 

  812. </tr>
    813. 

  813. </thead>
    814. 

  814. <tbody>
    815. 

  815. <tr>
    816. 

  816. <td>change</td>
    817. 

  817. <td>\u70B9\u51FB\u5207\u6362\u6B65\u9AA4\u65F6\u89E6\u53D1</td>
    818. 

  818. <td>(current) =&gt; void</td>
    819. 

  819. <td>-</td>
    820. 

  820. <td>1.5.0</td>
    821. 

  821. </tr>
    822. 

  822. </tbody>
    823. 

  823. </table>
    824. 

  824. <h3 id="Steps-Step">Steps.Step <a class="header-anchor" href="#Steps-Step">
    825. 

  825.           <span aria-hidden="true" class="anchor">#</span>
    826. 

  826.         </a></h3>
    827. 

  827. <p>\u6B65\u9AA4\u6761\u5185\u7684\u6BCF\u4E00\u4E2A\u6B65\u9AA4\u3002</p>
    828. 

  828. <table>
    829. 

  829. <thead>
    830. 

  830. <tr>
    831. 

  831. <th>\u53C2\u6570</th>
    832. 

  832. <th>\u8BF4\u660E</th>
    833. 

  833. <th>\u7C7B\u578B</th>
    834. 

  834. <th>\u9ED8\u8BA4\u503C</th>
    835. 

  835. <th>\u7248\u672C</th>
    836. 

  836. </tr>
    837. 

  837. </thead>
    838. 

  838. <tbody>
    839. 

  839. <tr>
    840. 

  840. <td>description</td>
    841. 

  841. <td>\u6B65\u9AA4\u7684\u8BE6\u60C5\u63CF\u8FF0\uFF0C\u53EF\u9009</td>
    842. 

  842. <td>string | slot</td>
    843. 

  843. <td>-</td>
    844. 

  844. <td></td>
    845. 

  845. </tr>
    846. 

  846. <tr>
    847. 

  847. <td>disabled</td>
    848. 

  848. <td>\u7981\u7528\u70B9\u51FB</td>
    849. 

  849. <td>boolean</td>
    850. 

  850. <td>false</td>
    851. 

  851. <td>1.5.0</td>
    852. 

  852. </tr>
    853. 

  853. <tr>
    854. 

  854. <td>icon</td>
    855. 

  855. <td>\u6B65\u9AA4\u56FE\u6807\u7684\u7C7B\u578B\uFF0C\u53EF\u9009</td>
    856. 

  856. <td>string | slot</td>
    857. 

  857. <td>-</td>
    858. 

  858. <td></td>
    859. 

  859. </tr>
    860. 

  860. <tr>
    861. 

  861. <td>status</td>
    862. 

  862. <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>
    863. 

  863. <td>string</td>
    864. 

  864. <td>wait</td>
    865. 

  865. <td></td>
    866. 

  866. </tr>
    867. 

  867. <tr>
    868. 

  868. <td>subTitle</td>
    869. 

  869. <td>\u5B50\u6807\u9898</td>
    870. 

  870. <td>string | slot</td>
    871. 

  871. <td>-</td>
    872. 

  872. <td>1.5.0</td>
    873. 

  873. </tr>
    874. 

  874. <tr>
    875. 

  875. <td>title</td>
    876. 

  876. <td>\u6807\u9898</td>
    877. 

  877. <td>string | slot</td>
    878. 

  878. <td>-</td>
    879. 

  879. <td></td>
    880. 

  880. </tr>
    881. 

  881. </tbody>
    882. 

  882. </table>
    883. 

  883. `,lastUpdated:1748060301238}},wn={class:"markdown"};function Rn(p,a,c,l,i,h){return k(),S("article",wn,a[0]||(a[0]=[B(`<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 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></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">
    884. 

  884.   </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">
    885. 

  885.   </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">
    886. 

  886.   </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">
    887. 

  887. </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>
    888. 

  888. </code></pre><h3 id="Steps">Steps <a class="header-anchor" href="#Steps"><span aria-hidden="true" class="anchor">#</span></a></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>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>initial</td><td>\u8D77\u59CB\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\u8BB0\u6570</td><td>number</td><td>0</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>percent</td><td>\u5F53\u524D <code>process</code> \u6B65\u9AA4\u663E\u793A\u7684\u8FDB\u5EA6\u6761\u8FDB\u5EA6\uFF08\u53EA\u5BF9\u57FA\u672C\u7C7B\u578B\u7684 Steps \u751F\u6548\uFF09</td><td>number</td><td>-</td><td>3.0</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 v-slot:progressDot=&quot;{index, status, title, description, prefixCls, iconDot}&quot;</td><td>false</td><td></td></tr><tr><td>responsive</td><td>\u5F53\u5C4F\u5E55\u5BBD\u5EA6\u5C0F\u4E8E 532px \u65F6\u81EA\u52A8\u53D8\u4E3A\u5782\u76F4\u6A21\u5F0F</td><td>boolean</td><td>true</td><td>3.0</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>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></tbody></table><h4 id="Steps-\u4E8B\u4EF6">Steps \u4E8B\u4EF6 <a class="header-anchor" href="#Steps-\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h4><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th><th></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><td>1.5.0</td></tr></tbody></table><h3 id="Steps-Step">Steps.Step <a class="header-anchor" href="#Steps-Step"><span aria-hidden="true" class="anchor">#</span></a></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>disabled</td><td>\u7981\u7528\u70B9\u51FB</td><td>boolean</td><td>false</td><td>1.5.0</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>subTitle</td><td>\u5B50\u6807\u9898</td><td>string | slot</td><td>-</td><td>1.5.0</td></tr><tr><td>title</td><td>\u6807\u9898</td><td>string | slot</td><td>-</td><td></td></tr></tbody></table>`,13)]))}const zn=g(Bn,[["render",Rn]]),fn={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:"components/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| direction | to specify the direction of the step bar, `horizontal` and `vertical` are currently supported | string | `horizontal` |  |\n| initial | set the initial step, counting from 0 | number | 0 |  |\n| labelPlacement | support vertial title and description | string | `horizontal` |  |\n| percent | Progress circle percentage of current step in `process` status (only works on basic Steps) | number | - | 3.0 |\n| progressDot | Steps with progress dot style, customize the progress dot by setting a scoped slot. labelPlacement will be `vertical` | Boolean or v-slot:progressDot=&quot;{index, status, title, description, prefixCls, iconDot}&quot; | false |  |\n| responsive | change to vertical direction when screen width smaller than `532px` | boolean | true | 3.0 |\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| type | Type of steps, can be set to one of the following values: `default`, `navigation` | string | `default` | 1.5.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| disabled | Disable click | boolean | false | 1.5.0 |\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| subTitle | Subtitle of the step | string\\|slot | - | 1.5.0 |\n| title | title of the step | string\\|slot | - |  |\n",html:`<p><code>Steps</code> is a navigation bar that guides users through the steps of a task.</p>
    889. 

  889. <h2 id="API">API <a class="header-anchor" href="#API">
    890. 

  890.           <span aria-hidden="true" class="anchor">#</span>
    891. 

  891.         </a></h2>
    892. 

  892. <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">
    893. 

  893.   </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">
    894. 

  894.   </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">
    895. 

  895.   </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">
    896. 

  896. </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-steps</span><span class="token punctuation">></span></span>
    897. 

  897. </code></pre>
    898. 

  898. <h3 id="Steps">Steps <a class="header-anchor" href="#Steps">
    899. 

  899.           <span aria-hidden="true" class="anchor">#</span>
    900. 

  900.         </a></h3>
    901. 

  901. <p>The whole of the step bar.</p>
    902. 

  902. <table>
    903. 

  903. <thead>
    904. 

  904. <tr>
    905. 

  905. <th>Property</th>
    906. 

  906. <th>Description</th>
    907. 

  907. <th>Type</th>
    908. 

  908. <th>Default</th>
    909. 

  909. <th>Version</th>
    910. 

  910. </tr>
    911. 

  911. </thead>
    912. 

  912. <tbody>
    913. 

  913. <tr>
    914. 

  914. <td>current(v-model)</td>
    915. 

  915. <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>
    916. 

  916. <td>number</td>
    917. 

  917. <td>0</td>
    918. 

  918. <td></td>
    919. 

  919. </tr>
    920. 

  920. <tr>
    921. 

  921. <td>direction</td>
    922. 

  922. <td>to specify the direction of the step bar, <code>horizontal</code> and <code>vertical</code> are currently supported</td>
    923. 

  923. <td>string</td>
    924. 

  924. <td><code>horizontal</code></td>
    925. 

  925. <td></td>
    926. 

  926. </tr>
    927. 

  927. <tr>
    928. 

  928. <td>initial</td>
    929. 

  929. <td>set the initial step, counting from 0</td>
    930. 

  930. <td>number</td>
    931. 

  931. <td>0</td>
    932. 

  932. <td></td>
    933. 

  933. </tr>
    934. 

  934. <tr>
    935. 

  935. <td>labelPlacement</td>
    936. 

  936. <td>support vertial title and description</td>
    937. 

  937. <td>string</td>
    938. 

  938. <td><code>horizontal</code></td>
    939. 

  939. <td></td>
    940. 

  940. </tr>
    941. 

  941. <tr>
    942. 

  942. <td>percent</td>
    943. 

  943. <td>Progress circle percentage of current step in <code>process</code> status (only works on basic Steps)</td>
    944. 

  944. <td>number</td>
    945. 

  945. <td>-</td>
    946. 

  946. <td>3.0</td>
    947. 

  947. </tr>
    948. 

  948. <tr>
    949. 

  949. <td>progressDot</td>
    950. 

  950. <td>Steps with progress dot style, customize the progress dot by setting a scoped slot. labelPlacement will be <code>vertical</code></td>
    951. 

  951. <td>Boolean or v-slot:progressDot=&quot;{index, status, title, description, prefixCls, iconDot}&quot;</td>
    952. 

  952. <td>false</td>
    953. 

  953. <td></td>
    954. 

  954. </tr>
    955. 

  955. <tr>
    956. 

  956. <td>responsive</td>
    957. 

  957. <td>change to vertical direction when screen width smaller than <code>532px</code></td>
    958. 

  958. <td>boolean</td>
    959. 

  959. <td>true</td>
    960. 

  960. <td>3.0</td>
    961. 

  961. </tr>
    962. 

  962. <tr>
    963. 

  963. <td>size</td>
    964. 

  964. <td>to specify the size of the step bar, <code>default</code> and <code>small</code> are currently supported</td>
    965. 

  965. <td>string</td>
    966. 

  966. <td><code>default</code></td>
    967. 

  967. <td></td>
    968. 

  968. </tr>
    969. 

  969. <tr>
    970. 

  970. <td>status</td>
    971. 

  971. <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>
    972. 

  972. <td>string</td>
    973. 

  973. <td><code>process</code></td>
    974. 

  974. <td></td>
    975. 

  975. </tr>
    976. 

  976. <tr>
    977. 

  977. <td>type</td>
    978. 

  978. <td>Type of steps, can be set to one of the following values: <code>default</code>, <code>navigation</code></td>
    979. 

  979. <td>string</td>
    980. 

  980. <td><code>default</code></td>
    981. 

  981. <td>1.5.0</td>
    982. 

  982. </tr>
    983. 

  983. </tbody>
    984. 

  984. </table>
    985. 

  985. <h4 id="Steps-Events">Steps Events <a class="header-anchor" href="#Steps-Events">
    986. 

  986.           <span aria-hidden="true" class="anchor">#</span>
    987. 

  987.         </a></h4>
    988. 

  988. <table>
    989. 

  989. <thead>
    990. 

  990. <tr>
    991. 

  991. <th>Events Name</th>
    992. 

  992. <th>Description</th>
    993. 

  993. <th>Arguments</th>
    994. 

  994. <th>Version</th>
    995. 

  995. <th></th>
    996. 

  996. </tr>
    997. 

  997. </thead>
    998. 

  998. <tbody>
    999. 

  999. <tr>
    1000. 

  1000. <td>change</td>
    1001. 

  1001. <td>Trigger when Step is changed</td>
    1002. 

  1002. <td>(current) =&gt; void</td>
    1003. 

  1003. <td>-</td>
    1004. 

  1004. <td>1.5.0</td>
    1005. 

  1005. </tr>
    1006. 

  1006. </tbody>
    1007. 

  1007. </table>
    1008. 

  1008. <h3 id="Steps-Step">Steps.Step <a class="header-anchor" href="#Steps-Step">
    1009. 

  1009.           <span aria-hidden="true" class="anchor">#</span>
    1010. 

  1010.         </a></h3>
    1011. 

  1011. <p>A single step in the step bar.</p>
    1012. 

  1012. <table>
    1013. 

  1013. <thead>
    1014. 

  1014. <tr>
    1015. 

  1015. <th>Property</th>
    1016. 

  1016. <th>Description</th>
    1017. 

  1017. <th>Type</th>
    1018. 

  1018. <th>Default</th>
    1019. 

  1019. <th>Version</th>
    1020. 

  1020. </tr>
    1021. 

  1021. </thead>
    1022. 

  1022. <tbody>
    1023. 

  1023. <tr>
    1024. 

  1024. <td>description</td>
    1025. 

  1025. <td>description of the step, optional property</td>
    1026. 

  1026. <td>string|slot</td>
    1027. 

  1027. <td>-</td>
    1028. 

  1028. <td></td>
    1029. 

  1029. </tr>
    1030. 

  1030. <tr>
    1031. 

  1031. <td>disabled</td>
    1032. 

  1032. <td>Disable click</td>
    1033. 

  1033. <td>boolean</td>
    1034. 

  1034. <td>false</td>
    1035. 

  1035. <td>1.5.0</td>
    1036. 

  1036. </tr>
    1037. 

  1037. <tr>
    1038. 

  1038. <td>icon</td>
    1039. 

  1039. <td>icon of the step, optional property</td>
    1040. 

  1040. <td>string|slot</td>
    1041. 

  1041. <td>-</td>
    1042. 

  1042. <td></td>
    1043. 

  1043. </tr>
    1044. 

  1044. <tr>
    1045. 

  1045. <td>status</td>
    1046. 

  1046. <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>
    1047. 

  1047. <td>string</td>
    1048. 

  1048. <td><code>wait</code></td>
    1049. 

  1049. <td></td>
    1050. 

  1050. </tr>
    1051. 

  1051. <tr>
    1052. 

  1052. <td>subTitle</td>
    1053. 

  1053. <td>Subtitle of the step</td>
    1054. 

  1054. <td>string|slot</td>
    1055. 

  1055. <td>-</td>
    1056. 

  1056. <td>1.5.0</td>
    1057. 

  1057. </tr>
    1058. 

  1058. <tr>
    1059. 

  1059. <td>title</td>
    1060. 

  1060. <td>title of the step</td>
    1061. 

  1061. <td>string|slot</td>
    1062. 

  1062. <td>-</td>
    1063. 

  1063. <td></td>
    1064. 

  1064. </tr>
    1065. 

  1065. </tbody>
    1066. 

  1066. </table>
    1067. 

  1067. `,lastUpdated:1748060301237}},Nn={class:"markdown"};function Pn(p,a,c,l,i,h){return k(),S("article",Nn,a[0]||(a[0]=[B(`<p><code>Steps</code> is a navigation bar that guides users through the steps of a task.</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></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">
    1068. 

  1068.   </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">
    1069. 

  1069.   </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">
    1070. 

  1070.   </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">
    1071. 

  1071. </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>
    1072. 

  1072. </code></pre><h3 id="Steps">Steps <a class="header-anchor" href="#Steps"><span aria-hidden="true" class="anchor">#</span></a></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>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>initial</td><td>set the initial step, counting from 0</td><td>number</td><td>0</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>percent</td><td>Progress circle percentage of current step in <code>process</code> status (only works on basic Steps)</td><td>number</td><td>-</td><td>3.0</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 v-slot:progressDot=&quot;{index, status, title, description, prefixCls, iconDot}&quot;</td><td>false</td><td></td></tr><tr><td>responsive</td><td>change to vertical direction when screen width smaller than <code>532px</code></td><td>boolean</td><td>true</td><td>3.0</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>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></tbody></table><h4 id="Steps-Events">Steps Events <a class="header-anchor" href="#Steps-Events"><span aria-hidden="true" class="anchor">#</span></a></h4><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th><th></th></tr></thead><tbody><tr><td>change</td><td>Trigger when Step is changed</td><td>(current) =&gt; void</td><td>-</td><td>1.5.0</td></tr></tbody></table><h3 id="Steps-Step">Steps.Step <a class="header-anchor" href="#Steps-Step"><span aria-hidden="true" class="anchor">#</span></a></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>disabled</td><td>Disable click</td><td>boolean</td><td>false</td><td>1.5.0</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>subTitle</td><td>Subtitle of the step</td><td>string|slot</td><td>-</td><td>1.5.0</td></tr><tr><td>title</td><td>title of the step</td><td>string|slot</td><td>-</td><td></td></tr></tbody></table>`,11)]))}const Vn=g(fn,[["render",Pn]]),Wn=A({CN:zn,US:Vn,components:{Simple:an,SmallSize:on,Icon:M,StepNext:kn,Vertical:Cn,VerticalSmall:gn,Error:K,ProgressDot:$,CustomizedProgressDot:T,Clickable:vn,Nav:Sn,Progress:yn},setup(){return{}}});function Yn(p,a,c,l,i,h){const u=o("Simple"),r=o("SmallSize"),I=o("Icon"),m=o("StepNext"),C=o("Vertical"),v=o("VerticalSmall"),G=o("Error"),w=o("ProgressDot"),R=o("CustomizedProgressDot"),z=o("Clickable"),f=o("Nav"),N=o("Progress"),P=o("demo-sort");return k(),d(P,{cols:1},{default:e(()=>[s(u),s(r),s(I),s(m),s(C),s(v),s(G),s(w),s(R),s(z),s(f),s(N)]),_:1})}const Jn=g(Wn,[["render",Yn]]);export{Jn as default};
    1073.