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

index.e0a081c2.js 413 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179 
  1. import{d as W,r as u,_ as h,j as p,k as b,l as Z,w as e,f as o,b as n,e as a,aM as P,ay as S,c as N,y as X,a1 as F,t as K,a as G,q as x}from"./index.3fe853a6.js";import{U as z}from"./UserOutlined.f1d89c6a.js";import{S as L}from"./SettingOutlined.5038dea4.js";const R=W({setup(){return{value:u("")}}});function j(s,t,C,g,r,m){const c=p("a-input"),k=p("demo-box");return b(),Z(k,{jsfiddle:{us:"Basic usage example.",cn:"\u57FA\u672C\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    2. 

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

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

  4. <p>\u57FA\u672C\u7528\u6CD5\u3002</p>
    5. 

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

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

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

  8. <p>Basic usage example.</p>
    9. 

  9. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"components/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]=i=>s.value=i),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(`
    10. 

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

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

  12. `),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(`
    13. 

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

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

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

  16.     `),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(`
    17. 

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

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

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

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

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

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

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

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

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

  27. `),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(`
    28. 

  28. `),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(`
    29. 

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

  30.     `),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(`
    31. 

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

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

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

  34.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    35. 

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

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

  37. `)])],-1)])),_:1})}const J=h(R,[["render",j]]),D=W({setup(){const s=u(""),t=u("");return{value1:s,value2:t}}});function U(s,t,C,g,r,m){const c=p("a-textarea"),k=p("demo-box");return b(),Z(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 <a class="header-anchor" href="#zh-CN">
    38. 

  38.           <span aria-hidden="true" class="anchor">#</span>
    39. 

  39.         </a></h2>
    40. 

  40. <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>
    41. 

  41. <blockquote>
    42. 

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

  43. </blockquote>
    44. 

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

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

  46.         </a></h2>
    47. 

  47. <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>
    48. 

  48. <blockquote>
    49. 

  49. <p><code>autosize</code> is deprecated after <code>1.5.0</code>, please use <code>autoSize</code>.</p>
    50. 

  50. </blockquote>
    51. 

  51. `,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:"components/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]=i=>s.value1=i),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]=i=>s.value2=i),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(`
    52. 

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

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

  54.       `),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(`
    55. 

  55.       `),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(`
    56. 

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

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

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

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

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

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

  62.       `),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(`
    63. 

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

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

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

  66. `),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(`
    67. 

  67. `),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(`
    68. 

  68. `),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(`
    69. 

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

  70.     `),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(`
    71. 

  71.     `),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(`
    72. 

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

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

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

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

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

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

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

  79. `)])],-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(`
    80. 

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

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

  82.       `),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(`
    83. 

  83.       `),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(`
    84. 

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

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

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

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

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

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

  90.       `),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(`
    91. 

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

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

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

  94. `),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(`
    95. 

  95. `),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(`
    96. 

  96. `),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(`
    97. 

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

  98.     `),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(`
    99. 

  99.     `),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(`
    100. 

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

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

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

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

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

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

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

  107. `)])],-1)])),_:1})}const T=h(D,[["render",U]]),E=W({components:{UserOutlined:z,InfoCircleOutlined:P},setup(){return{userName:u("")}}}),q={class:"components-input-demo-presuffix"};function Q(s,t,C,g,r,m){const c=p("user-outlined"),k=p("info-circle-outlined"),i=p("a-tooltip"),d=p("a-input"),I=p("demo-box");return b(),Z(I,{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 <a class="header-anchor" href="#zh-CN">
    108. 

  108.           <span aria-hidden="true" class="anchor">#</span>
    109. 

  109.         </a></h2>
    110. 

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

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

  112.           <span aria-hidden="true" class="anchor">#</span>
    113. 

  113.         </a></h2>
    114. 

  114. <p>Add prefix or suffix icons inside input.</p>
    115. 

  115. `,order:2,title:{"zh-CN":"\u524D\u7F00\u548C\u540E\u7F00","en-US":"prefix and suffix"},relativePath:"components/input/demo/presuffix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtaW5wdXQtZGVtby1wcmVzdWZmaXgiPgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idXNlck5hbWUiIHBsYWNlaG9sZGVyPSJCYXNpYyB1c2FnZSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJlZml4PgogICAgICAgIDx1c2VyLW91dGxpbmVkIHR5cGU9InVzZXIiIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4PgogICAgICAgIDxhLXRvb2x0aXAgdGl0bGU9IkV4dHJhIGluZm9ybWF0aW9uIj4KICAgICAgICAgIDxpbmZvLWNpcmNsZS1vdXRsaW5lZCBzdHlsZT0iY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSkiIC8+CiAgICAgICAgPC9hLXRvb2x0aXA+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtaW5wdXQgcHJlZml4PSLvv6UiIHN1ZmZpeD0iUk1CIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgVXNlck91dGxpbmVkLCBJbmZvQ2lyY2xlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgVXNlck91dGxpbmVkLAogICAgSW5mb0NpcmNsZU91dGxpbmVkLAogIH0sCgogIHNldHVwKCkgewogICAgY29uc3QgdXNlck5hbWUgPSByZWY8c3RyaW5nPignJyk7CiAgICByZXR1cm4gewogICAgICB1c2VyTmFtZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtaW5wdXQtZGVtby1wcmVzdWZmaXgiPgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idXNlck5hbWUiIHBsYWNlaG9sZGVyPSJCYXNpYyB1c2FnZSI+CiAgICAgIDx0ZW1wbGF0ZSAjcHJlZml4PgogICAgICAgIDx1c2VyLW91dGxpbmVkIHR5cGU9InVzZXIiIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4PgogICAgICAgIDxhLXRvb2x0aXAgdGl0bGU9IkV4dHJhIGluZm9ybWF0aW9uIj4KICAgICAgICAgIDxpbmZvLWNpcmNsZS1vdXRsaW5lZCBzdHlsZT0iY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSkiIC8+CiAgICAgICAgPC9hLXRvb2x0aXA+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtaW5wdXQgcHJlZml4PSLvv6UiIHN1ZmZpeD0iUk1CIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBVc2VyT3V0bGluZWQsIEluZm9DaXJjbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBVc2VyT3V0bGluZWQsCiAgICBJbmZvQ2lyY2xlT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IHVzZXJOYW1lID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHVzZXJOYW1lLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",q,[o(d,{value:s.userName,"onUpdate:value":t[0]||(t[0]=A=>s.userName=A),placeholder:"Basic usage"},{prefix:e(()=>[o(c,{type:"user"})]),suffix:e(()=>[o(i,{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(d,{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(`
    116. 

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

  118.       `),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(`
    119. 

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

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

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

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

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

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

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

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

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

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

  129.     `),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(`
    130. 

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

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

  132. `),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(`
    133. 

  133. `),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(`
    134. 

  134. `),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(`
    135. 

  135. `),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(`
    136. 

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

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

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

  139.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    140. 

  140. 

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

  142.     `),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(`
    143. 

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

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

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

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

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

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

  149. `)])],-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(`
    150. 

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

  152.       `),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(`
    153. 

  153.         `),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(`
    154. 

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

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

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

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

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

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

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

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

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

  163.     `),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(`
    164. 

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

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

  166. `),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(`
    167. 

  167. `),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(`
    168. 

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

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

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

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

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

  173.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    174. 

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

  175.     `),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(`
    176. 

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

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

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

  179.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    180. 

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

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

  182. `)])],-1)])),_:1})}const O=h(E,[["render",Q]]),M=W({setup(){const s=u("");return{value:s,onSearch:C=>{console.log("use value",C),console.log("or use this.value",s.value)}}}});function $(s,t,C,g,r,m){const c=p("a-input-search"),k=p("a-button"),i=p("a-space"),d=p("demo-box");return b(),Z(d,{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 <a class="header-anchor" href="#zh-CN">
    183. 

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

  184.         </a></h2>
    185. 

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

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

  187.           <span aria-hidden="true" class="anchor">#</span>
    188. 

  188.         </a></h2>
    189. 

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

  190. `,order:3,title:{"zh-CN":"\u641C\u7D22\u6846","en-US":"Search box"},relativePath:"components/input/demo/search-input.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtaW5wdXQtc2VhcmNoCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlIgogICAgICBwbGFjZWhvbGRlcj0iaW5wdXQgc2VhcmNoIHRleHQiCiAgICAgIHN0eWxlPSJ3aWR0aDogMjAwcHgiCiAgICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogICAgLz4KICAgIDxhLWlucHV0LXNlYXJjaAogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9ImlucHV0IHNlYXJjaCB0ZXh0IgogICAgICBlbnRlci1idXR0b24KICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGEtaW5wdXQtc2VhcmNoCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlIgogICAgICBwbGFjZWhvbGRlcj0iaW5wdXQgc2VhcmNoIHRleHQiCiAgICAgIGVudGVyLWJ1dHRvbj0iU2VhcmNoIgogICAgICBzaXplPSJsYXJnZSIKICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGEtaW5wdXQtc2VhcmNoCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlIgogICAgICBwbGFjZWhvbGRlcj0iaW5wdXQgc2VhcmNoIHRleHQiCiAgICAgIHNpemU9ImxhcmdlIgogICAgICBAc2VhcmNoPSJvblNlYXJjaCIKICAgID4KICAgICAgPHRlbXBsYXRlICNlbnRlckJ1dHRvbj4KICAgICAgICA8YS1idXR0b24+Q3VzdG9tPC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1pbnB1dC1zZWFyY2g+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8c3RyaW5nPignJyk7CgogICAgY29uc3Qgb25TZWFyY2ggPSAoc2VhcmNoVmFsdWU6IHN0cmluZykgPT4gewogICAgICBjb25zb2xlLmxvZygndXNlIHZhbHVlJywgc2VhcmNoVmFsdWUpOwogICAgICBjb25zb2xlLmxvZygnb3IgdXNlIHRoaXMudmFsdWUnLCB2YWx1ZS52YWx1ZSk7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBvblNlYXJjaCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtaW5wdXQtc2VhcmNoCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlIgogICAgICBwbGFjZWhvbGRlcj0iaW5wdXQgc2VhcmNoIHRleHQiCiAgICAgIHN0eWxlPSJ3aWR0aDogMjAwcHgiCiAgICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogICAgLz4KICAgIDxhLWlucHV0LXNlYXJjaAogICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9ImlucHV0IHNlYXJjaCB0ZXh0IgogICAgICBlbnRlci1idXR0b24KICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGEtaW5wdXQtc2VhcmNoCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlIgogICAgICBwbGFjZWhvbGRlcj0iaW5wdXQgc2VhcmNoIHRleHQiCiAgICAgIGVudGVyLWJ1dHRvbj0iU2VhcmNoIgogICAgICBzaXplPSJsYXJnZSIKICAgICAgQHNlYXJjaD0ib25TZWFyY2giCiAgICAvPgogICAgPGEtaW5wdXQtc2VhcmNoCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlIgogICAgICBwbGFjZWhvbGRlcj0iaW5wdXQgc2VhcmNoIHRleHQiCiAgICAgIHNpemU9ImxhcmdlIgogICAgICBAc2VhcmNoPSJvblNlYXJjaCIKICAgID4KICAgICAgPHRlbXBsYXRlICNlbnRlckJ1dHRvbj4KICAgICAgICA8YS1idXR0b24+Q3VzdG9tPC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1pbnB1dC1zZWFyY2g+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZignJyk7CiAgICBjb25zdCBvblNlYXJjaCA9IHNlYXJjaFZhbHVlID0+IHsKICAgICAgY29uc29sZS5sb2coJ3VzZSB2YWx1ZScsIHNlYXJjaFZhbHVlKTsKICAgICAgY29uc29sZS5sb2coJ29yIHVzZSB0aGlzLnZhbHVlJywgdmFsdWUudmFsdWUpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBvblNlYXJjaCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(i,{direction:"vertical"},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=I=>s.value=I),placeholder:"input search text",style:{width:"200px"},onSearch:s.onSearch},null,8,["value","onSearch"]),o(c,{value:s.value,"onUpdate:value":t[1]||(t[1]=I=>s.value=I),placeholder:"input search text","enter-button":"",onSearch:s.onSearch},null,8,["value","onSearch"]),o(c,{value:s.value,"onUpdate:value":t[2]||(t[2]=I=>s.value=I),placeholder:"input search text","enter-button":"Search",size:"large",onSearch:s.onSearch},null,8,["value","onSearch"]),o(c,{value:s.value,"onUpdate:value":t[3]||(t[3]=I=>s.value=I),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"])]),_:1})]),htmlCode: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(`
    191. 

  191.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),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 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(`
    196. 

  196.       `),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(`
    197. 

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

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

  199.       `),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(`
    200. 

  200.       `),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(`
    201. 

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

  202.       `),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(`
    203. 

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

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

  205.       `),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(`
    206. 

  206.       `),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(`
    207. 

  207.       `),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(`
    208. 

  208.       `),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(`
    209. 

  209.       `),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(`
    210. 

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

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

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

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

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

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

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

  217.       `),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(`
    218. 

  218.         `),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(`
    219. 

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

  220.     `),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(`
    221. 

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

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

  223. `),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(`
    224. 

  224. `),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(`
    225. 

  225. `),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(`
    226. 

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

  227.     `),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(`
    228. 

  228. 

  229.     `),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(`
    230. 

  230.       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(`
    231. 

  231.       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(`
    232. 

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

  233. 

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

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

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

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

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

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

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

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

  242.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    243. 

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

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

  245.       `),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(`
    246. 

  246.       `),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(`
    247. 

  247.       `),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(`
    248. 

  248.     `),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"),a(`
    253. 

  253.       `),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(`
    254. 

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

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

  256.       `),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(`
    257. 

  257.       `),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(`
    258. 

  258.       `),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(`
    259. 

  259.       `),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(`
    260. 

  260.       `),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(`
    261. 

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

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

  263.       `),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(`
    264. 

  264.       `),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(`
    265. 

  265.       `),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(`
    266. 

  266.       `),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(`
    267. 

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

  268.       `),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(`
    269. 

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

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

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

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

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

  274. `),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(`
    275. 

  275. `),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(`
    276. 

  276. `),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(`
    277. 

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

  278.     `),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(`
    279. 

  279.     `),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(`
    280. 

  280.       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(`
    281. 

  281.       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(`
    282. 

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

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

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

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

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

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

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

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

  290. `)])],-1)])),_:1})}const _=h(M,[["render",$]]),nn=W({setup(){return{value:u("")}}});function an(s,t,C,g,r,m){const c=p("a-input-search"),k=p("demo-box");return b(),Z(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 <a class="header-anchor" href="#zh-CN">
    291. 

  291.           <span aria-hidden="true" class="anchor">#</span>
    292. 

  292.         </a></h2>
    293. 

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

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

  295.           <span aria-hidden="true" class="anchor">#</span>
    296. 

  296.         </a></h2>
    297. 

  297. <p>Search loading when onSearch.</p>
    298. 

  298. `,order:4,title:{"zh-CN":"\u641C\u7D22\u6846 loading","en-US":"Search box with loading"},relativePath:"components/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]=i=>s.value=i),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]=i=>s.value=i),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(`
    299. 

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

  300.     `),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(`
    301. 

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

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

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

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

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

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

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

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

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

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

  311. `),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(`
    312. 

  312. `),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(`
    313. 

  313. `),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(`
    314. 

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

  315.     `),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(`
    316. 

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

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

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

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

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

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

  322. `)])],-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(`
    323. 

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

  324.     `),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(`
    325. 

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

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

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

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

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

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

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

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

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

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

  335. `),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(`
    336. 

  336. `),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(`
    337. 

  337. `),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(`
    338. 

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

  339.     `),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(`
    340. 

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

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

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

  343.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    344. 

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

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

  346. `)])],-1)])),_:1})}const tn=h(nn,[["render",an]]),sn=W({setup(){return{value:u("")}}});const on={class:"components-input-demo-size"};function en(s,t,C,g,r,m){const c=p("a-input"),k=p("demo-box");return b(),Z(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 <a class="header-anchor" href="#zh-CN">
    347. 

  347.           <span aria-hidden="true" class="anchor">#</span>
    348. 

  348.         </a></h2>
    349. 

  349. <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>
    350. 

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

  351.           <span aria-hidden="true" class="anchor">#</span>
    352. 

  352.         </a></h2>
    353. 

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

  354. `,order:5,title:{"zh-CN":"\u4E09\u79CD\u5927\u5C0F","en-US":"Three sizes of Input"},relativePath:"components/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",on,[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=i=>s.value=i),size:"large",placeholder:"large size"},null,8,["value"]),o(c,{value:s.value,"onUpdate:value":t[1]||(t[1]=i=>s.value=i),placeholder:"default size"},null,8,["value"]),o(c,{value:s.value,"onUpdate:value":t[2]||(t[2]=i=>s.value=i),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(`
    355. 

  355.   `),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(`
    356. 

  356.     `),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(`
    357. 

  357.     `),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(`
    358. 

  358.     `),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(`
    359. 

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

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

  361. `),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(`
    362. 

  362. `),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(`
    363. 

  363. `),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(`
    364. 

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

  365.     `),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(`
    366. 

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

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

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

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

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

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

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

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

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

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

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

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

  378. `)])],-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(`
    379. 

  379.   `),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(`
    380. 

  380.     `),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(`
    381. 

  381.     `),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(`
    382. 

  382.     `),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(`
    383. 

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

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

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

  386. `),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(`
    387. 

  387. `),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(`
    388. 

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

  389.     `),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(`
    390. 

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

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

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

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

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

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

  396. `),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(`
    397. 

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

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

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

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

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

  402. `)])],-1)])),_:1})}const pn=h(sn,[["render",en],["__scopeId","data-v-10d689dc"]]),cn=[{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"}]}]}],ln=W({components:{CopyOutlined:S},setup(){const s=u("0571"),t=u("26888888"),C=u("Zhejiang"),g=u("Xihu District, Hangzhou"),r=u("Option1"),m=u("input content"),c=u("input content"),k=u(null),i=u("Option1-1"),d=u("Option2-2"),I=u("1"),A=u(""),y=u(""),v=u(""),f=u("Sign Up"),w=u(""),H=u("Home"),V=u([]),B=u("https://surely.cool"),l=u("https://antdv.com");return{value1:s,value2:t,value3:C,value4:g,value5:r,value6:m,value7:c,value8:k,value9:i,value10:d,value11:I,value12:A,value13:y,value14:v,value15:f,value16:w,value17:H,value18:V,options:cn,value19:B,value20:l}}});function un(s,t,C,g,r,m){const c=p("a-input"),k=p("a-col"),i=p("a-row"),d=p("a-input-group"),I=p("a-select-option"),A=p("a-select"),y=p("a-date-picker"),v=p("a-auto-complete"),f=p("a-cascader"),w=p("a-button"),H=p("CopyOutlined"),V=p("a-tooltip"),B=p("demo-box");return b(),Z(B,{jsfiddle:{us:"a-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 <a class="header-anchor" href="#zh-CN">
    403. 

  403.           <span aria-hidden="true" class="anchor">#</span>
    404. 

  404.         </a></h2>
    405. 

  405. <p>\u8F93\u5165\u6846\u7684\u7EC4\u5408\u5C55\u73B0\u3002
    406. 

  406. \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>
    407. 

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

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

  409.         </a></h2>
    410. 

  410. <p>a-input-group example
    411. 

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

  412. `,order:6,title:{"zh-CN":"\u8F93\u5165\u6846\u7EC4\u5408","en-US":"Input Group"},relativePath:"components/input/demo/group.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1ncm91cCBzaXplPSJsYXJnZSI+CiAgICAgIDxhLXJvdyA6Z3V0dGVyPSI4Ij4KICAgICAgICA8YS1jb2wgOnNwYW49IjUiPgogICAgICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgICAgIDwvYS1jb2w+CiAgICAgICAgPGEtY29sIDpzcGFuPSI4Ij4KICAgICAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgLz4KICAgICAgICA8L2EtY29sPgogICAgICA8L2Etcm93PgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIHN0eWxlPSJ3aWR0aDogMjAlIiAvPgogICAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHN0eWxlPSJ3aWR0aDogMzAlIiAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJaaGVqaWFuZyI+Wmhlamlhbmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJKaWFuZ3N1Ij5KaWFuZ3N1PC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTUiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEiPk9wdGlvbjE8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJPcHRpb24yIj5PcHRpb24yPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlNiIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlNyIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlOCIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTkiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEtMSI+T3B0aW9uMS0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMS0yIj5PcHRpb24xLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTAiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjItMSI+T3B0aW9uMi0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMi0yIj5PcHRpb24yLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgIDwvYS1pbnB1dC1ncm91cD4KICAgIDxiciAvPgogICAgPGEtaW5wdXQtZ3JvdXAgY29tcGFjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTEiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IjEiPkJldHdlZW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIyIj5FeGNlcHQ8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEyIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwcHg7IHRleHQtYWxpZ246IGNlbnRlciIKICAgICAgICBwbGFjZWhvbGRlcj0iTWluaW11bSIKICAgICAgLz4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEzIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMzBweDsgYm9yZGVyLWxlZnQ6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lOyBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmIgogICAgICAgIHBsYWNlaG9sZGVyPSJ+IgogICAgICAgIGRpc2FibGVkCiAgICAgIC8+CiAgICAgIDxhLWlucHV0CiAgICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNCIKICAgICAgICBzdHlsZT0id2lkdGg6IDEwMHB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7IGJvcmRlci1sZWZ0OiAwIgogICAgICAgIHBsYWNlaG9sZGVyPSJNYXhpbXVtIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNSI+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iU2lnbiBVcCI+U2lnbiBVcDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IlNpZ24gSW4iPlNpZ24gSW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtYXV0by1jb21wbGV0ZQogICAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMTYiCiAgICAgICAgOm9wdGlvbnM9Ilt7IHZhbHVlOiAndGV4dCAxJyB9LCB7IHZhbHVlOiAndGV4dCAyJyB9XSIKICAgICAgICBzdHlsZT0id2lkdGg6IDIwMHB4IgogICAgICAgIHBsYWNlaG9sZGVyPSJFbWFpbCIKICAgICAgLz4KICAgIDwvYS1pbnB1dC1ncm91cD4KICAgIDxiciAvPgogICAgPGEtaW5wdXQtZ3JvdXAgY29tcGFjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTciIHN0eWxlPSJ3aWR0aDogMzAlIj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJIb21lIj5Ib21lPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iQ29tcGFueSI+Q29tcGFueTwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICA8L2Etc2VsZWN0PgogICAgICA8YS1jYXNjYWRlcgogICAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMTgiCiAgICAgICAgc3R5bGU9IndpZHRoOiA3MCUiCiAgICAgICAgOm9wdGlvbnM9Im9wdGlvbnMiCiAgICAgICAgcGxhY2Vob2xkZXI9IlNlbGVjdCBBZGRyZXNzIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTE5IiBzdHlsZT0id2lkdGg6IGNhbGMoMTAwJSAtIDIwMHB4KSIgLz4KICAgICAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiPlN1Ym1pdDwvYS1idXR0b24+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMjAiIHN0eWxlPSJ3aWR0aDogY2FsYygxMDAlIC0gMjAwcHgpIiAvPgogICAgICA8YS10b29sdGlwIHRpdGxlPSJjb3B5IGdpdCB1cmwiPgogICAgICAgIDxhLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Q29weU91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICA8L2EtYnV0dG9uPgogICAgICA8L2EtdG9vbHRpcD4KICAgIDwvYS1pbnB1dC1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHsgQ29weU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKCmNvbnN0IG9wdGlvbnMgPSBbCiAgewogICAgdmFsdWU6ICd6aGVqaWFuZycsCiAgICBsYWJlbDogJ1poZWppYW5nJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ2hhbmd6aG91JywKICAgICAgICBsYWJlbDogJ0hhbmd6aG91JywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3hpaHUnLAogICAgICAgICAgICBsYWJlbDogJ1dlc3QgTGFrZScsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdmFsdWU6ICdqaWFuZ3N1JywKICAgIGxhYmVsOiAnSmlhbmdzdScsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICduYW5qaW5nJywKICAgICAgICBsYWJlbDogJ05hbmppbmcnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAnemhvbmdodWFtZW4nLAogICAgICAgICAgICBsYWJlbDogJ1pob25nIEh1YSBNZW4nLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIENvcHlPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUxID0gcmVmPHN0cmluZz4oJzA1NzEnKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZjxzdHJpbmc+KCcyNjg4ODg4OCcpOwogICAgY29uc3QgdmFsdWUzID0gcmVmPHN0cmluZz4oJ1poZWppYW5nJyk7CiAgICBjb25zdCB2YWx1ZTQgPSByZWY8c3RyaW5nPignWGlodSBEaXN0cmljdCwgSGFuZ3pob3UnKTsKICAgIGNvbnN0IHZhbHVlNSA9IHJlZjxzdHJpbmc+KCdPcHRpb24xJyk7CiAgICBjb25zdCB2YWx1ZTYgPSByZWY8c3RyaW5nPignaW5wdXQgY29udGVudCcpOwogICAgY29uc3QgdmFsdWU3ID0gcmVmPHN0cmluZz4oJ2lucHV0IGNvbnRlbnQnKTsKICAgIGNvbnN0IHZhbHVlOCA9IHJlZjxzdHJpbmcgfCBudWxsPihudWxsKTsKICAgIGNvbnN0IHZhbHVlOSA9IHJlZjxzdHJpbmc+KCdPcHRpb24xLTEnKTsKICAgIGNvbnN0IHZhbHVlMTAgPSByZWY8c3RyaW5nPignT3B0aW9uMi0yJyk7CiAgICBjb25zdCB2YWx1ZTExID0gcmVmPHN0cmluZz4oJzEnKTsKICAgIGNvbnN0IHZhbHVlMTIgPSByZWY8c3RyaW5nPignJyk7CiAgICBjb25zdCB2YWx1ZTEzID0gcmVmPHN0cmluZz4oJycpOwogICAgY29uc3QgdmFsdWUxNCA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIGNvbnN0IHZhbHVlMTUgPSByZWY8c3RyaW5nPignU2lnbiBVcCcpOwogICAgY29uc3QgdmFsdWUxNiA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIGNvbnN0IHZhbHVlMTcgPSByZWY8c3RyaW5nPignSG9tZScpOwogICAgY29uc3QgdmFsdWUxOCA9IHJlZjxzdHJpbmdbXT4oW10pOwogICAgY29uc3QgdmFsdWUxOSA9IHJlZjxzdHJpbmc+KCdodHRwczovL3N1cmVseS5jb29sJyk7CiAgICBjb25zdCB2YWx1ZTIwID0gcmVmPHN0cmluZz4oJ2h0dHBzOi8vYW50ZHYuY29tJyk7CgogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICAgIHZhbHVlMywKICAgICAgdmFsdWU0LAogICAgICB2YWx1ZTUsCiAgICAgIHZhbHVlNiwKICAgICAgdmFsdWU3LAogICAgICB2YWx1ZTgsCiAgICAgIHZhbHVlOSwKICAgICAgdmFsdWUxMCwKICAgICAgdmFsdWUxMSwKICAgICAgdmFsdWUxMiwKICAgICAgdmFsdWUxMywKICAgICAgdmFsdWUxNCwKICAgICAgdmFsdWUxNSwKICAgICAgdmFsdWUxNiwKICAgICAgdmFsdWUxNywKICAgICAgdmFsdWUxOCwKICAgICAgb3B0aW9ucywKICAgICAgdmFsdWUxOSwKICAgICAgdmFsdWUyMCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1ncm91cCBzaXplPSJsYXJnZSI+CiAgICAgIDxhLXJvdyA6Z3V0dGVyPSI4Ij4KICAgICAgICA8YS1jb2wgOnNwYW49IjUiPgogICAgICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgICAgIDwvYS1jb2w+CiAgICAgICAgPGEtY29sIDpzcGFuPSI4Ij4KICAgICAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgLz4KICAgICAgICA8L2EtY29sPgogICAgICA8L2Etcm93PgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIHN0eWxlPSJ3aWR0aDogMjAlIiAvPgogICAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHN0eWxlPSJ3aWR0aDogMzAlIiAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJaaGVqaWFuZyI+Wmhlamlhbmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJKaWFuZ3N1Ij5KaWFuZ3N1PC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTUiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEiPk9wdGlvbjE8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJPcHRpb24yIj5PcHRpb24yPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDwvYS1zZWxlY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlNiIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlNyIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlOCIgc3R5bGU9IndpZHRoOiA1MCUiIC8+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTkiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjEtMSI+T3B0aW9uMS0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMS0yIj5PcHRpb24xLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTAiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ik9wdGlvbjItMSI+T3B0aW9uMi0xPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iT3B0aW9uMi0yIj5PcHRpb24yLTI8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgIDwvYS1pbnB1dC1ncm91cD4KICAgIDxiciAvPgogICAgPGEtaW5wdXQtZ3JvdXAgY29tcGFjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTEiPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IjEiPkJldHdlZW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIyIj5FeGNlcHQ8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEyIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwcHg7IHRleHQtYWxpZ246IGNlbnRlciIKICAgICAgICBwbGFjZWhvbGRlcj0iTWluaW11bSIKICAgICAgLz4KICAgICAgPGEtaW5wdXQKICAgICAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEzIgogICAgICAgIHN0eWxlPSJ3aWR0aDogMzBweDsgYm9yZGVyLWxlZnQ6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lOyBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmIgogICAgICAgIHBsYWNlaG9sZGVyPSJ+IgogICAgICAgIGRpc2FibGVkCiAgICAgIC8+CiAgICAgIDxhLWlucHV0CiAgICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNCIKICAgICAgICBzdHlsZT0id2lkdGg6IDEwMHB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7IGJvcmRlci1sZWZ0OiAwIgogICAgICAgIHBsYWNlaG9sZGVyPSJNYXhpbXVtIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUxNSI+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iU2lnbiBVcCI+U2lnbiBVcDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9IlNpZ24gSW4iPlNpZ24gSW48L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPC9hLXNlbGVjdD4KICAgICAgPGEtYXV0by1jb21wbGV0ZQogICAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMTYiCiAgICAgICAgOm9wdGlvbnM9Ilt7IHZhbHVlOiAndGV4dCAxJyB9LCB7IHZhbHVlOiAndGV4dCAyJyB9XSIKICAgICAgICBzdHlsZT0id2lkdGg6IDIwMHB4IgogICAgICAgIHBsYWNlaG9sZGVyPSJFbWFpbCIKICAgICAgLz4KICAgIDwvYS1pbnB1dC1ncm91cD4KICAgIDxiciAvPgogICAgPGEtaW5wdXQtZ3JvdXAgY29tcGFjdD4KICAgICAgPGEtc2VsZWN0IHYtbW9kZWw6dmFsdWU9InZhbHVlMTciIHN0eWxlPSJ3aWR0aDogMzAlIj4KICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJIb21lIj5Ib21lPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iQ29tcGFueSI+Q29tcGFueTwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICA8L2Etc2VsZWN0PgogICAgICA8YS1jYXNjYWRlcgogICAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMTgiCiAgICAgICAgc3R5bGU9IndpZHRoOiA3MCUiCiAgICAgICAgOm9wdGlvbnM9Im9wdGlvbnMiCiAgICAgICAgcGxhY2Vob2xkZXI9IlNlbGVjdCBBZGRyZXNzIgogICAgICAvPgogICAgPC9hLWlucHV0LWdyb3VwPgogICAgPGJyIC8+CiAgICA8YS1pbnB1dC1ncm91cCBjb21wYWN0PgogICAgICA8YS1pbnB1dCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTE5IiBzdHlsZT0id2lkdGg6IGNhbGMoMTAwJSAtIDIwMHB4KSIgLz4KICAgICAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiPlN1Ym1pdDwvYS1idXR0b24+CiAgICA8L2EtaW5wdXQtZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxhLWlucHV0LWdyb3VwIGNvbXBhY3Q+CiAgICAgIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMjAiIHN0eWxlPSJ3aWR0aDogY2FsYygxMDAlIC0gMjAwcHgpIiAvPgogICAgICA8YS10b29sdGlwIHRpdGxlPSJjb3B5IGdpdCB1cmwiPgogICAgICAgIDxhLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Q29weU91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICA8L2EtYnV0dG9uPgogICAgICA8L2EtdG9vbHRpcD4KICAgIDwvYS1pbnB1dC1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBDb3B5T3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpjb25zdCBvcHRpb25zID0gW3sKICB2YWx1ZTogJ3poZWppYW5nJywKICBsYWJlbDogJ1poZWppYW5nJywKICBjaGlsZHJlbjogW3sKICAgIHZhbHVlOiAnaGFuZ3pob3UnLAogICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICBjaGlsZHJlbjogW3sKICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgfV0sCiAgfV0sCn0sIHsKICB2YWx1ZTogJ2ppYW5nc3UnLAogIGxhYmVsOiAnSmlhbmdzdScsCiAgY2hpbGRyZW46IFt7CiAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgbGFiZWw6ICdOYW5qaW5nJywKICAgIGNoaWxkcmVuOiBbewogICAgICB2YWx1ZTogJ3pob25naHVhbWVuJywKICAgICAgbGFiZWw6ICdaaG9uZyBIdWEgTWVuJywKICAgIH1dLAogIH1dLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBDb3B5T3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlMSA9IHJlZignMDU3MScpOwogICAgY29uc3QgdmFsdWUyID0gcmVmKCcyNjg4ODg4OCcpOwogICAgY29uc3QgdmFsdWUzID0gcmVmKCdaaGVqaWFuZycpOwogICAgY29uc3QgdmFsdWU0ID0gcmVmKCdYaWh1IERpc3RyaWN0LCBIYW5nemhvdScpOwogICAgY29uc3QgdmFsdWU1ID0gcmVmKCdPcHRpb24xJyk7CiAgICBjb25zdCB2YWx1ZTYgPSByZWYoJ2lucHV0IGNvbnRlbnQnKTsKICAgIGNvbnN0IHZhbHVlNyA9IHJlZignaW5wdXQgY29udGVudCcpOwogICAgY29uc3QgdmFsdWU4ID0gcmVmKG51bGwpOwogICAgY29uc3QgdmFsdWU5ID0gcmVmKCdPcHRpb24xLTEnKTsKICAgIGNvbnN0IHZhbHVlMTAgPSByZWYoJ09wdGlvbjItMicpOwogICAgY29uc3QgdmFsdWUxMSA9IHJlZignMScpOwogICAgY29uc3QgdmFsdWUxMiA9IHJlZignJyk7CiAgICBjb25zdCB2YWx1ZTEzID0gcmVmKCcnKTsKICAgIGNvbnN0IHZhbHVlMTQgPSByZWYoJycpOwogICAgY29uc3QgdmFsdWUxNSA9IHJlZignU2lnbiBVcCcpOwogICAgY29uc3QgdmFsdWUxNiA9IHJlZignJyk7CiAgICBjb25zdCB2YWx1ZTE3ID0gcmVmKCdIb21lJyk7CiAgICBjb25zdCB2YWx1ZTE4ID0gcmVmKFtdKTsKICAgIGNvbnN0IHZhbHVlMTkgPSByZWYoJ2h0dHBzOi8vc3VyZWx5LmNvb2wnKTsKICAgIGNvbnN0IHZhbHVlMjAgPSByZWYoJ2h0dHBzOi8vYW50ZHYuY29tJyk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTEsCiAgICAgIHZhbHVlMiwKICAgICAgdmFsdWUzLAogICAgICB2YWx1ZTQsCiAgICAgIHZhbHVlNSwKICAgICAgdmFsdWU2LAogICAgICB2YWx1ZTcsCiAgICAgIHZhbHVlOCwKICAgICAgdmFsdWU5LAogICAgICB2YWx1ZTEwLAogICAgICB2YWx1ZTExLAogICAgICB2YWx1ZTEyLAogICAgICB2YWx1ZTEzLAogICAgICB2YWx1ZTE0LAogICAgICB2YWx1ZTE1LAogICAgICB2YWx1ZTE2LAogICAgICB2YWx1ZTE3LAogICAgICB2YWx1ZTE4LAogICAgICBvcHRpb25zLAogICAgICB2YWx1ZTE5LAogICAgICB2YWx1ZTIwLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[o(d,{size:"large"},{default:e(()=>[o(i,{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[37]||(t[37]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(c,{value:s.value1,"onUpdate:value":t[2]||(t[2]=l=>s.value1=l),style:{width:"20%"}},null,8,["value"]),o(c,{value:s.value2,"onUpdate:value":t[3]||(t[3]=l=>s.value2=l),style:{width:"30%"}},null,8,["value"])]),_:1}),t[38]||(t[38]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(A,{value:s.value3,"onUpdate:value":t[4]||(t[4]=l=>s.value3=l)},{default:e(()=>[o(I,{value:"Zhejiang"},{default:e(()=>t[22]||(t[22]=[a("Zhejiang")])),_:1,__:[22]}),o(I,{value:"Jiangsu"},{default:e(()=>t[23]||(t[23]=[a("Jiangsu")])),_:1,__:[23]})]),_:1},8,["value"]),o(c,{value:s.value4,"onUpdate:value":t[5]||(t[5]=l=>s.value4=l),style:{width:"50%"}},null,8,["value"])]),_:1}),t[39]||(t[39]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(A,{value:s.value5,"onUpdate:value":t[6]||(t[6]=l=>s.value5=l)},{default:e(()=>[o(I,{value:"Option1"},{default:e(()=>t[24]||(t[24]=[a("Option1")])),_:1,__:[24]}),o(I,{value:"Option2"},{default:e(()=>t[25]||(t[25]=[a("Option2")])),_:1,__:[25]})]),_:1},8,["value"]),o(c,{value:s.value6,"onUpdate:value":t[7]||(t[7]=l=>s.value6=l),style:{width:"50%"}},null,8,["value"])]),_:1}),t[40]||(t[40]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(c,{value:s.value7,"onUpdate:value":t[8]||(t[8]=l=>s.value7=l),style:{width:"50%"}},null,8,["value"]),o(y,{value:s.value8,"onUpdate:value":t[9]||(t[9]=l=>s.value8=l),style:{width:"50%"}},null,8,["value"])]),_:1}),t[41]||(t[41]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(A,{value:s.value9,"onUpdate:value":t[10]||(t[10]=l=>s.value9=l)},{default:e(()=>[o(I,{value:"Option1-1"},{default:e(()=>t[26]||(t[26]=[a("Option1-1")])),_:1,__:[26]}),o(I,{value:"Option1-2"},{default:e(()=>t[27]||(t[27]=[a("Option1-2")])),_:1,__:[27]})]),_:1},8,["value"]),o(A,{value:s.value10,"onUpdate:value":t[11]||(t[11]=l=>s.value10=l)},{default:e(()=>[o(I,{value:"Option2-1"},{default:e(()=>t[28]||(t[28]=[a("Option2-1")])),_:1,__:[28]}),o(I,{value:"Option2-2"},{default:e(()=>t[29]||(t[29]=[a("Option2-2")])),_:1,__:[29]})]),_:1},8,["value"])]),_:1}),t[42]||(t[42]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(A,{value:s.value11,"onUpdate:value":t[12]||(t[12]=l=>s.value11=l)},{default:e(()=>[o(I,{value:"1"},{default:e(()=>t[30]||(t[30]=[a("Between")])),_:1,__:[30]}),o(I,{value:"2"},{default:e(()=>t[31]||(t[31]=[a("Except")])),_:1,__:[31]})]),_: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[43]||(t[43]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(A,{value:s.value15,"onUpdate:value":t[16]||(t[16]=l=>s.value15=l)},{default:e(()=>[o(I,{value:"Sign Up"},{default:e(()=>t[32]||(t[32]=[a("Sign Up")])),_:1,__:[32]}),o(I,{value:"Sign In"},{default:e(()=>t[33]||(t[33]=[a("Sign In")])),_:1,__:[33]})]),_:1},8,["value"]),o(v,{value:s.value16,"onUpdate:value":t[17]||(t[17]=l=>s.value16=l),options:[{value:"text 1"},{value:"text 2"}],style:{width:"200px"},placeholder:"Email"},null,8,["value"])]),_:1}),t[44]||(t[44]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(A,{value:s.value17,"onUpdate:value":t[18]||(t[18]=l=>s.value17=l),style:{width:"30%"}},{default:e(()=>[o(I,{value:"Home"},{default:e(()=>t[34]||(t[34]=[a("Home")])),_:1,__:[34]}),o(I,{value:"Company"},{default:e(()=>t[35]||(t[35]=[a("Company")])),_:1,__:[35]})]),_:1},8,["value"]),o(f,{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}),t[45]||(t[45]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(c,{value:s.value19,"onUpdate:value":t[20]||(t[20]=l=>s.value19=l),style:{width:"calc(100% - 200px)"}},null,8,["value"]),o(w,{type:"primary"},{default:e(()=>t[36]||(t[36]=[a("Submit")])),_:1,__:[36]})]),_:1}),t[46]||(t[46]=n("br",null,null,-1)),o(d,{compact:""},{default:e(()=>[o(c,{value:s.value20,"onUpdate:value":t[21]||(t[21]=l=>s.value20=l),style:{width:"calc(100% - 200px)"}},null,8,["value"]),o(V,{title:"copy git url"},{default:e(()=>[o(w,null,{icon:e(()=>[o(H)]),_:1})]),_:1})]),_:1})])]),htmlCode:e(()=>t[47]||(t[47]=[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(`
    413. 

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

  415.       `),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(`
    416. 

  416.         `),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(`
    417. 

  417.           `),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(`
    418. 

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

  420.           `),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(`
    421. 

  421.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-col")]),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-row")]),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-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    424. 

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

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

  432.         `),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(`
    433. 

  433.         `),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(`
    434. 

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

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

  440.         `),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(`
    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"),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(`
    442. 

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

  448.       `),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(`
    449. 

  449.     `),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(`
    450. 

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

  452.       `),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(`
    453. 

  453.         `),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(`
    454. 

  454.         `),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(`
    455. 

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

  457.         `),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(`
    458. 

  458.         `),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(`
    459. 

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

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

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

  463.       `),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(`
    464. 

  464.         `),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(`
    465. 

  465.         `),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(`
    466. 

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

  468.         `),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(`
    469. 

  469.         `),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(`
    470. 

  470.         `),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(`
    471. 

  471.       `),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-input")]),a(`
    473. 

  473.         `),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(`
    474. 

  474.         `),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(`
    475. 

  475.         `),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(`
    476. 

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

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

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

  479.         `),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(`
    480. 

  480.         `),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(`
    481. 

  481.         `),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(`
    482. 

  482.       `),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-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    484. 

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

  487.         `),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(`
    488. 

  488.         `),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(`
    489. 

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

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

  491.         `),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(`
    492. 

  492.         `),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("[{ value: 'text 1' }, { value: 'text 2' }]"),n("span",{class:"token punctuation"},'"')]),a(`
    493. 

  493.         `),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(`
    494. 

  494.         `),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(`
    495. 

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

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

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

  498.     `),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(`
    499. 

  499.       `),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(`
    500. 

  500.         `),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(`
    501. 

  501.         `),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(`
    502. 

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

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

  504.         `),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(`
    505. 

  505.         `),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(`
    506. 

  506.         `),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(`
    507. 

  507.         `),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(`
    508. 

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

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

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

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

  512.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-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("value19"),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(),n("span",{class:"token function"},"calc"),n("span",{class:"token punctuation"},"("),a("100% - 200px"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    513. 

  513.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),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("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Submit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    514. 

  514.     `),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(`
    515. 

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

  516.     `),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(`
    517. 

  517.       `),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("value20"),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(),n("span",{class:"token function"},"calc"),n("span",{class:"token punctuation"},"("),a("100% - 200px"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    518. 

  518.       `),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("copy git url"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    519. 

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

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

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

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

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

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

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

  526. `),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(`
    527. 

  527. `),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(`
    528. 

  528. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" CopyOutlined "),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(`
    529. 

  529. 

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

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

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

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

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

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

  536.         `),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(`
    537. 

  537.         `),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(`
    538. 

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

  539.           `),n("span",{class:"token punctuation"},"{"),a(`
    540. 

  540.             `),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(`
    541. 

  541.             `),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(`
    542. 

  542.           `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    543. 

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

  544.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    545. 

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

  546.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    547. 

  547.   `),n("span",{class:"token punctuation"},"{"),a(`
    548. 

  548.     `),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(`
    549. 

  549.     `),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(`
    550. 

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

  551.       `),n("span",{class:"token punctuation"},"{"),a(`
    552. 

  552.         `),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(`
    553. 

  553.         `),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(`
    554. 

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

  555.           `),n("span",{class:"token punctuation"},"{"),a(`
    556. 

  556.             `),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(`
    557. 

  557.             `),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(`
    558. 

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

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

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

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

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

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

  564. `),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(`
    565. 

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

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

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

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

  569.     `),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(`
    570. 

  570.     `),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(`
    571. 

  571.     `),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(`
    572. 

  572.     `),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(`
    573. 

  573.     `),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(`
    574. 

  574.     `),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(`
    575. 

  575.     `),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(`
    576. 

  576.     `),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(`
    577. 

  577.     `),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(`
    578. 

  578.     `),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(`
    579. 

  579.     `),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(`
    580. 

  580.     `),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(`
    581. 

  581.     `),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(`
    582. 

  582.     `),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(`
    583. 

  583.     `),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(`
    584. 

  584.     `),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(`
    585. 

  585.     `),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(`
    586. 

  586.     `),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(`
    587. 

  587.     `),n("span",{class:"token keyword"},"const"),a(" value19 "),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"},"'https://surely.cool'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    588. 

  588.     `),n("span",{class:"token keyword"},"const"),a(" value20 "),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"},"'https://antdv.com'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    589. 

  589. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  610.       value19`),n("span",{class:"token punctuation"},","),a(`
    611. 

  611.       value20`),n("span",{class:"token punctuation"},","),a(`
    612. 

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

  613.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    614. 

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

  616. `)])],-1)])),jsVersionHtml:e(()=>t[48]||(t[48]=[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(`
    617. 

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

  619.       `),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(`
    620. 

  620.         `),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(`
    621. 

  621.           `),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(`
    622. 

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

  624.           `),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(`
    625. 

  625.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-col")]),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-row")]),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-input-group")]),n("span",{class:"token punctuation"},">")]),a(`
    628. 

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

  631.       `),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 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 punctuation"},"/>")]),a(`
    632. 

  632.     `),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(`
    633. 

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

  636.         `),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(`
    637. 

  637.         `),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(`
    638. 

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

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

  643.       `),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(`
    644. 

  644.         `),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(`
    645. 

  645.         `),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(`
    646. 

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

  648.     `),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(`
    649. 

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

  650.     `),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(`
    651. 

  651.       `),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("value7"),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(`
    652. 

  652.       `),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(`
    653. 

  653.     `),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(`
    654. 

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

  655.     `),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(`
    656. 

  656.       `),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(`
    657. 

  657.         `),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(`
    658. 

  658.         `),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(`
    659. 

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

  661.         `),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(`
    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("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(`
    663. 

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

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

  666.     `),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(`
    667. 

  667.       `),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(`
    668. 

  668.         `),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(`
    669. 

  669.         `),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(`
    670. 

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

  672.         `),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(`
    673. 

  673.         `),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(`
    674. 

  674.         `),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(`
    675. 

  675.       `),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-input")]),a(`
    677. 

  677.         `),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(`
    678. 

  678.         `),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(`
    679. 

  679.         `),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(`
    680. 

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

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

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

  683.         `),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(`
    684. 

  684.         `),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(`
    685. 

  685.         `),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(`
    686. 

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

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

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

  689.     `),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(`
    690. 

  690.       `),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(`
    691. 

  691.         `),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(`
    692. 

  692.         `),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(`
    693. 

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

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

  695.         `),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(`
    696. 

  696.         `),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("[{ value: 'text 1' }, { value: 'text 2' }]"),n("span",{class:"token punctuation"},'"')]),a(`
    697. 

  697.         `),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(`
    698. 

  698.         `),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(`
    699. 

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

  700.     `),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(`
    701. 

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

  702.     `),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(`
    703. 

  703.       `),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(`
    704. 

  704.         `),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(`
    705. 

  705.         `),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(`
    706. 

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

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

  708.         `),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(`
    709. 

  709.         `),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(`
    710. 

  710.         `),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(`
    711. 

  711.         `),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(`
    712. 

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

  713.     `),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(`
    714. 

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

  715.     `),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(`
    716. 

  716.       `),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("value19"),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(),n("span",{class:"token function"},"calc"),n("span",{class:"token punctuation"},"("),a("100% - 200px"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    717. 

  717.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Submit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    718. 

  718.     `),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(`
    719. 

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

  720.     `),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(`
    721. 

  721.       `),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("value20"),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(),n("span",{class:"token function"},"calc"),n("span",{class:"token punctuation"},"("),a("100% - 200px"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    722. 

  722.       `),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("copy git url"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    723. 

  723.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    724. 

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

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

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

  727.     `),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(`
    728. 

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

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

  730. `),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(`
    731. 

  731. `),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(`
    732. 

  732. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" CopyOutlined "),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(`
    733. 

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

  734.   `),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(`
    735. 

  735.   `),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(`
    736. 

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

  737.     `),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(`
    738. 

  738.     `),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(`
    739. 

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

  740.       `),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(`
    741. 

  741.       `),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(`
    742. 

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

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

  744. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    745. 

  745.   `),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(`
    746. 

  746.   `),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(`
    747. 

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

  748.     `),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(`
    749. 

  749.     `),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(`
    750. 

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

  751.       `),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(`
    752. 

  752.       `),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(`
    753. 

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

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

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

  756. `),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(`
    757. 

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

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

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

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

  761.     `),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(`
    762. 

  762.     `),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(`
    763. 

  763.     `),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(`
    764. 

  764.     `),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(`
    765. 

  765.     `),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(`
    766. 

  766.     `),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(`
    767. 

  767.     `),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(`
    768. 

  768.     `),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(`
    769. 

  769.     `),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(`
    770. 

  770.     `),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(`
    771. 

  771.     `),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(`
    772. 

  772.     `),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(`
    773. 

  773.     `),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(`
    774. 

  774.     `),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(`
    775. 

  775.     `),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(`
    776. 

  776.     `),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(`
    777. 

  777.     `),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(`
    778. 

  778.     `),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(`
    779. 

  779.     `),n("span",{class:"token keyword"},"const"),a(" value19 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'https://surely.cool'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    780. 

  780.     `),n("span",{class:"token keyword"},"const"),a(" value20 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'https://antdv.com'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    781. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  802.       value20`),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})}const kn=h(ln,[["render",un]]),rn=W({setup(){return{value:u("")}}});function dn(s,t,C,g,r,m){const c=p("a-textarea"),k=p("demo-box");return b(),Z(k,{jsfiddle:{us:"For multi-line input.",cn:"\u7528\u4E8E\u591A\u884C\u8F93\u5165\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    808. 

  808.           <span aria-hidden="true" class="anchor">#</span>
    809. 

  809.         </a></h2>
    810. 

  810. <p>\u7528\u4E8E\u591A\u884C\u8F93\u5165\u3002</p>
    811. 

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

  812.           <span aria-hidden="true" class="anchor">#</span>
    813. 

  813.         </a></h2>
    814. 

  814. <p>For multi-line input.</p>
    815. 

  815. `,order:7,title:{"zh-CN":"\u6587\u672C\u57DF","en-US":"TextArea"},relativePath:"components/input/demo/textarea.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRleHRhcmVhIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iQmFzaWMgdXNhZ2UiIDpyb3dzPSI0IiAvPgogIDxiciAvPgogIDxiciAvPgogIDxhLXRleHRhcmVhIDpyb3dzPSI0IiBwbGFjZWhvbGRlcj0ibWF4bGVuZ3RoIGlzIDYiIDptYXhsZW5ndGg9IjYiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRleHRhcmVhIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZWhvbGRlcj0iQmFzaWMgdXNhZ2UiIDpyb3dzPSI0IiAvPgogIDxiciAvPgogIDxiciAvPgogIDxhLXRleHRhcmVhIDpyb3dzPSI0IiBwbGFjZWhvbGRlcj0ibWF4bGVuZ3RoIGlzIDYiIDptYXhsZW5ndGg9IjYiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCcnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=i=>s.value=i),placeholder:"Basic usage",rows:4},null,8,["value"]),t[1]||(t[1]=n("br",null,null,-1)),t[2]||(t[2]=n("br",null,null,-1)),o(c,{rows:4,placeholder:"maxlength is 6",maxlength:6})]),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(`
    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("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(`
    817. 

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

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

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

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

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

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

  823. `),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(`
    824. 

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

  825.     `),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(`
    826. 

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

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

  828.     `),n("span",{class:"token punctuation"},"}"),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"},")"),n("span",{class:"token punctuation"},";"),a(`
    831. 

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

  832. `)])],-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(`
    833. 

  833.   `),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(`
    834. 

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

  835.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),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("a-textarea")]),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 attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("maxlength is 6"),n("span",{class:"token punctuation"},'"')]),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("6"),n("span",{class:"token punctuation"},'"')]),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("template")]),n("span",{class:"token punctuation"},">")]),a(`
    838. 

  838. `),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(`
    839. 

  839. `),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(`
    840. 

  840. `),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(`
    841. 

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

  842.     `),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(`
    843. 

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

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

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

  846.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    847. 

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

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

  849. `)])],-1)])),_:1})}const gn=h(rn,[["render",dn]]),In=W({setup(){const s=u(""),t=u("");return{value1:s,value2:t}}});function Cn(s,t,C,g,r,m){const c=p("a-input"),k=p("a-textarea"),i=p("demo-box");return b(),Z(i,{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 <a class="header-anchor" href="#zh-CN">
    850. 

  850.           <span aria-hidden="true" class="anchor">#</span>
    851. 

  851.         </a></h2>
    852. 

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

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

  854.           <span aria-hidden="true" class="anchor">#</span>
    855. 

  855.         </a></h2>
    856. 

  856. <p>Input type of password.</p>
    857. 

  857. `,order:10,title:{"zh-CN":"\u5E26\u79FB\u9664\u56FE\u6807","en-US":"With clear icon"},relativePath:"components/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]=d=>s.value1=d),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]=d=>s.value2=d),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(`
    858. 

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

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

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

  862.     `),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(`
    863. 

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

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

  865. `),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(`
    866. 

  866. `),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(`
    867. 

  867. `),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(`
    868. 

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

  869.     `),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(`
    870. 

  870.     `),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(`
    871. 

  871. 

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

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

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

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

  876.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    877. 

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

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

  879. `)])],-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(`
    880. 

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

  881.     `),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(`
    882. 

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

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

  884.     `),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(`
    885. 

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

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

  887. `),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(`
    888. 

  888. `),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(`
    889. 

  889. `),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(`
    890. 

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

  891.     `),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(`
    892. 

  892.     `),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(`
    893. 

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

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

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

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

  897.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    898. 

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

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

  900. `)])],-1)])),_:1})}const mn=h(In,[["render",Cn]]),vn=W({setup(){return{value:u("")}}});function hn(s,t,C,g,r,m){const c=p("a-input-password"),k=p("demo-box");return b(),Z(k,{jsfiddle:{us:"Input type of password.",cn:"\u5BC6\u7801\u6846\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    901. 

  901.           <span aria-hidden="true" class="anchor">#</span>
    902. 

  902.         </a></h2>
    903. 

  903. <p>\u5BC6\u7801\u6846\u3002</p>
    904. 

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

  905.           <span aria-hidden="true" class="anchor">#</span>
    906. 

  906.         </a></h2>
    907. 

  907. <p>Input type of password.</p>
    908. 

  908. `,order:11,title:{"zh-CN":"\u5BC6\u7801\u6846","en-US":"Password box"},relativePath:"components/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]=i=>s.value=i),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(`
    909. 

  909.   `),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(`
    910. 

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

  911. `),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(`
    912. 

  912. `),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(`
    913. 

  913. `),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(`
    914. 

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

  915.     `),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(`
    916. 

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

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

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

  919.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    920. 

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

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

  922. `)])],-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(`
    923. 

  923.   `),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(`
    924. 

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

  925. `),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(`
    926. 

  926. `),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(`
    927. 

  927. `),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(`
    928. 

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

  929.     `),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(`
    930. 

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

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

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

  933.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    934. 

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

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

  936. `)])],-1)])),_:1})}const bn=h(vn,[["render",hn]]),An=W({setup(){const s=u("test value"),t=u("test value");return{value1:s,value2:t}}});function Wn(s,t,C,g,r,m){const c=p("a-input"),k=p("a-textarea"),i=p("demo-box");return b(),Z(i,{jsfiddle:{us:"Show character counting.",cn:"\u5C55\u793A\u5B57\u6570\u63D0\u793A\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    937. 

  937.           <span aria-hidden="true" class="anchor">#</span>
    938. 

  938.         </a></h2>
    939. 

  939. <p>\u5C55\u793A\u5B57\u6570\u63D0\u793A\u3002</p>
    940. 

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

  941.           <span aria-hidden="true" class="anchor">#</span>
    942. 

  942.         </a></h2>
    943. 

  943. <p>Show character counting.</p>
    944. 

  944. `,order:12,title:{"zh-CN":"\u5E26\u5B57\u6570\u63D0\u793A","en-US":"With character counting"},relativePath:"components/input/demo/show-count.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMSIgc2hvdy1jb3VudCA6bWF4bGVuZ3RoPSIyMCIgLz4KICA8YnIgLz4KICA8YnIgLz4KICA8YS10ZXh0YXJlYSB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHNob3ctY291bnQgOm1heGxlbmd0aD0iMTAwIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUxID0gcmVmPHN0cmluZz4oJ3Rlc3QgdmFsdWUnKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZjxzdHJpbmc+KCd0ZXN0IHZhbHVlJyk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTEsCiAgICAgIHZhbHVlMiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlMSIgc2hvdy1jb3VudCA6bWF4bGVuZ3RoPSIyMCIgLz4KICA8YnIgLz4KICA8YnIgLz4KICA8YS10ZXh0YXJlYSB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHNob3ctY291bnQgOm1heGxlbmd0aD0iMTAwIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZTEgPSByZWYoJ3Rlc3QgdmFsdWUnKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZigndGVzdCB2YWx1ZScpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=d=>s.value1=d),"show-count":"",maxlength:20},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]=d=>s.value2=d),"show-count":"",maxlength:100},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(`
    945. 

  945.   `),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"},"show-count"),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("20"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    946. 

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

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

  948.   `),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"},"show-count"),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(`
    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("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(`
    951. 

  951. `),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(`
    952. 

  952. `),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(`
    953. 

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

  954.     `),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"},"'test value'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    955. 

  955.     `),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"},"'test value'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    956. 

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

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

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

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

  960.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    961. 

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

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

  963. `)])],-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(`
    964. 

  964.   `),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"},"show-count"),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("20"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    965. 

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

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

  967.   `),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"},"show-count"),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(`
    968. 

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

  969. `),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(`
    970. 

  970. `),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(`
    971. 

  971. `),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(`
    972. 

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

  973.     `),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"},"'test value'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    974. 

  974.     `),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"},"'test value'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    975. 

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

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

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

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

  979.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    980. 

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

  982. `)])],-1)])),_:1})}const Zn=h(An,[["render",Wn]]),yn=W({components:{SettingOutlined:L},setup(){const s=u("mysite"),t=u("mysite"),C=u("Http://"),g=u(".com"),r=u("mysite"),m=u("mysite");return{value1:s,value2:t,value3:C,value4:g,value5:r,value6:m}}});function wn(s,t,C,g,r,m){const c=p("a-input"),k=p("a-select-option"),i=p("a-select"),d=p("setting-outlined"),I=p("a-cascader"),A=p("a-space"),y=p("demo-box");return b(),Z(y,{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 <a class="header-anchor" href="#zh-CN">
    983. 

  983.           <span aria-hidden="true" class="anchor">#</span>
    984. 

  984.         </a></h2>
    985. 

  985. <p>\u7528\u4E8E\u914D\u7F6E\u4E00\u4E9B\u56FA\u5B9A\u7EC4\u5408\u3002</p>
    986. 

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

  987.           <span aria-hidden="true" class="anchor">#</span>
    988. 

  988.         </a></h2>
    989. 

  989. <p>Using pre &amp; post tabs example.</p>
    990. 

  990. `,order:8,title:{"zh-CN":"\u524D\u7F6E/\u540E\u7F6E\u6807\u7B7E","en-US":"Pre / Post tab"},relativePath:"components/input/demo/addon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiBhZGRvbi1iZWZvcmU9Ikh0dHA6Ly8iIGFkZG9uLWFmdGVyPSIuY29tIiAvPgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIj4KICAgICAgPHRlbXBsYXRlICNhZGRvbkJlZm9yZT4KICAgICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiBzdHlsZT0id2lkdGg6IDkwcHgiPgogICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iSHR0cDovLyI+SHR0cDovLzwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iSHR0cHM6Ly8iPkh0dHBzOi8vPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPC9hLXNlbGVjdD4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNhZGRvbkFmdGVyPgogICAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIHN0eWxlPSJ3aWR0aDogODBweCI+CiAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIuY29tIj4uY29tPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIuanAiPi5qcDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iLmNuIj4uY248L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5vcmciPi5vcmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8L2Etc2VsZWN0PgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWlucHV0PgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWU1Ij4KICAgICAgPHRlbXBsYXRlICNhZGRvbkFmdGVyPgogICAgICAgIDxzZXR0aW5nLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWU2Ij4KICAgICAgPHRlbXBsYXRlICNhZGRvbkJlZm9yZT4KICAgICAgICA8YS1jYXNjYWRlciBwbGFjZWhvbGRlcj0iY2FzY2FkZXIiIHN0eWxlPSJ3aWR0aDogMTUwcHgiIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgU2V0dGluZ091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNldHRpbmdPdXRsaW5lZCwKICB9LAoKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlMSA9IHJlZjxzdHJpbmc+KCdteXNpdGUnKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZjxzdHJpbmc+KCdteXNpdGUnKTsKICAgIGNvbnN0IHZhbHVlMyA9IHJlZjxzdHJpbmc+KCdIdHRwOi8vJyk7CiAgICBjb25zdCB2YWx1ZTQgPSByZWY8c3RyaW5nPignLmNvbScpOwogICAgY29uc3QgdmFsdWU1ID0gcmVmPHN0cmluZz4oJ215c2l0ZScpOwogICAgY29uc3QgdmFsdWU2ID0gcmVmPHN0cmluZz4oJ215c2l0ZScpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICAgIHZhbHVlMywKICAgICAgdmFsdWU0LAogICAgICB2YWx1ZTUsCiAgICAgIHZhbHVlNiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiBhZGRvbi1iZWZvcmU9Ikh0dHA6Ly8iIGFkZG9uLWFmdGVyPSIuY29tIiAvPgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIj4KICAgICAgPHRlbXBsYXRlICNhZGRvbkJlZm9yZT4KICAgICAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiBzdHlsZT0id2lkdGg6IDkwcHgiPgogICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iSHR0cDovLyI+SHR0cDovLzwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iSHR0cHM6Ly8iPkh0dHBzOi8vPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgPC9hLXNlbGVjdD4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNhZGRvbkFmdGVyPgogICAgICAgIDxhLXNlbGVjdCB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIHN0eWxlPSJ3aWR0aDogODBweCI+CiAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIuY29tIj4uY29tPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSIuanAiPi5qcDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iLmNuIj4uY248L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Ii5vcmciPi5vcmc8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgICA8L2Etc2VsZWN0PgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWlucHV0PgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWU1Ij4KICAgICAgPHRlbXBsYXRlICNhZGRvbkFmdGVyPgogICAgICAgIDxzZXR0aW5nLW91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CgogICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0idmFsdWU2Ij4KICAgICAgPHRlbXBsYXRlICNhZGRvbkJlZm9yZT4KICAgICAgICA8YS1jYXNjYWRlciBwbGFjZWhvbGRlcj0iY2FzY2FkZXIiIHN0eWxlPSJ3aWR0aDogMTUwcHgiIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtaW5wdXQ+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBTZXR0aW5nT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU2V0dGluZ091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZTEgPSByZWYoJ215c2l0ZScpOwogICAgY29uc3QgdmFsdWUyID0gcmVmKCdteXNpdGUnKTsKICAgIGNvbnN0IHZhbHVlMyA9IHJlZignSHR0cDovLycpOwogICAgY29uc3QgdmFsdWU0ID0gcmVmKCcuY29tJyk7CiAgICBjb25zdCB2YWx1ZTUgPSByZWYoJ215c2l0ZScpOwogICAgY29uc3QgdmFsdWU2ID0gcmVmKCdteXNpdGUnKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMSwKICAgICAgdmFsdWUyLAogICAgICB2YWx1ZTMsCiAgICAgIHZhbHVlNCwKICAgICAgdmFsdWU1LAogICAgICB2YWx1ZTYsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(A,{direction:"vertical"},{default:e(()=>[o(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=v=>s.value1=v),"addon-before":"Http://","addon-after":".com"},null,8,["value"]),o(c,{value:s.value2,"onUpdate:value":t[3]||(t[3]=v=>s.value2=v)},{addonBefore:e(()=>[o(i,{value:s.value3,"onUpdate:value":t[1]||(t[1]=v=>s.value3=v),style:{width:"90px"}},{default:e(()=>[o(k,{value:"Http://"},{default:e(()=>t[6]||(t[6]=[a("Http://")])),_:1,__:[6]}),o(k,{value:"Https://"},{default:e(()=>t[7]||(t[7]=[a("Https://")])),_:1,__:[7]})]),_:1},8,["value"])]),addonAfter:e(()=>[o(i,{value:s.value4,"onUpdate:value":t[2]||(t[2]=v=>s.value4=v),style:{width:"80px"}},{default:e(()=>[o(k,{value:".com"},{default:e(()=>t[8]||(t[8]=[a(".com")])),_:1,__:[8]}),o(k,{value:".jp"},{default:e(()=>t[9]||(t[9]=[a(".jp")])),_:1,__:[9]}),o(k,{value:".cn"},{default:e(()=>t[10]||(t[10]=[a(".cn")])),_:1,__:[10]}),o(k,{value:".org"},{default:e(()=>t[11]||(t[11]=[a(".org")])),_:1,__:[11]})]),_:1},8,["value"])]),_:1},8,["value"]),o(c,{value:s.value5,"onUpdate:value":t[4]||(t[4]=v=>s.value5=v)},{addonAfter:e(()=>[o(d)]),_:1},8,["value"]),o(c,{value:s.value6,"onUpdate:value":t[5]||(t[5]=v=>s.value6=v)},{addonBefore:e(()=>[o(I,{placeholder:"cascader",style:{width:"150px"}})]),_:1},8,["value"])]),_:1})]),htmlCode: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(`
    991. 

  991.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),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-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"},"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 punctuation"},"/>")]),a(`
    993. 

  993.     `),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(`
    994. 

  994.       `),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(`
    995. 

  995.         `),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(`
    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("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(`
    997. 

  997.           `),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(`
    998. 

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

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

  1000.       `),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(`
    1001. 

  1001.         `),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(`
    1002. 

  1002.           `),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(`
    1003. 

  1003.           `),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(`
    1004. 

  1004.           `),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(`
    1005. 

  1005.           `),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(`
    1006. 

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

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

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

  1009.     `),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(`
    1010. 

  1010.       `),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(`
    1011. 

  1011.         `),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(`
    1012. 

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

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

  1014. 

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

  1016.       `),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(`
    1017. 

  1017.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),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("cascader"),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(" 150px")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1018. 

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

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

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

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

  1022. `),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(`
    1023. 

  1023. `),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(`
    1024. 

  1024. `),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(`
    1025. 

  1025. `),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(`
    1026. 

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

  1027.     SettingOutlined`),n("span",{class:"token punctuation"},","),a(`
    1028. 

  1028.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1029. 

  1029. 

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

  1031.     `),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(`
    1032. 

  1032.     `),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(`
    1033. 

  1033.     `),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(`
    1034. 

  1034.     `),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(`
    1035. 

  1035.     `),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(`
    1036. 

  1036.     `),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"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1037. 

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

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

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

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

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

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

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

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

  1045.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1046. 

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

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

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

  1049.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1050. 

  1050.     `),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"},"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 punctuation"},"/>")]),a(`
    1051. 

  1051.     `),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(`
    1052. 

  1052.       `),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(`
    1053. 

  1053.         `),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(`
    1054. 

  1054.           `),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(`
    1055. 

  1055.           `),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(`
    1056. 

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

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

  1058.       `),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(`
    1059. 

  1059.         `),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(`
    1060. 

  1060.           `),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(`
    1061. 

  1061.           `),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(`
    1062. 

  1062.           `),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(`
    1063. 

  1063.           `),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(`
    1064. 

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

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

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

  1067.     `),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(`
    1068. 

  1068.       `),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(`
    1069. 

  1069.         `),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(`
    1070. 

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

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

  1072. 

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

  1074.       `),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(`
    1075. 

  1075.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),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("cascader"),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(" 150px")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1076. 

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

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

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

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

  1080. `),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(`
    1081. 

  1081. `),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(`
    1082. 

  1082. `),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(`
    1083. 

  1083. `),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(`
    1084. 

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

  1085.     SettingOutlined`),n("span",{class:"token punctuation"},","),a(`
    1086. 

  1086.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1087. 

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

  1088.     `),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(`
    1089. 

  1089.     `),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(`
    1090. 

  1090.     `),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(`
    1091. 

  1091.     `),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(`
    1092. 

  1092.     `),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(`
    1093. 

  1093.     `),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"},"'mysite'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1094. 

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

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

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

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

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

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

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

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

  1102.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1103. 

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

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

  1105. `)])],-1)])),_:1})}const fn=h(yn,[["render",wn]]);function Hn(s){s+="";const t=s.split("."),C=t[0].charAt(0)==="-"?"-":"";let g=C?t[0].slice(1):t[0],r="";for(;g.length>3;)r=`,${g.slice(-3)}${r}`,g=g.slice(0,g.length-3);return g&&(r=g+r),`${C}${r}${t[1]?`.${t[1]}`:""}`}const Vn=W({setup(){const s=u("111"),t=N(()=>s.value==="-"?"-":Hn(s.value)),C=(r,m)=>{const c=/^-?\d*(\.\d*)?$/;!isNaN(+r)&&c.test(r)||r===""||r==="-"?s.value=r:s.value=m},g=()=>{(s.value.charAt(s.value.length-1)==="."||s.value==="-")&&C(s.value.slice(0,-1),s.value)};return X(s,(r,m)=>{C(r,m)}),{inputValue:s,onBlur:g,formatValue:t}}});const Bn={class:"numeric-input-title"};function Gn(s,t,C,g,r,m){const c=p("a-input"),k=p("a-tooltip"),i=p("demo-box");return b(),Z(i,{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 <a class="header-anchor" href="#zh-CN">
    1106. 

  1106.           <span aria-hidden="true" class="anchor">#</span>
    1107. 

  1107.         </a></h2>
    1108. 

  1108. <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>
    1109. 

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

  1110.           <span aria-hidden="true" class="anchor">#</span>
    1111. 

  1111.         </a></h2>
    1112. 

  1112. <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>
    1113. 

  1113. `,order:9,title:{"zh-CN":"\u8F93\u5165\u65F6\u683C\u5F0F\u5316\u5C55\u793A","en-US":"Format Tooltip Input"},relativePath:"components/input/demo/tooltip.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRvb2x0aXAgOnRyaWdnZXI9IlsnZm9jdXMnXSIgcGxhY2VtZW50PSJ0b3BMZWZ0IiBvdmVybGF5LWNsYXNzLW5hbWU9Im51bWVyaWMtaW5wdXQiPgogICAgPHRlbXBsYXRlIHYtaWY9ImlucHV0VmFsdWUiICN0aXRsZT4KICAgICAgPHNwYW4gY2xhc3M9Im51bWVyaWMtaW5wdXQtdGl0bGUiPgogICAgICAgIHt7IGZvcm1hdFZhbHVlIH19CiAgICAgIDwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CgogICAgPGEtaW5wdXQKICAgICAgdi1tb2RlbDp2YWx1ZT0iaW5wdXRWYWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9IklucHV0IGEgbnVtYmVyIgogICAgICA6bWF4LWxlbmd0aD0iMjUiCiAgICAgIHN0eWxlPSJ3aWR0aDogMTIwcHgiCiAgICAgIEBibHVyPSJvbkJsdXIiCiAgICAvPgogIDwvYS10b29sdGlwPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgY29tcHV0ZWQsIGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CgpmdW5jdGlvbiBmb3JtYXROdW1iZXIodmFsdWU6IHN0cmluZykgewogIHZhbHVlICs9ICcnOwogIGNvbnN0IGxpc3QgPSB2YWx1ZS5zcGxpdCgnLicpOwogIGNvbnN0IHByZWZpeCA9IGxpc3RbMF0uY2hhckF0KDApID09PSAnLScgPyAnLScgOiAnJzsKICBsZXQgbnVtID0gcHJlZml4ID8gbGlzdFswXS5zbGljZSgxKSA6IGxpc3RbMF07CiAgbGV0IHJlc3VsdCA9ICcnOwoKICB3aGlsZSAobnVtLmxlbmd0aCA+IDMpIHsKICAgIHJlc3VsdCA9IGAsJHtudW0uc2xpY2UoLTMpfSR7cmVzdWx0fWA7CiAgICBudW0gPSBudW0uc2xpY2UoMCwgbnVtLmxlbmd0aCAtIDMpOwogIH0KCiAgaWYgKG51bSkgewogICAgcmVzdWx0ID0gbnVtICsgcmVzdWx0OwogIH0KCiAgcmV0dXJuIGAke3ByZWZpeH0ke3Jlc3VsdH0ke2xpc3RbMV0gPyBgLiR7bGlzdFsxXX1gIDogJyd9YDsKfQoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGlucHV0VmFsdWUgPSByZWY8c3RyaW5nPignMTExJyk7CiAgICBjb25zdCBmb3JtYXRWYWx1ZSA9IGNvbXB1dGVkKCgpID0+IHsKICAgICAgaWYgKGlucHV0VmFsdWUudmFsdWUgPT09ICctJykgcmV0dXJuICctJzsKICAgICAgcmV0dXJuIGZvcm1hdE51bWJlcihpbnB1dFZhbHVlLnZhbHVlKTsKICAgIH0pOwoKICAgIGNvbnN0IGZvcm1hdCA9ICh2YWw6IHN0cmluZywgcHJlVmFsOiBzdHJpbmcpID0+IHsKICAgICAgY29uc3QgcmVnID0gL14tP1xkKihcLlxkKik/JC87CgogICAgICBpZiAoKCFpc05hTigrdmFsKSAmJiByZWcudGVzdCh2YWwpKSB8fCB2YWwgPT09ICcnIHx8IHZhbCA9PT0gJy0nKSB7CiAgICAgICAgaW5wdXRWYWx1ZS52YWx1ZSA9IHZhbDsKICAgICAgfSBlbHNlIHsKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlID0gcHJlVmFsOwogICAgICB9CiAgICB9OwoKICAgIC8vICcuJyBhdCB0aGUgZW5kIG9yIG9ubHkgJy0nIGluIHRoZSBpbnB1dCBib3guCiAgICBjb25zdCBvbkJsdXIgPSAoKSA9PiB7CiAgICAgIGlmICgKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlLmNoYXJBdChpbnB1dFZhbHVlLnZhbHVlLmxlbmd0aCAtIDEpID09PSAnLicgfHwKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlID09PSAnLScKICAgICAgKSB7CiAgICAgICAgZm9ybWF0KGlucHV0VmFsdWUudmFsdWUuc2xpY2UoMCwgLTEpLCBpbnB1dFZhbHVlLnZhbHVlKTsKICAgICAgfQogICAgfTsKCiAgICB3YXRjaChpbnB1dFZhbHVlLCAodmFsLCBwcmVWYWwpID0+IHsKICAgICAgZm9ybWF0KHZhbCwgcHJlVmFsKTsKICAgIH0pOwoKICAgIHJldHVybiB7CiAgICAgIGlucHV0VmFsdWUsCiAgICAgIG9uQmx1ciwKICAgICAgZm9ybWF0VmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlPgovKiB0byBwcmV2ZW50IHRoZSBhcnJvdyBvdmVyZmxvdyB0aGUgcG9wdXAgY29udGFpbmVyLApvciB0aGUgaGVpZ2h0IGlzIG5vdCBlbm91Z2ggd2hlbiBjb250ZW50IGlzIGVtcHR5ICovCi5udW1lcmljLWlucHV0IC5hbnQtdG9vbHRpcC1pbm5lciB7CiAgbWluLXdpZHRoOiAzMnB4OwogIG1pbi1oZWlnaHQ6IDM3cHg7Cn0KCi5udW1lcmljLWlucHV0IC5udW1lcmljLWlucHV0LXRpdGxlIHsKICBmb250LXNpemU6IDE0cHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRvb2x0aXAgOnRyaWdnZXI9IlsnZm9jdXMnXSIgcGxhY2VtZW50PSJ0b3BMZWZ0IiBvdmVybGF5LWNsYXNzLW5hbWU9Im51bWVyaWMtaW5wdXQiPgogICAgPHRlbXBsYXRlIHYtaWY9ImlucHV0VmFsdWUiICN0aXRsZT4KICAgICAgPHNwYW4gY2xhc3M9Im51bWVyaWMtaW5wdXQtdGl0bGUiPgogICAgICAgIHt7IGZvcm1hdFZhbHVlIH19CiAgICAgIDwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CgogICAgPGEtaW5wdXQKICAgICAgdi1tb2RlbDp2YWx1ZT0iaW5wdXRWYWx1ZSIKICAgICAgcGxhY2Vob2xkZXI9IklucHV0IGEgbnVtYmVyIgogICAgICA6bWF4LWxlbmd0aD0iMjUiCiAgICAgIHN0eWxlPSJ3aWR0aDogMTIwcHgiCiAgICAgIEBibHVyPSJvbkJsdXIiCiAgICAvPgogIDwvYS10b29sdGlwPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBjb21wdXRlZCwgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKZnVuY3Rpb24gZm9ybWF0TnVtYmVyKHZhbHVlKSB7CiAgdmFsdWUgKz0gJyc7CiAgY29uc3QgbGlzdCA9IHZhbHVlLnNwbGl0KCcuJyk7CiAgY29uc3QgcHJlZml4ID0gbGlzdFswXS5jaGFyQXQoMCkgPT09ICctJyA/ICctJyA6ICcnOwogIGxldCBudW0gPSBwcmVmaXggPyBsaXN0WzBdLnNsaWNlKDEpIDogbGlzdFswXTsKICBsZXQgcmVzdWx0ID0gJyc7CiAgd2hpbGUgKG51bS5sZW5ndGggPiAzKSB7CiAgICByZXN1bHQgPSBgLCR7bnVtLnNsaWNlKC0zKX0ke3Jlc3VsdH1gOwogICAgbnVtID0gbnVtLnNsaWNlKDAsIG51bS5sZW5ndGggLSAzKTsKICB9CiAgaWYgKG51bSkgewogICAgcmVzdWx0ID0gbnVtICsgcmVzdWx0OwogIH0KICByZXR1cm4gYCR7cHJlZml4fSR7cmVzdWx0fSR7bGlzdFsxXSA/IGAuJHtsaXN0WzFdfWAgOiAnJ31gOwp9CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBpbnB1dFZhbHVlID0gcmVmKCcxMTEnKTsKICAgIGNvbnN0IGZvcm1hdFZhbHVlID0gY29tcHV0ZWQoKCkgPT4gewogICAgICBpZiAoaW5wdXRWYWx1ZS52YWx1ZSA9PT0gJy0nKSByZXR1cm4gJy0nOwogICAgICByZXR1cm4gZm9ybWF0TnVtYmVyKGlucHV0VmFsdWUudmFsdWUpOwogICAgfSk7CiAgICBjb25zdCBmb3JtYXQgPSAodmFsLCBwcmVWYWwpID0+IHsKICAgICAgY29uc3QgcmVnID0gL14tP1xkKihcLlxkKik/JC87CiAgICAgIGlmICghaXNOYU4oK3ZhbCkgJiYgcmVnLnRlc3QodmFsKSB8fCB2YWwgPT09ICcnIHx8IHZhbCA9PT0gJy0nKSB7CiAgICAgICAgaW5wdXRWYWx1ZS52YWx1ZSA9IHZhbDsKICAgICAgfSBlbHNlIHsKICAgICAgICBpbnB1dFZhbHVlLnZhbHVlID0gcHJlVmFsOwogICAgICB9CiAgICB9OwoKICAgIC8vICcuJyBhdCB0aGUgZW5kIG9yIG9ubHkgJy0nIGluIHRoZSBpbnB1dCBib3guCiAgICBjb25zdCBvbkJsdXIgPSAoKSA9PiB7CiAgICAgIGlmIChpbnB1dFZhbHVlLnZhbHVlLmNoYXJBdChpbnB1dFZhbHVlLnZhbHVlLmxlbmd0aCAtIDEpID09PSAnLicgfHwgaW5wdXRWYWx1ZS52YWx1ZSA9PT0gJy0nKSB7CiAgICAgICAgZm9ybWF0KGlucHV0VmFsdWUudmFsdWUuc2xpY2UoMCwgLTEpLCBpbnB1dFZhbHVlLnZhbHVlKTsKICAgICAgfQogICAgfTsKICAgIHdhdGNoKGlucHV0VmFsdWUsICh2YWwsIHByZVZhbCkgPT4gewogICAgICBmb3JtYXQodmFsLCBwcmVWYWwpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBpbnB1dFZhbHVlLAogICAgICBvbkJsdXIsCiAgICAgIGZvcm1hdFZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZT4KLyogdG8gcHJldmVudCB0aGUgYXJyb3cgb3ZlcmZsb3cgdGhlIHBvcHVwIGNvbnRhaW5lciwKb3IgdGhlIGhlaWdodCBpcyBub3QgZW5vdWdoIHdoZW4gY29udGVudCBpcyBlbXB0eSAqLwoubnVtZXJpYy1pbnB1dCAuYW50LXRvb2x0aXAtaW5uZXIgewogIG1pbi13aWR0aDogMzJweDsKICBtaW4taGVpZ2h0OiAzN3B4Owp9CgoubnVtZXJpYy1pbnB1dCAubnVtZXJpYy1pbnB1dC10aXRsZSB7CiAgZm9udC1zaXplOiAxNHB4Owp9Cjwvc3R5bGU+"}},{default:e(()=>[o(k,{trigger:["focus"],placement:"topLeft","overlay-class-name":"numeric-input"},F({default:e(()=>[o(c,{value:s.inputValue,"onUpdate:value":t[0]||(t[0]=d=>s.inputValue=d),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",Bn,K(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(`
    1114. 

  1114.   `),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(`
    1115. 

  1115.     `),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(`
    1116. 

  1116.       `),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(`
    1117. 

  1117.         {{ formatValue }}
    1118. 

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

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

  1120. 

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

  1122.       `),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(`
    1123. 

  1123.       `),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(`
    1124. 

  1124.       `),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(`
    1125. 

  1125.       `),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(`
    1126. 

  1126.       `),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(`
    1127. 

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

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

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

  1130. `),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(`
    1131. 

  1131. `),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(`
    1132. 

  1132. 

  1133. `),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(`
    1134. 

  1134.   value `),n("span",{class:"token operator"},"+="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1135. 

  1135.   `),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(`
    1136. 

  1136.   `),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(`
    1137. 

  1137.   `),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(`
    1138. 

  1138.   `),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(`
    1139. 

  1139. 

  1140.   `),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(`
    1141. 

  1141.     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(`
    1142. 

  1142.     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(`
    1143. 

  1143.   `),n("span",{class:"token punctuation"},"}"),a(`
    1144. 

  1144. 

  1145.   `),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(`
    1146. 

  1146.     result `),n("span",{class:"token operator"},"="),a(" num "),n("span",{class:"token operator"},"+"),a(" result"),n("span",{class:"token punctuation"},";"),a(`
    1147. 

  1147.   `),n("span",{class:"token punctuation"},"}"),a(`
    1148. 

  1148. 

  1149.   `),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(`
    1150. 

  1150. `),n("span",{class:"token punctuation"},"}"),a(`
    1151. 

  1151. 

  1152. `),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(`
    1153. 

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

  1154.     `),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(`
    1155. 

  1155.     `),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(`
    1156. 

  1156.       `),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(`
    1157. 

  1157.       `),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(`
    1158. 

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

  1159. 

  1160.     `),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(`
    1161. 

  1161.       `),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(`
    1162. 

  1162. 

  1163.       `),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(`
    1164. 

  1164.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    1165. 

  1165.       `),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1166. 

  1166.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" preVal"),n("span",{class:"token punctuation"},";"),a(`
    1167. 

  1167.       `),n("span",{class:"token punctuation"},"}"),a(`
    1168. 

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

  1169. 

  1170.     `),n("span",{class:"token comment"},"// '.' at the end or only '-' in the input box."),a(`
    1171. 

  1171.     `),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(`
    1172. 

  1172.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a(`
    1173. 

  1173.         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(`
    1174. 

  1174.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'-'"),a(`
    1175. 

  1175.       `),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1176. 

  1176.         `),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(`
    1177. 

  1177.       `),n("span",{class:"token punctuation"},"}"),a(`
    1178. 

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

  1179. 

  1180.     `),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(`
    1181. 

  1181.       `),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(`
    1182. 

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

  1183. 

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

  1185.       inputValue`),n("span",{class:"token punctuation"},","),a(`
    1186. 

  1186.       onBlur`),n("span",{class:"token punctuation"},","),a(`
    1187. 

  1187.       formatValue`),n("span",{class:"token punctuation"},","),a(`
    1188. 

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

  1189.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1190. 

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

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

  1192. `),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(`
    1193. 

  1193. `),n("span",{class:"token comment"},`/* to prevent the arrow overflow the popup container,
    1194. 

  1194. or the height is not enough when content is empty */`),a(`
    1195. 

  1195. `),n("span",{class:"token selector"},".numeric-input .ant-tooltip-inner"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1196. 

  1196.   `),n("span",{class:"token property"},"min-width"),n("span",{class:"token punctuation"},":"),a(" 32px"),n("span",{class:"token punctuation"},";"),a(`
    1197. 

  1197.   `),n("span",{class:"token property"},"min-height"),n("span",{class:"token punctuation"},":"),a(" 37px"),n("span",{class:"token punctuation"},";"),a(`
    1198. 

  1198. `),n("span",{class:"token punctuation"},"}"),a(`
    1199. 

  1199. 

  1200. `),n("span",{class:"token selector"},".numeric-input .numeric-input-title"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1201. 

  1201.   `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 14px"),n("span",{class:"token punctuation"},";"),a(`
    1202. 

  1202. `),n("span",{class:"token punctuation"},"}"),a(`
    1203. 

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

  1204. `)])],-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(`
    1205. 

  1205.   `),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(`
    1206. 

  1206.     `),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(`
    1207. 

  1207.       `),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(`
    1208. 

  1208.         {{ formatValue }}
    1209. 

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

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

  1211. 

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

  1213.       `),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(`
    1214. 

  1214.       `),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(`
    1215. 

  1215.       `),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(`
    1216. 

  1216.       `),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(`
    1217. 

  1217.       `),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(`
    1218. 

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

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

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

  1221. `),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(`
    1222. 

  1222. `),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(`
    1223. 

  1223. `),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(`
    1224. 

  1224.   value `),n("span",{class:"token operator"},"+="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
    1225. 

  1225.   `),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(`
    1226. 

  1226.   `),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(`
    1227. 

  1227.   `),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(`
    1228. 

  1228.   `),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(`
    1229. 

  1229.   `),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(`
    1230. 

  1230.     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(`
    1231. 

  1231.     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(`
    1232. 

  1232.   `),n("span",{class:"token punctuation"},"}"),a(`
    1233. 

  1233.   `),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(`
    1234. 

  1234.     result `),n("span",{class:"token operator"},"="),a(" num "),n("span",{class:"token operator"},"+"),a(" result"),n("span",{class:"token punctuation"},";"),a(`
    1235. 

  1235.   `),n("span",{class:"token punctuation"},"}"),a(`
    1236. 

  1236.   `),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(`
    1237. 

  1237. `),n("span",{class:"token punctuation"},"}"),a(`
    1238. 

  1238. `),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(`
    1239. 

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

  1240.     `),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(`
    1241. 

  1241.     `),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(`
    1242. 

  1242.       `),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(`
    1243. 

  1243.       `),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(`
    1244. 

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

  1245.     `),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(`
    1246. 

  1246.       `),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(`
    1247. 

  1247.       `),n("span",{class:"token keyword"},"if"),a(),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"},")"),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(`
    1248. 

  1248.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    1249. 

  1249.       `),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1250. 

  1250.         inputValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" preVal"),n("span",{class:"token punctuation"},";"),a(`
    1251. 

  1251.       `),n("span",{class:"token punctuation"},"}"),a(`
    1252. 

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

  1253. 

  1254.     `),n("span",{class:"token comment"},"// '.' at the end or only '-' in the input box."),a(`
    1255. 

  1255.     `),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(`
    1256. 

  1256.       `),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 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(" 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 punctuation"},"{"),a(`
    1257. 

  1257.         `),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(`
    1258. 

  1258.       `),n("span",{class:"token punctuation"},"}"),a(`
    1259. 

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

  1260.     `),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(`
    1261. 

  1261.       `),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(`
    1262. 

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

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

  1264.       inputValue`),n("span",{class:"token punctuation"},","),a(`
    1265. 

  1265.       onBlur`),n("span",{class:"token punctuation"},","),a(`
    1266. 

  1266.       formatValue`),n("span",{class:"token punctuation"},","),a(`
    1267. 

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

  1268.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1269. 

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

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

  1271. `),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(`
    1272. 

  1272. `),n("span",{class:"token comment"},`/* to prevent the arrow overflow the popup container,
    1273. 

  1273. or the height is not enough when content is empty */`),a(`
    1274. 

  1274. `),n("span",{class:"token selector"},".numeric-input .ant-tooltip-inner"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1275. 

  1275.   `),n("span",{class:"token property"},"min-width"),n("span",{class:"token punctuation"},":"),a(" 32px"),n("span",{class:"token punctuation"},";"),a(`
    1276. 

  1276.   `),n("span",{class:"token property"},"min-height"),n("span",{class:"token punctuation"},":"),a(" 37px"),n("span",{class:"token punctuation"},";"),a(`
    1277. 

  1277. `),n("span",{class:"token punctuation"},"}"),a(`
    1278. 

  1278. 

  1279. `),n("span",{class:"token selector"},".numeric-input .numeric-input-title"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1280. 

  1280.   `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 14px"),n("span",{class:"token punctuation"},";"),a(`
    1281. 

  1281. `),n("span",{class:"token punctuation"},"}"),a(`
    1282. 

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

  1283. `)])],-1)])),_:1})}const xn=h(Vn,[["render",Gn]]),Yn=W({setup(){return{value:u("")}}});function Pn(s,t,C,g,r,m){const c=p("a-input"),k=p("demo-box");return b(),Z(k,{jsfiddle:{us:"No border.",cn:"\u6CA1\u6709\u8FB9\u6846\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    1284. 

  1284.           <span aria-hidden="true" class="anchor">#</span>
    1285. 

  1285.         </a></h2>
    1286. 

  1286. <p>\u6CA1\u6709\u8FB9\u6846\u3002</p>
    1287. 

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

  1288.           <span aria-hidden="true" class="anchor">#</span>
    1289. 

  1289.         </a></h2>
    1290. 

  1290. <p>No border.</p>
    1291. 

  1291. `,order:0,title:{"zh-CN":"\u65E0\u8FB9\u6846","en-US":"Borderless"},relativePath:"components/input/demo/borderless.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6Ym9yZGVyZWQ9ImZhbHNlIiBwbGFjZWhvbGRlcj0iQm9yZGVybGVzcyIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmPHN0cmluZz4oJycpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0IHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6Ym9yZGVyZWQ9ImZhbHNlIiBwbGFjZWhvbGRlcj0iQm9yZGVybGVzcyIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWYoJycpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":t[0]||(t[0]=i=>s.value=i),bordered:!1,placeholder:"Borderless"},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(`
    1292. 

  1292.   `),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"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),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("Borderless"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1293. 

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

  1294. `),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(`
    1295. 

  1295. `),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(`
    1296. 

  1296. `),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(`
    1297. 

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

  1298.     `),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(`
    1299. 

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

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

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

  1302.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1303. 

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

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

  1305. `)])],-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(`
    1306. 

  1306.   `),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"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),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("Borderless"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1307. 

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

  1308. `),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(`
    1309. 

  1309. `),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(`
    1310. 

  1310. `),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(`
    1311. 

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

  1312.     `),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(`
    1313. 

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

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

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

  1316.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1317. 

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

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

  1319. `)])],-1)])),_:1})}const Sn=h(Yn,[["render",Pn]]),Nn={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:"TextArea",slug:"TextArea",content:""},{level:3,title:"TextArea \u4E8B\u4EF6",slug:"TextArea-\u4E8B\u4EF6",content:""},{level:3,title:"Input.Search \u4E8B\u4EF6",slug:"Input-Search-\u4E8B\u4EF6",content:""}],relativePath:"components/input/index.zh-CN.md",content:`
    1320. 

  1320. \u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\u8F93\u5165\u5185\u5BB9\uFF0C\u662F\u6700\u57FA\u7840\u7684\u8868\u5355\u57DF\u7684\u5305\u88C5\u3002
    1321. 

  1321. 

  1322. ## \u4F55\u65F6\u4F7F\u7528
    1323. 

  1323. 

  1324. - \u9700\u8981\u7528\u6237\u8F93\u5165\u8868\u5355\u57DF\u5185\u5BB9\u65F6\u3002
    1325. 

  1325. - \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
    1326. 

  1326. 

  1327. ## API
    1328. 

  1328. 

  1329. ### Input
    1330. 

  1330. 

  1331. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1332. 

  1332. | --- | --- | --- | --- | --- |
    1333. 

  1333. | addonAfter | \u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u540E\u7F6E\u6807\u7B7E | string\\|slot |  |  |
    1334. 

  1334. | addonBefore | \u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u524D\u7F6E\u6807\u7B7E | string\\|slot |  |  |
    1335. 

  1335. | allowClear | \u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9 | boolean |  |  |
    1336. 

  1336. | bordered | \u662F\u5426\u6709\u8FB9\u6846 | boolean | true | 3.0 |
    1337. 

  1337. | defaultValue | \u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9 | string |  |  |
    1338. 

  1338. | disabled | \u662F\u5426\u7981\u7528\u72B6\u6001\uFF0C\u9ED8\u8BA4\u4E3A false | boolean | false |  |
    1339. 

  1339. | id | \u8F93\u5165\u6846\u7684 id | string |  |  |
    1340. 

  1340. | maxlength | \u6700\u5927\u957F\u5EA6 | number |  | 1.5.0 |
    1341. 

  1341. | prefix | \u5E26\u6709\u524D\u7F00\u56FE\u6807\u7684 input | string\\|slot |  |  |
    1342. 

  1342. | showCount | \u662F\u5426\u5C55\u793A\u5B57\u6570 | boolean | false | 3.0 |
    1343. 

  1343. | 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\` |  |
    1344. 

  1344. | suffix | \u5E26\u6709\u540E\u7F00\u56FE\u6807\u7684 input | string\\|slot |  |  |
    1345. 

  1345. | 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 \`&lt;a-textarea /&gt;\` \u4EE3\u66FF \`type=&quot;textarea&quot;\`)\u3002 | string | \`text\` |  |
    1346. 

  1346. | value(v-model) | \u8F93\u5165\u6846\u5185\u5BB9 | string |  |  |
    1347. 

  1347. 

  1348. ### Input \u4E8B\u4EF6
    1349. 

  1349. 

  1350. | \u4E8B\u4EF6\u540D\u79F0   | \u8BF4\u660E                   | \u56DE\u8C03\u53C2\u6570    |     |
    1351. 

  1351. | ---------- | ---------------------- | ----------- | --- |
    1352. 

  1352. | change     | \u8F93\u5165\u6846\u5185\u5BB9\u53D8\u5316\u65F6\u7684\u56DE\u8C03 | function(e) |     |
    1353. 

  1353. | pressEnter | \u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03         | function(e) |     |
    1354. 

  1354. 

  1355. &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
    1356. 

  1356. 

  1357. ### TextArea
    1358. 

  1358. 

  1359. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |  |
    1360. 

  1360. | --- | --- | --- | --- | --- | --- |
    1361. 

  1361. | allowClear | \u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9 | boolean |  | 1.5.0 |  |
    1362. 

  1362. | 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 |  |
    1363. 

  1363. | defaultValue | \u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9 | string |  |  |  |
    1364. 

  1364. | showCount | \u662F\u5426\u5C55\u793A\u5B57\u6570 | boolean | false |  |  |
    1365. 

  1365. | value(v-model) | \u8F93\u5165\u6846\u5185\u5BB9 | string |  |  |  |
    1366. 

  1366. 

  1367. ### TextArea \u4E8B\u4EF6
    1368. 

  1368. 

  1369. | \u4E8B\u4EF6\u540D\u79F0   | \u8BF4\u660E           | \u56DE\u8C03\u53C2\u6570    |
    1370. 

  1370. | ---------- | -------------- | ----------- |
    1371. 

  1371. | pressEnter | \u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03 | function(e) |
    1372. 

  1372. 

  1373. \`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
    1374. 

  1374. 

  1375. #### Input.Search
    1376. 

  1376. 

  1377. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1378. 

  1378. | --- | --- | --- | --- | --- |
    1379. 

  1379. | 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 |  |
    1380. 

  1380. | loading | \u641C\u7D22 loading | boolean |  | 1.5.0 |
    1381. 

  1381. 

  1382. ### Input.Search \u4E8B\u4EF6
    1383. 

  1383. 

  1384. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E                         | \u56DE\u8C03\u53C2\u6570               |
    1385. 

  1385. | -------- | ---------------------------- | ---------------------- |
    1386. 

  1386. | search   | \u70B9\u51FB\u641C\u7D22\u6216\u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u7684\u56DE\u8C03 | function(value, event) |
    1387. 

  1387. 

  1388. \u5176\u4F59\u5C5E\u6027\u548C Input \u4E00\u81F4\u3002
    1389. 

  1389. 

  1390. #### Input.Group
    1391. 

  1391. 

  1392. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    1393. 

  1393. | --- | --- | --- | --- |
    1394. 

  1394. | compact | \u662F\u5426\u7528\u7D27\u51D1\u6A21\u5F0F | boolean | false |
    1395. 

  1395. | size | \`Input.Group\` \u4E2D\u6240\u6709\u7684 \`Input\` \u7684\u5927\u5C0F\uFF0C\u53EF\u9009 \`large\` \`default\` \`small\` | string | \`default\` |
    1396. 

  1396. 

  1397. \`\`\`html
    1398. 

  1398. &lt;a-input-group&gt;
    1399. 

  1399.   &lt;a-input /&gt;
    1400. 

  1400.   &lt;a-input /&gt;
    1401. 

  1401. &lt;/a-input-group&gt;
    1402. 

  1402. \`\`\`
    1403. 

  1403. 

  1404. #### Input.Password (1.14.0 \u4E2D\u65B0\u589E)
    1405. 

  1405. 

  1406. | \u53C2\u6570             | \u8BF4\u660E             | \u7C7B\u578B    | \u9ED8\u8BA4\u503C |
    1407. 

  1407. | ---------------- | ---------------- | ------- | ------ |
    1408. 

  1408. | visibilityToggle | \u662F\u5426\u663E\u793A\u5207\u6362\u6309\u94AE | boolean | true   |
    1409. 

  1409. `,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>
    1410. 

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

  1411.           <span aria-hidden="true" class="anchor">#</span>
    1412. 

  1412.         </a></h2>
    1413. 

  1413. <ul>
    1414. 

  1414. <li>\u9700\u8981\u7528\u6237\u8F93\u5165\u8868\u5355\u57DF\u5185\u5BB9\u65F6\u3002</li>
    1415. 

  1415. <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>
    1416. 

  1416. </ul>
    1417. 

  1417. <h2 id="API">API <a class="header-anchor" href="#API">
    1418. 

  1418.           <span aria-hidden="true" class="anchor">#</span>
    1419. 

  1419.         </a></h2>
    1420. 

  1420. <h3 id="Input">Input <a class="header-anchor" href="#Input">
    1421. 

  1421.           <span aria-hidden="true" class="anchor">#</span>
    1422. 

  1422.         </a></h3>
    1423. 

  1423. <table>
    1424. 

  1424. <thead>
    1425. 

  1425. <tr>
    1426. 

  1426. <th>\u53C2\u6570</th>
    1427. 

  1427. <th>\u8BF4\u660E</th>
    1428. 

  1428. <th>\u7C7B\u578B</th>
    1429. 

  1429. <th>\u9ED8\u8BA4\u503C</th>
    1430. 

  1430. <th>\u7248\u672C</th>
    1431. 

  1431. </tr>
    1432. 

  1432. </thead>
    1433. 

  1433. <tbody>
    1434. 

  1434. <tr>
    1435. 

  1435. <td>addonAfter</td>
    1436. 

  1436. <td>\u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u540E\u7F6E\u6807\u7B7E</td>
    1437. 

  1437. <td>string|slot</td>
    1438. 

  1438. <td></td>
    1439. 

  1439. <td></td>
    1440. 

  1440. </tr>
    1441. 

  1441. <tr>
    1442. 

  1442. <td>addonBefore</td>
    1443. 

  1443. <td>\u5E26\u6807\u7B7E\u7684 input\uFF0C\u8BBE\u7F6E\u524D\u7F6E\u6807\u7B7E</td>
    1444. 

  1444. <td>string|slot</td>
    1445. 

  1445. <td></td>
    1446. 

  1446. <td></td>
    1447. 

  1447. </tr>
    1448. 

  1448. <tr>
    1449. 

  1449. <td>allowClear</td>
    1450. 

  1450. <td>\u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9</td>
    1451. 

  1451. <td>boolean</td>
    1452. 

  1452. <td></td>
    1453. 

  1453. <td></td>
    1454. 

  1454. </tr>
    1455. 

  1455. <tr>
    1456. 

  1456. <td>bordered</td>
    1457. 

  1457. <td>\u662F\u5426\u6709\u8FB9\u6846</td>
    1458. 

  1458. <td>boolean</td>
    1459. 

  1459. <td>true</td>
    1460. 

  1460. <td>3.0</td>
    1461. 

  1461. </tr>
    1462. 

  1462. <tr>
    1463. 

  1463. <td>defaultValue</td>
    1464. 

  1464. <td>\u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9</td>
    1465. 

  1465. <td>string</td>
    1466. 

  1466. <td></td>
    1467. 

  1467. <td></td>
    1468. 

  1468. </tr>
    1469. 

  1469. <tr>
    1470. 

  1470. <td>disabled</td>
    1471. 

  1471. <td>\u662F\u5426\u7981\u7528\u72B6\u6001\uFF0C\u9ED8\u8BA4\u4E3A false</td>
    1472. 

  1472. <td>boolean</td>
    1473. 

  1473. <td>false</td>
    1474. 

  1474. <td></td>
    1475. 

  1475. </tr>
    1476. 

  1476. <tr>
    1477. 

  1477. <td>id</td>
    1478. 

  1478. <td>\u8F93\u5165\u6846\u7684 id</td>
    1479. 

  1479. <td>string</td>
    1480. 

  1480. <td></td>
    1481. 

  1481. <td></td>
    1482. 

  1482. </tr>
    1483. 

  1483. <tr>
    1484. 

  1484. <td>maxlength</td>
    1485. 

  1485. <td>\u6700\u5927\u957F\u5EA6</td>
    1486. 

  1486. <td>number</td>
    1487. 

  1487. <td></td>
    1488. 

  1488. <td>1.5.0</td>
    1489. 

  1489. </tr>
    1490. 

  1490. <tr>
    1491. 

  1491. <td>prefix</td>
    1492. 

  1492. <td>\u5E26\u6709\u524D\u7F00\u56FE\u6807\u7684 input</td>
    1493. 

  1493. <td>string|slot</td>
    1494. 

  1494. <td></td>
    1495. 

  1495. <td></td>
    1496. 

  1496. </tr>
    1497. 

  1497. <tr>
    1498. 

  1498. <td>showCount</td>
    1499. 

  1499. <td>\u662F\u5426\u5C55\u793A\u5B57\u6570</td>
    1500. 

  1500. <td>boolean</td>
    1501. 

  1501. <td>false</td>
    1502. 

  1502. <td>3.0</td>
    1503. 

  1503. </tr>
    1504. 

  1504. <tr>
    1505. 

  1505. <td>size</td>
    1506. 

  1506. <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>
    1507. 

  1507. <td>string</td>
    1508. 

  1508. <td><code>default</code></td>
    1509. 

  1509. <td></td>
    1510. 

  1510. </tr>
    1511. 

  1511. <tr>
    1512. 

  1512. <td>suffix</td>
    1513. 

  1513. <td>\u5E26\u6709\u540E\u7F00\u56FE\u6807\u7684 input</td>
    1514. 

  1514. <td>string|slot</td>
    1515. 

  1515. <td></td>
    1516. 

  1516. <td></td>
    1517. 

  1517. </tr>
    1518. 

  1518. <tr>
    1519. 

  1519. <td>type</td>
    1520. 

  1520. <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>&lt;a-textarea /&gt;</code> \u4EE3\u66FF <code>type=&quot;textarea&quot;</code>)\u3002</td>
    1521. 

  1521. <td>string</td>
    1522. 

  1522. <td><code>text</code></td>
    1523. 

  1523. <td></td>
    1524. 

  1524. </tr>
    1525. 

  1525. <tr>
    1526. 

  1526. <td>value(v-model)</td>
    1527. 

  1527. <td>\u8F93\u5165\u6846\u5185\u5BB9</td>
    1528. 

  1528. <td>string</td>
    1529. 

  1529. <td></td>
    1530. 

  1530. <td></td>
    1531. 

  1531. </tr>
    1532. 

  1532. </tbody>
    1533. 

  1533. </table>
    1534. 

  1534. <h3 id="Input-\u4E8B\u4EF6">Input \u4E8B\u4EF6 <a class="header-anchor" href="#Input-\u4E8B\u4EF6">
    1535. 

  1535.           <span aria-hidden="true" class="anchor">#</span>
    1536. 

  1536.         </a></h3>
    1537. 

  1537. <table>
    1538. 

  1538. <thead>
    1539. 

  1539. <tr>
    1540. 

  1540. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1541. 

  1541. <th>\u8BF4\u660E</th>
    1542. 

  1542. <th>\u56DE\u8C03\u53C2\u6570</th>
    1543. 

  1543. <th></th>
    1544. 

  1544. </tr>
    1545. 

  1545. </thead>
    1546. 

  1546. <tbody>
    1547. 

  1547. <tr>
    1548. 

  1548. <td>change</td>
    1549. 

  1549. <td>\u8F93\u5165\u6846\u5185\u5BB9\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td>
    1550. 

  1550. <td>function(e)</td>
    1551. 

  1551. <td></td>
    1552. 

  1552. </tr>
    1553. 

  1553. <tr>
    1554. 

  1554. <td>pressEnter</td>
    1555. 

  1555. <td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td>
    1556. 

  1556. <td>function(e)</td>
    1557. 

  1557. <td></td>
    1558. 

  1558. </tr>
    1559. 

  1559. </tbody>
    1560. 

  1560. </table>
    1561. 

  1561. <blockquote>
    1562. 

  1562. <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>
    1563. 

  1563. </blockquote>
    1564. 

  1564. <h3 id="TextArea">TextArea <a class="header-anchor" href="#TextArea">
    1565. 

  1565.           <span aria-hidden="true" class="anchor">#</span>
    1566. 

  1566.         </a></h3>
    1567. 

  1567. <table>
    1568. 

  1568. <thead>
    1569. 

  1569. <tr>
    1570. 

  1570. <th>\u53C2\u6570</th>
    1571. 

  1571. <th>\u8BF4\u660E</th>
    1572. 

  1572. <th>\u7C7B\u578B</th>
    1573. 

  1573. <th>\u9ED8\u8BA4\u503C</th>
    1574. 

  1574. <th>\u7248\u672C</th>
    1575. 

  1575. <th></th>
    1576. 

  1576. </tr>
    1577. 

  1577. </thead>
    1578. 

  1578. <tbody>
    1579. 

  1579. <tr>
    1580. 

  1580. <td>allowClear</td>
    1581. 

  1581. <td>\u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9</td>
    1582. 

  1582. <td>boolean</td>
    1583. 

  1583. <td></td>
    1584. 

  1584. <td>1.5.0</td>
    1585. 

  1585. <td></td>
    1586. 

  1586. </tr>
    1587. 

  1587. <tr>
    1588. 

  1588. <td>autosize</td>
    1589. 

  1589. <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>
    1590. 

  1590. <td>boolean|object</td>
    1591. 

  1591. <td>false</td>
    1592. 

  1592. <td></td>
    1593. 

  1593. <td></td>
    1594. 

  1594. </tr>
    1595. 

  1595. <tr>
    1596. 

  1596. <td>defaultValue</td>
    1597. 

  1597. <td>\u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9</td>
    1598. 

  1598. <td>string</td>
    1599. 

  1599. <td></td>
    1600. 

  1600. <td></td>
    1601. 

  1601. <td></td>
    1602. 

  1602. </tr>
    1603. 

  1603. <tr>
    1604. 

  1604. <td>showCount</td>
    1605. 

  1605. <td>\u662F\u5426\u5C55\u793A\u5B57\u6570</td>
    1606. 

  1606. <td>boolean</td>
    1607. 

  1607. <td>false</td>
    1608. 

  1608. <td></td>
    1609. 

  1609. <td></td>
    1610. 

  1610. </tr>
    1611. 

  1611. <tr>
    1612. 

  1612. <td>value(v-model)</td>
    1613. 

  1613. <td>\u8F93\u5165\u6846\u5185\u5BB9</td>
    1614. 

  1614. <td>string</td>
    1615. 

  1615. <td></td>
    1616. 

  1616. <td></td>
    1617. 

  1617. <td></td>
    1618. 

  1618. </tr>
    1619. 

  1619. </tbody>
    1620. 

  1620. </table>
    1621. 

  1621. <h3 id="TextArea-\u4E8B\u4EF6">TextArea \u4E8B\u4EF6 <a class="header-anchor" href="#TextArea-\u4E8B\u4EF6">
    1622. 

  1622.           <span aria-hidden="true" class="anchor">#</span>
    1623. 

  1623.         </a></h3>
    1624. 

  1624. <table>
    1625. 

  1625. <thead>
    1626. 

  1626. <tr>
    1627. 

  1627. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1628. 

  1628. <th>\u8BF4\u660E</th>
    1629. 

  1629. <th>\u56DE\u8C03\u53C2\u6570</th>
    1630. 

  1630. </tr>
    1631. 

  1631. </thead>
    1632. 

  1632. <tbody>
    1633. 

  1633. <tr>
    1634. 

  1634. <td>pressEnter</td>
    1635. 

  1635. <td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td>
    1636. 

  1636. <td>function(e)</td>
    1637. 

  1637. </tr>
    1638. 

  1638. </tbody>
    1639. 

  1639. </table>
    1640. 

  1640. <p><code>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>
    1641. 

  1641. <h4 id="Input-Search">Input.Search <a class="header-anchor" href="#Input-Search">
    1642. 

  1642.           <span aria-hidden="true" class="anchor">#</span>
    1643. 

  1643.         </a></h4>
    1644. 

  1644. <table>
    1645. 

  1645. <thead>
    1646. 

  1646. <tr>
    1647. 

  1647. <th>\u53C2\u6570</th>
    1648. 

  1648. <th>\u8BF4\u660E</th>
    1649. 

  1649. <th>\u7C7B\u578B</th>
    1650. 

  1650. <th>\u9ED8\u8BA4\u503C</th>
    1651. 

  1651. <th>\u7248\u672C</th>
    1652. 

  1652. </tr>
    1653. 

  1653. </thead>
    1654. 

  1654. <tbody>
    1655. 

  1655. <tr>
    1656. 

  1656. <td>enterButton</td>
    1657. 

  1657. <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>
    1658. 

  1658. <td>boolean|slot</td>
    1659. 

  1659. <td>false</td>
    1660. 

  1660. <td></td>
    1661. 

  1661. </tr>
    1662. 

  1662. <tr>
    1663. 

  1663. <td>loading</td>
    1664. 

  1664. <td>\u641C\u7D22 loading</td>
    1665. 

  1665. <td>boolean</td>
    1666. 

  1666. <td></td>
    1667. 

  1667. <td>1.5.0</td>
    1668. 

  1668. </tr>
    1669. 

  1669. </tbody>
    1670. 

  1670. </table>
    1671. 

  1671. <h3 id="Input-Search-\u4E8B\u4EF6">Input.Search \u4E8B\u4EF6 <a class="header-anchor" href="#Input-Search-\u4E8B\u4EF6">
    1672. 

  1672.           <span aria-hidden="true" class="anchor">#</span>
    1673. 

  1673.         </a></h3>
    1674. 

  1674. <table>
    1675. 

  1675. <thead>
    1676. 

  1676. <tr>
    1677. 

  1677. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1678. 

  1678. <th>\u8BF4\u660E</th>
    1679. 

  1679. <th>\u56DE\u8C03\u53C2\u6570</th>
    1680. 

  1680. </tr>
    1681. 

  1681. </thead>
    1682. 

  1682. <tbody>
    1683. 

  1683. <tr>
    1684. 

  1684. <td>search</td>
    1685. 

  1685. <td>\u70B9\u51FB\u641C\u7D22\u6216\u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u7684\u56DE\u8C03</td>
    1686. 

  1686. <td>function(value, event)</td>
    1687. 

  1687. </tr>
    1688. 

  1688. </tbody>
    1689. 

  1689. </table>
    1690. 

  1690. <p>\u5176\u4F59\u5C5E\u6027\u548C Input \u4E00\u81F4\u3002</p>
    1691. 

  1691. <h4 id="Input-Group">Input.Group <a class="header-anchor" href="#Input-Group">
    1692. 

  1692.           <span aria-hidden="true" class="anchor">#</span>
    1693. 

  1693.         </a></h4>
    1694. 

  1694. <table>
    1695. 

  1695. <thead>
    1696. 

  1696. <tr>
    1697. 

  1697. <th>\u53C2\u6570</th>
    1698. 

  1698. <th>\u8BF4\u660E</th>
    1699. 

  1699. <th>\u7C7B\u578B</th>
    1700. 

  1700. <th>\u9ED8\u8BA4\u503C</th>
    1701. 

  1701. </tr>
    1702. 

  1702. </thead>
    1703. 

  1703. <tbody>
    1704. 

  1704. <tr>
    1705. 

  1705. <td>compact</td>
    1706. 

  1706. <td>\u662F\u5426\u7528\u7D27\u51D1\u6A21\u5F0F</td>
    1707. 

  1707. <td>boolean</td>
    1708. 

  1708. <td>false</td>
    1709. 

  1709. </tr>
    1710. 

  1710. <tr>
    1711. 

  1711. <td>size</td>
    1712. 

  1712. <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>
    1713. 

  1713. <td>string</td>
    1714. 

  1714. <td><code>default</code></td>
    1715. 

  1715. </tr>
    1716. 

  1716. </tbody>
    1717. 

  1717. </table>
    1718. 

  1718. <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>
    1719. 

  1719.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    1720. 

  1720.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    1721. 

  1721. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-input-group</span><span class="token punctuation">></span></span>
    1722. 

  1722. </code></pre>
    1723. 

  1723. <h4 id="Input-Password-1-14-0-\u4E2D\u65B0\u589E">Input.Password (1.14.0 \u4E2D\u65B0\u589E) <a class="header-anchor" href="#Input-Password-1-14-0-\u4E2D\u65B0\u589E">
    1724. 

  1724.           <span aria-hidden="true" class="anchor">#</span>
    1725. 

  1725.         </a></h4>
    1726. 

  1726. <table>
    1727. 

  1727. <thead>
    1728. 

  1728. <tr>
    1729. 

  1729. <th>\u53C2\u6570</th>
    1730. 

  1730. <th>\u8BF4\u660E</th>
    1731. 

  1731. <th>\u7C7B\u578B</th>
    1732. 

  1732. <th>\u9ED8\u8BA4\u503C</th>
    1733. 

  1733. </tr>
    1734. 

  1734. </thead>
    1735. 

  1735. <tbody>
    1736. 

  1736. <tr>
    1737. 

  1737. <td>visibilityToggle</td>
    1738. 

  1738. <td>\u662F\u5426\u663E\u793A\u5207\u6362\u6309\u94AE</td>
    1739. 

  1739. <td>boolean</td>
    1740. 

  1740. <td>true</td>
    1741. 

  1741. </tr>
    1742. 

  1742. </tbody>
    1743. 

  1743. </table>
    1744. 

  1744. `,lastUpdated:1748060300816}},Xn={class:"markdown"};function Fn(s,t,C,g,r,m){return b(),G("article",Xn,t[0]||(t[0]=[x(`<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 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Input">Input <a class="header-anchor" href="#Input"><span aria-hidden="true" class="anchor">#</span></a></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>allowClear</td><td>\u53EF\u4EE5\u70B9\u51FB\u6E05\u9664\u56FE\u6807\u5220\u9664\u5185\u5BB9</td><td>boolean</td><td></td><td></td></tr><tr><td>bordered</td><td>\u662F\u5426\u6709\u8FB9\u6846</td><td>boolean</td><td>true</td><td>3.0</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>showCount</td><td>\u662F\u5426\u5C55\u793A\u5B57\u6570</td><td>boolean</td><td>false</td><td>3.0</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>&lt;a-textarea /&gt;</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></tbody></table><h3 id="Input-\u4E8B\u4EF6">Input \u4E8B\u4EF6 <a class="header-anchor" href="#Input-\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th></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><td></td></tr><tr><td>pressEnter</td><td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td><td>function(e)</td><td></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="TextArea">TextArea <a class="header-anchor" href="#TextArea"><span aria-hidden="true" class="anchor">#</span></a></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><th></th></tr></thead><tbody><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><td></td></tr><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><td></td></tr><tr><td>defaultValue</td><td>\u8F93\u5165\u6846\u9ED8\u8BA4\u5185\u5BB9</td><td>string</td><td></td><td></td><td></td></tr><tr><td>showCount</td><td>\u662F\u5426\u5C55\u793A\u5B57\u6570</td><td>boolean</td><td>false</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><td></td></tr></tbody></table><h3 id="TextArea-\u4E8B\u4EF6">TextArea \u4E8B\u4EF6 <a class="header-anchor" href="#TextArea-\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></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>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 <a class="header-anchor" href="#Input-Search"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#Input-Search-\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#Input-Group"><span aria-hidden="true" class="anchor">#</span></a></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>
    1745. 

  1745.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    1746. 

  1746.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    1747. 

  1747. <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>
    1748. 

  1748. </code></pre><h4 id="Input-Password-1-14-0-\u4E2D\u65B0\u589E">Input.Password (1.14.0 \u4E2D\u65B0\u589E) <a class="header-anchor" href="#Input-Password-1-14-0-\u4E2D\u65B0\u589E"><span aria-hidden="true" class="anchor">#</span></a></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)]))}const Kn=h(Nn,[["render",Fn]]),zn={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:"TextArea",slug:"TextArea",content:""},{level:3,title:"TextArea Events",slug:"TextArea-Events",content:""},{level:3,title:"Input.Search Events",slug:"Input-Search-Events",content:""}],relativePath:"components/input/index.en-US.md",content:`
    1749. 

  1749. A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
    1750. 

  1750. 

  1751. ## When To Use
    1752. 

  1752. 

  1753. - A user input in a form field is needed.
    1754. 

  1754. - A search input is required.
    1755. 

  1755. 

  1756. ## API
    1757. 

  1757. 

  1758. ### Input
    1759. 

  1759. 

  1760. | Property | Description | Type | Default | Version |
    1761. 

  1761. | --- | --- | --- | --- | --- |
    1762. 

  1762. | addonAfter | The label text displayed after (on the right side of) the input field. | string\\|slot |  |  |
    1763. 

  1763. | addonBefore | The label text displayed before (on the left side of) the input field. | string\\|slot |  |  |
    1764. 

  1764. | allowClear | allow to remove input content with clear icon | boolean |  |  |
    1765. 

  1765. | bordered | Whether has border style | boolean | true | 4.5.0 |
    1766. 

  1766. | defaultValue | The initial input content | string |  |  |
    1767. 

  1767. | disabled | Whether the input is disabled. | boolean | false |  |
    1768. 

  1768. | id | The ID for input | string |  |  |
    1769. 

  1769. | maxlength | max length | number |  | 1.5.0 |
    1770. 

  1770. | prefix | The prefix icon for the Input. | string\\|slot |  |  |
    1771. 

  1771. | showCount | Whether show text count | boolean | false | 3.0 |
    1772. 

  1772. | 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\` |  |
    1773. 

  1773. | suffix | The suffix icon for the Input. | string\\|slot |  |  |
    1774. 

  1774. | type | The type of input, see: [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types)(use \`&lt;a-textarea /&gt;\` instead of \`type=&quot;textarea&quot;\`) | string | \`text\` |  |
    1775. 

  1775. | value(v-model) | The input content value | string |  |  |
    1776. 

  1776. 

  1777. ### Input Events
    1778. 

  1778. 

  1779. | Events Name | Description | Arguments |  |
    1780. 

  1780. | --- | --- | --- | --- |
    1781. 

  1781. | change | callback when user input | function(e) |  |
    1782. 

  1782. | pressEnter | The callback function that is triggered when Enter key is pressed. | function(e) |  |
    1783. 

  1783. 

  1784. &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.
    1785. 

  1785. 

  1786. ### TextArea
    1787. 

  1787. 

  1788. | Property | Description | Type | Default | Version |  |
    1789. 

  1789. | --- | --- | --- | --- | --- | --- |
    1790. 

  1790. | allowClear | allow to remove input content with clear icon | boolean |  | 1.5.0 |  |
    1791. 

  1791. | autosize | Height autosize feature, can be set to \`true | false\`or an object\`{ minRows: 2, maxRows: 6 }\` | boolean\\|object | false |  |
    1792. 

  1792. | defaultValue | The initial input content | string |  |  |  |
    1793. 

  1793. | showCount | Whether show text count | boolean | false |  |  |
    1794. 

  1794. | value(v-model) | The input content value | string |  |  |  |
    1795. 

  1795. 

  1796. ### TextArea Events
    1797. 

  1797. 

  1798. | Events Name | Description                                                        | Arguments   |
    1799. 

  1799. | ----------- | ------------------------------------------------------------------ | ----------- |
    1800. 

  1800. | pressEnter  | The callback function that is triggered when Enter key is pressed. | function(e) |
    1801. 

  1801. 

  1802. The rest of the props of \`TextArea\` are the same as the original [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea).
    1803. 

  1803. 

  1804. #### Input.Search
    1805. 

  1805. 

  1806. | Property | Description | Type | Default |
    1807. 

  1807. | --- | --- | --- | --- |
    1808. 

  1808. | enterButton | to show an enter button after input. This prop is conflict with addon. | boolean\\|slot | false |
    1809. 

  1809. 

  1810. ### Input.Search Events
    1811. 

  1811. 

  1812. | Events Name | Description | Arguments | Version |  |
    1813. 

  1813. | --- | --- | --- | --- | --- |
    1814. 

  1814. | loading | Search box with loading. | boolean |  |  |
    1815. 

  1815. | search | The callback function that is triggered when you click on the search-icon or press Enter key. | function(value, event) |  |  |
    1816. 

  1816. 

  1817. Supports all props of \`Input\`.
    1818. 

  1818. 

  1819. #### Input.Group
    1820. 

  1820. 

  1821. | Property | Description | Type | Default |
    1822. 

  1822. | --- | --- | --- | --- |
    1823. 

  1823. | compact | Whether use compact style | boolean | false |
    1824. 

  1824. | size | The size of \`Input.Group\` specifies the size of the included \`Input\` fields. Available: \`large\` \`default\` \`small\` | string | \`default\` |
    1825. 

  1825. 

  1826. \`\`\`html
    1827. 

  1827. &lt;a-input-group&gt;
    1828. 

  1828.   &lt;a-input /&gt;
    1829. 

  1829.   &lt;a-input /&gt;
    1830. 

  1830. &lt;/a-input-group&gt;
    1831. 

  1831. \`\`\`
    1832. 

  1832. 

  1833. #### Input.Password (Added in 1.14.0)
    1834. 

  1834. 

  1835. | Property         | Description                | Type    | Default |
    1836. 

  1836. | ---------------- | -------------------------- | ------- | ------- |
    1837. 

  1837. | visibilityToggle | Whether show toggle button | boolean | true    |
    1838. 

  1838. `,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>
    1839. 

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

  1840.           <span aria-hidden="true" class="anchor">#</span>
    1841. 

  1841.         </a></h2>
    1842. 

  1842. <ul>
    1843. 

  1843. <li>A user input in a form field is needed.</li>
    1844. 

  1844. <li>A search input is required.</li>
    1845. 

  1845. </ul>
    1846. 

  1846. <h2 id="API">API <a class="header-anchor" href="#API">
    1847. 

  1847.           <span aria-hidden="true" class="anchor">#</span>
    1848. 

  1848.         </a></h2>
    1849. 

  1849. <h3 id="Input">Input <a class="header-anchor" href="#Input">
    1850. 

  1850.           <span aria-hidden="true" class="anchor">#</span>
    1851. 

  1851.         </a></h3>
    1852. 

  1852. <table>
    1853. 

  1853. <thead>
    1854. 

  1854. <tr>
    1855. 

  1855. <th>Property</th>
    1856. 

  1856. <th>Description</th>
    1857. 

  1857. <th>Type</th>
    1858. 

  1858. <th>Default</th>
    1859. 

  1859. <th>Version</th>
    1860. 

  1860. </tr>
    1861. 

  1861. </thead>
    1862. 

  1862. <tbody>
    1863. 

  1863. <tr>
    1864. 

  1864. <td>addonAfter</td>
    1865. 

  1865. <td>The label text displayed after (on the right side of) the input field.</td>
    1866. 

  1866. <td>string|slot</td>
    1867. 

  1867. <td></td>
    1868. 

  1868. <td></td>
    1869. 

  1869. </tr>
    1870. 

  1870. <tr>
    1871. 

  1871. <td>addonBefore</td>
    1872. 

  1872. <td>The label text displayed before (on the left side of) the input field.</td>
    1873. 

  1873. <td>string|slot</td>
    1874. 

  1874. <td></td>
    1875. 

  1875. <td></td>
    1876. 

  1876. </tr>
    1877. 

  1877. <tr>
    1878. 

  1878. <td>allowClear</td>
    1879. 

  1879. <td>allow to remove input content with clear icon</td>
    1880. 

  1880. <td>boolean</td>
    1881. 

  1881. <td></td>
    1882. 

  1882. <td></td>
    1883. 

  1883. </tr>
    1884. 

  1884. <tr>
    1885. 

  1885. <td>bordered</td>
    1886. 

  1886. <td>Whether has border style</td>
    1887. 

  1887. <td>boolean</td>
    1888. 

  1888. <td>true</td>
    1889. 

  1889. <td>4.5.0</td>
    1890. 

  1890. </tr>
    1891. 

  1891. <tr>
    1892. 

  1892. <td>defaultValue</td>
    1893. 

  1893. <td>The initial input content</td>
    1894. 

  1894. <td>string</td>
    1895. 

  1895. <td></td>
    1896. 

  1896. <td></td>
    1897. 

  1897. </tr>
    1898. 

  1898. <tr>
    1899. 

  1899. <td>disabled</td>
    1900. 

  1900. <td>Whether the input is disabled.</td>
    1901. 

  1901. <td>boolean</td>
    1902. 

  1902. <td>false</td>
    1903. 

  1903. <td></td>
    1904. 

  1904. </tr>
    1905. 

  1905. <tr>
    1906. 

  1906. <td>id</td>
    1907. 

  1907. <td>The ID for input</td>
    1908. 

  1908. <td>string</td>
    1909. 

  1909. <td></td>
    1910. 

  1910. <td></td>
    1911. 

  1911. </tr>
    1912. 

  1912. <tr>
    1913. 

  1913. <td>maxlength</td>
    1914. 

  1914. <td>max length</td>
    1915. 

  1915. <td>number</td>
    1916. 

  1916. <td></td>
    1917. 

  1917. <td>1.5.0</td>
    1918. 

  1918. </tr>
    1919. 

  1919. <tr>
    1920. 

  1920. <td>prefix</td>
    1921. 

  1921. <td>The prefix icon for the Input.</td>
    1922. 

  1922. <td>string|slot</td>
    1923. 

  1923. <td></td>
    1924. 

  1924. <td></td>
    1925. 

  1925. </tr>
    1926. 

  1926. <tr>
    1927. 

  1927. <td>showCount</td>
    1928. 

  1928. <td>Whether show text count</td>
    1929. 

  1929. <td>boolean</td>
    1930. 

  1930. <td>false</td>
    1931. 

  1931. <td>3.0</td>
    1932. 

  1932. </tr>
    1933. 

  1933. <tr>
    1934. 

  1934. <td>size</td>
    1935. 

  1935. <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>
    1936. 

  1936. <td>string</td>
    1937. 

  1937. <td><code>default</code></td>
    1938. 

  1938. <td></td>
    1939. 

  1939. </tr>
    1940. 

  1940. <tr>
    1941. 

  1941. <td>suffix</td>
    1942. 

  1942. <td>The suffix icon for the Input.</td>
    1943. 

  1943. <td>string|slot</td>
    1944. 

  1944. <td></td>
    1945. 

  1945. <td></td>
    1946. 

  1946. </tr>
    1947. 

  1947. <tr>
    1948. 

  1948. <td>type</td>
    1949. 

  1949. <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>&lt;a-textarea /&gt;</code> instead of <code>type=&quot;textarea&quot;</code>)</td>
    1950. 

  1950. <td>string</td>
    1951. 

  1951. <td><code>text</code></td>
    1952. 

  1952. <td></td>
    1953. 

  1953. </tr>
    1954. 

  1954. <tr>
    1955. 

  1955. <td>value(v-model)</td>
    1956. 

  1956. <td>The input content value</td>
    1957. 

  1957. <td>string</td>
    1958. 

  1958. <td></td>
    1959. 

  1959. <td></td>
    1960. 

  1960. </tr>
    1961. 

  1961. </tbody>
    1962. 

  1962. </table>
    1963. 

  1963. <h3 id="Input-Events">Input Events <a class="header-anchor" href="#Input-Events">
    1964. 

  1964.           <span aria-hidden="true" class="anchor">#</span>
    1965. 

  1965.         </a></h3>
    1966. 

  1966. <table>
    1967. 

  1967. <thead>
    1968. 

  1968. <tr>
    1969. 

  1969. <th>Events Name</th>
    1970. 

  1970. <th>Description</th>
    1971. 

  1971. <th>Arguments</th>
    1972. 

  1972. <th></th>
    1973. 

  1973. </tr>
    1974. 

  1974. </thead>
    1975. 

  1975. <tbody>
    1976. 

  1976. <tr>
    1977. 

  1977. <td>change</td>
    1978. 

  1978. <td>callback when user input</td>
    1979. 

  1979. <td>function(e)</td>
    1980. 

  1980. <td></td>
    1981. 

  1981. </tr>
    1982. 

  1982. <tr>
    1983. 

  1983. <td>pressEnter</td>
    1984. 

  1984. <td>The callback function that is triggered when Enter key is pressed.</td>
    1985. 

  1985. <td>function(e)</td>
    1986. 

  1986. <td></td>
    1987. 

  1987. </tr>
    1988. 

  1988. </tbody>
    1989. 

  1989. </table>
    1990. 

  1990. <blockquote>
    1991. 

  1991. <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>
    1992. 

  1992. </blockquote>
    1993. 

  1993. <h3 id="TextArea">TextArea <a class="header-anchor" href="#TextArea">
    1994. 

  1994.           <span aria-hidden="true" class="anchor">#</span>
    1995. 

  1995.         </a></h3>
    1996. 

  1996. <table>
    1997. 

  1997. <thead>
    1998. 

  1998. <tr>
    1999. 

  1999. <th>Property</th>
    2000. 

  2000. <th>Description</th>
    2001. 

  2001. <th>Type</th>
    2002. 

  2002. <th>Default</th>
    2003. 

  2003. <th>Version</th>
    2004. 

  2004. <th></th>
    2005. 

  2005. </tr>
    2006. 

  2006. </thead>
    2007. 

  2007. <tbody>
    2008. 

  2008. <tr>
    2009. 

  2009. <td>allowClear</td>
    2010. 

  2010. <td>allow to remove input content with clear icon</td>
    2011. 

  2011. <td>boolean</td>
    2012. 

  2012. <td></td>
    2013. 

  2013. <td>1.5.0</td>
    2014. 

  2014. <td></td>
    2015. 

  2015. </tr>
    2016. 

  2016. <tr>
    2017. 

  2017. <td>autosize</td>
    2018. 

  2018. <td>Height autosize feature, can be set to <code>true | false</code>or an object<code>{ minRows: 2, maxRows: 6 }</code></td>
    2019. 

  2019. <td>boolean|object</td>
    2020. 

  2020. <td>false</td>
    2021. 

  2021. <td></td>
    2022. 

  2022. <td></td>
    2023. 

  2023. </tr>
    2024. 

  2024. <tr>
    2025. 

  2025. <td>defaultValue</td>
    2026. 

  2026. <td>The initial input content</td>
    2027. 

  2027. <td>string</td>
    2028. 

  2028. <td></td>
    2029. 

  2029. <td></td>
    2030. 

  2030. <td></td>
    2031. 

  2031. </tr>
    2032. 

  2032. <tr>
    2033. 

  2033. <td>showCount</td>
    2034. 

  2034. <td>Whether show text count</td>
    2035. 

  2035. <td>boolean</td>
    2036. 

  2036. <td>false</td>
    2037. 

  2037. <td></td>
    2038. 

  2038. <td></td>
    2039. 

  2039. </tr>
    2040. 

  2040. <tr>
    2041. 

  2041. <td>value(v-model)</td>
    2042. 

  2042. <td>The input content value</td>
    2043. 

  2043. <td>string</td>
    2044. 

  2044. <td></td>
    2045. 

  2045. <td></td>
    2046. 

  2046. <td></td>
    2047. 

  2047. </tr>
    2048. 

  2048. </tbody>
    2049. 

  2049. </table>
    2050. 

  2050. <h3 id="TextArea-Events">TextArea Events <a class="header-anchor" href="#TextArea-Events">
    2051. 

  2051.           <span aria-hidden="true" class="anchor">#</span>
    2052. 

  2052.         </a></h3>
    2053. 

  2053. <table>
    2054. 

  2054. <thead>
    2055. 

  2055. <tr>
    2056. 

  2056. <th>Events Name</th>
    2057. 

  2057. <th>Description</th>
    2058. 

  2058. <th>Arguments</th>
    2059. 

  2059. </tr>
    2060. 

  2060. </thead>
    2061. 

  2061. <tbody>
    2062. 

  2062. <tr>
    2063. 

  2063. <td>pressEnter</td>
    2064. 

  2064. <td>The callback function that is triggered when Enter key is pressed.</td>
    2065. 

  2065. <td>function(e)</td>
    2066. 

  2066. </tr>
    2067. 

  2067. </tbody>
    2068. 

  2068. </table>
    2069. 

  2069. <p>The rest of the props of <code>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>
    2070. 

  2070. <h4 id="Input-Search">Input.Search <a class="header-anchor" href="#Input-Search">
    2071. 

  2071.           <span aria-hidden="true" class="anchor">#</span>
    2072. 

  2072.         </a></h4>
    2073. 

  2073. <table>
    2074. 

  2074. <thead>
    2075. 

  2075. <tr>
    2076. 

  2076. <th>Property</th>
    2077. 

  2077. <th>Description</th>
    2078. 

  2078. <th>Type</th>
    2079. 

  2079. <th>Default</th>
    2080. 

  2080. </tr>
    2081. 

  2081. </thead>
    2082. 

  2082. <tbody>
    2083. 

  2083. <tr>
    2084. 

  2084. <td>enterButton</td>
    2085. 

  2085. <td>to show an enter button after input. This prop is conflict with addon.</td>
    2086. 

  2086. <td>boolean|slot</td>
    2087. 

  2087. <td>false</td>
    2088. 

  2088. </tr>
    2089. 

  2089. </tbody>
    2090. 

  2090. </table>
    2091. 

  2091. <h3 id="Input-Search-Events">Input.Search Events <a class="header-anchor" href="#Input-Search-Events">
    2092. 

  2092.           <span aria-hidden="true" class="anchor">#</span>
    2093. 

  2093.         </a></h3>
    2094. 

  2094. <table>
    2095. 

  2095. <thead>
    2096. 

  2096. <tr>
    2097. 

  2097. <th>Events Name</th>
    2098. 

  2098. <th>Description</th>
    2099. 

  2099. <th>Arguments</th>
    2100. 

  2100. <th>Version</th>
    2101. 

  2101. <th></th>
    2102. 

  2102. </tr>
    2103. 

  2103. </thead>
    2104. 

  2104. <tbody>
    2105. 

  2105. <tr>
    2106. 

  2106. <td>loading</td>
    2107. 

  2107. <td>Search box with loading.</td>
    2108. 

  2108. <td>boolean</td>
    2109. 

  2109. <td></td>
    2110. 

  2110. <td></td>
    2111. 

  2111. </tr>
    2112. 

  2112. <tr>
    2113. 

  2113. <td>search</td>
    2114. 

  2114. <td>The callback function that is triggered when you click on the search-icon or press Enter key.</td>
    2115. 

  2115. <td>function(value, event)</td>
    2116. 

  2116. <td></td>
    2117. 

  2117. <td></td>
    2118. 

  2118. </tr>
    2119. 

  2119. </tbody>
    2120. 

  2120. </table>
    2121. 

  2121. <p>Supports all props of <code>Input</code>.</p>
    2122. 

  2122. <h4 id="Input-Group">Input.Group <a class="header-anchor" href="#Input-Group">
    2123. 

  2123.           <span aria-hidden="true" class="anchor">#</span>
    2124. 

  2124.         </a></h4>
    2125. 

  2125. <table>
    2126. 

  2126. <thead>
    2127. 

  2127. <tr>
    2128. 

  2128. <th>Property</th>
    2129. 

  2129. <th>Description</th>
    2130. 

  2130. <th>Type</th>
    2131. 

  2131. <th>Default</th>
    2132. 

  2132. </tr>
    2133. 

  2133. </thead>
    2134. 

  2134. <tbody>
    2135. 

  2135. <tr>
    2136. 

  2136. <td>compact</td>
    2137. 

  2137. <td>Whether use compact style</td>
    2138. 

  2138. <td>boolean</td>
    2139. 

  2139. <td>false</td>
    2140. 

  2140. </tr>
    2141. 

  2141. <tr>
    2142. 

  2142. <td>size</td>
    2143. 

  2143. <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>
    2144. 

  2144. <td>string</td>
    2145. 

  2145. <td><code>default</code></td>
    2146. 

  2146. </tr>
    2147. 

  2147. </tbody>
    2148. 

  2148. </table>
    2149. 

  2149. <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>
    2150. 

  2150.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    2151. 

  2151.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/></span></span>
    2152. 

  2152. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-input-group</span><span class="token punctuation">></span></span>
    2153. 

  2153. </code></pre>
    2154. 

  2154. <h4 id="Input-Password-Added-in-1-14-0">Input.Password (Added in 1.14.0) <a class="header-anchor" href="#Input-Password-Added-in-1-14-0">
    2155. 

  2155.           <span aria-hidden="true" class="anchor">#</span>
    2156. 

  2156.         </a></h4>
    2157. 

  2157. <table>
    2158. 

  2158. <thead>
    2159. 

  2159. <tr>
    2160. 

  2160. <th>Property</th>
    2161. 

  2161. <th>Description</th>
    2162. 

  2162. <th>Type</th>
    2163. 

  2163. <th>Default</th>
    2164. 

  2164. </tr>
    2165. 

  2165. </thead>
    2166. 

  2166. <tbody>
    2167. 

  2167. <tr>
    2168. 

  2168. <td>visibilityToggle</td>
    2169. 

  2169. <td>Whether show toggle button</td>
    2170. 

  2170. <td>boolean</td>
    2171. 

  2171. <td>true</td>
    2172. 

  2172. </tr>
    2173. 

  2173. </tbody>
    2174. 

  2174. </table>
    2175. 

  2175. `,lastUpdated:1748060300815}},Ln={class:"markdown"};function Rn(s,t,C,g,r,m){return b(),G("article",Ln,t[0]||(t[0]=[x(`<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 <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Input">Input <a class="header-anchor" href="#Input"><span aria-hidden="true" class="anchor">#</span></a></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>allowClear</td><td>allow to remove input content with clear icon</td><td>boolean</td><td></td><td></td></tr><tr><td>bordered</td><td>Whether has border style</td><td>boolean</td><td>true</td><td>4.5.0</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>showCount</td><td>Whether show text count</td><td>boolean</td><td>false</td><td>3.0</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>&lt;a-textarea /&gt;</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></tbody></table><h3 id="Input-Events">Input Events <a class="header-anchor" href="#Input-Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th></th></tr></thead><tbody><tr><td>change</td><td>callback when user input</td><td>function(e)</td><td></td></tr><tr><td>pressEnter</td><td>The callback function that is triggered when Enter key is pressed.</td><td>function(e)</td><td></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="TextArea">TextArea <a class="header-anchor" href="#TextArea"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th><th></th></tr></thead><tbody><tr><td>allowClear</td><td>allow to remove input content with clear icon</td><td>boolean</td><td></td><td>1.5.0</td><td></td></tr><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><td></td></tr><tr><td>defaultValue</td><td>The initial input content</td><td>string</td><td></td><td></td><td></td></tr><tr><td>showCount</td><td>Whether show text count</td><td>boolean</td><td>false</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><td></td></tr></tbody></table><h3 id="TextArea-Events">TextArea Events <a class="header-anchor" href="#TextArea-Events"><span aria-hidden="true" class="anchor">#</span></a></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>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 <a class="header-anchor" href="#Input-Search"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#Input-Search-Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th><th></th></tr></thead><tbody><tr><td>loading</td><td>Search box with loading.</td><td>boolean</td><td></td><td></td></tr><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><td></td></tr></tbody></table><p>Supports all props of <code>Input</code>.</p><h4 id="Input-Group">Input.Group <a class="header-anchor" href="#Input-Group"><span aria-hidden="true" class="anchor">#</span></a></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>
    2176. 

  2176.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    2177. 

  2177.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-input</span> <span class="token punctuation">/&gt;</span></span>
    2178. 

  2178. <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>
    2179. 

  2179. </code></pre><h4 id="Input-Password-Added-in-1-14-0">Input.Password (Added in 1.14.0) <a class="header-anchor" href="#Input-Password-Added-in-1-14-0"><span aria-hidden="true" class="anchor">#</span></a></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)]))}const jn=h(zn,[["render",Rn]]),Jn=W({CN:Kn,US:jn,components:{Basic:J,AutosizeTextarea:T,Presuffix:O,SearchInput:_,SearchInputLoading:tn,Size:pn,Group:kn,TextareaResize:gn,Addon:fn,Tooltip:xn,AllowClear:mn,PasswordInput:bn,ShowCount:Zn,borderlessVue:Sn}});function Dn(s,t,C,g,r,m){const c=p("basic"),k=p("autosize-textarea"),i=p("presuffix"),d=p("search-input"),I=p("search-input-loading"),A=p("size"),y=p("group"),v=p("addon"),f=p("tooltip"),w=p("allow-clear"),H=p("password-input"),V=p("show-count"),B=p("textarea-resize"),l=p("borderlessVue"),Y=p("demo-sort");return b(),Z(Y,null,{default:e(()=>[o(c),o(k),o(i),o(d),o(I),o(A),o(y),o(v),o(f),o(w),o(H),o(V),o(B),o(l)]),_:1})}const qn=h(Jn,[["render",Dn]]);export{qn as default};
    2180.