Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
wicresoft
/
doc_project
2
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu kéo về 0 Wiki
Tree: bf1fb50bbd
Branches Tags
doc_project
/
2x.antv.design
/
assets
/
index.a3daab8d.js

index.a3daab8d.js 192 KB
Lịch sử Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939 
  1. import{d as h,_ as m,j as c,k as i,l as I,w as s,b as n,f as o,e as a,L as F,r as G,P as N,B as w,H as B,ba as R,a as W,h as V,F as Y,t as f,bb as X,ag as x,aj as S,as as T,C as j,n as P}from"./index.c1b9962e.js";import{T as H,Y as K,F as z,L,S as D}from"./YoutubeOutlined.ce7250e0.js";import{M as E}from"./MinusCircleOutlined.ae0bf06f.js";const J=h({setup(){return{log:t=>{console.log(t)}}}});function U(e,t,u,r,C,g){const p=c("a-tag"),l=c("demo-box");return i(),I(l,{jsfiddle:{us:"Usage of basic Tag, and it could be closable by set `closable` property. Closable Tag supports `close` events.",cn:"\u57FA\u672C\u6807\u7B7E\u7684\u7528\u6CD5\uFF0C\u53EF\u4EE5\u901A\u8FC7\u6DFB\u52A0 `closable` \u53D8\u4E3A\u53EF\u5173\u95ED\u6807\u7B7E\u3002\u53EF\u5173\u95ED\u6807\u7B7E\u5177\u6709 `close` \u4E24\u4E2A\u4E8B\u4EF6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    2. 

  2. <p>\u57FA\u672C\u6807\u7B7E\u7684\u7528\u6CD5\uFF0C\u53EF\u4EE5\u901A\u8FC7\u6DFB\u52A0 <code>closable</code> \u53D8\u4E3A\u53EF\u5173\u95ED\u6807\u7B7E\u3002\u53EF\u5173\u95ED\u6807\u7B7E\u5177\u6709 <code>close</code> \u4E24\u4E2A\u4E8B\u4EF6\u3002</p>
    3. 

  3. <h2 id="en-us">en-US</h2>
    4. 

  4. <p>Usage of basic Tag, and it could be closable by set <code>closable</code> property. Closable Tag supports <code>close</code> events.</p>
    5. 

  5. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic Usage"},relativePath:"src/docs/tag/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10YWc+VGFnIDE8L2EtdGFnPgogICAgPGEtdGFnPjxhIGhyZWY9Imh0dHBzOi8vZ2l0aHViLmNvbS92dWVDb21wb25lbnQvYW50LWRlc2lnbiI+TGluazwvYT48L2EtdGFnPgogICAgPGEtdGFnIGNsb3NhYmxlIEBjbG9zZT0ibG9nIj5UYWcgMjwvYS10YWc+CiAgICA8YS10YWcgY2xvc2FibGUgQGNsb3NlLnByZXZlbnQ+UHJldmVudCBEZWZhdWx0PC9hLXRhZz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBsb2cgPSAoZTogTW91c2VFdmVudCkgPT4gewogICAgICBjb25zb2xlLmxvZyhlKTsKICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgbG9nLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10YWc+VGFnIDE8L2EtdGFnPgogICAgPGEtdGFnPjxhIGhyZWY9Imh0dHBzOi8vZ2l0aHViLmNvbS92dWVDb21wb25lbnQvYW50LWRlc2lnbiI+TGluazwvYT48L2EtdGFnPgogICAgPGEtdGFnIGNsb3NhYmxlIEBjbG9zZT0ibG9nIj5UYWcgMjwvYS10YWc+CiAgICA8YS10YWcgY2xvc2FibGUgQGNsb3NlLnByZXZlbnQ+UHJldmVudCBEZWZhdWx0PC9hLXRhZz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGxvZyA9IGUgPT4gewogICAgICBjb25zb2xlLmxvZyhlKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBsb2csCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:s(()=>[n("div",null,[o(p,null,{default:s(()=>t[1]||(t[1]=[a("Tag 1")])),_:1,__:[1]}),o(p,null,{default:s(()=>t[2]||(t[2]=[n("a",{href:"https://github.com/vueComponent/ant-design"},"Link",-1)])),_:1,__:[2]}),o(p,{closable:"",onClose:e.log},{default:s(()=>t[3]||(t[3]=[a("Tag 2")])),_:1,__:[3]},8,["onClose"]),o(p,{closable:"",onClose:t[0]||(t[0]=F(()=>{},["prevent"]))},{default:s(()=>t[4]||(t[4]=[a("Prevent Default")])),_:1,__:[4]})])]),htmlCode:s(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    6. 

  6.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    7. 

  7.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a("Tag 1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    8. 

  8.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),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"},'"'),a("https://github.com/vueComponent/ant-design"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    9. 

  9.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"closable"),a(),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("log"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag 2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    10. 

  10.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"closable"),a(),n("span",{class:"token attr-name"},"@close.prevent"),n("span",{class:"token punctuation"},">")]),a("Prevent Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    11. 

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

  12. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    13. 

  13. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    14. 

  14. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    15. 

  15. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    16. 

  16.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    17. 

  17.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"log"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"e"),n("span",{class:"token operator"},":"),a(" MouseEvent")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    18. 

  18.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    19. 

  19.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    20. 

  20. 

  21.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    22. 

  22.       log`),n("span",{class:"token punctuation"},","),a(`
    23. 

  23.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    24. 

  24.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    25. 

  25. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    26. 

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

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

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

  29.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a("Tag 1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    30. 

  30.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),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"},'"'),a("https://github.com/vueComponent/ant-design"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    31. 

  31.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"closable"),a(),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("log"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag 2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    32. 

  32.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"closable"),a(),n("span",{class:"token attr-name"},"@close.prevent"),n("span",{class:"token punctuation"},">")]),a("Prevent Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    33. 

  33.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    34. 

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

  35. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    36. 

  36. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    37. 

  37. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    38. 

  38.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    39. 

  39.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"log"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"e"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    40. 

  40.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    41. 

  41.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    42. 

  42.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    43. 

  43.       log`),n("span",{class:"token punctuation"},","),a(`
    44. 

  44.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    45. 

  45.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    46. 

  46. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    47. 

  47. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    48. 

  48. `)])],-1)])),_:1})}var _=m(J,[["render",U]]);const Q=h({setup(){return{handleChange:t=>{console.log(t)},checked1:G(!1),checked2:G(!1),checked3:G(!1)}}});function q(e,t,u,r,C,g){const p=c("a-checkable-tag"),l=c("demo-box");return i(),I(l,{jsfiddle:{us:"`CheckableTag` works like Checkbox, click it to toggle checked state.",cn:"\u53EF\u901A\u8FC7 `CheckableTag` \u5B9E\u73B0\u7C7B\u4F3C Checkbox \u7684\u6548\u679C\uFF0C\u70B9\u51FB\u5207\u6362\u9009\u4E2D\u6548\u679C\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    49. 

  49. <p>\u53EF\u901A\u8FC7 <code>CheckableTag</code> \u5B9E\u73B0\u7C7B\u4F3C Checkbox \u7684\u6548\u679C\uFF0C\u70B9\u51FB\u5207\u6362\u9009\u4E2D\u6548\u679C\u3002</p>
    50. 

  50. <blockquote>
    51. 

  51. <p>\u8BE5\u7EC4\u4EF6\u4E3A\u5B8C\u5168\u53D7\u63A7\u7EC4\u4EF6\uFF0C\u4E0D\u652F\u6301\u975E\u53D7\u63A7\u7528\u6CD5\u3002</p>
    52. 

  52. </blockquote>
    53. 

  53. <h2 id="en-us">en-US</h2>
    54. 

  54. <p><code>CheckableTag</code> works like Checkbox, click it to toggle checked state.</p>
    55. 

  55. <blockquote>
    56. 

  56. <p>it is an absolute controlled component and has no uncontrolled mode.</p>
    57. 

  57. </blockquote>
    58. 

  58. `,order:1,title:{"zh-CN":"\u53EF\u9009\u62E9","en-US":"Checkable"},relativePath:"src/docs/tag/demo/checkable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1jaGVja2FibGUtdGFnIHYtbW9kZWw6Y2hlY2tlZD0iY2hlY2tlZDEiIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSI+VGFnMTwvYS1jaGVja2FibGUtdGFnPgogICAgPGEtY2hlY2thYmxlLXRhZyB2LW1vZGVsOmNoZWNrZWQ9ImNoZWNrZWQyIiBAY2hhbmdlPSJoYW5kbGVDaGFuZ2UiPlRhZzI8L2EtY2hlY2thYmxlLXRhZz4KICAgIDxhLWNoZWNrYWJsZS10YWcgdi1tb2RlbDpjaGVja2VkPSJjaGVja2VkMyIgQGNoYW5nZT0iaGFuZGxlQ2hhbmdlIj5UYWczPC9hLWNoZWNrYWJsZS10YWc+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICAvLyBvciB1c2Ugd2F0Y2gKICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChjaGVja2VkOiBib29sZWFuKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGNoZWNrZWQpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICBoYW5kbGVDaGFuZ2UsCiAgICAgIGNoZWNrZWQxOiByZWYoZmFsc2UpLAogICAgICBjaGVja2VkMjogcmVmKGZhbHNlKSwKICAgICAgY2hlY2tlZDM6IHJlZihmYWxzZSksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1jaGVja2FibGUtdGFnIHYtbW9kZWw6Y2hlY2tlZD0iY2hlY2tlZDEiIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSI+VGFnMTwvYS1jaGVja2FibGUtdGFnPgogICAgPGEtY2hlY2thYmxlLXRhZyB2LW1vZGVsOmNoZWNrZWQ9ImNoZWNrZWQyIiBAY2hhbmdlPSJoYW5kbGVDaGFuZ2UiPlRhZzI8L2EtY2hlY2thYmxlLXRhZz4KICAgIDxhLWNoZWNrYWJsZS10YWcgdi1tb2RlbDpjaGVja2VkPSJjaGVja2VkMyIgQGNoYW5nZT0iaGFuZGxlQ2hhbmdlIj5UYWczPC9hLWNoZWNrYWJsZS10YWc+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIC8vIG9yIHVzZSB3YXRjaAogICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gY2hlY2tlZCA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGNoZWNrZWQpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGhhbmRsZUNoYW5nZSwKICAgICAgY2hlY2tlZDE6IHJlZihmYWxzZSksCiAgICAgIGNoZWNrZWQyOiByZWYoZmFsc2UpLAogICAgICBjaGVja2VkMzogcmVmKGZhbHNlKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[n("div",null,[o(p,{checked:e.checked1,"onUpdate:checked":t[0]||(t[0]=k=>e.checked1=k),onChange:e.handleChange},{default:s(()=>t[3]||(t[3]=[a("Tag1")])),_:1,__:[3]},8,["checked","onChange"]),o(p,{checked:e.checked2,"onUpdate:checked":t[1]||(t[1]=k=>e.checked2=k),onChange:e.handleChange},{default:s(()=>t[4]||(t[4]=[a("Tag2")])),_:1,__:[4]},8,["checked","onChange"]),o(p,{checked:e.checked3,"onUpdate:checked":t[2]||(t[2]=k=>e.checked3=k),onChange:e.handleChange},{default:s(()=>t[5]||(t[5]=[a("Tag3")])),_:1,__:[5]},8,["checked","onChange"])])]),htmlCode:s(()=>t[6]||(t[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    59. 

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

  60.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    61. 

  61.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    62. 

  62.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    63. 

  63.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    64. 

  64. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    65. 

  65. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    66. 

  66. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    67. 

  67. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    68. 

  68.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    69. 

  69.     `),n("span",{class:"token comment"},"// or use watch"),a(`
    70. 

  70.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"checked"),n("span",{class:"token operator"},":"),a(" boolean")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    71. 

  71.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("checked"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    72. 

  72.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    73. 

  73. 

  74.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    75. 

  75.       handleChange`),n("span",{class:"token punctuation"},","),a(`
    76. 

  76.       `),n("span",{class:"token literal-property property"},"checked1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    77. 

  77.       `),n("span",{class:"token literal-property property"},"checked2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    78. 

  78.       `),n("span",{class:"token literal-property property"},"checked3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    79. 

  79.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    80. 

  80.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    81. 

  81. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    82. 

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

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

  84.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    85. 

  85.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    86. 

  86.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    87. 

  87.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Tag3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    88. 

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

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

  90. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    91. 

  91. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    92. 

  92. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    93. 

  93.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    94. 

  94.     `),n("span",{class:"token comment"},"// or use watch"),a(`
    95. 

  95.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"checked"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    96. 

  96.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("checked"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    97. 

  97.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    98. 

  98.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    99. 

  99.       handleChange`),n("span",{class:"token punctuation"},","),a(`
    100. 

  100.       `),n("span",{class:"token literal-property property"},"checked1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    101. 

  101.       `),n("span",{class:"token literal-property property"},"checked2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    102. 

  102.       `),n("span",{class:"token literal-property property"},"checked3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    103. 

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

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

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

  106. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    107. 

  107. `)])],-1)])),_:1})}var O=m(Q,[["render",q]]);const M={};function $(e,t){const u=c("a-tag"),r=c("demo-box");return i(),I(r,{jsfiddle:{us:"We preset a series of colorful tag styles for use in different situations. You can also set it to a hex color string for custom color.",cn:"\u6211\u4EEC\u6DFB\u52A0\u4E86\u591A\u79CD\u9884\u8BBE\u8272\u5F69\u7684\u6807\u7B7E\u6837\u5F0F\uFF0C\u7528\u4F5C\u4E0D\u540C\u573A\u666F\u4F7F\u7528\u3002\u5982\u679C\u9884\u8BBE\u503C\u4E0D\u80FD\u6EE1\u8DB3\u4F60\u7684\u9700\u6C42\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u5177\u4F53\u7684\u8272\u503C\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    108. 

  108. <p>\u6211\u4EEC\u6DFB\u52A0\u4E86\u591A\u79CD\u9884\u8BBE\u8272\u5F69\u7684\u6807\u7B7E\u6837\u5F0F\uFF0C\u7528\u4F5C\u4E0D\u540C\u573A\u666F\u4F7F\u7528\u3002\u5982\u679C\u9884\u8BBE\u503C\u4E0D\u80FD\u6EE1\u8DB3\u4F60\u7684\u9700\u6C42\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u5177\u4F53\u7684\u8272\u503C\u3002</p>
    109. 

  109. <h2 id="en-us">en-US</h2>
    110. 

  110. <p>We preset a series of colorful tag styles for use in different situations. You can also set it to a hex color string for custom color.</p>
    111. 

  111. `,order:2,title:{"zh-CN":"\u591A\u5F69\u6807\u7B7E","en-US":"Colorful Tag"},relativePath:"src/docs/tag/demo/colorful.vue",sourceCode:"PHRlbXBsYXRlPgogIDxoNCBzdHlsZT0ibWFyZ2luLWJvdHRvbTogMTZweCI+UHJlc2V0czo8L2g0PgogIDxkaXY+CiAgICA8YS10YWcgY29sb3I9InBpbmsiPnBpbms8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJyZWQiPnJlZDwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9Im9yYW5nZSI+b3JhbmdlPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iZ3JlZW4iPmdyZWVuPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iY3lhbiI+Y3lhbjwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9ImJsdWUiPmJsdWU8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJwdXJwbGUiPnB1cnBsZTwvYS10YWc+CiAgPC9kaXY+CiAgPGg0IHN0eWxlPSJtYXJnaW46ICcxNnB4IDAnIj5DdXN0b206PC9oND4KICA8ZGl2PgogICAgPGEtdGFnIGNvbG9yPSIjZjUwIj4jZjUwPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iIzJkYjdmNSI+IzJkYjdmNTwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9IiM4N2QwNjgiPiM4N2QwNjg8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSIjMTA4ZWU5Ij4jMTA4ZWU5PC9hLXRhZz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxoNCBzdHlsZT0ibWFyZ2luLWJvdHRvbTogMTZweCI+UHJlc2V0czo8L2g0PgogIDxkaXY+CiAgICA8YS10YWcgY29sb3I9InBpbmsiPnBpbms8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJyZWQiPnJlZDwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9Im9yYW5nZSI+b3JhbmdlPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iZ3JlZW4iPmdyZWVuPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iY3lhbiI+Y3lhbjwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9ImJsdWUiPmJsdWU8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJwdXJwbGUiPnB1cnBsZTwvYS10YWc+CiAgPC9kaXY+CiAgPGg0IHN0eWxlPSJtYXJnaW46ICcxNnB4IDAnIj5DdXN0b206PC9oND4KICA8ZGl2PgogICAgPGEtdGFnIGNvbG9yPSIjZjUwIj4jZjUwPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iIzJkYjdmNSI+IzJkYjdmNTwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9IiM4N2QwNjgiPiM4N2QwNjg8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSIjMTA4ZWU5Ij4jMTA4ZWU5PC9hLXRhZz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4="}},{default:s(()=>[t[11]||(t[11]=n("h4",{style:{"margin-bottom":"16px"}},"Presets:",-1)),n("div",null,[o(u,{color:"pink"},{default:s(()=>t[0]||(t[0]=[a("pink")])),_:1,__:[0]}),o(u,{color:"red"},{default:s(()=>t[1]||(t[1]=[a("red")])),_:1,__:[1]}),o(u,{color:"orange"},{default:s(()=>t[2]||(t[2]=[a("orange")])),_:1,__:[2]}),o(u,{color:"green"},{default:s(()=>t[3]||(t[3]=[a("green")])),_:1,__:[3]}),o(u,{color:"cyan"},{default:s(()=>t[4]||(t[4]=[a("cyan")])),_:1,__:[4]}),o(u,{color:"blue"},{default:s(()=>t[5]||(t[5]=[a("blue")])),_:1,__:[5]}),o(u,{color:"purple"},{default:s(()=>t[6]||(t[6]=[a("purple")])),_:1,__:[6]})]),t[12]||(t[12]=n("h4",{style:{margin:"'16px 0'"}},"Custom:",-1)),n("div",null,[o(u,{color:"#f50"},{default:s(()=>t[7]||(t[7]=[a("#f50")])),_:1,__:[7]}),o(u,{color:"#2db7f5"},{default:s(()=>t[8]||(t[8]=[a("#2db7f5")])),_:1,__:[8]}),o(u,{color:"#87d068"},{default:s(()=>t[9]||(t[9]=[a("#87d068")])),_:1,__:[9]}),o(u,{color:"#108ee9"},{default:s(()=>t[10]||(t[10]=[a("#108ee9")])),_:1,__:[10]})])]),htmlCode:s(()=>t[13]||(t[13]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    112. 

  112.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),a(),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-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Presets:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
    113. 

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

  114.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("pink"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("pink"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    115. 

  115.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("red"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("red"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    116. 

  116.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("orange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("orange"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    117. 

  117.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("green"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("green"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    118. 

  118.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("cyan"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("cyan"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    119. 

  119.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("blue"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    120. 

  120.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("purple"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("purple"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    121. 

  121.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    122. 

  122.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),a(),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"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token string"},"'16px 0'")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Custom:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
    123. 

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

  124.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#f50"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("#f50"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    125. 

  125.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#2db7f5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("#2db7f5"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    126. 

  126.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#87d068"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("#87d068"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    127. 

  127.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#108ee9"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("#108ee9"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    128. 

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

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

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

  131.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),a(),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-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Presets:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
    132. 

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

  133.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("pink"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("pink"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    134. 

  134.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("red"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("red"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    135. 

  135.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("orange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("orange"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    136. 

  136.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("green"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("green"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    137. 

  137.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("cyan"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("cyan"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    138. 

  138.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("blue"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    139. 

  139.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("purple"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("purple"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    140. 

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

  141.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),a(),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"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token string"},"'16px 0'")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Custom:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
    142. 

  142.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    143. 

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

  144.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#2db7f5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("#2db7f5"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    145. 

  145.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#87d068"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("#87d068"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    146. 

  146.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#108ee9"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("#108ee9"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    147. 

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

  148. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    149. 

  149. `)])],-1)])),_:1})}var nn=m(M,[["render",$]]);const an=h({components:{PlusOutlined:N},setup(){const e=G(),t=w({tags:["Unremovable","Tag 2","Tag 3Tag 3Tag 3Tag 3Tag 3Tag 3Tag 3"],inputVisible:!1,inputValue:""}),u=g=>{const p=t.tags.filter(l=>l!==g);console.log(p),t.tags=p},r=()=>{t.inputVisible=!0,R(()=>{e.value.focus()})},C=()=>{const g=t.inputValue;let p=t.tags;g&&p.indexOf(g)===-1&&(p=[...p,g]),console.log(p),Object.assign(t,{tags:p,inputVisible:!1,inputValue:""})};return{...B(t),handleClose:u,showInput:r,handleInputConfirm:C,inputRef:e}}});function tn(e,t,u,r,C,g){const p=c("a-tag"),l=c("a-tooltip"),k=c("a-input"),b=c("plus-outlined"),A=c("demo-box");return i(),I(A,{jsfiddle:{us:"Generating a set of Tags by array, you can add and remove dynamically.",cn:"\u7528\u6570\u7EC4\u751F\u6210\u4E00\u7EC4\u6807\u7B7E\uFF0C\u53EF\u4EE5\u52A8\u6001\u6DFB\u52A0\u548C\u5220\u9664\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    150. 

  150. <p>\u7528\u6570\u7EC4\u751F\u6210\u4E00\u7EC4\u6807\u7B7E\uFF0C\u53EF\u4EE5\u52A8\u6001\u6DFB\u52A0\u548C\u5220\u9664\u3002</p>
    151. 

  151. <h2 id="en-us">en-US</h2>
    152. 

  152. <p>Generating a set of Tags by array, you can add and remove dynamically.</p>
    153. 

  153. `,order:5,title:{"zh-CN":"\u52A8\u6001\u6DFB\u52A0\u548C\u5220\u9664","en-US":"Add & Remove Dynamically"},relativePath:"src/docs/tag/demo/control.vue",sourceCode:"PHRlbXBsYXRlPgogIDx0ZW1wbGF0ZSB2LWZvcj0iKHRhZywgaW5kZXgpIGluIHRhZ3MiIDprZXk9InRhZyI+CiAgICA8YS10b29sdGlwIHYtaWY9InRhZy5sZW5ndGggPiAyMCIgOnRpdGxlPSJ0YWciPgogICAgICA8YS10YWcgOmNsb3NhYmxlPSJpbmRleCAhPT0gMCIgQGNsb3NlPSJoYW5kbGVDbG9zZSh0YWcpIj4KICAgICAgICB7eyBgJHt0YWcuc2xpY2UoMCwgMjApfS4uLmAgfX0KICAgICAgPC9hLXRhZz4KICAgIDwvYS10b29sdGlwPgogICAgPGEtdGFnIHYtZWxzZSA6Y2xvc2FibGU9ImluZGV4ICE9PSAwIiBAY2xvc2U9ImhhbmRsZUNsb3NlKHRhZykiPgogICAgICB7eyB0YWcgfX0KICAgIDwvYS10YWc+CiAgPC90ZW1wbGF0ZT4KICA8YS1pbnB1dAogICAgdi1pZj0iaW5wdXRWaXNpYmxlIgogICAgcmVmPSJpbnB1dFJlZiIKICAgIHR5cGU9InRleHQiCiAgICBzaXplPSJzbWFsbCIKICAgIDpzdHlsZT0ieyB3aWR0aDogJzc4cHgnIH0iCiAgICB2LW1vZGVsOnZhbHVlPSJpbnB1dFZhbHVlIgogICAgQGJsdXI9ImhhbmRsZUlucHV0Q29uZmlybSIKICAgIEBrZXl1cC5lbnRlcj0iaGFuZGxlSW5wdXRDb25maXJtIgogIC8+CiAgPGEtdGFnIHYtZWxzZSBAY2xpY2s9InNob3dJbnB1dCIgc3R5bGU9ImJhY2tncm91bmQ6ICNmZmY7IGJvcmRlci1zdHlsZTogZGFzaGVkIj4KICAgIDxwbHVzLW91dGxpbmVkIC8+CiAgICBOZXcgVGFnCiAgPC9hLXRhZz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCByZWFjdGl2ZSwgdG9SZWZzLCBuZXh0VGljayB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IFBsdXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFBsdXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgaW5wdXRSZWYgPSByZWYoKTsKICAgIGNvbnN0IHN0YXRlID0gcmVhY3RpdmUoewogICAgICB0YWdzOiBbJ1VucmVtb3ZhYmxlJywgJ1RhZyAyJywgJ1RhZyAzVGFnIDNUYWcgM1RhZyAzVGFnIDNUYWcgM1RhZyAzJ10sCiAgICAgIGlucHV0VmlzaWJsZTogZmFsc2UsCiAgICAgIGlucHV0VmFsdWU6ICcnLAogICAgfSk7CgogICAgY29uc3QgaGFuZGxlQ2xvc2UgPSAocmVtb3ZlZFRhZzogc3RyaW5nKSA9PiB7CiAgICAgIGNvbnN0IHRhZ3MgPSBzdGF0ZS50YWdzLmZpbHRlcih0YWcgPT4gdGFnICE9PSByZW1vdmVkVGFnKTsKICAgICAgY29uc29sZS5sb2codGFncyk7CiAgICAgIHN0YXRlLnRhZ3MgPSB0YWdzOwogICAgfTsKCiAgICBjb25zdCBzaG93SW5wdXQgPSAoKSA9PiB7CiAgICAgIHN0YXRlLmlucHV0VmlzaWJsZSA9IHRydWU7CiAgICAgIG5leHRUaWNrKCgpID0+IHsKICAgICAgICBpbnB1dFJlZi52YWx1ZS5mb2N1cygpOwogICAgICB9KTsKICAgIH07CgogICAgY29uc3QgaGFuZGxlSW5wdXRDb25maXJtID0gKCkgPT4gewogICAgICBjb25zdCBpbnB1dFZhbHVlID0gc3RhdGUuaW5wdXRWYWx1ZTsKICAgICAgbGV0IHRhZ3MgPSBzdGF0ZS50YWdzOwogICAgICBpZiAoaW5wdXRWYWx1ZSAmJiB0YWdzLmluZGV4T2YoaW5wdXRWYWx1ZSkgPT09IC0xKSB7CiAgICAgICAgdGFncyA9IFsuLi50YWdzLCBpbnB1dFZhbHVlXTsKICAgICAgfQogICAgICBjb25zb2xlLmxvZyh0YWdzKTsKICAgICAgT2JqZWN0LmFzc2lnbihzdGF0ZSwgewogICAgICAgIHRhZ3MsCiAgICAgICAgaW5wdXRWaXNpYmxlOiBmYWxzZSwKICAgICAgICBpbnB1dFZhbHVlOiAnJywKICAgICAgfSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgLi4udG9SZWZzKHN0YXRlKSwKICAgICAgaGFuZGxlQ2xvc2UsCiAgICAgIHNob3dJbnB1dCwKICAgICAgaGFuZGxlSW5wdXRDb25maXJtLAogICAgICBpbnB1dFJlZiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDx0ZW1wbGF0ZSB2LWZvcj0iKHRhZywgaW5kZXgpIGluIHRhZ3MiIDprZXk9InRhZyI+CiAgICA8YS10b29sdGlwIHYtaWY9InRhZy5sZW5ndGggPiAyMCIgOnRpdGxlPSJ0YWciPgogICAgICA8YS10YWcgOmNsb3NhYmxlPSJpbmRleCAhPT0gMCIgQGNsb3NlPSJoYW5kbGVDbG9zZSh0YWcpIj4KICAgICAgICB7eyBgJHt0YWcuc2xpY2UoMCwgMjApfS4uLmAgfX0KICAgICAgPC9hLXRhZz4KICAgIDwvYS10b29sdGlwPgogICAgPGEtdGFnIHYtZWxzZSA6Y2xvc2FibGU9ImluZGV4ICE9PSAwIiBAY2xvc2U9ImhhbmRsZUNsb3NlKHRhZykiPgogICAgICB7eyB0YWcgfX0KICAgIDwvYS10YWc+CiAgPC90ZW1wbGF0ZT4KICA8YS1pbnB1dAogICAgdi1pZj0iaW5wdXRWaXNpYmxlIgogICAgcmVmPSJpbnB1dFJlZiIKICAgIHR5cGU9InRleHQiCiAgICBzaXplPSJzbWFsbCIKICAgIDpzdHlsZT0ieyB3aWR0aDogJzc4cHgnIH0iCiAgICB2LW1vZGVsOnZhbHVlPSJpbnB1dFZhbHVlIgogICAgQGJsdXI9ImhhbmRsZUlucHV0Q29uZmlybSIKICAgIEBrZXl1cC5lbnRlcj0iaGFuZGxlSW5wdXRDb25maXJtIgogIC8+CiAgPGEtdGFnIHYtZWxzZSBAY2xpY2s9InNob3dJbnB1dCIgc3R5bGU9ImJhY2tncm91bmQ6ICNmZmY7IGJvcmRlci1zdHlsZTogZGFzaGVkIj4KICAgIDxwbHVzLW91dGxpbmVkIC8+CiAgICBOZXcgVGFnCiAgPC9hLXRhZz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHJlYWN0aXZlLCB0b1JlZnMsIG5leHRUaWNrIH0gZnJvbSAndnVlJzsKaW1wb3J0IHsgUGx1c091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBQbHVzT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IGlucHV0UmVmID0gcmVmKCk7CiAgICBjb25zdCBzdGF0ZSA9IHJlYWN0aXZlKHsKICAgICAgdGFnczogWydVbnJlbW92YWJsZScsICdUYWcgMicsICdUYWcgM1RhZyAzVGFnIDNUYWcgM1RhZyAzVGFnIDNUYWcgMyddLAogICAgICBpbnB1dFZpc2libGU6IGZhbHNlLAogICAgICBpbnB1dFZhbHVlOiAnJywKICAgIH0pOwogICAgY29uc3QgaGFuZGxlQ2xvc2UgPSByZW1vdmVkVGFnID0+IHsKICAgICAgY29uc3QgdGFncyA9IHN0YXRlLnRhZ3MuZmlsdGVyKHRhZyA9PiB0YWcgIT09IHJlbW92ZWRUYWcpOwogICAgICBjb25zb2xlLmxvZyh0YWdzKTsKICAgICAgc3RhdGUudGFncyA9IHRhZ3M7CiAgICB9OwogICAgY29uc3Qgc2hvd0lucHV0ID0gKCkgPT4gewogICAgICBzdGF0ZS5pbnB1dFZpc2libGUgPSB0cnVlOwogICAgICBuZXh0VGljaygoKSA9PiB7CiAgICAgICAgaW5wdXRSZWYudmFsdWUuZm9jdXMoKTsKICAgICAgfSk7CiAgICB9OwogICAgY29uc3QgaGFuZGxlSW5wdXRDb25maXJtID0gKCkgPT4gewogICAgICBjb25zdCBpbnB1dFZhbHVlID0gc3RhdGUuaW5wdXRWYWx1ZTsKICAgICAgbGV0IHRhZ3MgPSBzdGF0ZS50YWdzOwogICAgICBpZiAoaW5wdXRWYWx1ZSAmJiB0YWdzLmluZGV4T2YoaW5wdXRWYWx1ZSkgPT09IC0xKSB7CiAgICAgICAgdGFncyA9IFsuLi50YWdzLCBpbnB1dFZhbHVlXTsKICAgICAgfQogICAgICBjb25zb2xlLmxvZyh0YWdzKTsKICAgICAgT2JqZWN0LmFzc2lnbihzdGF0ZSwgewogICAgICAgIHRhZ3MsCiAgICAgICAgaW5wdXRWaXNpYmxlOiBmYWxzZSwKICAgICAgICBpbnB1dFZhbHVlOiAnJywKICAgICAgfSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgLi4udG9SZWZzKHN0YXRlKSwKICAgICAgaGFuZGxlQ2xvc2UsCiAgICAgIHNob3dJbnB1dCwKICAgICAgaGFuZGxlSW5wdXRDb25maXJtLAogICAgICBpbnB1dFJlZiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[(i(!0),W(Y,null,V(e.tags,(d,Z)=>(i(),W(Y,{key:d},[d.length>20?(i(),I(l,{key:0,title:d},{default:s(()=>[o(p,{closable:Z!==0,onClose:v=>e.handleClose(d)},{default:s(()=>[a(f(`${d.slice(0,20)}...`),1)]),_:2},1032,["closable","onClose"])]),_:2},1032,["title"])):(i(),I(p,{key:1,closable:Z!==0,onClose:v=>e.handleClose(d)},{default:s(()=>[a(f(d),1)]),_:2},1032,["closable","onClose"]))],64))),128)),e.inputVisible?(i(),I(k,{key:0,ref:"inputRef",type:"text",size:"small",style:{width:"78px"},value:e.inputValue,"onUpdate:value":t[0]||(t[0]=d=>e.inputValue=d),onBlur:e.handleInputConfirm,onKeyup:X(e.handleInputConfirm,["enter"])},null,8,["value","onBlur","onKeyup"])):(i(),I(p,{key:1,onClick:e.showInput,style:{background:"#fff","border-style":"dashed"}},{default:s(()=>[o(b),t[1]||(t[1]=a(" New Tag "))]),_:1,__:[1]},8,["onClick"]))]),htmlCode:s(()=>t[2]||(t[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    154. 

  154.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),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"},'"'),a("(tag, index) in tags"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    155. 

  155.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tooltip")]),a(),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"},'"'),a("tag.length > 20"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    156. 

  156.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},":closable"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("index !== 0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleClose(tag)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\n        {{ `${tag.slice(0, 20)}...` }}\n      "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    157. 

  157.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tooltip")]),n("span",{class:"token punctuation"},">")]),a(`
    158. 

  158.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"v-else"),a(),n("span",{class:"token attr-name"},":closable"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("index !== 0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleClose(tag)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    159. 

  159.       {{ tag }}
    160. 

  160.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    161. 

  161.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    162. 

  162.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(`
    163. 

  163.     `),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"},'"'),a("inputVisible"),n("span",{class:"token punctuation"},'"')]),a(`
    164. 

  164.     `),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputRef"),n("span",{class:"token punctuation"},'"')]),a(`
    165. 

  165.     `),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"},'"'),a("text"),n("span",{class:"token punctuation"},'"')]),a(`
    166. 

  166.     `),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"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(`
    167. 

  167.     `),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"},'"'),a("{ width: '78px' }"),n("span",{class:"token punctuation"},'"')]),a(`
    168. 

  168.     `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue"),n("span",{class:"token punctuation"},'"')]),a(`
    169. 

  169.     `),n("span",{class:"token attr-name"},"@blur"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleInputConfirm"),n("span",{class:"token punctuation"},'"')]),a(`
    170. 

  170.     `),n("span",{class:"token attr-name"},"@keyup.enter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleInputConfirm"),n("span",{class:"token punctuation"},'"')]),a(`
    171. 

  171.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    172. 

  172.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"v-else"),a(),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"},'"'),a("showInput"),n("span",{class:"token punctuation"},'"')]),a(),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"},"background"),n("span",{class:"token punctuation"},":"),a(" #fff"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"border-style"),n("span",{class:"token punctuation"},":"),a(" dashed")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    173. 

  173.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("plus-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    174. 

  174.     New Tag
    175. 

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

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

  177. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    178. 

  178. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive"),n("span",{class:"token punctuation"},","),a(" toRefs"),n("span",{class:"token punctuation"},","),a(" nextTick "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    179. 

  179. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
    180. 

  180. 

  181. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    182. 

  182.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    183. 

  183.     PlusOutlined`),n("span",{class:"token punctuation"},","),a(`
    184. 

  184.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    185. 

  185.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    186. 

  186.     `),n("span",{class:"token keyword"},"const"),a(" inputRef "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    187. 

  187.     `),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    188. 

  188.       `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'Unremovable'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Tag 2'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Tag 3Tag 3Tag 3Tag 3Tag 3Tag 3Tag 3'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    189. 

  189.       `),n("span",{class:"token literal-property property"},"inputVisible"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
    190. 

  190.       `),n("span",{class:"token literal-property property"},"inputValue"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
    191. 

  191.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    192. 

  192. 

  193.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleClose"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"removedTag"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    194. 

  194.       `),n("span",{class:"token keyword"},"const"),a(" tags "),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},"."),a("tags"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"tag"),a(),n("span",{class:"token operator"},"=>"),a(" tag "),n("span",{class:"token operator"},"!=="),a(" removedTag"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    195. 

  195.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("tags"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    196. 

  196.       state`),n("span",{class:"token punctuation"},"."),a("tags "),n("span",{class:"token operator"},"="),a(" tags"),n("span",{class:"token punctuation"},";"),a(`
    197. 

  197.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    198. 

  198. 

  199.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"showInput"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    200. 

  200.       state`),n("span",{class:"token punctuation"},"."),a("inputVisible "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
    201. 

  201.       `),n("span",{class:"token function"},"nextTick"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    202. 

  202.         inputRef`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"focus"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    203. 

  203.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    204. 

  204.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    205. 

  205. 

  206.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleInputConfirm"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    207. 

  207.       `),n("span",{class:"token keyword"},"const"),a(" inputValue "),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},"."),a("inputValue"),n("span",{class:"token punctuation"},";"),a(`
    208. 

  208.       `),n("span",{class:"token keyword"},"let"),a(" tags "),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},"."),a("tags"),n("span",{class:"token punctuation"},";"),a(`
    209. 

  209.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("inputValue "),n("span",{class:"token operator"},"&&"),a(" tags"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    210. 

  210.         tags `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),a("tags"),n("span",{class:"token punctuation"},","),a(" inputValue"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    211. 

  211.       `),n("span",{class:"token punctuation"},"}"),a(`
    212. 

  212.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("tags"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    213. 

  213.       Object`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"assign"),n("span",{class:"token punctuation"},"("),a("state"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    214. 

  214.         tags`),n("span",{class:"token punctuation"},","),a(`
    215. 

  215.         `),n("span",{class:"token literal-property property"},"inputVisible"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
    216. 

  216.         `),n("span",{class:"token literal-property property"},"inputValue"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
    217. 

  217.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    218. 

  218.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    219. 

  219.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    220. 

  220.       `),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"toRefs"),n("span",{class:"token punctuation"},"("),a("state"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    221. 

  221.       handleClose`),n("span",{class:"token punctuation"},","),a(`
    222. 

  222.       showInput`),n("span",{class:"token punctuation"},","),a(`
    223. 

  223.       handleInputConfirm`),n("span",{class:"token punctuation"},","),a(`
    224. 

  224.       inputRef`),n("span",{class:"token punctuation"},","),a(`
    225. 

  225.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    226. 

  226.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    227. 

  227. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    228. 

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

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

  230.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),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"},'"'),a("(tag, index) in tags"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    231. 

  231.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tooltip")]),a(),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"},'"'),a("tag.length > 20"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    232. 

  232.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},":closable"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("index !== 0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleClose(tag)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\n        {{ `${tag.slice(0, 20)}...` }}\n      "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    233. 

  233.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tooltip")]),n("span",{class:"token punctuation"},">")]),a(`
    234. 

  234.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"v-else"),a(),n("span",{class:"token attr-name"},":closable"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("index !== 0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleClose(tag)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    235. 

  235.       {{ tag }}
    236. 

  236.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    237. 

  237.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    238. 

  238.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(`
    239. 

  239.     `),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"},'"'),a("inputVisible"),n("span",{class:"token punctuation"},'"')]),a(`
    240. 

  240.     `),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputRef"),n("span",{class:"token punctuation"},'"')]),a(`
    241. 

  241.     `),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"},'"'),a("text"),n("span",{class:"token punctuation"},'"')]),a(`
    242. 

  242.     `),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"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(`
    243. 

  243.     `),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"},'"'),a("{ width: '78px' }"),n("span",{class:"token punctuation"},'"')]),a(`
    244. 

  244.     `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue"),n("span",{class:"token punctuation"},'"')]),a(`
    245. 

  245.     `),n("span",{class:"token attr-name"},"@blur"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleInputConfirm"),n("span",{class:"token punctuation"},'"')]),a(`
    246. 

  246.     `),n("span",{class:"token attr-name"},"@keyup.enter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleInputConfirm"),n("span",{class:"token punctuation"},'"')]),a(`
    247. 

  247.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    248. 

  248.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"v-else"),a(),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"},'"'),a("showInput"),n("span",{class:"token punctuation"},'"')]),a(),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"},"background"),n("span",{class:"token punctuation"},":"),a(" #fff"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"border-style"),n("span",{class:"token punctuation"},":"),a(" dashed")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    249. 

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

  250.     New Tag
    251. 

  251.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    252. 

  252. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    253. 

  253. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    254. 

  254. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive"),n("span",{class:"token punctuation"},","),a(" toRefs"),n("span",{class:"token punctuation"},","),a(" nextTick "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    255. 

  255. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
    256. 

  256. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    257. 

  257.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    258. 

  258.     PlusOutlined`),n("span",{class:"token punctuation"},","),a(`
    259. 

  259.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    260. 

  260.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    261. 

  261.     `),n("span",{class:"token keyword"},"const"),a(" inputRef "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    262. 

  262.     `),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    263. 

  263.       `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'Unremovable'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Tag 2'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Tag 3Tag 3Tag 3Tag 3Tag 3Tag 3Tag 3'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    264. 

  264.       `),n("span",{class:"token literal-property property"},"inputVisible"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
    265. 

  265.       `),n("span",{class:"token literal-property property"},"inputValue"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
    266. 

  266.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    267. 

  267.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleClose"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"removedTag"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    268. 

  268.       `),n("span",{class:"token keyword"},"const"),a(" tags "),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},"."),a("tags"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"tag"),a(),n("span",{class:"token operator"},"=>"),a(" tag "),n("span",{class:"token operator"},"!=="),a(" removedTag"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    269. 

  269.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("tags"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    270. 

  270.       state`),n("span",{class:"token punctuation"},"."),a("tags "),n("span",{class:"token operator"},"="),a(" tags"),n("span",{class:"token punctuation"},";"),a(`
    271. 

  271.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    272. 

  272.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"showInput"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    273. 

  273.       state`),n("span",{class:"token punctuation"},"."),a("inputVisible "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
    274. 

  274.       `),n("span",{class:"token function"},"nextTick"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    275. 

  275.         inputRef`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"focus"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    276. 

  276.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    277. 

  277.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    278. 

  278.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleInputConfirm"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    279. 

  279.       `),n("span",{class:"token keyword"},"const"),a(" inputValue "),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},"."),a("inputValue"),n("span",{class:"token punctuation"},";"),a(`
    280. 

  280.       `),n("span",{class:"token keyword"},"let"),a(" tags "),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},"."),a("tags"),n("span",{class:"token punctuation"},";"),a(`
    281. 

  281.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("inputValue "),n("span",{class:"token operator"},"&&"),a(" tags"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    282. 

  282.         tags `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),a("tags"),n("span",{class:"token punctuation"},","),a(" inputValue"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    283. 

  283.       `),n("span",{class:"token punctuation"},"}"),a(`
    284. 

  284.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("tags"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    285. 

  285.       Object`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"assign"),n("span",{class:"token punctuation"},"("),a("state"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    286. 

  286.         tags`),n("span",{class:"token punctuation"},","),a(`
    287. 

  287.         `),n("span",{class:"token literal-property property"},"inputVisible"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
    288. 

  288.         `),n("span",{class:"token literal-property property"},"inputValue"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
    289. 

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

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

  291.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    292. 

  292.       `),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"toRefs"),n("span",{class:"token punctuation"},"("),a("state"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    293. 

  293.       handleClose`),n("span",{class:"token punctuation"},","),a(`
    294. 

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

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

  296.       inputRef`),n("span",{class:"token punctuation"},","),a(`
    297. 

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

  298.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    299. 

  299. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    300. 

  300. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    301. 

  301. `)])],-1)])),_:1})}var sn=m(an,[["render",tn]]);const on=h({setup(){return{visible:G(!1)}}});function en(e,t,u,r,C,g){const p=c("a-tag"),l=c("a-button"),k=c("demo-box");return i(),I(k,{jsfiddle:{us:"By using the `visible` prop, you can control the close state of Tag.",cn:"\u901A\u8FC7 `visible` \u5C5E\u6027\u63A7\u5236\u5173\u95ED\u72B6\u6001\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    302. 

  302. <p>\u901A\u8FC7 <code>visible</code> \u5C5E\u6027\u63A7\u5236\u5173\u95ED\u72B6\u6001\u3002</p>
    303. 

  303. <h2 id="en-us">en-US</h2>
    304. 

  304. <p>By using the <code>visible</code> prop, you can control the close state of Tag.</p>
    305. 

  305. `,order:4,title:{"zh-CN":"\u63A7\u5236\u5173\u95ED\u72B6\u6001","en-US":"Controlled"},relativePath:"src/docs/tag/demo/controlled.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhZyB2LW1vZGVsOnZpc2libGU9InZpc2libGUiIGNsb3NhYmxlPk1vdmllczwvYS10YWc+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHNpemU9InNtYWxsIiBAY2xpY2s9InZpc2libGUgPSAhdmlzaWJsZSI+VG9nZ2xlPC9hLWJ1dHRvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZpc2libGU6IHJlZihmYWxzZSksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhZyB2LW1vZGVsOnZpc2libGU9InZpc2libGUiIGNsb3NhYmxlPk1vdmllczwvYS10YWc+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHNpemU9InNtYWxsIiBAY2xpY2s9InZpc2libGUgPSAhdmlzaWJsZSI+VG9nZ2xlPC9hLWJ1dHRvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmlzaWJsZTogcmVmKGZhbHNlKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[o(p,{visible:e.visible,"onUpdate:visible":t[0]||(t[0]=b=>e.visible=b),closable:""},{default:s(()=>t[2]||(t[2]=[a("Movies")])),_:1,__:[2]},8,["visible"]),t[4]||(t[4]=n("br",null,null,-1)),o(l,{size:"small",onClick:t[1]||(t[1]=b=>e.visible=!e.visible)},{default:s(()=>t[3]||(t[3]=[a("Toggle")])),_:1,__:[3]})]),htmlCode:s(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    306. 

  306.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("visible")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("visible"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"closable"),n("span",{class:"token punctuation"},">")]),a("Movies"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    307. 

  307.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    308. 

  308.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),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"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("visible = !visible"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Toggle"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    309. 

  309. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    310. 

  310. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    311. 

  311. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    312. 

  312. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    313. 

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

  314.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    315. 

  315.       `),n("span",{class:"token literal-property property"},"visible"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    316. 

  316.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    317. 

  317.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    318. 

  318. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    319. 

  319. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    320. 

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

  321.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("visible")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("visible"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"closable"),n("span",{class:"token punctuation"},">")]),a("Movies"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    322. 

  322.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    323. 

  323.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),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"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("visible = !visible"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Toggle"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    324. 

  324. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    325. 

  325. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    326. 

  326. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    327. 

  327. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    328. 

  328.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    329. 

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

  330.       `),n("span",{class:"token literal-property property"},"visible"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    331. 

  331.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    332. 

  332.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    333. 

  333. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    334. 

  334. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    335. 

  335. `)])],-1)])),_:1})}var cn=m(on,[["render",en]]);const pn=h({setup(){const e=w({tags:["Movies","Books","Music","Sports"],selectedTags:[]}),t=(u,r)=>{const{selectedTags:C}=e,g=r?[...C,u]:C.filter(p=>p!==u);console.log("You are interested in: ",g),e.selectedTags=g};return{...B(e),handleChange:t}}});function ln(e,t,u,r,C,g){const p=c("a-checkable-tag"),l=c("demo-box");return i(),I(l,{jsfiddle:{us:"Select your favourite topics.",cn:"\u9009\u62E9\u4F60\u611F\u5174\u8DA3\u7684\u8BDD\u9898\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    336. 

  336. <p>\u9009\u62E9\u4F60\u611F\u5174\u8DA3\u7684\u8BDD\u9898\u3002</p>
    337. 

  337. <h2 id="en-us">en-US</h2>
    338. 

  338. <p>Select your favourite topics.</p>
    339. 

  339. `,order:5,title:{"zh-CN":"\u70ED\u95E8\u6807\u7B7E","en-US":"Hot Tags"},relativePath:"src/docs/tag/demo/hot-tags.vue",sourceCode:"PHRlbXBsYXRlPgogIDxzcGFuIDpzdHlsZT0ieyBtYXJnaW5SaWdodDogJzhweCcgfSI+Q2F0ZWdvcmllczo8L3NwYW4+CiAgPHRlbXBsYXRlIHYtZm9yPSJ0YWcgaW4gdGFncyIgOmtleT0idGFnIj4KICAgIDxhLWNoZWNrYWJsZS10YWcKICAgICAgOmNoZWNrZWQ9InNlbGVjdGVkVGFncy5pbmRleE9mKHRhZykgPiAtMSIKICAgICAgQGNoYW5nZT0iY2hlY2tlZCA9PiBoYW5kbGVDaGFuZ2UodGFnLCBjaGVja2VkKSIKICAgID4KICAgICAge3sgdGFnIH19CiAgICA8L2EtY2hlY2thYmxlLXRhZz4KICA8L3RlbXBsYXRlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWFjdGl2ZSwgdG9SZWZzIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHN0YXRlID0gcmVhY3RpdmUoewogICAgICB0YWdzOiBbJ01vdmllcycsICdCb29rcycsICdNdXNpYycsICdTcG9ydHMnXSwKICAgICAgc2VsZWN0ZWRUYWdzOiBbXSBhcyBzdHJpbmdbXSwKICAgIH0pOwoKICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9ICh0YWc6IHN0cmluZywgY2hlY2tlZDogYm9vbGVhbikgPT4gewogICAgICBjb25zdCB7IHNlbGVjdGVkVGFncyB9ID0gc3RhdGU7CiAgICAgIGNvbnN0IG5leHRTZWxlY3RlZFRhZ3MgPSBjaGVja2VkCiAgICAgICAgPyBbLi4uc2VsZWN0ZWRUYWdzLCB0YWddCiAgICAgICAgOiBzZWxlY3RlZFRhZ3MuZmlsdGVyKHQgPT4gdCAhPT0gdGFnKTsKICAgICAgY29uc29sZS5sb2coJ1lvdSBhcmUgaW50ZXJlc3RlZCBpbjogJywgbmV4dFNlbGVjdGVkVGFncyk7CiAgICAgIHN0YXRlLnNlbGVjdGVkVGFncyA9IG5leHRTZWxlY3RlZFRhZ3M7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIC4uLnRvUmVmcyhzdGF0ZSksCiAgICAgIGhhbmRsZUNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxzcGFuIDpzdHlsZT0ieyBtYXJnaW5SaWdodDogJzhweCcgfSI+Q2F0ZWdvcmllczo8L3NwYW4+CiAgPHRlbXBsYXRlIHYtZm9yPSJ0YWcgaW4gdGFncyIgOmtleT0idGFnIj4KICAgIDxhLWNoZWNrYWJsZS10YWcKICAgICAgOmNoZWNrZWQ9InNlbGVjdGVkVGFncy5pbmRleE9mKHRhZykgPiAtMSIKICAgICAgQGNoYW5nZT0iY2hlY2tlZCA9PiBoYW5kbGVDaGFuZ2UodGFnLCBjaGVja2VkKSIKICAgID4KICAgICAge3sgdGFnIH19CiAgICA8L2EtY2hlY2thYmxlLXRhZz4KICA8L3RlbXBsYXRlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlYWN0aXZlLCB0b1JlZnMgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgc3RhdGUgPSByZWFjdGl2ZSh7CiAgICAgIHRhZ3M6IFsnTW92aWVzJywgJ0Jvb2tzJywgJ011c2ljJywgJ1Nwb3J0cyddLAogICAgICBzZWxlY3RlZFRhZ3M6IFtdLAogICAgfSk7CiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAodGFnLCBjaGVja2VkKSA9PiB7CiAgICAgIGNvbnN0IHsgc2VsZWN0ZWRUYWdzIH0gPSBzdGF0ZTsKICAgICAgY29uc3QgbmV4dFNlbGVjdGVkVGFncyA9IGNoZWNrZWQKICAgICAgICA/IFsuLi5zZWxlY3RlZFRhZ3MsIHRhZ10KICAgICAgICA6IHNlbGVjdGVkVGFncy5maWx0ZXIodCA9PiB0ICE9PSB0YWcpOwogICAgICBjb25zb2xlLmxvZygnWW91IGFyZSBpbnRlcmVzdGVkIGluOiAnLCBuZXh0U2VsZWN0ZWRUYWdzKTsKICAgICAgc3RhdGUuc2VsZWN0ZWRUYWdzID0gbmV4dFNlbGVjdGVkVGFnczsKICAgIH07CiAgICByZXR1cm4gewogICAgICAuLi50b1JlZnMoc3RhdGUpLAogICAgICBoYW5kbGVDaGFuZ2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:s(()=>[t[0]||(t[0]=n("span",{style:{marginRight:"8px"}},"Categories:",-1)),(i(!0),W(Y,null,V(e.tags,k=>(i(),I(p,{key:k,checked:e.selectedTags.indexOf(k)>-1,onChange:b=>e.handleChange(k,b)},{default:s(()=>[a(f(k),1)]),_:2},1032,["checked","onChange"]))),128))]),htmlCode:s(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    340. 

  340.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),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"},'"'),a("{ marginRight: '8px' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Categories:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
    341. 

  341.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),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"},'"'),a("tag in tags"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    342. 

  342.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(`
    343. 

  343.       `),n("span",{class:"token attr-name"},":checked"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("selectedTags.indexOf(tag) > -1"),n("span",{class:"token punctuation"},'"')]),a(`
    344. 

  344.       `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked => handleChange(tag, checked)"),n("span",{class:"token punctuation"},'"')]),a(`
    345. 

  345.     `),n("span",{class:"token punctuation"},">")]),a(`
    346. 

  346.       {{ tag }}
    347. 

  347.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    348. 

  348.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    349. 

  349. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    350. 

  350. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    351. 

  351. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" reactive"),n("span",{class:"token punctuation"},","),a(" toRefs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    352. 

  352. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    353. 

  353.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    354. 

  354.     `),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    355. 

  355.       `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'Movies'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Books'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Music'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Sports'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    356. 

  356.       `),n("span",{class:"token literal-property property"},"selectedTags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token keyword"},"as"),a(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    357. 

  357.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    358. 

  358. 

  359.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"tag"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"checked"),n("span",{class:"token operator"},":"),a(" boolean")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    360. 

  360.       `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token punctuation"},"{"),a(" selectedTags "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},";"),a(`
    361. 

  361.       `),n("span",{class:"token keyword"},"const"),a(" nextSelectedTags "),n("span",{class:"token operator"},"="),a(` checked
    362. 

  362.         `),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),a("selectedTags"),n("span",{class:"token punctuation"},","),a(" tag"),n("span",{class:"token punctuation"},"]"),a(`
    363. 

  363.         `),n("span",{class:"token operator"},":"),a(" selectedTags"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"t"),a(),n("span",{class:"token operator"},"=>"),a(" t "),n("span",{class:"token operator"},"!=="),a(" tag"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    364. 

  364.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'You are interested in: '"),n("span",{class:"token punctuation"},","),a(" nextSelectedTags"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    365. 

  365.       state`),n("span",{class:"token punctuation"},"."),a("selectedTags "),n("span",{class:"token operator"},"="),a(" nextSelectedTags"),n("span",{class:"token punctuation"},";"),a(`
    366. 

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

  367. 

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

  369.       `),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"toRefs"),n("span",{class:"token punctuation"},"("),a("state"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    370. 

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

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

  372.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    373. 

  373. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    374. 

  374. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    375. 

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

  376.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),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"},'"'),a("{ marginRight: '8px' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Categories:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
    377. 

  377.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),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"},'"'),a("tag in tags"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    378. 

  378.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-checkable-tag")]),a(`
    379. 

  379.       `),n("span",{class:"token attr-name"},":checked"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("selectedTags.indexOf(tag) > -1"),n("span",{class:"token punctuation"},'"')]),a(`
    380. 

  380.       `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checked => handleChange(tag, checked)"),n("span",{class:"token punctuation"},'"')]),a(`
    381. 

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

  382.       {{ tag }}
    383. 

  383.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-checkable-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    384. 

  384.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    385. 

  385. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    386. 

  386. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    387. 

  387. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" reactive"),n("span",{class:"token punctuation"},","),a(" toRefs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    388. 

  388. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    389. 

  389.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    390. 

  390.     `),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    391. 

  391.       `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'Movies'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Books'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Music'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Sports'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    392. 

  392.       `),n("span",{class:"token literal-property property"},"selectedTags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    393. 

  393.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    394. 

  394.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("tag"),n("span",{class:"token punctuation"},","),a(" checked")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    395. 

  395.       `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token punctuation"},"{"),a(" selectedTags "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token operator"},"="),a(" state"),n("span",{class:"token punctuation"},";"),a(`
    396. 

  396.       `),n("span",{class:"token keyword"},"const"),a(" nextSelectedTags "),n("span",{class:"token operator"},"="),a(` checked
    397. 

  397.         `),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),a("selectedTags"),n("span",{class:"token punctuation"},","),a(" tag"),n("span",{class:"token punctuation"},"]"),a(`
    398. 

  398.         `),n("span",{class:"token operator"},":"),a(" selectedTags"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"t"),a(),n("span",{class:"token operator"},"=>"),a(" t "),n("span",{class:"token operator"},"!=="),a(" tag"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    399. 

  399.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'You are interested in: '"),n("span",{class:"token punctuation"},","),a(" nextSelectedTags"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    400. 

  400.       state`),n("span",{class:"token punctuation"},"."),a("selectedTags "),n("span",{class:"token operator"},"="),a(" nextSelectedTags"),n("span",{class:"token punctuation"},";"),a(`
    401. 

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

  402.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    403. 

  403.       `),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"toRefs"),n("span",{class:"token punctuation"},"("),a("state"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    404. 

  404.       handleChange`),n("span",{class:"token punctuation"},","),a(`
    405. 

  405.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    406. 

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

  407. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    408. 

  408. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    409. 

  409. `)])],-1)])),_:1})}var un=m(pn,[["render",ln]]);const kn=h({components:{TwitterOutlined:H,YoutubeOutlined:K,FacebookOutlined:z,LinkedinOutlined:L}});function gn(e,t,u,r,C,g){const p=c("twitter-outlined"),l=c("a-tag"),k=c("youtube-outlined"),b=c("facebook-outlined"),A=c("linkedin-outlined"),d=c("demo-box");return i(),I(d,{jsfiddle:{us:"`Tag` components can contain an `Icon`. This is done by setting the `icon` property or placing an `Icon` component within the `Tag`.\nIf you want specific control over the positioning and placement of the `Icon`, then that should be done by placing the `Icon` component within the `Tag` rather than using the `icon` property.",cn:"\u5F53\u9700\u8981\u5728 `Tag` \u5185\u5D4C\u5165 `Icon` \u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E `icon` \u5C5E\u6027\uFF0C\u6216\u8005\u76F4\u63A5\u5728 `Tag` \u5185\u4F7F\u7528 `Icon` \u7EC4\u4EF6\u3002\n\u5982\u679C\u60F3\u63A7\u5236 `Icon` \u5177\u4F53\u7684\u4F4D\u7F6E\uFF0C\u53EA\u80FD\u76F4\u63A5\u4F7F\u7528 `Icon` \u7EC4\u4EF6\uFF0C\u800C\u975E `icon` \u5C5E\u6027\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    410. 

  410. <p>\u5F53\u9700\u8981\u5728 <code>Tag</code> \u5185\u5D4C\u5165 <code>Icon</code> \u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E <code>icon</code> \u5C5E\u6027\uFF0C\u6216\u8005\u76F4\u63A5\u5728 <code>Tag</code> \u5185\u4F7F\u7528 <code>Icon</code> \u7EC4\u4EF6\u3002
    411. 

  411. \u5982\u679C\u60F3\u63A7\u5236 <code>Icon</code> \u5177\u4F53\u7684\u4F4D\u7F6E\uFF0C\u53EA\u80FD\u76F4\u63A5\u4F7F\u7528 <code>Icon</code> \u7EC4\u4EF6\uFF0C\u800C\u975E <code>icon</code> \u5C5E\u6027\u3002</p>
    412. 

  412. <h2 id="en-us">en-US</h2>
    413. 

  413. <p><code>Tag</code> components can contain an <code>Icon</code>. This is done by setting the <code>icon</code> property or placing an <code>Icon</code> component within the <code>Tag</code>.
    414. 

  414. If you want specific control over the positioning and placement of the <code>Icon</code>, then that should be done by placing the <code>Icon</code> component within the <code>Tag</code> rather than using the <code>icon</code> property.</p>
    415. 

  415. `,order:6,title:{"zh-CN":"\u56FE\u6807\u6309\u94AE","en-US":"Icon"},relativePath:"src/docs/tag/demo/icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhZyBjb2xvcj0iIzU1YWNlZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDx0d2l0dGVyLW91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgVHdpdHRlcgogIDwvYS10YWc+CiAgPGEtdGFnIGNvbG9yPSIjY2QyMDFmIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPHlvdXR1YmUtb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICBZb3V0dWJlCiAgPC9hLXRhZz4KICA8YS10YWcgY29sb3I9IiMzYjU5OTkiPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8ZmFjZWJvb2stb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICBGYWNlYm9vawogIDwvYS10YWc+CiAgPGEtdGFnIGNvbG9yPSIjNTVhY2VlIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPGxpbmtlZGluLW91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgTGlua2VkSW4KICA8L2EtdGFnPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW1wb3J0IHsKICBUd2l0dGVyT3V0bGluZWQsCiAgWW91dHViZU91dGxpbmVkLAogIEZhY2Vib29rT3V0bGluZWQsCiAgTGlua2VkaW5PdXRsaW5lZCwKfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBUd2l0dGVyT3V0bGluZWQsCiAgICBZb3V0dWJlT3V0bGluZWQsCiAgICBGYWNlYm9va091dGxpbmVkLAogICAgTGlua2VkaW5PdXRsaW5lZCwKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhZyBjb2xvcj0iIzU1YWNlZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDx0d2l0dGVyLW91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgVHdpdHRlcgogIDwvYS10YWc+CiAgPGEtdGFnIGNvbG9yPSIjY2QyMDFmIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPHlvdXR1YmUtb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICBZb3V0dWJlCiAgPC9hLXRhZz4KICA8YS10YWcgY29sb3I9IiMzYjU5OTkiPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8ZmFjZWJvb2stb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICBGYWNlYm9vawogIDwvYS10YWc+CiAgPGEtdGFnIGNvbG9yPSIjNTVhY2VlIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPGxpbmtlZGluLW91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgTGlua2VkSW4KICA8L2EtdGFnPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwppbXBvcnQgewogIFR3aXR0ZXJPdXRsaW5lZCwKICBZb3V0dWJlT3V0bGluZWQsCiAgRmFjZWJvb2tPdXRsaW5lZCwKICBMaW5rZWRpbk91dGxpbmVkLAp9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgVHdpdHRlck91dGxpbmVkLAogICAgWW91dHViZU91dGxpbmVkLAogICAgRmFjZWJvb2tPdXRsaW5lZCwKICAgIExpbmtlZGluT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[o(l,{color:"#55acee"},{icon:s(()=>[o(p)]),default:s(()=>[t[0]||(t[0]=a(" Twitter "))]),_:1,__:[0]}),o(l,{color:"#cd201f"},{icon:s(()=>[o(k)]),default:s(()=>[t[1]||(t[1]=a(" Youtube "))]),_:1,__:[1]}),o(l,{color:"#3b5999"},{icon:s(()=>[o(b)]),default:s(()=>[t[2]||(t[2]=a(" Facebook "))]),_:1,__:[2]}),o(l,{color:"#55acee"},{icon:s(()=>[o(A)]),default:s(()=>[t[3]||(t[3]=a(" LinkedIn "))]),_:1,__:[3]})]),htmlCode:s(()=>t[4]||(t[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    416. 

  416.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#55acee"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    417. 

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

  418.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("twitter-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    419. 

  419.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    420. 

  420.     Twitter
    421. 

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

  422.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#cd201f"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    423. 

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

  424.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("youtube-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    425. 

  425.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    426. 

  426.     Youtube
    427. 

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

  428.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#3b5999"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    429. 

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

  430.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("facebook-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    431. 

  431.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    432. 

  432.     Facebook
    433. 

  433.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    434. 

  434.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#55acee"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    435. 

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

  436.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("linkedin-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    437. 

  437.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    438. 

  438.     LinkedIn
    439. 

  439.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    440. 

  440. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    441. 

  441. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    442. 

  442. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    443. 

  443. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(`
    444. 

  444.   TwitterOutlined`),n("span",{class:"token punctuation"},","),a(`
    445. 

  445.   YoutubeOutlined`),n("span",{class:"token punctuation"},","),a(`
    446. 

  446.   FacebookOutlined`),n("span",{class:"token punctuation"},","),a(`
    447. 

  447.   LinkedinOutlined`),n("span",{class:"token punctuation"},","),a(`
    448. 

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

  449. 

  450. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    451. 

  451.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    452. 

  452.     TwitterOutlined`),n("span",{class:"token punctuation"},","),a(`
    453. 

  453.     YoutubeOutlined`),n("span",{class:"token punctuation"},","),a(`
    454. 

  454.     FacebookOutlined`),n("span",{class:"token punctuation"},","),a(`
    455. 

  455.     LinkedinOutlined`),n("span",{class:"token punctuation"},","),a(`
    456. 

  456.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    457. 

  457. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    458. 

  458. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    459. 

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

  460.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#55acee"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    461. 

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

  462.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("twitter-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    463. 

  463.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    464. 

  464.     Twitter
    465. 

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

  466.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#cd201f"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    467. 

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

  468.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("youtube-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    469. 

  469.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    470. 

  470.     Youtube
    471. 

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

  472.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#3b5999"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    473. 

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

  474.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("facebook-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    475. 

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

  476.     Facebook
    477. 

  477.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    478. 

  478.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#55acee"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    479. 

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

  480.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("linkedin-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    481. 

  481.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    482. 

  482.     LinkedIn
    483. 

  483.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    484. 

  484. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    485. 

  485. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    486. 

  486. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    487. 

  487. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(`
    488. 

  488.   TwitterOutlined`),n("span",{class:"token punctuation"},","),a(`
    489. 

  489.   YoutubeOutlined`),n("span",{class:"token punctuation"},","),a(`
    490. 

  490.   FacebookOutlined`),n("span",{class:"token punctuation"},","),a(`
    491. 

  491.   LinkedinOutlined`),n("span",{class:"token punctuation"},","),a(`
    492. 

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

  493. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    494. 

  494.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    495. 

  495.     TwitterOutlined`),n("span",{class:"token punctuation"},","),a(`
    496. 

  496.     YoutubeOutlined`),n("span",{class:"token punctuation"},","),a(`
    497. 

  497.     FacebookOutlined`),n("span",{class:"token punctuation"},","),a(`
    498. 

  498.     LinkedinOutlined`),n("span",{class:"token punctuation"},","),a(`
    499. 

  499.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    500. 

  500. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    501. 

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

  502. `)])],-1)])),_:1})}var rn=m(kn,[["render",gn]]);const dn=h({components:{CheckCircleOutlined:x,SyncOutlined:D,CloseCircleOutlined:S,ExclamationCircleOutlined:T,ClockCircleOutlined:j,MinusCircleOutlined:E}});function Cn(e,t,u,r,C,g){const p=c("a-divider"),l=c("a-tag"),k=c("check-circle-outlined"),b=c("sync-outlined"),A=c("close-circle-outlined"),d=c("exclamation-circle-outlined"),Z=c("clock-circle-outlined"),v=c("minus-circle-outlined"),y=c("demo-box");return i(),I(y,{jsfiddle:{us:"We preset five different colors, you can set color property such as `success`,`processing`,`error`,`default` and `warning` to indicate specific status.",cn:"\u9884\u8BBE\u4E94\u79CD\u72B6\u6001\u989C\u8272\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E `color` \u4E3A `success`\u3001 `processing`\u3001`error`\u3001`default`\u3001`warning` \u6765\u4EE3\u8868\u4E0D\u540C\u7684\u72B6\u6001\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    503. 

  503. <p>\u9884\u8BBE\u4E94\u79CD\u72B6\u6001\u989C\u8272\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E <code>color</code> \u4E3A <code>success</code>\u3001 <code>processing</code>\u3001<code>error</code>\u3001<code>default</code>\u3001<code>warning</code> \u6765\u4EE3\u8868\u4E0D\u540C\u7684\u72B6\u6001\u3002</p>
    504. 

  504. <h2 id="en-us">en-US</h2>
    505. 

  505. <p>We preset five different colors, you can set color property such as <code>success</code>,<code>processing</code>,<code>error</code>,<code>default</code> and <code>warning</code> to indicate specific status.</p>
    506. 

  506. `,order:7,title:{"zh-CN":"\u9884\u8BBE\u72B6\u6001\u7684\u6807\u7B7E","en-US":"Status Tag"},relativePath:"src/docs/tag/demo/status.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249ImxlZnQiPldpdGhvdXQgaWNvbjwvYS1kaXZpZGVyPgogIDxkaXY+CiAgICA8YS10YWcgY29sb3I9InN1Y2Nlc3MiPnN1Y2Nlc3M8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJwcm9jZXNzaW5nIj5wcm9jZXNzaW5nPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iZXJyb3IiPmVycm9yPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0id2FybmluZyI+d2FybmluZzwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9ImRlZmF1bHQiPmRlZmF1bHQ8L2EtdGFnPgogIDwvZGl2PgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249ImxlZnQiPldpdGggaWNvbjwvYS1kaXZpZGVyPgogIDxkaXY+CiAgICA8YS10YWcgY29sb3I9InN1Y2Nlc3MiPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPGNoZWNrLWNpcmNsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICBzdWNjZXNzCiAgICA8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJwcm9jZXNzaW5nIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxzeW5jLW91dGxpbmVkIDpzcGluPSJ0cnVlIiAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICBwcm9jZXNzaW5nCiAgICA8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJlcnJvciI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8Y2xvc2UtY2lyY2xlLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIGVycm9yCiAgICA8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJ3YXJuaW5nIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxleGNsYW1hdGlvbi1jaXJjbGUtb3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgd2FybmluZwogICAgPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iZGVmYXVsdCI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8Y2xvY2stY2lyY2xlLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIHdhaXRpbmcKICAgIDwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9ImRlZmF1bHQiPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPG1pbnVzLWNpcmNsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICBzdG9wCiAgICA8L2EtdGFnPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW1wb3J0IHsKICBDaGVja0NpcmNsZU91dGxpbmVkLAogIFN5bmNPdXRsaW5lZCwKICBDbG9zZUNpcmNsZU91dGxpbmVkLAogIEV4Y2xhbWF0aW9uQ2lyY2xlT3V0bGluZWQsCiAgQ2xvY2tDaXJjbGVPdXRsaW5lZCwKICBNaW51c0NpcmNsZU91dGxpbmVkLAp9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIENoZWNrQ2lyY2xlT3V0bGluZWQsCiAgICBTeW5jT3V0bGluZWQsCiAgICBDbG9zZUNpcmNsZU91dGxpbmVkLAogICAgRXhjbGFtYXRpb25DaXJjbGVPdXRsaW5lZCwKICAgIENsb2NrQ2lyY2xlT3V0bGluZWQsCiAgICBNaW51c0NpcmNsZU91dGxpbmVkLAogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249ImxlZnQiPldpdGhvdXQgaWNvbjwvYS1kaXZpZGVyPgogIDxkaXY+CiAgICA8YS10YWcgY29sb3I9InN1Y2Nlc3MiPnN1Y2Nlc3M8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJwcm9jZXNzaW5nIj5wcm9jZXNzaW5nPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iZXJyb3IiPmVycm9yPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0id2FybmluZyI+d2FybmluZzwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9ImRlZmF1bHQiPmRlZmF1bHQ8L2EtdGFnPgogIDwvZGl2PgogIDxhLWRpdmlkZXIgb3JpZW50YXRpb249ImxlZnQiPldpdGggaWNvbjwvYS1kaXZpZGVyPgogIDxkaXY+CiAgICA8YS10YWcgY29sb3I9InN1Y2Nlc3MiPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPGNoZWNrLWNpcmNsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICBzdWNjZXNzCiAgICA8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJwcm9jZXNzaW5nIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxzeW5jLW91dGxpbmVkIDpzcGluPSJ0cnVlIiAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICBwcm9jZXNzaW5nCiAgICA8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJlcnJvciI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8Y2xvc2UtY2lyY2xlLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIGVycm9yCiAgICA8L2EtdGFnPgogICAgPGEtdGFnIGNvbG9yPSJ3YXJuaW5nIj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxleGNsYW1hdGlvbi1jaXJjbGUtb3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgd2FybmluZwogICAgPC9hLXRhZz4KICAgIDxhLXRhZyBjb2xvcj0iZGVmYXVsdCI+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8Y2xvY2stY2lyY2xlLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIHdhaXRpbmcKICAgIDwvYS10YWc+CiAgICA8YS10YWcgY29sb3I9ImRlZmF1bHQiPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPG1pbnVzLWNpcmNsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICBzdG9wCiAgICA8L2EtdGFnPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwppbXBvcnQgewogIENoZWNrQ2lyY2xlT3V0bGluZWQsCiAgU3luY091dGxpbmVkLAogIENsb3NlQ2lyY2xlT3V0bGluZWQsCiAgRXhjbGFtYXRpb25DaXJjbGVPdXRsaW5lZCwKICBDbG9ja0NpcmNsZU91dGxpbmVkLAogIE1pbnVzQ2lyY2xlT3V0bGluZWQsCn0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBDaGVja0NpcmNsZU91dGxpbmVkLAogICAgU3luY091dGxpbmVkLAogICAgQ2xvc2VDaXJjbGVPdXRsaW5lZCwKICAgIEV4Y2xhbWF0aW9uQ2lyY2xlT3V0bGluZWQsCiAgICBDbG9ja0NpcmNsZU91dGxpbmVkLAogICAgTWludXNDaXJjbGVPdXRsaW5lZCwKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:s(()=>[o(p,{orientation:"left"},{default:s(()=>t[0]||(t[0]=[a("Without icon")])),_:1,__:[0]}),n("div",null,[o(l,{color:"success"},{default:s(()=>t[1]||(t[1]=[a("success")])),_:1,__:[1]}),o(l,{color:"processing"},{default:s(()=>t[2]||(t[2]=[a("processing")])),_:1,__:[2]}),o(l,{color:"error"},{default:s(()=>t[3]||(t[3]=[a("error")])),_:1,__:[3]}),o(l,{color:"warning"},{default:s(()=>t[4]||(t[4]=[a("warning")])),_:1,__:[4]}),o(l,{color:"default"},{default:s(()=>t[5]||(t[5]=[a("default")])),_:1,__:[5]})]),o(p,{orientation:"left"},{default:s(()=>t[6]||(t[6]=[a("With icon")])),_:1,__:[6]}),n("div",null,[o(l,{color:"success"},{icon:s(()=>[o(k)]),default:s(()=>[t[7]||(t[7]=a(" success "))]),_:1,__:[7]}),o(l,{color:"processing"},{icon:s(()=>[o(b,{spin:!0})]),default:s(()=>[t[8]||(t[8]=a(" processing "))]),_:1,__:[8]}),o(l,{color:"error"},{icon:s(()=>[o(A)]),default:s(()=>[t[9]||(t[9]=a(" error "))]),_:1,__:[9]}),o(l,{color:"warning"},{icon:s(()=>[o(d)]),default:s(()=>[t[10]||(t[10]=a(" warning "))]),_:1,__:[10]}),o(l,{color:"default"},{icon:s(()=>[o(Z)]),default:s(()=>[t[11]||(t[11]=a(" waiting "))]),_:1,__:[11]}),o(l,{color:"default"},{icon:s(()=>[o(v)]),default:s(()=>[t[12]||(t[12]=a(" stop "))]),_:1,__:[12]})])]),htmlCode:s(()=>t[13]||(t[13]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    507. 

  507.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),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"},'"'),a("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Without icon"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-divider")]),n("span",{class:"token punctuation"},">")]),a(`
    508. 

  508.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    509. 

  509.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("success"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    510. 

  510.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("processing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("processing"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    511. 

  511.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("error"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    512. 

  512.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("warning"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    513. 

  513.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    514. 

  514.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    515. 

  515.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),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"},'"'),a("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("With icon"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-divider")]),n("span",{class:"token punctuation"},">")]),a(`
    516. 

  516.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    517. 

  517.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    518. 

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

  519.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("check-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    520. 

  520.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    521. 

  521.       success
    522. 

  522.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    523. 

  523.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("processing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    524. 

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

  525.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("sync-outlined")]),a(),n("span",{class:"token attr-name"},":spin"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    526. 

  526.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    527. 

  527.       processing
    528. 

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

  529.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    530. 

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

  531.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("close-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    532. 

  532.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    533. 

  533.       error
    534. 

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

  535.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    536. 

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

  537.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("exclamation-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    538. 

  538.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    539. 

  539.       warning
    540. 

  540.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    541. 

  541.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    542. 

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

  543.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("clock-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    544. 

  544.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    545. 

  545.       waiting
    546. 

  546.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    547. 

  547.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    548. 

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

  549.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("minus-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    550. 

  550.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    551. 

  551.       stop
    552. 

  552.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    553. 

  553.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    554. 

  554. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    555. 

  555. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    556. 

  556. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    557. 

  557. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(`
    558. 

  558.   CheckCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    559. 

  559.   SyncOutlined`),n("span",{class:"token punctuation"},","),a(`
    560. 

  560.   CloseCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    561. 

  561.   ExclamationCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    562. 

  562.   ClockCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    563. 

  563.   MinusCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    564. 

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

  565. 

  566. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    567. 

  567.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    568. 

  568.     CheckCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    569. 

  569.     SyncOutlined`),n("span",{class:"token punctuation"},","),a(`
    570. 

  570.     CloseCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    571. 

  571.     ExclamationCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    572. 

  572.     ClockCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    573. 

  573.     MinusCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    574. 

  574.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    575. 

  575. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    576. 

  576. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    577. 

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

  578.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),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"},'"'),a("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Without icon"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-divider")]),n("span",{class:"token punctuation"},">")]),a(`
    579. 

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

  580.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("success"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    581. 

  581.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("processing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("processing"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    582. 

  582.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("error"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    583. 

  583.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("warning"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    584. 

  584.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    585. 

  585.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    586. 

  586.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),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"},'"'),a("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("With icon"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-divider")]),n("span",{class:"token punctuation"},">")]),a(`
    587. 

  587.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    588. 

  588.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    589. 

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

  590.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("check-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    591. 

  591.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    592. 

  592.       success
    593. 

  593.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    594. 

  594.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("processing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    595. 

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

  596.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("sync-outlined")]),a(),n("span",{class:"token attr-name"},":spin"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    597. 

  597.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    598. 

  598.       processing
    599. 

  599.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    600. 

  600.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    601. 

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

  602.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("close-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    603. 

  603.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    604. 

  604.       error
    605. 

  605.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    606. 

  606.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    607. 

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

  608.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("exclamation-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    609. 

  609.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    610. 

  610.       warning
    611. 

  611.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
    612. 

  612.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    613. 

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

  614.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("clock-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    615. 

  615.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    616. 

  616.       waiting
    617. 

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

  618.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    619. 

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

  620.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("minus-circle-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    621. 

  621.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    622. 

  622.       stop
    623. 

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

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

  625. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    626. 

  626. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    627. 

  627. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    628. 

  628. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(`
    629. 

  629.   CheckCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    630. 

  630.   SyncOutlined`),n("span",{class:"token punctuation"},","),a(`
    631. 

  631.   CloseCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    632. 

  632.   ExclamationCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    633. 

  633.   ClockCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    634. 

  634.   MinusCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    635. 

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

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

  637.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    638. 

  638.     CheckCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    639. 

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

  640.     CloseCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    641. 

  641.     ExclamationCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    642. 

  642.     ClockCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    643. 

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

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

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

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

  647. `)])],-1)])),_:1})}var In=m(dn,[["render",Cn]]);const bn={pageData:{title:"Tag",description:"",frontmatter:{category:"Components",subtitle:"\u6807\u7B7E",type:"\u6570\u636E\u5C55\u793A",title:"Tag",cover:"https://gw.alipayobjects.com/zos/alicdn/cH1BOLfxC/Tag.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:"Tag"},{level:3,title:"Tag",slug:"tag",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Tag.CheckableTag",slug:"tag-checkabletag",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6-2",content:""}],relativePath:"src/docs/tag/index.zh-CN.md",content:`
    648. 

  648. \u8FDB\u884C\u6807\u8BB0\u548C\u5206\u7C7B\u7684\u5C0F\u6807\u7B7E\u3002
    649. 

  649. 

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

  651. 

  652. - \u7528\u4E8E\u6807\u8BB0\u4E8B\u7269\u7684\u5C5E\u6027\u548C\u7EF4\u5EA6\u3002
    653. 

  653. - \u8FDB\u884C\u5206\u7C7B\u3002
    654. 

  654. 

  655. ## API
    656. 

  656. 

  657. ### Tag
    658. 

  658. 

  659. | \u53C2\u6570             | \u8BF4\u660E             | \u7C7B\u578B                | \u9ED8\u8BA4\u503C | \u7248\u672C  |
    660. 

  660. | ---------------- | ---------------- | ------------------- | ------ | ----- |
    661. 

  661. | closable         | \u6807\u7B7E\u662F\u5426\u53EF\u4EE5\u5173\u95ED | boolean             | false  |       |
    662. 

  662. | closeIcon        | \u81EA\u5B9A\u4E49\u5173\u95ED\u6309\u94AE   | VNode \\| #closeIcon | -      | 2.0.0 |
    663. 

  663. | color            | \u6807\u7B7E\u8272           | string              | -      |       |
    664. 

  664. | icon             | \u8BBE\u7F6E\u56FE\u6807         | VNode \\| #icon      | -      | 2.0.0 |
    665. 

  665. | visible(v-model) | \u662F\u5426\u663E\u793A\u6807\u7B7E     | boolean             | \`true\` |       |
    666. 

  666. 

  667. ### \u4E8B\u4EF6
    668. 

  668. 

  669. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E         | \u56DE\u8C03\u53C2\u6570    |
    670. 

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

  671. | close    | \u5173\u95ED\u65F6\u7684\u56DE\u8C03 | (e) =&gt; void |
    672. 

  672. 

  673. ### Tag.CheckableTag
    674. 

  674. 

  675. | \u53C2\u6570             | \u8BF4\u660E               | \u7C7B\u578B    | \u9ED8\u8BA4\u503C |
    676. 

  676. | ---------------- | ------------------ | ------- | ------ |
    677. 

  677. | checked(v-model) | \u8BBE\u7F6E\u6807\u7B7E\u7684\u9009\u4E2D\u72B6\u6001 | boolean | false  |
    678. 

  678. 

  679. ### \u4E8B\u4EF6
    680. 

  680. 

  681. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E                 | \u56DE\u8C03\u53C2\u6570          |
    682. 

  682. | -------- | -------------------- | ----------------- |
    683. 

  683. | change   | \u70B9\u51FB\u6807\u7B7E\u65F6\u89E6\u53D1\u7684\u56DE\u8C03 | (checked) =&gt; void |
    684. 

  684. `,html:`<p>\u8FDB\u884C\u6807\u8BB0\u548C\u5206\u7C7B\u7684\u5C0F\u6807\u7B7E\u3002</p>
    685. 

  685. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
    686. 

  686. <ul>
    687. 

  687. <li>\u7528\u4E8E\u6807\u8BB0\u4E8B\u7269\u7684\u5C5E\u6027\u548C\u7EF4\u5EA6\u3002</li>
    688. 

  688. <li>\u8FDB\u884C\u5206\u7C7B\u3002</li>
    689. 

  689. </ul>
    690. 

  690. <h2 id="api">API</h2>
    691. 

  691. <h3 id="tag">Tag</h3>
    692. 

  692. <table>
    693. 

  693. <thead>
    694. 

  694. <tr>
    695. 

  695. <th>\u53C2\u6570</th>
    696. 

  696. <th>\u8BF4\u660E</th>
    697. 

  697. <th>\u7C7B\u578B</th>
    698. 

  698. <th>\u9ED8\u8BA4\u503C</th>
    699. 

  699. <th>\u7248\u672C</th>
    700. 

  700. </tr>
    701. 

  701. </thead>
    702. 

  702. <tbody>
    703. 

  703. <tr>
    704. 

  704. <td>closable</td>
    705. 

  705. <td>\u6807\u7B7E\u662F\u5426\u53EF\u4EE5\u5173\u95ED</td>
    706. 

  706. <td>boolean</td>
    707. 

  707. <td>false</td>
    708. 

  708. <td></td>
    709. 

  709. </tr>
    710. 

  710. <tr>
    711. 

  711. <td>closeIcon</td>
    712. 

  712. <td>\u81EA\u5B9A\u4E49\u5173\u95ED\u6309\u94AE</td>
    713. 

  713. <td>VNode | #closeIcon</td>
    714. 

  714. <td>-</td>
    715. 

  715. <td>2.0.0</td>
    716. 

  716. </tr>
    717. 

  717. <tr>
    718. 

  718. <td>color</td>
    719. 

  719. <td>\u6807\u7B7E\u8272</td>
    720. 

  720. <td>string</td>
    721. 

  721. <td>-</td>
    722. 

  722. <td></td>
    723. 

  723. </tr>
    724. 

  724. <tr>
    725. 

  725. <td>icon</td>
    726. 

  726. <td>\u8BBE\u7F6E\u56FE\u6807</td>
    727. 

  727. <td>VNode | #icon</td>
    728. 

  728. <td>-</td>
    729. 

  729. <td>2.0.0</td>
    730. 

  730. </tr>
    731. 

  731. <tr>
    732. 

  732. <td>visible(v-model)</td>
    733. 

  733. <td>\u662F\u5426\u663E\u793A\u6807\u7B7E</td>
    734. 

  734. <td>boolean</td>
    735. 

  735. <td><code>true</code></td>
    736. 

  736. <td></td>
    737. 

  737. </tr>
    738. 

  738. </tbody>
    739. 

  739. </table>
    740. 

  740. <h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
    741. 

  741. <table>
    742. 

  742. <thead>
    743. 

  743. <tr>
    744. 

  744. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    745. 

  745. <th>\u8BF4\u660E</th>
    746. 

  746. <th>\u56DE\u8C03\u53C2\u6570</th>
    747. 

  747. </tr>
    748. 

  748. </thead>
    749. 

  749. <tbody>
    750. 

  750. <tr>
    751. 

  751. <td>close</td>
    752. 

  752. <td>\u5173\u95ED\u65F6\u7684\u56DE\u8C03</td>
    753. 

  753. <td>(e) =&gt; void</td>
    754. 

  754. </tr>
    755. 

  755. </tbody>
    756. 

  756. </table>
    757. 

  757. <h3 id="tag-checkabletag">Tag.CheckableTag</h3>
    758. 

  758. <table>
    759. 

  759. <thead>
    760. 

  760. <tr>
    761. 

  761. <th>\u53C2\u6570</th>
    762. 

  762. <th>\u8BF4\u660E</th>
    763. 

  763. <th>\u7C7B\u578B</th>
    764. 

  764. <th>\u9ED8\u8BA4\u503C</th>
    765. 

  765. </tr>
    766. 

  766. </thead>
    767. 

  767. <tbody>
    768. 

  768. <tr>
    769. 

  769. <td>checked(v-model)</td>
    770. 

  770. <td>\u8BBE\u7F6E\u6807\u7B7E\u7684\u9009\u4E2D\u72B6\u6001</td>
    771. 

  771. <td>boolean</td>
    772. 

  772. <td>false</td>
    773. 

  773. </tr>
    774. 

  774. </tbody>
    775. 

  775. </table>
    776. 

  776. <h3 id="\u4E8B\u4EF6-2">\u4E8B\u4EF6</h3>
    777. 

  777. <table>
    778. 

  778. <thead>
    779. 

  779. <tr>
    780. 

  780. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    781. 

  781. <th>\u8BF4\u660E</th>
    782. 

  782. <th>\u56DE\u8C03\u53C2\u6570</th>
    783. 

  783. </tr>
    784. 

  784. </thead>
    785. 

  785. <tbody>
    786. 

  786. <tr>
    787. 

  787. <td>change</td>
    788. 

  788. <td>\u70B9\u51FB\u6807\u7B7E\u65F6\u89E6\u53D1\u7684\u56DE\u8C03</td>
    789. 

  789. <td>(checked) =&gt; void</td>
    790. 

  790. </tr>
    791. 

  791. </tbody>
    792. 

  792. </table>
    793. 

  793. `,lastUpdated:1748059052771}},mn={class:"markdown"};function hn(e,t,u,r,C,g){return i(),W("article",mn,t[0]||(t[0]=[P('<p>\u8FDB\u884C\u6807\u8BB0\u548C\u5206\u7C7B\u7684\u5C0F\u6807\u7B7E\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><ul><li>\u7528\u4E8E\u6807\u8BB0\u4E8B\u7269\u7684\u5C5E\u6027\u548C\u7EF4\u5EA6\u3002</li><li>\u8FDB\u884C\u5206\u7C7B\u3002</li></ul><h2 id="api">API</h2><h3 id="tag">Tag</h3><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>closable</td><td>\u6807\u7B7E\u662F\u5426\u53EF\u4EE5\u5173\u95ED</td><td>boolean</td><td>false</td><td></td></tr><tr><td>closeIcon</td><td>\u81EA\u5B9A\u4E49\u5173\u95ED\u6309\u94AE</td><td>VNode | #closeIcon</td><td>-</td><td>2.0.0</td></tr><tr><td>color</td><td>\u6807\u7B7E\u8272</td><td>string</td><td>-</td><td></td></tr><tr><td>icon</td><td>\u8BBE\u7F6E\u56FE\u6807</td><td>VNode | #icon</td><td>-</td><td>2.0.0</td></tr><tr><td>visible(v-model)</td><td>\u662F\u5426\u663E\u793A\u6807\u7B7E</td><td>boolean</td><td><code>true</code></td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>close</td><td>\u5173\u95ED\u65F6\u7684\u56DE\u8C03</td><td>(e) =&gt; void</td></tr></tbody></table><h3 id="tag-checkabletag">Tag.CheckableTag</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>checked(v-model)</td><td>\u8BBE\u7F6E\u6807\u7B7E\u7684\u9009\u4E2D\u72B6\u6001</td><td>boolean</td><td>false</td></tr></tbody></table><h3 id="\u4E8B\u4EF6-2">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u70B9\u51FB\u6807\u7B7E\u65F6\u89E6\u53D1\u7684\u56DE\u8C03</td><td>(checked) =&gt; void</td></tr></tbody></table>',12)]))}var An=m(bn,[["render",hn]]);const Zn={pageData:{title:"Tag",description:"",frontmatter:{category:"Components",type:"Data Display",title:"Tag",cover:"https://gw.alipayobjects.com/zos/alicdn/cH1BOLfxC/Tag.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:"Tag"},{level:3,title:"Tag",slug:"tag",content:""},{level:3,title:"Tag Events",slug:"tag-events",content:""},{level:3,title:"Tag.CheckableTag",slug:"tag-checkabletag",content:""},{level:3,title:"Tag.CheckableTag Events",slug:"tag-checkabletag-events",content:""}],relativePath:"src/docs/tag/index.en-US.md",content:`
    794. 

  794. Tag for categorizing or markup.
    795. 

  795. 

  796. ## When To Use
    797. 

  797. 

  798. - It can be used to tag by dimension or property.
    799. 

  799. - When categorizing.
    800. 

  800. 

  801. ## API
    802. 

  802. 

  803. ### Tag
    804. 

  804. 

  805. | Property         | Description                      | Type                | Default | Version |
    806. 

  806. | ---------------- | -------------------------------- | ------------------- | ------- | ------- |
    807. 

  807. | closable         | Whether the Tag can be closed    | boolean             | \`false\` |         |
    808. 

  808. | closeIcon        | Custom close icon                | VNode \\| #closeIcon | -       | 2.0.0   |
    809. 

  809. | color            | Color of the Tag                 | string              | -       |         |
    810. 

  810. | icon             | Set the icon of tag              | VNode \\| #icon      | -       | 2.0.0   |
    811. 

  811. | visible(v-model) | Whether the Tag is closed or not | boolean             | \`true\`  |         |
    812. 

  812. 

  813. ### Tag Events
    814. 

  814. 

  815. | Events Name | Description                          | Arguments   |
    816. 

  816. | ----------- | ------------------------------------ | ----------- |
    817. 

  817. | close       | Callback executed when tag is closed | (e) =&gt; void |
    818. 

  818. 

  819. ### Tag.CheckableTag
    820. 

  820. 

  821. | Property         | Description           | Type    | Default |
    822. 

  822. | ---------------- | --------------------- | ------- | ------- |
    823. 

  823. | checked(v-model) | Checked status of Tag | boolean | \`false\` |
    824. 

  824. 

  825. ### Tag.CheckableTag Events
    826. 

  826. 

  827. | Events Name | Description                                     | Arguments         |
    828. 

  828. | ----------- | ----------------------------------------------- | ----------------- |
    829. 

  829. | change      | Callback executed when Tag is checked/unchecked | (checked) =&gt; void |
    830. 

  830. `,html:`<p>Tag for categorizing or markup.</p>
    831. 

  831. <h2 id="when-to-use">When To Use</h2>
    832. 

  832. <ul>
    833. 

  833. <li>It can be used to tag by dimension or property.</li>
    834. 

  834. <li>When categorizing.</li>
    835. 

  835. </ul>
    836. 

  836. <h2 id="api">API</h2>
    837. 

  837. <h3 id="tag">Tag</h3>
    838. 

  838. <table>
    839. 

  839. <thead>
    840. 

  840. <tr>
    841. 

  841. <th>Property</th>
    842. 

  842. <th>Description</th>
    843. 

  843. <th>Type</th>
    844. 

  844. <th>Default</th>
    845. 

  845. <th>Version</th>
    846. 

  846. </tr>
    847. 

  847. </thead>
    848. 

  848. <tbody>
    849. 

  849. <tr>
    850. 

  850. <td>closable</td>
    851. 

  851. <td>Whether the Tag can be closed</td>
    852. 

  852. <td>boolean</td>
    853. 

  853. <td><code>false</code></td>
    854. 

  854. <td></td>
    855. 

  855. </tr>
    856. 

  856. <tr>
    857. 

  857. <td>closeIcon</td>
    858. 

  858. <td>Custom close icon</td>
    859. 

  859. <td>VNode | #closeIcon</td>
    860. 

  860. <td>-</td>
    861. 

  861. <td>2.0.0</td>
    862. 

  862. </tr>
    863. 

  863. <tr>
    864. 

  864. <td>color</td>
    865. 

  865. <td>Color of the Tag</td>
    866. 

  866. <td>string</td>
    867. 

  867. <td>-</td>
    868. 

  868. <td></td>
    869. 

  869. </tr>
    870. 

  870. <tr>
    871. 

  871. <td>icon</td>
    872. 

  872. <td>Set the icon of tag</td>
    873. 

  873. <td>VNode | #icon</td>
    874. 

  874. <td>-</td>
    875. 

  875. <td>2.0.0</td>
    876. 

  876. </tr>
    877. 

  877. <tr>
    878. 

  878. <td>visible(v-model)</td>
    879. 

  879. <td>Whether the Tag is closed or not</td>
    880. 

  880. <td>boolean</td>
    881. 

  881. <td><code>true</code></td>
    882. 

  882. <td></td>
    883. 

  883. </tr>
    884. 

  884. </tbody>
    885. 

  885. </table>
    886. 

  886. <h3 id="tag-events">Tag Events</h3>
    887. 

  887. <table>
    888. 

  888. <thead>
    889. 

  889. <tr>
    890. 

  890. <th>Events Name</th>
    891. 

  891. <th>Description</th>
    892. 

  892. <th>Arguments</th>
    893. 

  893. </tr>
    894. 

  894. </thead>
    895. 

  895. <tbody>
    896. 

  896. <tr>
    897. 

  897. <td>close</td>
    898. 

  898. <td>Callback executed when tag is closed</td>
    899. 

  899. <td>(e) =&gt; void</td>
    900. 

  900. </tr>
    901. 

  901. </tbody>
    902. 

  902. </table>
    903. 

  903. <h3 id="tag-checkabletag">Tag.CheckableTag</h3>
    904. 

  904. <table>
    905. 

  905. <thead>
    906. 

  906. <tr>
    907. 

  907. <th>Property</th>
    908. 

  908. <th>Description</th>
    909. 

  909. <th>Type</th>
    910. 

  910. <th>Default</th>
    911. 

  911. </tr>
    912. 

  912. </thead>
    913. 

  913. <tbody>
    914. 

  914. <tr>
    915. 

  915. <td>checked(v-model)</td>
    916. 

  916. <td>Checked status of Tag</td>
    917. 

  917. <td>boolean</td>
    918. 

  918. <td><code>false</code></td>
    919. 

  919. </tr>
    920. 

  920. </tbody>
    921. 

  921. </table>
    922. 

  922. <h3 id="tag-checkabletag-events">Tag.CheckableTag Events</h3>
    923. 

  923. <table>
    924. 

  924. <thead>
    925. 

  925. <tr>
    926. 

  926. <th>Events Name</th>
    927. 

  927. <th>Description</th>
    928. 

  928. <th>Arguments</th>
    929. 

  929. </tr>
    930. 

  930. </thead>
    931. 

  931. <tbody>
    932. 

  932. <tr>
    933. 

  933. <td>change</td>
    934. 

  934. <td>Callback executed when Tag is checked/unchecked</td>
    935. 

  935. <td>(checked) =&gt; void</td>
    936. 

  936. </tr>
    937. 

  937. </tbody>
    938. 

  938. </table>
    939. 

  939. `,lastUpdated:1748059052770}},vn={class:"markdown"};function Gn(e,t,u,r,C,g){return i(),W("article",vn,t[0]||(t[0]=[P('<p>Tag for categorizing or markup.</p><h2 id="when-to-use">When To Use</h2><ul><li>It can be used to tag by dimension or property.</li><li>When categorizing.</li></ul><h2 id="api">API</h2><h3 id="tag">Tag</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>closable</td><td>Whether the Tag can be closed</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>closeIcon</td><td>Custom close icon</td><td>VNode | #closeIcon</td><td>-</td><td>2.0.0</td></tr><tr><td>color</td><td>Color of the Tag</td><td>string</td><td>-</td><td></td></tr><tr><td>icon</td><td>Set the icon of tag</td><td>VNode | #icon</td><td>-</td><td>2.0.0</td></tr><tr><td>visible(v-model)</td><td>Whether the Tag is closed or not</td><td>boolean</td><td><code>true</code></td><td></td></tr></tbody></table><h3 id="tag-events">Tag Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>close</td><td>Callback executed when tag is closed</td><td>(e) =&gt; void</td></tr></tbody></table><h3 id="tag-checkabletag">Tag.CheckableTag</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>checked(v-model)</td><td>Checked status of Tag</td><td>boolean</td><td><code>false</code></td></tr></tbody></table><h3 id="tag-checkabletag-events">Tag.CheckableTag Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>change</td><td>Callback executed when Tag is checked/unchecked</td><td>(checked) =&gt; void</td></tr></tbody></table>',12)]))}var Wn=m(Zn,[["render",Gn]]);const yn=h({CN:An,US:Wn,components:{Basic:_,Checkable:O,Colorful:nn,Control:sn,Controlled:cn,HotTags:un,Icon:rn,Status:In}});function Yn(e,t,u,r,C,g){const p=c("Basic"),l=c("Checkable"),k=c("Colorful"),b=c("Control"),A=c("Controlled"),d=c("HotTags"),Z=c("Icon"),v=c("Status"),y=c("demo-sort");return i(),I(y,null,{default:s(()=>[o(p),o(l),o(k),o(b),o(A),o(d),o(Z),o(v)]),_:1})}var Vn=m(yn,[["render",Yn]]);export{Vn as default};
    940.