\u7701\u5E02\u533A\u7EA7\u8054\u3002
Cascade selection box for selecting province/city/district.
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic"},relativePath:"src/docs/cascader/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmludGVyZmFjZSBPcHRpb24gewogIHZhbHVlOiBzdHJpbmc7CiAgbGFiZWw6IHN0cmluZzsKICBjaGlsZHJlbj86IE9wdGlvbltdOwp9CmNvbnN0IG9wdGlvbnM6IE9wdGlvbltdID0gWwogIHsKICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgbGFiZWw6ICdaaGVqaWFuZycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICdoYW5nemhvdScsCiAgICAgICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LAogIHsKICAgIHZhbHVlOiAnamlhbmdzdScsCiAgICBsYWJlbDogJ0ppYW5nc3UnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnbmFuamluZycsCiAgICAgICAgbGFiZWw6ICdOYW5qaW5nJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3pob25naHVhbWVuJywKICAgICAgICAgICAgbGFiZWw6ICdaaG9uZyBIdWEgTWVuJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlOiByZWY8c3RyaW5nW10+KFtdKSwKICAgICAgb3B0aW9ucywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3Qgb3B0aW9ucyA9IFsKICB7CiAgICB2YWx1ZTogJ3poZWppYW5nJywKICAgIGxhYmVsOiAnWmhlamlhbmcnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnaGFuZ3pob3UnLAogICAgICAgIGxhYmVsOiAnSGFuZ3pob3UnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAneGlodScsCiAgICAgICAgICAgIGxhYmVsOiAnV2VzdCBMYWtlJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTogcmVmKFtdKSwKICAgICAgb3B0aW9ucywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),options:t.options,placeholder:"Please select"},null,8,["value","options"])]),htmlCode:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var J=I(j,[["render",z]]);const x=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],N=A({setup(){return{value:C([]),options:x}}});function O(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"Allow only select parent options.",cn:"\u8FD9\u79CD\u4EA4\u4E92\u5141\u8BB8\u53EA\u9009\u4E2D\u7236\u7EA7\u9009\u9879\u3002",docHtml:`\u8FD9\u79CD\u4EA4\u4E92\u5141\u8BB8\u53EA\u9009\u4E2D\u7236\u7EA7\u9009\u9879\u3002
Allow only select parent options.
`,order:5,title:{"zh-CN":"\u9009\u62E9\u5373\u6539\u53D8","en-US":"Change on select"},relativePath:"src/docs/cascader/demo/change-on-select.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgY2hhbmdlLW9uLXNlbGVjdCAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgT3B0aW9uIHsKICB2YWx1ZTogc3RyaW5nOwogIGxhYmVsOiBzdHJpbmc7CiAgY2hpbGRyZW4/OiBPcHRpb25bXTsKfQpjb25zdCBvcHRpb25zOiBPcHRpb25bXSA9IFsKICB7CiAgICB2YWx1ZTogJ3poZWppYW5nJywKICAgIGxhYmVsOiAnWmhlamlhbmcnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnaGFuZ3pob3UnLAogICAgICAgIGxhYmVsOiAnSGFuZ3pob3UnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAneGlodScsCiAgICAgICAgICAgIGxhYmVsOiAnV2VzdCBMYWtlJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTogcmVmPHN0cmluZ1tdPihbXSksCiAgICAgIG9wdGlvbnMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgY2hhbmdlLW9uLXNlbGVjdCAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IG9wdGlvbnMgPSBbCiAgewogICAgdmFsdWU6ICd6aGVqaWFuZycsCiAgICBsYWJlbDogJ1poZWppYW5nJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ2hhbmd6aG91JywKICAgICAgICBsYWJlbDogJ0hhbmd6aG91JywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3hpaHUnLAogICAgICAgICAgICBsYWJlbDogJ1dlc3QgTGFrZScsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdmFsdWU6ICdqaWFuZ3N1JywKICAgIGxhYmVsOiAnSmlhbmdzdScsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICduYW5qaW5nJywKICAgICAgICBsYWJlbDogJ05hbmppbmcnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAnemhvbmdodWFtZW4nLAogICAgICAgICAgICBsYWJlbDogJ1pob25nIEh1YSBNZW4nLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6IHJlZihbXSksCiAgICAgIG9wdGlvbnMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),options:t.options,"change-on-select":""},null,8,["value","options"])]),htmlCode:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"change-on-select"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"change-on-select"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var L=I(N,[["render",O]]);const R=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake",code:752100}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men",code:453400}]}]}],X=A({setup(){const t=(s,r,u)=>{s.stopPropagation(),console.log("clicked",r,u)};return{value:C(["zhejiang","hangzhou","xihu"]),options:R,handleAreaClick:t}}}),P={key:0},U=["onClick"],D={key:1};function q(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"For instance, add an external link after the selected value.",cn:"\u4F8B\u5982\u7ED9\u6700\u540E\u4E00\u9879\u52A0\u4E0A\u90AE\u7F16\u94FE\u63A5\u3002",docHtml:`\u4F8B\u5982\u7ED9\u6700\u540E\u4E00\u9879\u52A0\u4E0A\u90AE\u7F16\u94FE\u63A5\u3002
For instance, add an external link after the selected value.
`,order:7,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5DF2\u9009\u9879","en-US":"Custom render"},relativePath:"src/docs/cascader/demo/custom-render.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgc3R5bGU9IndpZHRoOiAxMDAlIj4KICAgIDx0ZW1wbGF0ZSAjZGlzcGxheVJlbmRlcj0ieyBsYWJlbHMsIHNlbGVjdGVkT3B0aW9ucyB9Ij4KICAgICAgPHNwYW4gdi1mb3I9IihsYWJlbCwgaW5kZXgpIGluIGxhYmVscyIgOmtleT0ic2VsZWN0ZWRPcHRpb25zW2luZGV4XS52YWx1ZSI+CiAgICAgICAgPHNwYW4gdi1pZj0iaW5kZXggPT09IGxhYmVscy5sZW5ndGggLSAxIj4KICAgICAgICAgIHt7IGxhYmVsIH19ICgKICAgICAgICAgIDxhIEBjbGljaz0iZSA9PiBoYW5kbGVBcmVhQ2xpY2soZSwgbGFiZWwsIHNlbGVjdGVkT3B0aW9uc1tpbmRleF0pIj4KICAgICAgICAgICAge3sgc2VsZWN0ZWRPcHRpb25zW2luZGV4XS5jb2RlIH19CiAgICAgICAgICA8L2E+CiAgICAgICAgICApCiAgICAgICAgPC9zcGFuPgogICAgICAgIDxzcGFuIHYtZWxzZT57eyBsYWJlbCB9fSAvPC9zcGFuPgogICAgICA8L3NwYW4+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1jYXNjYWRlcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW50ZXJmYWNlIE9wdGlvbiB7CiAgdmFsdWU6IHN0cmluZzsKICBsYWJlbDogc3RyaW5nOwogIGNoaWxkcmVuPzogT3B0aW9uW107CiAgY29kZT86IG51bWJlcjsKICBba2V5OiBzdHJpbmddOiBhbnk7Cn0KY29uc3Qgb3B0aW9uczogT3B0aW9uW10gPSBbCiAgewogICAgdmFsdWU6ICd6aGVqaWFuZycsCiAgICBsYWJlbDogJ1poZWppYW5nJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ2hhbmd6aG91JywKICAgICAgICBsYWJlbDogJ0hhbmd6aG91JywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3hpaHUnLAogICAgICAgICAgICBsYWJlbDogJ1dlc3QgTGFrZScsCiAgICAgICAgICAgIGNvZGU6IDc1MjEwMCwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICAgIGNvZGU6IDQ1MzQwMCwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGhhbmRsZUFyZWFDbGljayA9IChlOiBFdmVudCwgbGFiZWw6IHN0cmluZywgb3B0aW9uOiBPcHRpb24pID0+IHsKICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTsKICAgICAgY29uc29sZS5sb2coJ2NsaWNrZWQnLCBsYWJlbCwgb3B0aW9uKTsKICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6IHJlZjxzdHJpbmdbXT4oWyd6aGVqaWFuZycsICdoYW5nemhvdScsICd4aWh1J10pLAogICAgICBvcHRpb25zLAogICAgICBoYW5kbGVBcmVhQ2xpY2ssCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgc3R5bGU9IndpZHRoOiAxMDAlIj4KICAgIDx0ZW1wbGF0ZSAjZGlzcGxheVJlbmRlcj0ieyBsYWJlbHMsIHNlbGVjdGVkT3B0aW9ucyB9Ij4KICAgICAgPHNwYW4gdi1mb3I9IihsYWJlbCwgaW5kZXgpIGluIGxhYmVscyIgOmtleT0ic2VsZWN0ZWRPcHRpb25zW2luZGV4XS52YWx1ZSI+CiAgICAgICAgPHNwYW4gdi1pZj0iaW5kZXggPT09IGxhYmVscy5sZW5ndGggLSAxIj4KICAgICAgICAgIHt7IGxhYmVsIH19ICgKICAgICAgICAgIDxhIEBjbGljaz0iZSA9PiBoYW5kbGVBcmVhQ2xpY2soZSwgbGFiZWwsIHNlbGVjdGVkT3B0aW9uc1tpbmRleF0pIj4KICAgICAgICAgICAge3sgc2VsZWN0ZWRPcHRpb25zW2luZGV4XS5jb2RlIH19CiAgICAgICAgICA8L2E+CiAgICAgICAgICApCiAgICAgICAgPC9zcGFuPgogICAgICAgIDxzcGFuIHYtZWxzZT57eyBsYWJlbCB9fSAvPC9zcGFuPgogICAgICA8L3NwYW4+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1jYXNjYWRlcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCBvcHRpb25zID0gWwogIHsKICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgbGFiZWw6ICdaaGVqaWFuZycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICdoYW5nemhvdScsCiAgICAgICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgICAgICAgICBjb2RlOiA3NTIxMDAsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdmFsdWU6ICdqaWFuZ3N1JywKICAgIGxhYmVsOiAnSmlhbmdzdScsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICduYW5qaW5nJywKICAgICAgICBsYWJlbDogJ05hbmppbmcnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAnemhvbmdodWFtZW4nLAogICAgICAgICAgICBsYWJlbDogJ1pob25nIEh1YSBNZW4nLAogICAgICAgICAgICBjb2RlOiA0NTM0MDAsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBoYW5kbGVBcmVhQ2xpY2sgPSAoZSwgbGFiZWwsIG9wdGlvbikgPT4gewogICAgICBlLnN0b3BQcm9wYWdhdGlvbigpOwogICAgICBjb25zb2xlLmxvZygnY2xpY2tlZCcsIGxhYmVsLCBvcHRpb24pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlOiByZWYoWyd6aGVqaWFuZycsICdoYW5nemhvdScsICd4aWh1J10pLAogICAgICBvcHRpb25zLAogICAgICBoYW5kbGVBcmVhQ2xpY2ssCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),options:t.options,style:{width:"100%"}},{displayRender:o(({labels:p,selectedOptions:h})=>[(k(!0),m(K,null,Y(p,(v,y)=>(k(),m("span",{key:h[y].value},[y===p.length-1?(k(),m("span",P,[a(W(v)+" ( ",1),n("a",{onClick:Z=>t.handleAreaClick(Z,v,h[y])},W(h[y].code),9,U),s[1]||(s[1]=a(" ) "))])):(k(),m("span",D,W(v)+" /",1))]))),128))]),_:1},8,["value","options"])]),htmlCode:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#displayRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ labels, selectedOptions }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(label, index) in labels"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("selectedOptions[index].value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("index === labels.length - 1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` {{ label }} ( `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("e => handleAreaClick(e, label, selectedOptions[index])"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` {{ selectedOptions[index].code }} `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` ) `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a("{{ label }} /"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` code`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},":"),a(" any"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"752100"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"453400"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleAreaClick"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"e"),n("span",{class:"token operator"},":"),a(" Event"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"option"),n("span",{class:"token operator"},":"),a(" Option")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stopPropagation"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'clicked'"),n("span",{class:"token punctuation"},","),a(" label"),n("span",{class:"token punctuation"},","),a(" option"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` handleAreaClick`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#displayRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ labels, selectedOptions }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(label, index) in labels"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("selectedOptions[index].value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("index === labels.length - 1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` {{ label }} ( `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("e => handleAreaClick(e, label, selectedOptions[index])"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` {{ selectedOptions[index].code }} `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` ) `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a("{{ label }} /"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"752100"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"453400"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleAreaClick"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("e"),n("span",{class:"token punctuation"},","),a(" label"),n("span",{class:"token punctuation"},","),a(" option")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stopPropagation"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'clicked'"),n("span",{class:"token punctuation"},","),a(" label"),n("span",{class:"token punctuation"},","),a(" option"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` handleAreaClick`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var T=I(X,[["render",q]]);const E=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],M=A({setup(){const t=C([]),s=C("Unselect");return{value:t,text:s,options:E,onChange:(u,g)=>{s.value=g.map(d=>d.label).join(", ")}}}});function Q(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"Separate trigger button and result.",cn:"\u5207\u6362\u6309\u94AE\u548C\u7ED3\u679C\u5206\u5F00\u3002",docHtml:`\u5207\u6362\u6309\u94AE\u548C\u7ED3\u679C\u5206\u5F00\u3002
Separate trigger button and result.
`,order:2,title:{"zh-CN":"\u53EF\u4EE5\u81EA\u5B9A\u4E49\u663E\u793A","en-US":"Custom trigger"},relativePath:"src/docs/cascader/demo/custom-trigger.vue",sourceCode:"PHRlbXBsYXRlPgogIDxzcGFuPgogICAge3sgdGV4dCB9fSAmbmJzcDsKICAgIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgQGNoYW5nZT0ib25DaGFuZ2UiPgogICAgICA8YSBocmVmPSIjIj5DaGFuZ2UgY2l0eTwvYT4KICAgIDwvYS1jYXNjYWRlcj4KICA8L3NwYW4+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmludGVyZmFjZSBPcHRpb24gewogIHZhbHVlOiBzdHJpbmc7CiAgbGFiZWw6IHN0cmluZzsKICBjaGlsZHJlbj86IE9wdGlvbltdOwogIGNvZGU/OiBudW1iZXI7CiAgW2tleTogc3RyaW5nXTogYW55Owp9CmNvbnN0IG9wdGlvbnM6IE9wdGlvbltdID0gWwogIHsKICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgbGFiZWw6ICdaaGVqaWFuZycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICdoYW5nemhvdScsCiAgICAgICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LAogIHsKICAgIHZhbHVlOiAnamlhbmdzdScsCiAgICBsYWJlbDogJ0ppYW5nc3UnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnbmFuamluZycsCiAgICAgICAgbGFiZWw6ICdOYW5qaW5nJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3pob25naHVhbWVuJywKICAgICAgICAgICAgbGFiZWw6ICdaaG9uZyBIdWEgTWVuJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmdbXT4oW10pOwogICAgY29uc3QgdGV4dCA9IHJlZjxzdHJpbmc+KCdVbnNlbGVjdCcpOwoKICAgIGNvbnN0IG9uQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcsIHNlbGVjdGVkT3B0aW9uczogT3B0aW9uW10pID0+IHsKICAgICAgdGV4dC52YWx1ZSA9IHNlbGVjdGVkT3B0aW9ucy5tYXAobyA9PiBvLmxhYmVsKS5qb2luKCcsICcpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgdGV4dCwKICAgICAgb3B0aW9ucywKICAgICAgb25DaGFuZ2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxzcGFuPgogICAge3sgdGV4dCB9fSAmbmJzcDsKICAgIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6b3B0aW9ucz0ib3B0aW9ucyIgQGNoYW5nZT0ib25DaGFuZ2UiPgogICAgICA8YSBocmVmPSIjIj5DaGFuZ2UgY2l0eTwvYT4KICAgIDwvYS1jYXNjYWRlcj4KICA8L3NwYW4+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3Qgb3B0aW9ucyA9IFsKICB7CiAgICB2YWx1ZTogJ3poZWppYW5nJywKICAgIGxhYmVsOiAnWmhlamlhbmcnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnaGFuZ3pob3UnLAogICAgICAgIGxhYmVsOiAnSGFuZ3pob3UnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAneGlodScsCiAgICAgICAgICAgIGxhYmVsOiAnV2VzdCBMYWtlJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZihbXSk7CiAgICBjb25zdCB0ZXh0ID0gcmVmKCdVbnNlbGVjdCcpOwogICAgY29uc3Qgb25DaGFuZ2UgPSAodmFsdWUsIHNlbGVjdGVkT3B0aW9ucykgPT4gewogICAgICB0ZXh0LnZhbHVlID0gc2VsZWN0ZWRPcHRpb25zLm1hcChvID0+IG8ubGFiZWwpLmpvaW4oJywgJyk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICAgIHRleHQsCiAgICAgIG9wdGlvbnMsCiAgICAgIG9uQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[n("span",null,[a(W(t.text)+" \xA0 ",1),c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),options:t.options,onChange:t.onChange},{default:o(()=>s[1]||(s[1]=[n("a",{href:"#"},"Change city",-1)])),_:1,__:[1]},8,["value","options","onChange"])])]),htmlCode:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(` {{ text }} `),n("span",{class:"token entity named-entity",title:"\xA0"}," "),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Change city"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` code`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},":"),a(" any"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" text "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Unselect'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"selectedOptions"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` text`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" selectedOptions"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"o"),a(),n("span",{class:"token operator"},"=>"),a(" o"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"join"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"', '"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` value`),n("span",{class:"token punctuation"},","),a(` text`),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` onChange`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(` {{ text }} `),n("span",{class:"token entity named-entity",title:"\xA0"}," "),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Change city"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" text "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Unselect'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" selectedOptions")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` text`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" selectedOptions"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"o"),a(),n("span",{class:"token operator"},"=>"),a(" o"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"join"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"', '"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` value`),n("span",{class:"token punctuation"},","),a(` text`),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` onChange`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var $=I(M,[["render",Q]]);const _=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",disabled:!0,children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],nn=A({setup(){return{value:C([]),options:_}}});function an(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"Disable option by specifying the `disabled` property in `options`.",cn:"\u901A\u8FC7\u6307\u5B9A options \u91CC\u7684 `disabled` \u5B57\u6BB5\u3002",docHtml:`\u901A\u8FC7\u6307\u5B9A options \u91CC\u7684 disabled \u5B57\u6BB5\u3002
Disable option by specifying the disabled property in options.
\u901A\u8FC7\u79FB\u5165\u5C55\u5F00\u4E0B\u7EA7\u83DC\u5355\uFF0C\u70B9\u51FB\u5B8C\u6210\u9009\u62E9\u3002
Hover to expand sub menu, click to select option.
`,order:3,title:{"zh-CN":"\u79FB\u5165\u5C55\u5F00","en-US":"Hover"},relativePath:"src/docs/cascader/demo/hover.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgOmRpc3BsYXktcmVuZGVyPSJkaXNwbGF5UmVuZGVyIgogICAgZXhwYW5kLXRyaWdnZXI9ImhvdmVyIgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW50ZXJmYWNlIE9wdGlvbiB7CiAgdmFsdWU6IHN0cmluZzsKICBsYWJlbDogc3RyaW5nOwogIGNoaWxkcmVuPzogT3B0aW9uW107Cn0KY29uc3Qgb3B0aW9uczogT3B0aW9uW10gPSBbCiAgewogICAgdmFsdWU6ICd6aGVqaWFuZycsCiAgICBsYWJlbDogJ1poZWppYW5nJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ2hhbmd6aG91JywKICAgICAgICBsYWJlbDogJ0hhbmd6aG91JywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3hpaHUnLAogICAgICAgICAgICBsYWJlbDogJ1dlc3QgTGFrZScsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdmFsdWU6ICdqaWFuZ3N1JywKICAgIGxhYmVsOiAnSmlhbmdzdScsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICduYW5qaW5nJywKICAgICAgICBsYWJlbDogJ05hbmppbmcnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAnemhvbmdodWFtZW4nLAogICAgICAgICAgICBsYWJlbDogJ1pob25nIEh1YSBNZW4nLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZGlzcGxheVJlbmRlciA9ICh7IGxhYmVscyB9OiB7IGxhYmVsczogc3RyaW5nW10gfSkgPT4gewogICAgICByZXR1cm4gbGFiZWxzW2xhYmVscy5sZW5ndGggLSAxXTsKICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6IHJlZjxzdHJpbmdbXT4oW10pLAogICAgICBvcHRpb25zLAogICAgICBkaXNwbGF5UmVuZGVyLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgOmRpc3BsYXktcmVuZGVyPSJkaXNwbGF5UmVuZGVyIgogICAgZXhwYW5kLXRyaWdnZXI9ImhvdmVyIgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCBvcHRpb25zID0gWwogIHsKICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgbGFiZWw6ICdaaGVqaWFuZycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICdoYW5nemhvdScsCiAgICAgICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LAogIHsKICAgIHZhbHVlOiAnamlhbmdzdScsCiAgICBsYWJlbDogJ0ppYW5nc3UnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnbmFuamluZycsCiAgICAgICAgbGFiZWw6ICdOYW5qaW5nJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3pob25naHVhbWVuJywKICAgICAgICAgICAgbGFiZWw6ICdaaG9uZyBIdWEgTWVuJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRpc3BsYXlSZW5kZXIgPSAoeyBsYWJlbHMgfSkgPT4gewogICAgICByZXR1cm4gbGFiZWxzW2xhYmVscy5sZW5ndGggLSAxXTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZTogcmVmKFtdKSwKICAgICAgb3B0aW9ucywKICAgICAgZGlzcGxheVJlbmRlciwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),options:t.options,"display-render":t.displayRender,"expand-trigger":"hover",placeholder:"Please select"},null,8,["value","options","display-render"])]),htmlCode:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":display-render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("displayRender"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"expand-trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("hover"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"displayRender"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),a(" labels "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"labels"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(" labels"),n("span",{class:"token punctuation"},"["),a("labels"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` displayRender`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":display-render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("displayRender"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"expand-trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("hover"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"displayRender"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),a(" labels "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(" labels"),n("span",{class:"token punctuation"},"["),a("labels"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` displayRender`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var pn=I(on,[["render",en]]);const cn=A({setup(){const t=C([{value:"zhejiang",label:"Zhejiang",isLeaf:!1},{value:"jiangsu",label:"Jiangsu",isLeaf:!1}]),s=r=>{const u=r[r.length-1];u.loading=!0,setTimeout(()=>{u.loading=!1,u.children=[{label:`${u.label} Dynamic 1`,value:"dynamic1"},{label:`${u.label} Dynamic 2`,value:"dynamic2"}],t.value=[...t.value]},1e3)};return{value:C([]),options:t,loadData:s}}});function ln(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"Load options lazily with `loadData`.",cn:"\u4F7F\u7528 `loadData` \u5B9E\u73B0\u52A8\u6001\u52A0\u8F7D\u9009\u9879\u3002",docHtml:`\u4F7F\u7528 loadData \u5B9E\u73B0\u52A8\u6001\u52A0\u8F7D\u9009\u9879\u3002
\u6CE8\u610F\uFF1A
loadData\u4E0EshowSearch\u65E0\u6CD5\u4E00\u8D77\u4F7F\u7528\u3002
Load options lazily with loadData.
`,order:9,title:{"zh-CN":"\u52A8\u6001\u52A0\u8F7D\u9009\u9879","en-US":"Load Options Lazily"},relativePath:"src/docs/cascader/demo/lazy.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgOmxvYWQtZGF0YT0ibG9hZERhdGEiCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGNoYW5nZS1vbi1zZWxlY3QKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgT3B0aW9uIHsKICB2YWx1ZTogc3RyaW5nOwogIGxhYmVsOiBzdHJpbmc7CiAgbG9hZGluZz86IGJvb2xlYW47CiAgaXNMZWFmPzogYm9vbGVhbjsKICBjaGlsZHJlbj86IE9wdGlvbltdOwp9CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvcHRpb25zID0gcmVmPE9wdGlvbltdPihbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ3poZWppYW5nJywKICAgICAgICBsYWJlbDogJ1poZWppYW5nJywKICAgICAgICBpc0xlYWY6IGZhbHNlLAogICAgICB9LAogICAgICB7CiAgICAgICAgdmFsdWU6ICdqaWFuZ3N1JywKICAgICAgICBsYWJlbDogJ0ppYW5nc3UnLAogICAgICAgIGlzTGVhZjogZmFsc2UsCiAgICAgIH0sCiAgICBdKTsKCiAgICBjb25zdCBsb2FkRGF0YSA9IChzZWxlY3RlZE9wdGlvbnM6IE9wdGlvbltdKSA9PiB7CiAgICAgIGNvbnN0IHRhcmdldE9wdGlvbiA9IHNlbGVjdGVkT3B0aW9uc1tzZWxlY3RlZE9wdGlvbnMubGVuZ3RoIC0gMV07CiAgICAgIHRhcmdldE9wdGlvbi5sb2FkaW5nID0gdHJ1ZTsKCiAgICAgIC8vIGxvYWQgb3B0aW9ucyBsYXppbHkKICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgdGFyZ2V0T3B0aW9uLmxvYWRpbmcgPSBmYWxzZTsKICAgICAgICB0YXJnZXRPcHRpb24uY2hpbGRyZW4gPSBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGxhYmVsOiBgJHt0YXJnZXRPcHRpb24ubGFiZWx9IER5bmFtaWMgMWAsCiAgICAgICAgICAgIHZhbHVlOiAnZHluYW1pYzEnLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbGFiZWw6IGAke3RhcmdldE9wdGlvbi5sYWJlbH0gRHluYW1pYyAyYCwKICAgICAgICAgICAgdmFsdWU6ICdkeW5hbWljMicsCiAgICAgICAgICB9LAogICAgICAgIF07CiAgICAgICAgb3B0aW9ucy52YWx1ZSA9IFsuLi5vcHRpb25zLnZhbHVlXTsKICAgICAgfSwgMTAwMCk7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlOiByZWY8c3RyaW5nW10+KFtdKSwKICAgICAgb3B0aW9ucywKICAgICAgbG9hZERhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgOmxvYWQtZGF0YT0ibG9hZERhdGEiCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGNoYW5nZS1vbi1zZWxlY3QKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvcHRpb25zID0gcmVmKFsKICAgICAgewogICAgICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgICAgIGxhYmVsOiAnWmhlamlhbmcnLAogICAgICAgIGlzTGVhZjogZmFsc2UsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgICAgIGxhYmVsOiAnSmlhbmdzdScsCiAgICAgICAgaXNMZWFmOiBmYWxzZSwKICAgICAgfSwKICAgIF0pOwogICAgY29uc3QgbG9hZERhdGEgPSBzZWxlY3RlZE9wdGlvbnMgPT4gewogICAgICBjb25zdCB0YXJnZXRPcHRpb24gPSBzZWxlY3RlZE9wdGlvbnNbc2VsZWN0ZWRPcHRpb25zLmxlbmd0aCAtIDFdOwogICAgICB0YXJnZXRPcHRpb24ubG9hZGluZyA9IHRydWU7CgogICAgICAvLyBsb2FkIG9wdGlvbnMgbGF6aWx5CiAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgIHRhcmdldE9wdGlvbi5sb2FkaW5nID0gZmFsc2U7CiAgICAgICAgdGFyZ2V0T3B0aW9uLmNoaWxkcmVuID0gWwogICAgICAgICAgewogICAgICAgICAgICBsYWJlbDogYCR7dGFyZ2V0T3B0aW9uLmxhYmVsfSBEeW5hbWljIDFgLAogICAgICAgICAgICB2YWx1ZTogJ2R5bmFtaWMxJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGxhYmVsOiBgJHt0YXJnZXRPcHRpb24ubGFiZWx9IER5bmFtaWMgMmAsCiAgICAgICAgICAgIHZhbHVlOiAnZHluYW1pYzInLAogICAgICAgICAgfSwKICAgICAgICBdOwogICAgICAgIG9wdGlvbnMudmFsdWUgPSBbLi4ub3B0aW9ucy52YWx1ZV07CiAgICAgIH0sIDEwMDApOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlOiByZWYoW10pLAogICAgICBvcHRpb25zLAogICAgICBsb2FkRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),options:t.options,"load-data":t.loadData,placeholder:"Please select","change-on-select":""},null,8,["value","options","load-data"])]),htmlCode:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":load-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loadData"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"change-on-select"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` loading`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" boolean"),n("span",{class:"token punctuation"},";"),a(` isLeaf`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" boolean"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("Option"),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"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"loadData"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selectedOptions"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(" targetOption "),n("span",{class:"token operator"},"="),a(" selectedOptions"),n("span",{class:"token punctuation"},"["),a("selectedOptions"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` targetOption`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token comment"},"// load options lazily"),a(` `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` targetOption`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(` targetOption`),n("span",{class:"token punctuation"},"."),a("children "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("targetOption"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," Dynamic 1"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'dynamic1'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("targetOption"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," Dynamic 2"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'dynamic2'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` options`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),a("options"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` loadData`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":load-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loadData"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"change-on-select"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"loadData"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"selectedOptions"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(" targetOption "),n("span",{class:"token operator"},"="),a(" selectedOptions"),n("span",{class:"token punctuation"},"["),a("selectedOptions"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` targetOption`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token comment"},"// load options lazily"),a(` `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` targetOption`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(` targetOption`),n("span",{class:"token punctuation"},"."),a("children "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("targetOption"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," Dynamic 1"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'dynamic1'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("targetOption"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," Dynamic 2"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'dynamic2'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` options`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),a("options"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` loadData`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var un=I(cn,[["render",ln]]);const rn=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"},{value:"xiasha",label:"Xia Sha",disabled:!0}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua men"}]}]}],kn=A({setup(){const t=(s,r)=>r.some(u=>u.label.toLowerCase().indexOf(s.toLowerCase())>-1);return{value:C([]),options:rn,filter:t}}});function gn(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"Search and select options directly.",cn:"\u53EF\u4EE5\u76F4\u63A5\u641C\u7D22\u9009\u9879\u5E76\u9009\u62E9\u3002",docHtml:`Note:
loadDatacannot work withshowSearch.
\u53EF\u4EE5\u76F4\u63A5\u641C\u7D22\u9009\u9879\u5E76\u9009\u62E9\u3002
Cascader[showSearch]\u6682\u4E0D\u652F\u6301\u670D\u52A1\u7AEF\u641C\u7D22\uFF0C\u66F4\u591A\u4FE1\u606F\u89C1 #5547
Search and select options directly.
`,order:8,title:{"zh-CN":"\u641C\u7D22","en-US":"Search"},relativePath:"src/docs/cascader/demo/search.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgOnNob3ctc2VhcmNoPSJ7IGZpbHRlciB9IgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW50ZXJmYWNlIE9wdGlvbiB7CiAgdmFsdWU6IHN0cmluZzsKICBsYWJlbDogc3RyaW5nOwogIGRpc2FibGVkPzogYm9vbGVhbjsKICBjaGlsZHJlbj86IE9wdGlvbltdOwp9CmNvbnN0IG9wdGlvbnM6IE9wdGlvbltdID0gWwogIHsKICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgbGFiZWw6ICdaaGVqaWFuZycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICdoYW5nemhvdScsCiAgICAgICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWFzaGEnLAogICAgICAgICAgICBsYWJlbDogJ1hpYSBTaGEnLAogICAgICAgICAgICBkaXNhYmxlZDogdHJ1ZSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIG1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBmaWx0ZXIgPSAoaW5wdXRWYWx1ZTogc3RyaW5nLCBwYXRoOiBPcHRpb25bXSkgPT4gewogICAgICByZXR1cm4gcGF0aC5zb21lKG9wdGlvbiA9PiBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmRleE9mKGlucHV0VmFsdWUudG9Mb3dlckNhc2UoKSkgPiAtMSk7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlOiByZWY8c3RyaW5nW10+KFtdKSwKICAgICAgb3B0aW9ucywKICAgICAgZmlsdGVyLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgOnNob3ctc2VhcmNoPSJ7IGZpbHRlciB9IgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCBvcHRpb25zID0gWwogIHsKICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgbGFiZWw6ICdaaGVqaWFuZycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICdoYW5nemhvdScsCiAgICAgICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWFzaGEnLAogICAgICAgICAgICBsYWJlbDogJ1hpYSBTaGEnLAogICAgICAgICAgICBkaXNhYmxlZDogdHJ1ZSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIG1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBmaWx0ZXIgPSAoaW5wdXRWYWx1ZSwgcGF0aCkgPT4gewogICAgICByZXR1cm4gcGF0aC5zb21lKG9wdGlvbiA9PiBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmRleE9mKGlucHV0VmFsdWUudG9Mb3dlckNhc2UoKSkgPiAtMSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6IHJlZihbXSksCiAgICAgIG9wdGlvbnMsCiAgICAgIGZpbHRlciwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),options:t.options,"show-search":{filter:t.filter},placeholder:"Please select"},null,8,["value","options","show-search"])]),htmlCode:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":show-search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ filter }"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` disabled`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" boolean"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xiasha'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Xia Sha'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"filter"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"inputValue"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(" path"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"some"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"option"),a(),n("span",{class:"token operator"},"=>"),a(" option"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` filter`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":show-search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ filter }"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xiasha'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Xia Sha'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"filter"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("inputValue"),n("span",{class:"token punctuation"},","),a(" path")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(" path"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"some"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"option"),a(),n("span",{class:"token operator"},"=>"),a(" option"),n("span",{class:"token punctuation"},"."),a("label"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("inputValue"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` filter`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var dn=I(kn,[["render",gn]]);const Cn=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],In=A({setup(){return{value:C([]),options:Cn}}});function An(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"Cascade selection box of different sizes.",cn:"\u4E0D\u540C\u5927\u5C0F\u7684\u7EA7\u8054\u9009\u62E9\u5668\u3002",docHtml:`Now,
Cascader[showSearch]doesn't support search on server, more info #5547
\u4E0D\u540C\u5927\u5C0F\u7684\u7EA7\u8054\u9009\u62E9\u5668\u3002
Cascade selection box of different sizes.
`,order:6,title:{"zh-CN":"\u5927\u5C0F","en-US":"Size"},relativePath:"src/docs/cascader/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJsYXJnZSIgOm9wdGlvbnM9Im9wdGlvbnMiIC8+CiAgPGJyIC8+CiAgPGJyIC8+CiAgPGEtY2FzY2FkZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUiIDpvcHRpb25zPSJvcHRpb25zIiAvPgogIDxiciAvPgogIDxiciAvPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJzbWFsbCIgOm9wdGlvbnM9Im9wdGlvbnMiIC8+CiAgPGJyIC8+CiAgPGJyIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmludGVyZmFjZSBPcHRpb24gewogIHZhbHVlOiBzdHJpbmc7CiAgbGFiZWw6IHN0cmluZzsKICBjaGlsZHJlbj86IE9wdGlvbltdOwp9CmNvbnN0IG9wdGlvbnM6IE9wdGlvbltdID0gWwogIHsKICAgIHZhbHVlOiAnemhlamlhbmcnLAogICAgbGFiZWw6ICdaaGVqaWFuZycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICdoYW5nemhvdScsCiAgICAgICAgbGFiZWw6ICdIYW5nemhvdScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd4aWh1JywKICAgICAgICAgICAgbGFiZWw6ICdXZXN0IExha2UnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LAogIHsKICAgIHZhbHVlOiAnamlhbmdzdScsCiAgICBsYWJlbDogJ0ppYW5nc3UnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnbmFuamluZycsCiAgICAgICAgbGFiZWw6ICdOYW5qaW5nJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3pob25naHVhbWVuJywKICAgICAgICAgICAgbGFiZWw6ICdaaG9uZyBIdWEgTWVuJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlOiByZWY8c3RyaW5nW10+KFtdKSwKICAgICAgb3B0aW9ucywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJsYXJnZSIgOm9wdGlvbnM9Im9wdGlvbnMiIC8+CiAgPGJyIC8+CiAgPGJyIC8+CiAgPGEtY2FzY2FkZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUiIDpvcHRpb25zPSJvcHRpb25zIiAvPgogIDxiciAvPgogIDxiciAvPgogIDxhLWNhc2NhZGVyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBzaXplPSJzbWFsbCIgOm9wdGlvbnM9Im9wdGlvbnMiIC8+CiAgPGJyIC8+CiAgPGJyIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3Qgb3B0aW9ucyA9IFsKICB7CiAgICB2YWx1ZTogJ3poZWppYW5nJywKICAgIGxhYmVsOiAnWmhlamlhbmcnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnaGFuZ3pob3UnLAogICAgICAgIGxhYmVsOiAnSGFuZ3pob3UnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAneGlodScsCiAgICAgICAgICAgIGxhYmVsOiAnV2VzdCBMYWtlJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTogcmVmKFtdKSwKICAgICAgb3B0aW9ucywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),size:"large",options:t.options},null,8,["value","options"]),s[3]||(s[3]=n("br",null,null,-1)),s[4]||(s[4]=n("br",null,null,-1)),c(l,{value:t.value,"onUpdate:value":s[1]||(s[1]=p=>t.value=p),options:t.options},null,8,["value","options"]),s[5]||(s[5]=n("br",null,null,-1)),s[6]||(s[6]=n("br",null,null,-1)),c(l,{value:t.value,"onUpdate:value":s[2]||(s[2]=p=>t.value=p),size:"small",options:t.options},null,8,["value","options"]),s[7]||(s[7]=n("br",null,null,-1)),s[8]||(s[8]=n("br",null,null,-1))]),htmlCode:o(()=>s[9]||(s[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("large"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[10]||(s[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("large"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var bn=I(In,[["render",An]]);const hn=[{code:"zhejiang",name:"Zhejiang",items:[{code:"hangzhou",name:"Hangzhou",items:[{code:"xihu",name:"West Lake"}]}]},{code:"jiangsu",name:"Jiangsu",items:[{code:"nanjing",name:"Nanjing",items:[{code:"zhonghuamen",name:"Zhong Hua Men"}]}]}],yn=A({setup(){return{value:C([]),options:hn}}});function mn(t,s,r,u,g,d){const l=e("a-cascader"),i=e("demo-box");return k(),b(i,{jsfiddle:{us:"Custom Field Names",cn:"\u81EA\u5B9A\u4E49\u5B57\u6BB5\u540D\u3002",docHtml:`\u81EA\u5B9A\u4E49\u5B57\u6BB5\u540D\u3002
Custom Field Names
`,order:10,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5B57\u6BB5\u540D","en-US":"Custom Field Names"},relativePath:"src/docs/cascader/demo/fields-name.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpmaWVsZC1uYW1lcz0ieyBsYWJlbDogJ25hbWUnLCB2YWx1ZTogJ2NvZGUnLCBjaGlsZHJlbjogJ2l0ZW1zJyB9IgogICAgOm9wdGlvbnM9Im9wdGlvbnMiCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgT3B0aW9uIHsKICBjb2RlOiBzdHJpbmc7CiAgbmFtZTogc3RyaW5nOwogIGRpc2FibGVkPzogYm9vbGVhbjsKICBpdGVtcz86IE9wdGlvbltdOwogIFtrZXk6IHN0cmluZ106IGFueTsKfQpjb25zdCBvcHRpb25zOiBPcHRpb25bXSA9IFsKICB7CiAgICBjb2RlOiAnemhlamlhbmcnLAogICAgbmFtZTogJ1poZWppYW5nJywKICAgIGl0ZW1zOiBbCiAgICAgIHsKICAgICAgICBjb2RlOiAnaGFuZ3pob3UnLAogICAgICAgIG5hbWU6ICdIYW5nemhvdScsCiAgICAgICAgaXRlbXM6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgY29kZTogJ3hpaHUnLAogICAgICAgICAgICBuYW1lOiAnV2VzdCBMYWtlJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICBjb2RlOiAnamlhbmdzdScsCiAgICBuYW1lOiAnSmlhbmdzdScsCiAgICBpdGVtczogWwogICAgICB7CiAgICAgICAgY29kZTogJ25hbmppbmcnLAogICAgICAgIG5hbWU6ICdOYW5qaW5nJywKICAgICAgICBpdGVtczogWwogICAgICAgICAgewogICAgICAgICAgICBjb2RlOiAnemhvbmdodWFtZW4nLAogICAgICAgICAgICBuYW1lOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTogcmVmPHN0cmluZ1tdPihbXSksCiAgICAgIG9wdGlvbnMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIDpmaWVsZC1uYW1lcz0ieyBsYWJlbDogJ25hbWUnLCB2YWx1ZTogJ2NvZGUnLCBjaGlsZHJlbjogJ2l0ZW1zJyB9IgogICAgOm9wdGlvbnM9Im9wdGlvbnMiCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IG9wdGlvbnMgPSBbCiAgewogICAgY29kZTogJ3poZWppYW5nJywKICAgIG5hbWU6ICdaaGVqaWFuZycsCiAgICBpdGVtczogWwogICAgICB7CiAgICAgICAgY29kZTogJ2hhbmd6aG91JywKICAgICAgICBuYW1lOiAnSGFuZ3pob3UnLAogICAgICAgIGl0ZW1zOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGNvZGU6ICd4aWh1JywKICAgICAgICAgICAgbmFtZTogJ1dlc3QgTGFrZScsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgY29kZTogJ2ppYW5nc3UnLAogICAgbmFtZTogJ0ppYW5nc3UnLAogICAgaXRlbXM6IFsKICAgICAgewogICAgICAgIGNvZGU6ICduYW5qaW5nJywKICAgICAgICBuYW1lOiAnTmFuamluZycsCiAgICAgICAgaXRlbXM6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgY29kZTogJ3pob25naHVhbWVuJywKICAgICAgICAgICAgbmFtZTogJ1pob25nIEh1YSBNZW4nLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6IHJlZihbXSksCiAgICAgIG9wdGlvbnMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[c(l,{value:t.value,"onUpdate:value":s[0]||(s[0]=p=>t.value=p),"field-names":{label:"name",value:"code",children:"items"},options:t.options,placeholder:"Please select"},null,8,["value","options"])]),htmlCode:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":field-names"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ label: 'name', value: 'code', children: 'items' }"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` disabled`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" boolean"),n("span",{class:"token punctuation"},";"),a(` items`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},":"),a(" any"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":field-names"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ label: 'name', value: 'code', children: 'items' }"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"items"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"code"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var vn=I(yn,[["render",mn]]);const Wn=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],Zn=A({components:{SmileOutlined:F},setup(){return{value1:C([]),value2:C([]),options:Wn}}});function wn(t,s,r,u,g,d){const l=e("smile-outlined"),i=e("a-cascader"),p=e("demo-box");return k(),b(p,{jsfiddle:{us:"Custom suffix icon",cn:"\u81EA\u5B9A\u4E49\u540E\u7F00\u56FE\u6807",docHtml:`\u81EA\u5B9A\u4E49\u540E\u7F00\u56FE\u6807
Custom suffix icon
`,order:11,title:{"zh-CN":"\u540E\u7F00\u56FE\u6807","en-US":"Suffix"},relativePath:"src/docs/cascader/demo/suffix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiCiAgICBzdHlsZT0ibWFyZ2luLXRvcDogMXJlbSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgPgogICAgPHRlbXBsYXRlICNzdWZmaXhJY29uPjxzbWlsZS1vdXRsaW5lZCBjbGFzcz0idGVzdCIgLz48L3RlbXBsYXRlPgogIDwvYS1jYXNjYWRlcj4KICA8YS1jYXNjYWRlcgogICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIgogICAgc3VmZml4LWljb249ImFiIgogICAgc3R5bGU9Im1hcmdpbi10b3A6IDFyZW0iCiAgICA6b3B0aW9ucz0ib3B0aW9ucyIKICAgIHBsYWNlaG9sZGVyPSJQbGVhc2Ugc2VsZWN0IgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBTbWlsZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgT3B0aW9uIHsKICB2YWx1ZTogc3RyaW5nOwogIGxhYmVsOiBzdHJpbmc7CiAgY2hpbGRyZW4/OiBPcHRpb25bXTsKfQpjb25zdCBvcHRpb25zOiBPcHRpb25bXSA9IFsKICB7CiAgICB2YWx1ZTogJ3poZWppYW5nJywKICAgIGxhYmVsOiAnWmhlamlhbmcnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHZhbHVlOiAnaGFuZ3pob3UnLAogICAgICAgIGxhYmVsOiAnSGFuZ3pob3UnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAneGlodScsCiAgICAgICAgICAgIGxhYmVsOiAnV2VzdCBMYWtlJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB2YWx1ZTogJ2ppYW5nc3UnLAogICAgbGFiZWw6ICdKaWFuZ3N1JywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ25hbmppbmcnLAogICAgICAgIGxhYmVsOiAnTmFuamluZycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdmFsdWU6ICd6aG9uZ2h1YW1lbicsCiAgICAgICAgICAgIGxhYmVsOiAnWmhvbmcgSHVhIE1lbicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU21pbGVPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWY8c3RyaW5nW10+KFtdKSwKICAgICAgdmFsdWUyOiByZWY8c3RyaW5nW10+KFtdKSwKICAgICAgb3B0aW9ucywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhc2NhZGVyCiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiCiAgICBzdHlsZT0ibWFyZ2luLXRvcDogMXJlbSIKICAgIDpvcHRpb25zPSJvcHRpb25zIgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgPgogICAgPHRlbXBsYXRlICNzdWZmaXhJY29uPjxzbWlsZS1vdXRsaW5lZCBjbGFzcz0idGVzdCIgLz48L3RlbXBsYXRlPgogIDwvYS1jYXNjYWRlcj4KICA8YS1jYXNjYWRlcgogICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIgogICAgc3VmZml4LWljb249ImFiIgogICAgc3R5bGU9Im1hcmdpbi10b3A6IDFyZW0iCiAgICA6b3B0aW9ucz0ib3B0aW9ucyIKICAgIHBsYWNlaG9sZGVyPSJQbGVhc2Ugc2VsZWN0IgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IFNtaWxlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IG9wdGlvbnMgPSBbCiAgewogICAgdmFsdWU6ICd6aGVqaWFuZycsCiAgICBsYWJlbDogJ1poZWppYW5nJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJ2hhbmd6aG91JywKICAgICAgICBsYWJlbDogJ0hhbmd6aG91JywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB2YWx1ZTogJ3hpaHUnLAogICAgICAgICAgICBsYWJlbDogJ1dlc3QgTGFrZScsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdmFsdWU6ICdqaWFuZ3N1JywKICAgIGxhYmVsOiAnSmlhbmdzdScsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdmFsdWU6ICduYW5qaW5nJywKICAgICAgICBsYWJlbDogJ05hbmppbmcnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHZhbHVlOiAnemhvbmdodWFtZW4nLAogICAgICAgICAgICBsYWJlbDogJ1pob25nIEh1YSBNZW4nLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMTogcmVmKFtdKSwKICAgICAgdmFsdWUyOiByZWYoW10pLAogICAgICBvcHRpb25zLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[c(i,{value:t.value1,"onUpdate:value":s[0]||(s[0]=h=>t.value1=h),style:{"margin-top":"1rem"},options:t.options,placeholder:"Please select"},{suffixIcon:o(()=>[c(l,{class:"test"})]),_:1},8,["value","options"]),c(i,{value:t.value2,"onUpdate:value":s[1]||(s[1]=h=>t.value2=h),"suffix-icon":"ab",style:{"margin-top":"1rem"},options:t.options,placeholder:"Please select"},null,8,["value","options"])]),htmlCode:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),a(" 1rem")]),n("span",{class:"token punctuation"},'"')])]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("test"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),a(" 1rem")]),n("span",{class:"token punctuation"},'"')])]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"Option"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(` children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"options"),n("span",{class:"token operator"},":"),a(" Option"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(` SmileOutlined`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:o(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),a(" 1rem")]),n("span",{class:"token punctuation"},'"')])]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("test"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-cascader")]),a(` `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),a(" 1rem")]),n("span",{class:"token punctuation"},'"')])]),a(` `),n("span",{class:"token attr-name"},":options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("options"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Please select"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(" options "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhejiang'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Hangzhou'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'xihu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'West Lake'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jiangsu'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Nanjing'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(` `),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'zhonghuamen'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Zhong Hua Men'"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(` SmileOutlined`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(` options`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}var Bn=I(Zn,[["render",wn]]);const fn={pageData:{title:"Cascader",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"Cascader",subtitle:"\u7EA7\u8054\u9009\u62E9",cover:"https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:""},{level:3,title:"showSearch",slug:"showsearch",content:"`showSearch` \u4E3A\u5BF9\u8C61\u65F6\uFF0C\u5176\u4E2D\u7684\u5B57\u6BB5\uFF1A"},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Option",slug:"option",content:""},{level:2,title:"\u65B9\u6CD5",slug:"\u65B9\u6CD5",content:""}],relativePath:"src/docs/cascader/index.zh-CN.md",content:` \u7EA7\u8054\u9009\u62E9\u6846\u3002 ## \u4F55\u65F6\u4F7F\u7528 - \u9700\u8981\u4ECE\u4E00\u7EC4\u76F8\u5173\u8054\u7684\u6570\u636E\u96C6\u5408\u8FDB\u884C\u9009\u62E9\uFF0C\u4F8B\u5982\u7701\u5E02\u533A\uFF0C\u516C\u53F8\u5C42\u7EA7\uFF0C\u4E8B\u7269\u5206\u7C7B\u7B49\u3002 - \u4ECE\u4E00\u4E2A\u8F83\u5927\u7684\u6570\u636E\u96C6\u5408\u4E2D\u8FDB\u884C\u9009\u62E9\u65F6\uFF0C\u7528\u591A\u7EA7\u5206\u7C7B\u8FDB\u884C\u5206\u9694\uFF0C\u65B9\u4FBF\u9009\u62E9\u3002 - \u6BD4\u8D77 Select \u7EC4\u4EF6\uFF0C\u53EF\u4EE5\u5728\u540C\u4E00\u4E2A\u6D6E\u5C42\u4E2D\u5B8C\u6210\u9009\u62E9\uFF0C\u6709\u8F83\u597D\u7684\u4F53\u9A8C\u3002 ## API \`\`\`html <a-cascader :options="options" v-model:value="value" /> \`\`\` | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | | --- | --- | --- | --- | | allowClear | \u662F\u5426\u652F\u6301\u6E05\u9664 | boolean | true | | autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false | | changeOnSelect | \u5F53\u6B64\u9879\u4E3A true \u65F6\uFF0C\u70B9\u9009\u6BCF\u7EA7\u83DC\u5355\u9009\u9879\u503C\u90FD\u4F1A\u53D1\u751F\u53D8\u5316\uFF0C\u5177\u4F53\u89C1\u4E0A\u9762\u7684\u6F14\u793A | boolean | false | | defaultValue | \u9ED8\u8BA4\u7684\u9009\u4E2D\u9879 | string\\[] \\| number\\[] | \\[] | | disabled | \u7981\u7528 | boolean | false | | displayRender | \u9009\u62E9\u540E\u5C55\u793A\u7684\u6E32\u67D3\u51FD\u6570,\u53EF\u4F7F\u7528 #displayRender="{labels, selectedOptions}" | \`({labels, selectedOptions}) => VNode\` | \`labels => labels.join(' / ')\` | | expandTrigger | \u6B21\u7EA7\u83DC\u5355\u7684\u5C55\u5F00\u65B9\u5F0F\uFF0C\u53EF\u9009 'click' \u548C 'hover' | string | 'click' | | fieldNames | \u81EA\u5B9A\u4E49 options \u4E2D label name children \u7684\u5B57\u6BB5 | object | \`{ label: 'label', value: 'value', children: 'children' }\` | | getPopupContainer | \u83DC\u5355\u6E32\u67D3\u7236\u8282\u70B9\u3002\u9ED8\u8BA4\u6E32\u67D3\u5230 body \u4E0A\uFF0C\u5982\u679C\u4F60\u9047\u5230\u83DC\u5355\u6EDA\u52A8\u5B9A\u4F4D\u95EE\u9898\uFF0C\u8BD5\u8BD5\u4FEE\u6539\u4E3A\u6EDA\u52A8\u7684\u533A\u57DF\uFF0C\u5E76\u76F8\u5BF9\u5176\u5B9A\u4F4D\u3002 | Function(triggerNode) | () => document.body | | loadData | \u7528\u4E8E\u52A8\u6001\u52A0\u8F7D\u9009\u9879\uFF0C\u65E0\u6CD5\u4E0E \`showSearch\` \u4E00\u8D77\u4F7F\u7528 | \`(selectedOptions) => void\` | - | | notFoundContent | \u5F53\u4E0B\u62C9\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9 | string | 'Not Found' | | options | \u53EF\u9009\u9879\u6570\u636E\u6E90 | [Option](#option)[] | - | | placeholder | \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C | string | '\u8BF7\u9009\u62E9' | | popupClassName | \u81EA\u5B9A\u4E49\u6D6E\u5C42\u7C7B\u540D | string | - | | popupStyle | \u81EA\u5B9A\u4E49\u6D6E\u5C42\u6837\u5F0F | object | {} | | popupPlacement | \u6D6E\u5C42\u9884\u8BBE\u4F4D\u7F6E\uFF1A\`bottomLeft\` \`bottomRight\` \`topLeft\` \`topRight\` | Enum | \`bottomLeft\` | | popupVisible | \u63A7\u5236\u6D6E\u5C42\u663E\u9690 | boolean | - | | showSearch | \u5728\u9009\u62E9\u6846\u4E2D\u663E\u793A\u641C\u7D22\u6846 | boolean \\| [object](#showsearch) | false | | size | \u8F93\u5165\u6846\u5927\u5C0F\uFF0C\u53EF\u9009 \`large\` \`default\` \`small\` | string | \`default\` | | suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | string \\| VNode \\| slot | - | | value(v-model) | \u6307\u5B9A\u9009\u4E2D\u9879 | string\\[] \\| number\\[] | - | ### showSearch \`showSearch\` \u4E3A\u5BF9\u8C61\u65F6\uFF0C\u5176\u4E2D\u7684\u5B57\u6BB5\uFF1A | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | | --- | --- | --- | --- | | filter | \u63A5\u6536 \`inputValue\` \`path\` \u4E24\u4E2A\u53C2\u6570\uFF0C\u5F53 \`path\` \u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u65F6\uFF0C\u5E94\u8FD4\u56DE true\uFF0C\u53CD\u4E4B\u5219\u8FD4\u56DE false\u3002 | \`function(inputValue, path): boolean\` | | | limit | \u641C\u7D22\u7ED3\u679C\u5C55\u793A\u6570\u91CF | number \\| false | 50 | | matchInputWidth | \u641C\u7D22\u7ED3\u679C\u5217\u8868\u662F\u5426\u4E0E\u8F93\u5165\u6846\u540C\u5BBD | boolean | | | render | \u7528\u4E8E\u6E32\u67D3 filter \u540E\u7684\u9009\u9879,\u53EF\u4F7F\u7528 #showSearchRender="{inputValue, path}" | \`function({inputValue, path}): VNode\` | | | sort | \u7528\u4E8E\u6392\u5E8F filter \u540E\u7684\u9009\u9879 | \`function(a, b, inputValue)\` | | ### \u4E8B\u4EF6 | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C | | ------------------ | ------------------- | ---------------------------------- | ---- | ----- | | change | \u9009\u62E9\u5B8C\u6210\u540E\u7684\u56DE\u8C03 | \`(value, selectedOptions) => void\` | - | | | popupVisibleChange | \u663E\u793A/\u9690\u85CF\u6D6E\u5C42\u7684\u56DE\u8C03 | \`(value) => void\` | - | | | search | \u8F93\u5165\u6846\u53D8\u5316\u65F6\u7684\u56DE\u8C03 | \`(value) => void\` | - | 1.5.4 | ### Option \`\`\`ts interface Option { value: string | number; label?: VNode; disabled?: boolean; children?: Option[]; } \`\`\` ## \u65B9\u6CD5 | \u540D\u79F0 | \u63CF\u8FF0 | | ------- | -------- | | blur() | \u79FB\u9664\u7126\u70B9 | | focus() | \u83B7\u53D6\u7126\u70B9 | > \u6CE8\u610F\uFF0C\u5982\u679C\u9700\u8981\u83B7\u5F97\u4E2D\u56FD\u7701\u5E02\u533A\u6570\u636E\uFF0C\u53EF\u4EE5\u53C2\u8003 react \u7EC4\u4EF6\u7684\u5B9E\u73B0 [china-division](https://gist.github.com/afc163/7582f35654fd03d5be7009444345ea17)\u3002 `,html:`\u7EA7\u8054\u9009\u62E9\u6846\u3002
<a-cascader :options="options" v-model:value="value" />
| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
|---|---|---|---|
| allowClear | \u662F\u5426\u652F\u6301\u6E05\u9664 | boolean | true |
| autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false |
| changeOnSelect | \u5F53\u6B64\u9879\u4E3A true \u65F6\uFF0C\u70B9\u9009\u6BCF\u7EA7\u83DC\u5355\u9009\u9879\u503C\u90FD\u4F1A\u53D1\u751F\u53D8\u5316\uFF0C\u5177\u4F53\u89C1\u4E0A\u9762\u7684\u6F14\u793A | boolean | false |
| defaultValue | \u9ED8\u8BA4\u7684\u9009\u4E2D\u9879 | string[] | number[] | [] |
| disabled | \u7981\u7528 | boolean | false |
| displayRender | \u9009\u62E9\u540E\u5C55\u793A\u7684\u6E32\u67D3\u51FD\u6570,\u53EF\u4F7F\u7528 #displayRender="{labels, selectedOptions}" | ({labels, selectedOptions}) => VNode |
labels => labels.join(' / ') |
| expandTrigger | \u6B21\u7EA7\u83DC\u5355\u7684\u5C55\u5F00\u65B9\u5F0F\uFF0C\u53EF\u9009 'click' \u548C 'hover' | string | 'click' |
| fieldNames | \u81EA\u5B9A\u4E49 options \u4E2D label name children \u7684\u5B57\u6BB5 | object | { label: 'label', value: 'value', children: 'children' } |
| getPopupContainer | \u83DC\u5355\u6E32\u67D3\u7236\u8282\u70B9\u3002\u9ED8\u8BA4\u6E32\u67D3\u5230 body \u4E0A\uFF0C\u5982\u679C\u4F60\u9047\u5230\u83DC\u5355\u6EDA\u52A8\u5B9A\u4F4D\u95EE\u9898\uFF0C\u8BD5\u8BD5\u4FEE\u6539\u4E3A\u6EDA\u52A8\u7684\u533A\u57DF\uFF0C\u5E76\u76F8\u5BF9\u5176\u5B9A\u4F4D\u3002 | Function(triggerNode) | () => document.body |
| loadData | \u7528\u4E8E\u52A8\u6001\u52A0\u8F7D\u9009\u9879\uFF0C\u65E0\u6CD5\u4E0E showSearch \u4E00\u8D77\u4F7F\u7528 |
(selectedOptions) => void |
- |
| notFoundContent | \u5F53\u4E0B\u62C9\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9 | string | 'Not Found' |
| options | \u53EF\u9009\u9879\u6570\u636E\u6E90 | Option[] | - |
| placeholder | \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C | string | '\u8BF7\u9009\u62E9' |
| popupClassName | \u81EA\u5B9A\u4E49\u6D6E\u5C42\u7C7B\u540D | string | - |
| popupStyle | \u81EA\u5B9A\u4E49\u6D6E\u5C42\u6837\u5F0F | object | {} |
| popupPlacement | \u6D6E\u5C42\u9884\u8BBE\u4F4D\u7F6E\uFF1AbottomLeft bottomRight topLeft topRight |
Enum | bottomLeft |
| popupVisible | \u63A7\u5236\u6D6E\u5C42\u663E\u9690 | boolean | - |
| showSearch | \u5728\u9009\u62E9\u6846\u4E2D\u663E\u793A\u641C\u7D22\u6846 | boolean | object | false |
| size | \u8F93\u5165\u6846\u5927\u5C0F\uFF0C\u53EF\u9009 large default small |
string | default |
| suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | string | VNode | slot | - |
| value(v-model) | \u6307\u5B9A\u9009\u4E2D\u9879 | string[] | number[] | - |
showSearch \u4E3A\u5BF9\u8C61\u65F6\uFF0C\u5176\u4E2D\u7684\u5B57\u6BB5\uFF1A
| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
|---|---|---|---|
| filter | \u63A5\u6536 inputValue path \u4E24\u4E2A\u53C2\u6570\uFF0C\u5F53 path \u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u65F6\uFF0C\u5E94\u8FD4\u56DE true\uFF0C\u53CD\u4E4B\u5219\u8FD4\u56DE false\u3002 |
function(inputValue, path): boolean |
|
| limit | \u641C\u7D22\u7ED3\u679C\u5C55\u793A\u6570\u91CF | number | false | 50 |
| matchInputWidth | \u641C\u7D22\u7ED3\u679C\u5217\u8868\u662F\u5426\u4E0E\u8F93\u5165\u6846\u540C\u5BBD | boolean | |
| render | \u7528\u4E8E\u6E32\u67D3 filter \u540E\u7684\u9009\u9879,\u53EF\u4F7F\u7528 #showSearchRender="{inputValue, path}" | function({inputValue, path}): VNode |
|
| sort | \u7528\u4E8E\u6392\u5E8F filter \u540E\u7684\u9009\u9879 | function(a, b, inputValue) |
| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C |
|---|---|---|---|
| change | \u9009\u62E9\u5B8C\u6210\u540E\u7684\u56DE\u8C03 | (value, selectedOptions) => void |
- |
| popupVisibleChange | \u663E\u793A/\u9690\u85CF\u6D6E\u5C42\u7684\u56DE\u8C03 | (value) => void |
- |
| search | \u8F93\u5165\u6846\u53D8\u5316\u65F6\u7684\u56DE\u8C03 | (value) => void |
- |
interface Option {
value: string | number;
label?: VNode;
disabled?: boolean;
children?: Option[];
}
| \u540D\u79F0 | \u63CF\u8FF0 |
|---|---|
| blur() | \u79FB\u9664\u7126\u70B9 |
| focus() | \u83B7\u53D6\u7126\u70B9 |
`,lastUpdated:1748059052647}},Gn={class:"markdown"};function Hn(t,s,r,u,g,d){return k(),m("article",Gn,s[0]||(s[0]=[w(`\u6CE8\u610F\uFF0C\u5982\u679C\u9700\u8981\u83B7\u5F97\u4E2D\u56FD\u7701\u5E02\u533A\u6570\u636E\uFF0C\u53EF\u4EE5\u53C2\u8003 react \u7EC4\u4EF6\u7684\u5B9E\u73B0 china-division\u3002
\u7EA7\u8054\u9009\u62E9\u6846\u3002
<a-cascader :options="options" v-model:value="value" />
| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
|---|---|---|---|
| allowClear | \u662F\u5426\u652F\u6301\u6E05\u9664 | boolean | true |
| autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false |
| changeOnSelect | \u5F53\u6B64\u9879\u4E3A true \u65F6\uFF0C\u70B9\u9009\u6BCF\u7EA7\u83DC\u5355\u9009\u9879\u503C\u90FD\u4F1A\u53D1\u751F\u53D8\u5316\uFF0C\u5177\u4F53\u89C1\u4E0A\u9762\u7684\u6F14\u793A | boolean | false |
| defaultValue | \u9ED8\u8BA4\u7684\u9009\u4E2D\u9879 | string[] | number[] | [] |
| disabled | \u7981\u7528 | boolean | false |
| displayRender | \u9009\u62E9\u540E\u5C55\u793A\u7684\u6E32\u67D3\u51FD\u6570,\u53EF\u4F7F\u7528 #displayRender="{labels, selectedOptions}" | ({labels, selectedOptions}) => VNode | labels => labels.join(' / ') |
| expandTrigger | \u6B21\u7EA7\u83DC\u5355\u7684\u5C55\u5F00\u65B9\u5F0F\uFF0C\u53EF\u9009 'click' \u548C 'hover' | string | 'click' |
| fieldNames | \u81EA\u5B9A\u4E49 options \u4E2D label name children \u7684\u5B57\u6BB5 | object | { label: 'label', value: 'value', children: 'children' } |
| getPopupContainer | \u83DC\u5355\u6E32\u67D3\u7236\u8282\u70B9\u3002\u9ED8\u8BA4\u6E32\u67D3\u5230 body \u4E0A\uFF0C\u5982\u679C\u4F60\u9047\u5230\u83DC\u5355\u6EDA\u52A8\u5B9A\u4F4D\u95EE\u9898\uFF0C\u8BD5\u8BD5\u4FEE\u6539\u4E3A\u6EDA\u52A8\u7684\u533A\u57DF\uFF0C\u5E76\u76F8\u5BF9\u5176\u5B9A\u4F4D\u3002 | Function(triggerNode) | () => document.body |
| loadData | \u7528\u4E8E\u52A8\u6001\u52A0\u8F7D\u9009\u9879\uFF0C\u65E0\u6CD5\u4E0E showSearch \u4E00\u8D77\u4F7F\u7528 | (selectedOptions) => void | - |
| notFoundContent | \u5F53\u4E0B\u62C9\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9 | string | 'Not Found' |
| options | \u53EF\u9009\u9879\u6570\u636E\u6E90 | Option[] | - |
| placeholder | \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C | string | '\u8BF7\u9009\u62E9' |
| popupClassName | \u81EA\u5B9A\u4E49\u6D6E\u5C42\u7C7B\u540D | string | - |
| popupStyle | \u81EA\u5B9A\u4E49\u6D6E\u5C42\u6837\u5F0F | object | {} |
| popupPlacement | \u6D6E\u5C42\u9884\u8BBE\u4F4D\u7F6E\uFF1AbottomLeft bottomRight topLeft topRight | Enum | bottomLeft |
| popupVisible | \u63A7\u5236\u6D6E\u5C42\u663E\u9690 | boolean | - |
| showSearch | \u5728\u9009\u62E9\u6846\u4E2D\u663E\u793A\u641C\u7D22\u6846 | boolean | object | false |
| size | \u8F93\u5165\u6846\u5927\u5C0F\uFF0C\u53EF\u9009 large default small | string | default |
| suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | string | VNode | slot | - |
| value(v-model) | \u6307\u5B9A\u9009\u4E2D\u9879 | string[] | number[] | - |
showSearch \u4E3A\u5BF9\u8C61\u65F6\uFF0C\u5176\u4E2D\u7684\u5B57\u6BB5\uFF1A
| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
|---|---|---|---|
| filter | \u63A5\u6536 inputValue path \u4E24\u4E2A\u53C2\u6570\uFF0C\u5F53 path \u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u65F6\uFF0C\u5E94\u8FD4\u56DE true\uFF0C\u53CD\u4E4B\u5219\u8FD4\u56DE false\u3002 | function(inputValue, path): boolean | |
| limit | \u641C\u7D22\u7ED3\u679C\u5C55\u793A\u6570\u91CF | number | false | 50 |
| matchInputWidth | \u641C\u7D22\u7ED3\u679C\u5217\u8868\u662F\u5426\u4E0E\u8F93\u5165\u6846\u540C\u5BBD | boolean | |
| render | \u7528\u4E8E\u6E32\u67D3 filter \u540E\u7684\u9009\u9879,\u53EF\u4F7F\u7528 #showSearchRender="{inputValue, path}" | function({inputValue, path}): VNode | |
| sort | \u7528\u4E8E\u6392\u5E8F filter \u540E\u7684\u9009\u9879 | function(a, b, inputValue) |
| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C |
|---|---|---|---|
| change | \u9009\u62E9\u5B8C\u6210\u540E\u7684\u56DE\u8C03 | (value, selectedOptions) => void | - |
| popupVisibleChange | \u663E\u793A/\u9690\u85CF\u6D6E\u5C42\u7684\u56DE\u8C03 | (value) => void | - |
| search | \u8F93\u5165\u6846\u53D8\u5316\u65F6\u7684\u56DE\u8C03 | (value) => void | - |
interface Option {
value: string | number;
label?: VNode;
disabled?: boolean;
children?: Option[];
}
| \u540D\u79F0 | \u63CF\u8FF0 |
|---|---|
| blur() | \u79FB\u9664\u7126\u70B9 |
| focus() | \u83B7\u53D6\u7126\u70B9 |
`,16)]))}var Vn=I(fn,[["render",Hn]]);const Yn={pageData:{title:"Cascader",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"Cascader",cover:"https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:""},{level:3,title:"showSearch",slug:"showsearch",content:"Fields in `showSearch`:"},{level:3,title:"events",slug:"events",content:""},{level:3,title:"Option",slug:"option",content:""},{level:2,title:"Methods",slug:"methods",content:""}],relativePath:"src/docs/cascader/index.en-US.md",content:` Cascade selection box. ## When To Use - When you need to select from a set of associated data set. Such as province/city/district, company level, things classification. - When selecting from a large data set, with multi-stage classification separated for easy selection. - Chooses cascade items in one float layer for better user experience. ## API \`\`\`html <a-cascader :options="options" v-model:value="value" /> \`\`\` | Property | Description | Type | Default | | --- | --- | --- | --- | | allowClear | whether allow clear | boolean | true | | autofocus | get focus when component mounted | boolean | false | | changeOnSelect | change value on each selection if set to true, see above demo for details | boolean | false | | defaultValue | initial selected value | string\\[] \\| number\\[] | \\[] | | disabled | whether disabled select | boolean | false | | displayRender | render function of displaying selected options, you can use #displayRender="{labels, selectedOptions}" | \`({labels, selectedOptions}) => VNode\` | \`labels => labels.join(' / ')\` | | expandTrigger | expand current item when click or hover, one of 'click' 'hover' | string | 'click' | | fieldNames | custom field name for label and value and children | object | \`{ label: 'label', value: 'value', children: 'children' }\` | | getPopupContainer | Parent Node which the selector should be rendered to. Default to \`body\`. When position issues happen, try to modify it into scrollable content and position it relative. | Function(triggerNode) | () => document.body | | loadData | To load option lazily, and it cannot work with \`showSearch\` | \`(selectedOptions) => void\` | - | | notFoundContent | Specify content to show when no result matches. | string | 'Not Found' | | options | data options of cascade | [Option](#option)[] | - | | placeholder | input placeholder | string | 'Please select' | | popupClassName | additional className of popup overlay | string | - | | popupStyle | additional style of popup overlay | object | {} | | popupPlacement | use preset popup align config from builtinPlacements\uFF1A\`bottomLeft\` \`bottomRight\` \`topLeft\` \`topRight\` | string | \`bottomLeft\` | | popupVisible | set visible of cascader popup | boolean | - | | showSearch | Whether show search input in single mode. | boolean \\| [object](#showsearch) | false | | size | input size, one of \`large\` \`default\` \`small\` | string | \`default\` | | suffixIcon | The custom suffix icon | string \\| VNode \\| slot | - | | value(v-model) | selected value | string\\[] \\| number\\[] | - | ### showSearch Fields in \`showSearch\`: | Property | Description | Type | Default | | --- | --- | --- | --- | | filter | The function will receive two arguments, inputValue and option, if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded. | \`function(inputValue, path): boolean\` | | | limit | Set the count of filtered items | number \\| false | 50 | | matchInputWidth | Whether the width of result list equals to input's | boolean | | | render | Used to render filtered options, you can use #showSearchRender="{inputValue, path}" | \`function({inputValue, path}): VNode\` | | | sort | Used to sort filtered options. | \`function(a, b, inputValue)\` | | ### events | Events Name | Description | Arguments | version | | --- | --- | --- | --- | --- | | change | callback when finishing cascader select | \`(value, selectedOptions) => void\` | - | | | popupVisibleChange | callback when popup shown or hidden | \`(value) => void\` | - | | | search | callback when input value change | \`(value) => void\` | - | 1.5.4 | ### Option \`\`\`ts interface Option { value: string | number; label?: VNode; disabled?: boolean; children?: Option[]; } \`\`\` ## Methods | Name | Description | | ------- | ------------ | | blur() | remove focus | | focus() | get focus | `,html:`\u6CE8\u610F\uFF0C\u5982\u679C\u9700\u8981\u83B7\u5F97\u4E2D\u56FD\u7701\u5E02\u533A\u6570\u636E\uFF0C\u53EF\u4EE5\u53C2\u8003 react \u7EC4\u4EF6\u7684\u5B9E\u73B0 china-division\u3002
Cascade selection box.
<a-cascader :options="options" v-model:value="value" />
| Property | Description | Type | Default |
|---|---|---|---|
| allowClear | whether allow clear | boolean | true |
| autofocus | get focus when component mounted | boolean | false |
| changeOnSelect | change value on each selection if set to true, see above demo for details | boolean | false |
| defaultValue | initial selected value | string[] | number[] | [] |
| disabled | whether disabled select | boolean | false |
| displayRender | render function of displaying selected options, you can use #displayRender="{labels, selectedOptions}" | ({labels, selectedOptions}) => VNode |
labels => labels.join(' / ') |
| expandTrigger | expand current item when click or hover, one of 'click' 'hover' | string | 'click' |
| fieldNames | custom field name for label and value and children | object | { label: 'label', value: 'value', children: 'children' } |
| getPopupContainer | Parent Node which the selector should be rendered to. Default to body. When position issues happen, try to modify it into scrollable content and position it relative. |
Function(triggerNode) | () => document.body |
| loadData | To load option lazily, and it cannot work with showSearch |
(selectedOptions) => void |
- |
| notFoundContent | Specify content to show when no result matches. | string | 'Not Found' |
| options | data options of cascade | Option[] | - |
| placeholder | input placeholder | string | 'Please select' |
| popupClassName | additional className of popup overlay | string | - |
| popupStyle | additional style of popup overlay | object | {} |
| popupPlacement | use preset popup align config from builtinPlacements\uFF1AbottomLeft bottomRight topLeft topRight |
string | bottomLeft |
| popupVisible | set visible of cascader popup | boolean | - |
| showSearch | Whether show search input in single mode. | boolean | object | false |
| size | input size, one of large default small |
string | default |
| suffixIcon | The custom suffix icon | string | VNode | slot | - |
| value(v-model) | selected value | string[] | number[] | - |
Fields in showSearch:
| Property | Description | Type | Default |
|---|---|---|---|
| filter | The function will receive two arguments, inputValue and option, if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded. | function(inputValue, path): boolean |
|
| limit | Set the count of filtered items | number | false | 50 |
| matchInputWidth | Whether the width of result list equals to input's | boolean | |
| render | Used to render filtered options, you can use #showSearchRender="{inputValue, path}" | function({inputValue, path}): VNode |
|
| sort | Used to sort filtered options. | function(a, b, inputValue) |
| Events Name | Description | Arguments | version |
|---|---|---|---|
| change | callback when finishing cascader select | (value, selectedOptions) => void |
- |
| popupVisibleChange | callback when popup shown or hidden | (value) => void |
- |
| search | callback when input value change | (value) => void |
- |
interface Option {
value: string | number;
label?: VNode;
disabled?: boolean;
children?: Option[];
}
| Name | Description |
|---|---|
| blur() | remove focus |
| focus() | get focus |
Cascade selection box.
<a-cascader :options="options" v-model:value="value" />
| Property | Description | Type | Default |
|---|---|---|---|
| allowClear | whether allow clear | boolean | true |
| autofocus | get focus when component mounted | boolean | false |
| changeOnSelect | change value on each selection if set to true, see above demo for details | boolean | false |
| defaultValue | initial selected value | string[] | number[] | [] |
| disabled | whether disabled select | boolean | false |
| displayRender | render function of displaying selected options, you can use #displayRender="{labels, selectedOptions}" | ({labels, selectedOptions}) => VNode | labels => labels.join(' / ') |
| expandTrigger | expand current item when click or hover, one of 'click' 'hover' | string | 'click' |
| fieldNames | custom field name for label and value and children | object | { label: 'label', value: 'value', children: 'children' } |
| getPopupContainer | Parent Node which the selector should be rendered to. Default to body. When position issues happen, try to modify it into scrollable content and position it relative. | Function(triggerNode) | () => document.body |
| loadData | To load option lazily, and it cannot work with showSearch | (selectedOptions) => void | - |
| notFoundContent | Specify content to show when no result matches. | string | 'Not Found' |
| options | data options of cascade | Option[] | - |
| placeholder | input placeholder | string | 'Please select' |
| popupClassName | additional className of popup overlay | string | - |
| popupStyle | additional style of popup overlay | object | {} |
| popupPlacement | use preset popup align config from builtinPlacements\uFF1AbottomLeft bottomRight topLeft topRight | string | bottomLeft |
| popupVisible | set visible of cascader popup | boolean | - |
| showSearch | Whether show search input in single mode. | boolean | object | false |
| size | input size, one of large default small | string | default |
| suffixIcon | The custom suffix icon | string | VNode | slot | - |
| value(v-model) | selected value | string[] | number[] | - |
Fields in showSearch:
| Property | Description | Type | Default |
|---|---|---|---|
| filter | The function will receive two arguments, inputValue and option, if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded. | function(inputValue, path): boolean | |
| limit | Set the count of filtered items | number | false | 50 |
| matchInputWidth | Whether the width of result list equals to input's | boolean | |
| render | Used to render filtered options, you can use #showSearchRender="{inputValue, path}" | function({inputValue, path}): VNode | |
| sort | Used to sort filtered options. | function(a, b, inputValue) |
| Events Name | Description | Arguments | version |
|---|---|---|---|
| change | callback when finishing cascader select | (value, selectedOptions) => void | - |
| popupVisibleChange | callback when popup shown or hidden | (value) => void | - |
| search | callback when input value change | (value) => void | - |
interface Option {
value: string | number;
label?: VNode;
disabled?: boolean;
children?: Option[];
}
| Name | Description |
|---|---|
| blur() | remove focus |
| focus() | get focus |