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

index.3293c155.js 179 KB
Түүх Анхны өгөгдөл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968 
  1. import{d as v,r as I,y as S,_ as b,j as l,k as r,l as C,w as o,f as c,e as t,b as n,ba as V,a as h,h as y,t as W,F as Z,ai as Y,J as B,n as G,bb as J,c as P,q as H}from"./index.3fe853a6.js";const z=v({setup(){const s=I("@afc163");return S(s,()=>{console.log("value",s)}),{value:s,onSelect:i=>{console.log("select",i)}}}});function F(s,a,i,d,g,m){const e=l("a-mentions-option"),u=l("a-mentions"),k=l("demo-box");return r(),C(k,{jsfiddle:{us:"Basic usage.",cn:"\u57FA\u672C\u7528\u6CD5",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</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.</p>
    9. 

  9. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"components/mentions/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBhdXRvZm9jdXMgQHNlbGVjdD0ib25TZWxlY3QiPgogICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJhZmMxNjMiPmFmYzE2MzwvYS1tZW50aW9ucy1vcHRpb24+CiAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9InpvbWJpZUoiPnpvbWJpZUo8L2EtbWVudGlvbnMtb3B0aW9uPgogICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJ5ZXNtZWNrIj55ZXNtZWNrPC9hLW1lbnRpb25zLW9wdGlvbj4KICA8L2EtbWVudGlvbnM+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8c3RyaW5nPignQGFmYzE2MycpOwogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3ZhbHVlJywgdmFsdWUpOwogICAgfSk7CiAgICBjb25zdCBvblNlbGVjdCA9IChvcHRpb246IHsgdmFsdWU6IHN0cmluZyB9KSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3QnLCBvcHRpb24pOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb25TZWxlY3QsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBhdXRvZm9jdXMgQHNlbGVjdD0ib25TZWxlY3QiPgogICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJhZmMxNjMiPmFmYzE2MzwvYS1tZW50aW9ucy1vcHRpb24+CiAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9InpvbWJpZUoiPnpvbWJpZUo8L2EtbWVudGlvbnMtb3B0aW9uPgogICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJ5ZXNtZWNrIj55ZXNtZWNrPC9hLW1lbnRpb25zLW9wdGlvbj4KICA8L2EtbWVudGlvbnM+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZignQGFmYzE2MycpOwogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3ZhbHVlJywgdmFsdWUpOwogICAgfSk7CiAgICBjb25zdCBvblNlbGVjdCA9IG9wdGlvbiA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3QnLCBvcHRpb24pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBvblNlbGVjdCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p),autofocus:"",onSelect:s.onSelect},{default:o(()=>[c(e,{value:"afc163"},{default:o(()=>a[1]||(a[1]=[t("afc163")])),_:1,__:[1]}),c(e,{value:"zombieJ"},{default:o(()=>a[2]||(a[2]=[t("zombieJ")])),_:1,__:[2]}),c(e,{value:"yesmeck"},{default:o(()=>a[3]||(a[3]=[t("yesmeck")])),_:1,__:[3]})]),_:1},8,["value","onSelect"])]),htmlCode:o(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    10. 

  10.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"autofocus"),t(),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    11. 

  11.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    12. 

  12.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("zombieJ"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("zombieJ"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    13. 

  13.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    14. 

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

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

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

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

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

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

  20.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'@afc163'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    21. 

  21.     `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    22. 

  22.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'value'"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    23. 

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

  24.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSelect"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"option"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    25. 

  25.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'select'"),n("span",{class:"token punctuation"},","),t(" option"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    26. 

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

  27. 

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

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

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

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

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

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

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

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

  36.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"autofocus"),t(),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    37. 

  37.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    38. 

  38.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("zombieJ"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("zombieJ"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    39. 

  39.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    40. 

  40.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions")]),n("span",{class:"token punctuation"},">")]),t(`
    41. 

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

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

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

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

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

  46.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'@afc163'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    47. 

  47.     `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    48. 

  48.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'value'"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    49. 

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

  50.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSelect"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"option"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    51. 

  51.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'select'"),n("span",{class:"token punctuation"},","),t(" option"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    52. 

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

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

  54.       value`),n("span",{class:"token punctuation"},","),t(`
    55. 

  55.       onSelect`),n("span",{class:"token punctuation"},","),t(`
    56. 

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

  57.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    58. 

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

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

  60. `)])],-1)])),_:1})}const R=b(z,[["render",F]]),K=v({setup(){const s=I(""),a=I(!1),i=I([]),d=I(""),g=V(e=>{if(!e){i.value=[];return}fetch(`https://api.github.com/search/users?q=${e}`).then(u=>u.json()).then(({items:u=[]})=>{d.value===e&&(i.value=u.slice(0,10),a.value=!1)})},800);return{value:s,loading:a,users:i,loadGithubUsers:g,onSearch:e=>{d.value=e,a.value=!!e,console.log(!!e),i.value=[],console.log("Search:",e),g(e)}}}}),N=["src","alt"];function x(s,a,i,d,g,m){const e=l("a-mentions-option"),u=l("a-mentions"),k=l("demo-box");return r(),C(k,{jsfiddle:{us:"async.",cn:"\u5339\u914D\u5185\u5BB9\u5217\u8868\u4E3A\u5F02\u6B65\u8FD4\u56DE\u65F6\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    61. 

  61.           <span aria-hidden="true" class="anchor">#</span>
    62. 

  62.         </a></h2>
    63. 

  63. <p>\u5339\u914D\u5185\u5BB9\u5217\u8868\u4E3A\u5F02\u6B65\u8FD4\u56DE\u65F6\u3002</p>
    64. 

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

  65.           <span aria-hidden="true" class="anchor">#</span>
    66. 

  66.         </a></h2>
    67. 

  67. <p>async.</p>
    68. 

  68. `,order:1,title:{"zh-CN":"\u5F02\u6B65\u52A0\u8F7D","en-US":"Asynchronous loading"},relativePath:"components/mentions/demo/async.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6bG9hZGluZz0ibG9hZGluZyIgQHNlYXJjaD0ib25TZWFyY2giPgogICAgPGEtbWVudGlvbnMtb3B0aW9uIHYtZm9yPSJ7IGxvZ2luLCBhdmF0YXJfdXJsOiBhdmF0YXIgfSBpbiB1c2VycyIgOmtleT0ibG9naW4iIDp2YWx1ZT0ibG9naW4iPgogICAgICA8aW1nIDpzcmM9ImF2YXRhciIgOmFsdD0ibG9naW4iIHN0eWxlPSJ3aWR0aDogMjBweDsgbWFyZ2luLXJpZ2h0OiA4cHgiIC8+CiAgICAgIDxzcGFuPnt7IGxvZ2luIH19PC9zcGFuPgogICAgPC9hLW1lbnRpb25zLW9wdGlvbj4KICA8L2EtbWVudGlvbnM+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaC1lcyc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmPHN0cmluZz4oJycpOwogICAgY29uc3QgbG9hZGluZyA9IHJlZjxib29sZWFuPihmYWxzZSk7CiAgICBjb25zdCB1c2VycyA9IHJlZjx7IGxvZ2luOiBzdHJpbmc7IGF2YXRhcl91cmw6IHN0cmluZyB9W10+KFtdKTsKICAgIGNvbnN0IHNlYXJjaCA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIGNvbnN0IGxvYWRHaXRodWJVc2VycyA9IGRlYm91bmNlKChrZXk6IHN0cmluZykgPT4gewogICAgICBpZiAoIWtleSkgewogICAgICAgIHVzZXJzLnZhbHVlID0gW107CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICBmZXRjaChgaHR0cHM6Ly9hcGkuZ2l0aHViLmNvbS9zZWFyY2gvdXNlcnM/cT0ke2tleX1gKQogICAgICAgIC50aGVuKHJlcyA9PiByZXMuanNvbigpKQogICAgICAgIC50aGVuKCh7IGl0ZW1zID0gW10gfSkgPT4gewogICAgICAgICAgaWYgKHNlYXJjaC52YWx1ZSAhPT0ga2V5KSByZXR1cm47CiAgICAgICAgICB1c2Vycy52YWx1ZSA9IGl0ZW1zLnNsaWNlKDAsIDEwKTsKICAgICAgICAgIGxvYWRpbmcudmFsdWUgPSBmYWxzZTsKICAgICAgICB9KTsKICAgIH0sIDgwMCk7CgogICAgY29uc3Qgb25TZWFyY2ggPSAoc2VhcmNoVmFsdWU6IHN0cmluZykgPT4gewogICAgICBzZWFyY2gudmFsdWUgPSBzZWFyY2hWYWx1ZTsKICAgICAgbG9hZGluZy52YWx1ZSA9ICEhc2VhcmNoVmFsdWU7CiAgICAgIGNvbnNvbGUubG9nKCEhc2VhcmNoVmFsdWUpOwogICAgICB1c2Vycy52YWx1ZSA9IFtdOwogICAgICBjb25zb2xlLmxvZygnU2VhcmNoOicsIHNlYXJjaFZhbHVlKTsKICAgICAgbG9hZEdpdGh1YlVzZXJzKHNlYXJjaFZhbHVlKTsKICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICAgIGxvYWRpbmcsCiAgICAgIHVzZXJzLAogICAgICBsb2FkR2l0aHViVXNlcnMsCiAgICAgIG9uU2VhcmNoLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6bG9hZGluZz0ibG9hZGluZyIgQHNlYXJjaD0ib25TZWFyY2giPgogICAgPGEtbWVudGlvbnMtb3B0aW9uIHYtZm9yPSJ7IGxvZ2luLCBhdmF0YXJfdXJsOiBhdmF0YXIgfSBpbiB1c2VycyIgOmtleT0ibG9naW4iIDp2YWx1ZT0ibG9naW4iPgogICAgICA8aW1nIDpzcmM9ImF2YXRhciIgOmFsdD0ibG9naW4iIHN0eWxlPSJ3aWR0aDogMjBweDsgbWFyZ2luLXJpZ2h0OiA4cHgiIC8+CiAgICAgIDxzcGFuPnt7IGxvZ2luIH19PC9zcGFuPgogICAgPC9hLW1lbnRpb25zLW9wdGlvbj4KICA8L2EtbWVudGlvbnM+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSAnbG9kYXNoLWVzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWYoJycpOwogICAgY29uc3QgbG9hZGluZyA9IHJlZihmYWxzZSk7CiAgICBjb25zdCB1c2VycyA9IHJlZihbXSk7CiAgICBjb25zdCBzZWFyY2ggPSByZWYoJycpOwogICAgY29uc3QgbG9hZEdpdGh1YlVzZXJzID0gZGVib3VuY2Uoa2V5ID0+IHsKICAgICAgaWYgKCFrZXkpIHsKICAgICAgICB1c2Vycy52YWx1ZSA9IFtdOwogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICBmZXRjaChgaHR0cHM6Ly9hcGkuZ2l0aHViLmNvbS9zZWFyY2gvdXNlcnM/cT0ke2tleX1gKS50aGVuKHJlcyA9PiByZXMuanNvbigpKS50aGVuKCh7CiAgICAgICAgaXRlbXMgPSBbXSwKICAgICAgfSkgPT4gewogICAgICAgIGlmIChzZWFyY2gudmFsdWUgIT09IGtleSkgcmV0dXJuOwogICAgICAgIHVzZXJzLnZhbHVlID0gaXRlbXMuc2xpY2UoMCwgMTApOwogICAgICAgIGxvYWRpbmcudmFsdWUgPSBmYWxzZTsKICAgICAgfSk7CiAgICB9LCA4MDApOwogICAgY29uc3Qgb25TZWFyY2ggPSBzZWFyY2hWYWx1ZSA9PiB7CiAgICAgIHNlYXJjaC52YWx1ZSA9IHNlYXJjaFZhbHVlOwogICAgICBsb2FkaW5nLnZhbHVlID0gISFzZWFyY2hWYWx1ZTsKICAgICAgY29uc29sZS5sb2coISFzZWFyY2hWYWx1ZSk7CiAgICAgIHVzZXJzLnZhbHVlID0gW107CiAgICAgIGNvbnNvbGUubG9nKCdTZWFyY2g6Jywgc2VhcmNoVmFsdWUpOwogICAgICBsb2FkR2l0aHViVXNlcnMoc2VhcmNoVmFsdWUpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBsb2FkaW5nLAogICAgICB1c2VycywKICAgICAgbG9hZEdpdGh1YlVzZXJzLAogICAgICBvblNlYXJjaCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p),loading:s.loading,onSearch:s.onSearch},{default:o(()=>[(r(!0),h(Z,null,y(s.users,({login:p,avatar_url:A})=>(r(),C(e,{key:p,value:p},{default:o(()=>[n("img",{src:A,alt:p,style:{width:"20px","margin-right":"8px"}},null,8,N),n("span",null,W(p),1)]),_:2},1032,["value"]))),128))]),_:1},8,["value","loading","onSearch"])]),htmlCode:o(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    69. 

  69.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("loading"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("onSearch"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    70. 

  70.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ login, avatar_url: avatar } in users"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("login"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("login"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    71. 

  71.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("img")]),t(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("avatar"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":alt"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("login"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 20px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    72. 

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

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

  74.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions")]),n("span",{class:"token punctuation"},">")]),t(`
    75. 

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

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

  77. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" debounce "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),t(`
    78. 

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

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

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

  81.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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"},";"),t(`
    82. 

  82.     `),n("span",{class:"token keyword"},"const"),t(" loading "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    83. 

  83.     `),n("span",{class:"token keyword"},"const"),t(" users "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"login"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(" avatar_url"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token punctuation"},"}"),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"},";"),t(`
    84. 

  84.     `),n("span",{class:"token keyword"},"const"),t(" search "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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"},";"),t(`
    85. 

  85.     `),n("span",{class:"token keyword"},"const"),t(" loadGithubUsers "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"debounce"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    86. 

  86.       `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    87. 

  87.         users`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    88. 

  88.         `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
    89. 

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

  90. 

  91.       `),n("span",{class:"token function"},"fetch"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"https://api.github.com/search/users?q="),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("key"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),t(`
    92. 

  92.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(" res"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"json"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(`
    93. 

  93.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(" items "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    94. 

  94.           `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("search"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"!=="),t(" key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
    95. 

  95.           users`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" items"),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"},","),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    96. 

  96.           loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    97. 

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

  98.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"800"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    99. 

  99. 

  100.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSearch"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"searchValue"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    101. 

  101.       search`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" searchValue"),n("span",{class:"token punctuation"},";"),t(`
    102. 

  102.       loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token operator"},"!"),n("span",{class:"token operator"},"!"),t("searchValue"),n("span",{class:"token punctuation"},";"),t(`
    103. 

  103.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),n("span",{class:"token operator"},"!"),t("searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    104. 

  104.       users`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    105. 

  105.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Search:'"),n("span",{class:"token punctuation"},","),t(" searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    106. 

  106.       `),n("span",{class:"token function"},"loadGithubUsers"),n("span",{class:"token punctuation"},"("),t("searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    107. 

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

  108. 

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

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

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

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

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

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

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

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

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

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

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

  120.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("loading"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("onSearch"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    121. 

  121.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ login, avatar_url: avatar } in users"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("login"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("login"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    122. 

  122.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("img")]),t(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("avatar"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":alt"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("login"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 20px"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    123. 

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

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

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

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

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

  128. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" debounce "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),t(`
    129. 

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

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

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

  132.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    133. 

  133.     `),n("span",{class:"token keyword"},"const"),t(" loading "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    134. 

  134.     `),n("span",{class:"token keyword"},"const"),t(" users "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    135. 

  135.     `),n("span",{class:"token keyword"},"const"),t(" search "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    136. 

  136.     `),n("span",{class:"token keyword"},"const"),t(" loadGithubUsers "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"debounce"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"key"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    137. 

  137.       `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    138. 

  138.         users`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    139. 

  139.         `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
    140. 

  140.       `),n("span",{class:"token punctuation"},"}"),t(`
    141. 

  141.       `),n("span",{class:"token function"},"fetch"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"https://api.github.com/search/users?q="),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("key"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(" res"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"json"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(`
    142. 

  142.         items `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    143. 

  143.       `),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    144. 

  144.         `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("search"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"!=="),t(" key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
    145. 

  145.         users`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" items"),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"},","),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    146. 

  146.         loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    147. 

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

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

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

  150.       search`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" searchValue"),n("span",{class:"token punctuation"},";"),t(`
    151. 

  151.       loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token operator"},"!"),n("span",{class:"token operator"},"!"),t("searchValue"),n("span",{class:"token punctuation"},";"),t(`
    152. 

  152.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),n("span",{class:"token operator"},"!"),t("searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    153. 

  153.       users`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    154. 

  154.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Search:'"),n("span",{class:"token punctuation"},","),t(" searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    155. 

  155.       `),n("span",{class:"token function"},"loadGithubUsers"),n("span",{class:"token punctuation"},"("),t("searchValue"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    156. 

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

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

  158.       value`),n("span",{class:"token punctuation"},","),t(`
    159. 

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

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

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

  162.       onSearch`),n("span",{class:"token punctuation"},","),t(`
    163. 

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

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

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

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

  167. `)])],-1)])),_:1})}const M=b(K,[["render",x]]),X=Y.useForm,{getMentions:j}=J,L=v({setup(){const s=async(u,k)=>j(k).length<2?Promise.reject("More than one must be selected!"):Promise.resolve(),a=B({bio:"",coders:""}),i=B({bio:[{required:!0,message:"Must input bio"}],coders:[{required:!0,validator:s}]}),{resetFields:d,validate:g,validateInfos:m}=X(a,i);return{modelRef:a,resetFields:d,validateInfos:m,handleSubmit:u=>{u.preventDefault(),g().then(()=>{console.log("Submit!!!",a)}).catch(k=>{console.log("Errors in the form!!!",k)})}}}});function D(s,a,i,d,g,m){const e=l("a-mentions-option"),u=l("a-mentions"),k=l("a-form-item"),p=l("a-button"),A=l("a-form"),w=l("demo-box");return r(),C(w,{jsfiddle:{us:"to work with `Form`.",cn:"\u914D\u5408 Form \u4F7F\u7528\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    168. 

  168.           <span aria-hidden="true" class="anchor">#</span>
    169. 

  169.         </a></h2>
    170. 

  170. <p>\u914D\u5408 Form \u4F7F\u7528\u3002</p>
    171. 

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

  172.           <span aria-hidden="true" class="anchor">#</span>
    173. 

  173.         </a></h2>
    174. 

  174. <p>to work with <code>Form</code>.</p>
    175. 

  175. `,order:2,title:{"zh-CN":"\u914D\u5408 Form \u4F7F\u7528","en-US":"With Form"},relativePath:"components/mentions/demo/form.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZvcm0gbGF5b3V0PSJob3Jpem9udGFsIj4KICAgIDxhLWZvcm0taXRlbQogICAgICBsYWJlbD0iVG9wIGNvZGVycyIKICAgICAgOmxhYmVsLWNvbD0ieyBzcGFuOiA2IH0iCiAgICAgIDp3cmFwcGVyLWNvbD0ieyBzcGFuOiAxOCB9IgogICAgICBuYW1lPSJjb2RlcnMiCiAgICAgIHYtYmluZD0idmFsaWRhdGVJbmZvcy5jb2RlcnMiCiAgICA+CiAgICAgIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9Im1vZGVsUmVmLmNvZGVycyIgcm93cz0iMSI+CiAgICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJhZmMxNjMiPmFmYzE2MzwvYS1tZW50aW9ucy1vcHRpb24+CiAgICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJ6b21iaWVKIj56b21iaWVKPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgICAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9Inllc21lY2siPnllc21lY2s8L2EtbWVudGlvbnMtb3B0aW9uPgogICAgICA8L2EtbWVudGlvbnM+CiAgICA8L2EtZm9ybS1pdGVtPgogICAgPGEtZm9ybS1pdGVtCiAgICAgIGxhYmVsPSJCaW8iCiAgICAgIDpsYWJlbC1jb2w9Insgc3BhbjogNiB9IgogICAgICA6d3JhcHBlci1jb2w9Insgc3BhbjogMTggfSIKICAgICAgbmFtZT0iYmlvIgogICAgICB2LWJpbmQ9InZhbGlkYXRlSW5mb3MuYmlvIgogICAgPgogICAgICA8YS1tZW50aW9ucwogICAgICAgIHYtbW9kZWw6dmFsdWU9Im1vZGVsUmVmLmJpbyIKICAgICAgICByb3dzPSIzIgogICAgICAgIHBsYWNlaG9sZGVyPSJZb3UgY2FuIHVzZSBAIHRvIHJlZiB1c2VyIGhlcmUiCiAgICAgID4KICAgICAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9ImFmYzE2MyI+YWZjMTYzPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgICAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9InpvbWJpZUoiPnpvbWJpZUo8L2EtbWVudGlvbnMtb3B0aW9uPgogICAgICAgIDxhLW1lbnRpb25zLW9wdGlvbiB2YWx1ZT0ieWVzbWVjayI+eWVzbWVjazwvYS1tZW50aW9ucy1vcHRpb24+CiAgICAgIDwvYS1tZW50aW9ucz4KICAgIDwvYS1mb3JtLWl0ZW0+CiAgICA8YS1mb3JtLWl0ZW0gOndyYXBwZXItY29sPSJ7IHNwYW46IDEyLCBvZmZzZXQ6IDUgfSI+CiAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9ImhhbmRsZVN1Ym1pdCI+U3VibWl0PC9hLWJ1dHRvbj4KICAgICAgPGEtYnV0dG9uIHN0eWxlPSJtYXJnaW4tbGVmdDogOHB4IiBAY2xpY2s9InJlc2V0RmllbGRzIj5SZXNldDwvYS1idXR0b24+CiAgICA8L2EtZm9ybS1pdGVtPgogIDwvYS1mb3JtPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBNZW50aW9ucywgRm9ybSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWFjdGl2ZSB9IGZyb20gJ3Z1ZSc7Cgpjb25zdCB1c2VGb3JtID0gRm9ybS51c2VGb3JtOwpjb25zdCB7IGdldE1lbnRpb25zIH0gPSBNZW50aW9uczsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGNoZWNrTWVudGlvbiA9IGFzeW5jIChydWxlLCB2YWx1ZSkgPT4gewogICAgICBjb25zdCBtZW50aW9ucyA9IGdldE1lbnRpb25zKHZhbHVlKTsKICAgICAgaWYgKG1lbnRpb25zLmxlbmd0aCA8IDIpIHsKICAgICAgICByZXR1cm4gUHJvbWlzZS5yZWplY3QoJ01vcmUgdGhhbiBvbmUgbXVzdCBiZSBzZWxlY3RlZCEnKTsKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCk7CiAgICAgIH0KICAgIH07CiAgICBjb25zdCBtb2RlbFJlZiA9IHJlYWN0aXZlKHsKICAgICAgYmlvOiAnJywKICAgICAgY29kZXJzOiAnJywKICAgIH0pOwogICAgY29uc3QgcnVsZXNSZWYgPSByZWFjdGl2ZSh7CiAgICAgIGJpbzogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICdNdXN0IGlucHV0IGJpbycgfV0sCiAgICAgIGNvZGVyczogW3sgcmVxdWlyZWQ6IHRydWUsIHZhbGlkYXRvcjogY2hlY2tNZW50aW9uIH1dLAogICAgfSk7CiAgICBjb25zdCB7IHJlc2V0RmllbGRzLCB2YWxpZGF0ZSwgdmFsaWRhdGVJbmZvcyB9ID0gdXNlRm9ybShtb2RlbFJlZiwgcnVsZXNSZWYpOwogICAgY29uc3QgaGFuZGxlU3VibWl0ID0gZSA9PiB7CiAgICAgIGUucHJldmVudERlZmF1bHQoKTsKICAgICAgdmFsaWRhdGUoKQogICAgICAgIC50aGVuKCgpID0+IHsKICAgICAgICAgIGNvbnNvbGUubG9nKCdTdWJtaXQhISEnLCBtb2RlbFJlZik7CiAgICAgICAgfSkKICAgICAgICAuY2F0Y2goZXJyb3JzID0+IHsKICAgICAgICAgIGNvbnNvbGUubG9nKCdFcnJvcnMgaW4gdGhlIGZvcm0hISEnLCBlcnJvcnMpOwogICAgICAgIH0pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG1vZGVsUmVmLAogICAgICByZXNldEZpZWxkcywKICAgICAgdmFsaWRhdGVJbmZvcywKICAgICAgaGFuZGxlU3VibWl0LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZvcm0gbGF5b3V0PSJob3Jpem9udGFsIj4KICAgIDxhLWZvcm0taXRlbQogICAgICBsYWJlbD0iVG9wIGNvZGVycyIKICAgICAgOmxhYmVsLWNvbD0ieyBzcGFuOiA2IH0iCiAgICAgIDp3cmFwcGVyLWNvbD0ieyBzcGFuOiAxOCB9IgogICAgICBuYW1lPSJjb2RlcnMiCiAgICAgIHYtYmluZD0idmFsaWRhdGVJbmZvcy5jb2RlcnMiCiAgICA+CiAgICAgIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9Im1vZGVsUmVmLmNvZGVycyIgcm93cz0iMSI+CiAgICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJhZmMxNjMiPmFmYzE2MzwvYS1tZW50aW9ucy1vcHRpb24+CiAgICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHZhbHVlPSJ6b21iaWVKIj56b21iaWVKPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgICAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9Inllc21lY2siPnllc21lY2s8L2EtbWVudGlvbnMtb3B0aW9uPgogICAgICA8L2EtbWVudGlvbnM+CiAgICA8L2EtZm9ybS1pdGVtPgogICAgPGEtZm9ybS1pdGVtCiAgICAgIGxhYmVsPSJCaW8iCiAgICAgIDpsYWJlbC1jb2w9Insgc3BhbjogNiB9IgogICAgICA6d3JhcHBlci1jb2w9Insgc3BhbjogMTggfSIKICAgICAgbmFtZT0iYmlvIgogICAgICB2LWJpbmQ9InZhbGlkYXRlSW5mb3MuYmlvIgogICAgPgogICAgICA8YS1tZW50aW9ucwogICAgICAgIHYtbW9kZWw6dmFsdWU9Im1vZGVsUmVmLmJpbyIKICAgICAgICByb3dzPSIzIgogICAgICAgIHBsYWNlaG9sZGVyPSJZb3UgY2FuIHVzZSBAIHRvIHJlZiB1c2VyIGhlcmUiCiAgICAgID4KICAgICAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9ImFmYzE2MyI+YWZjMTYzPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgICAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9InpvbWJpZUoiPnpvbWJpZUo8L2EtbWVudGlvbnMtb3B0aW9uPgogICAgICAgIDxhLW1lbnRpb25zLW9wdGlvbiB2YWx1ZT0ieWVzbWVjayI+eWVzbWVjazwvYS1tZW50aW9ucy1vcHRpb24+CiAgICAgIDwvYS1tZW50aW9ucz4KICAgIDwvYS1mb3JtLWl0ZW0+CiAgICA8YS1mb3JtLWl0ZW0gOndyYXBwZXItY29sPSJ7IHNwYW46IDEyLCBvZmZzZXQ6IDUgfSI+CiAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9ImhhbmRsZVN1Ym1pdCI+U3VibWl0PC9hLWJ1dHRvbj4KICAgICAgPGEtYnV0dG9uIHN0eWxlPSJtYXJnaW4tbGVmdDogOHB4IiBAY2xpY2s9InJlc2V0RmllbGRzIj5SZXNldDwvYS1idXR0b24+CiAgICA8L2EtZm9ybS1pdGVtPgogIDwvYS1mb3JtPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBNZW50aW9ucywgRm9ybSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWFjdGl2ZSB9IGZyb20gJ3Z1ZSc7CmNvbnN0IHVzZUZvcm0gPSBGb3JtLnVzZUZvcm07CmNvbnN0IHsKICBnZXRNZW50aW9ucywKfSA9IE1lbnRpb25zOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY2hlY2tNZW50aW9uID0gYXN5bmMgKHJ1bGUsIHZhbHVlKSA9PiB7CiAgICAgIGNvbnN0IG1lbnRpb25zID0gZ2V0TWVudGlvbnModmFsdWUpOwogICAgICBpZiAobWVudGlvbnMubGVuZ3RoIDwgMikgewogICAgICAgIHJldHVybiBQcm9taXNlLnJlamVjdCgnTW9yZSB0aGFuIG9uZSBtdXN0IGJlIHNlbGVjdGVkIScpOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoKTsKICAgICAgfQogICAgfTsKICAgIGNvbnN0IG1vZGVsUmVmID0gcmVhY3RpdmUoewogICAgICBiaW86ICcnLAogICAgICBjb2RlcnM6ICcnLAogICAgfSk7CiAgICBjb25zdCBydWxlc1JlZiA9IHJlYWN0aXZlKHsKICAgICAgYmlvOiBbewogICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgIG1lc3NhZ2U6ICdNdXN0IGlucHV0IGJpbycsCiAgICAgIH1dLAogICAgICBjb2RlcnM6IFt7CiAgICAgICAgcmVxdWlyZWQ6IHRydWUsCiAgICAgICAgdmFsaWRhdG9yOiBjaGVja01lbnRpb24sCiAgICAgIH1dLAogICAgfSk7CiAgICBjb25zdCB7CiAgICAgIHJlc2V0RmllbGRzLAogICAgICB2YWxpZGF0ZSwKICAgICAgdmFsaWRhdGVJbmZvcywKICAgIH0gPSB1c2VGb3JtKG1vZGVsUmVmLCBydWxlc1JlZik7CiAgICBjb25zdCBoYW5kbGVTdWJtaXQgPSBlID0+IHsKICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpOwogICAgICB2YWxpZGF0ZSgpLnRoZW4oKCkgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdTdWJtaXQhISEnLCBtb2RlbFJlZik7CiAgICAgIH0pLmNhdGNoKGVycm9ycyA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ0Vycm9ycyBpbiB0aGUgZm9ybSEhIScsIGVycm9ycyk7CiAgICAgIH0pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG1vZGVsUmVmLAogICAgICByZXNldEZpZWxkcywKICAgICAgdmFsaWRhdGVJbmZvcywKICAgICAgaGFuZGxlU3VibWl0LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[c(A,{layout:"horizontal"},{default:o(()=>[c(k,G({label:"Top coders","label-col":{span:6},"wrapper-col":{span:18},name:"coders"},s.validateInfos.coders),{default:o(()=>[c(u,{value:s.modelRef.coders,"onUpdate:value":a[0]||(a[0]=f=>s.modelRef.coders=f),rows:"1"},{default:o(()=>[c(e,{value:"afc163"},{default:o(()=>a[2]||(a[2]=[t("afc163")])),_:1,__:[2]}),c(e,{value:"zombieJ"},{default:o(()=>a[3]||(a[3]=[t("zombieJ")])),_:1,__:[3]}),c(e,{value:"yesmeck"},{default:o(()=>a[4]||(a[4]=[t("yesmeck")])),_:1,__:[4]})]),_:1},8,["value"])]),_:1},16),c(k,G({label:"Bio","label-col":{span:6},"wrapper-col":{span:18},name:"bio"},s.validateInfos.bio),{default:o(()=>[c(u,{value:s.modelRef.bio,"onUpdate:value":a[1]||(a[1]=f=>s.modelRef.bio=f),rows:"3",placeholder:"You can use @ to ref user here"},{default:o(()=>[c(e,{value:"afc163"},{default:o(()=>a[5]||(a[5]=[t("afc163")])),_:1,__:[5]}),c(e,{value:"zombieJ"},{default:o(()=>a[6]||(a[6]=[t("zombieJ")])),_:1,__:[6]}),c(e,{value:"yesmeck"},{default:o(()=>a[7]||(a[7]=[t("yesmeck")])),_:1,__:[7]})]),_:1},8,["value"])]),_:1},16),c(k,{"wrapper-col":{span:12,offset:5}},{default:o(()=>[c(p,{type:"primary",onClick:s.handleSubmit},{default:o(()=>a[8]||(a[8]=[t("Submit")])),_:1,__:[8]},8,["onClick"]),c(p,{style:{"margin-left":"8px"},onClick:s.resetFields},{default:o(()=>a[9]||(a[9]=[t("Reset")])),_:1,__:[9]},8,["onClick"])]),_:1})]),_:1})]),htmlCode:o(()=>a[10]||(a[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    176. 

  176.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form")]),t(),n("span",{class:"token attr-name"},"layout"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("horizontal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    177. 

  177.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form-item")]),t(`
    178. 

  178.       `),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Top coders"),n("span",{class:"token punctuation"},'"')]),t(`
    179. 

  179.       `),n("span",{class:"token attr-name"},":label-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 6 }"),n("span",{class:"token punctuation"},'"')]),t(`
    180. 

  180.       `),n("span",{class:"token attr-name"},":wrapper-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 18 }"),n("span",{class:"token punctuation"},'"')]),t(`
    181. 

  181.       `),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("coders"),n("span",{class:"token punctuation"},'"')]),t(`
    182. 

  182.       `),n("span",{class:"token attr-name"},"v-bind"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("validateInfos.coders"),n("span",{class:"token punctuation"},'"')]),t(`
    183. 

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

  184.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("modelRef.coders"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    185. 

  185.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    186. 

  186.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("zombieJ"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("zombieJ"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    187. 

  187.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    188. 

  188.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions")]),n("span",{class:"token punctuation"},">")]),t(`
    189. 

  189.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-form-item")]),n("span",{class:"token punctuation"},">")]),t(`
    190. 

  190.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form-item")]),t(`
    191. 

  191.       `),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Bio"),n("span",{class:"token punctuation"},'"')]),t(`
    192. 

  192.       `),n("span",{class:"token attr-name"},":label-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 6 }"),n("span",{class:"token punctuation"},'"')]),t(`
    193. 

  193.       `),n("span",{class:"token attr-name"},":wrapper-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 18 }"),n("span",{class:"token punctuation"},'"')]),t(`
    194. 

  194.       `),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bio"),n("span",{class:"token punctuation"},'"')]),t(`
    195. 

  195.       `),n("span",{class:"token attr-name"},"v-bind"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("validateInfos.bio"),n("span",{class:"token punctuation"},'"')]),t(`
    196. 

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

  197.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(`
    198. 

  198.         `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("modelRef.bio"),n("span",{class:"token punctuation"},'"')]),t(`
    199. 

  199.         `),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"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),t(`
    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"},'"'),t("You can use @ to ref user here"),n("span",{class:"token punctuation"},'"')]),t(`
    201. 

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

  202.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    203. 

  203.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("zombieJ"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("zombieJ"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    204. 

  204.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    205. 

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

  206.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-form-item")]),n("span",{class:"token punctuation"},">")]),t(`
    207. 

  207.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form-item")]),t(),n("span",{class:"token attr-name"},":wrapper-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 12, offset: 5 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    208. 

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

  209.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("resetFields"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Reset"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    210. 

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

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

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

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

  214. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Mentions"),n("span",{class:"token punctuation"},","),t(" Form "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
    215. 

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

  216. 

  217. `),n("span",{class:"token keyword"},"const"),t(" useForm "),n("span",{class:"token operator"},"="),t(" Form"),n("span",{class:"token punctuation"},"."),t("useForm"),n("span",{class:"token punctuation"},";"),t(`
    218. 

  218. `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token punctuation"},"{"),t(" getMentions "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token operator"},"="),t(" Mentions"),n("span",{class:"token punctuation"},";"),t(`
    219. 

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

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

  221.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"checkMention"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"async"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("rule"),n("span",{class:"token punctuation"},","),t(" value")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    222. 

  222.       `),n("span",{class:"token keyword"},"const"),t(" mentions "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"getMentions"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    223. 

  223.       `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("mentions"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    224. 

  224.         `),n("span",{class:"token keyword"},"return"),t(" Promise"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"reject"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'More than one must be selected!'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    225. 

  225.       `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
    226. 

  226.         `),n("span",{class:"token keyword"},"return"),t(" Promise"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    227. 

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

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

  229.     `),n("span",{class:"token keyword"},"const"),t(" modelRef "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    230. 

  230.       `),n("span",{class:"token literal-property property"},"bio"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),t(`
    231. 

  231.       `),n("span",{class:"token literal-property property"},"coders"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),t(`
    232. 

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

  233.     `),n("span",{class:"token keyword"},"const"),t(" rulesRef "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    234. 

  234.       `),n("span",{class:"token literal-property property"},"bio"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"required"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"message"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Must input bio'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    235. 

  235.       `),n("span",{class:"token literal-property property"},"coders"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"required"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"validator"),n("span",{class:"token operator"},":"),t(" checkMention "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    236. 

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

  237.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token punctuation"},"{"),t(" resetFields"),n("span",{class:"token punctuation"},","),t(" validate"),n("span",{class:"token punctuation"},","),t(" validateInfos "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"useForm"),n("span",{class:"token punctuation"},"("),t("modelRef"),n("span",{class:"token punctuation"},","),t(" rulesRef"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    238. 

  238.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleSubmit"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"e"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    239. 

  239.       e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"preventDefault"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    240. 

  240.       `),n("span",{class:"token function"},"validate"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(`
    241. 

  241.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    242. 

  242.           console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Submit!!!'"),n("span",{class:"token punctuation"},","),t(" modelRef"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    243. 

  243.         `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
    244. 

  244.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"catch"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"errors"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    245. 

  245.           console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Errors in the form!!!'"),n("span",{class:"token punctuation"},","),t(" errors"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    246. 

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

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

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

  249.       modelRef`),n("span",{class:"token punctuation"},","),t(`
    250. 

  250.       resetFields`),n("span",{class:"token punctuation"},","),t(`
    251. 

  251.       validateInfos`),n("span",{class:"token punctuation"},","),t(`
    252. 

  252.       handleSubmit`),n("span",{class:"token punctuation"},","),t(`
    253. 

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

  254.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    255. 

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

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

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

  258.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form")]),t(),n("span",{class:"token attr-name"},"layout"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("horizontal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    259. 

  259.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form-item")]),t(`
    260. 

  260.       `),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Top coders"),n("span",{class:"token punctuation"},'"')]),t(`
    261. 

  261.       `),n("span",{class:"token attr-name"},":label-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 6 }"),n("span",{class:"token punctuation"},'"')]),t(`
    262. 

  262.       `),n("span",{class:"token attr-name"},":wrapper-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 18 }"),n("span",{class:"token punctuation"},'"')]),t(`
    263. 

  263.       `),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("coders"),n("span",{class:"token punctuation"},'"')]),t(`
    264. 

  264.       `),n("span",{class:"token attr-name"},"v-bind"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("validateInfos.coders"),n("span",{class:"token punctuation"},'"')]),t(`
    265. 

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

  266.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("modelRef.coders"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    267. 

  267.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    268. 

  268.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("zombieJ"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("zombieJ"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    269. 

  269.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    270. 

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

  271.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-form-item")]),n("span",{class:"token punctuation"},">")]),t(`
    272. 

  272.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form-item")]),t(`
    273. 

  273.       `),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Bio"),n("span",{class:"token punctuation"},'"')]),t(`
    274. 

  274.       `),n("span",{class:"token attr-name"},":label-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 6 }"),n("span",{class:"token punctuation"},'"')]),t(`
    275. 

  275.       `),n("span",{class:"token attr-name"},":wrapper-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 18 }"),n("span",{class:"token punctuation"},'"')]),t(`
    276. 

  276.       `),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bio"),n("span",{class:"token punctuation"},'"')]),t(`
    277. 

  277.       `),n("span",{class:"token attr-name"},"v-bind"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("validateInfos.bio"),n("span",{class:"token punctuation"},'"')]),t(`
    278. 

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

  279.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(`
    280. 

  280.         `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("modelRef.bio"),n("span",{class:"token punctuation"},'"')]),t(`
    281. 

  281.         `),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"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),t(`
    282. 

  282.         `),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"},'"'),t("You can use @ to ref user here"),n("span",{class:"token punctuation"},'"')]),t(`
    283. 

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

  284.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    285. 

  285.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("zombieJ"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("zombieJ"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    286. 

  286.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    287. 

  287.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions")]),n("span",{class:"token punctuation"},">")]),t(`
    288. 

  288.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-form-item")]),n("span",{class:"token punctuation"},">")]),t(`
    289. 

  289.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-form-item")]),t(),n("span",{class:"token attr-name"},":wrapper-col"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ span: 12, offset: 5 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    290. 

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

  291.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("resetFields"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Reset"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    292. 

  292.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-form-item")]),n("span",{class:"token punctuation"},">")]),t(`
    293. 

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

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

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

  296. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Mentions"),n("span",{class:"token punctuation"},","),t(" Form "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
    297. 

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

  298. `),n("span",{class:"token keyword"},"const"),t(" useForm "),n("span",{class:"token operator"},"="),t(" Form"),n("span",{class:"token punctuation"},"."),t("useForm"),n("span",{class:"token punctuation"},";"),t(`
    299. 

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

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

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

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

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

  304.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"checkMention"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"async"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("rule"),n("span",{class:"token punctuation"},","),t(" value")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    305. 

  305.       `),n("span",{class:"token keyword"},"const"),t(" mentions "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"getMentions"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    306. 

  306.       `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("mentions"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    307. 

  307.         `),n("span",{class:"token keyword"},"return"),t(" Promise"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"reject"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'More than one must be selected!'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    308. 

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

  309.         `),n("span",{class:"token keyword"},"return"),t(" Promise"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    310. 

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

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

  312.     `),n("span",{class:"token keyword"},"const"),t(" modelRef "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    313. 

  313.       `),n("span",{class:"token literal-property property"},"bio"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),t(`
    314. 

  314.       `),n("span",{class:"token literal-property property"},"coders"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),t(`
    315. 

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

  316.     `),n("span",{class:"token keyword"},"const"),t(" rulesRef "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    317. 

  317.       `),n("span",{class:"token literal-property property"},"bio"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
    318. 

  318.         `),n("span",{class:"token literal-property property"},"required"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
    319. 

  319.         `),n("span",{class:"token literal-property property"},"message"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Must input bio'"),n("span",{class:"token punctuation"},","),t(`
    320. 

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

  321.       `),n("span",{class:"token literal-property property"},"coders"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(`
    322. 

  322.         `),n("span",{class:"token literal-property property"},"required"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
    323. 

  323.         `),n("span",{class:"token literal-property property"},"validator"),n("span",{class:"token operator"},":"),t(" checkMention"),n("span",{class:"token punctuation"},","),t(`
    324. 

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

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

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

  327.       resetFields`),n("span",{class:"token punctuation"},","),t(`
    328. 

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

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

  330.     `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"useForm"),n("span",{class:"token punctuation"},"("),t("modelRef"),n("span",{class:"token punctuation"},","),t(" rulesRef"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    331. 

  331.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleSubmit"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"e"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    332. 

  332.       e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"preventDefault"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    333. 

  333.       `),n("span",{class:"token function"},"validate"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    334. 

  334.         console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Submit!!!'"),n("span",{class:"token punctuation"},","),t(" modelRef"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    335. 

  335.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"catch"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"errors"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    336. 

  336.         console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Errors in the form!!!'"),n("span",{class:"token punctuation"},","),t(" errors"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    337. 

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

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

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

  340.       modelRef`),n("span",{class:"token punctuation"},","),t(`
    341. 

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

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

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

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

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

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

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

  348. `)])],-1)])),_:1})}const U=b(L,[["render",D]]),E={"@":["afc163","zombiej","yesmeck"],"#":["1.0","2.0","3.0"]},T=v({setup(){const s=I("@"),a=I(""),i=P(()=>E[s.value]||[]);return{value:a,options:i,onSearch:(g,m)=>{console.log(g,m),s.value=m}}}});function q(s,a,i,d,g,m){const e=l("a-mentions-option"),u=l("a-mentions"),k=l("demo-box");return r(),C(k,{jsfiddle:{us:"Customize Trigger Token by `prefix` props. Default to `@`, `Array<string>` also supported.",cn:"\u901A\u8FC7 prefix \u5C5E\u6027\u81EA\u5B9A\u4E49\u89E6\u53D1\u5B57\u7B26\u3002\u9ED8\u8BA4\u4E3A @, \u53EF\u4EE5\u5B9A\u4E49\u4E3A\u6570\u7EC4\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    349. 

  349.           <span aria-hidden="true" class="anchor">#</span>
    350. 

  350.         </a></h2>
    351. 

  351. <p>\u901A\u8FC7 prefix \u5C5E\u6027\u81EA\u5B9A\u4E49\u89E6\u53D1\u5B57\u7B26\u3002\u9ED8\u8BA4\u4E3A @, \u53EF\u4EE5\u5B9A\u4E49\u4E3A\u6570\u7EC4\u3002</p>
    352. 

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

  353.           <span aria-hidden="true" class="anchor">#</span>
    354. 

  354.         </a></h2>
    355. 

  355. <p>Customize Trigger Token by <code>prefix</code> props. Default to <code>@</code>, <code>Array&lt;string&gt;</code> also supported.</p>
    356. 

  356. `,order:2,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u89E6\u53D1\u5B57\u7B26","en-US":"Customize Trigger Token"},relativePath:"components/mentions/demo/prefix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBAIHRvIG1lbnRpb24gcGVvcGxlLCAjIHRvIG1lbnRpb24gdGFnIgogICAgOnByZWZpeD0iWydAJywgJyMnXSIKICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogID4KICAgIDxhLW1lbnRpb25zLW9wdGlvbiB2LWZvcj0idmFsIGluIG9wdGlvbnMiIDprZXk9InZhbCIgOnZhbHVlPSJ2YWwiPgogICAgICB7eyB2YWwgfX0KICAgIDwvYS1tZW50aW9ucy1vcHRpb24+CiAgPC9hLW1lbnRpb25zPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgY29tcHV0ZWQsIGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgTU9DS19EQVRBOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmdbXT4gPSB7CiAgJ0AnOiBbJ2FmYzE2MycsICd6b21iaWVqJywgJ3llc21lY2snXSwKICAnIyc6IFsnMS4wJywgJzIuMCcsICczLjAnXSwKfTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHByZWZpeCA9IHJlZjxzdHJpbmc+KCdAJyk7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIGNvbnN0IG9wdGlvbnMgPSBjb21wdXRlZCgoKSA9PiB7CiAgICAgIHJldHVybiBNT0NLX0RBVEFbcHJlZml4LnZhbHVlXSB8fCBbXTsKICAgIH0pOwoKICAgIGNvbnN0IG9uU2VhcmNoID0gKF86IHN0cmluZywgdmFsOiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2coXywgdmFsKTsKICAgICAgcHJlZml4LnZhbHVlID0gdmFsOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgb3B0aW9ucywKICAgICAgb25TZWFyY2gsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHBsYWNlaG9sZGVyPSJpbnB1dCBAIHRvIG1lbnRpb24gcGVvcGxlLCAjIHRvIG1lbnRpb24gdGFnIgogICAgOnByZWZpeD0iWydAJywgJyMnXSIKICAgIEBzZWFyY2g9Im9uU2VhcmNoIgogID4KICAgIDxhLW1lbnRpb25zLW9wdGlvbiB2LWZvcj0idmFsIGluIG9wdGlvbnMiIDprZXk9InZhbCIgOnZhbHVlPSJ2YWwiPgogICAgICB7eyB2YWwgfX0KICAgIDwvYS1tZW50aW9ucy1vcHRpb24+CiAgPC9hLW1lbnRpb25zPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBjb21wdXRlZCwgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCBNT0NLX0RBVEEgPSB7CiAgJ0AnOiBbJ2FmYzE2MycsICd6b21iaWVqJywgJ3llc21lY2snXSwKICAnIyc6IFsnMS4wJywgJzIuMCcsICczLjAnXSwKfTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHByZWZpeCA9IHJlZignQCcpOwogICAgY29uc3QgdmFsdWUgPSByZWYoJycpOwogICAgY29uc3Qgb3B0aW9ucyA9IGNvbXB1dGVkKCgpID0+IHsKICAgICAgcmV0dXJuIE1PQ0tfREFUQVtwcmVmaXgudmFsdWVdIHx8IFtdOwogICAgfSk7CiAgICBjb25zdCBvblNlYXJjaCA9IChfLCB2YWwpID0+IHsKICAgICAgY29uc29sZS5sb2coXywgdmFsKTsKICAgICAgcHJlZml4LnZhbHVlID0gdmFsOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBvcHRpb25zLAogICAgICBvblNlYXJjaCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p),placeholder:"input @ to mention people, # to mention tag",prefix:["@","#"],onSearch:s.onSearch},{default:o(()=>[(r(!0),h(Z,null,y(s.options,p=>(r(),C(e,{key:p,value:p},{default:o(()=>[t(W(p),1)]),_:2},1032,["value"]))),128))]),_:1},8,["value","onSearch"])]),htmlCode:o(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    357. 

  357.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(`
    358. 

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

  359.     `),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"},'"'),t("input @ to mention people, # to mention tag"),n("span",{class:"token punctuation"},'"')]),t(`
    360. 

  360.     `),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"},'"'),t("['@', '#']"),n("span",{class:"token punctuation"},'"')]),t(`
    361. 

  361.     `),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"},'"'),t("onSearch"),n("span",{class:"token punctuation"},'"')]),t(`
    362. 

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

  363.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("val in options"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("val"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("val"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    364. 

  364.       {{ val }}
    365. 

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

  366.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions")]),n("span",{class:"token punctuation"},">")]),t(`
    367. 

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

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

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

  370. `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token constant"},"MOCK_DATA"),n("span",{class:"token operator"},":"),t(" Record"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},","),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
    371. 

  371.   `),n("span",{class:"token string-property property"},"'@'"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'afc163'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'zombiej'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'yesmeck'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    372. 

  372.   `),n("span",{class:"token string-property property"},"'#'"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'1.0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'2.0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'3.0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    373. 

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

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

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

  376.     `),n("span",{class:"token keyword"},"const"),t(" prefix "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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"},";"),t(`
    377. 

  377.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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"},";"),t(`
    378. 

  378.     `),n("span",{class:"token keyword"},"const"),t(" options "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    379. 

  379.       `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token constant"},"MOCK_DATA"),n("span",{class:"token punctuation"},"["),t("prefix"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    380. 

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

  381. 

  382.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSearch"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"_"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    383. 

  383.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("_"),n("span",{class:"token punctuation"},","),t(" val"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    384. 

  384.       prefix`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    385. 

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

  386. 

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

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

  389.       options`),n("span",{class:"token punctuation"},","),t(`
    390. 

  390.       onSearch`),n("span",{class:"token punctuation"},","),t(`
    391. 

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

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

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

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

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

  396.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(`
    397. 

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

  398.     `),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"},'"'),t("input @ to mention people, # to mention tag"),n("span",{class:"token punctuation"},'"')]),t(`
    399. 

  399.     `),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"},'"'),t("['@', '#']"),n("span",{class:"token punctuation"},'"')]),t(`
    400. 

  400.     `),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"},'"'),t("onSearch"),n("span",{class:"token punctuation"},'"')]),t(`
    401. 

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

  402.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("val in options"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("val"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("val"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    403. 

  403.       {{ val }}
    404. 

  404.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    405. 

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

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

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

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

  409. `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token constant"},"MOCK_DATA"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
    410. 

  410.   `),n("span",{class:"token string-property property"},"'@'"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'afc163'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'zombiej'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'yesmeck'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    411. 

  411.   `),n("span",{class:"token string-property property"},"'#'"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'1.0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'2.0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'3.0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
    412. 

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

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

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

  415.     `),n("span",{class:"token keyword"},"const"),t(" prefix "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    416. 

  416.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    417. 

  417.     `),n("span",{class:"token keyword"},"const"),t(" options "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    418. 

  418.       `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token constant"},"MOCK_DATA"),n("span",{class:"token punctuation"},"["),t("prefix"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    419. 

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

  420.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSearch"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_"),n("span",{class:"token punctuation"},","),t(" val")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    421. 

  421.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("_"),n("span",{class:"token punctuation"},","),t(" val"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    422. 

  422.       prefix`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    423. 

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

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

  425.       value`),n("span",{class:"token punctuation"},","),t(`
    426. 

  426.       options`),n("span",{class:"token punctuation"},","),t(`
    427. 

  427.       onSearch`),n("span",{class:"token punctuation"},","),t(`
    428. 

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

  429.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    430. 

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

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

  432. `)])],-1)])),_:1})}const O=b(T,[["render",q]]),_=v({setup(){const s=I(""),a=I(""),i=I(["afc163","zombieJ","yesmeck"]);return{value1:s,value2:a,options:i}}}),Q={style:{"margin-bottom":"10px"}};function $(s,a,i,d,g,m){const e=l("a-mentions-option"),u=l("a-mentions"),k=l("demo-box");return r(),C(k,{jsfiddle:{us:"Configurate disabled and readonly.",cn:"\u901A\u8FC7 `disabled` \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u751F\u6548\u3002\u901A\u8FC7 `readonly` \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u53EA\u8BFB\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    433. 

  433.           <span aria-hidden="true" class="anchor">#</span>
    434. 

  434.         </a></h2>
    435. 

  435. <p>\u901A\u8FC7 <code>disabled</code> \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u751F\u6548\u3002\u901A\u8FC7 <code>readonly</code> \u5C5E\u6027\u8BBE\u7F6E\u662F\u5426\u53EA\u8BFB\u3002</p>
    436. 

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

  437.           <span aria-hidden="true" class="anchor">#</span>
    438. 

  438.         </a></h2>
    439. 

  439. <p>Configurate disabled and readonly.</p>
    440. 

  440. `,order:3,title:{"zh-CN":"\u65E0\u6548\u6216\u53EA\u8BFB","en-US":"disabled or readonly"},relativePath:"components/mentions/demo/readonly.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxMHB4Ij4KICAgICAgPGEtbWVudGlvbnMgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiBwbGFjZWhvbGRlcj0idGhpcyBpcyBkaXNhYmxlZCBNZW50aW9ucyIgZGlzYWJsZWQ+CiAgICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHYtZm9yPSJ2YWx1ZSBpbiBvcHRpb25zIiA6a2V5PSJ2YWx1ZSIgOnZhbHVlPSJ2YWx1ZSI+CiAgICAgICAgICB7eyB2YWx1ZSB9fQogICAgICAgIDwvYS1tZW50aW9ucy1vcHRpb24+CiAgICAgIDwvYS1tZW50aW9ucz4KICAgIDwvZGl2PgogICAgPGEtbWVudGlvbnMgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiBwbGFjZWhvbGRlcj0idGhpcyBpcyByZWFkT25seSBhLW1lbnRpb25zIiByZWFkb25seT4KICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHYtZm9yPSJ2YWx1ZSBpbiBvcHRpb25zIiA6a2V5PSJ2YWx1ZSIgOnZhbHVlPSJ2YWx1ZSI+CiAgICAgICAge3sgdmFsdWUgfX0KICAgICAgPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgIDwvYS1tZW50aW9ucz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlMSA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZjxzdHJpbmc+KCcnKTsKICAgIGNvbnN0IG9wdGlvbnMgPSByZWY8c3RyaW5nW10+KFsnYWZjMTYzJywgJ3pvbWJpZUonLCAneWVzbWVjayddKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMSwKICAgICAgdmFsdWUyLAogICAgICBvcHRpb25zLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxMHB4Ij4KICAgICAgPGEtbWVudGlvbnMgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiBwbGFjZWhvbGRlcj0idGhpcyBpcyBkaXNhYmxlZCBNZW50aW9ucyIgZGlzYWJsZWQ+CiAgICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHYtZm9yPSJ2YWx1ZSBpbiBvcHRpb25zIiA6a2V5PSJ2YWx1ZSIgOnZhbHVlPSJ2YWx1ZSI+CiAgICAgICAgICB7eyB2YWx1ZSB9fQogICAgICAgIDwvYS1tZW50aW9ucy1vcHRpb24+CiAgICAgIDwvYS1tZW50aW9ucz4KICAgIDwvZGl2PgogICAgPGEtbWVudGlvbnMgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiBwbGFjZWhvbGRlcj0idGhpcyBpcyByZWFkT25seSBhLW1lbnRpb25zIiByZWFkb25seT4KICAgICAgPGEtbWVudGlvbnMtb3B0aW9uIHYtZm9yPSJ2YWx1ZSBpbiBvcHRpb25zIiA6a2V5PSJ2YWx1ZSIgOnZhbHVlPSJ2YWx1ZSI+CiAgICAgICAge3sgdmFsdWUgfX0KICAgICAgPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgIDwvYS1tZW50aW9ucz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUxID0gcmVmKCcnKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZignJyk7CiAgICBjb25zdCBvcHRpb25zID0gcmVmKFsnYWZjMTYzJywgJ3pvbWJpZUonLCAneWVzbWVjayddKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMSwKICAgICAgdmFsdWUyLAogICAgICBvcHRpb25zLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[n("div",null,[n("div",Q,[c(u,{value:s.value1,"onUpdate:value":a[0]||(a[0]=p=>s.value1=p),placeholder:"this is disabled Mentions",disabled:""},{default:o(()=>[(r(!0),h(Z,null,y(s.options,p=>(r(),C(e,{key:p,value:p},{default:o(()=>[t(W(p),1)]),_:2},1032,["value"]))),128))]),_:1},8,["value"])]),c(u,{value:s.value2,"onUpdate:value":a[1]||(a[1]=p=>s.value2=p),placeholder:"this is readOnly a-mentions",readonly:""},{default:o(()=>[(r(!0),h(Z,null,y(s.options,p=>(r(),C(e,{key:p,value:p},{default:o(()=>[t(W(p),1)]),_:2},1032,["value"]))),128))]),_:1},8,["value"])])]),htmlCode:o(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    441. 

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

  442.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
    443. 

  443.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("this is disabled Mentions"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t(`
    444. 

  444.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value in options"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    445. 

  445.           {{ value }}
    446. 

  446.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    447. 

  447.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions")]),n("span",{class:"token punctuation"},">")]),t(`
    448. 

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

  449.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("this is readOnly a-mentions"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"readonly"),n("span",{class:"token punctuation"},">")]),t(`
    450. 

  450.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value in options"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    451. 

  451.         {{ value }}
    452. 

  452.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    453. 

  453.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions")]),n("span",{class:"token punctuation"},">")]),t(`
    454. 

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

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

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

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

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

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

  460.     `),n("span",{class:"token keyword"},"const"),t(" value1 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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"},";"),t(`
    461. 

  461.     `),n("span",{class:"token keyword"},"const"),t(" value2 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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"},";"),t(`
    462. 

  462.     `),n("span",{class:"token keyword"},"const"),t(" options "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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 string"},"'afc163'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'zombieJ'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'yesmeck'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    463. 

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

  464.       value1`),n("span",{class:"token punctuation"},","),t(`
    465. 

  465.       value2`),n("span",{class:"token punctuation"},","),t(`
    466. 

  466.       options`),n("span",{class:"token punctuation"},","),t(`
    467. 

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

  468.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    469. 

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

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

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

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

  473.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
    474. 

  474.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("this is disabled Mentions"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t(`
    475. 

  475.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value in options"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    476. 

  476.           {{ value }}
    477. 

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

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

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

  480.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("this is readOnly a-mentions"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"readonly"),n("span",{class:"token punctuation"},">")]),t(`
    481. 

  481.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value in options"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    482. 

  482.         {{ value }}
    483. 

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

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

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

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

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

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

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

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

  491.     `),n("span",{class:"token keyword"},"const"),t(" value1 "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    492. 

  492.     `),n("span",{class:"token keyword"},"const"),t(" value2 "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    493. 

  493.     `),n("span",{class:"token keyword"},"const"),t(" options "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'afc163'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'zombieJ'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'yesmeck'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    494. 

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

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

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

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

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

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

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

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

  502. `)])],-1)])),_:1})}const nn=b(_,[["render",$]]),tn=v({setup(){return{value:I("")}}});function an(s,a,i,d,g,m){const e=l("a-mentions-option"),u=l("a-mentions"),k=l("demo-box");return r(),C(k,{jsfiddle:{us:"Change the suggestions placement.",cn:"\u5411\u4E0A\u5C55\u5F00\u5EFA\u8BAE\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    503. 

  503.           <span aria-hidden="true" class="anchor">#</span>
    504. 

  504.         </a></h2>
    505. 

  505. <p>\u5411\u4E0A\u5C55\u5F00\u5EFA\u8BAE\u3002</p>
    506. 

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

  507.           <span aria-hidden="true" class="anchor">#</span>
    508. 

  508.         </a></h2>
    509. 

  509. <p>Change the suggestions placement.</p>
    510. 

  510. `,order:4,title:{"zh-CN":"\u5411\u4E0A\u5C55\u5F00","en-US":"Placemen"},relativePath:"components/mentions/demo/placement.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZW1lbnQ9InRvcCI+CiAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9ImFmYzE2MyI+YWZjMTYzPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgIDxhLW1lbnRpb25zLW9wdGlvbiB2YWx1ZT0iem9tYmllSiI+em9tYmllSjwvYS1tZW50aW9ucy1vcHRpb24+CiAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9Inllc21lY2siPnllc21lY2s8L2EtbWVudGlvbnMtb3B0aW9uPgogIDwvYS1tZW50aW9ucz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmPHN0cmluZz4oJycpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLW1lbnRpb25zIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBwbGFjZW1lbnQ9InRvcCI+CiAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9ImFmYzE2MyI+YWZjMTYzPC9hLW1lbnRpb25zLW9wdGlvbj4KICAgIDxhLW1lbnRpb25zLW9wdGlvbiB2YWx1ZT0iem9tYmllSiI+em9tYmllSjwvYS1tZW50aW9ucy1vcHRpb24+CiAgICA8YS1tZW50aW9ucy1vcHRpb24gdmFsdWU9Inllc21lY2siPnllc21lY2s8L2EtbWVudGlvbnMtb3B0aW9uPgogIDwvYS1tZW50aW9ucz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWYoJycpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[c(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p),placement:"top"},{default:o(()=>[c(e,{value:"afc163"},{default:o(()=>a[1]||(a[1]=[t("afc163")])),_:1,__:[1]}),c(e,{value:"zombieJ"},{default:o(()=>a[2]||(a[2]=[t("zombieJ")])),_:1,__:[2]}),c(e,{value:"yesmeck"},{default:o(()=>a[3]||(a[3]=[t("yesmeck")])),_:1,__:[3]})]),_:1},8,["value"])]),htmlCode:o(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    511. 

  511.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("top"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    512. 

  512.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    513. 

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

  514.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    515. 

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

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

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

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

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

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

  521.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("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"},";"),t(`
    522. 

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

  523.       value`),n("span",{class:"token punctuation"},","),t(`
    524. 

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

  525.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    526. 

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

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

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

  529.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("top"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    530. 

  530.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("afc163"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("afc163"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    531. 

  531.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("zombieJ"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("zombieJ"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    532. 

  532.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-mentions-option")]),t(),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"},'"'),t("yesmeck"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("yesmeck"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-mentions-option")]),n("span",{class:"token punctuation"},">")]),t(`
    533. 

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

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

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

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

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

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

  539.     `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),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"},";"),t(`
    540. 

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

  541.       value`),n("span",{class:"token punctuation"},","),t(`
    542. 

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

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

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

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

  546. `)])],-1)])),_:1})}const sn=b(tn,[["render",an]]),on={pageData:{title:"Mentions",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"Mentions",subtitle:"\u63D0\u53CA",cover:"https://gw.alipayobjects.com/zos/alicdn/jPE-itMFM/Mentions.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"API",content:"Mentions"},{level:3,title:"Mentions",slug:"Mentions",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Mentions \u65B9\u6CD5",slug:"Mentions-\u65B9\u6CD5",content:""},{level:3,title:"Option",slug:"Option",content:""}],relativePath:"components/mentions/index.zh-CN.md",content:`
    547. 

  547. \u63D0\u53CA\u7EC4\u4EF6\u3002
    548. 

  548. 

  549. ## \u4F55\u65F6\u4F7F\u7528
    550. 

  550. 

  551. - \u7528\u4E8E\u5728\u8F93\u5165\u4E2D\u63D0\u53CA\u67D0\u4EBA\u6216\u67D0\u4E8B\uFF0C\u5E38\u7528\u4E8E\u53D1\u5E03\u3001\u804A\u5929\u6216\u8BC4\u8BBA\u529F\u80FD\u3002
    552. 

  552. 

  553. ## API
    554. 

  554. 

  555. ### Mentions
    556. 

  556. 

  557. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    558. 

  558. | --- | --- | --- | --- |
    559. 

  559. | autofocus | \u81EA\u52A8\u83B7\u5F97\u7126\u70B9 | boolean | \`false\` |
    560. 

  560. | defaultValue | \u9ED8\u8BA4\u503C | string |  |
    561. 

  561. | filterOption | \u81EA\u5B9A\u4E49\u8FC7\u6EE4\u903B\u8F91 | false \\| (input: string, option: OptionProps) =&gt; boolean |  |
    562. 

  562. | getPopupContainer | \u6307\u5B9A\u5EFA\u8BAE\u6846\u6302\u8F7D\u7684 HTML \u8282\u70B9 | () =&gt; HTMLElement |  |
    563. 

  563. | notFoundContent | \u5F53\u4E0B\u62C9\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9 | string \\| slot | &#39;Not Found&#39; |
    564. 

  564. | placement | \u5F39\u51FA\u5C42\u5C55\u793A\u4F4D\u7F6E | \`top\` \\| \`bottom\` | \`bottom\` |
    565. 

  565. | prefix | \u8BBE\u7F6E\u89E6\u53D1\u5173\u952E\u5B57 | string \\| string\\[] | &#39;@&#39; |
    566. 

  566. | split | \u8BBE\u7F6E\u9009\u4E2D\u9879\u524D\u540E\u5206\u9694\u7B26 | string | &#39; &#39; |
    567. 

  567. | validateSearch | \u81EA\u5B9A\u4E49\u89E6\u53D1\u9A8C\u8BC1\u903B\u8F91 | (text: string, props: MentionsProps) =&gt; void |  |
    568. 

  568. | value(v-model) | \u8BBE\u7F6E\u503C | string |  |
    569. 

  569. 

  570. ### \u4E8B\u4EF6
    571. 

  571. 

  572. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E               | \u56DE\u8C03\u53C2\u6570                                      |
    573. 

  573. | -------- | ------------------ | --------------------------------------------- |
    574. 

  574. | blur     | \u5931\u53BB\u7126\u70B9\u7684\u65F6\u56DE\u8C03   | function                                      |
    575. 

  575. | change   | \u503C\u6539\u53D8\u65F6\u89E6\u53D1       | function(value: string)                       |
    576. 

  576. | focus    | \u83B7\u5F97\u7126\u70B9\u65F6\u56DE\u8C03     | function                                      |
    577. 

  577. | search   | \u6587\u672C\u6846\u503C\u53D8\u5316\u65F6\u56DE\u8C03 | function(value: string, prefix: string)       |
    578. 

  578. | select   | \u9009\u62E9\u9009\u9879\u65F6\u89E6\u53D1     | function(option: OptionProps, prefix: string) |
    579. 

  579. 

  580. ### Mentions \u65B9\u6CD5
    581. 

  581. 

  582. | \u540D\u79F0    | \u63CF\u8FF0     |
    583. 

  583. | ------- | -------- |
    584. 

  584. | blur()  | \u79FB\u9664\u7126\u70B9 |
    585. 

  585. | focus() | \u83B7\u53D6\u7126\u70B9 |
    586. 

  586. 

  587. ### Option
    588. 

  588. 

  589. | \u53C2\u6570  | \u8BF4\u660E           | \u7C7B\u578B   | \u9ED8\u8BA4\u503C |
    590. 

  590. | ----- | -------------- | ------ | ------ |
    591. 

  591. | value | \u9009\u62E9\u65F6\u586B\u5145\u7684\u503C | string | &#39;&#39;     |
    592. 

  592. `,html:`<p>\u63D0\u53CA\u7EC4\u4EF6\u3002</p>
    593. 

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

  594.           <span aria-hidden="true" class="anchor">#</span>
    595. 

  595.         </a></h2>
    596. 

  596. <ul>
    597. 

  597. <li>\u7528\u4E8E\u5728\u8F93\u5165\u4E2D\u63D0\u53CA\u67D0\u4EBA\u6216\u67D0\u4E8B\uFF0C\u5E38\u7528\u4E8E\u53D1\u5E03\u3001\u804A\u5929\u6216\u8BC4\u8BBA\u529F\u80FD\u3002</li>
    598. 

  598. </ul>
    599. 

  599. <h2 id="API">API <a class="header-anchor" href="#API">
    600. 

  600.           <span aria-hidden="true" class="anchor">#</span>
    601. 

  601.         </a></h2>
    602. 

  602. <h3 id="Mentions">Mentions <a class="header-anchor" href="#Mentions">
    603. 

  603.           <span aria-hidden="true" class="anchor">#</span>
    604. 

  604.         </a></h3>
    605. 

  605. <table>
    606. 

  606. <thead>
    607. 

  607. <tr>
    608. 

  608. <th>\u53C2\u6570</th>
    609. 

  609. <th>\u8BF4\u660E</th>
    610. 

  610. <th>\u7C7B\u578B</th>
    611. 

  611. <th>\u9ED8\u8BA4\u503C</th>
    612. 

  612. </tr>
    613. 

  613. </thead>
    614. 

  614. <tbody>
    615. 

  615. <tr>
    616. 

  616. <td>autofocus</td>
    617. 

  617. <td>\u81EA\u52A8\u83B7\u5F97\u7126\u70B9</td>
    618. 

  618. <td>boolean</td>
    619. 

  619. <td><code>false</code></td>
    620. 

  620. </tr>
    621. 

  621. <tr>
    622. 

  622. <td>defaultValue</td>
    623. 

  623. <td>\u9ED8\u8BA4\u503C</td>
    624. 

  624. <td>string</td>
    625. 

  625. <td></td>
    626. 

  626. </tr>
    627. 

  627. <tr>
    628. 

  628. <td>filterOption</td>
    629. 

  629. <td>\u81EA\u5B9A\u4E49\u8FC7\u6EE4\u903B\u8F91</td>
    630. 

  630. <td>false | (input: string, option: OptionProps) =&gt; boolean</td>
    631. 

  631. <td></td>
    632. 

  632. </tr>
    633. 

  633. <tr>
    634. 

  634. <td>getPopupContainer</td>
    635. 

  635. <td>\u6307\u5B9A\u5EFA\u8BAE\u6846\u6302\u8F7D\u7684 HTML \u8282\u70B9</td>
    636. 

  636. <td>() =&gt; HTMLElement</td>
    637. 

  637. <td></td>
    638. 

  638. </tr>
    639. 

  639. <tr>
    640. 

  640. <td>notFoundContent</td>
    641. 

  641. <td>\u5F53\u4E0B\u62C9\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9</td>
    642. 

  642. <td>string | slot</td>
    643. 

  643. <td>'Not Found'</td>
    644. 

  644. </tr>
    645. 

  645. <tr>
    646. 

  646. <td>placement</td>
    647. 

  647. <td>\u5F39\u51FA\u5C42\u5C55\u793A\u4F4D\u7F6E</td>
    648. 

  648. <td><code>top</code> | <code>bottom</code></td>
    649. 

  649. <td><code>bottom</code></td>
    650. 

  650. </tr>
    651. 

  651. <tr>
    652. 

  652. <td>prefix</td>
    653. 

  653. <td>\u8BBE\u7F6E\u89E6\u53D1\u5173\u952E\u5B57</td>
    654. 

  654. <td>string | string[]</td>
    655. 

  655. <td>'@'</td>
    656. 

  656. </tr>
    657. 

  657. <tr>
    658. 

  658. <td>split</td>
    659. 

  659. <td>\u8BBE\u7F6E\u9009\u4E2D\u9879\u524D\u540E\u5206\u9694\u7B26</td>
    660. 

  660. <td>string</td>
    661. 

  661. <td>' '</td>
    662. 

  662. </tr>
    663. 

  663. <tr>
    664. 

  664. <td>validateSearch</td>
    665. 

  665. <td>\u81EA\u5B9A\u4E49\u89E6\u53D1\u9A8C\u8BC1\u903B\u8F91</td>
    666. 

  666. <td>(text: string, props: MentionsProps) =&gt; void</td>
    667. 

  667. <td></td>
    668. 

  668. </tr>
    669. 

  669. <tr>
    670. 

  670. <td>value(v-model)</td>
    671. 

  671. <td>\u8BBE\u7F6E\u503C</td>
    672. 

  672. <td>string</td>
    673. 

  673. <td></td>
    674. 

  674. </tr>
    675. 

  675. </tbody>
    676. 

  676. </table>
    677. 

  677. <h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6">
    678. 

  678.           <span aria-hidden="true" class="anchor">#</span>
    679. 

  679.         </a></h3>
    680. 

  680. <table>
    681. 

  681. <thead>
    682. 

  682. <tr>
    683. 

  683. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    684. 

  684. <th>\u8BF4\u660E</th>
    685. 

  685. <th>\u56DE\u8C03\u53C2\u6570</th>
    686. 

  686. </tr>
    687. 

  687. </thead>
    688. 

  688. <tbody>
    689. 

  689. <tr>
    690. 

  690. <td>blur</td>
    691. 

  691. <td>\u5931\u53BB\u7126\u70B9\u7684\u65F6\u56DE\u8C03</td>
    692. 

  692. <td>function</td>
    693. 

  693. </tr>
    694. 

  694. <tr>
    695. 

  695. <td>change</td>
    696. 

  696. <td>\u503C\u6539\u53D8\u65F6\u89E6\u53D1</td>
    697. 

  697. <td>function(value: string)</td>
    698. 

  698. </tr>
    699. 

  699. <tr>
    700. 

  700. <td>focus</td>
    701. 

  701. <td>\u83B7\u5F97\u7126\u70B9\u65F6\u56DE\u8C03</td>
    702. 

  702. <td>function</td>
    703. 

  703. </tr>
    704. 

  704. <tr>
    705. 

  705. <td>search</td>
    706. 

  706. <td>\u6587\u672C\u6846\u503C\u53D8\u5316\u65F6\u56DE\u8C03</td>
    707. 

  707. <td>function(value: string, prefix: string)</td>
    708. 

  708. </tr>
    709. 

  709. <tr>
    710. 

  710. <td>select</td>
    711. 

  711. <td>\u9009\u62E9\u9009\u9879\u65F6\u89E6\u53D1</td>
    712. 

  712. <td>function(option: OptionProps, prefix: string)</td>
    713. 

  713. </tr>
    714. 

  714. </tbody>
    715. 

  715. </table>
    716. 

  716. <h3 id="Mentions-\u65B9\u6CD5">Mentions \u65B9\u6CD5 <a class="header-anchor" href="#Mentions-\u65B9\u6CD5">
    717. 

  717.           <span aria-hidden="true" class="anchor">#</span>
    718. 

  718.         </a></h3>
    719. 

  719. <table>
    720. 

  720. <thead>
    721. 

  721. <tr>
    722. 

  722. <th>\u540D\u79F0</th>
    723. 

  723. <th>\u63CF\u8FF0</th>
    724. 

  724. </tr>
    725. 

  725. </thead>
    726. 

  726. <tbody>
    727. 

  727. <tr>
    728. 

  728. <td>blur()</td>
    729. 

  729. <td>\u79FB\u9664\u7126\u70B9</td>
    730. 

  730. </tr>
    731. 

  731. <tr>
    732. 

  732. <td>focus()</td>
    733. 

  733. <td>\u83B7\u53D6\u7126\u70B9</td>
    734. 

  734. </tr>
    735. 

  735. </tbody>
    736. 

  736. </table>
    737. 

  737. <h3 id="Option">Option <a class="header-anchor" href="#Option">
    738. 

  738.           <span aria-hidden="true" class="anchor">#</span>
    739. 

  739.         </a></h3>
    740. 

  740. <table>
    741. 

  741. <thead>
    742. 

  742. <tr>
    743. 

  743. <th>\u53C2\u6570</th>
    744. 

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

  745. <th>\u7C7B\u578B</th>
    746. 

  746. <th>\u9ED8\u8BA4\u503C</th>
    747. 

  747. </tr>
    748. 

  748. </thead>
    749. 

  749. <tbody>
    750. 

  750. <tr>
    751. 

  751. <td>value</td>
    752. 

  752. <td>\u9009\u62E9\u65F6\u586B\u5145\u7684\u503C</td>
    753. 

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

  754. <td>''</td>
    755. 

  755. </tr>
    756. 

  756. </tbody>
    757. 

  757. </table>
    758. 

  758. `,lastUpdated:1748060300910}},en={class:"markdown"};function pn(s,a,i,d,g,m){return r(),h("article",en,a[0]||(a[0]=[H('<p>\u63D0\u53CA\u7EC4\u4EF6\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>\u7528\u4E8E\u5728\u8F93\u5165\u4E2D\u63D0\u53CA\u67D0\u4EBA\u6216\u67D0\u4E8B\uFF0C\u5E38\u7528\u4E8E\u53D1\u5E03\u3001\u804A\u5929\u6216\u8BC4\u8BBA\u529F\u80FD\u3002</li></ul><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Mentions">Mentions <a class="header-anchor" href="#Mentions"><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></tr></thead><tbody><tr><td>autofocus</td><td>\u81EA\u52A8\u83B7\u5F97\u7126\u70B9</td><td>boolean</td><td><code>false</code></td></tr><tr><td>defaultValue</td><td>\u9ED8\u8BA4\u503C</td><td>string</td><td></td></tr><tr><td>filterOption</td><td>\u81EA\u5B9A\u4E49\u8FC7\u6EE4\u903B\u8F91</td><td>false | (input: string, option: OptionProps) =&gt; boolean</td><td></td></tr><tr><td>getPopupContainer</td><td>\u6307\u5B9A\u5EFA\u8BAE\u6846\u6302\u8F7D\u7684 HTML \u8282\u70B9</td><td>() =&gt; HTMLElement</td><td></td></tr><tr><td>notFoundContent</td><td>\u5F53\u4E0B\u62C9\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9</td><td>string | slot</td><td>&#39;Not Found&#39;</td></tr><tr><td>placement</td><td>\u5F39\u51FA\u5C42\u5C55\u793A\u4F4D\u7F6E</td><td><code>top</code> | <code>bottom</code></td><td><code>bottom</code></td></tr><tr><td>prefix</td><td>\u8BBE\u7F6E\u89E6\u53D1\u5173\u952E\u5B57</td><td>string | string[]</td><td>&#39;@&#39;</td></tr><tr><td>split</td><td>\u8BBE\u7F6E\u9009\u4E2D\u9879\u524D\u540E\u5206\u9694\u7B26</td><td>string</td><td>&#39; &#39;</td></tr><tr><td>validateSearch</td><td>\u81EA\u5B9A\u4E49\u89E6\u53D1\u9A8C\u8BC1\u903B\u8F91</td><td>(text: string, props: MentionsProps) =&gt; void</td><td></td></tr><tr><td>value(v-model)</td><td>\u8BBE\u7F6E\u503C</td><td>string</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\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>blur</td><td>\u5931\u53BB\u7126\u70B9\u7684\u65F6\u56DE\u8C03</td><td>function</td></tr><tr><td>change</td><td>\u503C\u6539\u53D8\u65F6\u89E6\u53D1</td><td>function(value: string)</td></tr><tr><td>focus</td><td>\u83B7\u5F97\u7126\u70B9\u65F6\u56DE\u8C03</td><td>function</td></tr><tr><td>search</td><td>\u6587\u672C\u6846\u503C\u53D8\u5316\u65F6\u56DE\u8C03</td><td>function(value: string, prefix: string)</td></tr><tr><td>select</td><td>\u9009\u62E9\u9009\u9879\u65F6\u89E6\u53D1</td><td>function(option: OptionProps, prefix: string)</td></tr></tbody></table><h3 id="Mentions-\u65B9\u6CD5">Mentions \u65B9\u6CD5 <a class="header-anchor" href="#Mentions-\u65B9\u6CD5"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u540D\u79F0</th><th>\u63CF\u8FF0</th></tr></thead><tbody><tr><td>blur()</td><td>\u79FB\u9664\u7126\u70B9</td></tr><tr><td>focus()</td><td>\u83B7\u53D6\u7126\u70B9</td></tr></tbody></table><h3 id="Option">Option <a class="header-anchor" href="#Option"><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></tr></thead><tbody><tr><td>value</td><td>\u9009\u62E9\u65F6\u586B\u5145\u7684\u503C</td><td>string</td><td>&#39;&#39;</td></tr></tbody></table>',12)]))}const cn=b(on,[["render",pn]]),ln={pageData:{title:"Mentions",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"Mentions",cover:"https://gw.alipayobjects.com/zos/alicdn/jPE-itMFM/Mentions.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:"When you need to mention someone or something."},{level:2,title:"API",slug:"API",content:"Mention"},{level:3,title:"Mention",slug:"Mention",content:""},{level:3,title:"Events",slug:"Events",content:""},{level:3,title:"Mention methods",slug:"Mention-methods",content:""},{level:3,title:"Option",slug:"Option",content:""}],relativePath:"components/mentions/index.en-US.md",content:`
    759. 

  759. Mention component.
    760. 

  760. 

  761. ## When To Use
    762. 

  762. 

  763. When you need to mention someone or something.
    764. 

  764. 

  765. ## API
    766. 

  766. 

  767. ### Mention
    768. 

  768. 

  769. | Property | Description | Type | Default |
    770. 

  770. | --- | --- | --- | --- |
    771. 

  771. | autofocus | Auto get focus when component mounted | boolean | \`false\` |
    772. 

  772. | defaultValue | Default value | string |  |
    773. 

  773. | filterOption | Customize filter option logic | false \\| (input: string, option: OptionProps) =&gt; boolean |  |
    774. 

  774. | getPopupContainer | Set the mount HTML node for suggestions | () =&gt; HTMLElement |  |
    775. 

  775. | notFoundContent | Set mentions content when not match | string \\| slot | &#39;Not Found&#39; |
    776. 

  776. | placement | Set popup placement | \`top\` \\| \`bottom\` | \`bottom\` |
    777. 

  777. | prefix | Set trigger prefix keyword | string \\| string\\[] | &#39;@&#39; |
    778. 

  778. | split | Set split string before and after selected mention | string | &#39; &#39; |
    779. 

  779. | validateSearch | Customize trigger search logic | (text: string, props: MentionsProps) =&gt; void |  |
    780. 

  780. | value(v-model) | Set value of mentions | string |  |
    781. 

  781. 

  782. ### Events
    783. 

  783. 

  784. | Events Name | Description | Arguments |
    785. 

  785. | --- | --- | --- |
    786. 

  786. | blur | remove focus | function |
    787. 

  787. | change | Trigger when value changed | function(value: string) |
    788. 

  788. | focus | get focus | function |
    789. 

  789. | search | Trigger when prefix hit | function(value: string, prefix: string) |
    790. 

  790. | select | Trigger when user select the option | function(option: OptionProps, prefix: string) |
    791. 

  791. 

  792. ### Mention methods
    793. 

  793. 

  794. | Name    | Description  |
    795. 

  795. | ------- | ------------ |
    796. 

  796. | blur()  | remove focus |
    797. 

  797. | focus() | get focus    |
    798. 

  798. 

  799. ### Option
    800. 

  800. 

  801. | Property | Description | Type | Default |
    802. 

  802. | --- | --- | --- | --- |
    803. 

  803. | value | value of suggestion, the value will insert into input filed while selected | string | &#39;&#39; |
    804. 

  804. `,html:`<p>Mention component.</p>
    805. 

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

  806.           <span aria-hidden="true" class="anchor">#</span>
    807. 

  807.         </a></h2>
    808. 

  808. <p>When you need to mention someone or something.</p>
    809. 

  809. <h2 id="API">API <a class="header-anchor" href="#API">
    810. 

  810.           <span aria-hidden="true" class="anchor">#</span>
    811. 

  811.         </a></h2>
    812. 

  812. <h3 id="Mention">Mention <a class="header-anchor" href="#Mention">
    813. 

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

  814.         </a></h3>
    815. 

  815. <table>
    816. 

  816. <thead>
    817. 

  817. <tr>
    818. 

  818. <th>Property</th>
    819. 

  819. <th>Description</th>
    820. 

  820. <th>Type</th>
    821. 

  821. <th>Default</th>
    822. 

  822. </tr>
    823. 

  823. </thead>
    824. 

  824. <tbody>
    825. 

  825. <tr>
    826. 

  826. <td>autofocus</td>
    827. 

  827. <td>Auto get focus when component mounted</td>
    828. 

  828. <td>boolean</td>
    829. 

  829. <td><code>false</code></td>
    830. 

  830. </tr>
    831. 

  831. <tr>
    832. 

  832. <td>defaultValue</td>
    833. 

  833. <td>Default value</td>
    834. 

  834. <td>string</td>
    835. 

  835. <td></td>
    836. 

  836. </tr>
    837. 

  837. <tr>
    838. 

  838. <td>filterOption</td>
    839. 

  839. <td>Customize filter option logic</td>
    840. 

  840. <td>false | (input: string, option: OptionProps) =&gt; boolean</td>
    841. 

  841. <td></td>
    842. 

  842. </tr>
    843. 

  843. <tr>
    844. 

  844. <td>getPopupContainer</td>
    845. 

  845. <td>Set the mount HTML node for suggestions</td>
    846. 

  846. <td>() =&gt; HTMLElement</td>
    847. 

  847. <td></td>
    848. 

  848. </tr>
    849. 

  849. <tr>
    850. 

  850. <td>notFoundContent</td>
    851. 

  851. <td>Set mentions content when not match</td>
    852. 

  852. <td>string | slot</td>
    853. 

  853. <td>'Not Found'</td>
    854. 

  854. </tr>
    855. 

  855. <tr>
    856. 

  856. <td>placement</td>
    857. 

  857. <td>Set popup placement</td>
    858. 

  858. <td><code>top</code> | <code>bottom</code></td>
    859. 

  859. <td><code>bottom</code></td>
    860. 

  860. </tr>
    861. 

  861. <tr>
    862. 

  862. <td>prefix</td>
    863. 

  863. <td>Set trigger prefix keyword</td>
    864. 

  864. <td>string | string[]</td>
    865. 

  865. <td>'@'</td>
    866. 

  866. </tr>
    867. 

  867. <tr>
    868. 

  868. <td>split</td>
    869. 

  869. <td>Set split string before and after selected mention</td>
    870. 

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

  871. <td>' '</td>
    872. 

  872. </tr>
    873. 

  873. <tr>
    874. 

  874. <td>validateSearch</td>
    875. 

  875. <td>Customize trigger search logic</td>
    876. 

  876. <td>(text: string, props: MentionsProps) =&gt; void</td>
    877. 

  877. <td></td>
    878. 

  878. </tr>
    879. 

  879. <tr>
    880. 

  880. <td>value(v-model)</td>
    881. 

  881. <td>Set value of mentions</td>
    882. 

  882. <td>string</td>
    883. 

  883. <td></td>
    884. 

  884. </tr>
    885. 

  885. </tbody>
    886. 

  886. </table>
    887. 

  887. <h3 id="Events">Events <a class="header-anchor" href="#Events">
    888. 

  888.           <span aria-hidden="true" class="anchor">#</span>
    889. 

  889.         </a></h3>
    890. 

  890. <table>
    891. 

  891. <thead>
    892. 

  892. <tr>
    893. 

  893. <th>Events Name</th>
    894. 

  894. <th>Description</th>
    895. 

  895. <th>Arguments</th>
    896. 

  896. </tr>
    897. 

  897. </thead>
    898. 

  898. <tbody>
    899. 

  899. <tr>
    900. 

  900. <td>blur</td>
    901. 

  901. <td>remove focus</td>
    902. 

  902. <td>function</td>
    903. 

  903. </tr>
    904. 

  904. <tr>
    905. 

  905. <td>change</td>
    906. 

  906. <td>Trigger when value changed</td>
    907. 

  907. <td>function(value: string)</td>
    908. 

  908. </tr>
    909. 

  909. <tr>
    910. 

  910. <td>focus</td>
    911. 

  911. <td>get focus</td>
    912. 

  912. <td>function</td>
    913. 

  913. </tr>
    914. 

  914. <tr>
    915. 

  915. <td>search</td>
    916. 

  916. <td>Trigger when prefix hit</td>
    917. 

  917. <td>function(value: string, prefix: string)</td>
    918. 

  918. </tr>
    919. 

  919. <tr>
    920. 

  920. <td>select</td>
    921. 

  921. <td>Trigger when user select the option</td>
    922. 

  922. <td>function(option: OptionProps, prefix: string)</td>
    923. 

  923. </tr>
    924. 

  924. </tbody>
    925. 

  925. </table>
    926. 

  926. <h3 id="Mention-methods">Mention methods <a class="header-anchor" href="#Mention-methods">
    927. 

  927.           <span aria-hidden="true" class="anchor">#</span>
    928. 

  928.         </a></h3>
    929. 

  929. <table>
    930. 

  930. <thead>
    931. 

  931. <tr>
    932. 

  932. <th>Name</th>
    933. 

  933. <th>Description</th>
    934. 

  934. </tr>
    935. 

  935. </thead>
    936. 

  936. <tbody>
    937. 

  937. <tr>
    938. 

  938. <td>blur()</td>
    939. 

  939. <td>remove focus</td>
    940. 

  940. </tr>
    941. 

  941. <tr>
    942. 

  942. <td>focus()</td>
    943. 

  943. <td>get focus</td>
    944. 

  944. </tr>
    945. 

  945. </tbody>
    946. 

  946. </table>
    947. 

  947. <h3 id="Option">Option <a class="header-anchor" href="#Option">
    948. 

  948.           <span aria-hidden="true" class="anchor">#</span>
    949. 

  949.         </a></h3>
    950. 

  950. <table>
    951. 

  951. <thead>
    952. 

  952. <tr>
    953. 

  953. <th>Property</th>
    954. 

  954. <th>Description</th>
    955. 

  955. <th>Type</th>
    956. 

  956. <th>Default</th>
    957. 

  957. </tr>
    958. 

  958. </thead>
    959. 

  959. <tbody>
    960. 

  960. <tr>
    961. 

  961. <td>value</td>
    962. 

  962. <td>value of suggestion, the value will insert into input filed while selected</td>
    963. 

  963. <td>string</td>
    964. 

  964. <td>''</td>
    965. 

  965. </tr>
    966. 

  966. </tbody>
    967. 

  967. </table>
    968. 

  968. `,lastUpdated:1748060300908}},un={class:"markdown"};function kn(s,a,i,d,g,m){return r(),h("article",un,a[0]||(a[0]=[H('<p>Mention component.</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><p>When you need to mention someone or something.</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Mention">Mention <a class="header-anchor" href="#Mention"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>autofocus</td><td>Auto get focus when component mounted</td><td>boolean</td><td><code>false</code></td></tr><tr><td>defaultValue</td><td>Default value</td><td>string</td><td></td></tr><tr><td>filterOption</td><td>Customize filter option logic</td><td>false | (input: string, option: OptionProps) =&gt; boolean</td><td></td></tr><tr><td>getPopupContainer</td><td>Set the mount HTML node for suggestions</td><td>() =&gt; HTMLElement</td><td></td></tr><tr><td>notFoundContent</td><td>Set mentions content when not match</td><td>string | slot</td><td>&#39;Not Found&#39;</td></tr><tr><td>placement</td><td>Set popup placement</td><td><code>top</code> | <code>bottom</code></td><td><code>bottom</code></td></tr><tr><td>prefix</td><td>Set trigger prefix keyword</td><td>string | string[]</td><td>&#39;@&#39;</td></tr><tr><td>split</td><td>Set split string before and after selected mention</td><td>string</td><td>&#39; &#39;</td></tr><tr><td>validateSearch</td><td>Customize trigger search logic</td><td>(text: string, props: MentionsProps) =&gt; void</td><td></td></tr><tr><td>value(v-model)</td><td>Set value of mentions</td><td>string</td><td></td></tr></tbody></table><h3 id="Events">Events <a class="header-anchor" href="#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>blur</td><td>remove focus</td><td>function</td></tr><tr><td>change</td><td>Trigger when value changed</td><td>function(value: string)</td></tr><tr><td>focus</td><td>get focus</td><td>function</td></tr><tr><td>search</td><td>Trigger when prefix hit</td><td>function(value: string, prefix: string)</td></tr><tr><td>select</td><td>Trigger when user select the option</td><td>function(option: OptionProps, prefix: string)</td></tr></tbody></table><h3 id="Mention-methods">Mention methods <a class="header-anchor" href="#Mention-methods"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>blur()</td><td>remove focus</td></tr><tr><td>focus()</td><td>get focus</td></tr></tbody></table><h3 id="Option">Option <a class="header-anchor" href="#Option"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>value</td><td>value of suggestion, the value will insert into input filed while selected</td><td>string</td><td>&#39;&#39;</td></tr></tbody></table>',12)]))}const rn=b(ln,[["render",kn]]),gn=v({CN:cn,US:rn,components:{Basic:R,Async:M,Prefix:O,Readonly:nn,Placement:sn,FormMentions:U}});function dn(s,a,i,d,g,m){const e=l("basic"),u=l("async"),k=l("prefix"),p=l("readonly"),A=l("placement"),w=l("FormMentions"),f=l("demo-sort");return r(),C(f,null,{default:o(()=>[c(e),c(u),c(k),c(p),c(A),c(w)]),_:1})}const In=b(gn,[["render",dn]]);export{In as default};
    969.