Home Explore Help
Register Sign In
wicresoft
/
doc_project
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 9cd9c7d1d5
Branches Tags
doc_project
/
3x.antv.design
/
assets
/
index.361e4343.js

index.361e4343.js 55 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293 
  1. import{_ as p,l as d,w as e,j as c,k as i,b as n,f as o,e as t,a as k,q as m,d as Z}from"./index.3fe853a6.js";const C={};function W(u,a){const s=c("a-divider"),l=c("demo-box");return i(),d(l,{jsfiddle:{us:"Divider is `horizontal` by default. You can add text within Divider.",cn:"\u9ED8\u8BA4\u4E3A\u6C34\u5E73\u5206\u5272\u7EBF\uFF0C\u53EF\u5728\u4E2D\u95F4\u52A0\u5165\u6587\u5B57\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>\u9ED8\u8BA4\u4E3A\u6C34\u5E73\u5206\u5272\u7EBF\uFF0C\u53EF\u5728\u4E2D\u95F4\u52A0\u5165\u6587\u5B57\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>Divider is <code>horizontal</code> by default. You can add text within Divider.</p>
    9. 

  9. `,order:0,title:{"zh-CN":"\u6C34\u5E73\u5206\u5272\u7EBF","en-US":"Horizontal"},relativePath:"components/divider/demo/horizontal.vue",sourceCode:"PHRlbXBsYXRlPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgLz4KICA8cD4KICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIFNlZCBub25uZSBtZXJuaW5pc3RpIGxpY2VyZSBtaWhpIGlzdGEKICAgIHByb2JhcmUsIHF1YWUgc3VudCBhIHRlIGRpY3RhPyBSZWZlcnQgdGFtZW4sIHF1byBtb2RvLgogIDwvcD4KICA8YS1kaXZpZGVyPldpdGggVGV4dDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgZGFzaGVkIC8+CiAgPHA+CiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBTZWQgbm9ubmUgbWVybmluaXN0aSBsaWNlcmUgbWloaSBpc3RhCiAgICBwcm9iYXJlLCBxdWFlIHN1bnQgYSB0ZSBkaWN0YT8gUmVmZXJ0IHRhbWVuLCBxdW8gbW9kby4KICA8L3A+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgLz4KICA8cD4KICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIFNlZCBub25uZSBtZXJuaW5pc3RpIGxpY2VyZSBtaWhpIGlzdGEKICAgIHByb2JhcmUsIHF1YWUgc3VudCBhIHRlIGRpY3RhPyBSZWZlcnQgdGFtZW4sIHF1byBtb2RvLgogIDwvcD4KICA8YS1kaXZpZGVyPldpdGggVGV4dDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgZGFzaGVkIC8+CiAgPHA+CiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBTZWQgbm9ubmUgbWVybmluaXN0aSBsaWNlcmUgbWloaSBpc3RhCiAgICBwcm9iYXJlLCBxdWFlIHN1bnQgYSB0ZSBkaWN0YT8gUmVmZXJ0IHRhbWVuLCBxdW8gbW9kby4KICA8L3A+CjwvdGVtcGxhdGU+"}},{default:e(()=>[a[1]||(a[1]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s),a[2]||(a[2]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s,null,{default:e(()=>a[0]||(a[0]=[t("With Text")])),_:1,__:[0]}),a[3]||(a[3]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s,{dashed:""}),a[4]||(a[4]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1))]),htmlCode: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(`
    10. 

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

  11.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    12. 

  12.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    13. 

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

  14.   `),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(`
    15. 

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

  16.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    17. 

  17.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    18. 

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

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

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

  21.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    22. 

  22.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    23. 

  23.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-divider")]),t(),n("span",{class:"token attr-name"},"dashed"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    25. 

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

  26.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    27. 

  27.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    28. 

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

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

  30. `)])],-1)])),jsVersionHtml:e(()=>a[6]||(a[6]=[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(`
    31. 

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

  32.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    33. 

  33.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    34. 

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

  35.   `),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(`
    36. 

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

  37.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    38. 

  38.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    39. 

  39.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-divider")]),n("span",{class:"token punctuation"},">")]),t("With Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-divider")]),n("span",{class:"token punctuation"},">")]),t(`
    41. 

  41.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    42. 

  42.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    43. 

  43.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    44. 

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

  45.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"dashed"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    46. 

  46.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    47. 

  47.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    48. 

  48.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    49. 

  49.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    50. 

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

  51. `)])],-1)])),_:1})}const X=p(C,[["render",W]]),y={};function B(u,a){const s=c("a-divider"),l=c("demo-box");return i(),d(l,{jsfiddle:{us:'Divider with inner title, set `orientation="left/right"` to align it.',cn:"\u5206\u5272\u7EBF\u4E2D\u5E26\u6709\u6587\u5B57\uFF0C\u53EF\u4EE5\u7528 `orientation` \u6307\u5B9A\u6587\u5B57\u4F4D\u7F6E\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    52. 

  52.           <span aria-hidden="true" class="anchor">#</span>
    53. 

  53.         </a></h2>
    54. 

  54. <p>\u5206\u5272\u7EBF\u4E2D\u5E26\u6709\u6587\u5B57\uFF0C\u53EF\u4EE5\u7528 <code>orientation</code> \u6307\u5B9A\u6587\u5B57\u4F4D\u7F6E\u3002</p>
    55. 

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

  56.           <span aria-hidden="true" class="anchor">#</span>
    57. 

  57.         </a></h2>
    58. 

  58. <p>Divider with inner title, set <code>orientation=&quot;left/right&quot;</code> to align it.</p>
    59. 

  59. `,order:1,title:{"zh-CN":"\u5E26\u6587\u5B57\u7684\u5206\u5272\u7EBF","en-US":"Divider with title"},relativePath:"components/divider/demo/with-text.vue",sourceCode:"PHRlbXBsYXRlPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXI+VGV4dDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249ImxlZnQiPkxlZnQgVGV4dDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249InJpZ2h0Ij5SaWdodCBUZXh0PC9hLWRpdmlkZXI+CiAgPHA+CiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBTZWQgbm9ubmUgbWVybmluaXN0aSBsaWNlcmUgbWloaSBpc3RhCiAgICBwcm9iYXJlLCBxdWFlIHN1bnQgYSB0ZSBkaWN0YT8gUmVmZXJ0IHRhbWVuLCBxdW8gbW9kby4KICA8L3A+CiAgPGEtZGl2aWRlciBvcmllbnRhdGlvbj0ibGVmdCIgb3JpZW50YXRpb24tbWFyZ2luPSIwcHgiPgogICAgTGVmdCBUZXh0IHdpdGggMCBvcmllbnRhdGlvbk1hcmdpbgogIDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249InJpZ2h0IiBvcmllbnRhdGlvbi1tYXJnaW49IjUwcHgiPgogICAgUmlnaHQgVGV4dCB3aXRoIDUwcHggb3JpZW50YXRpb25NYXJnaW4KICA8L2EtZGl2aWRlcj4KICA8cD4KICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIFNlZCBub25uZSBtZXJuaW5pc3RpIGxpY2VyZSBtaWhpIGlzdGEKICAgIHByb2JhcmUsIHF1YWUgc3VudCBhIHRlIGRpY3RhPyBSZWZlcnQgdGFtZW4sIHF1byBtb2RvLgogIDwvcD4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXI+VGV4dDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249ImxlZnQiPkxlZnQgVGV4dDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249InJpZ2h0Ij5SaWdodCBUZXh0PC9hLWRpdmlkZXI+CiAgPHA+CiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBTZWQgbm9ubmUgbWVybmluaXN0aSBsaWNlcmUgbWloaSBpc3RhCiAgICBwcm9iYXJlLCBxdWFlIHN1bnQgYSB0ZSBkaWN0YT8gUmVmZXJ0IHRhbWVuLCBxdW8gbW9kby4KICA8L3A+CiAgPGEtZGl2aWRlciBvcmllbnRhdGlvbj0ibGVmdCIgb3JpZW50YXRpb24tbWFyZ2luPSIwcHgiPgogICAgTGVmdCBUZXh0IHdpdGggMCBvcmllbnRhdGlvbk1hcmdpbgogIDwvYS1kaXZpZGVyPgogIDxwPgogICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU2VkIG5vbm5lIG1lcm5pbmlzdGkgbGljZXJlIG1paGkgaXN0YQogICAgcHJvYmFyZSwgcXVhZSBzdW50IGEgdGUgZGljdGE/IFJlZmVydCB0YW1lbiwgcXVvIG1vZG8uCiAgPC9wPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249InJpZ2h0IiBvcmllbnRhdGlvbi1tYXJnaW49IjUwcHgiPgogICAgUmlnaHQgVGV4dCB3aXRoIDUwcHggb3JpZW50YXRpb25NYXJnaW4KICA8L2EtZGl2aWRlcj4KICA8cD4KICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIFNlZCBub25uZSBtZXJuaW5pc3RpIGxpY2VyZSBtaWhpIGlzdGEKICAgIHByb2JhcmUsIHF1YWUgc3VudCBhIHRlIGRpY3RhPyBSZWZlcnQgdGFtZW4sIHF1byBtb2RvLgogIDwvcD4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[a[5]||(a[5]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s,null,{default:e(()=>a[0]||(a[0]=[t("Text")])),_:1,__:[0]}),a[6]||(a[6]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s,{orientation:"left"},{default:e(()=>a[1]||(a[1]=[t("Left Text")])),_:1,__:[1]}),a[7]||(a[7]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s,{orientation:"right"},{default:e(()=>a[2]||(a[2]=[t("Right Text")])),_:1,__:[2]}),a[8]||(a[8]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s,{orientation:"left","orientation-margin":"0px"},{default:e(()=>a[3]||(a[3]=[t(" Left Text with 0 orientationMargin ")])),_:1,__:[3]}),a[9]||(a[9]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1)),o(s,{orientation:"right","orientation-margin":"50px"},{default:e(()=>a[4]||(a[4]=[t(" Right Text with 50px orientationMargin ")])),_:1,__:[4]}),a[10]||(a[10]=n("p",null," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo. ",-1))]),htmlCode:e(()=>a[11]||(a[11]=[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(`
    60. 

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

  61.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    62. 

  62.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    63. 

  63.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-divider")]),n("span",{class:"token punctuation"},">")]),t("Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-divider")]),n("span",{class:"token punctuation"},">")]),t(`
    65. 

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

  66.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    67. 

  67.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    68. 

  68.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    69. 

  69.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Left Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-divider")]),n("span",{class:"token punctuation"},">")]),t(`
    70. 

  70.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    71. 

  71.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    72. 

  72.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    73. 

  73.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    74. 

  74.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("right"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Right Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-divider")]),n("span",{class:"token punctuation"},">")]),t(`
    75. 

  75.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    76. 

  76.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    77. 

  77.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    78. 

  78.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    79. 

  79.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("left"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"orientation-margin"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0px"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    80. 

  80.     Left Text with 0 orientationMargin
    81. 

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

  82.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    83. 

  83.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    84. 

  84.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    85. 

  85.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("right"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"orientation-margin"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50px"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    87. 

  87.     Right Text with 50px orientationMargin
    88. 

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

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

  90.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    91. 

  91.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    92. 

  92.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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")]),n("span",{class:"token punctuation"},">")]),t(`
    94. 

  94. `)])],-1)])),jsVersionHtml:e(()=>a[12]||(a[12]=[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(`
    95. 

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

  96.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    97. 

  97.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    98. 

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

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

  100.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    101. 

  101.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    102. 

  102.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    103. 

  103.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    104. 

  104.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Left Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-divider")]),n("span",{class:"token punctuation"},">")]),t(`
    105. 

  105.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    106. 

  106.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    107. 

  107.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    108. 

  108.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    109. 

  109.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("right"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Right Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-divider")]),n("span",{class:"token punctuation"},">")]),t(`
    110. 

  110.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    111. 

  111.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    112. 

  112.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    113. 

  113.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    114. 

  114.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("left"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"orientation-margin"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0px"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    115. 

  115.     Left Text with 0 orientationMargin
    116. 

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

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

  118.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    119. 

  119.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    120. 

  120.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    121. 

  121.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),t(),n("span",{class:"token attr-name"},"orientation"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("right"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"orientation-margin"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50px"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    122. 

  122.     Right Text with 50px orientationMargin
    123. 

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

  124.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
    125. 

  125.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
    126. 

  126.     probare, quae sunt a te dicta? Refert tamen, quo modo.
    127. 

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

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

  129. `)])],-1)])),_:1})}const R=p(y,[["render",B]]),V={};function f(u,a){const s=c("a-divider"),l=c("demo-box");return i(),d(l,{jsfiddle:{us:'Use `type="vertical"` make it vertical.',cn:'\u4F7F\u7528 `type="vertical"` \u8BBE\u7F6E\u4E3A\u884C\u5185\u7684\u5782\u76F4\u5206\u5272\u7EBF\u3002',docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    130. 

  130.           <span aria-hidden="true" class="anchor">#</span>
    131. 

  131.         </a></h2>
    132. 

  132. <p>\u4F7F\u7528 <code>type=&quot;vertical&quot;</code> \u8BBE\u7F6E\u4E3A\u884C\u5185\u7684\u5782\u76F4\u5206\u5272\u7EBF\u3002</p>
    133. 

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

  134.           <span aria-hidden="true" class="anchor">#</span>
    135. 

  135.         </a></h2>
    136. 

  136. <p>Use <code>type=&quot;vertical&quot;</code> make it vertical.</p>
    137. 

  137. `,order:2,title:{"zh-CN":"\u5782\u76F4\u5206\u5272\u7EBF","en-US":"Vertical"},relativePath:"components/divider/demo/vertical.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICBUZXh0CiAgICA8YS1kaXZpZGVyIHR5cGU9InZlcnRpY2FsIiAvPgogICAgPGEgaHJlZj0iIyI+TGluazwvYT4KICAgIDxhLWRpdmlkZXIgdHlwZT0idmVydGljYWwiIC8+CiAgICA8YSBocmVmPSIjIj5MaW5rPC9hPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICBUZXh0CiAgICA8YS1kaXZpZGVyIHR5cGU9InZlcnRpY2FsIiAvPgogICAgPGEgaHJlZj0iIyI+TGluazwvYT4KICAgIDxhLWRpdmlkZXIgdHlwZT0idmVydGljYWwiIC8+CiAgICA8YSBocmVmPSIjIj5MaW5rPC9hPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:e(()=>[n("div",null,[a[0]||(a[0]=t(" Text ")),o(s,{type:"vertical"}),a[1]||(a[1]=n("a",{href:"#"},"Link",-1)),o(s,{type:"vertical"}),a[2]||(a[2]=n("a",{href:"#"},"Link",-1))])]),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(`
    138. 

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

  139.     Text
    140. 

  140.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),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("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    141. 

  141.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    142. 

  142.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),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("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    143. 

  143.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    144. 

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

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

  146. `)])],-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(`
    147. 

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

  148.     Text
    149. 

  149.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),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("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    150. 

  150.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    151. 

  151.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),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("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    152. 

  152.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    153. 

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

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

  155. `)])],-1)])),_:1})}const Y=p(V,[["render",f]]),x={};function S(u,a){const s=c("a-divider"),l=c("demo-box");return i(),d(l,{jsfiddle:{us:"Use `style` to change default style.",cn:"\u6D4B\u8BD5\u4E00\u4E9B `style` \u4FEE\u6539\u6837\u5F0F\u7684\u884C\u4E3A\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    156. 

  156.           <span aria-hidden="true" class="anchor">#</span>
    157. 

  157.         </a></h2>
    158. 

  158. <p>\u6D4B\u8BD5\u4E00\u4E9B <code>style</code> \u4FEE\u6539\u6837\u5F0F\u7684\u884C\u4E3A\u3002</p>
    159. 

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

  160.           <span aria-hidden="true" class="anchor">#</span>
    161. 

  161.         </a></h2>
    162. 

  162. <p>Use <code>style</code> to change default style.</p>
    163. 

  163. `,order:3,title:{"zh-CN":"\u6837\u5F0F\u81EA\u5B9A\u4E49","en-US":"Style Customization"},relativePath:"components/divider/demo/customize-style.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRpdmlkZXIgc3R5bGU9ImhlaWdodDogMnB4OyBiYWNrZ3JvdW5kLWNvbG9yOiAjN2NiMzA1IiAvPgogIDxhLWRpdmlkZXIgc3R5bGU9ImJvcmRlci1jb2xvcjogIzdjYjMwNSIgZGFzaGVkIC8+CiAgPGEtZGl2aWRlciB0eXBlPSJ2ZXJ0aWNhbCIgc3R5bGU9ImhlaWdodDogNjBweDsgYmFja2dyb3VuZC1jb2xvcjogIzdjYjMwNSIgLz4KICA8YS1kaXZpZGVyIHR5cGU9InZlcnRpY2FsIiBzdHlsZT0iaGVpZ2h0OiA2MHB4OyBib3JkZXItY29sb3I6ICM3Y2IzMDUiIGRhc2hlZCAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRpdmlkZXIgc3R5bGU9ImhlaWdodDogMnB4OyBiYWNrZ3JvdW5kLWNvbG9yOiAjN2NiMzA1IiAvPgogIDxhLWRpdmlkZXIgc3R5bGU9ImJvcmRlci1jb2xvcjogIzdjYjMwNSIgZGFzaGVkIC8+CiAgPGEtZGl2aWRlciB0eXBlPSJ2ZXJ0aWNhbCIgc3R5bGU9ImhlaWdodDogNjBweDsgYmFja2dyb3VuZC1jb2xvcjogIzdjYjMwNSIgLz4KICA8YS1kaXZpZGVyIHR5cGU9InZlcnRpY2FsIiBzdHlsZT0iaGVpZ2h0OiA2MHB4OyBib3JkZXItY29sb3I6ICM3Y2IzMDUiIGRhc2hlZCAvPgo8L3RlbXBsYXRlPg=="}},{default:e(()=>[o(s,{style:{height:"2px","background-color":"#7cb305"}}),o(s,{style:{"border-color":"#7cb305"},dashed:""}),o(s,{type:"vertical",style:{height:"60px","background-color":"#7cb305"}}),o(s,{type:"vertical",style:{height:"60px","border-color":"#7cb305"},dashed:""})]),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(`
    164. 

  164.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),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"},"height"),n("span",{class:"token punctuation"},":"),t(" 2px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),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-divider")]),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"},"border-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"dashed"),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-divider")]),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("vertical"),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"},"height"),n("span",{class:"token punctuation"},":"),t(" 60px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),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-divider")]),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("vertical"),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"},"height"),n("span",{class:"token punctuation"},":"),t(" 60px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"border-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"dashed"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    168. 

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

  169. `)])],-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(`
    170. 

  170.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-divider")]),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"},"height"),n("span",{class:"token punctuation"},":"),t(" 2px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),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-divider")]),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"},"border-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"dashed"),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-divider")]),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("vertical"),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"},"height"),n("span",{class:"token punctuation"},":"),t(" 60px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),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-divider")]),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("vertical"),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"},"height"),n("span",{class:"token punctuation"},":"),t(" 60px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"border-color"),n("span",{class:"token punctuation"},":"),t(" #7cb305")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"dashed"),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("template")]),n("span",{class:"token punctuation"},">")]),t(`
    175. 

  175. `)])],-1)])),_:1})}const P=p(x,[["render",S]]),w={pageData:{title:"Divider",description:"",frontmatter:{category:"Components",type:"\u5E03\u5C40",title:"Divider",subtitle:"\u5206\u5272\u7EBF",cover:"https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"API",content:""}],relativePath:"components/divider/index.zh-CN.md",content:"\n\u533A\u9694\u5185\u5BB9\u7684\u5206\u5272\u7EBF\u3002\n\n## \u4F55\u65F6\u4F7F\u7528\n\n- \u5BF9\u4E0D\u540C\u7AE0\u8282\u7684\u6587\u672C\u6BB5\u843D\u8FDB\u884C\u5206\u5272\u3002\n- \u5BF9\u884C\u5185\u6587\u5B57/\u94FE\u63A5\u8FDB\u884C\u5206\u5272\uFF0C\u4F8B\u5982\u8868\u683C\u7684\u64CD\u4F5C\u5217\u3002\n\n## API\n\n| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |\n| --- | --- | --- | --- | --- |\n| dashed | \u662F\u5426\u865A\u7EBF | boolean | false |  |\n| orientation | \u5206\u5272\u7EBF\u6807\u9898\u7684\u4F4D\u7F6E | `left` \\| `right` \\| `center` | `center` |\n| orientationMargin | \u6807\u9898\u548C\u6700\u8FD1 left/right \u8FB9\u6846\u4E4B\u95F4\u7684\u8DDD\u79BB\uFF0C\u53BB\u9664\u4E86\u5206\u5272\u7EBF\uFF0C\u540C\u65F6 `orientation` \u5FC5\u987B\u4E3A `left` \u6216 `right` | string \\| number | - | 3.0 |\n| plain | \u6587\u5B57\u662F\u5426\u663E\u793A\u4E3A\u666E\u901A\u6B63\u6587\u6837\u5F0F | boolean | false | 2.2.0 |\n| type | \u6C34\u5E73\u8FD8\u662F\u5782\u76F4\u7C7B\u578B | `horizontal` \\| `vertical` | `horizontal` |  |\n",html:`<p>\u533A\u9694\u5185\u5BB9\u7684\u5206\u5272\u7EBF\u3002</p>
    176. 

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

  177.           <span aria-hidden="true" class="anchor">#</span>
    178. 

  178.         </a></h2>
    179. 

  179. <ul>
    180. 

  180. <li>\u5BF9\u4E0D\u540C\u7AE0\u8282\u7684\u6587\u672C\u6BB5\u843D\u8FDB\u884C\u5206\u5272\u3002</li>
    181. 

  181. <li>\u5BF9\u884C\u5185\u6587\u5B57/\u94FE\u63A5\u8FDB\u884C\u5206\u5272\uFF0C\u4F8B\u5982\u8868\u683C\u7684\u64CD\u4F5C\u5217\u3002</li>
    182. 

  182. </ul>
    183. 

  183. <h2 id="API">API <a class="header-anchor" href="#API">
    184. 

  184.           <span aria-hidden="true" class="anchor">#</span>
    185. 

  185.         </a></h2>
    186. 

  186. <table>
    187. 

  187. <thead>
    188. 

  188. <tr>
    189. 

  189. <th>\u53C2\u6570</th>
    190. 

  190. <th>\u8BF4\u660E</th>
    191. 

  191. <th>\u7C7B\u578B</th>
    192. 

  192. <th>\u9ED8\u8BA4\u503C</th>
    193. 

  193. <th>\u7248\u672C</th>
    194. 

  194. </tr>
    195. 

  195. </thead>
    196. 

  196. <tbody>
    197. 

  197. <tr>
    198. 

  198. <td>dashed</td>
    199. 

  199. <td>\u662F\u5426\u865A\u7EBF</td>
    200. 

  200. <td>boolean</td>
    201. 

  201. <td>false</td>
    202. 

  202. <td></td>
    203. 

  203. </tr>
    204. 

  204. <tr>
    205. 

  205. <td>orientation</td>
    206. 

  206. <td>\u5206\u5272\u7EBF\u6807\u9898\u7684\u4F4D\u7F6E</td>
    207. 

  207. <td><code>left</code> | <code>right</code> | <code>center</code></td>
    208. 

  208. <td><code>center</code></td>
    209. 

  209. <td></td>
    210. 

  210. </tr>
    211. 

  211. <tr>
    212. 

  212. <td>orientationMargin</td>
    213. 

  213. <td>\u6807\u9898\u548C\u6700\u8FD1 left/right \u8FB9\u6846\u4E4B\u95F4\u7684\u8DDD\u79BB\uFF0C\u53BB\u9664\u4E86\u5206\u5272\u7EBF\uFF0C\u540C\u65F6 <code>orientation</code> \u5FC5\u987B\u4E3A <code>left</code> \u6216 <code>right</code></td>
    214. 

  214. <td>string | number</td>
    215. 

  215. <td>-</td>
    216. 

  216. <td>3.0</td>
    217. 

  217. </tr>
    218. 

  218. <tr>
    219. 

  219. <td>plain</td>
    220. 

  220. <td>\u6587\u5B57\u662F\u5426\u663E\u793A\u4E3A\u666E\u901A\u6B63\u6587\u6837\u5F0F</td>
    221. 

  221. <td>boolean</td>
    222. 

  222. <td>false</td>
    223. 

  223. <td>2.2.0</td>
    224. 

  224. </tr>
    225. 

  225. <tr>
    226. 

  226. <td>type</td>
    227. 

  227. <td>\u6C34\u5E73\u8FD8\u662F\u5782\u76F4\u7C7B\u578B</td>
    228. 

  228. <td><code>horizontal</code> | <code>vertical</code></td>
    229. 

  229. <td><code>horizontal</code></td>
    230. 

  230. <td></td>
    231. 

  231. </tr>
    232. 

  232. </tbody>
    233. 

  233. </table>
    234. 

  234. `,lastUpdated:1748060300709}},A={class:"markdown"};function N(u,a,s,l,r,g){return i(),k("article",A,a[0]||(a[0]=[m('<p>\u533A\u9694\u5185\u5BB9\u7684\u5206\u5272\u7EBF\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><ul><li>\u5BF9\u4E0D\u540C\u7AE0\u8282\u7684\u6587\u672C\u6BB5\u843D\u8FDB\u884C\u5206\u5272\u3002</li><li>\u5BF9\u884C\u5185\u6587\u5B57/\u94FE\u63A5\u8FDB\u884C\u5206\u5272\uFF0C\u4F8B\u5982\u8868\u683C\u7684\u64CD\u4F5C\u5217\u3002</li></ul><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><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>dashed</td><td>\u662F\u5426\u865A\u7EBF</td><td>boolean</td><td>false</td><td></td></tr><tr><td>orientation</td><td>\u5206\u5272\u7EBF\u6807\u9898\u7684\u4F4D\u7F6E</td><td><code>left</code> | <code>right</code> | <code>center</code></td><td><code>center</code></td><td></td></tr><tr><td>orientationMargin</td><td>\u6807\u9898\u548C\u6700\u8FD1 left/right \u8FB9\u6846\u4E4B\u95F4\u7684\u8DDD\u79BB\uFF0C\u53BB\u9664\u4E86\u5206\u5272\u7EBF\uFF0C\u540C\u65F6 <code>orientation</code> \u5FC5\u987B\u4E3A <code>left</code> \u6216 <code>right</code></td><td>string | number</td><td>-</td><td>3.0</td></tr><tr><td>plain</td><td>\u6587\u5B57\u662F\u5426\u663E\u793A\u4E3A\u666E\u901A\u6B63\u6587\u6837\u5F0F</td><td>boolean</td><td>false</td><td>2.2.0</td></tr><tr><td>type</td><td>\u6C34\u5E73\u8FD8\u662F\u5782\u76F4\u7C7B\u578B</td><td><code>horizontal</code> | <code>vertical</code></td><td><code>horizontal</code></td><td></td></tr></tbody></table>',5)]))}const z=p(w,[["render",N]]),U={pageData:{title:"Divider",description:"",frontmatter:{category:"Components",type:"Layout",title:"Divider",cover:"https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:""},{level:2,title:"API",slug:"API",content:""}],relativePath:"components/divider/index.en-US.md",content:"\nA divider line separates different content.\n\n## When To Use\n\n- Divide sections of article.\n- Divide inline text and links such as the operation column of table.\n\n## API\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| dashed | whether line is dashed | boolean | false |  |\n| orientation | position of title inside divider | `left` \\| `right` \\| `center` | `center` |  |\n| orientationMargin | The margin-left/right between the title and its closest border, while the `orientation` must be `left` or `right` | string \\| number | - | 3.0 |\n| plain | Divider text show as plain style | boolean | true | 2.2.0 |\n| type | direction type of divider | `horizontal` \\| `vertical` | `horizontal` |  |\n",html:`<p>A divider line separates different content.</p>
    235. 

  235. <h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
    236. 

  236.           <span aria-hidden="true" class="anchor">#</span>
    237. 

  237.         </a></h2>
    238. 

  238. <ul>
    239. 

  239. <li>Divide sections of article.</li>
    240. 

  240. <li>Divide inline text and links such as the operation column of table.</li>
    241. 

  241. </ul>
    242. 

  242. <h2 id="API">API <a class="header-anchor" href="#API">
    243. 

  243.           <span aria-hidden="true" class="anchor">#</span>
    244. 

  244.         </a></h2>
    245. 

  245. <table>
    246. 

  246. <thead>
    247. 

  247. <tr>
    248. 

  248. <th>Property</th>
    249. 

  249. <th>Description</th>
    250. 

  250. <th>Type</th>
    251. 

  251. <th>Default</th>
    252. 

  252. <th>Version</th>
    253. 

  253. </tr>
    254. 

  254. </thead>
    255. 

  255. <tbody>
    256. 

  256. <tr>
    257. 

  257. <td>dashed</td>
    258. 

  258. <td>whether line is dashed</td>
    259. 

  259. <td>boolean</td>
    260. 

  260. <td>false</td>
    261. 

  261. <td></td>
    262. 

  262. </tr>
    263. 

  263. <tr>
    264. 

  264. <td>orientation</td>
    265. 

  265. <td>position of title inside divider</td>
    266. 

  266. <td><code>left</code> | <code>right</code> | <code>center</code></td>
    267. 

  267. <td><code>center</code></td>
    268. 

  268. <td></td>
    269. 

  269. </tr>
    270. 

  270. <tr>
    271. 

  271. <td>orientationMargin</td>
    272. 

  272. <td>The margin-left/right between the title and its closest border, while the <code>orientation</code> must be <code>left</code> or <code>right</code></td>
    273. 

  273. <td>string | number</td>
    274. 

  274. <td>-</td>
    275. 

  275. <td>3.0</td>
    276. 

  276. </tr>
    277. 

  277. <tr>
    278. 

  278. <td>plain</td>
    279. 

  279. <td>Divider text show as plain style</td>
    280. 

  280. <td>boolean</td>
    281. 

  281. <td>true</td>
    282. 

  282. <td>2.2.0</td>
    283. 

  283. </tr>
    284. 

  284. <tr>
    285. 

  285. <td>type</td>
    286. 

  286. <td>direction type of divider</td>
    287. 

  287. <td><code>horizontal</code> | <code>vertical</code></td>
    288. 

  288. <td><code>horizontal</code></td>
    289. 

  289. <td></td>
    290. 

  290. </tr>
    291. 

  291. </tbody>
    292. 

  292. </table>
    293. 

  293. `,lastUpdated:1748060300708}},H={class:"markdown"};function q(u,a,s,l,r,g){return i(),k("article",H,a[0]||(a[0]=[m('<p>A divider line separates different content.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>Divide sections of article.</li><li>Divide inline text and links such as the operation column of table.</li></ul><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>dashed</td><td>whether line is dashed</td><td>boolean</td><td>false</td><td></td></tr><tr><td>orientation</td><td>position of title inside divider</td><td><code>left</code> | <code>right</code> | <code>center</code></td><td><code>center</code></td><td></td></tr><tr><td>orientationMargin</td><td>The margin-left/right between the title and its closest border, while the <code>orientation</code> must be <code>left</code> or <code>right</code></td><td>string | number</td><td>-</td><td>3.0</td></tr><tr><td>plain</td><td>Divider text show as plain style</td><td>boolean</td><td>true</td><td>2.2.0</td></tr><tr><td>type</td><td>direction type of divider</td><td><code>horizontal</code> | <code>vertical</code></td><td><code>horizontal</code></td><td></td></tr></tbody></table>',5)]))}const L=p(U,[["render",q]]),D=Z({CN:z,US:L,components:{Horizontal:X,WithText:R,Vertical:Y,CustomizeStyle:P},setup(){return{}}});function j(u,a,s,l,r,g){const h=c("horizontal"),I=c("with-text"),b=c("vertical"),G=c("customize-style"),v=c("demo-sort");return i(),d(v,null,{default:e(()=>[o(h),o(I),o(b),o(G)]),_:1})}const F=p(D,[["render",j]]);export{F as default};
    294.