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

index.72e116b2.js 383 KB
Түүх Анхны өгөгдөл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977 
  1. import{d as h,r as i,_ as A,j as p,k as b,l as W,w as e,f as o,b as n,e as a,az as S,s as x,c as P,O as X,t as F,a as G,n as Y}from"./index.c1b9962e.js";import{U as N}from"./UserOutlined.f4b09e7f.js";import{S as z}from"./SettingOutlined.83c252fc.js";const L=h({setup(){return{value:i("")}}});function K(s,t,I,d,r,v){const c=p("a-input"),k=p("demo-box");return b(),W(k,{jsfiddle:{us:"Basic usage example.",cn:"\u57FA\u672C\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    2. 

  2. <p>\u57FA\u672C\u7528\u6CD5\u3002</p>
    3. 

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

  4. <p>Basic usage example.</p>
    5. 

  5. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/input/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iQmFzaWMgdXNhZ2UiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iQmFzaWMgdXNhZ2UiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=u=>s.value=u),placeholder:"Basic usage"},null,8,["value"])]),htmlCode:e(()=>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(`
    6. 

  6.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Basic usage"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    7. 

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

  8. `),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(`
    9. 

  9. `),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(`
    10. 

  10. `),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(`
    11. 

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

  12.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    13. 

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

  14.       value`),n("span",{class:"token punctuation"},","),a(`
    15. 

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

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

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

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

  19. `)])],-1)])),jsVersionHtml:e(()=>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(`
    20. 

  20.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Basic usage"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    21. 

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

  22. `),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(`
    23. 

  23. `),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(`
    24. 

  24. `),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(`
    25. 

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

  26.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    27. 

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

  28.       value`),n("span",{class:"token punctuation"},","),a(`
    29. 

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

  30.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    31. 

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

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

  33. `)])],-1)])),_:1})}var D=A(L,[["render",K]]);const J=h({setup(){const s=i(""),t=i("");return{value1:s,value2:t}}});function j(s,t,I,d,r,v){const c=p("a-textarea"),k=p("demo-box");return b(),W(k,{jsfiddle:{us:"`autoSize` prop for a `textarea` type of `Input` makes the height to automatically adjust based on the content. An options object can be provided to `autoSize` to specify the minimum and maximum number of lines the textarea will automatically adjust.",cn:"\u5C5E\u6027\u9002\u7528\u4E8E `textarea` \u8282\u70B9\uFF0C\u5E76\u4E14\u53EA\u6709\u9AD8\u5EA6\u4F1A\u81EA\u52A8\u53D8\u5316\u3002\u53E6\u5916 `autoSize` \u53EF\u4EE5\u8BBE\u5B9A\u4E3A\u4E00\u4E2A\u5BF9\u8C61\uFF0C\u6307\u5B9A\u6700\u5C0F\u884C\u6570\u548C\u6700\u5927\u884C\u6570\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    34. 

  34. <p>\u5C5E\u6027\u9002\u7528\u4E8E <code>textarea</code> \u8282\u70B9\uFF0C\u5E76\u4E14\u53EA\u6709\u9AD8\u5EA6\u4F1A\u81EA\u52A8\u53D8\u5316\u3002\u53E6\u5916 <code>autoSize</code> \u53EF\u4EE5\u8BBE\u5B9A\u4E3A\u4E00\u4E2A\u5BF9\u8C61\uFF0C\u6307\u5B9A\u6700\u5C0F\u884C\u6570\u548C\u6700\u5927\u884C\u6570\u3002</p>
    35. 

  35. <blockquote>
    36. 

  36. <p><code>1.5.0</code> \u540E <code>autosize</code> \u88AB\u5E9F\u5F03\uFF0C\u8BF7\u4F7F\u7528 <code>autoSize</code>\u3002</p>
    37. 

  37. </blockquote>
    38. 

  38. <h2 id="en-us">en-US</h2>
    39. 

  39. <p><code>autoSize</code> prop for a <code>textarea</code> type of <code>Input</code> makes the height to automatically adjust based on the content. An options object can be provided to <code>autoSize</code> to specify the minimum and maximum number of lines the textarea will automatically adjust.</p>
    40. 

  40. <blockquote>
    41. 

  41. <p><code>autosize</code> is deprecated after <code>1.5.0</code>, please use <code>autoSize</code>.</p>
    42. 

  42. </blockquote>
    43. 

  43. `,order:1,title:{"zh-CN":"\u9002\u5E94\u6587\u672C\u9AD8\u5EA6\u7684\u6587\u672C\u57DF","en-US":"Autosizing the height to fit the content"},relativePath:"src/docs/input/demo/autosize-textarea.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10ZXh0YXJlYQogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiCiAgICAgIHBsYWNlaG9sZGVyPSJBdXRvc2l6ZSBoZWlnaHQgYmFzZWQgb24gY29udGVudCBsaW5lcyIKICAgICAgYXV0by1zaXplCiAgICAvPgogICAgPGRpdiBzdHlsZT0ibWFyZ2luOiAyNHB4IDAiIC8+CiAgICA8YS10ZXh0YXJlYQogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiCiAgICAgIHBsYWNlaG9sZGVyPSJBdXRvc2l6ZSBoZWlnaHQgd2l0aCBtaW5pbXVtIGFuZCBtYXhpbXVtIG51bWJlciBvZiBsaW5lcyIKICAgICAgOmF1dG8tc2l6ZT0ieyBtaW5Sb3dzOiAyLCBtYXhSb3dzOiA1IH0iCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUxID0gcmVmPHN0cmluZz4oJycpOwogICAgY29uc3QgdmFsdWUyID0gcmVmPHN0cmluZz4oJycpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10ZXh0YXJlYQogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiCiAgICAgIHBsYWNlaG9sZGVyPSJBdXRvc2l6ZSBoZWlnaHQgYmFzZWQgb24gY29udGVudCBsaW5lcyIKICAgICAgYXV0by1zaXplCiAgICAvPgogICAgPGRpdiBzdHlsZT0ibWFyZ2luOiAyNHB4IDAiIC8+CiAgICA8YS10ZXh0YXJlYQogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiCiAgICAgIHBsYWNlaG9sZGVyPSJBdXRvc2l6ZSBoZWlnaHQgd2l0aCBtaW5pbXVtIGFuZCBtYXhpbXVtIG51bWJlciBvZiBsaW5lcyIKICAgICAgOmF1dG8tc2l6ZT0ieyBtaW5Sb3dzOiAyLCBtYXhSb3dzOiA1IH0iCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZTEgPSByZWYoJycpOwogICAgY29uc3QgdmFsdWUyID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMSwKICAgICAgdmFsdWUyLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[o(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=u=>s.value1=u),placeholder:"Autosize height based on content lines","auto-size":""},null,8,["value"]),t[2]||(t[2]=n("div",{style:{margin:"24px 0"}},null,-1)),o(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=u=>s.value2=u),placeholder:"Autosize height with minimum and maximum number of lines","auto-size":{minRows:2,maxRows:5}},null,8,["value"])])]),htmlCode:e(()=>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(`
    44. 

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

  45.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(`
    46. 

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

  47.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Autosize height based on content lines"),n("span",{class:"token punctuation"},'"')]),a(`
    48. 

  48.       `),n("span",{class:"token attr-name"},"auto-size"),a(`
    49. 

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

  50.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(" 24px 0")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    51. 

  51.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(`
    52. 

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

  53.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Autosize height with minimum and maximum number of lines"),n("span",{class:"token punctuation"},'"')]),a(`
    54. 

  54.       `),n("span",{class:"token attr-name"},":auto-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ minRows: 2, maxRows: 5 }"),n("span",{class:"token punctuation"},'"')]),a(`
    55. 

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

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

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

  58. `),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(`
    59. 

  59. `),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(`
    60. 

  60. `),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(`
    61. 

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

  62.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    63. 

  63.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    64. 

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

  65.       value1`),n("span",{class:"token punctuation"},","),a(`
    66. 

  66.       value2`),n("span",{class:"token punctuation"},","),a(`
    67. 

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

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

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

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

  71. `)])],-1)])),jsVersionHtml:e(()=>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(`
    72. 

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

  73.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(`
    74. 

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

  75.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Autosize height based on content lines"),n("span",{class:"token punctuation"},'"')]),a(`
    76. 

  76.       `),n("span",{class:"token attr-name"},"auto-size"),a(`
    77. 

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

  78.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(" 24px 0")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    79. 

  79.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(`
    80. 

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

  81.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Autosize height with minimum and maximum number of lines"),n("span",{class:"token punctuation"},'"')]),a(`
    82. 

  82.       `),n("span",{class:"token attr-name"},":auto-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ minRows: 2, maxRows: 5 }"),n("span",{class:"token punctuation"},'"')]),a(`
    83. 

  83.     `),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("template")]),n("span",{class:"token punctuation"},">")]),a(`
    86. 

  86. `),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(`
    87. 

  87. `),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(`
    88. 

  88. `),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(`
    89. 

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

  90.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    91. 

  91.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    92. 

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

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

  94.       value2`),n("span",{class:"token punctuation"},","),a(`
    95. 

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

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

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

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

  99. `)])],-1)])),_:1})}var R=A(J,[["render",j]]);const T=h({components:{UserOutlined:N,InfoCircleOutlined:S},setup(){return{userName:i("")}}}),U={class:"components-input-demo-presuffix"};function E(s,t,I,d,r,v){const c=p("user-outlined"),k=p("info-circle-outlined"),u=p("a-tooltip"),g=p("a-input"),m=p("demo-box");return b(),W(m,{jsfiddle:{us:"Add prefix or suffix icons inside input.",cn:"\u5728\u8F93\u5165\u6846\u4E0A\u6DFB\u52A0\u524D\u7F00\u6216\u540E\u7F00\u56FE\u6807\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    100. 

  100. <p>\u5728\u8F93\u5165\u6846\u4E0A\u6DFB\u52A0\u524D\u7F00\u6216\u540E\u7F00\u56FE\u6807\u3002</p>
    101. 

  101. <h2 id="en-us">en-US</h2>
    102. 

  102. <p>Add prefix or suffix icons inside input.</p>
    103. 

  103. `,order:2,title:{"zh-CN":"\u524D\u7F00\u548C\u540E\u7F00","en-US":"prefix and suffix"},relativePath:"src/docs/input/demo/presuffix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtaW5wdXQtZGVtby1wcmVzdWZmaXgiPgogICAgPGEtaW5wdXQgcGxhY2Vob2xkZXI9IkJhc2ljIHVzYWdlIiB2LW1vZGVsOnZhbHVlPSJ1c2VyTmFtZSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJlZml4PgogICAgICAgIDx1c2VyLW91dGxpbmVkIHR5cGU9InVzZXIiIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4PgogICAgICAgIDxhLXRvb2x0aXAgdGl0bGU9IkV4dHJhIGluZm9ybWF0aW9uIj4KICAgICAgICAgIDxpbmZvLWNpcmNsZS1vdXRsaW5lZCBzdHlsZT0iY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSkiIC8+CiAgICAgICAgPC9hLXRvb2x0aXA+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtaW5wdXQgcHJlZml4PSLvv6UiIHN1ZmZpeD0iUk1CIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgVXNlck91dGxpbmVkLCBJbmZvQ2lyY2xlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgVXNlck91dGxpbmVkLAogICAgSW5mb0NpcmNsZU91dGxpbmVkLAogIH0sCgogIHNldHVwKCkgewogICAgY29uc3QgdXNlck5hbWUgPSByZWY8c3RyaW5nPignJyk7CiAgICByZXR1cm4gewogICAgICB1c2VyTmFtZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtaW5wdXQtZGVtby1wcmVzdWZmaXgiPgogICAgPGEtaW5wdXQgcGxhY2Vob2xkZXI9IkJhc2ljIHVzYWdlIiB2LW1vZGVsOnZhbHVlPSJ1c2VyTmFtZSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJlZml4PgogICAgICAgIDx1c2VyLW91dGxpbmVkIHR5cGU9InVzZXIiIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4PgogICAgICAgIDxhLXRvb2x0aXAgdGl0bGU9IkV4dHJhIGluZm9ybWF0aW9uIj4KICAgICAgICAgIDxpbmZvLWNpcmNsZS1vdXRsaW5lZCBzdHlsZT0iY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSkiIC8+CiAgICAgICAgPC9hLXRvb2x0aXA+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtaW5wdXQgcHJlZml4PSLvv6UiIHN1ZmZpeD0iUk1CIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBVc2VyT3V0bGluZWQsIEluZm9DaXJjbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBVc2VyT3V0bGluZWQsCiAgICBJbmZvQ2lyY2xlT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IHVzZXJOYW1lID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHVzZXJOYW1lLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",U,[o(g,{placeholder:"Basic usage",value:s.userName,"onUpdate:value":t[0]||(t[0]=C=>s.userName=C)},{prefix:e(()=>[o(c,{type:"user"})]),suffix:e(()=>[o(u,{title:"Extra information"},{default:e(()=>[o(k,{style:{color:"rgba(0, 0, 0, 0.45)"}})]),_:1})]),_:1},8,["value"]),t[1]||(t[1]=n("br",null,null,-1)),t[2]||(t[2]=n("br",null,null,-1)),o(g,{prefix:"\uFFE5",suffix:"RMB"})])]),htmlCode:e(()=>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(`
    104. 

  104.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-input-demo-presuffix"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    105. 

  105.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Basic usage"),n("span",{class:"token punctuation"},'"')]),a(),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("userName"),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("template")]),a(),n("span",{class:"token attr-name"},"#prefix"),n("span",{class:"token punctuation"},">")]),a(`
    107. 

  107.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("user-outlined")]),a(),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("user"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    108. 

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

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

  110.         `),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"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Extra information"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    111. 

  111.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("info-circle-outlined")]),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"},"color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgba"),n("span",{class:"token punctuation"},"("),a("0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0.45"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    112. 

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

  113.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),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-input")]),n("span",{class:"token punctuation"},">")]),a(`
    115. 

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

  116.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),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-input")]),a(),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\uFFE5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"suffix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("RMB"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    118. 

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

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

  120. `),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(`
    121. 

  121. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" UserOutlined"),n("span",{class:"token punctuation"},","),a(" InfoCircleOutlined "),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(`
    122. 

  122. `),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(`
    123. 

  123. `),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(`
    124. 

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

  125.     UserOutlined`),n("span",{class:"token punctuation"},","),a(`
    126. 

  126.     InfoCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    127. 

  127.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    128. 

  128. 

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

  130.     `),n("span",{class:"token keyword"},"const"),a(" userName "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    131. 

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

  132.       userName`),n("span",{class:"token punctuation"},","),a(`
    133. 

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

  134.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    135. 

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

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

  137. `)])],-1)])),jsVersionHtml:e(()=>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(`
    138. 

  138.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-input-demo-presuffix"),n("span",{class:"token punctuation"},'"')]),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-input")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Basic usage"),n("span",{class:"token punctuation"},'"')]),a(),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("userName"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    140. 

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

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

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

  143.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffix"),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-tooltip")]),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("Extra information"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    145. 

  145.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("info-circle-outlined")]),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"},"color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgba"),n("span",{class:"token punctuation"},"("),a("0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0.45"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(),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-tooltip")]),n("span",{class:"token punctuation"},">")]),a(`
    147. 

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

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

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

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

  151.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\uFFE5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"suffix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("RMB"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    152. 

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

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

  155. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" UserOutlined"),n("span",{class:"token punctuation"},","),a(" InfoCircleOutlined "),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(`
    156. 

  156. `),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(`
    157. 

  157. `),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(`
    158. 

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

  159.     UserOutlined`),n("span",{class:"token punctuation"},","),a(`
    160. 

  160.     InfoCircleOutlined`),n("span",{class:"token punctuation"},","),a(`
    161. 

  161.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    162. 

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

  163.     `),n("span",{class:"token keyword"},"const"),a(" userName "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    164. 

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

  165.       userName`),n("span",{class:"token punctuation"},","),a(`
    166. 

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

  167.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    168. 

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

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

  170. `)])],-1)])),_:1})}var q=A(T,[["render",E]]);const Q=h({setup(){const s=i("");return{value:s,onSearch:I=>{console.log("use value",I),console.log("or use this.value",s.value)}}}});function O(s,t,I,d,r,v){const c=p("a-input-search"),k=p("a-button"),u=p("demo-box");return b(),W(u,{jsfiddle:{us:"Example of creating a search box by grouping a standard input with a search button.",cn:"\u5E26\u6709\u641C\u7D22\u6309\u94AE\u7684\u8F93\u5165\u6846\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    171. 

  171. <p>\u5E26\u6709\u641C\u7D22\u6309\u94AE\u7684\u8F93\u5165\u6846\u3002</p>
    172. 

  172. <h2 id="en-us">en-US</h2>
    173. 

  173. <p>Example of creating a search box by grouping a standard input with a search button.</p>
    174. 

  174. `,order:3,title:{"zh-CN":"\u641C\u7D22\u6846","en-US":"Search box"},relativePath:"src/docs/input/demo/search-input.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2gKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggdGV4dCIKICAgICAgc3R5bGU9IndpZHRoOiAyMDBweCIKICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGJyIC8+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LXNlYXJjaAogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9ImlucHV0IHNlYXJjaCB0ZXh0IgogICAgICBlbnRlci1idXR0b24KICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGJyIC8+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LXNlYXJjaAogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9ImlucHV0IHNlYXJjaCB0ZXh0IgogICAgICBlbnRlci1idXR0b249IlNlYXJjaCIKICAgICAgc2l6ZT0ibGFyZ2UiCiAgICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogICAgLz4KICAgIDxiciAvPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1zZWFyY2gKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggdGV4dCIKICAgICAgc2l6ZT0ibGFyZ2UiCiAgICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogICAgPgogICAgICA8dGVtcGxhdGUgI2VudGVyQnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbj5DdXN0b208L2EtYnV0dG9uPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWlucHV0LXNlYXJjaD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmPHN0cmluZz4oJycpOwoKICAgIGNvbnN0IG9uU2VhcmNoID0gKHNlYXJjaFZhbHVlOiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3VzZSB2YWx1ZScsIHNlYXJjaFZhbHVlKTsKICAgICAgY29uc29sZS5sb2coJ29yIHVzZSB0aGlzLnZhbHVlJywgdmFsdWUudmFsdWUpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25TZWFyY2gsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2gKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggdGV4dCIKICAgICAgc3R5bGU9IndpZHRoOiAyMDBweCIKICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGJyIC8+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LXNlYXJjaAogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9ImlucHV0IHNlYXJjaCB0ZXh0IgogICAgICBlbnRlci1idXR0b24KICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGJyIC8+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LXNlYXJjaAogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9ImlucHV0IHNlYXJjaCB0ZXh0IgogICAgICBlbnRlci1idXR0b249IlNlYXJjaCIKICAgICAgc2l6ZT0ibGFyZ2UiCiAgICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogICAgLz4KICAgIDxiciAvPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1zZWFyY2gKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggdGV4dCIKICAgICAgc2l6ZT0ibGFyZ2UiCiAgICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogICAgPgogICAgICA8dGVtcGxhdGUgI2VudGVyQnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbj5DdXN0b208L2EtYnV0dG9uPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWlucHV0LXNlYXJjaD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWYoJycpOwogICAgY29uc3Qgb25TZWFyY2ggPSBzZWFyY2hWYWx1ZSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCd1c2UgdmFsdWUnLCBzZWFyY2hWYWx1ZSk7CiAgICAgIGNvbnNvbGUubG9nKCdvciB1c2UgdGhpcy52YWx1ZScsIHZhbHVlLnZhbHVlKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25TZWFyY2gsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[n("div",null,[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=g=>s.value=g),placeholder:"input search text",style:{width:"200px"},onSearch:s.onSearch},null,8,["value","onSearch"]),t[5]||(t[5]=n("br",null,null,-1)),t[6]||(t[6]=n("br",null,null,-1)),o(c,{value:s.value,"onUpdate:value":t[1]||(t[1]=g=>s.value=g),placeholder:"input search text","enter-button":"",onSearch:s.onSearch},null,8,["value","onSearch"]),t[7]||(t[7]=n("br",null,null,-1)),t[8]||(t[8]=n("br",null,null,-1)),o(c,{value:s.value,"onUpdate:value":t[2]||(t[2]=g=>s.value=g),placeholder:"input search text","enter-button":"Search",size:"large",onSearch:s.onSearch},null,8,["value","onSearch"]),t[9]||(t[9]=n("br",null,null,-1)),t[10]||(t[10]=n("br",null,null,-1)),o(c,{value:s.value,"onUpdate:value":t[3]||(t[3]=g=>s.value=g),placeholder:"input search text",size:"large",onSearch:s.onSearch},{enterButton:e(()=>[o(k,null,{default:e(()=>t[4]||(t[4]=[a("Custom")])),_:1,__:[4]})]),_:1},8,["value","onSearch"])])]),htmlCode:e(()=>t[11]||(t[11]=[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(`
    175. 

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

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

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

  178.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    179. 

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

  180.       `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onSearch"),n("span",{class:"token punctuation"},'"')]),a(`
    181. 

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

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

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

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

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

  186.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    187. 

  187.       `),n("span",{class:"token attr-name"},"enter-button"),a(`
    188. 

  188.       `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onSearch"),n("span",{class:"token punctuation"},'"')]),a(`
    189. 

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

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

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

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

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

  194.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    195. 

  195.       `),n("span",{class:"token attr-name"},"enter-button"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Search"),n("span",{class:"token punctuation"},'"')]),a(`
    196. 

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

  197.       `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onSearch"),n("span",{class:"token punctuation"},'"')]),a(`
    198. 

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

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

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

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

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

  203.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    204. 

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

  205.       `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onSearch"),n("span",{class:"token punctuation"},'"')]),a(`
    206. 

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

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

  208.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a("Custom"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    209. 

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

  210.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-search")]),n("span",{class:"token punctuation"},">")]),a(`
    211. 

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

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

  213. `),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(`
    214. 

  214. `),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(`
    215. 

  215. `),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(`
    216. 

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

  217.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    218. 

  218. 

  219.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onSearch"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"searchValue"),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(`
    220. 

  220.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'use value'"),n("span",{class:"token punctuation"},","),a(" searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    221. 

  221.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'or use this.value'"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    222. 

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

  223. 

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

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

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

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

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

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

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

  231. `)])],-1)])),jsVersionHtml:e(()=>t[12]||(t[12]=[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(`
    232. 

  232.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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-input-search")]),a(`
    234. 

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

  235.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    236. 

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

  237.       `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onSearch"),n("span",{class:"token punctuation"},'"')]),a(`
    238. 

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

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

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

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

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

  243.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    244. 

  244.       `),n("span",{class:"token attr-name"},"enter-button"),a(`
    245. 

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

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

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

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

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

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

  251.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    252. 

  252.       `),n("span",{class:"token attr-name"},"enter-button"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Search"),n("span",{class:"token punctuation"},'"')]),a(`
    253. 

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

  254.       `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onSearch"),n("span",{class:"token punctuation"},'"')]),a(`
    255. 

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

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

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

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

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

  260.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search text"),n("span",{class:"token punctuation"},'"')]),a(`
    261. 

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

  262.       `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onSearch"),n("span",{class:"token punctuation"},'"')]),a(`
    263. 

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

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

  265.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a("Custom"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    266. 

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

  267.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-search")]),n("span",{class:"token punctuation"},">")]),a(`
    268. 

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

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

  270. `),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(`
    271. 

  271. `),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(`
    272. 

  272. `),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(`
    273. 

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

  274.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    275. 

  275.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onSearch"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"searchValue"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    276. 

  276.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'use value'"),n("span",{class:"token punctuation"},","),a(" searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    277. 

  277.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'or use this.value'"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    278. 

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

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

  280.       value`),n("span",{class:"token punctuation"},","),a(`
    281. 

  281.       onSearch`),n("span",{class:"token punctuation"},","),a(`
    282. 

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

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

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

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

  286. `)])],-1)])),_:1})}var M=A(Q,[["render",O]]);const $=h({setup(){return{value:i("")}}});function _(s,t,I,d,r,v){const c=p("a-input-search"),k=p("demo-box");return b(),W(k,{jsfiddle:{us:"Search loading when onSearch.",cn:"\u7528\u4E8E `onSearch` \u7684\u65F6\u5019\u5C55\u793A `loading`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    287. 

  287. <p>\u7528\u4E8E <code>onSearch</code> \u7684\u65F6\u5019\u5C55\u793A <code>loading</code>\u3002</p>
    288. 

  288. <h2 id="en-us">en-US</h2>
    289. 

  289. <p>Search loading when onSearch.</p>
    290. 

  290. `,order:4,title:{"zh-CN":"\u641C\u7D22\u6846 loading","en-US":"Search box with loading"},relativePath:"src/docs/input/demo/search-input-loading.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0idmFsdWUiIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggbG9hZGluZyBkZWF1bHQiIGxvYWRpbmcgLz4KICAgIDxiciAvPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1zZWFyY2gKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggbG9hZGluZyB3aXRoIGVudGVyQnV0dG9uIgogICAgICBsb2FkaW5nCiAgICAgIGVudGVyLWJ1dHRvbgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmPHN0cmluZz4oJycpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0idmFsdWUiIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggbG9hZGluZyBkZWF1bHQiIGxvYWRpbmcgLz4KICAgIDxiciAvPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1zZWFyY2gKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBzZWFyY2ggbG9hZGluZyB3aXRoIGVudGVyQnV0dG9uIgogICAgICBsb2FkaW5nCiAgICAgIGVudGVyLWJ1dHRvbgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWYoJycpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[n("div",null,[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=u=>s.value=u),placeholder:"input search loading deault",loading:""},null,8,["value"]),t[2]||(t[2]=n("br",null,null,-1)),t[3]||(t[3]=n("br",null,null,-1)),o(c,{value:s.value,"onUpdate:value":t[1]||(t[1]=u=>s.value=u),placeholder:"input search loading with enterButton",loading:"","enter-button":""},null,8,["value"])])]),htmlCode:e(()=>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(`
    291. 

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

  292.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-search")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search loading deault"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"loading"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    293. 

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

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

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

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

  297.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search loading with enterButton"),n("span",{class:"token punctuation"},'"')]),a(`
    298. 

  298.       `),n("span",{class:"token attr-name"},"loading"),a(`
    299. 

  299.       `),n("span",{class:"token attr-name"},"enter-button"),a(`
    300. 

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

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

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

  303. `),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(`
    304. 

  304. `),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(`
    305. 

  305. `),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(`
    306. 

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

  307.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    308. 

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

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

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

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

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

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

  314. `)])],-1)])),jsVersionHtml:e(()=>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(`
    315. 

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

  316.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-search")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search loading deault"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"loading"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    317. 

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

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

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

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

  321.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input search loading with enterButton"),n("span",{class:"token punctuation"},'"')]),a(`
    322. 

  322.       `),n("span",{class:"token attr-name"},"loading"),a(`
    323. 

  323.       `),n("span",{class:"token attr-name"},"enter-button"),a(`
    324. 

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

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

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

  327. `),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(`
    328. 

  328. `),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(`
    329. 

  329. `),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(`
    330. 

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

  331.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    332. 

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

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

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

  335.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    336. 

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

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

  338. `)])],-1)])),_:1})}var nn=A($,[["render",_]]);const an=h({setup(){return{value:i("")}}}),tn={class:"components-input-demo-size"};function sn(s,t,I,d,r,v){const c=p("a-input"),k=p("demo-box");return b(),W(k,{jsfiddle:{us:"There are three sizes of an Input box: `large` (40px)\u3001`default` (32px) and `small` (24px).",cn:"\u6211\u4EEC\u4E3A `<Input />` \u8F93\u5165\u6846\u5B9A\u4E49\u4E86\u4E09\u79CD\u5C3A\u5BF8\uFF08\u5927\u3001\u9ED8\u8BA4\u3001\u5C0F\uFF09\uFF0C\u9AD8\u5EA6\u5206\u522B\u4E3A `40px`\u3001`32px` \u548C `24px`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    339. 

  339. <p>\u6211\u4EEC\u4E3A <code>&lt;Input /&gt;</code> \u8F93\u5165\u6846\u5B9A\u4E49\u4E86\u4E09\u79CD\u5C3A\u5BF8\uFF08\u5927\u3001\u9ED8\u8BA4\u3001\u5C0F\uFF09\uFF0C\u9AD8\u5EA6\u5206\u522B\u4E3A <code>40px</code>\u3001<code>32px</code> \u548C <code>24px</code>\u3002</p>
    340. 

  340. <h2 id="en-us">en-US</h2>
    341. 

  341. <p>There are three sizes of an Input box: <code>large</code> (40px)\u3001<code>default</code> (32px) and <code>small</code> (24px).</p>
    342. 

  342. `,order:5,title:{"zh-CN":"\u4E09\u79CD\u5927\u5C0F","en-US":"Three sizes of Input"},relativePath:"src/docs/input/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtaW5wdXQtZGVtby1zaXplIj4KICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJsYXJnZSIgcGxhY2Vob2xkZXI9ImxhcmdlIHNpemUiIC8+CiAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgcGxhY2Vob2xkZXI9ImRlZmF1bHQgc2l6ZSIgLz4KICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJzbWFsbCIgcGxhY2Vob2xkZXI9InNtYWxsIHNpemUiIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci5jb21wb25lbnRzLWlucHV0LWRlbW8tc2l6ZSAuYW50LWlucHV0IHsKICB3aWR0aDogMjAwcHg7CiAgbWFyZ2luOiAwIDhweCA4cHggMDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtaW5wdXQtZGVtby1zaXplIj4KICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJsYXJnZSIgcGxhY2Vob2xkZXI9ImxhcmdlIHNpemUiIC8+CiAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgcGxhY2Vob2xkZXI9ImRlZmF1bHQgc2l6ZSIgLz4KICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJzbWFsbCIgcGxhY2Vob2xkZXI9InNtYWxsIHNpemUiIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci5jb21wb25lbnRzLWlucHV0LWRlbW8tc2l6ZSAuYW50LWlucHV0IHsKICB3aWR0aDogMjAwcHg7CiAgbWFyZ2luOiAwIDhweCA4cHggMDsKfQo8L3N0eWxlPg=="}},{default:e(()=>[n("div",tn,[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=u=>s.value=u),size:"large",placeholder:"large size"},null,8,["value"]),o(c,{value:s.value,"onUpdate:value":t[1]||(t[1]=u=>s.value=u),placeholder:"default size"},null,8,["value"]),o(c,{value:s.value,"onUpdate:value":t[2]||(t[2]=u=>s.value=u),size:"small",placeholder:"small size"},null,8,["value"])])]),htmlCode:e(()=>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(`
    343. 

  343.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-input-demo-size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    344. 

  344.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),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("large"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("large size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    345. 

  345.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    346. 

  346.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),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"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    347. 

  347.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),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("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(`
    350. 

  350. `),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(`
    351. 

  351. `),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(`
    352. 

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

  353.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    354. 

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

  355.       value`),n("span",{class:"token punctuation"},","),a(`
    356. 

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

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

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

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

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

  361. `),n("span",{class:"token selector"},".components-input-demo-size .ant-input"),a(),n("span",{class:"token punctuation"},"{"),a(`
    362. 

  362.   `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 200px"),n("span",{class:"token punctuation"},";"),a(`
    363. 

  363.   `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 8px 8px 0"),n("span",{class:"token punctuation"},";"),a(`
    364. 

  364. `),n("span",{class:"token punctuation"},"}"),a(`
    365. 

  365. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    366. 

  366. `)])],-1)])),jsVersionHtml:e(()=>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(`
    367. 

  367.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-input-demo-size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    368. 

  368.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),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("large"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("large size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    369. 

  369.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("default size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    370. 

  370.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),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"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    371. 

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

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

  373. `),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(`
    374. 

  374. `),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(`
    375. 

  375. `),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(`
    376. 

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

  377.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    378. 

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

  379.       value`),n("span",{class:"token punctuation"},","),a(`
    380. 

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

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

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

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

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

  385. `),n("span",{class:"token selector"},".components-input-demo-size .ant-input"),a(),n("span",{class:"token punctuation"},"{"),a(`
    386. 

  386.   `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 200px"),n("span",{class:"token punctuation"},";"),a(`
    387. 

  387.   `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 8px 8px 0"),n("span",{class:"token punctuation"},";"),a(`
    388. 

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

  389. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    390. 

  390. `)])],-1)])),_:1})}var on=A(an,[["render",sn],["__scopeId","data-v-04adc768"]]);const en=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],pn=h({setup(){const s=i("0571"),t=i("26888888"),I=i("Zhejiang"),d=i("Xihu District, Hangzhou"),r=i("Option1"),v=i("input content"),c=i("input content"),k=i(null),u=i("Option1-1"),g=i("Option2-2"),m=i("1"),C=i(""),w=i(""),f=i(""),H=i("Sign Up"),y=i(""),l=i("Home"),V=i([]),B=i([]);return x(y,Z=>{B.value=!Z||Z.indexOf("@")>=0?[]:[`${Z}@gmail.com`,`${Z}@163.com`,`${Z}@qq.com`]}),{value1:s,value2:t,value3:I,value4:d,value5:r,value6:v,value7:c,value8:k,value9:u,value10:g,value11:m,value12:C,value13:w,value14:f,value15:H,value16:y,value17:l,value18:V,options:en,dataSource:B}}});function cn(s,t,I,d,r,v){const c=p("a-input"),k=p("a-col"),u=p("a-row"),g=p("a-input-group"),m=p("a-select-option"),C=p("a-select"),w=p("a-date-picker"),f=p("a-auto-complete"),H=p("a-cascader"),y=p("demo-box");return b(),W(y,{jsfiddle:{us:"Input.Group example\nNote: You don't need `Col` to control the width in the `compact` mode.",cn:"\u8F93\u5165\u6846\u7684\u7EC4\u5408\u5C55\u73B0\u3002\n\u6CE8\u610F\uFF1A\u4F7F\u7528 `compact` \u6A21\u5F0F\u65F6\uFF0C\u4E0D\u9700\u8981\u901A\u8FC7 `Col` \u6765\u63A7\u5236\u5BBD\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    391. 

  391. <p>\u8F93\u5165\u6846\u7684\u7EC4\u5408\u5C55\u73B0\u3002
    392. 

  392. \u6CE8\u610F\uFF1A\u4F7F\u7528 <code>compact</code> \u6A21\u5F0F\u65F6\uFF0C\u4E0D\u9700\u8981\u901A\u8FC7 <code>Col</code> \u6765\u63A7\u5236\u5BBD\u5EA6\u3002</p>
    393. 

  393. <h2 id="en-us">en-US</h2>
    394. 

  394. <p>Input.Group example
    395. 

  395. Note: You don't need <code>Col</code> to control the width in the <code>compact</code> mode.</p>
    396. 

  396. `,order:6,title:{"zh-CN":"\u8F93\u5165\u6846\u7EC4\u5408","en-US":"Input Group"},relativePath:"src/docs/input/demo/group.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1ncm91cCBzaXplPSJsYXJnZSI+CiAgICAgIDxhLXJvdyA6Z3V0dGVyPSI4Ij4KICAgICAgICA8YS1jb2wgOnNwYW49IjUiPgogICAgICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgICAgIDwvYS1jb2w+CiAgICAgICAgPGEtY29sIDpzcGFuPSI4Ij4KICAgICAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgLz4KICAgICAgICA8L2EtY29sPgogICAgICA8L2Etcm93PgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1pbnB1dCBzdHlsZT0id2lkdGg6IDIwJSIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgICA8YS1pbnB1dCBzdHlsZT0id2lkdGg6IDMwJSIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJaaGVqaWFuZyI+Wmhlamlhbmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJKaWFuZ3N1Ij5KaWFuZ3N1PC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHN0eWxlPSJ3aWR0aDogNTAlIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTUiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEiPk9wdGlvbjE8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJPcHRpb24yIj5PcHRpb24yPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHN0eWxlPSJ3aWR0aDogNTAlIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTYiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLWlucHV0IHN0eWxlPSJ3aWR0aDogNTAlIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTciIC8+CiAgICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlOCIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTkiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEtMSI+T3B0aW9uMS0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMS0yIj5PcHRpb24xLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTAiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjItMSI+T3B0aW9uMi0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMi0yIj5PcHRpb24yLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgIDwvYS1pbnB1dC1ncm91cD4KICAgIDxiciAvPgogICAgPGEtaW5wdXQtZ3JvdXAgY29tcGFjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTEiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IjEiPkJldHdlZW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIyIj5FeGNlcHQ8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEyIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwcHg7IHRleHQtYWxpZ246IGNlbnRlciIKICAgICAgICBwbGFjZWhvbGRlcj0iTWluaW11bSIKICAgICAgLz4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEzIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMzBweDsgYm9yZGVyLWxlZnQ6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lOyBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmIgogICAgICAgIHBsYWNlaG9sZGVyPSJ+IgogICAgICAgIGRpc2FibGVkCiAgICAgIC8+CiAgICAgIDxhLWlucHV0CiAgICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNCIKICAgICAgICBzdHlsZT0id2lkdGg6IDEwMHB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7IGJvcmRlci1sZWZ0OiAwIgogICAgICAgIHBsYWNlaG9sZGVyPSJNYXhpbXVtIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNSI+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iU2lnbiBVcCI+U2lnbiBVcDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IlNpZ24gSW4iPlNpZ24gSW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtYXV0by1jb21wbGV0ZQogICAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMTYiCiAgICAgICAgOmRhdGEtc291cmNlPSJkYXRhU291cmNlIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMjAwcHgiCiAgICAgICAgcGxhY2Vob2xkZXI9IkVtYWlsIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNyIgc3R5bGU9IndpZHRoOiAzMCUiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IkhvbWUiPkhvbWU8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJDb21wYW55Ij5Db21wYW55PC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWNhc2NhZGVyCiAgICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxOCIKICAgICAgICBzdHlsZT0id2lkdGg6IDcwJSIKICAgICAgICA6b3B0aW9ucz0ib3B0aW9ucyIKICAgICAgICBwbGFjZWhvbGRlcj0iU2VsZWN0IEFkZHJlc3MiCiAgICAgIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwoKY29uc3Qgb3B0aW9ucyA9IFsKICB7CiAgICB2YWx1ZTogJ3poZWppYW5nJywKICAgIGxhYmVsOiAnWmhlamlhbmcnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnaGFuZ3pob3UnLAogICAgICAgIGxhYmVsOiAnSGFuZ3pob3UnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAneGlodScsCiAgICAgICAgICAgIGxhYmVsOiAnV2VzdCBMYWtlJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZTEgPSByZWY8c3RyaW5nPignMDU3MScpOwogICAgY29uc3QgdmFsdWUyID0gcmVmPHN0cmluZz4oJzI2ODg4ODg4Jyk7CiAgICBjb25zdCB2YWx1ZTMgPSByZWY8c3RyaW5nPignWmhlamlhbmcnKTsKICAgIGNvbnN0IHZhbHVlNCA9IHJlZjxzdHJpbmc+KCdYaWh1IERpc3RyaWN0LCBIYW5nemhvdScpOwogICAgY29uc3QgdmFsdWU1ID0gcmVmPHN0cmluZz4oJ09wdGlvbjEnKTsKICAgIGNvbnN0IHZhbHVlNiA9IHJlZjxzdHJpbmc+KCdpbnB1dCBjb250ZW50Jyk7CiAgICBjb25zdCB2YWx1ZTcgPSByZWY8c3RyaW5nPignaW5wdXQgY29udGVudCcpOwogICAgY29uc3QgdmFsdWU4ID0gcmVmPHN0cmluZyB8IG51bGw+KG51bGwpOwogICAgY29uc3QgdmFsdWU5ID0gcmVmPHN0cmluZz4oJ09wdGlvbjEtMScpOwogICAgY29uc3QgdmFsdWUxMCA9IHJlZjxzdHJpbmc+KCdPcHRpb24yLTInKTsKICAgIGNvbnN0IHZhbHVlMTEgPSByZWY8c3RyaW5nPignMScpOwogICAgY29uc3QgdmFsdWUxMiA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIGNvbnN0IHZhbHVlMTMgPSByZWY8c3RyaW5nPignJyk7CiAgICBjb25zdCB2YWx1ZTE0ID0gcmVmPHN0cmluZz4oJycpOwogICAgY29uc3QgdmFsdWUxNSA9IHJlZjxzdHJpbmc+KCdTaWduIFVwJyk7CiAgICBjb25zdCB2YWx1ZTE2ID0gcmVmPHN0cmluZz4oJycpOwogICAgY29uc3QgdmFsdWUxNyA9IHJlZjxzdHJpbmc+KCdIb21lJyk7CiAgICBjb25zdCB2YWx1ZTE4ID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBjb25zdCBkYXRhU291cmNlID0gcmVmPHN0cmluZ1tdPihbXSk7CgogICAgd2F0Y2godmFsdWUxNiwgdmFsID0+IHsKICAgICAgZGF0YVNvdXJjZS52YWx1ZSA9CiAgICAgICAgIXZhbCB8fCB2YWwuaW5kZXhPZignQCcpID49IDAKICAgICAgICAgID8gW10KICAgICAgICAgIDogW2Ake3ZhbH1AZ21haWwuY29tYCwgYCR7dmFsfUAxNjMuY29tYCwgYCR7dmFsfUBxcS5jb21gXTsKICAgIH0pOwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMSwKICAgICAgdmFsdWUyLAogICAgICB2YWx1ZTMsCiAgICAgIHZhbHVlNCwKICAgICAgdmFsdWU1LAogICAgICB2YWx1ZTYsCiAgICAgIHZhbHVlNywKICAgICAgdmFsdWU4LAogICAgICB2YWx1ZTksCiAgICAgIHZhbHVlMTAsCiAgICAgIHZhbHVlMTEsCiAgICAgIHZhbHVlMTIsCiAgICAgIHZhbHVlMTMsCiAgICAgIHZhbHVlMTQsCiAgICAgIHZhbHVlMTUsCiAgICAgIHZhbHVlMTYsCiAgICAgIHZhbHVlMTcsCiAgICAgIHZhbHVlMTgsCiAgICAgIG9wdGlvbnMsCiAgICAgIGRhdGFTb3VyY2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1ncm91cCBzaXplPSJsYXJnZSI+CiAgICAgIDxhLXJvdyA6Z3V0dGVyPSI4Ij4KICAgICAgICA8YS1jb2wgOnNwYW49IjUiPgogICAgICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgICAgIDwvYS1jb2w+CiAgICAgICAgPGEtY29sIDpzcGFuPSI4Ij4KICAgICAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgLz4KICAgICAgICA8L2EtY29sPgogICAgICA8L2Etcm93PgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1pbnB1dCBzdHlsZT0id2lkdGg6IDIwJSIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgICA8YS1pbnB1dCBzdHlsZT0id2lkdGg6IDMwJSIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJaaGVqaWFuZyI+Wmhlamlhbmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJKaWFuZ3N1Ij5KaWFuZ3N1PC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHN0eWxlPSJ3aWR0aDogNTAlIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTUiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEiPk9wdGlvbjE8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJPcHRpb24yIj5PcHRpb24yPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHN0eWxlPSJ3aWR0aDogNTAlIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTYiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLWlucHV0IHN0eWxlPSJ3aWR0aDogNTAlIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTciIC8+CiAgICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlOCIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTkiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEtMSI+T3B0aW9uMS0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMS0yIj5PcHRpb24xLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTAiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjItMSI+T3B0aW9uMi0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMi0yIj5PcHRpb24yLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgIDwvYS1pbnB1dC1ncm91cD4KICAgIDxiciAvPgogICAgPGEtaW5wdXQtZ3JvdXAgY29tcGFjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTEiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IjEiPkJldHdlZW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIyIj5FeGNlcHQ8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEyIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwcHg7IHRleHQtYWxpZ246IGNlbnRlciIKICAgICAgICBwbGFjZWhvbGRlcj0iTWluaW11bSIKICAgICAgLz4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEzIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMzBweDsgYm9yZGVyLWxlZnQ6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lOyBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmIgogICAgICAgIHBsYWNlaG9sZGVyPSJ+IgogICAgICAgIGRpc2FibGVkCiAgICAgIC8+CiAgICAgIDxhLWlucHV0CiAgICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNCIKICAgICAgICBzdHlsZT0id2lkdGg6IDEwMHB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7IGJvcmRlci1sZWZ0OiAwIgogICAgICAgIHBsYWNlaG9sZGVyPSJNYXhpbXVtIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNSI+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iU2lnbiBVcCI+U2lnbiBVcDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IlNpZ24gSW4iPlNpZ24gSW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtYXV0by1jb21wbGV0ZQogICAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMTYiCiAgICAgICAgOmRhdGEtc291cmNlPSJkYXRhU291cmNlIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMjAwcHgiCiAgICAgICAgcGxhY2Vob2xkZXI9IkVtYWlsIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNyIgc3R5bGU9IndpZHRoOiAzMCUiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IkhvbWUiPkhvbWU8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJDb21wYW55Ij5Db21wYW55PC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWNhc2NhZGVyCiAgICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxOCIKICAgICAgICBzdHlsZT0id2lkdGg6IDcwJSIKICAgICAgICA6b3B0aW9ucz0ib3B0aW9ucyIKICAgICAgICBwbGFjZWhvbGRlcj0iU2VsZWN0IEFkZHJlc3MiCiAgICAgIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IG9wdGlvbnMgPSBbCiAgewogICAgdmFsdWU6ICd6aGVqaWFuZycsCiAgICBsYWJlbDogJ1poZWppYW5nJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ2hhbmd6aG91JywKICAgICAgICBsYWJlbDogJ0hhbmd6aG91JywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3hpaHUnLAogICAgICAgICAgICBsYWJlbDogJ1dlc3QgTGFrZScsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdmFsdWU6ICdqaWFuZ3N1JywKICAgIGxhYmVsOiAnSmlhbmdzdScsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICduYW5qaW5nJywKICAgICAgICBsYWJlbDogJ05hbmppbmcnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAnemhvbmdodWFtZW4nLAogICAgICAgICAgICBsYWJlbDogJ1pob25nIEh1YSBNZW4nLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUxID0gcmVmKCcwNTcxJyk7CiAgICBjb25zdCB2YWx1ZTIgPSByZWYoJzI2ODg4ODg4Jyk7CiAgICBjb25zdCB2YWx1ZTMgPSByZWYoJ1poZWppYW5nJyk7CiAgICBjb25zdCB2YWx1ZTQgPSByZWYoJ1hpaHUgRGlzdHJpY3QsIEhhbmd6aG91Jyk7CiAgICBjb25zdCB2YWx1ZTUgPSByZWYoJ09wdGlvbjEnKTsKICAgIGNvbnN0IHZhbHVlNiA9IHJlZignaW5wdXQgY29udGVudCcpOwogICAgY29uc3QgdmFsdWU3ID0gcmVmKCdpbnB1dCBjb250ZW50Jyk7CiAgICBjb25zdCB2YWx1ZTggPSByZWYobnVsbCk7CiAgICBjb25zdCB2YWx1ZTkgPSByZWYoJ09wdGlvbjEtMScpOwogICAgY29uc3QgdmFsdWUxMCA9IHJlZignT3B0aW9uMi0yJyk7CiAgICBjb25zdCB2YWx1ZTExID0gcmVmKCcxJyk7CiAgICBjb25zdCB2YWx1ZTEyID0gcmVmKCcnKTsKICAgIGNvbnN0IHZhbHVlMTMgPSByZWYoJycpOwogICAgY29uc3QgdmFsdWUxNCA9IHJlZignJyk7CiAgICBjb25zdCB2YWx1ZTE1ID0gcmVmKCdTaWduIFVwJyk7CiAgICBjb25zdCB2YWx1ZTE2ID0gcmVmKCcnKTsKICAgIGNvbnN0IHZhbHVlMTcgPSByZWYoJ0hvbWUnKTsKICAgIGNvbnN0IHZhbHVlMTggPSByZWYoW10pOwogICAgY29uc3QgZGF0YVNvdXJjZSA9IHJlZihbXSk7CiAgICB3YXRjaCh2YWx1ZTE2LCB2YWwgPT4gewogICAgICBkYXRhU291cmNlLnZhbHVlID0KICAgICAgICAhdmFsIHx8IHZhbC5pbmRleE9mKCdAJykgPj0gMAogICAgICAgICAgPyBbXQogICAgICAgICAgOiBbYCR7dmFsfUBnbWFpbC5jb21gLCBgJHt2YWx9QDE2My5jb21gLCBgJHt2YWx9QHFxLmNvbWBdOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTEsCiAgICAgIHZhbHVlMiwKICAgICAgdmFsdWUzLAogICAgICB2YWx1ZTQsCiAgICAgIHZhbHVlNSwKICAgICAgdmFsdWU2LAogICAgICB2YWx1ZTcsCiAgICAgIHZhbHVlOCwKICAgICAgdmFsdWU5LAogICAgICB2YWx1ZTEwLAogICAgICB2YWx1ZTExLAogICAgICB2YWx1ZTEyLAogICAgICB2YWx1ZTEzLAogICAgICB2YWx1ZTE0LAogICAgICB2YWx1ZTE1LAogICAgICB2YWx1ZTE2LAogICAgICB2YWx1ZTE3LAogICAgICB2YWx1ZTE4LAogICAgICBvcHRpb25zLAogICAgICBkYXRhU291cmNlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[o(g,{size:"large"},{default:e(()=>[o(u,{gutter:8},{default:e(()=>[o(k,{span:5},{default:e(()=>[o(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=l=>s.value1=l)},null,8,["value"])]),_:1}),o(k,{span:8},{default:e(()=>[o(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=l=>s.value2=l)},null,8,["value"])]),_:1})]),_:1})]),_:1}),t[34]||(t[34]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(c,{style:{width:"20%"},value:s.value1,"onUpdate:value":t[2]||(t[2]=l=>s.value1=l)},null,8,["value"]),o(c,{style:{width:"30%"},value:s.value2,"onUpdate:value":t[3]||(t[3]=l=>s.value2=l)},null,8,["value"])]),_:1}),t[35]||(t[35]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(C,{value:s.value3,"onUpdate:value":t[4]||(t[4]=l=>s.value3=l)},{default:e(()=>[o(m,{value:"Zhejiang"},{default:e(()=>t[20]||(t[20]=[a("Zhejiang")])),_:1,__:[20]}),o(m,{value:"Jiangsu"},{default:e(()=>t[21]||(t[21]=[a("Jiangsu")])),_:1,__:[21]})]),_:1},8,["value"]),o(c,{style:{width:"50%"},value:s.value4,"onUpdate:value":t[5]||(t[5]=l=>s.value4=l)},null,8,["value"])]),_:1}),t[36]||(t[36]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(C,{value:s.value5,"onUpdate:value":t[6]||(t[6]=l=>s.value5=l)},{default:e(()=>[o(m,{value:"Option1"},{default:e(()=>t[22]||(t[22]=[a("Option1")])),_:1,__:[22]}),o(m,{value:"Option2"},{default:e(()=>t[23]||(t[23]=[a("Option2")])),_:1,__:[23]})]),_:1},8,["value"]),o(c,{style:{width:"50%"},value:s.value6,"onUpdate:value":t[7]||(t[7]=l=>s.value6=l)},null,8,["value"])]),_:1}),t[37]||(t[37]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(c,{style:{width:"50%"},value:s.value7,"onUpdate:value":t[8]||(t[8]=l=>s.value7=l)},null,8,["value"]),o(w,{value:s.value8,"onUpdate:value":t[9]||(t[9]=l=>s.value8=l),style:{width:"50%"}},null,8,["value"])]),_:1}),t[38]||(t[38]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(C,{value:s.value9,"onUpdate:value":t[10]||(t[10]=l=>s.value9=l)},{default:e(()=>[o(m,{value:"Option1-1"},{default:e(()=>t[24]||(t[24]=[a("Option1-1")])),_:1,__:[24]}),o(m,{value:"Option1-2"},{default:e(()=>t[25]||(t[25]=[a("Option1-2")])),_:1,__:[25]})]),_:1},8,["value"]),o(C,{value:s.value10,"onUpdate:value":t[11]||(t[11]=l=>s.value10=l)},{default:e(()=>[o(m,{value:"Option2-1"},{default:e(()=>t[26]||(t[26]=[a("Option2-1")])),_:1,__:[26]}),o(m,{value:"Option2-2"},{default:e(()=>t[27]||(t[27]=[a("Option2-2")])),_:1,__:[27]})]),_:1},8,["value"])]),_:1}),t[39]||(t[39]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(C,{value:s.value11,"onUpdate:value":t[12]||(t[12]=l=>s.value11=l)},{default:e(()=>[o(m,{value:"1"},{default:e(()=>t[28]||(t[28]=[a("Between")])),_:1,__:[28]}),o(m,{value:"2"},{default:e(()=>t[29]||(t[29]=[a("Except")])),_:1,__:[29]})]),_:1},8,["value"]),o(c,{value:s.value12,"onUpdate:value":t[13]||(t[13]=l=>s.value12=l),style:{width:"100px","text-align":"center"},placeholder:"Minimum"},null,8,["value"]),o(c,{value:s.value13,"onUpdate:value":t[14]||(t[14]=l=>s.value13=l),style:{width:"30px","border-left":"0","pointer-events":"none","background-color":"#fff"},placeholder:"~",disabled:""},null,8,["value"]),o(c,{value:s.value14,"onUpdate:value":t[15]||(t[15]=l=>s.value14=l),style:{width:"100px","text-align":"center","border-left":"0"},placeholder:"Maximum"},null,8,["value"])]),_:1}),t[40]||(t[40]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(C,{value:s.value15,"onUpdate:value":t[16]||(t[16]=l=>s.value15=l)},{default:e(()=>[o(m,{value:"Sign Up"},{default:e(()=>t[30]||(t[30]=[a("Sign Up")])),_:1,__:[30]}),o(m,{value:"Sign In"},{default:e(()=>t[31]||(t[31]=[a("Sign In")])),_:1,__:[31]})]),_:1},8,["value"]),o(f,{value:s.value16,"onUpdate:value":t[17]||(t[17]=l=>s.value16=l),"data-source":s.dataSource,style:{width:"200px"},placeholder:"Email"},null,8,["value","data-source"])]),_:1}),t[41]||(t[41]=n("br",null,null,-1)),o(g,{compact:""},{default:e(()=>[o(C,{value:s.value17,"onUpdate:value":t[18]||(t[18]=l=>s.value17=l),style:{width:"30%"}},{default:e(()=>[o(m,{value:"Home"},{default:e(()=>t[32]||(t[32]=[a("Home")])),_:1,__:[32]}),o(m,{value:"Company"},{default:e(()=>t[33]||(t[33]=[a("Company")])),_:1,__:[33]})]),_:1},8,["value"]),o(H,{value:s.value18,"onUpdate:value":t[19]||(t[19]=l=>s.value18=l),style:{width:"70%"},options:s.options,placeholder:"Select Address"},null,8,["value","options"])]),_:1})])]),htmlCode:e(()=>t[42]||(t[42]=[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(`
    397. 

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

  398.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),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("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    399. 

  399.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-row")]),a(),n("span",{class:"token attr-name"},":gutter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    400. 

  400.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-col")]),a(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    401. 

  401.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    402. 

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

  403.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-col")]),a(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    404. 

  404.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    405. 

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

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

  407.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    408. 

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

  409.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    410. 

  410.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 20%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    411. 

  411.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 30%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    412. 

  412.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    413. 

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

  414.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    415. 

  415.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value3"),n("span",{class:"token punctuation"},'"')]),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-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Zhejiang"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Zhejiang"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    417. 

  417.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Jiangsu"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Jiangsu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    418. 

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

  419.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    420. 

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

  421.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),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-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    423. 

  423.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    424. 

  424.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    425. 

  425.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    426. 

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

  427.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value6"),n("span",{class:"token punctuation"},'"')]),a(),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-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    429. 

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

  430.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    431. 

  431.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    432. 

  432.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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("value8"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    433. 

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

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

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

  436.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value9"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    437. 

  437.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option1-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option1-1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    438. 

  438.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option1-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option1-2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    439. 

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

  440.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    441. 

  441.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option2-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option2-1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    442. 

  442.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option2-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option2-2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    443. 

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

  444.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    445. 

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

  446.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    447. 

  447.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value11"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    448. 

  448.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Between"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    449. 

  449.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Except"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    450. 

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

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

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

  453.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 100px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center")]),n("span",{class:"token punctuation"},'"')])]),a(`
    454. 

  454.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Minimum"),n("span",{class:"token punctuation"},'"')]),a(`
    455. 

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

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

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

  458.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 30px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"border-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"pointer-events"),n("span",{class:"token punctuation"},":"),a(" none"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" #fff")]),n("span",{class:"token punctuation"},'"')])]),a(`
    459. 

  459.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("~"),n("span",{class:"token punctuation"},'"')]),a(`
    460. 

  460.         `),n("span",{class:"token attr-name"},"disabled"),a(`
    461. 

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

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

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

  464.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 100px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"border-left"),n("span",{class:"token punctuation"},":"),a(" 0")]),n("span",{class:"token punctuation"},'"')])]),a(`
    465. 

  465.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Maximum"),n("span",{class:"token punctuation"},'"')]),a(`
    466. 

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

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

  468.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),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("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    470. 

  470.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value15"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    471. 

  471.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sign Up"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Sign Up"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),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-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sign In"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Sign In"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    473. 

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

  474.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-auto-complete")]),a(`
    475. 

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

  476.         `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(`
    477. 

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

  478.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Email"),n("span",{class:"token punctuation"},'"')]),a(`
    479. 

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

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

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

  482.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    483. 

  483.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value17"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 30%")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    484. 

  484.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Home"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Home"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    485. 

  485.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Company"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Company"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    486. 

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

  487.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(`
    488. 

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

  489.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 70%")]),n("span",{class:"token punctuation"},'"')])]),a(`
    490. 

  490.         `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(`
    491. 

  491.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Address"),n("span",{class:"token punctuation"},'"')]),a(`
    492. 

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

  493.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    494. 

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

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

  496. `),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(`
    497. 

  497. `),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(" watch "),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(`
    498. 

  498. 

  499. `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
    500. 

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

  501.     `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(`
    502. 

  502.     `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(`
    503. 

  503.     `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    504. 

  504.       `),n("span",{class:"token punctuation"},"{"),a(`
    505. 

  505.         `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(`
    506. 

  506.         `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(`
    507. 

  507.         `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    508. 

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

  509.             `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(`
    510. 

  510.             `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(`
    511. 

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

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

  513.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    514. 

  514.     `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    515. 

  515.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    516. 

  516.   `),n("span",{class:"token punctuation"},"{"),a(`
    517. 

  517.     `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(`
    518. 

  518.     `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(`
    519. 

  519.     `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    520. 

  520.       `),n("span",{class:"token punctuation"},"{"),a(`
    521. 

  521.         `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(`
    522. 

  522.         `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(`
    523. 

  523.         `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    524. 

  524.           `),n("span",{class:"token punctuation"},"{"),a(`
    525. 

  525.             `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(`
    526. 

  526.             `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(`
    527. 

  527.           `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    528. 

  528.         `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    529. 

  529.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    530. 

  530.     `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    531. 

  531.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    532. 

  532. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    533. 

  533. `),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(`
    534. 

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

  535.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'0571'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    536. 

  536.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'26888888'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    537. 

  537.     `),n("span",{class:"token keyword"},"const"),a(" value3 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    538. 

  538.     `),n("span",{class:"token keyword"},"const"),a(" value4 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Xihu District, Hangzhou'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    539. 

  539.     `),n("span",{class:"token keyword"},"const"),a(" value5 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Option1'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    540. 

  540.     `),n("span",{class:"token keyword"},"const"),a(" value6 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'input content'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    541. 

  541.     `),n("span",{class:"token keyword"},"const"),a(" value7 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'input content'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    542. 

  542.     `),n("span",{class:"token keyword"},"const"),a(" value8 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string "),n("span",{class:"token operator"},"|"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    543. 

  543.     `),n("span",{class:"token keyword"},"const"),a(" value9 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Option1-1'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    544. 

  544.     `),n("span",{class:"token keyword"},"const"),a(" value10 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Option2-2'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    545. 

  545.     `),n("span",{class:"token keyword"},"const"),a(" value11 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    546. 

  546.     `),n("span",{class:"token keyword"},"const"),a(" value12 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    547. 

  547.     `),n("span",{class:"token keyword"},"const"),a(" value13 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    548. 

  548.     `),n("span",{class:"token keyword"},"const"),a(" value14 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    549. 

  549.     `),n("span",{class:"token keyword"},"const"),a(" value15 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Sign Up'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    550. 

  550.     `),n("span",{class:"token keyword"},"const"),a(" value16 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    551. 

  551.     `),n("span",{class:"token keyword"},"const"),a(" value17 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Home'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    552. 

  552.     `),n("span",{class:"token keyword"},"const"),a(" value18 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    553. 

  553.     `),n("span",{class:"token keyword"},"const"),a(" dataSource "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    554. 

  554. 

  555.     `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),a("value16"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token parameter"},"val"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    556. 

  556.       dataSource`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(`
    557. 

  557.         `),n("span",{class:"token operator"},"!"),a("val "),n("span",{class:"token operator"},"||"),a(" val"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'@'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">="),a(),n("span",{class:"token number"},"0"),a(`
    558. 

  558.           `),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(`
    559. 

  559.           `),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("val"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"@gmail.com"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("val"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"@163.com"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("val"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"@qq.com"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    560. 

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

  561. 

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

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

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

  565.       value3`),n("span",{class:"token punctuation"},","),a(`
    566. 

  566.       value4`),n("span",{class:"token punctuation"},","),a(`
    567. 

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

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

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

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

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

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

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

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

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

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

  577.       value15`),n("span",{class:"token punctuation"},","),a(`
    578. 

  578.       value16`),n("span",{class:"token punctuation"},","),a(`
    579. 

  579.       value17`),n("span",{class:"token punctuation"},","),a(`
    580. 

  580.       value18`),n("span",{class:"token punctuation"},","),a(`
    581. 

  581.       options`),n("span",{class:"token punctuation"},","),a(`
    582. 

  582.       dataSource`),n("span",{class:"token punctuation"},","),a(`
    583. 

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

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

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

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

  587. `)])],-1)])),jsVersionHtml:e(()=>t[43]||(t[43]=[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(`
    588. 

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

  589.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),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("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    590. 

  590.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-row")]),a(),n("span",{class:"token attr-name"},":gutter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    591. 

  591.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-col")]),a(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    592. 

  592.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    593. 

  593.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-col")]),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-col")]),a(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("8"),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("a-input")]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    596. 

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

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

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

  599.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),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-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    601. 

  601.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 20%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    602. 

  602.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 30%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),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("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    604. 

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

  605.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),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-select")]),a(),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("value3"),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("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Zhejiang"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Zhejiang"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    608. 

  608.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Jiangsu"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Jiangsu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    609. 

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

  610.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    611. 

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

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

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

  614.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    615. 

  615.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    616. 

  616.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    617. 

  617.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select")]),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-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    619. 

  619.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    620. 

  620.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),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("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    622. 

  622.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),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("value7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    623. 

  623.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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("value8"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 50%")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    624. 

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

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

  626.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    627. 

  627.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value9"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    628. 

  628.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option1-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option1-1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    629. 

  629.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option1-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option1-2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    630. 

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

  631.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    632. 

  632.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option2-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option2-1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    633. 

  633.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Option2-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Option2-2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    634. 

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

  635.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    636. 

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

  637.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    638. 

  638.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value11"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    639. 

  639.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Between"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    640. 

  640.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Except"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    641. 

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

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

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

  644.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 100px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center")]),n("span",{class:"token punctuation"},'"')])]),a(`
    645. 

  645.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Minimum"),n("span",{class:"token punctuation"},'"')]),a(`
    646. 

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

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

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

  649.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 30px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"border-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"pointer-events"),n("span",{class:"token punctuation"},":"),a(" none"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" #fff")]),n("span",{class:"token punctuation"},'"')])]),a(`
    650. 

  650.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("~"),n("span",{class:"token punctuation"},'"')]),a(`
    651. 

  651.         `),n("span",{class:"token attr-name"},"disabled"),a(`
    652. 

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

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

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

  655.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 100px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"border-left"),n("span",{class:"token punctuation"},":"),a(" 0")]),n("span",{class:"token punctuation"},'"')])]),a(`
    656. 

  656.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Maximum"),n("span",{class:"token punctuation"},'"')]),a(`
    657. 

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

  658.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    659. 

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

  660.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    661. 

  661.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value15"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    662. 

  662.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sign Up"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Sign Up"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    663. 

  663.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sign In"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Sign In"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    664. 

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

  665.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-auto-complete")]),a(`
    666. 

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

  667.         `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(`
    668. 

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

  669.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Email"),n("span",{class:"token punctuation"},'"')]),a(`
    670. 

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

  671.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    672. 

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

  673.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-group")]),a(),n("span",{class:"token attr-name"},"compact"),n("span",{class:"token punctuation"},">")]),a(`
    674. 

  674.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value17"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 30%")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    675. 

  675.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Home"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Home"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    676. 

  676.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Company"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Company"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    677. 

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

  678.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(`
    679. 

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

  680.         `),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 70%")]),n("span",{class:"token punctuation"},'"')])]),a(`
    681. 

  681.         `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(`
    682. 

  682.         `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Address"),n("span",{class:"token punctuation"},'"')]),a(`
    683. 

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

  684.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    685. 

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

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

  687. `),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(`
    688. 

  688. `),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(" watch "),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(`
    689. 

  689. `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
    690. 

  690.   `),n("span",{class:"token punctuation"},"{"),a(`
    691. 

  691.     `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(`
    692. 

  692.     `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(`
    693. 

  693.     `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    694. 

  694.       `),n("span",{class:"token punctuation"},"{"),a(`
    695. 

  695.         `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(`
    696. 

  696.         `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(`
    697. 

  697.         `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    698. 

  698.           `),n("span",{class:"token punctuation"},"{"),a(`
    699. 

  699.             `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(`
    700. 

  700.             `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(`
    701. 

  701.           `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    702. 

  702.         `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    703. 

  703.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    704. 

  704.     `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    705. 

  705.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    706. 

  706.   `),n("span",{class:"token punctuation"},"{"),a(`
    707. 

  707.     `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(`
    708. 

  708.     `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(`
    709. 

  709.     `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    710. 

  710.       `),n("span",{class:"token punctuation"},"{"),a(`
    711. 

  711.         `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(`
    712. 

  712.         `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(`
    713. 

  713.         `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
    714. 

  714.           `),n("span",{class:"token punctuation"},"{"),a(`
    715. 

  715.             `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(`
    716. 

  716.             `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(`
    717. 

  717.           `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    718. 

  718.         `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    719. 

  719.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    720. 

  720.     `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    721. 

  721.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    722. 

  722. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    723. 

  723. `),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(`
    724. 

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

  725.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'0571'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    726. 

  726.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'26888888'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    727. 

  727.     `),n("span",{class:"token keyword"},"const"),a(" value3 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    728. 

  728.     `),n("span",{class:"token keyword"},"const"),a(" value4 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Xihu District, Hangzhou'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    729. 

  729.     `),n("span",{class:"token keyword"},"const"),a(" value5 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Option1'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    730. 

  730.     `),n("span",{class:"token keyword"},"const"),a(" value6 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'input content'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    731. 

  731.     `),n("span",{class:"token keyword"},"const"),a(" value7 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'input content'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    732. 

  732.     `),n("span",{class:"token keyword"},"const"),a(" value8 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    733. 

  733.     `),n("span",{class:"token keyword"},"const"),a(" value9 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Option1-1'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    734. 

  734.     `),n("span",{class:"token keyword"},"const"),a(" value10 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Option2-2'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    735. 

  735.     `),n("span",{class:"token keyword"},"const"),a(" value11 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    736. 

  736.     `),n("span",{class:"token keyword"},"const"),a(" value12 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    737. 

  737.     `),n("span",{class:"token keyword"},"const"),a(" value13 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    738. 

  738.     `),n("span",{class:"token keyword"},"const"),a(" value14 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    739. 

  739.     `),n("span",{class:"token keyword"},"const"),a(" value15 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Sign Up'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    740. 

  740.     `),n("span",{class:"token keyword"},"const"),a(" value16 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    741. 

  741.     `),n("span",{class:"token keyword"},"const"),a(" value17 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Home'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    742. 

  742.     `),n("span",{class:"token keyword"},"const"),a(" value18 "),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"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    743. 

  743.     `),n("span",{class:"token keyword"},"const"),a(" dataSource "),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"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    744. 

  744.     `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),a("value16"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token parameter"},"val"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    745. 

  745.       dataSource`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(`
    746. 

  746.         `),n("span",{class:"token operator"},"!"),a("val "),n("span",{class:"token operator"},"||"),a(" val"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'@'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">="),a(),n("span",{class:"token number"},"0"),a(`
    747. 

  747.           `),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(`
    748. 

  748.           `),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("val"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"@gmail.com"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("val"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"@163.com"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("val"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"@qq.com"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    749. 

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

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

  751.       value1`),n("span",{class:"token punctuation"},","),a(`
    752. 

  752.       value2`),n("span",{class:"token punctuation"},","),a(`
    753. 

  753.       value3`),n("span",{class:"token punctuation"},","),a(`
    754. 

  754.       value4`),n("span",{class:"token punctuation"},","),a(`
    755. 

  755.       value5`),n("span",{class:"token punctuation"},","),a(`
    756. 

  756.       value6`),n("span",{class:"token punctuation"},","),a(`
    757. 

  757.       value7`),n("span",{class:"token punctuation"},","),a(`
    758. 

  758.       value8`),n("span",{class:"token punctuation"},","),a(`
    759. 

  759.       value9`),n("span",{class:"token punctuation"},","),a(`
    760. 

  760.       value10`),n("span",{class:"token punctuation"},","),a(`
    761. 

  761.       value11`),n("span",{class:"token punctuation"},","),a(`
    762. 

  762.       value12`),n("span",{class:"token punctuation"},","),a(`
    763. 

  763.       value13`),n("span",{class:"token punctuation"},","),a(`
    764. 

  764.       value14`),n("span",{class:"token punctuation"},","),a(`
    765. 

  765.       value15`),n("span",{class:"token punctuation"},","),a(`
    766. 

  766.       value16`),n("span",{class:"token punctuation"},","),a(`
    767. 

  767.       value17`),n("span",{class:"token punctuation"},","),a(`
    768. 

  768.       value18`),n("span",{class:"token punctuation"},","),a(`
    769. 

  769.       options`),n("span",{class:"token punctuation"},","),a(`
    770. 

  770.       dataSource`),n("span",{class:"token punctuation"},","),a(`
    771. 

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

  772.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    773. 

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

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

  775. `)])],-1)])),_:1})}var ln=A(pn,[["render",cn]]);const un=h({setup(){return{value:i("")}}});function kn(s,t,I,d,r,v){const c=p("a-textarea"),k=p("demo-box");return b(),W(k,{jsfiddle:{us:"For multi-line input.",cn:"\u7528\u4E8E\u591A\u884C\u8F93\u5165\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    776. 

  776. <p>\u7528\u4E8E\u591A\u884C\u8F93\u5165\u3002</p>
    777. 

  777. <h2 id="en-us">en-US</h2>
    778. 

  778. <p>For multi-line input.</p>
    779. 

  779. `,order:7,title:{"zh-CN":"\u6587\u672C\u57DF","en-US":"TextArea"},relativePath:"src/docs/input/demo/textarea.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRleHRhcmVhIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iQmFzaWMgdXNhZ2UiIDpyb3dzPSI0IiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8c3RyaW5nPignJyk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRleHRhcmVhIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iQmFzaWMgdXNhZ2UiIDpyb3dzPSI0IiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZignJyk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=u=>s.value=u),placeholder:"Basic usage",rows:4},null,8,["value"])]),htmlCode:e(()=>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(`
    780. 

  780.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Basic usage"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":rows"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    781. 

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

  782. `),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(`
    783. 

  783. `),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(`
    784. 

  784. `),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(`
    785. 

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

  786.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    787. 

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

  788.       value`),n("span",{class:"token punctuation"},","),a(`
    789. 

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

  790.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    791. 

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

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

  793. `)])],-1)])),jsVersionHtml:e(()=>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(`
    794. 

  794.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Basic usage"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":rows"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    795. 

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

  796. `),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(`
    797. 

  797. `),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(`
    798. 

  798. `),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(`
    799. 

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

  800.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    801. 

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

  802.       value`),n("span",{class:"token punctuation"},","),a(`
    803. 

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

  804.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    805. 

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

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

  807. `)])],-1)])),_:1})}var rn=A(un,[["render",kn]]);const gn=h({setup(){const s=i(""),t=i("");return{value1:s,value2:t}}});function dn(s,t,I,d,r,v){const c=p("a-input"),k=p("a-textarea"),u=p("demo-box");return b(),W(u,{jsfiddle:{us:"Input type of password.",cn:"\u5E26\u79FB\u9664\u56FE\u6807\u7684\u8F93\u5165\u6846\uFF0C\u70B9\u51FB\u56FE\u6807\u5220\u9664\u6240\u6709\u5185\u5BB9\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    808. 

  808. <p>\u5E26\u79FB\u9664\u56FE\u6807\u7684\u8F93\u5165\u6846\uFF0C\u70B9\u51FB\u56FE\u6807\u5220\u9664\u6240\u6709\u5185\u5BB9\u3002</p>
    809. 

  809. <h2 id="en-us">en-US</h2>
    810. 

  810. <p>Input type of password.</p>
    811. 

  811. `,order:10,title:{"zh-CN":"\u5E26\u79FB\u9664\u56FE\u6807","en-US":"With clear icon"},relativePath:"src/docs/input/demo/allow-clear.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIHBsYWNlaG9sZGVyPSJpbnB1dCB3aXRoIGNsZWFyIGljb24iIGFsbG93LWNsZWFyIC8+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtdGV4dGFyZWEgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiBwbGFjZWhvbGRlcj0idGV4dGFyZWEgd2l0aCBjbGVhciBpY29uIiBhbGxvdy1jbGVhciAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUxID0gcmVmPHN0cmluZz4oJycpOwogICAgY29uc3QgdmFsdWUyID0gcmVmPHN0cmluZz4oJycpOwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMSwKICAgICAgdmFsdWUyLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIHBsYWNlaG9sZGVyPSJpbnB1dCB3aXRoIGNsZWFyIGljb24iIGFsbG93LWNsZWFyIC8+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtdGV4dGFyZWEgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiBwbGFjZWhvbGRlcj0idGV4dGFyZWEgd2l0aCBjbGVhciBpY29uIiBhbGxvdy1jbGVhciAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZTEgPSByZWYoJycpOwogICAgY29uc3QgdmFsdWUyID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMSwKICAgICAgdmFsdWUyLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[o(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=g=>s.value1=g),placeholder:"input with clear icon","allow-clear":""},null,8,["value"]),t[2]||(t[2]=n("br",null,null,-1)),t[3]||(t[3]=n("br",null,null,-1)),o(k,{value:s.value2,"onUpdate:value":t[1]||(t[1]=g=>s.value2=g),placeholder:"textarea with clear icon","allow-clear":""},null,8,["value"])])]),htmlCode:e(()=>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(`
    812. 

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

  813.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input with clear icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"allow-clear"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    814. 

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

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

  816.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("textarea with clear icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"allow-clear"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    817. 

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

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

  819. `),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(`
    820. 

  820. `),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(`
    821. 

  821. `),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(`
    822. 

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

  823.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    824. 

  824.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    825. 

  825. 

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

  827.       value1`),n("span",{class:"token punctuation"},","),a(`
    828. 

  828.       value2`),n("span",{class:"token punctuation"},","),a(`
    829. 

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

  830.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    831. 

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

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

  833. `)])],-1)])),jsVersionHtml:e(()=>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(`
    834. 

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

  835.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input with clear icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"allow-clear"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    836. 

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

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

  838.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("textarea with clear icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"allow-clear"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    839. 

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

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

  841. `),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(`
    842. 

  842. `),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(`
    843. 

  843. `),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(`
    844. 

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

  845.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    846. 

  846.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    847. 

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

  848.       value1`),n("span",{class:"token punctuation"},","),a(`
    849. 

  849.       value2`),n("span",{class:"token punctuation"},","),a(`
    850. 

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

  851.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    852. 

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

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

  854. `)])],-1)])),_:1})}var In=A(gn,[["render",dn]]);const Cn=h({setup(){return{value:i("")}}});function mn(s,t,I,d,r,v){const c=p("a-input-password"),k=p("demo-box");return b(),W(k,{jsfiddle:{us:"Input type of password.",cn:"\u5BC6\u7801\u6846\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    855. 

  855. <p>\u5BC6\u7801\u6846\u3002</p>
    856. 

  856. <h2 id="en-us">en-US</h2>
    857. 

  857. <p>Input type of password.</p>
    858. 

  858. `,order:11,title:{"zh-CN":"\u5BC6\u7801\u6846","en-US":"Password box"},relativePath:"src/docs/input/demo/password-input.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0LXBhc3N3b3JkIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iaW5wdXQgcGFzc3dvcmQiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0LXBhc3N3b3JkIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iaW5wdXQgcGFzc3dvcmQiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=u=>s.value=u),placeholder:"input password"},null,8,["value"])]),htmlCode:e(()=>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(`
    859. 

  859.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-password")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input password"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    860. 

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

  861. `),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(`
    862. 

  862. `),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(`
    863. 

  863. `),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(`
    864. 

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

  865.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    866. 

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

  867.       value`),n("span",{class:"token punctuation"},","),a(`
    868. 

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

  869.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    870. 

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

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

  872. `)])],-1)])),jsVersionHtml:e(()=>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(`
    873. 

  873.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input-password")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("input password"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    874. 

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

  875. `),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(`
    876. 

  876. `),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(`
    877. 

  877. `),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(`
    878. 

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

  879.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    880. 

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

  881.       value`),n("span",{class:"token punctuation"},","),a(`
    882. 

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

  883.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    884. 

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

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

  886. `)])],-1)])),_:1})}var vn=A(Cn,[["render",mn]]);const An=h({setup(){return{value:i("test value")}}});function bn(s,t,I,d,r,v){const c=p("a-textarea"),k=p("demo-box");return b(),W(k,{jsfiddle:{us:"Show character counting.",cn:"\u5C55\u793A\u5B57\u6570\u63D0\u793A\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    887. 

  887. <p>\u5C55\u793A\u5B57\u6570\u63D0\u793A\u3002</p>
    888. 

  888. <h2 id="en-us">en-US</h2>
    889. 

  889. <p>Show character counting.</p>
    890. 

  890. `,order:12,title:{"zh-CN":"\u5E26\u5B57\u6570\u63D0\u793A\u7684\u6587\u672C\u57DF","en-US":"Textarea with character counting"},relativePath:"src/docs/input/demo/show-count.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRleHRhcmVhIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaG93Q291bnQgOm1heGxlbmd0aD0iMTAwIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8c3RyaW5nPigndGVzdCB2YWx1ZScpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRleHRhcmVhIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaG93Q291bnQgOm1heGxlbmd0aD0iMTAwIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigndGVzdCB2YWx1ZScpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=u=>s.value=u),showCount:"",maxlength:100},null,8,["value"])]),htmlCode:e(()=>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(`
    891. 

  891.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"showCount"),a(),n("span",{class:"token attr-name"},":maxlength"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("100"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    892. 

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

  893. `),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(`
    894. 

  894. `),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(`
    895. 

  895. `),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(`
    896. 

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

  897.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'test value'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    898. 

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

  899.       value`),n("span",{class:"token punctuation"},","),a(`
    900. 

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

  901.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    902. 

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

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

  904. `)])],-1)])),jsVersionHtml:e(()=>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(`
    905. 

  905.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-textarea")]),a(),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("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"showCount"),a(),n("span",{class:"token attr-name"},":maxlength"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("100"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    906. 

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

  907. `),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(`
    908. 

  908. `),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(`
    909. 

  909. `),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(`
    910. 

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

  911.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'test value'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    912. 

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

  913.       value`),n("span",{class:"token punctuation"},","),a(`
    914. 

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

  915.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    916. 

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

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

  918. `)])],-1)])),_:1})}var hn=A(An,[["render",bn]]);const Wn=h({components:{SettingOutlined:z},setup(){const s=i("mysite"),t=i("mysite"),I=i("Http://"),d=i(".com"),r=i("mysite");return{value1:s,value2:t,value3:I,value4:d,value5:r}}}),Zn={style:{"margin-bottom":"16px"}},yn={style:{"margin-bottom":"16px"}},wn={style:{"margin-bottom":"16px"}};function fn(s,t,I,d,r,v){const c=p("a-input"),k=p("a-select-option"),u=p("a-select"),g=p("setting-outlined"),m=p("demo-box");return b(),W(m,{jsfiddle:{us:"Using pre & post tabs example.",cn:"\u7528\u4E8E\u914D\u7F6E\u4E00\u4E9B\u56FA\u5B9A\u7EC4\u5408\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    919. 

  919. <p>\u7528\u4E8E\u914D\u7F6E\u4E00\u4E9B\u56FA\u5B9A\u7EC4\u5408\u3002</p>
    920. 

  920. <h2 id="en-us">en-US</h2>
    921. 

  921. <p>Using pre &amp; post tabs example.</p>
    922. 

  922. `,order:8,title:{"zh-CN":"\u524D\u7F6E/\u540E\u7F6E\u6807\u7B7E","en-US":"Pre / Post tab"},relativePath:"src/docs/input/demo/addon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtaW5wdXQgYWRkb24tYmVmb3JlPSJIdHRwOi8vIiBhZGRvbi1hZnRlcj0iLmNvbSIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPC9kaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIj4KICAgICAgICA8dGVtcGxhdGUgI2FkZG9uQmVmb3JlPgogICAgICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgc3R5bGU9IndpZHRoOiA5MHB4Ij4KICAgICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iSHR0cDovLyI+SHR0cDovLzwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJIdHRwczovLyI+SHR0cHM6Ly88L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICAgIDwvYS1zZWxlY3Q+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8dGVtcGxhdGUgI2FkZG9uQWZ0ZXI+CiAgICAgICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWU0IiBzdHlsZT0id2lkdGg6IDgwcHgiPgogICAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIuY29tIj4uY29tPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5qcCI+LmpwPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5jbiI+LmNuPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5vcmciPi5vcmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICAgIDwvYS1zZWxlY3Q+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLWlucHV0PgogICAgPC9kaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWU1Ij4KICAgICAgICA8dGVtcGxhdGUgI2FkZG9uQWZ0ZXI+CiAgICAgICAgICA8c2V0dGluZy1vdXRsaW5lZCAvPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDwvYS1pbnB1dD4KICAgIDwvZGl2PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgU2V0dGluZ091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNldHRpbmdPdXRsaW5lZCwKICB9LAoKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlMSA9IHJlZjxzdHJpbmc+KCdteXNpdGUnKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZjxzdHJpbmc+KCdteXNpdGUnKTsKICAgIGNvbnN0IHZhbHVlMyA9IHJlZjxzdHJpbmc+KCdIdHRwOi8vJyk7CiAgICBjb25zdCB2YWx1ZTQgPSByZWY8c3RyaW5nPignLmNvbScpOwogICAgY29uc3QgdmFsdWU1ID0gcmVmPHN0cmluZz4oJ215c2l0ZScpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICAgIHZhbHVlMywKICAgICAgdmFsdWU0LAogICAgICB2YWx1ZTUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtaW5wdXQgYWRkb24tYmVmb3JlPSJIdHRwOi8vIiBhZGRvbi1hZnRlcj0iLmNvbSIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPC9kaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIj4KICAgICAgICA8dGVtcGxhdGUgI2FkZG9uQmVmb3JlPgogICAgICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgc3R5bGU9IndpZHRoOiA5MHB4Ij4KICAgICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iSHR0cDovLyI+SHR0cDovLzwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJIdHRwczovLyI+SHR0cHM6Ly88L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICAgIDwvYS1zZWxlY3Q+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8dGVtcGxhdGUgI2FkZG9uQWZ0ZXI+CiAgICAgICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWU0IiBzdHlsZT0id2lkdGg6IDgwcHgiPgogICAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIuY29tIj4uY29tPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5qcCI+LmpwPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5jbiI+LmNuPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5vcmciPi5vcmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICAgIDwvYS1zZWxlY3Q+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLWlucHV0PgogICAgPC9kaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWU1Ij4KICAgICAgICA8dGVtcGxhdGUgI2FkZG9uQWZ0ZXI+CiAgICAgICAgICA8c2V0dGluZy1vdXRsaW5lZCAvPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDwvYS1pbnB1dD4KICAgIDwvZGl2PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBTZXR0aW5nT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU2V0dGluZ091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZTEgPSByZWYoJ215c2l0ZScpOwogICAgY29uc3QgdmFsdWUyID0gcmVmKCdteXNpdGUnKTsKICAgIGNvbnN0IHZhbHVlMyA9IHJlZignSHR0cDovLycpOwogICAgY29uc3QgdmFsdWU0ID0gcmVmKCcuY29tJyk7CiAgICBjb25zdCB2YWx1ZTUgPSByZWYoJ215c2l0ZScpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICAgIHZhbHVlMywKICAgICAgdmFsdWU0LAogICAgICB2YWx1ZTUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[n("div",null,[n("div",Zn,[o(c,{"addon-before":"Http://","addon-after":".com",value:s.value1,"onUpdate:value":t[0]||(t[0]=C=>s.value1=C)},null,8,["value"])]),n("div",yn,[o(c,{value:s.value2,"onUpdate:value":t[3]||(t[3]=C=>s.value2=C)},{addonBefore:e(()=>[o(u,{value:s.value3,"onUpdate:value":t[1]||(t[1]=C=>s.value3=C),style:{width:"90px"}},{default:e(()=>[o(k,{value:"Http://"},{default:e(()=>t[5]||(t[5]=[a("Http://")])),_:1,__:[5]}),o(k,{value:"Https://"},{default:e(()=>t[6]||(t[6]=[a("Https://")])),_:1,__:[6]})]),_:1},8,["value"])]),addonAfter:e(()=>[o(u,{value:s.value4,"onUpdate:value":t[2]||(t[2]=C=>s.value4=C),style:{width:"80px"}},{default:e(()=>[o(k,{value:".com"},{default:e(()=>t[7]||(t[7]=[a(".com")])),_:1,__:[7]}),o(k,{value:".jp"},{default:e(()=>t[8]||(t[8]=[a(".jp")])),_:1,__:[8]}),o(k,{value:".cn"},{default:e(()=>t[9]||(t[9]=[a(".cn")])),_:1,__:[9]}),o(k,{value:".org"},{default:e(()=>t[10]||(t[10]=[a(".org")])),_:1,__:[10]})]),_:1},8,["value"])]),_:1},8,["value"])]),n("div",wn,[o(c,{value:s.value5,"onUpdate:value":t[4]||(t[4]=C=>s.value5=C)},{addonAfter:e(()=>[o(g)]),_:1},8,["value"])])])]),htmlCode:e(()=>t[11]||(t[11]=[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(`
    923. 

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

  924.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(`
    925. 

  925.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),n("span",{class:"token attr-name"},"addon-before"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Http://"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"addon-after"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".com"),n("span",{class:"token punctuation"},'"')]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    926. 

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

  927.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(`
    928. 

  928.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    929. 

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

  930.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value3"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 90px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    931. 

  931.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Http://"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Http://"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    932. 

  932.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Https://"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Https://"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    933. 

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

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

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

  936.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value4"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 80px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    937. 

  937.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".com"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".com"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    938. 

  938.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".jp"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".jp"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    939. 

  939.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".cn"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".cn"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    940. 

  940.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".org"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".org"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    941. 

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

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

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

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

  945.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(`
    946. 

  946.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    947. 

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

  948.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("setting-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    949. 

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

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

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

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

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

  954. `),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(`
    955. 

  955. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SettingOutlined "),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(`
    956. 

  956. `),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(`
    957. 

  957. `),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(`
    958. 

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

  959.     SettingOutlined`),n("span",{class:"token punctuation"},","),a(`
    960. 

  960.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    961. 

  961. 

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

  963.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    964. 

  964.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    965. 

  965.     `),n("span",{class:"token keyword"},"const"),a(" value3 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Http://'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    966. 

  966.     `),n("span",{class:"token keyword"},"const"),a(" value4 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'.com'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    967. 

  967.     `),n("span",{class:"token keyword"},"const"),a(" value5 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    968. 

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

  969.       value1`),n("span",{class:"token punctuation"},","),a(`
    970. 

  970.       value2`),n("span",{class:"token punctuation"},","),a(`
    971. 

  971.       value3`),n("span",{class:"token punctuation"},","),a(`
    972. 

  972.       value4`),n("span",{class:"token punctuation"},","),a(`
    973. 

  973.       value5`),n("span",{class:"token punctuation"},","),a(`
    974. 

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

  975.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    976. 

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

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

  978. `)])],-1)])),jsVersionHtml:e(()=>t[12]||(t[12]=[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(`
    979. 

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

  980.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(`
    981. 

  981.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),n("span",{class:"token attr-name"},"addon-before"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Http://"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"addon-after"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".com"),n("span",{class:"token punctuation"},'"')]),a(),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("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    982. 

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

  983.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(`
    984. 

  984.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    985. 

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

  986.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value3"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 90px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    987. 

  987.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Http://"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Http://"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    988. 

  988.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Https://"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Https://"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    989. 

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

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

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

  992.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),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("value4"),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"},"width"),n("span",{class:"token punctuation"},":"),a(" 80px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    993. 

  993.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".com"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".com"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    994. 

  994.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".jp"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".jp"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    995. 

  995.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".cn"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".cn"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    996. 

  996.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(".org"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(".org"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    997. 

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

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

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

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

  1001.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),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(`
    1002. 

  1002.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),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("value5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1003. 

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

  1004.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("setting-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1005. 

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

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

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

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

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

  1010. `),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(`
    1011. 

  1011. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SettingOutlined "),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(`
    1012. 

  1012. `),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(`
    1013. 

  1013. `),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(`
    1014. 

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

  1015.     SettingOutlined`),n("span",{class:"token punctuation"},","),a(`
    1016. 

  1016.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1017. 

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

  1018.     `),n("span",{class:"token keyword"},"const"),a(" value1 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1019. 

  1019.     `),n("span",{class:"token keyword"},"const"),a(" value2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1020. 

  1020.     `),n("span",{class:"token keyword"},"const"),a(" value3 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Http://'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1021. 

  1021.     `),n("span",{class:"token keyword"},"const"),a(" value4 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'.com'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1022. 

  1022.     `),n("span",{class:"token keyword"},"const"),a(" value5 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1023. 

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

  1024.       value1`),n("span",{class:"token punctuation"},","),a(`
    1025. 

  1025.       value2`),n("span",{class:"token punctuation"},","),a(`
    1026. 

  1026.       value3`),n("span",{class:"token punctuation"},","),a(`
    1027. 

  1027.       value4`),n("span",{class:"token punctuation"},","),a(`
    1028. 

  1028.       value5`),n("span",{class:"token punctuation"},","),a(`
    1029. 

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

  1030.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1031. 

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

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

  1033. `)])],-1)])),_:1})}var Hn=A(Wn,[["render",fn]]);function Bn(s){s+="";const t=s.split("."),I=t[0].charAt(0)==="-"?"-":"";let d=I?t[0].slice(1):t[0],r="";for(;d.length>3;)r=`,${d.slice(-3)}${r}`,d=d.slice(0,d.length-3);return d&&(r=d+r),`${I}${r}${t[1]?`.${t[1]}`:""}`}const Vn=h({setup(){const s=i("111"),t=P(()=>s.value==="-"?"-":Bn(s.value)),I=(r,v)=>{const c=/^-?\d*(\.\d*)?$/;!isNaN(+r)&&c.test(r)||r===""||r==="-"?s.value=r:s.value=v},d=()=>{(s.value.charAt(s.value.length-1)==="."||s.value==="-")&&I(s.value.slice(0,-1),s.value)};return x(s,(r,v)=>{I(r,v)}),{inputValue:s,onBlur:d,formatValue:t}}}),xn={class:"numeric-input-title"};function Gn(s,t,I,d,r,v){const c=p("a-input"),k=p("a-tooltip"),u=p("demo-box");return b(),W(u,{jsfiddle:{us:"You can use the Input in conjunction with [Tooltip](/components/tooltip/) component to create a Numeric Input, which can provide a good experience for extra-long content display.",cn:"\u7ED3\u5408 [Tooltip](/components/tooltip-cn/) \u7EC4\u4EF6\uFF0C\u5B9E\u73B0\u4E00\u4E2A\u6570\u503C\u8F93\u5165\u6846\uFF0C\u65B9\u4FBF\u5185\u5BB9\u8D85\u957F\u65F6\u7684\u5168\u91CF\u5C55\u73B0\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    1034. 

  1034. <p>\u7ED3\u5408 <a href="/components/tooltip-cn/">Tooltip</a> \u7EC4\u4EF6\uFF0C\u5B9E\u73B0\u4E00\u4E2A\u6570\u503C\u8F93\u5165\u6846\uFF0C\u65B9\u4FBF\u5185\u5BB9\u8D85\u957F\u65F6\u7684\u5168\u91CF\u5C55\u73B0\u3002</p>
    1035. 

  1035. <h2 id="en-us">en-US</h2>
    1036. 

  1036. <p>You can use the Input in conjunction with <a href="/components/tooltip/">Tooltip</a> component to create a Numeric Input, which can provide a good experience for extra-long content display.</p>
    1037. 

  1037. `,order:9,title:{"zh-CN":"\u8F93\u5165\u65F6\u683C\u5F0F\u5316\u5C55\u793A","en-US":"Format Tooltip Input"},relativePath:"src/docs/input/demo/tooltip.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRvb2x0aXAgOnRyaWdnZXI9IlsnZm9jdXMnXSIgcGxhY2VtZW50PSJ0b3BMZWZ0IiBvdmVybGF5LWNsYXNzLW5hbWU9Im51bWVyaWMtaW5wdXQiPgogICAgPHRlbXBsYXRlIHYtaWY9ImlucHV0VmFsdWUiICN0aXRsZT4KICAgICAgPHNwYW4gY2xhc3M9Im51bWVyaWMtaW5wdXQtdGl0bGUiPgogICAgICAgIHt7IGZvcm1hdFZhbHVlIH19CiAgICAgIDwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CgogICAgPGEtaW5wdXQKICAgICAgdi1tb2RlbDp2YWx1ZT0iaW5wdXRWYWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9IklucHV0IGEgbnVtYmVyIgogICAgICA6bWF4LWxlbmd0aD0iMjUiCiAgICAgIHN0eWxlPSJ3aWR0aDogMTIwcHgiCiAgICAgIEBibHVyPSJvbkJsdXIiCiAgICAvPgogIDwvYS10b29sdGlwPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgY29tcHV0ZWQsIGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CgpmdW5jdGlvbiBmb3JtYXROdW1iZXIodmFsdWU6IHN0cmluZykgewogIHZhbHVlICs9ICcnOwogIGNvbnN0IGxpc3QgPSB2YWx1ZS5zcGxpdCgnLicpOwogIGNvbnN0IHByZWZpeCA9IGxpc3RbMF0uY2hhckF0KDApID09PSAnLScgPyAnLScgOiAnJzsKICBsZXQgbnVtID0gcHJlZml4ID8gbGlzdFswXS5zbGljZSgxKSA6IGxpc3RbMF07CiAgbGV0IHJlc3VsdCA9ICcnOwoKICB3aGlsZSAobnVtLmxlbmd0aCA+IDMpIHsKICAgIHJlc3VsdCA9IGAsJHtudW0uc2xpY2UoLTMpfSR7cmVzdWx0fWA7CiAgICBudW0gPSBudW0uc2xpY2UoMCwgbnVtLmxlbmd0aCAtIDMpOwogIH0KCiAgaWYgKG51bSkgewogICAgcmVzdWx0ID0gbnVtICsgcmVzdWx0OwogIH0KCiAgcmV0dXJuIGAke3ByZWZpeH0ke3Jlc3VsdH0ke2xpc3RbMV0gPyBgLiR7bGlzdFsxXX1gIDogJyd9YDsKfQoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGlucHV0VmFsdWUgPSByZWY8c3RyaW5nPignMTExJyk7CiAgICBjb25zdCBmb3JtYXRWYWx1ZSA9IGNvbXB1dGVkKCgpID0+IHsKICAgICAgaWYgKGlucHV0VmFsdWUudmFsdWUgPT09ICctJykgcmV0dXJuICctJzsKICAgICAgcmV0dXJuIGZvcm1hdE51bWJlcihpbnB1dFZhbHVlLnZhbHVlKTsKICAgIH0pOwoKICAgIGNvbnN0IGZvcm1hdCA9ICh2YWw6IHN0cmluZywgcHJlVmFsOiBzdHJpbmcpID0+IHsKICAgICAgY29uc3QgcmVnID0gL14tP1xkKihcLlxkKik/JC87CgogICAgICBpZiAoKCFpc05hTigrdmFsKSAmJiByZWcudGVzdCh2YWwpKSB8fCB2YWwgPT09ICcnIHx8IHZhbCA9PT0gJy0nKSB7CiAgICAgICAgaW5wdXRWYWx1ZS52YWx1ZSA9IHZhbDsKICAgICAgfSBlbHNlIHsKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlID0gcHJlVmFsOwogICAgICB9CiAgICB9OwoKICAgIC8vICcuJyBhdCB0aGUgZW5kIG9yIG9ubHkgJy0nIGluIHRoZSBpbnB1dCBib3guCiAgICBjb25zdCBvbkJsdXIgPSAoKSA9PiB7CiAgICAgIGlmICgKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlLmNoYXJBdChpbnB1dFZhbHVlLnZhbHVlLmxlbmd0aCAtIDEpID09PSAnLicgfHwKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlID09PSAnLScKICAgICAgKSB7CiAgICAgICAgZm9ybWF0KGlucHV0VmFsdWUudmFsdWUuc2xpY2UoMCwgLTEpLCBpbnB1dFZhbHVlLnZhbHVlKTsKICAgICAgfQogICAgfTsKCiAgICB3YXRjaChpbnB1dFZhbHVlLCAodmFsLCBwcmVWYWwpID0+IHsKICAgICAgZm9ybWF0KHZhbCwgcHJlVmFsKTsKICAgIH0pOwoKICAgIHJldHVybiB7CiAgICAgIGlucHV0VmFsdWUsCiAgICAgIG9uQmx1ciwKICAgICAgZm9ybWF0VmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlPgovKiB0byBwcmV2ZW50IHRoZSBhcnJvdyBvdmVyZmxvdyB0aGUgcG9wdXAgY29udGFpbmVyLApvciB0aGUgaGVpZ2h0IGlzIG5vdCBlbm91Z2ggd2hlbiBjb250ZW50IGlzIGVtcHR5ICovCi5udW1lcmljLWlucHV0IC5hbnQtdG9vbHRpcC1pbm5lciB7CiAgbWluLXdpZHRoOiAzMnB4OwogIG1pbi1oZWlnaHQ6IDM3cHg7Cn0KCi5udW1lcmljLWlucHV0IC5udW1lcmljLWlucHV0LXRpdGxlIHsKICBmb250LXNpemU6IDE0cHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRvb2x0aXAgOnRyaWdnZXI9IlsnZm9jdXMnXSIgcGxhY2VtZW50PSJ0b3BMZWZ0IiBvdmVybGF5LWNsYXNzLW5hbWU9Im51bWVyaWMtaW5wdXQiPgogICAgPHRlbXBsYXRlIHYtaWY9ImlucHV0VmFsdWUiICN0aXRsZT4KICAgICAgPHNwYW4gY2xhc3M9Im51bWVyaWMtaW5wdXQtdGl0bGUiPgogICAgICAgIHt7IGZvcm1hdFZhbHVlIH19CiAgICAgIDwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CgogICAgPGEtaW5wdXQKICAgICAgdi1tb2RlbDp2YWx1ZT0iaW5wdXRWYWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9IklucHV0IGEgbnVtYmVyIgogICAgICA6bWF4LWxlbmd0aD0iMjUiCiAgICAgIHN0eWxlPSJ3aWR0aDogMTIwcHgiCiAgICAgIEBibHVyPSJvbkJsdXIiCiAgICAvPgogIDwvYS10b29sdGlwPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBjb21wdXRlZCwgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKZnVuY3Rpb24gZm9ybWF0TnVtYmVyKHZhbHVlKSB7CiAgdmFsdWUgKz0gJyc7CiAgY29uc3QgbGlzdCA9IHZhbHVlLnNwbGl0KCcuJyk7CiAgY29uc3QgcHJlZml4ID0gbGlzdFswXS5jaGFyQXQoMCkgPT09ICctJyA/ICctJyA6ICcnOwogIGxldCBudW0gPSBwcmVmaXggPyBsaXN0WzBdLnNsaWNlKDEpIDogbGlzdFswXTsKICBsZXQgcmVzdWx0ID0gJyc7CiAgd2hpbGUgKG51bS5sZW5ndGggPiAzKSB7CiAgICByZXN1bHQgPSBgLCR7bnVtLnNsaWNlKC0zKX0ke3Jlc3VsdH1gOwogICAgbnVtID0gbnVtLnNsaWNlKDAsIG51bS5sZW5ndGggLSAzKTsKICB9CiAgaWYgKG51bSkgewogICAgcmVzdWx0ID0gbnVtICsgcmVzdWx0OwogIH0KICByZXR1cm4gYCR7cHJlZml4fSR7cmVzdWx0fSR7bGlzdFsxXSA/IGAuJHtsaXN0WzFdfWAgOiAnJ31gOwp9CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBpbnB1dFZhbHVlID0gcmVmKCcxMTEnKTsKICAgIGNvbnN0IGZvcm1hdFZhbHVlID0gY29tcHV0ZWQoKCkgPT4gewogICAgICBpZiAoaW5wdXRWYWx1ZS52YWx1ZSA9PT0gJy0nKSByZXR1cm4gJy0nOwogICAgICByZXR1cm4gZm9ybWF0TnVtYmVyKGlucHV0VmFsdWUudmFsdWUpOwogICAgfSk7CiAgICBjb25zdCBmb3JtYXQgPSAodmFsLCBwcmVWYWwpID0+IHsKICAgICAgY29uc3QgcmVnID0gL14tP1xkKihcLlxkKik/JC87CiAgICAgIGlmICgoIWlzTmFOKCt2YWwpICYmIHJlZy50ZXN0KHZhbCkpIHx8IHZhbCA9PT0gJycgfHwgdmFsID09PSAnLScpIHsKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlID0gdmFsOwogICAgICB9IGVsc2UgewogICAgICAgIGlucHV0VmFsdWUudmFsdWUgPSBwcmVWYWw7CiAgICAgIH0KICAgIH07CgogICAgLy8gJy4nIGF0IHRoZSBlbmQgb3Igb25seSAnLScgaW4gdGhlIGlucHV0IGJveC4KICAgIGNvbnN0IG9uQmx1ciA9ICgpID0+IHsKICAgICAgaWYgKAogICAgICAgIGlucHV0VmFsdWUudmFsdWUuY2hhckF0KGlucHV0VmFsdWUudmFsdWUubGVuZ3RoIC0gMSkgPT09ICcuJyB8fAogICAgICAgIGlucHV0VmFsdWUudmFsdWUgPT09ICctJwogICAgICApIHsKICAgICAgICBmb3JtYXQoaW5wdXRWYWx1ZS52YWx1ZS5zbGljZSgwLCAtMSksIGlucHV0VmFsdWUudmFsdWUpOwogICAgICB9CiAgICB9OwogICAgd2F0Y2goaW5wdXRWYWx1ZSwgKHZhbCwgcHJlVmFsKSA9PiB7CiAgICAgIGZvcm1hdCh2YWwsIHByZVZhbCk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIGlucHV0VmFsdWUsCiAgICAgIG9uQmx1ciwKICAgICAgZm9ybWF0VmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlPgovKiB0byBwcmV2ZW50IHRoZSBhcnJvdyBvdmVyZmxvdyB0aGUgcG9wdXAgY29udGFpbmVyLApvciB0aGUgaGVpZ2h0IGlzIG5vdCBlbm91Z2ggd2hlbiBjb250ZW50IGlzIGVtcHR5ICovCi5udW1lcmljLWlucHV0IC5hbnQtdG9vbHRpcC1pbm5lciB7CiAgbWluLXdpZHRoOiAzMnB4OwogIG1pbi1oZWlnaHQ6IDM3cHg7Cn0KCi5udW1lcmljLWlucHV0IC5udW1lcmljLWlucHV0LXRpdGxlIHsKICBmb250LXNpemU6IDE0cHg7Cn0KPC9zdHlsZT4="}},{default:e(()=>[o(k,{trigger:["focus"],placement:"topLeft","overlay-class-name":"numeric-input"},X({default:e(()=>[o(c,{value:s.inputValue,"onUpdate:value":t[0]||(t[0]=g=>s.inputValue=g),placeholder:"Input a number","max-length":25,style:{width:"120px"},onBlur:s.onBlur},null,8,["value","onBlur"])]),_:2},[s.inputValue?{name:"title",fn:e(()=>[n("span",xn,F(s.formatValue),1)]),key:"0"}:void 0]),1024)]),htmlCode:e(()=>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(`
    1038. 

  1038.   `),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"},":trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['focus']"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("topLeft"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"overlay-class-name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("numeric-input"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1039. 

  1039.     `),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-if"),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(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),a(`
    1040. 

  1040.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("numeric-input-title"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1041. 

  1041.         {{ formatValue }}
    1042. 

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

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

  1044. 

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

  1046.       `),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(`
    1047. 

  1047.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Input a number"),n("span",{class:"token punctuation"},'"')]),a(`
    1048. 

  1048.       `),n("span",{class:"token attr-name"},":max-length"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("25"),n("span",{class:"token punctuation"},'"')]),a(`
    1049. 

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

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

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

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

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

  1054. `),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(`
    1055. 

  1055. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref"),n("span",{class:"token punctuation"},","),a(" watch "),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(`
    1056. 

  1056. 

  1057. `),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"formatNumber"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1058. 

  1058.   value `),n("span",{class:"token operator"},"+="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1059. 

  1059.   `),n("span",{class:"token keyword"},"const"),a(" list "),n("span",{class:"token operator"},"="),a(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"split"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'.'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1060. 

  1060.   `),n("span",{class:"token keyword"},"const"),a(" prefix "),n("span",{class:"token operator"},"="),a(" list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"charAt"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token string"},"'-'"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1061. 

  1061.   `),n("span",{class:"token keyword"},"let"),a(" num "),n("span",{class:"token operator"},"="),a(" prefix "),n("span",{class:"token operator"},"?"),a(" list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},":"),a(" list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    1062. 

  1062.   `),n("span",{class:"token keyword"},"let"),a(" result "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1063. 

  1063. 

  1064.   `),n("span",{class:"token keyword"},"while"),a(),n("span",{class:"token punctuation"},"("),a("num"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1065. 

  1065.     result `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},","),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("num"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("result"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),a(`
    1066. 

  1066.     num `),n("span",{class:"token operator"},"="),a(" num"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(" num"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1067. 

  1067.   `),n("span",{class:"token punctuation"},"}"),a(`
    1068. 

  1068. 

  1069.   `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("num"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1070. 

  1070.     result `),n("span",{class:"token operator"},"="),a(" num "),n("span",{class:"token operator"},"+"),a(" result"),n("span",{class:"token punctuation"},";"),a(`
    1071. 

  1071.   `),n("span",{class:"token punctuation"},"}"),a(`
    1072. 

  1072. 

  1073.   `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("prefix"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("result"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"."),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),a(`
    1074. 

  1074. `),n("span",{class:"token punctuation"},"}"),a(`
    1075. 

  1075. 

  1076. `),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(`
    1077. 

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

  1078.     `),n("span",{class:"token keyword"},"const"),a(" inputValue "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'111'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1079. 

  1079.     `),n("span",{class:"token keyword"},"const"),a(" formatValue "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),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(`
    1080. 

  1080.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},";"),a(`
    1081. 

  1081.       `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token function"},"formatNumber"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1082. 

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

  1083. 

  1084.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"format"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"preVal"),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(`
    1085. 

  1085.       `),n("span",{class:"token keyword"},"const"),a(" reg "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token regex"},[n("span",{class:"token regex-delimiter"},"/"),n("span",{class:"token regex-source language-regex"},"^-?\\d*(\\.\\d*)?$"),n("span",{class:"token regex-delimiter"},"/")]),n("span",{class:"token punctuation"},";"),a(`
    1086. 

  1086. 

  1087.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),n("span",{class:"token function"},"isNaN"),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"+"),a("val"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"&&"),a(" reg"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"test"),n("span",{class:"token punctuation"},"("),a("val"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"||"),a(" val "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"''"),a(),n("span",{class:"token operator"},"||"),a(" val "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1088. 

  1088.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    1089. 

  1089.       `),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1090. 

  1090.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" preVal"),n("span",{class:"token punctuation"},";"),a(`
    1091. 

  1091.       `),n("span",{class:"token punctuation"},"}"),a(`
    1092. 

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

  1093. 

  1094.     `),n("span",{class:"token comment"},"// '.' at the end or only '-' in the input box."),a(`
    1095. 

  1095.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onBlur"),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(`
    1096. 

  1096.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a(`
    1097. 

  1097.         inputValue`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"charAt"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'.'"),a(),n("span",{class:"token operator"},"||"),a(`
    1098. 

  1098.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),a(`
    1099. 

  1099.       `),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1100. 

  1100.         `),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(" inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1101. 

  1101.       `),n("span",{class:"token punctuation"},"}"),a(`
    1102. 

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

  1103. 

  1104.     `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("val"),n("span",{class:"token punctuation"},","),a(" preVal")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1105. 

  1105.       `),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("val"),n("span",{class:"token punctuation"},","),a(" preVal"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1106. 

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

  1107. 

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

  1109.       inputValue`),n("span",{class:"token punctuation"},","),a(`
    1110. 

  1110.       onBlur`),n("span",{class:"token punctuation"},","),a(`
    1111. 

  1111.       formatValue`),n("span",{class:"token punctuation"},","),a(`
    1112. 

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

  1113.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1114. 

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

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

  1116. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
    1117. 

  1117. `),n("span",{class:"token comment"},`/* to prevent the arrow overflow the popup container,
    1118. 

  1118. or the height is not enough when content is empty */`),a(`
    1119. 

  1119. `),n("span",{class:"token selector"},".numeric-input .ant-tooltip-inner"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1120. 

  1120.   `),n("span",{class:"token property"},"min-width"),n("span",{class:"token punctuation"},":"),a(" 32px"),n("span",{class:"token punctuation"},";"),a(`
    1121. 

  1121.   `),n("span",{class:"token property"},"min-height"),n("span",{class:"token punctuation"},":"),a(" 37px"),n("span",{class:"token punctuation"},";"),a(`
    1122. 

  1122. `),n("span",{class:"token punctuation"},"}"),a(`
    1123. 

  1123. 

  1124. `),n("span",{class:"token selector"},".numeric-input .numeric-input-title"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1125. 

  1125.   `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 14px"),n("span",{class:"token punctuation"},";"),a(`
    1126. 

  1126. `),n("span",{class:"token punctuation"},"}"),a(`
    1127. 

  1127. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    1128. 

  1128. `)])],-1)])),jsVersionHtml:e(()=>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(`
    1129. 

  1129.   `),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"},":trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['focus']"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("topLeft"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"overlay-class-name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("numeric-input"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1130. 

  1130.     `),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-if"),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(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),a(`
    1131. 

  1131.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("numeric-input-title"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1132. 

  1132.         {{ formatValue }}
    1133. 

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

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

  1135. 

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

  1137.       `),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(`
    1138. 

  1138.       `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Input a number"),n("span",{class:"token punctuation"},'"')]),a(`
    1139. 

  1139.       `),n("span",{class:"token attr-name"},":max-length"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("25"),n("span",{class:"token punctuation"},'"')]),a(`
    1140. 

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

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

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

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

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

  1145. `),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(`
    1146. 

  1146. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref"),n("span",{class:"token punctuation"},","),a(" watch "),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(`
    1147. 

  1147. `),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"formatNumber"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1148. 

  1148.   value `),n("span",{class:"token operator"},"+="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1149. 

  1149.   `),n("span",{class:"token keyword"},"const"),a(" list "),n("span",{class:"token operator"},"="),a(" value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"split"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'.'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1150. 

  1150.   `),n("span",{class:"token keyword"},"const"),a(" prefix "),n("span",{class:"token operator"},"="),a(" list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"charAt"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token string"},"'-'"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1151. 

  1151.   `),n("span",{class:"token keyword"},"let"),a(" num "),n("span",{class:"token operator"},"="),a(" prefix "),n("span",{class:"token operator"},"?"),a(" list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},":"),a(" list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    1152. 

  1152.   `),n("span",{class:"token keyword"},"let"),a(" result "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1153. 

  1153.   `),n("span",{class:"token keyword"},"while"),a(),n("span",{class:"token punctuation"},"("),a("num"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1154. 

  1154.     result `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},","),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("num"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("result"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),a(`
    1155. 

  1155.     num `),n("span",{class:"token operator"},"="),a(" num"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(" num"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1156. 

  1156.   `),n("span",{class:"token punctuation"},"}"),a(`
    1157. 

  1157.   `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("num"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1158. 

  1158.     result `),n("span",{class:"token operator"},"="),a(" num "),n("span",{class:"token operator"},"+"),a(" result"),n("span",{class:"token punctuation"},";"),a(`
    1159. 

  1159.   `),n("span",{class:"token punctuation"},"}"),a(`
    1160. 

  1160.   `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("prefix"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("result"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"."),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("list"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),a(`
    1161. 

  1161. `),n("span",{class:"token punctuation"},"}"),a(`
    1162. 

  1162. `),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(`
    1163. 

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

  1164.     `),n("span",{class:"token keyword"},"const"),a(" inputValue "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'111'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1165. 

  1165.     `),n("span",{class:"token keyword"},"const"),a(" formatValue "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),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(`
    1166. 

  1166.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},";"),a(`
    1167. 

  1167.       `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token function"},"formatNumber"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1168. 

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

  1169.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"format"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("val"),n("span",{class:"token punctuation"},","),a(" preVal")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1170. 

  1170.       `),n("span",{class:"token keyword"},"const"),a(" reg "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token regex"},[n("span",{class:"token regex-delimiter"},"/"),n("span",{class:"token regex-source language-regex"},"^-?\\d*(\\.\\d*)?$"),n("span",{class:"token regex-delimiter"},"/")]),n("span",{class:"token punctuation"},";"),a(`
    1171. 

  1171.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),n("span",{class:"token function"},"isNaN"),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"+"),a("val"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"&&"),a(" reg"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"test"),n("span",{class:"token punctuation"},"("),a("val"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"||"),a(" val "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"''"),a(),n("span",{class:"token operator"},"||"),a(" val "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1172. 

  1172.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    1173. 

  1173.       `),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1174. 

  1174.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" preVal"),n("span",{class:"token punctuation"},";"),a(`
    1175. 

  1175.       `),n("span",{class:"token punctuation"},"}"),a(`
    1176. 

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

  1177. 

  1178.     `),n("span",{class:"token comment"},"// '.' at the end or only '-' in the input box."),a(`
    1179. 

  1179.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onBlur"),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(`
    1180. 

  1180.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a(`
    1181. 

  1181.         inputValue`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"charAt"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'.'"),a(),n("span",{class:"token operator"},"||"),a(`
    1182. 

  1182.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),a(`
    1183. 

  1183.       `),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1184. 

  1184.         `),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"slice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(" inputValue"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1185. 

  1185.       `),n("span",{class:"token punctuation"},"}"),a(`
    1186. 

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

  1187.     `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("val"),n("span",{class:"token punctuation"},","),a(" preVal")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1188. 

  1188.       `),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("val"),n("span",{class:"token punctuation"},","),a(" preVal"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1189. 

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

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

  1191.       inputValue`),n("span",{class:"token punctuation"},","),a(`
    1192. 

  1192.       onBlur`),n("span",{class:"token punctuation"},","),a(`
    1193. 

  1193.       formatValue`),n("span",{class:"token punctuation"},","),a(`
    1194. 

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

  1195.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1196. 

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

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

  1198. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
    1199. 

  1199. `),n("span",{class:"token comment"},`/* to prevent the arrow overflow the popup container,
    1200. 

  1200. or the height is not enough when content is empty */`),a(`
    1201. 

  1201. `),n("span",{class:"token selector"},".numeric-input .ant-tooltip-inner"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1202. 

  1202.   `),n("span",{class:"token property"},"min-width"),n("span",{class:"token punctuation"},":"),a(" 32px"),n("span",{class:"token punctuation"},";"),a(`
    1203. 

  1203.   `),n("span",{class:"token property"},"min-height"),n("span",{class:"token punctuation"},":"),a(" 37px"),n("span",{class:"token punctuation"},";"),a(`
    1204. 

  1204. `),n("span",{class:"token punctuation"},"}"),a(`
    1205. 

  1205. 

  1206. `),n("span",{class:"token selector"},".numeric-input .numeric-input-title"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1207. 

  1207.   `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 14px"),n("span",{class:"token punctuation"},";"),a(`
    1208. 

  1208. `),n("span",{class:"token punctuation"},"}"),a(`
    1209. 

  1209. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    1210. 

  1210. `)])],-1)])),_:1})}var Yn=A(Vn,[["render",Gn]]);const Sn={pageData:{title:"Input",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"Input",subtitle:"\u8F93\u5165\u6846",cover:"https://gw.alipayobjects.com/zos/alicdn/xS9YEJhfe/Input.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:"Input"},{level:3,title:"Input",slug:"input",content:""},{level:3,title:"Input \u4E8B\u4EF6",slug:"input-\u4E8B\u4EF6",content:""},{level:3,title:"Input.TextArea",slug:"input-textarea",content:""},{level:3,title:"Input.TextArea \u4E8B\u4EF6",slug:"input-textarea-\u4E8B\u4EF6",content:""},{level:3,title:"Input.Search \u4E8B\u4EF6",slug:"input-search-\u4E8B\u4EF6",content:""}],relativePath:"src/docs/input/index.zh-CN.md",content:`
    1211. 

  1211. \u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\u8F93\u5165\u5185\u5BB9\uFF0C\u662F\u6700\u57FA\u7840\u7684\u8868\u5355\u57DF\u7684\u5305\u88C5\u3002
    1212. 

  1212. 

  1213. ## \u4F55\u65F6\u4F7F\u7528
    1214. 

  1214. 

  1215. - \u9700\u8981\u7528\u6237\u8F93\u5165\u8868\u5355\u57DF\u5185\u5BB9\u65F6\u3002
    1216. 

  1216. - \u63D0\u4F9B\u7EC4\u5408\u578B\u8F93\u5165\u6846\uFF0C\u5E26\u641C\u7D22\u7684\u8F93\u5165\u6846\uFF0C\u8FD8\u53EF\u4EE5\u8FDB\u884C\u5927\u5C0F\u9009\u62E9\u3002
    1217. 

  1217. 

  1218. ## API
    1219. 

  1219. 

  1220. ### Input
    1221. 

  1221. 

  1222. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1223. 

  1223. | --- | --- | --- | --- | --- |
    1224. 

  1224. | addonAfter | \u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u540E\u7F6E\u6807\u7B7E | string\\|slot |  |  |
    1225. 

  1225. | addonBefore | \u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u524D\u7F6E\u6807\u7B7E | string\\|slot |  |  |
    1226. 

  1226. | defaultValue | \u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9 | string |  |  |
    1227. 

  1227. | disabled | \u662F\u5426\u7981\u7528\u72B6\u6001\uFF0C\u9ED8\u8BA4\u4E3A false | boolean | false |  |
    1228. 

  1228. | id | \u8F93\u5165\u6846\u7684 id | string |  |  |
    1229. 

  1229. | maxlength | \u6700\u5927\u957F\u5EA6 | number |  | 1.5.0 |
    1230. 

  1230. | prefix | \u5E26\u6709\u524D\u7F00\u56FE\u6807\u7684 input | string\\|slot |  |  |
    1231. 

  1231. | size | \u63A7\u4EF6\u5927\u5C0F\u3002\u6CE8\uFF1A\u6807\u51C6\u8868\u5355\u5185\u7684\u8F93\u5165\u6846\u5927\u5C0F\u9650\u5236\u4E3A \`large\`\u3002\u53EF\u9009 \`large\` \`default\` \`small\` | string | \`default\` |  |
    1232. 

  1232. | suffix | \u5E26\u6709\u540E\u7F00\u56FE\u6807\u7684 input | string\\|slot |  |  |
    1233. 

  1233. | type | \u58F0\u660E input \u7C7B\u578B\uFF0C\u540C\u539F\u751F input \u6807\u7B7E\u7684 type \u5C5E\u6027\uFF0C\u89C1\uFF1A[MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#\u5C5E\u6027)(\u8BF7\u76F4\u63A5\u4F7F\u7528 \`Input.TextArea\` \u4EE3\u66FF \`type=&quot;textarea&quot;\`)\u3002 | string | \`text\` |  |
    1234. 

  1234. | value(v-model) | \u8F93\u5165\u6846\u5185\u5BB9 | string |  |  |
    1235. 

  1235. | allowClear | \u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9 | boolean |  |  |
    1236. 

  1236. 

  1237. ### Input \u4E8B\u4EF6
    1238. 

  1238. 

  1239. | \u4E8B\u4EF6\u540D\u79F0   | \u8BF4\u660E                   | \u56DE\u8C03\u53C2\u6570    |
    1240. 

  1240. | ---------- | ---------------------- | ----------- | --- |
    1241. 

  1241. | change     | \u8F93\u5165\u6846\u5185\u5BB9\u53D8\u5316\u65F6\u7684\u56DE\u8C03 | function(e) |     |
    1242. 

  1242. | pressEnter | \u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03         | function(e) |
    1243. 

  1243. 

  1244. &gt; \u5982\u679C \`Input\` \u5728 \`Form.Item\` \u5185\uFF0C\u5E76\u4E14 \`Form.Item\` \u8BBE\u7F6E\u4E86 \`id\` \u548C \`options\` \u5C5E\u6027\uFF0C\u5219 \`value\` \`defaultValue\` \u548C \`id\` \u5C5E\u6027\u4F1A\u88AB\u81EA\u52A8\u8BBE\u7F6E\u3002
    1245. 

  1245. 

  1246. ### Input.TextArea
    1247. 

  1247. 

  1248. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1249. 

  1249. | --- | --- | --- | --- | --- | --- |
    1250. 

  1250. | autosize | \u81EA\u9002\u5E94\u5185\u5BB9\u9AD8\u5EA6\uFF0C\u53EF\u8BBE\u7F6E\u4E3A \`true | false\` \u6216\u5BF9\u8C61\uFF1A\`{ minRows: 2, maxRows: 6 }\` | boolean\\|object | false |  |
    1251. 

  1251. | defaultValue | \u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9 | string |  |  |
    1252. 

  1252. | value(v-model) | \u8F93\u5165\u6846\u5185\u5BB9 | string |  |  |
    1253. 

  1253. | allowClear | \u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9 | boolean |  | 1.5.0 |
    1254. 

  1254. | showCount | \u662F\u5426\u5C55\u793A\u5B57\u6570 | boolean | false |  |
    1255. 

  1255. 

  1256. ### Input.TextArea \u4E8B\u4EF6
    1257. 

  1257. 

  1258. | \u4E8B\u4EF6\u540D\u79F0   | \u8BF4\u660E           | \u56DE\u8C03\u53C2\u6570    |
    1259. 

  1259. | ---------- | -------------- | ----------- |
    1260. 

  1260. | pressEnter | \u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03 | function(e) |
    1261. 

  1261. 

  1262. \`Input.TextArea\` \u7684\u5176\u4ED6\u5C5E\u6027\u548C\u6D4F\u89C8\u5668\u81EA\u5E26\u7684 [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea) \u4E00\u81F4\u3002
    1263. 

  1263. 

  1264. #### Input.Search
    1265. 

  1265. 

  1266. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1267. 

  1267. | --- | --- | --- | --- | --- |
    1268. 

  1268. | enterButton | \u662F\u5426\u6709\u786E\u8BA4\u6309\u94AE\uFF0C\u53EF\u8BBE\u4E3A\u6309\u94AE\u6587\u5B57\u3002\u8BE5\u5C5E\u6027\u4F1A\u4E0E addon \u51B2\u7A81\u3002 | boolean\\|slot | false |  |
    1269. 

  1269. | loading | \u641C\u7D22 loading | boolean |  | 1.5.0 |
    1270. 

  1270. 

  1271. ### Input.Search \u4E8B\u4EF6
    1272. 

  1272. 

  1273. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E                         | \u56DE\u8C03\u53C2\u6570               |
    1274. 

  1274. | -------- | ---------------------------- | ---------------------- |
    1275. 

  1275. | search   | \u70B9\u51FB\u641C\u7D22\u6216\u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u7684\u56DE\u8C03 | function(value, event) |
    1276. 

  1276. 

  1277. \u5176\u4F59\u5C5E\u6027\u548C Input \u4E00\u81F4\u3002
    1278. 

  1278. 

  1279. #### Input.Group
    1280. 

  1280. 

  1281. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    1282. 

  1282. | --- | --- | --- | --- |
    1283. 

  1283. | compact | \u662F\u5426\u7528\u7D27\u51D1\u6A21\u5F0F | boolean | false |
    1284. 

  1284. | size | \`Input.Group\` \u4E2D\u6240\u6709\u7684 \`Input\` \u7684\u5927\u5C0F\uFF0C\u53EF\u9009 \`large\` \`default\` \`small\` | string | \`default\` |
    1285. 

  1285. 

  1286. \`\`\`html
    1287. 

  1287. &lt;a-input-group&gt;
    1288. 

  1288.   &lt;a-input /&gt;
    1289. 

  1289.   &lt;a-input /&gt;
    1290. 

  1290. &lt;/a-input-group&gt;
    1291. 

  1291. \`\`\`
    1292. 

  1292. 

  1293. #### Input.Password (1.14.0 \u4E2D\u65B0\u589E)
    1294. 

  1294. 

  1295. | \u53C2\u6570             | \u8BF4\u660E             | \u7C7B\u578B    | \u9ED8\u8BA4\u503C |
    1296. 

  1296. | ---------------- | ---------------- | ------- | ------ |
    1297. 

  1297. | visibilityToggle | \u662F\u5426\u663E\u793A\u5207\u6362\u6309\u94AE | boolean | true   |
    1298. 

  1298. `,html:`<p>\u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\u8F93\u5165\u5185\u5BB9\uFF0C\u662F\u6700\u57FA\u7840\u7684\u8868\u5355\u57DF\u7684\u5305\u88C5\u3002</p>
    1299. 

  1299. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
    1300. 

  1300. <ul>
    1301. 

  1301. <li>\u9700\u8981\u7528\u6237\u8F93\u5165\u8868\u5355\u57DF\u5185\u5BB9\u65F6\u3002</li>
    1302. 

  1302. <li>\u63D0\u4F9B\u7EC4\u5408\u578B\u8F93\u5165\u6846\uFF0C\u5E26\u641C\u7D22\u7684\u8F93\u5165\u6846\uFF0C\u8FD8\u53EF\u4EE5\u8FDB\u884C\u5927\u5C0F\u9009\u62E9\u3002</li>
    1303. 

  1303. </ul>
    1304. 

  1304. <h2 id="api">API</h2>
    1305. 

  1305. <h3 id="input">Input</h3>
    1306. 

  1306. <table>
    1307. 

  1307. <thead>
    1308. 

  1308. <tr>
    1309. 

  1309. <th>\u53C2\u6570</th>
    1310. 

  1310. <th>\u8BF4\u660E</th>
    1311. 

  1311. <th>\u7C7B\u578B</th>
    1312. 

  1312. <th>\u9ED8\u8BA4\u503C</th>
    1313. 

  1313. <th>\u7248\u672C</th>
    1314. 

  1314. </tr>
    1315. 

  1315. </thead>
    1316. 

  1316. <tbody>
    1317. 

  1317. <tr>
    1318. 

  1318. <td>addonAfter</td>
    1319. 

  1319. <td>\u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u540E\u7F6E\u6807\u7B7E</td>
    1320. 

  1320. <td>string|slot</td>
    1321. 

  1321. <td></td>
    1322. 

  1322. <td></td>
    1323. 

  1323. </tr>
    1324. 

  1324. <tr>
    1325. 

  1325. <td>addonBefore</td>
    1326. 

  1326. <td>\u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u524D\u7F6E\u6807\u7B7E</td>
    1327. 

  1327. <td>string|slot</td>
    1328. 

  1328. <td></td>
    1329. 

  1329. <td></td>
    1330. 

  1330. </tr>
    1331. 

  1331. <tr>
    1332. 

  1332. <td>defaultValue</td>
    1333. 

  1333. <td>\u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9</td>
    1334. 

  1334. <td>string</td>
    1335. 

  1335. <td></td>
    1336. 

  1336. <td></td>
    1337. 

  1337. </tr>
    1338. 

  1338. <tr>
    1339. 

  1339. <td>disabled</td>
    1340. 

  1340. <td>\u662F\u5426\u7981\u7528\u72B6\u6001\uFF0C\u9ED8\u8BA4\u4E3A false</td>
    1341. 

  1341. <td>boolean</td>
    1342. 

  1342. <td>false</td>
    1343. 

  1343. <td></td>
    1344. 

  1344. </tr>
    1345. 

  1345. <tr>
    1346. 

  1346. <td>id</td>
    1347. 

  1347. <td>\u8F93\u5165\u6846\u7684 id</td>
    1348. 

  1348. <td>string</td>
    1349. 

  1349. <td></td>
    1350. 

  1350. <td></td>
    1351. 

  1351. </tr>
    1352. 

  1352. <tr>
    1353. 

  1353. <td>maxlength</td>
    1354. 

  1354. <td>\u6700\u5927\u957F\u5EA6</td>
    1355. 

  1355. <td>number</td>
    1356. 

  1356. <td></td>
    1357. 

  1357. <td>1.5.0</td>
    1358. 

  1358. </tr>
    1359. 

  1359. <tr>
    1360. 

  1360. <td>prefix</td>
    1361. 

  1361. <td>\u5E26\u6709\u524D\u7F00\u56FE\u6807\u7684 input</td>
    1362. 

  1362. <td>string|slot</td>
    1363. 

  1363. <td></td>
    1364. 

  1364. <td></td>
    1365. 

  1365. </tr>
    1366. 

  1366. <tr>
    1367. 

  1367. <td>size</td>
    1368. 

  1368. <td>\u63A7\u4EF6\u5927\u5C0F\u3002\u6CE8\uFF1A\u6807\u51C6\u8868\u5355\u5185\u7684\u8F93\u5165\u6846\u5927\u5C0F\u9650\u5236\u4E3A <code>large</code>\u3002\u53EF\u9009 <code>large</code> <code>default</code> <code>small</code></td>
    1369. 

  1369. <td>string</td>
    1370. 

  1370. <td><code>default</code></td>
    1371. 

  1371. <td></td>
    1372. 

  1372. </tr>
    1373. 

  1373. <tr>
    1374. 

  1374. <td>suffix</td>
    1375. 

  1375. <td>\u5E26\u6709\u540E\u7F00\u56FE\u6807\u7684 input</td>
    1376. 

  1376. <td>string|slot</td>
    1377. 

  1377. <td></td>
    1378. 

  1378. <td></td>
    1379. 

  1379. </tr>
    1380. 

  1380. <tr>
    1381. 

  1381. <td>type</td>
    1382. 

  1382. <td>\u58F0\u660E input \u7C7B\u578B\uFF0C\u540C\u539F\u751F input \u6807\u7B7E\u7684 type \u5C5E\u6027\uFF0C\u89C1\uFF1A<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#%E5%B1%9E%E6%80%A7" target="_blank" rel="noopener noreferrer">MDN</a>(\u8BF7\u76F4\u63A5\u4F7F\u7528 <code>Input.TextArea</code> \u4EE3\u66FF <code>type=&quot;textarea&quot;</code>)\u3002</td>
    1383. 

  1383. <td>string</td>
    1384. 

  1384. <td><code>text</code></td>
    1385. 

  1385. <td></td>
    1386. 

  1386. </tr>
    1387. 

  1387. <tr>
    1388. 

  1388. <td>value(v-model)</td>
    1389. 

  1389. <td>\u8F93\u5165\u6846\u5185\u5BB9</td>
    1390. 

  1390. <td>string</td>
    1391. 

  1391. <td></td>
    1392. 

  1392. <td></td>
    1393. 

  1393. </tr>
    1394. 

  1394. <tr>
    1395. 

  1395. <td>allowClear</td>
    1396. 

  1396. <td>\u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9</td>
    1397. 

  1397. <td>boolean</td>
    1398. 

  1398. <td></td>
    1399. 

  1399. <td></td>
    1400. 

  1400. </tr>
    1401. 

  1401. </tbody>
    1402. 

  1402. </table>
    1403. 

  1403. <h3 id="input-\u4E8B\u4EF6">Input \u4E8B\u4EF6</h3>
    1404. 

  1404. <table>
    1405. 

  1405. <thead>
    1406. 

  1406. <tr>
    1407. 

  1407. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1408. 

  1408. <th>\u8BF4\u660E</th>
    1409. 

  1409. <th>\u56DE\u8C03\u53C2\u6570</th>
    1410. 

  1410. </tr>
    1411. 

  1411. </thead>
    1412. 

  1412. <tbody>
    1413. 

  1413. <tr>
    1414. 

  1414. <td>change</td>
    1415. 

  1415. <td>\u8F93\u5165\u6846\u5185\u5BB9\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td>
    1416. 

  1416. <td>function(e)</td>
    1417. 

  1417. </tr>
    1418. 

  1418. <tr>
    1419. 

  1419. <td>pressEnter</td>
    1420. 

  1420. <td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td>
    1421. 

  1421. <td>function(e)</td>
    1422. 

  1422. </tr>
    1423. 

  1423. </tbody>
    1424. 

  1424. </table>
    1425. 

  1425. <blockquote>
    1426. 

  1426. <p>\u5982\u679C <code>Input</code> \u5728 <code>Form.Item</code> \u5185\uFF0C\u5E76\u4E14 <code>Form.Item</code> \u8BBE\u7F6E\u4E86 <code>id</code> \u548C <code>options</code> \u5C5E\u6027\uFF0C\u5219 <code>value</code> <code>defaultValue</code> \u548C <code>id</code> \u5C5E\u6027\u4F1A\u88AB\u81EA\u52A8\u8BBE\u7F6E\u3002</p>
    1427. 

  1427. </blockquote>
    1428. 

  1428. <h3 id="input-textarea">Input.TextArea</h3>
    1429. 

  1429. <table>
    1430. 

  1430. <thead>
    1431. 

  1431. <tr>
    1432. 

  1432. <th>\u53C2\u6570</th>
    1433. 

  1433. <th>\u8BF4\u660E</th>
    1434. 

  1434. <th>\u7C7B\u578B</th>
    1435. 

  1435. <th>\u9ED8\u8BA4\u503C</th>
    1436. 

  1436. <th>\u7248\u672C</th>
    1437. 

  1437. </tr>
    1438. 

  1438. </thead>
    1439. 

  1439. <tbody>
    1440. 

  1440. <tr>
    1441. 

  1441. <td>autosize</td>
    1442. 

  1442. <td>\u81EA\u9002\u5E94\u5185\u5BB9\u9AD8\u5EA6\uFF0C\u53EF\u8BBE\u7F6E\u4E3A <code>true | false</code> \u6216\u5BF9\u8C61\uFF1A<code>{ minRows: 2, maxRows: 6 }</code></td>
    1443. 

  1443. <td>boolean|object</td>
    1444. 

  1444. <td>false</td>
    1445. 

  1445. <td></td>
    1446. 

  1446. </tr>
    1447. 

  1447. <tr>
    1448. 

  1448. <td>defaultValue</td>
    1449. 

  1449. <td>\u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9</td>
    1450. 

  1450. <td>string</td>
    1451. 

  1451. <td></td>
    1452. 

  1452. <td></td>
    1453. 

  1453. </tr>
    1454. 

  1454. <tr>
    1455. 

  1455. <td>value(v-model)</td>
    1456. 

  1456. <td>\u8F93\u5165\u6846\u5185\u5BB9</td>
    1457. 

  1457. <td>string</td>
    1458. 

  1458. <td></td>
    1459. 

  1459. <td></td>
    1460. 

  1460. </tr>
    1461. 

  1461. <tr>
    1462. 

  1462. <td>allowClear</td>
    1463. 

  1463. <td>\u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9</td>
    1464. 

  1464. <td>boolean</td>
    1465. 

  1465. <td></td>
    1466. 

  1466. <td>1.5.0</td>
    1467. 

  1467. </tr>
    1468. 

  1468. <tr>
    1469. 

  1469. <td>showCount</td>
    1470. 

  1470. <td>\u662F\u5426\u5C55\u793A\u5B57\u6570</td>
    1471. 

  1471. <td>boolean</td>
    1472. 

  1472. <td>false</td>
    1473. 

  1473. <td></td>
    1474. 

  1474. </tr>
    1475. 

  1475. </tbody>
    1476. 

  1476. </table>
    1477. 

  1477. <h3 id="input-textarea-\u4E8B\u4EF6">Input.TextArea \u4E8B\u4EF6</h3>
    1478. 

  1478. <table>
    1479. 

  1479. <thead>
    1480. 

  1480. <tr>
    1481. 

  1481. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1482. 

  1482. <th>\u8BF4\u660E</th>
    1483. 

  1483. <th>\u56DE\u8C03\u53C2\u6570</th>
    1484. 

  1484. </tr>
    1485. 

  1485. </thead>
    1486. 

  1486. <tbody>
    1487. 

  1487. <tr>
    1488. 

  1488. <td>pressEnter</td>
    1489. 

  1489. <td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td>
    1490. 

  1490. <td>function(e)</td>
    1491. 

  1491. </tr>
    1492. 

  1492. </tbody>
    1493. 

  1493. </table>
    1494. 

  1494. <p><code>Input.TextArea</code> \u7684\u5176\u4ED6\u5C5E\u6027\u548C\u6D4F\u89C8\u5668\u81EA\u5E26\u7684 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea" target="_blank" rel="noopener noreferrer">textarea</a> \u4E00\u81F4\u3002</p>
    1495. 

  1495. <h4 id="input-search">Input.Search</h4>
    1496. 

  1496. <table>
    1497. 

  1497. <thead>
    1498. 

  1498. <tr>
    1499. 

  1499. <th>\u53C2\u6570</th>
    1500. 

  1500. <th>\u8BF4\u660E</th>
    1501. 

  1501. <th>\u7C7B\u578B</th>
    1502. 

  1502. <th>\u9ED8\u8BA4\u503C</th>
    1503. 

  1503. <th>\u7248\u672C</th>
    1504. 

  1504. </tr>
    1505. 

  1505. </thead>
    1506. 

  1506. <tbody>
    1507. 

  1507. <tr>
    1508. 

  1508. <td>enterButton</td>
    1509. 

  1509. <td>\u662F\u5426\u6709\u786E\u8BA4\u6309\u94AE\uFF0C\u53EF\u8BBE\u4E3A\u6309\u94AE\u6587\u5B57\u3002\u8BE5\u5C5E\u6027\u4F1A\u4E0E addon \u51B2\u7A81\u3002</td>
    1510. 

  1510. <td>boolean|slot</td>
    1511. 

  1511. <td>false</td>
    1512. 

  1512. <td></td>
    1513. 

  1513. </tr>
    1514. 

  1514. <tr>
    1515. 

  1515. <td>loading</td>
    1516. 

  1516. <td>\u641C\u7D22 loading</td>
    1517. 

  1517. <td>boolean</td>
    1518. 

  1518. <td></td>
    1519. 

  1519. <td>1.5.0</td>
    1520. 

  1520. </tr>
    1521. 

  1521. </tbody>
    1522. 

  1522. </table>
    1523. 

  1523. <h3 id="input-search-\u4E8B\u4EF6">Input.Search \u4E8B\u4EF6</h3>
    1524. 

  1524. <table>
    1525. 

  1525. <thead>
    1526. 

  1526. <tr>
    1527. 

  1527. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1528. 

  1528. <th>\u8BF4\u660E</th>
    1529. 

  1529. <th>\u56DE\u8C03\u53C2\u6570</th>
    1530. 

  1530. </tr>
    1531. 

  1531. </thead>
    1532. 

  1532. <tbody>
    1533. 

  1533. <tr>
    1534. 

  1534. <td>search</td>
    1535. 

  1535. <td>\u70B9\u51FB\u641C\u7D22\u6216\u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u7684\u56DE\u8C03</td>
    1536. 

  1536. <td>function(value, event)</td>
    1537. 

  1537. </tr>
    1538. 

  1538. </tbody>
    1539. 

  1539. </table>
    1540. 

  1540. <p>\u5176\u4F59\u5C5E\u6027\u548C Input \u4E00\u81F4\u3002</p>
    1541. 

  1541. <h4 id="input-group">Input.Group</h4>
    1542. 

  1542. <table>
    1543. 

  1543. <thead>
    1544. 

  1544. <tr>
    1545. 

  1545. <th>\u53C2\u6570</th>
    1546. 

  1546. <th>\u8BF4\u660E</th>
    1547. 

  1547. <th>\u7C7B\u578B</th>
    1548. 

  1548. <th>\u9ED8\u8BA4\u503C</th>
    1549. 

  1549. </tr>
    1550. 

  1550. </thead>
    1551. 

  1551. <tbody>
    1552. 

  1552. <tr>
    1553. 

  1553. <td>compact</td>
    1554. 

  1554. <td>\u662F\u5426\u7528\u7D27\u51D1\u6A21\u5F0F</td>
    1555. 

  1555. <td>boolean</td>
    1556. 

  1556. <td>false</td>
    1557. 

  1557. </tr>
    1558. 

  1558. <tr>
    1559. 

  1559. <td>size</td>
    1560. 

  1560. <td><code>Input.Group</code> \u4E2D\u6240\u6709\u7684 <code>Input</code> \u7684\u5927\u5C0F\uFF0C\u53EF\u9009 <code>large</code> <code>default</code> <code>small</code></td>
    1561. 

  1561. <td>string</td>
    1562. 

  1562. <td><code>default</code></td>
    1563. 

  1563. </tr>
    1564. 

  1564. </tbody>
    1565. 

  1565. </table>
    1566. 

  1566. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input-group</span><span class="token punctuation">></span></span>
    1567. 

  1567.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    1568. 

  1568.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    1569. 

  1569. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-input-group</span><span class="token punctuation">></span></span>
    1570. 

  1570. </code></pre>
    1571. 

  1571. <h4 id="input-password-1-14-0-\u4E2D\u65B0\u589E">Input.Password (1.14.0 \u4E2D\u65B0\u589E)</h4>
    1572. 

  1572. <table>
    1573. 

  1573. <thead>
    1574. 

  1574. <tr>
    1575. 

  1575. <th>\u53C2\u6570</th>
    1576. 

  1576. <th>\u8BF4\u660E</th>
    1577. 

  1577. <th>\u7C7B\u578B</th>
    1578. 

  1578. <th>\u9ED8\u8BA4\u503C</th>
    1579. 

  1579. </tr>
    1580. 

  1580. </thead>
    1581. 

  1581. <tbody>
    1582. 

  1582. <tr>
    1583. 

  1583. <td>visibilityToggle</td>
    1584. 

  1584. <td>\u662F\u5426\u663E\u793A\u5207\u6362\u6309\u94AE</td>
    1585. 

  1585. <td>boolean</td>
    1586. 

  1586. <td>true</td>
    1587. 

  1587. </tr>
    1588. 

  1588. </tbody>
    1589. 

  1589. </table>
    1590. 

  1590. `,lastUpdated:1748059052689}},Pn={class:"markdown"};function Xn(s,t,I,d,r,v){return b(),G("article",Pn,t[0]||(t[0]=[Y(`<p>\u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\u8F93\u5165\u5185\u5BB9\uFF0C\u662F\u6700\u57FA\u7840\u7684\u8868\u5355\u57DF\u7684\u5305\u88C5\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><ul><li>\u9700\u8981\u7528\u6237\u8F93\u5165\u8868\u5355\u57DF\u5185\u5BB9\u65F6\u3002</li><li>\u63D0\u4F9B\u7EC4\u5408\u578B\u8F93\u5165\u6846\uFF0C\u5E26\u641C\u7D22\u7684\u8F93\u5165\u6846\uFF0C\u8FD8\u53EF\u4EE5\u8FDB\u884C\u5927\u5C0F\u9009\u62E9\u3002</li></ul><h2 id="api">API</h2><h3 id="input">Input</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>addonAfter</td><td>\u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u540E\u7F6E\u6807\u7B7E</td><td>string|slot</td><td></td><td></td></tr><tr><td>addonBefore</td><td>\u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u524D\u7F6E\u6807\u7B7E</td><td>string|slot</td><td></td><td></td></tr><tr><td>defaultValue</td><td>\u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9</td><td>string</td><td></td><td></td></tr><tr><td>disabled</td><td>\u662F\u5426\u7981\u7528\u72B6\u6001\uFF0C\u9ED8\u8BA4\u4E3A false</td><td>boolean</td><td>false</td><td></td></tr><tr><td>id</td><td>\u8F93\u5165\u6846\u7684 id</td><td>string</td><td></td><td></td></tr><tr><td>maxlength</td><td>\u6700\u5927\u957F\u5EA6</td><td>number</td><td></td><td>1.5.0</td></tr><tr><td>prefix</td><td>\u5E26\u6709\u524D\u7F00\u56FE\u6807\u7684 input</td><td>string|slot</td><td></td><td></td></tr><tr><td>size</td><td>\u63A7\u4EF6\u5927\u5C0F\u3002\u6CE8\uFF1A\u6807\u51C6\u8868\u5355\u5185\u7684\u8F93\u5165\u6846\u5927\u5C0F\u9650\u5236\u4E3A <code>large</code>\u3002\u53EF\u9009 <code>large</code> <code>default</code> <code>small</code></td><td>string</td><td><code>default</code></td><td></td></tr><tr><td>suffix</td><td>\u5E26\u6709\u540E\u7F00\u56FE\u6807\u7684 input</td><td>string|slot</td><td></td><td></td></tr><tr><td>type</td><td>\u58F0\u660E input \u7C7B\u578B\uFF0C\u540C\u539F\u751F input \u6807\u7B7E\u7684 type \u5C5E\u6027\uFF0C\u89C1\uFF1A<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#%E5%B1%9E%E6%80%A7" target="_blank" rel="noopener noreferrer">MDN</a>(\u8BF7\u76F4\u63A5\u4F7F\u7528 <code>Input.TextArea</code> \u4EE3\u66FF <code>type=&quot;textarea&quot;</code>)\u3002</td><td>string</td><td><code>text</code></td><td></td></tr><tr><td>value(v-model)</td><td>\u8F93\u5165\u6846\u5185\u5BB9</td><td>string</td><td></td><td></td></tr><tr><td>allowClear</td><td>\u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9</td><td>boolean</td><td></td><td></td></tr></tbody></table><h3 id="input-\u4E8B\u4EF6">Input \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>\u8F93\u5165\u6846\u5185\u5BB9\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td><td>function(e)</td></tr><tr><td>pressEnter</td><td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td><td>function(e)</td></tr></tbody></table><blockquote><p>\u5982\u679C <code>Input</code> \u5728 <code>Form.Item</code> \u5185\uFF0C\u5E76\u4E14 <code>Form.Item</code> \u8BBE\u7F6E\u4E86 <code>id</code> \u548C <code>options</code> \u5C5E\u6027\uFF0C\u5219 <code>value</code> <code>defaultValue</code> \u548C <code>id</code> \u5C5E\u6027\u4F1A\u88AB\u81EA\u52A8\u8BBE\u7F6E\u3002</p></blockquote><h3 id="input-textarea">Input.TextArea</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>autosize</td><td>\u81EA\u9002\u5E94\u5185\u5BB9\u9AD8\u5EA6\uFF0C\u53EF\u8BBE\u7F6E\u4E3A <code>true | false</code> \u6216\u5BF9\u8C61\uFF1A<code>{ minRows: 2, maxRows: 6 }</code></td><td>boolean|object</td><td>false</td><td></td></tr><tr><td>defaultValue</td><td>\u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9</td><td>string</td><td></td><td></td></tr><tr><td>value(v-model)</td><td>\u8F93\u5165\u6846\u5185\u5BB9</td><td>string</td><td></td><td></td></tr><tr><td>allowClear</td><td>\u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9</td><td>boolean</td><td></td><td>1.5.0</td></tr><tr><td>showCount</td><td>\u662F\u5426\u5C55\u793A\u5B57\u6570</td><td>boolean</td><td>false</td><td></td></tr></tbody></table><h3 id="input-textarea-\u4E8B\u4EF6">Input.TextArea \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>pressEnter</td><td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td><td>function(e)</td></tr></tbody></table><p><code>Input.TextArea</code> \u7684\u5176\u4ED6\u5C5E\u6027\u548C\u6D4F\u89C8\u5668\u81EA\u5E26\u7684 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea" target="_blank" rel="noopener noreferrer">textarea</a> \u4E00\u81F4\u3002</p><h4 id="input-search">Input.Search</h4><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>enterButton</td><td>\u662F\u5426\u6709\u786E\u8BA4\u6309\u94AE\uFF0C\u53EF\u8BBE\u4E3A\u6309\u94AE\u6587\u5B57\u3002\u8BE5\u5C5E\u6027\u4F1A\u4E0E addon \u51B2\u7A81\u3002</td><td>boolean|slot</td><td>false</td><td></td></tr><tr><td>loading</td><td>\u641C\u7D22 loading</td><td>boolean</td><td></td><td>1.5.0</td></tr></tbody></table><h3 id="input-search-\u4E8B\u4EF6">Input.Search \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>search</td><td>\u70B9\u51FB\u641C\u7D22\u6216\u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u7684\u56DE\u8C03</td><td>function(value, event)</td></tr></tbody></table><p>\u5176\u4F59\u5C5E\u6027\u548C Input \u4E00\u81F4\u3002</p><h4 id="input-group">Input.Group</h4><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>compact</td><td>\u662F\u5426\u7528\u7D27\u51D1\u6A21\u5F0F</td><td>boolean</td><td>false</td></tr><tr><td>size</td><td><code>Input.Group</code> \u4E2D\u6240\u6709\u7684 <code>Input</code> \u7684\u5927\u5C0F\uFF0C\u53EF\u9009 <code>large</code> <code>default</code> <code>small</code></td><td>string</td><td><code>default</code></td></tr></tbody></table><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input-group</span><span class="token punctuation">&gt;</span></span>
    1591. 

  1591.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    1592. 

  1592.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    1593. 

  1593. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-input-group</span><span class="token punctuation">&gt;</span></span>
    1594. 

  1594. </code></pre><h4 id="input-password-1-14-0-\u4E2D\u65B0\u589E">Input.Password (1.14.0 \u4E2D\u65B0\u589E)</h4><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>visibilityToggle</td><td>\u662F\u5426\u663E\u793A\u5207\u6362\u6309\u94AE</td><td>boolean</td><td>true</td></tr></tbody></table>`,24)]))}var Fn=A(Sn,[["render",Xn]]);const Nn={pageData:{title:"Input",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"Input",cover:"https://gw.alipayobjects.com/zos/alicdn/xS9YEJhfe/Input.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:"Input"},{level:3,title:"Input",slug:"input",content:""},{level:3,title:"Input Events",slug:"input-events",content:""},{level:3,title:"Input.TextArea",slug:"input-textarea",content:""},{level:3,title:"Input.TextArea Events",slug:"input-textarea-events",content:""},{level:3,title:"Input.Search Events",slug:"input-search-events",content:""}],relativePath:"src/docs/input/index.en-US.md",content:`
    1595. 

  1595. A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
    1596. 

  1596. 

  1597. ## When To Use
    1598. 

  1598. 

  1599. - A user input in a form field is needed.
    1600. 

  1600. - A search input is required.
    1601. 

  1601. 

  1602. ## API
    1603. 

  1603. 

  1604. ### Input
    1605. 

  1605. 

  1606. | Property | Description | Type | Default | Version |
    1607. 

  1607. | --- | --- | --- | --- | --- |
    1608. 

  1608. | addonAfter | The label text displayed after (on the right side of) the input field. | string\\|slot |  |  |
    1609. 

  1609. | addonBefore | The label text displayed before (on the left side of) the input field. | string\\|slot |  |  |
    1610. 

  1610. | defaultValue | The initial input content | string |  |  |
    1611. 

  1611. | disabled | Whether the input is disabled. | boolean | false |  |
    1612. 

  1612. | id | The ID for input | string |  |  |
    1613. 

  1613. | maxlength | max length | number |  | 1.5.0 |
    1614. 

  1614. | prefix | The prefix icon for the Input. | string\\|slot |  |  |
    1615. 

  1615. | size | The size of the input box. Note: in the context of a form, the \`large\` size is used. Available: \`large\` \`default\` \`small\` | string | \`default\` |  |
    1616. 

  1616. | suffix | The suffix icon for the Input. | string\\|slot |  |  |
    1617. 

  1617. | type | The type of input, see: [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types)(use \`Input.TextArea\` instead of \`type=&quot;textarea&quot;\`) | string | \`text\` |  |
    1618. 

  1618. | value(v-model) | The input content value | string |  |  |
    1619. 

  1619. | allowClear | allow to remove input content with clear icon | boolean |  |  |
    1620. 

  1620. 

  1621. ### Input Events
    1622. 

  1622. 

  1623. | Events Name | Description                                                        | Arguments   |
    1624. 

  1624. | ----------- | ------------------------------------------------------------------ | ----------- | --- |
    1625. 

  1625. | change      | callback when user input                                           | function(e) |     |
    1626. 

  1626. | pressEnter  | The callback function that is triggered when Enter key is pressed. | function(e) |
    1627. 

  1627. 

  1628. &gt; When \`Input\` is used in a \`Form.Item\` context, if the \`Form.Item\` has the \`id\` and \`options\` props defined then \`value\`, \`defaultValue\`, and \`id\` props of \`Input\` are automatically set.
    1629. 

  1629. 

  1630. ### Input.TextArea
    1631. 

  1631. 

  1632. | Property | Description | Type | Default | Version |
    1633. 

  1633. | --- | --- | --- | --- | --- | --- |
    1634. 

  1634. | autosize | Height autosize feature, can be set to \`true | false\`or an object\`{ minRows: 2, maxRows: 6 }\` | boolean\\|object | false |  |
    1635. 

  1635. | defaultValue | The initial input content | string |  |  |
    1636. 

  1636. | value(v-model) | The input content value | string |  |  |
    1637. 

  1637. | allowClear | allow to remove input content with clear icon | boolean |  | 1.5.0 |
    1638. 

  1638. | showCount | Whether show text count | boolean | false |  |
    1639. 

  1639. 

  1640. ### Input.TextArea Events
    1641. 

  1641. 

  1642. | Events Name | Description                                                        | Arguments   |
    1643. 

  1643. | ----------- | ------------------------------------------------------------------ | ----------- |
    1644. 

  1644. | pressEnter  | The callback function that is triggered when Enter key is pressed. | function(e) |
    1645. 

  1645. 

  1646. The rest of the props of \`Input.TextArea\` are the same as the original [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea).
    1647. 

  1647. 

  1648. #### Input.Search
    1649. 

  1649. 

  1650. | Property | Description | Type | Default |
    1651. 

  1651. | --- | --- | --- | --- |
    1652. 

  1652. | enterButton | to show an enter button after input. This prop is conflict with addon. | boolean\\|slot | false |
    1653. 

  1653. 

  1654. ### Input.Search Events
    1655. 

  1655. 

  1656. | Events Name | Description | Arguments | Version |
    1657. 

  1657. | --- | --- | --- | --- | --- |
    1658. 

  1658. | search | The callback function that is triggered when you click on the search-icon or press Enter key. | function(value, event) |  |
    1659. 

  1659. | loading | Search box with loading. | boolean |  |  |
    1660. 

  1660. 

  1661. Supports all props of \`Input\`.
    1662. 

  1662. 

  1663. #### Input.Group
    1664. 

  1664. 

  1665. | Property | Description | Type | Default |
    1666. 

  1666. | --- | --- | --- | --- |
    1667. 

  1667. | compact | Whether use compact style | boolean | false |
    1668. 

  1668. | size | The size of \`Input.Group\` specifies the size of the included \`Input\` fields. Available: \`large\` \`default\` \`small\` | string | \`default\` |
    1669. 

  1669. 

  1670. \`\`\`html
    1671. 

  1671. &lt;a-input-group&gt;
    1672. 

  1672.   &lt;a-input /&gt;
    1673. 

  1673.   &lt;a-input /&gt;
    1674. 

  1674. &lt;/a-input-group&gt;
    1675. 

  1675. \`\`\`
    1676. 

  1676. 

  1677. #### Input.Password (Added in 1.14.0)
    1678. 

  1678. 

  1679. | Property         | Description                | Type    | Default |
    1680. 

  1680. | ---------------- | -------------------------- | ------- | ------- |
    1681. 

  1681. | visibilityToggle | Whether show toggle button | boolean | true    |
    1682. 

  1682. `,html:`<p>A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.</p>
    1683. 

  1683. <h2 id="when-to-use">When To Use</h2>
    1684. 

  1684. <ul>
    1685. 

  1685. <li>A user input in a form field is needed.</li>
    1686. 

  1686. <li>A search input is required.</li>
    1687. 

  1687. </ul>
    1688. 

  1688. <h2 id="api">API</h2>
    1689. 

  1689. <h3 id="input">Input</h3>
    1690. 

  1690. <table>
    1691. 

  1691. <thead>
    1692. 

  1692. <tr>
    1693. 

  1693. <th>Property</th>
    1694. 

  1694. <th>Description</th>
    1695. 

  1695. <th>Type</th>
    1696. 

  1696. <th>Default</th>
    1697. 

  1697. <th>Version</th>
    1698. 

  1698. </tr>
    1699. 

  1699. </thead>
    1700. 

  1700. <tbody>
    1701. 

  1701. <tr>
    1702. 

  1702. <td>addonAfter</td>
    1703. 

  1703. <td>The label text displayed after (on the right side of) the input field.</td>
    1704. 

  1704. <td>string|slot</td>
    1705. 

  1705. <td></td>
    1706. 

  1706. <td></td>
    1707. 

  1707. </tr>
    1708. 

  1708. <tr>
    1709. 

  1709. <td>addonBefore</td>
    1710. 

  1710. <td>The label text displayed before (on the left side of) the input field.</td>
    1711. 

  1711. <td>string|slot</td>
    1712. 

  1712. <td></td>
    1713. 

  1713. <td></td>
    1714. 

  1714. </tr>
    1715. 

  1715. <tr>
    1716. 

  1716. <td>defaultValue</td>
    1717. 

  1717. <td>The initial input content</td>
    1718. 

  1718. <td>string</td>
    1719. 

  1719. <td></td>
    1720. 

  1720. <td></td>
    1721. 

  1721. </tr>
    1722. 

  1722. <tr>
    1723. 

  1723. <td>disabled</td>
    1724. 

  1724. <td>Whether the input is disabled.</td>
    1725. 

  1725. <td>boolean</td>
    1726. 

  1726. <td>false</td>
    1727. 

  1727. <td></td>
    1728. 

  1728. </tr>
    1729. 

  1729. <tr>
    1730. 

  1730. <td>id</td>
    1731. 

  1731. <td>The ID for input</td>
    1732. 

  1732. <td>string</td>
    1733. 

  1733. <td></td>
    1734. 

  1734. <td></td>
    1735. 

  1735. </tr>
    1736. 

  1736. <tr>
    1737. 

  1737. <td>maxlength</td>
    1738. 

  1738. <td>max length</td>
    1739. 

  1739. <td>number</td>
    1740. 

  1740. <td></td>
    1741. 

  1741. <td>1.5.0</td>
    1742. 

  1742. </tr>
    1743. 

  1743. <tr>
    1744. 

  1744. <td>prefix</td>
    1745. 

  1745. <td>The prefix icon for the Input.</td>
    1746. 

  1746. <td>string|slot</td>
    1747. 

  1747. <td></td>
    1748. 

  1748. <td></td>
    1749. 

  1749. </tr>
    1750. 

  1750. <tr>
    1751. 

  1751. <td>size</td>
    1752. 

  1752. <td>The size of the input box. Note: in the context of a form, the <code>large</code> size is used. Available: <code>large</code> <code>default</code> <code>small</code></td>
    1753. 

  1753. <td>string</td>
    1754. 

  1754. <td><code>default</code></td>
    1755. 

  1755. <td></td>
    1756. 

  1756. </tr>
    1757. 

  1757. <tr>
    1758. 

  1758. <td>suffix</td>
    1759. 

  1759. <td>The suffix icon for the Input.</td>
    1760. 

  1760. <td>string|slot</td>
    1761. 

  1761. <td></td>
    1762. 

  1762. <td></td>
    1763. 

  1763. </tr>
    1764. 

  1764. <tr>
    1765. 

  1765. <td>type</td>
    1766. 

  1766. <td>The type of input, see: <a href="https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types" target="_blank" rel="noopener noreferrer">MDN</a>(use <code>Input.TextArea</code> instead of <code>type=&quot;textarea&quot;</code>)</td>
    1767. 

  1767. <td>string</td>
    1768. 

  1768. <td><code>text</code></td>
    1769. 

  1769. <td></td>
    1770. 

  1770. </tr>
    1771. 

  1771. <tr>
    1772. 

  1772. <td>value(v-model)</td>
    1773. 

  1773. <td>The input content value</td>
    1774. 

  1774. <td>string</td>
    1775. 

  1775. <td></td>
    1776. 

  1776. <td></td>
    1777. 

  1777. </tr>
    1778. 

  1778. <tr>
    1779. 

  1779. <td>allowClear</td>
    1780. 

  1780. <td>allow to remove input content with clear icon</td>
    1781. 

  1781. <td>boolean</td>
    1782. 

  1782. <td></td>
    1783. 

  1783. <td></td>
    1784. 

  1784. </tr>
    1785. 

  1785. </tbody>
    1786. 

  1786. </table>
    1787. 

  1787. <h3 id="input-events">Input Events</h3>
    1788. 

  1788. <table>
    1789. 

  1789. <thead>
    1790. 

  1790. <tr>
    1791. 

  1791. <th>Events Name</th>
    1792. 

  1792. <th>Description</th>
    1793. 

  1793. <th>Arguments</th>
    1794. 

  1794. </tr>
    1795. 

  1795. </thead>
    1796. 

  1796. <tbody>
    1797. 

  1797. <tr>
    1798. 

  1798. <td>change</td>
    1799. 

  1799. <td>callback when user input</td>
    1800. 

  1800. <td>function(e)</td>
    1801. 

  1801. </tr>
    1802. 

  1802. <tr>
    1803. 

  1803. <td>pressEnter</td>
    1804. 

  1804. <td>The callback function that is triggered when Enter key is pressed.</td>
    1805. 

  1805. <td>function(e)</td>
    1806. 

  1806. </tr>
    1807. 

  1807. </tbody>
    1808. 

  1808. </table>
    1809. 

  1809. <blockquote>
    1810. 

  1810. <p>When <code>Input</code> is used in a <code>Form.Item</code> context, if the <code>Form.Item</code> has the <code>id</code> and <code>options</code> props defined then <code>value</code>, <code>defaultValue</code>, and <code>id</code> props of <code>Input</code> are automatically set.</p>
    1811. 

  1811. </blockquote>
    1812. 

  1812. <h3 id="input-textarea">Input.TextArea</h3>
    1813. 

  1813. <table>
    1814. 

  1814. <thead>
    1815. 

  1815. <tr>
    1816. 

  1816. <th>Property</th>
    1817. 

  1817. <th>Description</th>
    1818. 

  1818. <th>Type</th>
    1819. 

  1819. <th>Default</th>
    1820. 

  1820. <th>Version</th>
    1821. 

  1821. </tr>
    1822. 

  1822. </thead>
    1823. 

  1823. <tbody>
    1824. 

  1824. <tr>
    1825. 

  1825. <td>autosize</td>
    1826. 

  1826. <td>Height autosize feature, can be set to <code>true | false</code>or an object<code>{ minRows: 2, maxRows: 6 }</code></td>
    1827. 

  1827. <td>boolean|object</td>
    1828. 

  1828. <td>false</td>
    1829. 

  1829. <td></td>
    1830. 

  1830. </tr>
    1831. 

  1831. <tr>
    1832. 

  1832. <td>defaultValue</td>
    1833. 

  1833. <td>The initial input content</td>
    1834. 

  1834. <td>string</td>
    1835. 

  1835. <td></td>
    1836. 

  1836. <td></td>
    1837. 

  1837. </tr>
    1838. 

  1838. <tr>
    1839. 

  1839. <td>value(v-model)</td>
    1840. 

  1840. <td>The input content value</td>
    1841. 

  1841. <td>string</td>
    1842. 

  1842. <td></td>
    1843. 

  1843. <td></td>
    1844. 

  1844. </tr>
    1845. 

  1845. <tr>
    1846. 

  1846. <td>allowClear</td>
    1847. 

  1847. <td>allow to remove input content with clear icon</td>
    1848. 

  1848. <td>boolean</td>
    1849. 

  1849. <td></td>
    1850. 

  1850. <td>1.5.0</td>
    1851. 

  1851. </tr>
    1852. 

  1852. <tr>
    1853. 

  1853. <td>showCount</td>
    1854. 

  1854. <td>Whether show text count</td>
    1855. 

  1855. <td>boolean</td>
    1856. 

  1856. <td>false</td>
    1857. 

  1857. <td></td>
    1858. 

  1858. </tr>
    1859. 

  1859. </tbody>
    1860. 

  1860. </table>
    1861. 

  1861. <h3 id="input-textarea-events">Input.TextArea Events</h3>
    1862. 

  1862. <table>
    1863. 

  1863. <thead>
    1864. 

  1864. <tr>
    1865. 

  1865. <th>Events Name</th>
    1866. 

  1866. <th>Description</th>
    1867. 

  1867. <th>Arguments</th>
    1868. 

  1868. </tr>
    1869. 

  1869. </thead>
    1870. 

  1870. <tbody>
    1871. 

  1871. <tr>
    1872. 

  1872. <td>pressEnter</td>
    1873. 

  1873. <td>The callback function that is triggered when Enter key is pressed.</td>
    1874. 

  1874. <td>function(e)</td>
    1875. 

  1875. </tr>
    1876. 

  1876. </tbody>
    1877. 

  1877. </table>
    1878. 

  1878. <p>The rest of the props of <code>Input.TextArea</code> are the same as the original <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea" target="_blank" rel="noopener noreferrer">textarea</a>.</p>
    1879. 

  1879. <h4 id="input-search">Input.Search</h4>
    1880. 

  1880. <table>
    1881. 

  1881. <thead>
    1882. 

  1882. <tr>
    1883. 

  1883. <th>Property</th>
    1884. 

  1884. <th>Description</th>
    1885. 

  1885. <th>Type</th>
    1886. 

  1886. <th>Default</th>
    1887. 

  1887. </tr>
    1888. 

  1888. </thead>
    1889. 

  1889. <tbody>
    1890. 

  1890. <tr>
    1891. 

  1891. <td>enterButton</td>
    1892. 

  1892. <td>to show an enter button after input. This prop is conflict with addon.</td>
    1893. 

  1893. <td>boolean|slot</td>
    1894. 

  1894. <td>false</td>
    1895. 

  1895. </tr>
    1896. 

  1896. </tbody>
    1897. 

  1897. </table>
    1898. 

  1898. <h3 id="input-search-events">Input.Search Events</h3>
    1899. 

  1899. <table>
    1900. 

  1900. <thead>
    1901. 

  1901. <tr>
    1902. 

  1902. <th>Events Name</th>
    1903. 

  1903. <th>Description</th>
    1904. 

  1904. <th>Arguments</th>
    1905. 

  1905. <th>Version</th>
    1906. 

  1906. </tr>
    1907. 

  1907. </thead>
    1908. 

  1908. <tbody>
    1909. 

  1909. <tr>
    1910. 

  1910. <td>search</td>
    1911. 

  1911. <td>The callback function that is triggered when you click on the search-icon or press Enter key.</td>
    1912. 

  1912. <td>function(value, event)</td>
    1913. 

  1913. <td></td>
    1914. 

  1914. </tr>
    1915. 

  1915. <tr>
    1916. 

  1916. <td>loading</td>
    1917. 

  1917. <td>Search box with loading.</td>
    1918. 

  1918. <td>boolean</td>
    1919. 

  1919. <td></td>
    1920. 

  1920. </tr>
    1921. 

  1921. </tbody>
    1922. 

  1922. </table>
    1923. 

  1923. <p>Supports all props of <code>Input</code>.</p>
    1924. 

  1924. <h4 id="input-group">Input.Group</h4>
    1925. 

  1925. <table>
    1926. 

  1926. <thead>
    1927. 

  1927. <tr>
    1928. 

  1928. <th>Property</th>
    1929. 

  1929. <th>Description</th>
    1930. 

  1930. <th>Type</th>
    1931. 

  1931. <th>Default</th>
    1932. 

  1932. </tr>
    1933. 

  1933. </thead>
    1934. 

  1934. <tbody>
    1935. 

  1935. <tr>
    1936. 

  1936. <td>compact</td>
    1937. 

  1937. <td>Whether use compact style</td>
    1938. 

  1938. <td>boolean</td>
    1939. 

  1939. <td>false</td>
    1940. 

  1940. </tr>
    1941. 

  1941. <tr>
    1942. 

  1942. <td>size</td>
    1943. 

  1943. <td>The size of <code>Input.Group</code> specifies the size of the included <code>Input</code> fields. Available: <code>large</code> <code>default</code> <code>small</code></td>
    1944. 

  1944. <td>string</td>
    1945. 

  1945. <td><code>default</code></td>
    1946. 

  1946. </tr>
    1947. 

  1947. </tbody>
    1948. 

  1948. </table>
    1949. 

  1949. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input-group</span><span class="token punctuation">></span></span>
    1950. 

  1950.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    1951. 

  1951.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    1952. 

  1952. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-input-group</span><span class="token punctuation">></span></span>
    1953. 

  1953. </code></pre>
    1954. 

  1954. <h4 id="input-password-added-in-1-14-0">Input.Password (Added in 1.14.0)</h4>
    1955. 

  1955. <table>
    1956. 

  1956. <thead>
    1957. 

  1957. <tr>
    1958. 

  1958. <th>Property</th>
    1959. 

  1959. <th>Description</th>
    1960. 

  1960. <th>Type</th>
    1961. 

  1961. <th>Default</th>
    1962. 

  1962. </tr>
    1963. 

  1963. </thead>
    1964. 

  1964. <tbody>
    1965. 

  1965. <tr>
    1966. 

  1966. <td>visibilityToggle</td>
    1967. 

  1967. <td>Whether show toggle button</td>
    1968. 

  1968. <td>boolean</td>
    1969. 

  1969. <td>true</td>
    1970. 

  1970. </tr>
    1971. 

  1971. </tbody>
    1972. 

  1972. </table>
    1973. 

  1973. `,lastUpdated:1748059052689}},zn={class:"markdown"};function Ln(s,t,I,d,r,v){return b(),G("article",zn,t[0]||(t[0]=[Y(`<p>A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.</p><h2 id="when-to-use">When To Use</h2><ul><li>A user input in a form field is needed.</li><li>A search input is required.</li></ul><h2 id="api">API</h2><h3 id="input">Input</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>addonAfter</td><td>The label text displayed after (on the right side of) the input field.</td><td>string|slot</td><td></td><td></td></tr><tr><td>addonBefore</td><td>The label text displayed before (on the left side of) the input field.</td><td>string|slot</td><td></td><td></td></tr><tr><td>defaultValue</td><td>The initial input content</td><td>string</td><td></td><td></td></tr><tr><td>disabled</td><td>Whether the input is disabled.</td><td>boolean</td><td>false</td><td></td></tr><tr><td>id</td><td>The ID for input</td><td>string</td><td></td><td></td></tr><tr><td>maxlength</td><td>max length</td><td>number</td><td></td><td>1.5.0</td></tr><tr><td>prefix</td><td>The prefix icon for the Input.</td><td>string|slot</td><td></td><td></td></tr><tr><td>size</td><td>The size of the input box. Note: in the context of a form, the <code>large</code> size is used. Available: <code>large</code> <code>default</code> <code>small</code></td><td>string</td><td><code>default</code></td><td></td></tr><tr><td>suffix</td><td>The suffix icon for the Input.</td><td>string|slot</td><td></td><td></td></tr><tr><td>type</td><td>The type of input, see: <a href="https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types" target="_blank" rel="noopener noreferrer">MDN</a>(use <code>Input.TextArea</code> instead of <code>type=&quot;textarea&quot;</code>)</td><td>string</td><td><code>text</code></td><td></td></tr><tr><td>value(v-model)</td><td>The input content value</td><td>string</td><td></td><td></td></tr><tr><td>allowClear</td><td>allow to remove input content with clear icon</td><td>boolean</td><td></td><td></td></tr></tbody></table><h3 id="input-events">Input Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>change</td><td>callback when user input</td><td>function(e)</td></tr><tr><td>pressEnter</td><td>The callback function that is triggered when Enter key is pressed.</td><td>function(e)</td></tr></tbody></table><blockquote><p>When <code>Input</code> is used in a <code>Form.Item</code> context, if the <code>Form.Item</code> has the <code>id</code> and <code>options</code> props defined then <code>value</code>, <code>defaultValue</code>, and <code>id</code> props of <code>Input</code> are automatically set.</p></blockquote><h3 id="input-textarea">Input.TextArea</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>autosize</td><td>Height autosize feature, can be set to <code>true | false</code>or an object<code>{ minRows: 2, maxRows: 6 }</code></td><td>boolean|object</td><td>false</td><td></td></tr><tr><td>defaultValue</td><td>The initial input content</td><td>string</td><td></td><td></td></tr><tr><td>value(v-model)</td><td>The input content value</td><td>string</td><td></td><td></td></tr><tr><td>allowClear</td><td>allow to remove input content with clear icon</td><td>boolean</td><td></td><td>1.5.0</td></tr><tr><td>showCount</td><td>Whether show text count</td><td>boolean</td><td>false</td><td></td></tr></tbody></table><h3 id="input-textarea-events">Input.TextArea Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>pressEnter</td><td>The callback function that is triggered when Enter key is pressed.</td><td>function(e)</td></tr></tbody></table><p>The rest of the props of <code>Input.TextArea</code> are the same as the original <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea" target="_blank" rel="noopener noreferrer">textarea</a>.</p><h4 id="input-search">Input.Search</h4><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>enterButton</td><td>to show an enter button after input. This prop is conflict with addon.</td><td>boolean|slot</td><td>false</td></tr></tbody></table><h3 id="input-search-events">Input.Search Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>search</td><td>The callback function that is triggered when you click on the search-icon or press Enter key.</td><td>function(value, event)</td><td></td></tr><tr><td>loading</td><td>Search box with loading.</td><td>boolean</td><td></td></tr></tbody></table><p>Supports all props of <code>Input</code>.</p><h4 id="input-group">Input.Group</h4><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>compact</td><td>Whether use compact style</td><td>boolean</td><td>false</td></tr><tr><td>size</td><td>The size of <code>Input.Group</code> specifies the size of the included <code>Input</code> fields. Available: <code>large</code> <code>default</code> <code>small</code></td><td>string</td><td><code>default</code></td></tr></tbody></table><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input-group</span><span class="token punctuation">&gt;</span></span>
    1974. 

  1974.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    1975. 

  1975.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    1976. 

  1976. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-input-group</span><span class="token punctuation">&gt;</span></span>
    1977. 

  1977. </code></pre><h4 id="input-password-added-in-1-14-0">Input.Password (Added in 1.14.0)</h4><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>visibilityToggle</td><td>Whether show toggle button</td><td>boolean</td><td>true</td></tr></tbody></table>`,24)]))}var Kn=A(Nn,[["render",Ln]]);const Dn=h({CN:Fn,US:Kn,components:{Basic:D,AutosizeTextarea:R,Presuffix:q,SearchInput:M,SearchInputLoading:nn,Size:on,Group:ln,TextareaResize:rn,Addon:Hn,Tooltip:Yn,AllowClear:In,PasswordInput:vn,ShowCount:hn}});function Jn(s,t,I,d,r,v){const c=p("basic"),k=p("autosize-textarea"),u=p("presuffix"),g=p("search-input"),m=p("search-input-loading"),C=p("size"),w=p("group"),f=p("addon"),H=p("tooltip"),y=p("allow-clear"),l=p("password-input"),V=p("show-count"),B=p("textarea-resize"),Z=p("demo-sort");return b(),W(Z,null,{default:e(()=>[o(c),o(k),o(u),o(g),o(m),o(C),o(w),o(f),o(H),o(y),o(l),o(V),o(B)]),_:1})}var Un=A(Dn,[["render",Jn]]);export{Un as default};
    1978.