import{d as m,r as h,s as A,_ as C,j as l,k,l as b,w as e,f as o,b as t,e as n,a as v,t as W,q as G,bk as S,n as Z}from"./index.c1b9962e.js";import{S as N}from"./SmileOutlined.8742fd55.js";const x=m({setup(){const s=h();return A(s,()=>{console.log(s.value)}),{value:s}}});function H(s,a,i,g,r,d){const c=l("a-tree-select-node"),p=l("a-tree-select"),u=l("demo-box");return k(),b(u,{jsfiddle:{us:"The most basic usage.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The most basic usage.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/tree-select/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHNob3ctc2VhcmNoCiAgICBzdHlsZT0id2lkdGg6IDEwMCUiCiAgICA6ZHJvcGRvd24tc3R5bGU9InsgbWF4SGVpZ2h0OiAnNDAwcHgnLCBvdmVyZmxvdzogJ2F1dG8nIH0iCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGFsbG93LWNsZWFyCiAgICB0cmVlLWRlZmF1bHQtZXhwYW5kLWFsbAogID4KICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSIwLTEiIHZhbHVlPSJwYXJlbnQgMSIgdGl0bGU9InBhcmVudCAxIj4KICAgICAgPGEtdHJlZS1zZWxlY3Qtbm9kZSBrZXk9IjAtMS0xIiB2YWx1ZT0icGFyZW50IDEtMCIgdGl0bGU9InBhcmVudCAxLTAiPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20iIHZhbHVlPSJsZWFmMSIgdGl0bGU9Im15IGxlYWYiIC8+CiAgICAgICAgPGEtdHJlZS1zZWxlY3Qtbm9kZSBrZXk9InJhbmRvbTEiIHZhbHVlPSJsZWFmMiIgdGl0bGU9InlvdXIgbGVhZiIgLz4KICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20yIiB2YWx1ZT0icGFyZW50IDEtMSIgdGl0bGU9InBhcmVudCAxLTEiPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20zIiB2YWx1ZT0ic3NzIj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+PGIgc3R5bGU9ImNvbG9yOiAjMDhjIj5zc3M8L2I+PC90ZW1wbGF0ZT4KICAgICAgICA8L2EtdHJlZS1zZWxlY3Qtbm9kZT4KICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICA8L2EtdHJlZS1zZWxlY3Qtbm9kZT4KICA8L2EtdHJlZS1zZWxlY3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8c3RyaW5nPigpOwogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2codmFsdWUudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHNob3ctc2VhcmNoCiAgICBzdHlsZT0id2lkdGg6IDEwMCUiCiAgICA6ZHJvcGRvd24tc3R5bGU9InsgbWF4SGVpZ2h0OiAnNDAwcHgnLCBvdmVyZmxvdzogJ2F1dG8nIH0iCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGFsbG93LWNsZWFyCiAgICB0cmVlLWRlZmF1bHQtZXhwYW5kLWFsbAogID4KICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSIwLTEiIHZhbHVlPSJwYXJlbnQgMSIgdGl0bGU9InBhcmVudCAxIj4KICAgICAgPGEtdHJlZS1zZWxlY3Qtbm9kZSBrZXk9IjAtMS0xIiB2YWx1ZT0icGFyZW50IDEtMCIgdGl0bGU9InBhcmVudCAxLTAiPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20iIHZhbHVlPSJsZWFmMSIgdGl0bGU9Im15IGxlYWYiIC8+CiAgICAgICAgPGEtdHJlZS1zZWxlY3Qtbm9kZSBrZXk9InJhbmRvbTEiIHZhbHVlPSJsZWFmMiIgdGl0bGU9InlvdXIgbGVhZiIgLz4KICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20yIiB2YWx1ZT0icGFyZW50IDEtMSIgdGl0bGU9InBhcmVudCAxLTEiPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20zIiB2YWx1ZT0ic3NzIj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+PGIgc3R5bGU9ImNvbG9yOiAjMDhjIj5zc3M8L2I+PC90ZW1wbGF0ZT4KICAgICAgICA8L2EtdHJlZS1zZWxlY3Qtbm9kZT4KICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICA8L2EtdHJlZS1zZWxlY3Qtbm9kZT4KICA8L2EtdHJlZS1zZWxlY3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigpOwogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2codmFsdWUudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(p,{value:s.value,"onUpdate:value":a[0]||(a[0]=I=>s.value=I),"show-search":"",style:{width:"100%"},"dropdown-style":{maxHeight:"400px",overflow:"auto"},placeholder:"Please select","allow-clear":"","tree-default-expand-all":""},{default:e(()=>[o(c,{key:"0-1",value:"parent 1",title:"parent 1"},{default:e(()=>[o(c,{key:"0-1-1",value:"parent 1-0",title:"parent 1-0"},{default:e(()=>[o(c,{key:"random",value:"leaf1",title:"my leaf"}),o(c,{key:"random1",value:"leaf2",title:"your leaf"})]),_:1}),o(c,{key:"random2",value:"parent 1-1",title:"parent 1-1"},{default:e(()=>[o(c,{key:"random3",value:"sss"},{title:e(()=>a[1]||(a[1]=[t("b",{style:{color:"#08c"}},"sss",-1)])),_:1})]),_:1})]),_:1})]),_:1},8,["value"])]),htmlCode:e(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"show-search"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("your leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("sss"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n("sss"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>a[3]||(a[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"show-search"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("your leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("sss"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n("sss"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var V=C(x,[["render",H]]);const T=m({setup(){const s=h([]);return A(s,()=>{console.log("select",s.value)}),{value:s}}});function B(s,a,i,g,r,d){const c=l("a-tree-select-node"),p=l("a-tree-select"),u=l("demo-box");return k(),b(u,{jsfiddle:{us:"Multiple selection usage.",cn:"\u591A\u9009\u7684\u6811\u9009\u62E9\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u591A\u9009\u7684\u6811\u9009\u62E9\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Multiple selection usage.</p>
`,order:1,title:{"zh-CN":"\u591A\u9009","en-US":"Multiple Selection"},relativePath:"src/docs/tree-select/demo/multiple.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICBzaG93LXNlYXJjaAogICAgc3R5bGU9IndpZHRoOiAxMDAlIgogICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICA6ZHJvcGRvd24tc3R5bGU9InsgbWF4SGVpZ2h0OiAnNDAwcHgnLCBvdmVyZmxvdzogJ2F1dG8nIH0iCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGFsbG93LWNsZWFyCiAgICBtdWx0aXBsZQogICAgdHJlZS1kZWZhdWx0LWV4cGFuZC1hbGwKICA+CiAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0iMC0xIiB2YWx1ZT0icGFyZW50IDEiIHRpdGxlPSJwYXJlbnQgMSI+CiAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSIwLTEtMSIgdmFsdWU9InBhcmVudCAxLTAiIHRpdGxlPSJwYXJlbnQgMS0wIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tIiB2YWx1ZT0ibGVhZjEiIHRpdGxlPSJteSBsZWFmIiAvPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20xIiB2YWx1ZT0ibGVhZjIiIHRpdGxlPSJ5b3VyIGxlYWYiIC8+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMiIgdmFsdWU9InBhcmVudCAxLTEiIHRpdGxlPSJwYXJlbnQgMS0xIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMyIgdmFsdWU9InNzcyI+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPjxiIHN0eWxlPSJjb2xvcjogIzA4YyI+c3NzPC9iPjwvdGVtcGxhdGU+CiAgICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgPC9hLXRyZWUtc2VsZWN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmdbXT4oW10pOwoKICAgIHdhdGNoKHZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3QnLCB2YWx1ZS52YWx1ZSk7CiAgICB9KTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICBzaG93LXNlYXJjaAogICAgc3R5bGU9IndpZHRoOiAxMDAlIgogICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICA6ZHJvcGRvd24tc3R5bGU9InsgbWF4SGVpZ2h0OiAnNDAwcHgnLCBvdmVyZmxvdzogJ2F1dG8nIH0iCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGFsbG93LWNsZWFyCiAgICBtdWx0aXBsZQogICAgdHJlZS1kZWZhdWx0LWV4cGFuZC1hbGwKICA+CiAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0iMC0xIiB2YWx1ZT0icGFyZW50IDEiIHRpdGxlPSJwYXJlbnQgMSI+CiAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSIwLTEtMSIgdmFsdWU9InBhcmVudCAxLTAiIHRpdGxlPSJwYXJlbnQgMS0wIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tIiB2YWx1ZT0ibGVhZjEiIHRpdGxlPSJteSBsZWFmIiAvPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUga2V5PSJyYW5kb20xIiB2YWx1ZT0ibGVhZjIiIHRpdGxlPSJ5b3VyIGxlYWYiIC8+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMiIgdmFsdWU9InBhcmVudCAxLTEiIHRpdGxlPSJwYXJlbnQgMS0xIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMyIgdmFsdWU9InNzcyI+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPjxiIHN0eWxlPSJjb2xvcjogIzA4YyI+c3NzPC9iPjwvdGVtcGxhdGU+CiAgICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgPC9hLXRyZWUtc2VsZWN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWYoW10pOwogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlbGVjdCcsIHZhbHVlLnZhbHVlKTsKICAgIH0pOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(p,{"show-search":"",style:{width:"100%"},value:s.value,"onUpdate:value":a[0]||(a[0]=I=>s.value=I),"dropdown-style":{maxHeight:"400px",overflow:"auto"},placeholder:"Please select","allow-clear":"",multiple:"","tree-default-expand-all":""},{default:e(()=>[o(c,{key:"0-1",value:"parent 1",title:"parent 1"},{default:e(()=>[o(c,{key:"0-1-1",value:"parent 1-0",title:"parent 1-0"},{default:e(()=>[o(c,{key:"random",value:"leaf1",title:"my leaf"}),o(c,{key:"random1",value:"leaf2",title:"your leaf"})]),_:1}),o(c,{key:"random2",value:"parent 1-1",title:"parent 1-1"},{default:e(()=>[o(c,{key:"random3",value:"sss"},{title:e(()=>a[1]||(a[1]=[t("b",{style:{color:"#08c"}},"sss",-1)])),_:1})]),_:1})]),_:1})]),_:1},8,["value"])]),htmlCode:e(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},"show-search"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},"multiple"),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("your leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("sss"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n("sss"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'select'"),t("span",{class:"token punctuation"},","),n(" value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>a[3]||(a[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},"show-search"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},"multiple"),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("your leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("sss"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n("sss"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'select'"),t("span",{class:"token punctuation"},","),n(" value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var R=C(T,[["render",B]]);const L=[{title:"Node1",value:"0-0",key:"0-0",children:[{value:"0-0-1",key:"0-0-1",slots:{title:"title"}},{title:"Child Node2",value:"0-0-2",key:"0-0-2"}]},{title:"Node2",value:"0-1",key:"0-1"}],P=m({setup(){const s=h();return A(s,()=>{console.log(s.value)}),{value:s,treeData:L}}}),X={key:0,style:{color:"#08c"}};function D(s,a,i,g,r,d){const c=l("a-tree-select"),p=l("demo-box");return k(),b(p,{jsfiddle:{us:"The tree structure can be populated using `treeData` property. This is a quick and easy way to provide the tree content.",cn:"\u4F7F\u7528 `treeData` \u628A JSON \u6570\u636E\u76F4\u63A5\u751F\u6210\u6811\u7ED3\u6784\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 <code>treeData</code> \u628A JSON \u6570\u636E\u76F4\u63A5\u751F\u6210\u6811\u7ED3\u6784\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The tree structure can be populated using <code>treeData</code> property. This is a quick and easy way to provide the tree content.</p>
`,order:2,title:{"zh-CN":"\u4ECE\u6570\u636E\u76F4\u63A5\u751F\u6210","en-US":"Generate form tree data"},relativePath:"src/docs/tree-select/demo/treeData.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgIDpkcm9wZG93bi1zdHlsZT0ieyBtYXhIZWlnaHQ6ICc0MDBweCcsIG92ZXJmbG93OiAnYXV0bycgfSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgICB0cmVlLWRlZmF1bHQtZXhwYW5kLWFsbAogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9Insga2V5LCB2YWx1ZSB9Ij4KICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiAjMDhjIiB2LWlmPSJrZXkgPT09ICcwLTAtMSciPkNoaWxkIE5vZGUxIHt7IHZhbHVlIH19PC9zcGFuPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZS1zZWxlY3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwoKaW50ZXJmYWNlIFRyZWVEYXRhSXRlbSB7CiAgdmFsdWU6IHN0cmluZzsKICBrZXk6IHN0cmluZzsKICB0aXRsZT86IHN0cmluZzsKICBzbG90cz86IFJlY29yZDxzdHJpbmcsIHN0cmluZz47CiAgY2hpbGRyZW4/OiBUcmVlRGF0YUl0ZW1bXTsKfQoKY29uc3QgdHJlZURhdGE6IFRyZWVEYXRhSXRlbVtdID0gWwogIHsKICAgIHRpdGxlOiAnTm9kZTEnLAogICAgdmFsdWU6ICcwLTAnLAogICAga2V5OiAnMC0wJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJzAtMC0xJywKICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgc2xvdHM6IHsKICAgICAgICAgIHRpdGxlOiAndGl0bGUnLAogICAgICAgIH0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ0NoaWxkIE5vZGUyJywKICAgICAgICB2YWx1ZTogJzAtMC0yJywKICAgICAgICBrZXk6ICcwLTAtMicsCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdGl0bGU6ICdOb2RlMicsCiAgICB2YWx1ZTogJzAtMScsCiAgICBrZXk6ICcwLTEnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmc+KCk7CgogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2codmFsdWUudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgdHJlZURhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgIDpkcm9wZG93bi1zdHlsZT0ieyBtYXhIZWlnaHQ6ICc0MDBweCcsIG92ZXJmbG93OiAnYXV0bycgfSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgcGxhY2Vob2xkZXI9IlBsZWFzZSBzZWxlY3QiCiAgICB0cmVlLWRlZmF1bHQtZXhwYW5kLWFsbAogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9Insga2V5LCB2YWx1ZSB9Ij4KICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiAjMDhjIiB2LWlmPSJrZXkgPT09ICcwLTAtMSciPkNoaWxkIE5vZGUxIHt7IHZhbHVlIH19PC9zcGFuPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZS1zZWxlY3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IHRyZWVEYXRhID0gWwogIHsKICAgIHRpdGxlOiAnTm9kZTEnLAogICAgdmFsdWU6ICcwLTAnLAogICAga2V5OiAnMC0wJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB2YWx1ZTogJzAtMC0xJywKICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgc2xvdHM6IHsKICAgICAgICAgIHRpdGxlOiAndGl0bGUnLAogICAgICAgIH0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ0NoaWxkIE5vZGUyJywKICAgICAgICB2YWx1ZTogJzAtMC0yJywKICAgICAgICBrZXk6ICcwLTAtMicsCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdGl0bGU6ICdOb2RlMicsCiAgICB2YWx1ZTogJzAtMScsCiAgICBrZXk6ICcwLTEnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigpOwogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2codmFsdWUudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgdHJlZURhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":a[0]||(a[0]=u=>s.value=u),style:{width:"100%"},"dropdown-style":{maxHeight:"400px",overflow:"auto"},"tree-data":s.treeData,placeholder:"Please select","tree-default-expand-all":""},{title:e(({key:u,value:I})=>[u==="0-0-1"?(k(),v("span",X,"Child Node1 "+W(I),1)):G("",!0)]),_:1},8,["value","tree-data"])]),htmlCode:e(()=>a[1]||(a[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":tree-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("treeData"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ key, value }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("key === '0-0-1'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Child Node1 {{ value }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"interface"),n(),t("span",{class:"token class-name"},"TreeDataItem"),n(),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  title`),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  slots`),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" Record"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token punctuation"},","),n(" string"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},";"),n(`
  children`),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" TreeDataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`

`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"treeData"),t("span",{class:"token operator"},":"),n(" TreeDataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"children"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"slots"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'title'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node2'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-2'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-2'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node2'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
      treeData`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":tree-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("treeData"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ key, value }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("key === '0-0-1'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Child Node1 {{ value }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"const"),n(" treeData "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"children"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"slots"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
          `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'title'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node2'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-2'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-2'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node2'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
      treeData`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var U=C(P,[["render",D]]);const F=S.SHOW_PARENT,Y=[{title:"Node1",value:"0-0",key:"0-0",children:[{title:"Child Node1",value:"0-0-0",key:"0-0-0"}]},{title:"Node2",value:"0-1",key:"0-1",children:[{title:"Child Node3",value:"0-1-0",key:"0-1-0",disabled:!0},{title:"Child Node4",value:"0-1-1",key:"0-1-1"},{title:"Child Node5",value:"0-1-2",key:"0-1-2"}]}],K=m({setup(){const s=h(["0-0-0"]);return A(s,()=>{console.log(s.value)}),{value:s,treeData:Y,SHOW_PARENT:F}}});function J(s,a,i,g,r,d){const c=l("a-tree-select"),p=l("demo-box");return k(),b(p,{jsfiddle:{us:"Multiple and checkable.",cn:"\u4F7F\u7528\u52FE\u9009\u6846\u5B9E\u73B0\u591A\u9009\u529F\u80FD\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528\u52FE\u9009\u6846\u5B9E\u73B0\u591A\u9009\u529F\u80FD\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Multiple and checkable.</p>
`,order:3,title:{"zh-CN":"\u53EF\u52FE\u9009","en-US":"Checkable"},relativePath:"src/docs/tree-select/demo/checkable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgdHJlZS1jaGVja2FibGUKICAgIGFsbG93LWNsZWFyCiAgICA6c2hvdy1jaGVja2VkLXN0cmF0ZWd5PSJTSE9XX1BBUkVOVCIKICAgIHNlYXJjaC1wbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgVHJlZVNlbGVjdCB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKY29uc3QgU0hPV19QQVJFTlQgPSBUcmVlU2VsZWN0LlNIT1dfUEFSRU5UOwoKaW50ZXJmYWNlIFRyZWVEYXRhSXRlbSB7CiAgdmFsdWU6IHN0cmluZzsKICBrZXk6IHN0cmluZzsKICB0aXRsZT86IHN0cmluZzsKICBkaXNhYmxlZD86IGJvb2xlYW47CiAgY2hpbGRyZW4/OiBUcmVlRGF0YUl0ZW1bXTsKfQoKY29uc3QgdHJlZURhdGE6IFRyZWVEYXRhSXRlbVtdID0gWwogIHsKICAgIHRpdGxlOiAnTm9kZTEnLAogICAgdmFsdWU6ICcwLTAnLAogICAga2V5OiAnMC0wJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB0aXRsZTogJ0NoaWxkIE5vZGUxJywKICAgICAgICB2YWx1ZTogJzAtMC0wJywKICAgICAgICBrZXk6ICcwLTAtMCcsCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdGl0bGU6ICdOb2RlMicsCiAgICB2YWx1ZTogJzAtMScsCiAgICBrZXk6ICcwLTEnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHRpdGxlOiAnQ2hpbGQgTm9kZTMnLAogICAgICAgIHZhbHVlOiAnMC0xLTAnLAogICAgICAgIGtleTogJzAtMS0wJywKICAgICAgICBkaXNhYmxlZDogdHJ1ZSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnQ2hpbGQgTm9kZTQnLAogICAgICAgIHZhbHVlOiAnMC0xLTEnLAogICAgICAgIGtleTogJzAtMS0xJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnQ2hpbGQgTm9kZTUnLAogICAgICAgIHZhbHVlOiAnMC0xLTInLAogICAgICAgIGtleTogJzAtMS0yJywKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJ10pOwoKICAgIHdhdGNoKHZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLnZhbHVlKTsKICAgIH0pOwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICB0cmVlRGF0YSwKICAgICAgU0hPV19QQVJFTlQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgdHJlZS1jaGVja2FibGUKICAgIGFsbG93LWNsZWFyCiAgICA6c2hvdy1jaGVja2VkLXN0cmF0ZWd5PSJTSE9XX1BBUkVOVCIKICAgIHNlYXJjaC1wbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBUcmVlU2VsZWN0IH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpjb25zdCBTSE9XX1BBUkVOVCA9IFRyZWVTZWxlY3QuU0hPV19QQVJFTlQ7CmNvbnN0IHRyZWVEYXRhID0gWwogIHsKICAgIHRpdGxlOiAnTm9kZTEnLAogICAgdmFsdWU6ICcwLTAnLAogICAga2V5OiAnMC0wJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB0aXRsZTogJ0NoaWxkIE5vZGUxJywKICAgICAgICB2YWx1ZTogJzAtMC0wJywKICAgICAgICBrZXk6ICcwLTAtMCcsCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAgdGl0bGU6ICdOb2RlMicsCiAgICB2YWx1ZTogJzAtMScsCiAgICBrZXk6ICcwLTEnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHRpdGxlOiAnQ2hpbGQgTm9kZTMnLAogICAgICAgIHZhbHVlOiAnMC0xLTAnLAogICAgICAgIGtleTogJzAtMS0wJywKICAgICAgICBkaXNhYmxlZDogdHJ1ZSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnQ2hpbGQgTm9kZTQnLAogICAgICAgIHZhbHVlOiAnMC0xLTEnLAogICAgICAgIGtleTogJzAtMS0xJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnQ2hpbGQgTm9kZTUnLAogICAgICAgIHZhbHVlOiAnMC0xLTInLAogICAgICAgIGtleTogJzAtMS0yJywKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKFsnMC0wLTAnXSk7CiAgICB3YXRjaCh2YWx1ZSwgKCkgPT4gewogICAgICBjb25zb2xlLmxvZyh2YWx1ZS52YWx1ZSk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICB0cmVlRGF0YSwKICAgICAgU0hPV19QQVJFTlQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":a[0]||(a[0]=u=>s.value=u),style:{width:"100%"},"tree-data":s.treeData,"tree-checkable":"","allow-clear":"","show-checked-strategy":s.SHOW_PARENT,"search-placeholder":"Please select"},null,8,["value","tree-data","show-checked-strategy"])]),htmlCode:e(()=>a[1]||(a[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":tree-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("treeData"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"tree-checkable"),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},":show-checked-strategy"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("SHOW_PARENT"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"search-placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
  `),t("span",{class:"token punctuation"},"/>")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" TreeSelect "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'ant-design-vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token constant"},"SHOW_PARENT"),n(),t("span",{class:"token operator"},"="),n(" TreeSelect"),t("span",{class:"token punctuation"},"."),t("span",{class:"token constant"},"SHOW_PARENT"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"interface"),n(),t("span",{class:"token class-name"},"TreeDataItem"),n(),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  title`),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  disabled`),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" boolean"),t("span",{class:"token punctuation"},";"),n(`
  children`),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" TreeDataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`

`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"treeData"),t("span",{class:"token operator"},":"),n(" TreeDataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"children"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-0'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-0'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node2'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"children"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node3'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-0'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-0'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"disabled"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node4'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-1'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node5'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-2'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-2'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),t("span",{class:"token string"},"'0-0-0'"),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

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

    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
      treeData`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token constant"},"SHOW_PARENT"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":tree-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("treeData"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"tree-checkable"),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},":show-checked-strategy"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("SHOW_PARENT"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"search-placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
  `),t("span",{class:"token punctuation"},"/>")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" TreeSelect "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'ant-design-vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token constant"},"SHOW_PARENT"),n(),t("span",{class:"token operator"},"="),n(" TreeSelect"),t("span",{class:"token punctuation"},"."),t("span",{class:"token constant"},"SHOW_PARENT"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"const"),n(" treeData "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"children"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-0'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-0-0'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Node2'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1'"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token literal-property property"},"children"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node3'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-0'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-0'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"disabled"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node4'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-1'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Child Node5'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-2'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"key"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'0-1-2'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),t("span",{class:"token string"},"'0-0-0'"),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
      treeData`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token constant"},"SHOW_PARENT"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var j=C(K,[["render",J]]);const q=m({components:{SmileOutlined:N},setup(){return{value:h()}}});function E(s,a,i,g,r,d){const c=l("SmileOutlined"),p=l("a-tree-select-node"),u=l("a-tree-select"),I=l("demo-box");return k(),b(I,{jsfiddle:{us:"The most basic usage.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The most basic usage.</p>
`,order:4,title:{"zh-CN":"\u540E\u7F00\u56FE\u6807","en-US":"Suffix"},relativePath:"src/docs/tree-select/demo/suffix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHNob3ctc2VhcmNoCiAgICBzdHlsZT0id2lkdGg6IDEwMCUiCiAgICA6ZHJvcGRvd24tc3R5bGU9InsgbWF4SGVpZ2h0OiAnNDAwcHgnLCBvdmVyZmxvdzogJ2F1dG8nIH0iCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGFsbG93LWNsZWFyCiAgICB0cmVlLWRlZmF1bHQtZXhwYW5kLWFsbAogID4KICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj48U21pbGVPdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICA8YS10cmVlLXNlbGVjdC1ub2RlIHZhbHVlPSJwYXJlbnQgMSIgdGl0bGU9InBhcmVudCAxIiBrZXk9IjAtMSI+CiAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUgdmFsdWU9InBhcmVudCAxLTAiIHRpdGxlPSJwYXJlbnQgMS0wIiBrZXk9IjAtMS0xIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIHZhbHVlPSJsZWFmMSIgdGl0bGU9Im15IGxlYWYiIGtleT0icmFuZG9tIiAvPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUgdmFsdWU9ImxlYWYyIiB0aXRsZT0ieW91ciBsZWFmIiBrZXk9InJhbmRvbTEiIC8+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMiIgdmFsdWU9InBhcmVudCAxLTEiIHRpdGxlPSJwYXJlbnQgMS0xIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMyIgdmFsdWU9InNzcyI+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPjxiIHN0eWxlPSJjb2xvcjogIzA4YyI+c3NzPC9iPjwvdGVtcGxhdGU+CiAgICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgPC9hLXRyZWUtc2VsZWN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgU21pbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBTbWlsZU91dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxzdHJpbmc+KCk7CgogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHNob3ctc2VhcmNoCiAgICBzdHlsZT0id2lkdGg6IDEwMCUiCiAgICA6ZHJvcGRvd24tc3R5bGU9InsgbWF4SGVpZ2h0OiAnNDAwcHgnLCBvdmVyZmxvdzogJ2F1dG8nIH0iCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIGFsbG93LWNsZWFyCiAgICB0cmVlLWRlZmF1bHQtZXhwYW5kLWFsbAogID4KICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj48U21pbGVPdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICA8YS10cmVlLXNlbGVjdC1ub2RlIHZhbHVlPSJwYXJlbnQgMSIgdGl0bGU9InBhcmVudCAxIiBrZXk9IjAtMSI+CiAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUgdmFsdWU9InBhcmVudCAxLTAiIHRpdGxlPSJwYXJlbnQgMS0wIiBrZXk9IjAtMS0xIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIHZhbHVlPSJsZWFmMSIgdGl0bGU9Im15IGxlYWYiIGtleT0icmFuZG9tIiAvPgogICAgICAgIDxhLXRyZWUtc2VsZWN0LW5vZGUgdmFsdWU9ImxlYWYyIiB0aXRsZT0ieW91ciBsZWFmIiBrZXk9InJhbmRvbTEiIC8+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMiIgdmFsdWU9InBhcmVudCAxLTEiIHRpdGxlPSJwYXJlbnQgMS0xIj4KICAgICAgICA8YS10cmVlLXNlbGVjdC1ub2RlIGtleT0icmFuZG9tMyIgdmFsdWU9InNzcyI+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPjxiIHN0eWxlPSJjb2xvcjogIzA4YyI+c3NzPC9iPjwvdGVtcGxhdGU+CiAgICAgICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgICAgIDwvYS10cmVlLXNlbGVjdC1ub2RlPgogICAgPC9hLXRyZWUtc2VsZWN0LW5vZGU+CiAgPC9hLXRyZWUtc2VsZWN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBTbWlsZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=y=>s.value=y),"show-search":"",style:{width:"100%"},"dropdown-style":{maxHeight:"400px",overflow:"auto"},placeholder:"Please select","allow-clear":"","tree-default-expand-all":""},{suffixIcon:e(()=>[o(c)]),default:e(()=>[o(p,{value:"parent 1",title:"parent 1",key:"0-1"},{default:e(()=>[o(p,{value:"parent 1-0",title:"parent 1-0",key:"0-1-1"},{default:e(()=>[o(p,{value:"leaf1",title:"my leaf",key:"random"}),o(p,{value:"leaf2",title:"your leaf",key:"random1"})]),_:1}),o(p,{key:"random2",value:"parent 1-1",title:"parent 1-1"},{default:e(()=>[o(p,{key:"random3",value:"sss"},{title:e(()=>a[1]||(a[1]=[t("b",{style:{color:"#08c"}},"sss",-1)])),_:1})]),_:1})]),_:1})]),_:1},8,["value"])]),htmlCode:e(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"show-search"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#suffixIcon"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("SmileOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("your leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("sss"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n("sss"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" SmileOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
    SmileOutlined`),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>a[3]||(a[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"show-search"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"allow-clear"),n(`
    `),t("span",{class:"token attr-name"},"tree-default-expand-all"),n(`
  `),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#suffixIcon"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("SmileOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0-1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("leaf2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("your leaf"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random2"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("parent 1-1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select-node")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("random3"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"value"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("sss"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
          `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"color"),t("span",{class:"token punctuation"},":"),n(" #08c")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n("sss"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
      `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select-node")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-tree-select")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" SmileOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
    SmileOutlined`),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var O=C(q,[["render",E]]);const z=m({setup(){const s=h(),a=h([{id:1,pId:0,value:"1",title:"Expand to load"},{id:2,pId:0,value:"2",title:"Expand to load"},{id:3,pId:0,value:"3",title:"Tree Node",isLeaf:!0}]);A(s,()=>{console.log(s.value)});const i=(r,d=!1)=>{const c=Math.random().toString(36).substring(2,6);return{id:c,pId:r,value:c,title:d?"Tree Node":"Expand to load",isLeaf:d}};return{value:s,treeData:a,genTreeNode:i,onLoadData:r=>(console.log(r),new Promise(d=>{const{id:c}=r.dataRef;setTimeout(()=>{a.value=a.value.concat([i(c,!1),i(c,!0)]),d()},300)}))}}});function M(s,a,i,g,r,d){const c=l("a-tree-select"),p=l("demo-box");return k(),b(p,{jsfiddle:{us:"Asynchronous loading tree node.",cn:"\u5F02\u6B65\u52A0\u8F7D\u6811\u8282\u70B9\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5F02\u6B65\u52A0\u8F7D\u6811\u8282\u70B9\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Asynchronous loading tree node.</p>
`,order:5,title:{"zh-CN":"\u5F02\u6B65\u52A0\u8F7D","en-US":"Asynchronous loading"},relativePath:"src/docs/tree-select/demo/async.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHRyZWUtZGF0YS1zaW1wbGUtbW9kZQogICAgc3R5bGU9IndpZHRoOiAxMDAlIgogICAgOmRyb3Bkb3duLXN0eWxlPSJ7IG1heEhlaWdodDogJzQwMHB4Jywgb3ZlcmZsb3c6ICdhdXRvJyB9IgogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIDpsb2FkLWRhdGE9Im9uTG9hZERhdGEiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CgppbnRlcmZhY2UgVHJlZURhdGFJdGVtIHsKICBpZDogc3RyaW5nIHwgbnVtYmVyOwogIHBJZDogbnVtYmVyOwogIHZhbHVlOiBzdHJpbmc7CiAgdGl0bGU6IHN0cmluZzsKICBpc0xlYWY/OiBib29sZWFuOwp9CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8c3RyaW5nPigpOwogICAgY29uc3QgdHJlZURhdGEgPSByZWY8VHJlZURhdGFJdGVtW10+KFsKICAgICAgeyBpZDogMSwgcElkOiAwLCB2YWx1ZTogJzEnLCB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJyB9LAogICAgICB7IGlkOiAyLCBwSWQ6IDAsIHZhbHVlOiAnMicsIHRpdGxlOiAnRXhwYW5kIHRvIGxvYWQnIH0sCiAgICAgIHsgaWQ6IDMsIHBJZDogMCwgdmFsdWU6ICczJywgdGl0bGU6ICdUcmVlIE5vZGUnLCBpc0xlYWY6IHRydWUgfSwKICAgIF0pOwoKICAgIHdhdGNoKHZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLnZhbHVlKTsKICAgIH0pOwoKICAgIGNvbnN0IGdlblRyZWVOb2RlID0gKHBhcmVudElkOiBudW1iZXIsIGlzTGVhZiA9IGZhbHNlKTogVHJlZURhdGFJdGVtID0+IHsKICAgICAgY29uc3QgcmFuZG9tID0gTWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyaW5nKDIsIDYpOwogICAgICByZXR1cm4gewogICAgICAgIGlkOiByYW5kb20sCiAgICAgICAgcElkOiBwYXJlbnRJZCwKICAgICAgICB2YWx1ZTogcmFuZG9tLAogICAgICAgIHRpdGxlOiBpc0xlYWYgPyAnVHJlZSBOb2RlJyA6ICdFeHBhbmQgdG8gbG9hZCcsCiAgICAgICAgaXNMZWFmLAogICAgICB9OwogICAgfTsKICAgIGNvbnN0IG9uTG9hZERhdGEgPSAodHJlZU5vZGU6IGFueSkgPT4gewogICAgICBjb25zb2xlLmxvZyh0cmVlTm9kZSk7CiAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZTogKHZhbHVlPzogdW5rbm93bikgPT4gdm9pZCkgPT4gewogICAgICAgIGNvbnN0IHsgaWQgfSA9IHRyZWVOb2RlLmRhdGFSZWY7CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICB0cmVlRGF0YS52YWx1ZSA9IHRyZWVEYXRhLnZhbHVlLmNvbmNhdChbZ2VuVHJlZU5vZGUoaWQsIGZhbHNlKSwgZ2VuVHJlZU5vZGUoaWQsIHRydWUpXSk7CiAgICAgICAgICByZXNvbHZlKCk7CiAgICAgICAgfSwgMzAwKTsKICAgICAgfSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICAgIHRyZWVEYXRhLAogICAgICBnZW5UcmVlTm9kZSwKICAgICAgb25Mb2FkRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUtc2VsZWN0CiAgICB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIKICAgIHRyZWUtZGF0YS1zaW1wbGUtbW9kZQogICAgc3R5bGU9IndpZHRoOiAxMDAlIgogICAgOmRyb3Bkb3duLXN0eWxlPSJ7IG1heEhlaWdodDogJzQwMHB4Jywgb3ZlcmZsb3c6ICdhdXRvJyB9IgogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICBwbGFjZWhvbGRlcj0iUGxlYXNlIHNlbGVjdCIKICAgIDpsb2FkLWRhdGE9Im9uTG9hZERhdGEiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCk7CiAgICBjb25zdCB0cmVlRGF0YSA9IHJlZihbCiAgICAgIHsKICAgICAgICBpZDogMSwKICAgICAgICBwSWQ6IDAsCiAgICAgICAgdmFsdWU6ICcxJywKICAgICAgICB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywKICAgICAgfSwKICAgICAgewogICAgICAgIGlkOiAyLAogICAgICAgIHBJZDogMCwKICAgICAgICB2YWx1ZTogJzInLAogICAgICAgIHRpdGxlOiAnRXhwYW5kIHRvIGxvYWQnLAogICAgICB9LAogICAgICB7CiAgICAgICAgaWQ6IDMsCiAgICAgICAgcElkOiAwLAogICAgICAgIHZhbHVlOiAnMycsCiAgICAgICAgdGl0bGU6ICdUcmVlIE5vZGUnLAogICAgICAgIGlzTGVhZjogdHJ1ZSwKICAgICAgfSwKICAgIF0pOwogICAgd2F0Y2godmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2codmFsdWUudmFsdWUpOwogICAgfSk7CiAgICBjb25zdCBnZW5UcmVlTm9kZSA9IChwYXJlbnRJZCwgaXNMZWFmID0gZmFsc2UpID0+IHsKICAgICAgY29uc3QgcmFuZG9tID0gTWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyaW5nKDIsIDYpOwogICAgICByZXR1cm4gewogICAgICAgIGlkOiByYW5kb20sCiAgICAgICAgcElkOiBwYXJlbnRJZCwKICAgICAgICB2YWx1ZTogcmFuZG9tLAogICAgICAgIHRpdGxlOiBpc0xlYWYgPyAnVHJlZSBOb2RlJyA6ICdFeHBhbmQgdG8gbG9hZCcsCiAgICAgICAgaXNMZWFmLAogICAgICB9OwogICAgfTsKICAgIGNvbnN0IG9uTG9hZERhdGEgPSB0cmVlTm9kZSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHRyZWVOb2RlKTsKICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKHJlc29sdmUgPT4gewogICAgICAgIGNvbnN0IHsgaWQgfSA9IHRyZWVOb2RlLmRhdGFSZWY7CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICB0cmVlRGF0YS52YWx1ZSA9IHRyZWVEYXRhLnZhbHVlLmNvbmNhdChbZ2VuVHJlZU5vZGUoaWQsIGZhbHNlKSwgZ2VuVHJlZU5vZGUoaWQsIHRydWUpXSk7CiAgICAgICAgICByZXNvbHZlKCk7CiAgICAgICAgfSwgMzAwKTsKICAgICAgfSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICAgIHRyZWVEYXRhLAogICAgICBnZW5UcmVlTm9kZSwKICAgICAgb25Mb2FkRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(c,{value:s.value,"onUpdate:value":a[0]||(a[0]=u=>s.value=u),"tree-data-simple-mode":"",style:{width:"100%"},"dropdown-style":{maxHeight:"400px",overflow:"auto"},"tree-data":s.treeData,placeholder:"Please select","load-data":s.onLoadData},null,8,["value","tree-data","load-data"])]),htmlCode:e(()=>a[1]||(a[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"tree-data-simple-mode"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":tree-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("treeData"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":load-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("onLoadData"),t("span",{class:"token punctuation"},'"')]),n(`
  `),t("span",{class:"token punctuation"},"/>")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`

`),t("span",{class:"token keyword"},"interface"),n(),t("span",{class:"token class-name"},"TreeDataItem"),n(),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(" string "),t("span",{class:"token operator"},"|"),n(" number"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(" number"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
  isLeaf`),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" boolean"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`

`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" treeData "),t("span",{class:"token operator"},"="),n(" ref"),t("span",{class:"token operator"},"<"),n("TreeDataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"1"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'1'"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Expand to load'"),n(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"2"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'2'"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Expand to load'"),n(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"3"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'3'"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Tree Node'"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"isLeaf"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token boolean"},"true"),n(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`

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

    `),t("span",{class:"token keyword"},"const"),n(" genTreeNode "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),n("parentId"),t("span",{class:"token operator"},":"),n(" number"),t("span",{class:"token punctuation"},","),n(" isLeaf "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token boolean"},"false"),t("span",{class:"token punctuation"},")"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token parameter"},"TreeDataItem"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      `),t("span",{class:"token keyword"},"const"),n(" random "),t("span",{class:"token operator"},"="),n(" Math"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"random"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"toString"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"36"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"substring"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"2"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token number"},"6"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
      `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(" random"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(" parentId"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(" random"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(" isLeaf "),t("span",{class:"token operator"},"?"),n(),t("span",{class:"token string"},"'Tree Node'"),n(),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Expand to load'"),t("span",{class:"token punctuation"},","),n(`
        isLeaf`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"onLoadData"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token parameter"},[t("span",{class:"token literal-property property"},"treeNode"),t("span",{class:"token operator"},":"),n(" any")]),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("treeNode"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
      `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token keyword"},"new"),n(),t("span",{class:"token class-name"},"Promise"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"("),t("span",{class:"token function-variable function"},"resolve"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token parameter"},[n("value"),t("span",{class:"token operator"},"?"),t("span",{class:"token operator"},":"),n(" unknown")]),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token keyword"},"void"),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token punctuation"},"{"),n(" id "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token operator"},"="),n(" treeNode"),t("span",{class:"token punctuation"},"."),n("dataRef"),t("span",{class:"token punctuation"},";"),n(`
        `),t("span",{class:"token function"},"setTimeout"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
          treeData`),t("span",{class:"token punctuation"},"."),n("value "),t("span",{class:"token operator"},"="),n(" treeData"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"concat"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),t("span",{class:"token function"},"genTreeNode"),t("span",{class:"token punctuation"},"("),n("id"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token boolean"},"false"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token function"},"genTreeNode"),t("span",{class:"token punctuation"},"("),n("id"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
          `),t("span",{class:"token function"},"resolve"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token number"},"300"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
      treeData`),t("span",{class:"token punctuation"},","),n(`
      genTreeNode`),t("span",{class:"token punctuation"},","),n(`
      onLoadData`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
  `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-tree-select")]),n(`
    `),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-model:"),n("value")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("value"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"tree-data-simple-mode"),n(`
    `),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"width"),t("span",{class:"token punctuation"},":"),n(" 100%")]),t("span",{class:"token punctuation"},'"')])]),n(`
    `),t("span",{class:"token attr-name"},":dropdown-style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ maxHeight: '400px', overflow: 'auto' }"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":tree-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("treeData"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},"placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Please select"),t("span",{class:"token punctuation"},'"')]),n(`
    `),t("span",{class:"token attr-name"},":load-data"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("onLoadData"),t("span",{class:"token punctuation"},'"')]),n(`
  `),t("span",{class:"token punctuation"},"/>")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent"),t("span",{class:"token punctuation"},","),n(" ref"),t("span",{class:"token punctuation"},","),n(" watch "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
  `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" value "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(" treeData "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"1"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'1'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Expand to load'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"2"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'2'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Expand to load'"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"3"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'3'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Tree Node'"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"isLeaf"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token function"},"watch"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("value"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"genTreeNode"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token parameter"},[n("parentId"),t("span",{class:"token punctuation"},","),n(" isLeaf "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token boolean"},"false")]),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      `),t("span",{class:"token keyword"},"const"),n(" random "),t("span",{class:"token operator"},"="),n(" Math"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"random"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"toString"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"36"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"substring"),t("span",{class:"token punctuation"},"("),t("span",{class:"token number"},"2"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token number"},"6"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
      `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),n(" random"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"pId"),t("span",{class:"token operator"},":"),n(" parentId"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"value"),t("span",{class:"token operator"},":"),n(" random"),t("span",{class:"token punctuation"},","),n(`
        `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(" isLeaf "),t("span",{class:"token operator"},"?"),n(),t("span",{class:"token string"},"'Tree Node'"),n(),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Expand to load'"),t("span",{class:"token punctuation"},","),n(`
        isLeaf`),t("span",{class:"token punctuation"},","),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"onLoadData"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token parameter"},"treeNode"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
      console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("treeNode"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
      `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token keyword"},"new"),n(),t("span",{class:"token class-name"},"Promise"),t("span",{class:"token punctuation"},"("),t("span",{class:"token parameter"},"resolve"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
        `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token punctuation"},"{"),n(" id "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token operator"},"="),n(" treeNode"),t("span",{class:"token punctuation"},"."),n("dataRef"),t("span",{class:"token punctuation"},";"),n(`
        `),t("span",{class:"token function"},"setTimeout"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
          treeData`),t("span",{class:"token punctuation"},"."),n("value "),t("span",{class:"token operator"},"="),n(" treeData"),t("span",{class:"token punctuation"},"."),n("value"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"concat"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"["),t("span",{class:"token function"},"genTreeNode"),t("span",{class:"token punctuation"},"("),n("id"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token boolean"},"false"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token function"},"genTreeNode"),t("span",{class:"token punctuation"},"("),n("id"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
          `),t("span",{class:"token function"},"resolve"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
        `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token number"},"300"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
      `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
      value`),t("span",{class:"token punctuation"},","),n(`
      treeData`),t("span",{class:"token punctuation"},","),n(`
      genTreeNode`),t("span",{class:"token punctuation"},","),n(`
      onLoadData`),t("span",{class:"token punctuation"},","),n(`
    `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
  `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`)])],-1)])),_:1})}var _=C(z,[["render",M]]);const Q={pageData:{title:"TreeSelect",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"TreeSelect",subtitle:"\u6811\u9009\u62E9",cover:"https://gw.alipayobjects.com/zos/alicdn/Ax4DA0njr/TreeSelect.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u7C7B\u4F3C Select \u7684\u9009\u62E9\u63A7\u4EF6\uFF0C\u53EF\u9009\u62E9\u7684\u6570\u636E\u7ED3\u6784\u662F\u4E00\u4E2A\u6811\u5F62\u7ED3\u6784\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528 TreeSelect\uFF0C\u4F8B\u5982\u516C\u53F8\u5C42\u7EA7\u3001\u5B66\u79D1\u7CFB\u7EDF\u3001\u5206\u7C7B\u76EE\u5F55\u7B49\u7B49\u3002"},{level:2,title:"API",slug:"api",content:"Tree props"},{level:3,title:"Tree props",slug:"tree-props",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Tree \u65B9\u6CD5",slug:"tree-\u65B9\u6CD5",content:""},{level:3,title:"TreeNode props",slug:"treenode-props",content:""}],relativePath:"src/docs/tree-select/index.zh-CN.md",content:`
\u6811\u578B\u9009\u62E9\u63A7\u4EF6\u3002

## \u4F55\u65F6\u4F7F\u7528

\u7C7B\u4F3C Select \u7684\u9009\u62E9\u63A7\u4EF6\uFF0C\u53EF\u9009\u62E9\u7684\u6570\u636E\u7ED3\u6784\u662F\u4E00\u4E2A\u6811\u5F62\u7ED3\u6784\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528 TreeSelect\uFF0C\u4F8B\u5982\u516C\u53F8\u5C42\u7EA7\u3001\u5B66\u79D1\u7CFB\u7EDF\u3001\u5206\u7C7B\u76EE\u5F55\u7B49\u7B49\u3002

## API

### Tree props

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| allowClear | \u663E\u793A\u6E05\u9664\u6309\u94AE | boolean | false |  |
| defaultValue | \u6307\u5B9A\u9ED8\u8BA4\u9009\u4E2D\u7684\u6761\u76EE | string/string\\[] | - |  |
| disabled | \u662F\u5426\u7981\u7528 | boolean | false |  |
| dropdownClassName | \u4E0B\u62C9\u83DC\u5355\u7684 className \u5C5E\u6027 | string | - |  |
| dropdownMatchSelectWidth | \u4E0B\u62C9\u83DC\u5355\u548C\u9009\u62E9\u5668\u540C\u5BBD | boolean | true |  |
| dropdownStyle | \u4E0B\u62C9\u83DC\u5355\u7684\u6837\u5F0F | object | - |  |
| filterTreeNode | \u662F\u5426\u6839\u636E\u8F93\u5165\u9879\u8FDB\u884C\u7B5B\u9009\uFF0C\u9ED8\u8BA4\u7528 treeNodeFilterProp \u7684\u503C\u4F5C\u4E3A\u8981\u7B5B\u9009\u7684 TreeNode \u7684\u5C5E\u6027\u503C | boolean\\|Function(inputValue: string, treeNode: TreeNode) (\u51FD\u6570\u9700\u8981\u8FD4\u56DE bool \u503C) | Function |  |
| 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) | () =&gt; document.body |  |
| labelInValue | \u662F\u5426\u628A\u6BCF\u4E2A\u9009\u9879\u7684 label \u5305\u88C5\u5230 value \u4E2D\uFF0C\u4F1A\u628A value \u7C7B\u578B\u4ECE \`string\` \u53D8\u4E3A \`{value: string, label: VNode, halfChecked(treeCheckStrictly \u65F6\u6709\u6548): string[] }\` \u7684\u683C\u5F0F | boolean | false |  |
| loadData | \u5F02\u6B65\u52A0\u8F7D\u6570\u636E | function(node) | - |  |
| maxTagCount | \u6700\u591A\u663E\u793A\u591A\u5C11\u4E2A tag | number | - |  |
| maxTagPlaceholder | \u9690\u85CF tag \u65F6\u663E\u793A\u7684\u5185\u5BB9 | slot/function(omittedValues) | - |  |
| multiple | \u652F\u6301\u591A\u9009\uFF08\u5F53\u8BBE\u7F6E treeCheckable \u65F6\u81EA\u52A8\u53D8\u4E3A true\uFF09 | boolean | false |  |
| placeholder | \u9009\u62E9\u6846\u9ED8\u8BA4\u6587\u5B57 | string\\|slot | - |  |
| searchPlaceholder | \u641C\u7D22\u6846\u9ED8\u8BA4\u6587\u5B57 | string\\|slot | - |  |
| searchValue(v-model) | \u641C\u7D22\u6846\u7684\u503C\uFF0C\u53EF\u4EE5\u901A\u8FC7 \`search\` \u4E8B\u4EF6\u83B7\u53D6\u7528\u6237\u8F93\u5165 | string | - |  |
| treeIcon | \u662F\u5426\u5C55\u793A TreeNode title \u524D\u7684\u56FE\u6807\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5982\u8BBE\u7F6E\u4E3A true\uFF0C\u9700\u8981\u81EA\u884C\u5B9A\u4E49\u56FE\u6807\u76F8\u5173\u6837\u5F0F | boolean | false |  |
| showCheckedStrategy | \u5B9A\u4E49\u9009\u4E2D\u9879\u56DE\u586B\u7684\u65B9\u5F0F\u3002\`TreeSelect.SHOW_ALL\`: \u663E\u793A\u6240\u6709\u9009\u4E2D\u8282\u70B9(\u5305\u62EC\u7236\u8282\u70B9). \`TreeSelect.SHOW_PARENT\`: \u53EA\u663E\u793A\u7236\u8282\u70B9(\u5F53\u7236\u8282\u70B9\u4E0B\u6240\u6709\u5B50\u8282\u70B9\u90FD\u9009\u4E2D\u65F6). \u9ED8\u8BA4\u53EA\u663E\u793A\u5B50\u8282\u70B9. | enum{TreeSelect.SHOW_ALL, TreeSelect.SHOW_PARENT, TreeSelect.SHOW_CHILD } | TreeSelect.SHOW_CHILD |  |
| showSearch | \u5728\u4E0B\u62C9\u4E2D\u663E\u793A\u641C\u7D22\u6846(\u4EC5\u5728\u5355\u9009\u6A21\u5F0F\u4E0B\u751F\u6548) | boolean | false |  |
| size | \u9009\u62E9\u6846\u5927\u5C0F\uFF0C\u53EF\u9009 \`large\` \`small\` | string | &#39;default&#39; |  |
| suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | VNode \\| slot | - |  |
| treeCheckable | \u663E\u793A checkbox | boolean | false |  |
| treeCheckStrictly | checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09\uFF0C\u4F1A\u4F7F\u5F97 \`labelInValue\` \u5F3A\u5236\u4E3A true | boolean | false |  |
| treeData | treeNodes \u6570\u636E\uFF0C\u5982\u679C\u8BBE\u7F6E\u5219\u4E0D\u9700\u8981\u624B\u52A8\u6784\u9020 TreeNode \u8282\u70B9\uFF08value \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09 | array&amp;lt;{value, label, children, [disabled, disableCheckbox, selectable]}&gt; | \\[] |  |
| replaceFields | \u66FF\u6362 treeNode \u4E2D title,value,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5 | object | {children:&#39;children&#39;, title:&#39;title&#39;, key:&#39;key&#39;, value: &#39;value&#39; } |  | 1.6.1 |
| treeDataSimpleMode | \u4F7F\u7528\u7B80\u5355\u683C\u5F0F\u7684 treeData\uFF0C\u5177\u4F53\u8BBE\u7F6E\u53C2\u8003\u53EF\u8BBE\u7F6E\u7684\u7C7B\u578B (\u6B64\u65F6 treeData \u5E94\u53D8\u4E3A\u8FD9\u6837\u7684\u6570\u636E\u7ED3\u6784: \\[{id:1, pId:0, value:&#39;1&#39;, label:&quot;test1&quot;,...},...], \`pId\` \u662F\u7236\u8282\u70B9\u7684 id) | false\\|Array&amp;lt;{ id: string, pId: string, rootPId: null }&gt; | false |  |
| treeDefaultExpandAll | \u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9 | boolean | false |  |
| treeDefaultExpandedKeys | \u9ED8\u8BA4\u5C55\u5F00\u7684\u6811\u8282\u70B9 | string\\[] \\| number\\[] | - |  |
| treeExpandedKeys(v-model) | \u8BBE\u7F6E\u5C55\u5F00\u7684\u6811\u8282\u70B9 | string\\[] \\| number\\[] | - |  |
| treeNodeFilterProp | \u8F93\u5165\u9879\u8FC7\u6EE4\u5BF9\u5E94\u7684 treeNode \u5C5E\u6027 | string | &#39;value&#39; |  |
| treeNodeLabelProp | \u4F5C\u4E3A\u663E\u793A\u7684 prop \u8BBE\u7F6E | string | &#39;title&#39; |  |
| value(v-model) | \u6307\u5B9A\u5F53\u524D\u9009\u4E2D\u7684\u6761\u76EE | string/string\\[] | - |  |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0   | \u8BF4\u660E                   | \u56DE\u8C03\u53C2\u6570                      |
| ---------- | ---------------------- | ----------------------------- |
| change     | \u9009\u4E2D\u6811\u8282\u70B9\u65F6\u8C03\u7528\u6B64\u51FD\u6570 | function(value, label, extra) |
| search     | \u6587\u672C\u6846\u503C\u53D8\u5316\u65F6\u56DE\u8C03     | function(value: string)       |
| select     | \u88AB\u9009\u4E2D\u65F6\u8C03\u7528           | function(value, node, extra)  |
| treeExpand | \u5C55\u5F00\u8282\u70B9\u65F6\u8C03\u7528         | function(expandedKeys)        |

### Tree \u65B9\u6CD5

| \u540D\u79F0    | \u63CF\u8FF0     |
| ------- | -------- |
| blur()  | \u79FB\u9664\u7126\u70B9 |
| focus() | \u83B7\u53D6\u7126\u70B9 |

### TreeNode props

&gt; \u5EFA\u8BAE\u4F7F\u7528 treeData \u6765\u4EE3\u66FF TreeNode\uFF0C\u514D\u53BB\u624B\u5DE5\u6784\u9020\u9EBB\u70E6

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| selectable | \u662F\u5426\u53EF\u9009 | boolean | true |  |
| checkable | \u5F53\u6811\u4E3A checkable \u65F6\uFF0C\u8BBE\u7F6E\u72EC\u7ACB\u8282\u70B9\u662F\u5426\u5C55\u793A Checkbox | boolean | - |  |
| disableCheckbox | \u7981\u6389 checkbox | boolean | false |  |
| disabled | \u662F\u5426\u7981\u7528 | boolean | false |  |
| isLeaf | \u662F\u5426\u662F\u53F6\u5B50\u8282\u70B9 | boolean | false |  |
| key | \u6B64\u9879\u5FC5\u987B\u8BBE\u7F6E\uFF08\u5176\u503C\u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09 | string \\| number | - |  |
| title | \u6811\u8282\u70B9\u663E\u793A\u7684\u5185\u5BB9 | string\\|slot | &#39;---&#39; |  |
| value | \u9ED8\u8BA4\u6839\u636E\u6B64\u5C5E\u6027\u503C\u8FDB\u884C\u7B5B\u9009\uFF08\u5176\u503C\u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09 | string | - |  |
| scopedSlots | \u4F7F\u7528 treeData \u65F6\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BE5\u5C5E\u6027\u914D\u7F6E\u652F\u6301 slot \u7684\u5C5E\u6027\uFF0C\u5982 \`scopedSlots: { title: &#39;XXX&#39;}\` | object | - |  |
`,html:`<p>\u6811\u578B\u9009\u62E9\u63A7\u4EF6\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u7C7B\u4F3C Select \u7684\u9009\u62E9\u63A7\u4EF6\uFF0C\u53EF\u9009\u62E9\u7684\u6570\u636E\u7ED3\u6784\u662F\u4E00\u4E2A\u6811\u5F62\u7ED3\u6784\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528 TreeSelect\uFF0C\u4F8B\u5982\u516C\u53F8\u5C42\u7EA7\u3001\u5B66\u79D1\u7CFB\u7EDF\u3001\u5206\u7C7B\u76EE\u5F55\u7B49\u7B49\u3002</p>
<h2 id="api">API</h2>
<h3 id="tree-props">Tree props</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>allowClear</td>
<td>\u663E\u793A\u6E05\u9664\u6309\u94AE</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>defaultValue</td>
<td>\u6307\u5B9A\u9ED8\u8BA4\u9009\u4E2D\u7684\u6761\u76EE</td>
<td>string/string[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u662F\u5426\u7981\u7528</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>dropdownClassName</td>
<td>\u4E0B\u62C9\u83DC\u5355\u7684 className \u5C5E\u6027</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>dropdownMatchSelectWidth</td>
<td>\u4E0B\u62C9\u83DC\u5355\u548C\u9009\u62E9\u5668\u540C\u5BBD</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>dropdownStyle</td>
<td>\u4E0B\u62C9\u83DC\u5355\u7684\u6837\u5F0F</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>filterTreeNode</td>
<td>\u662F\u5426\u6839\u636E\u8F93\u5165\u9879\u8FDB\u884C\u7B5B\u9009\uFF0C\u9ED8\u8BA4\u7528 treeNodeFilterProp \u7684\u503C\u4F5C\u4E3A\u8981\u7B5B\u9009\u7684 TreeNode \u7684\u5C5E\u6027\u503C</td>
<td>boolean|Function(inputValue: string, treeNode: TreeNode) (\u51FD\u6570\u9700\u8981\u8FD4\u56DE bool \u503C)</td>
<td>Function</td>
<td></td>
</tr>
<tr>
<td>getPopupContainer</td>
<td>\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</td>
<td>Function(triggerNode)</td>
<td>() =&gt; document.body</td>
<td></td>
</tr>
<tr>
<td>labelInValue</td>
<td>\u662F\u5426\u628A\u6BCF\u4E2A\u9009\u9879\u7684 label \u5305\u88C5\u5230 value \u4E2D\uFF0C\u4F1A\u628A value \u7C7B\u578B\u4ECE <code>string</code> \u53D8\u4E3A <code>{value: string, label: VNode, halfChecked(treeCheckStrictly \u65F6\u6709\u6548): string[] }</code> \u7684\u683C\u5F0F</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>loadData</td>
<td>\u5F02\u6B65\u52A0\u8F7D\u6570\u636E</td>
<td>function(node)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>maxTagCount</td>
<td>\u6700\u591A\u663E\u793A\u591A\u5C11\u4E2A tag</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>maxTagPlaceholder</td>
<td>\u9690\u85CF tag \u65F6\u663E\u793A\u7684\u5185\u5BB9</td>
<td>slot/function(omittedValues)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>multiple</td>
<td>\u652F\u6301\u591A\u9009\uFF08\u5F53\u8BBE\u7F6E treeCheckable \u65F6\u81EA\u52A8\u53D8\u4E3A true\uFF09</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>placeholder</td>
<td>\u9009\u62E9\u6846\u9ED8\u8BA4\u6587\u5B57</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>searchPlaceholder</td>
<td>\u641C\u7D22\u6846\u9ED8\u8BA4\u6587\u5B57</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>searchValue(v-model)</td>
<td>\u641C\u7D22\u6846\u7684\u503C\uFF0C\u53EF\u4EE5\u901A\u8FC7 <code>search</code> \u4E8B\u4EF6\u83B7\u53D6\u7528\u6237\u8F93\u5165</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeIcon</td>
<td>\u662F\u5426\u5C55\u793A TreeNode title \u524D\u7684\u56FE\u6807\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5982\u8BBE\u7F6E\u4E3A true\uFF0C\u9700\u8981\u81EA\u884C\u5B9A\u4E49\u56FE\u6807\u76F8\u5173\u6837\u5F0F</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showCheckedStrategy</td>
<td>\u5B9A\u4E49\u9009\u4E2D\u9879\u56DE\u586B\u7684\u65B9\u5F0F\u3002<code>TreeSelect.SHOW_ALL</code>: \u663E\u793A\u6240\u6709\u9009\u4E2D\u8282\u70B9(\u5305\u62EC\u7236\u8282\u70B9). <code>TreeSelect.SHOW_PARENT</code>: \u53EA\u663E\u793A\u7236\u8282\u70B9(\u5F53\u7236\u8282\u70B9\u4E0B\u6240\u6709\u5B50\u8282\u70B9\u90FD\u9009\u4E2D\u65F6). \u9ED8\u8BA4\u53EA\u663E\u793A\u5B50\u8282\u70B9.</td>
<td>enum{TreeSelect.SHOW_ALL, TreeSelect.SHOW_PARENT, TreeSelect.SHOW_CHILD }</td>
<td>TreeSelect.SHOW_CHILD</td>
<td></td>
</tr>
<tr>
<td>showSearch</td>
<td>\u5728\u4E0B\u62C9\u4E2D\u663E\u793A\u641C\u7D22\u6846(\u4EC5\u5728\u5355\u9009\u6A21\u5F0F\u4E0B\u751F\u6548)</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>\u9009\u62E9\u6846\u5927\u5C0F\uFF0C\u53EF\u9009 <code>large</code> <code>small</code></td>
<td>string</td>
<td>'default'</td>
<td></td>
</tr>
<tr>
<td>suffixIcon</td>
<td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td>
<td>VNode | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeCheckable</td>
<td>\u663E\u793A checkbox</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeCheckStrictly</td>
<td>checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09\uFF0C\u4F1A\u4F7F\u5F97 <code>labelInValue</code> \u5F3A\u5236\u4E3A true</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeData</td>
<td>treeNodes \u6570\u636E\uFF0C\u5982\u679C\u8BBE\u7F6E\u5219\u4E0D\u9700\u8981\u624B\u52A8\u6784\u9020 TreeNode \u8282\u70B9\uFF08value \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td>
<td>array&lt;{value, label, children, [disabled, disableCheckbox, selectable]}&gt;</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>replaceFields</td>
<td>\u66FF\u6362 treeNode \u4E2D title,value,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5</td>
<td>object</td>
<td>{children:'children', title:'title', key:'key', value: 'value' }</td>
<td></td>
</tr>
<tr>
<td>treeDataSimpleMode</td>
<td>\u4F7F\u7528\u7B80\u5355\u683C\u5F0F\u7684 treeData\uFF0C\u5177\u4F53\u8BBE\u7F6E\u53C2\u8003\u53EF\u8BBE\u7F6E\u7684\u7C7B\u578B (\u6B64\u65F6 treeData \u5E94\u53D8\u4E3A\u8FD9\u6837\u7684\u6570\u636E\u7ED3\u6784: [{id:1, pId:0, value:'1', label:&quot;test1&quot;,...},...], <code>pId</code> \u662F\u7236\u8282\u70B9\u7684 id)</td>
<td>false|Array&lt;{ id: string, pId: string, rootPId: null }&gt;</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeDefaultExpandAll</td>
<td>\u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeDefaultExpandedKeys</td>
<td>\u9ED8\u8BA4\u5C55\u5F00\u7684\u6811\u8282\u70B9</td>
<td>string[] | number[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeExpandedKeys(v-model)</td>
<td>\u8BBE\u7F6E\u5C55\u5F00\u7684\u6811\u8282\u70B9</td>
<td>string[] | number[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeNodeFilterProp</td>
<td>\u8F93\u5165\u9879\u8FC7\u6EE4\u5BF9\u5E94\u7684 treeNode \u5C5E\u6027</td>
<td>string</td>
<td>'value'</td>
<td></td>
</tr>
<tr>
<td>treeNodeLabelProp</td>
<td>\u4F5C\u4E3A\u663E\u793A\u7684 prop \u8BBE\u7F6E</td>
<td>string</td>
<td>'title'</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>\u6307\u5B9A\u5F53\u524D\u9009\u4E2D\u7684\u6761\u76EE</td>
<td>string/string[]</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u9009\u4E2D\u6811\u8282\u70B9\u65F6\u8C03\u7528\u6B64\u51FD\u6570</td>
<td>function(value, label, extra)</td>
</tr>
<tr>
<td>search</td>
<td>\u6587\u672C\u6846\u503C\u53D8\u5316\u65F6\u56DE\u8C03</td>
<td>function(value: string)</td>
</tr>
<tr>
<td>select</td>
<td>\u88AB\u9009\u4E2D\u65F6\u8C03\u7528</td>
<td>function(value, node, extra)</td>
</tr>
<tr>
<td>treeExpand</td>
<td>\u5C55\u5F00\u8282\u70B9\u65F6\u8C03\u7528</td>
<td>function(expandedKeys)</td>
</tr>
</tbody>
</table>
<h3 id="tree-\u65B9\u6CD5">Tree \u65B9\u6CD5</h3>
<table>
<thead>
<tr>
<th>\u540D\u79F0</th>
<th>\u63CF\u8FF0</th>
</tr>
</thead>
<tbody>
<tr>
<td>blur()</td>
<td>\u79FB\u9664\u7126\u70B9</td>
</tr>
<tr>
<td>focus()</td>
<td>\u83B7\u53D6\u7126\u70B9</td>
</tr>
</tbody>
</table>
<h3 id="treenode-props">TreeNode props</h3>
<blockquote>
<p>\u5EFA\u8BAE\u4F7F\u7528 treeData \u6765\u4EE3\u66FF TreeNode\uFF0C\u514D\u53BB\u624B\u5DE5\u6784\u9020\u9EBB\u70E6</p>
</blockquote>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>selectable</td>
<td>\u662F\u5426\u53EF\u9009</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>checkable</td>
<td>\u5F53\u6811\u4E3A checkable \u65F6\uFF0C\u8BBE\u7F6E\u72EC\u7ACB\u8282\u70B9\u662F\u5426\u5C55\u793A Checkbox</td>
<td>boolean</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disableCheckbox</td>
<td>\u7981\u6389 checkbox</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u662F\u5426\u7981\u7528</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>isLeaf</td>
<td>\u662F\u5426\u662F\u53F6\u5B50\u8282\u70B9</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>key</td>
<td>\u6B64\u9879\u5FC5\u987B\u8BBE\u7F6E\uFF08\u5176\u503C\u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td>
<td>string | number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>\u6811\u8282\u70B9\u663E\u793A\u7684\u5185\u5BB9</td>
<td>string|slot</td>
<td>'---'</td>
<td></td>
</tr>
<tr>
<td>value</td>
<td>\u9ED8\u8BA4\u6839\u636E\u6B64\u5C5E\u6027\u503C\u8FDB\u884C\u7B5B\u9009\uFF08\u5176\u503C\u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>scopedSlots</td>
<td>\u4F7F\u7528 treeData \u65F6\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BE5\u5C5E\u6027\u914D\u7F6E\u652F\u6301 slot \u7684\u5C5E\u6027\uFF0C\u5982 <code>scopedSlots: { title: 'XXX'}</code></td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052782}},$={class:"markdown"};function tt(s,a,i,g,r,d){return k(),v("article",$,a[0]||(a[0]=[Z('<p>\u6811\u578B\u9009\u62E9\u63A7\u4EF6\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u7C7B\u4F3C Select \u7684\u9009\u62E9\u63A7\u4EF6\uFF0C\u53EF\u9009\u62E9\u7684\u6570\u636E\u7ED3\u6784\u662F\u4E00\u4E2A\u6811\u5F62\u7ED3\u6784\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528 TreeSelect\uFF0C\u4F8B\u5982\u516C\u53F8\u5C42\u7EA7\u3001\u5B66\u79D1\u7CFB\u7EDF\u3001\u5206\u7C7B\u76EE\u5F55\u7B49\u7B49\u3002</p><h2 id="api">API</h2><h3 id="tree-props">Tree props</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>allowClear</td><td>\u663E\u793A\u6E05\u9664\u6309\u94AE</td><td>boolean</td><td>false</td><td></td></tr><tr><td>defaultValue</td><td>\u6307\u5B9A\u9ED8\u8BA4\u9009\u4E2D\u7684\u6761\u76EE</td><td>string/string[]</td><td>-</td><td></td></tr><tr><td>disabled</td><td>\u662F\u5426\u7981\u7528</td><td>boolean</td><td>false</td><td></td></tr><tr><td>dropdownClassName</td><td>\u4E0B\u62C9\u83DC\u5355\u7684 className \u5C5E\u6027</td><td>string</td><td>-</td><td></td></tr><tr><td>dropdownMatchSelectWidth</td><td>\u4E0B\u62C9\u83DC\u5355\u548C\u9009\u62E9\u5668\u540C\u5BBD</td><td>boolean</td><td>true</td><td></td></tr><tr><td>dropdownStyle</td><td>\u4E0B\u62C9\u83DC\u5355\u7684\u6837\u5F0F</td><td>object</td><td>-</td><td></td></tr><tr><td>filterTreeNode</td><td>\u662F\u5426\u6839\u636E\u8F93\u5165\u9879\u8FDB\u884C\u7B5B\u9009\uFF0C\u9ED8\u8BA4\u7528 treeNodeFilterProp \u7684\u503C\u4F5C\u4E3A\u8981\u7B5B\u9009\u7684 TreeNode \u7684\u5C5E\u6027\u503C</td><td>boolean|Function(inputValue: string, treeNode: TreeNode) (\u51FD\u6570\u9700\u8981\u8FD4\u56DE bool \u503C)</td><td>Function</td><td></td></tr><tr><td>getPopupContainer</td><td>\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</td><td>Function(triggerNode)</td><td>() =&gt; document.body</td><td></td></tr><tr><td>labelInValue</td><td>\u662F\u5426\u628A\u6BCF\u4E2A\u9009\u9879\u7684 label \u5305\u88C5\u5230 value \u4E2D\uFF0C\u4F1A\u628A value \u7C7B\u578B\u4ECE <code>string</code> \u53D8\u4E3A <code>{value: string, label: VNode, halfChecked(treeCheckStrictly \u65F6\u6709\u6548): string[] }</code> \u7684\u683C\u5F0F</td><td>boolean</td><td>false</td><td></td></tr><tr><td>loadData</td><td>\u5F02\u6B65\u52A0\u8F7D\u6570\u636E</td><td>function(node)</td><td>-</td><td></td></tr><tr><td>maxTagCount</td><td>\u6700\u591A\u663E\u793A\u591A\u5C11\u4E2A tag</td><td>number</td><td>-</td><td></td></tr><tr><td>maxTagPlaceholder</td><td>\u9690\u85CF tag \u65F6\u663E\u793A\u7684\u5185\u5BB9</td><td>slot/function(omittedValues)</td><td>-</td><td></td></tr><tr><td>multiple</td><td>\u652F\u6301\u591A\u9009\uFF08\u5F53\u8BBE\u7F6E treeCheckable \u65F6\u81EA\u52A8\u53D8\u4E3A true\uFF09</td><td>boolean</td><td>false</td><td></td></tr><tr><td>placeholder</td><td>\u9009\u62E9\u6846\u9ED8\u8BA4\u6587\u5B57</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>searchPlaceholder</td><td>\u641C\u7D22\u6846\u9ED8\u8BA4\u6587\u5B57</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>searchValue(v-model)</td><td>\u641C\u7D22\u6846\u7684\u503C\uFF0C\u53EF\u4EE5\u901A\u8FC7 <code>search</code> \u4E8B\u4EF6\u83B7\u53D6\u7528\u6237\u8F93\u5165</td><td>string</td><td>-</td><td></td></tr><tr><td>treeIcon</td><td>\u662F\u5426\u5C55\u793A TreeNode title \u524D\u7684\u56FE\u6807\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5982\u8BBE\u7F6E\u4E3A true\uFF0C\u9700\u8981\u81EA\u884C\u5B9A\u4E49\u56FE\u6807\u76F8\u5173\u6837\u5F0F</td><td>boolean</td><td>false</td><td></td></tr><tr><td>showCheckedStrategy</td><td>\u5B9A\u4E49\u9009\u4E2D\u9879\u56DE\u586B\u7684\u65B9\u5F0F\u3002<code>TreeSelect.SHOW_ALL</code>: \u663E\u793A\u6240\u6709\u9009\u4E2D\u8282\u70B9(\u5305\u62EC\u7236\u8282\u70B9). <code>TreeSelect.SHOW_PARENT</code>: \u53EA\u663E\u793A\u7236\u8282\u70B9(\u5F53\u7236\u8282\u70B9\u4E0B\u6240\u6709\u5B50\u8282\u70B9\u90FD\u9009\u4E2D\u65F6). \u9ED8\u8BA4\u53EA\u663E\u793A\u5B50\u8282\u70B9.</td><td>enum{TreeSelect.SHOW_ALL, TreeSelect.SHOW_PARENT, TreeSelect.SHOW_CHILD }</td><td>TreeSelect.SHOW_CHILD</td><td></td></tr><tr><td>showSearch</td><td>\u5728\u4E0B\u62C9\u4E2D\u663E\u793A\u641C\u7D22\u6846(\u4EC5\u5728\u5355\u9009\u6A21\u5F0F\u4E0B\u751F\u6548)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>size</td><td>\u9009\u62E9\u6846\u5927\u5C0F\uFF0C\u53EF\u9009 <code>large</code> <code>small</code></td><td>string</td><td>&#39;default&#39;</td><td></td></tr><tr><td>suffixIcon</td><td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td><td>VNode | slot</td><td>-</td><td></td></tr><tr><td>treeCheckable</td><td>\u663E\u793A checkbox</td><td>boolean</td><td>false</td><td></td></tr><tr><td>treeCheckStrictly</td><td>checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09\uFF0C\u4F1A\u4F7F\u5F97 <code>labelInValue</code> \u5F3A\u5236\u4E3A true</td><td>boolean</td><td>false</td><td></td></tr><tr><td>treeData</td><td>treeNodes \u6570\u636E\uFF0C\u5982\u679C\u8BBE\u7F6E\u5219\u4E0D\u9700\u8981\u624B\u52A8\u6784\u9020 TreeNode \u8282\u70B9\uFF08value \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td><td>array&lt;{value, label, children, [disabled, disableCheckbox, selectable]}&gt;</td><td>[]</td><td></td></tr><tr><td>replaceFields</td><td>\u66FF\u6362 treeNode \u4E2D title,value,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5</td><td>object</td><td>{children:&#39;children&#39;, title:&#39;title&#39;, key:&#39;key&#39;, value: &#39;value&#39; }</td><td></td></tr><tr><td>treeDataSimpleMode</td><td>\u4F7F\u7528\u7B80\u5355\u683C\u5F0F\u7684 treeData\uFF0C\u5177\u4F53\u8BBE\u7F6E\u53C2\u8003\u53EF\u8BBE\u7F6E\u7684\u7C7B\u578B (\u6B64\u65F6 treeData \u5E94\u53D8\u4E3A\u8FD9\u6837\u7684\u6570\u636E\u7ED3\u6784: [{id:1, pId:0, value:&#39;1&#39;, label:&quot;test1&quot;,...},...], <code>pId</code> \u662F\u7236\u8282\u70B9\u7684 id)</td><td>false|Array&lt;{ id: string, pId: string, rootPId: null }&gt;</td><td>false</td><td></td></tr><tr><td>treeDefaultExpandAll</td><td>\u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9</td><td>boolean</td><td>false</td><td></td></tr><tr><td>treeDefaultExpandedKeys</td><td>\u9ED8\u8BA4\u5C55\u5F00\u7684\u6811\u8282\u70B9</td><td>string[] | number[]</td><td>-</td><td></td></tr><tr><td>treeExpandedKeys(v-model)</td><td>\u8BBE\u7F6E\u5C55\u5F00\u7684\u6811\u8282\u70B9</td><td>string[] | number[]</td><td>-</td><td></td></tr><tr><td>treeNodeFilterProp</td><td>\u8F93\u5165\u9879\u8FC7\u6EE4\u5BF9\u5E94\u7684 treeNode \u5C5E\u6027</td><td>string</td><td>&#39;value&#39;</td><td></td></tr><tr><td>treeNodeLabelProp</td><td>\u4F5C\u4E3A\u663E\u793A\u7684 prop \u8BBE\u7F6E</td><td>string</td><td>&#39;title&#39;</td><td></td></tr><tr><td>value(v-model)</td><td>\u6307\u5B9A\u5F53\u524D\u9009\u4E2D\u7684\u6761\u76EE</td><td>string/string[]</td><td>-</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u9009\u4E2D\u6811\u8282\u70B9\u65F6\u8C03\u7528\u6B64\u51FD\u6570</td><td>function(value, label, extra)</td></tr><tr><td>search</td><td>\u6587\u672C\u6846\u503C\u53D8\u5316\u65F6\u56DE\u8C03</td><td>function(value: string)</td></tr><tr><td>select</td><td>\u88AB\u9009\u4E2D\u65F6\u8C03\u7528</td><td>function(value, node, extra)</td></tr><tr><td>treeExpand</td><td>\u5C55\u5F00\u8282\u70B9\u65F6\u8C03\u7528</td><td>function(expandedKeys)</td></tr></tbody></table><h3 id="tree-\u65B9\u6CD5">Tree \u65B9\u6CD5</h3><table><thead><tr><th>\u540D\u79F0</th><th>\u63CF\u8FF0</th></tr></thead><tbody><tr><td>blur()</td><td>\u79FB\u9664\u7126\u70B9</td></tr><tr><td>focus()</td><td>\u83B7\u53D6\u7126\u70B9</td></tr></tbody></table><h3 id="treenode-props">TreeNode props</h3><blockquote><p>\u5EFA\u8BAE\u4F7F\u7528 treeData \u6765\u4EE3\u66FF TreeNode\uFF0C\u514D\u53BB\u624B\u5DE5\u6784\u9020\u9EBB\u70E6</p></blockquote><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>selectable</td><td>\u662F\u5426\u53EF\u9009</td><td>boolean</td><td>true</td><td></td></tr><tr><td>checkable</td><td>\u5F53\u6811\u4E3A checkable \u65F6\uFF0C\u8BBE\u7F6E\u72EC\u7ACB\u8282\u70B9\u662F\u5426\u5C55\u793A Checkbox</td><td>boolean</td><td>-</td><td></td></tr><tr><td>disableCheckbox</td><td>\u7981\u6389 checkbox</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabled</td><td>\u662F\u5426\u7981\u7528</td><td>boolean</td><td>false</td><td></td></tr><tr><td>isLeaf</td><td>\u662F\u5426\u662F\u53F6\u5B50\u8282\u70B9</td><td>boolean</td><td>false</td><td></td></tr><tr><td>key</td><td>\u6B64\u9879\u5FC5\u987B\u8BBE\u7F6E\uFF08\u5176\u503C\u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td><td>string | number</td><td>-</td><td></td></tr><tr><td>title</td><td>\u6811\u8282\u70B9\u663E\u793A\u7684\u5185\u5BB9</td><td>string|slot</td><td>&#39;---&#39;</td><td></td></tr><tr><td>value</td><td>\u9ED8\u8BA4\u6839\u636E\u6B64\u5C5E\u6027\u503C\u8FDB\u884C\u7B5B\u9009\uFF08\u5176\u503C\u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td><td>string</td><td>-</td><td></td></tr><tr><td>scopedSlots</td><td>\u4F7F\u7528 treeData \u65F6\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BE5\u5C5E\u6027\u914D\u7F6E\u652F\u6301 slot \u7684\u5C5E\u6027\uFF0C\u5982 <code>scopedSlots: { title: &#39;XXX&#39;}</code></td><td>object</td><td>-</td><td></td></tr></tbody></table>',13)]))}var nt=C(Q,[["render",tt]]);const at={pageData:{title:"TreeSelect",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"TreeSelect",cover:"https://gw.alipayobjects.com/zos/alicdn/Ax4DA0njr/TreeSelect.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"`TreeSelect` is similar to `Select`, but the values are provided in a tree like structure. Any data whose entries are defined in a hierarchical manner is fit to use this control. Examples of such case may include a corporate hierarchy, a directory structure, and so on."},{level:2,title:"API",slug:"api",content:"Tree props"},{level:3,title:"Tree props",slug:"tree-props",content:""},{level:3,title:"Events",slug:"events",content:""},{level:3,title:"Tree Methods",slug:"tree-methods",content:""},{level:3,title:"TreeNode props",slug:"treenode-props",content:""},{level:2,title:"FAQ",slug:"faq",content:"How to get parent node in onChange?"},{level:3,title:"How to get parent node in onChange?",slug:"how-to-get-parent-node-in-onchange",content:"We don't provide this since performance consideration."}],relativePath:"src/docs/tree-select/index.en-US.md",content:`
Tree selection control.

## When To Use

\`TreeSelect\` is similar to \`Select\`, but the values are provided in a tree like structure. Any data whose entries are defined in a hierarchical manner is fit to use this control. Examples of such case may include a corporate hierarchy, a directory structure, and so on.

## API

### Tree props

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| allowClear | Whether allow clear | boolean | false |  |
| defaultValue | To set the initial selected treeNode(s). | string\\|string\\[] | - |  |
| disabled | Disabled or not | boolean | false |  |
| dropdownClassName | className of dropdown menu | string | - |  |
| dropdownMatchSelectWidth | Determine whether the dropdown menu and the select input are the same width | boolean | true |  |
| dropdownStyle | To set the style of the dropdown menu | object | - |  |
| filterTreeNode | Whether to filter treeNodes by input value. The value of \`treeNodeFilterProp\` is used for filtering by default. | boolean\\|Function(inputValue: string, treeNode: TreeNode) (should return boolean) | Function |  |
| getPopupContainer | To set the container of the dropdown menu. The default is to create a \`div\` element in \`body\`, you can reset it to the scrolling area and make a relative reposition. | Function(triggerNode) | () =&gt; document.body |  |
| labelInValue | whether to embed label in value, turn the format of value from \`string\` to \`{value: string, label: VNode, halfChecked: string[]}\` | boolean | false |  |
| loadData | Load data asynchronously. | function(node) | - |  |
| maxTagCount | Max tag count to show | number | - |  |
| maxTagPlaceholder | Placeholder for not showing tags | slot/function(omittedValues) | - |  |
| multiple | Support multiple or not, will be \`true\` when enable \`treeCheckable\`. | boolean | false |  |
| placeholder | Placeholder of the select input | string\\|slot | - |  |
| searchPlaceholder | Placeholder of the search input | string\\|slot | - |  |
| searchValue(v-model) | work with \`search\` event to make search value controlled. | string | - |  |
| treeIcon | Shows the icon before a TreeNode&#39;s title. There is no default style; you must set a custom style for it if set to \`true\` | boolean | false |  |
| showCheckedStrategy | The way show selected item in box. **Default:** just show child nodes. **\`TreeSelect.SHOW_ALL\`:** show all checked treeNodes (include parent treeNode). **\`TreeSelect.SHOW_PARENT\`:** show checked treeNodes (just show parent treeNode). | enum { TreeSelect.SHOW_ALL, TreeSelect.SHOW_PARENT, TreeSelect.SHOW_CHILD } | TreeSelect.SHOW_CHILD |  |
| showSearch | Whether to display a search input in the dropdown menu(valid only in the single mode) | boolean | false |  |
| size | To set the size of the select input, options: \`large\` \`small\` | string | &#39;default&#39; |  |
| suffixIcon | The custom suffix icon | VNode \\| slot | - |  |
| treeCheckable | Whether to show checkbox on the treeNodes | boolean | false |  |
| treeCheckStrictly | Whether to check nodes precisely (in the \`checkable\` mode), means parent and child nodes are not associated, and it will make \`labelInValue\` be true | boolean | false |  |
| treeData | Data of the treeNodes, manual construction work is no longer needed if this property has been set(ensure the Uniqueness of each value) | array\\&lt;{ value, title, children, \\[disabled, disableCheckbox, selectable] }&gt; | \\[] |  |
| replaceFields | Replace the title,value, key and children fields in treeNode with the corresponding fields in treeData | object | { children:&#39;children&#39;, title:&#39;title&#39;, key:&#39;key&#39;, value: &#39;value&#39; } |  | 1.6.1 |
| treeDataSimpleMode | Enable simple mode of treeData. Changes the \`treeData\` schema to: \\[{id:1, pId:0, value:&#39;1&#39;, title:&quot;test1&quot;,...},...] where pId is parent node&#39;s id). It is possible to replace the default \`id\` and \`pId\` keys by providing object to \`treeDataSimpleMode\` | false\\|object\\&lt;{ id: string, pId: string, rootPId: null }&gt; | false |  |
| treeDefaultExpandAll | Whether to expand all treeNodes by default | boolean | false |  |
| treeDefaultExpandedKeys | Default expanded treeNodes | string\\[] \\| number\\[] | - |  |
| treeExpandedKeys(v-model) | Set expanded keys | string\\[] \\| number\\[] | - |  |
| treeNodeFilterProp | Will be used for filtering if \`filterTreeNode\` returns true | string | &#39;value&#39; |  |
| treeNodeLabelProp | Will render as content of select | string | &#39;title&#39; |  |
| value(v-model) | To set the current selected treeNode(s). | string\\|string\\[] | - |  |

### Events

| Events Name | Description | Arguments |
| --- | --- | --- |
| change | A callback function, can be executed when selected treeNodes or input value change | function(value, label, extra) |
| search | A callback function, can be executed when the search input changes. | function(value: string) |
| select | A callback function, can be executed when you select a treeNode. | function(value, node, extra) |
| treeExpand | A callback function, can be executed when treeNode expanded | function(expandedKeys) |

### Tree Methods

| Name    | Description  |
| ------- | ------------ |
| blur()  | remove focus |
| focus() | get focus    |

### TreeNode props

&gt; We recommend you to use \`treeData\` rather than \`TreeNode\`, to avoid the trouble of manual construction.

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| selectable | can be selected | boolean | true |  |
| checkable | When Tree is checkable, set TreeNode display Checkbox or not | boolean | - |  |
| disableCheckbox | Disables the checkbox of the treeNode | boolean | false |  |
| disabled | Disabled or not | boolean | false |  |
| isLeaf | Leaf node or not | boolean | false |  |
| key | Required property, should be unique in the tree | string \\| number | - |  |
| title | Content showed on the treeNodes | string\\|slot | &#39;---&#39; |  |
| value | Will be treated as \`treeNodeFilterProp\` by default, should be unique in the tree | string | - |  |
| scopedSlots | When using treeNodes, you can use this property to configure the properties that support the slot, such as \`scopedSlots: { title: &#39;XXX&#39;}\` | object | - |  |

## FAQ

### How to get parent node in onChange?

We don&#39;t provide this since performance consideration.
`,html:`<p>Tree selection control.</p>
<h2 id="when-to-use">When To Use</h2>
<p><code>TreeSelect</code> is similar to <code>Select</code>, but the values are provided in a tree like structure. Any data whose entries are defined in a hierarchical manner is fit to use this control. Examples of such case may include a corporate hierarchy, a directory structure, and so on.</p>
<h2 id="api">API</h2>
<h3 id="tree-props">Tree props</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>allowClear</td>
<td>Whether allow clear</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>defaultValue</td>
<td>To set the initial selected treeNode(s).</td>
<td>string|string[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>Disabled or not</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>dropdownClassName</td>
<td>className of dropdown menu</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>dropdownMatchSelectWidth</td>
<td>Determine whether the dropdown menu and the select input are the same width</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>dropdownStyle</td>
<td>To set the style of the dropdown menu</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>filterTreeNode</td>
<td>Whether to filter treeNodes by input value. The value of <code>treeNodeFilterProp</code> is used for filtering by default.</td>
<td>boolean|Function(inputValue: string, treeNode: TreeNode) (should return boolean)</td>
<td>Function</td>
<td></td>
</tr>
<tr>
<td>getPopupContainer</td>
<td>To set the container of the dropdown menu. The default is to create a <code>div</code> element in <code>body</code>, you can reset it to the scrolling area and make a relative reposition.</td>
<td>Function(triggerNode)</td>
<td>() =&gt; document.body</td>
<td></td>
</tr>
<tr>
<td>labelInValue</td>
<td>whether to embed label in value, turn the format of value from <code>string</code> to <code>{value: string, label: VNode, halfChecked: string[]}</code></td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>loadData</td>
<td>Load data asynchronously.</td>
<td>function(node)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>maxTagCount</td>
<td>Max tag count to show</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>maxTagPlaceholder</td>
<td>Placeholder for not showing tags</td>
<td>slot/function(omittedValues)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>multiple</td>
<td>Support multiple or not, will be <code>true</code> when enable <code>treeCheckable</code>.</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>placeholder</td>
<td>Placeholder of the select input</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>searchPlaceholder</td>
<td>Placeholder of the search input</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>searchValue(v-model)</td>
<td>work with <code>search</code> event to make search value controlled.</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeIcon</td>
<td>Shows the icon before a TreeNode's title. There is no default style; you must set a custom style for it if set to <code>true</code></td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showCheckedStrategy</td>
<td>The way show selected item in box. <strong>Default:</strong> just show child nodes. <strong><code>TreeSelect.SHOW_ALL</code>:</strong> show all checked treeNodes (include parent treeNode). <strong><code>TreeSelect.SHOW_PARENT</code>:</strong> show checked treeNodes (just show parent treeNode).</td>
<td>enum { TreeSelect.SHOW_ALL, TreeSelect.SHOW_PARENT, TreeSelect.SHOW_CHILD }</td>
<td>TreeSelect.SHOW_CHILD</td>
<td></td>
</tr>
<tr>
<td>showSearch</td>
<td>Whether to display a search input in the dropdown menu(valid only in the single mode)</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>To set the size of the select input, options: <code>large</code> <code>small</code></td>
<td>string</td>
<td>'default'</td>
<td></td>
</tr>
<tr>
<td>suffixIcon</td>
<td>The custom suffix icon</td>
<td>VNode | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeCheckable</td>
<td>Whether to show checkbox on the treeNodes</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeCheckStrictly</td>
<td>Whether to check nodes precisely (in the <code>checkable</code> mode), means parent and child nodes are not associated, and it will make <code>labelInValue</code> be true</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeData</td>
<td>Data of the treeNodes, manual construction work is no longer needed if this property has been set(ensure the Uniqueness of each value)</td>
<td>array&lt;{ value, title, children, [disabled, disableCheckbox, selectable] }&gt;</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>replaceFields</td>
<td>Replace the title,value, key and children fields in treeNode with the corresponding fields in treeData</td>
<td>object</td>
<td>{ children:'children', title:'title', key:'key', value: 'value' }</td>
<td></td>
</tr>
<tr>
<td>treeDataSimpleMode</td>
<td>Enable simple mode of treeData. Changes the <code>treeData</code> schema to: [{id:1, pId:0, value:'1', title:&quot;test1&quot;,...},...] where pId is parent node's id). It is possible to replace the default <code>id</code> and <code>pId</code> keys by providing object to <code>treeDataSimpleMode</code></td>
<td>false|object&lt;{ id: string, pId: string, rootPId: null }&gt;</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeDefaultExpandAll</td>
<td>Whether to expand all treeNodes by default</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>treeDefaultExpandedKeys</td>
<td>Default expanded treeNodes</td>
<td>string[] | number[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeExpandedKeys(v-model)</td>
<td>Set expanded keys</td>
<td>string[] | number[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>treeNodeFilterProp</td>
<td>Will be used for filtering if <code>filterTreeNode</code> returns true</td>
<td>string</td>
<td>'value'</td>
<td></td>
</tr>
<tr>
<td>treeNodeLabelProp</td>
<td>Will render as content of select</td>
<td>string</td>
<td>'title'</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>To set the current selected treeNode(s).</td>
<td>string|string[]</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="events">Events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>A callback function, can be executed when selected treeNodes or input value change</td>
<td>function(value, label, extra)</td>
</tr>
<tr>
<td>search</td>
<td>A callback function, can be executed when the search input changes.</td>
<td>function(value: string)</td>
</tr>
<tr>
<td>select</td>
<td>A callback function, can be executed when you select a treeNode.</td>
<td>function(value, node, extra)</td>
</tr>
<tr>
<td>treeExpand</td>
<td>A callback function, can be executed when treeNode expanded</td>
<td>function(expandedKeys)</td>
</tr>
</tbody>
</table>
<h3 id="tree-methods">Tree Methods</h3>
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>blur()</td>
<td>remove focus</td>
</tr>
<tr>
<td>focus()</td>
<td>get focus</td>
</tr>
</tbody>
</table>
<h3 id="treenode-props">TreeNode props</h3>
<blockquote>
<p>We recommend you to use <code>treeData</code> rather than <code>TreeNode</code>, to avoid the trouble of manual construction.</p>
</blockquote>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>selectable</td>
<td>can be selected</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>checkable</td>
<td>When Tree is checkable, set TreeNode display Checkbox or not</td>
<td>boolean</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disableCheckbox</td>
<td>Disables the checkbox of the treeNode</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>Disabled or not</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>isLeaf</td>
<td>Leaf node or not</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>key</td>
<td>Required property, should be unique in the tree</td>
<td>string | number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>Content showed on the treeNodes</td>
<td>string|slot</td>
<td>'---'</td>
<td></td>
</tr>
<tr>
<td>value</td>
<td>Will be treated as <code>treeNodeFilterProp</code> by default, should be unique in the tree</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>scopedSlots</td>
<td>When using treeNodes, you can use this property to configure the properties that support the slot, such as <code>scopedSlots: { title: 'XXX'}</code></td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="faq">FAQ</h2>
<h3 id="how-to-get-parent-node-in-onchange">How to get parent node in onChange?</h3>
<p>We don't provide this since performance consideration.</p>
`,lastUpdated:1748059052782}},st={class:"markdown"};function et(s,a,i,g,r,d){return k(),v("article",st,a[0]||(a[0]=[Z('<p>Tree selection control.</p><h2 id="when-to-use">When To Use</h2><p><code>TreeSelect</code> is similar to <code>Select</code>, but the values are provided in a tree like structure. Any data whose entries are defined in a hierarchical manner is fit to use this control. Examples of such case may include a corporate hierarchy, a directory structure, and so on.</p><h2 id="api">API</h2><h3 id="tree-props">Tree props</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>allowClear</td><td>Whether allow clear</td><td>boolean</td><td>false</td><td></td></tr><tr><td>defaultValue</td><td>To set the initial selected treeNode(s).</td><td>string|string[]</td><td>-</td><td></td></tr><tr><td>disabled</td><td>Disabled or not</td><td>boolean</td><td>false</td><td></td></tr><tr><td>dropdownClassName</td><td>className of dropdown menu</td><td>string</td><td>-</td><td></td></tr><tr><td>dropdownMatchSelectWidth</td><td>Determine whether the dropdown menu and the select input are the same width</td><td>boolean</td><td>true</td><td></td></tr><tr><td>dropdownStyle</td><td>To set the style of the dropdown menu</td><td>object</td><td>-</td><td></td></tr><tr><td>filterTreeNode</td><td>Whether to filter treeNodes by input value. The value of <code>treeNodeFilterProp</code> is used for filtering by default.</td><td>boolean|Function(inputValue: string, treeNode: TreeNode) (should return boolean)</td><td>Function</td><td></td></tr><tr><td>getPopupContainer</td><td>To set the container of the dropdown menu. The default is to create a <code>div</code> element in <code>body</code>, you can reset it to the scrolling area and make a relative reposition.</td><td>Function(triggerNode)</td><td>() =&gt; document.body</td><td></td></tr><tr><td>labelInValue</td><td>whether to embed label in value, turn the format of value from <code>string</code> to <code>{value: string, label: VNode, halfChecked: string[]}</code></td><td>boolean</td><td>false</td><td></td></tr><tr><td>loadData</td><td>Load data asynchronously.</td><td>function(node)</td><td>-</td><td></td></tr><tr><td>maxTagCount</td><td>Max tag count to show</td><td>number</td><td>-</td><td></td></tr><tr><td>maxTagPlaceholder</td><td>Placeholder for not showing tags</td><td>slot/function(omittedValues)</td><td>-</td><td></td></tr><tr><td>multiple</td><td>Support multiple or not, will be <code>true</code> when enable <code>treeCheckable</code>.</td><td>boolean</td><td>false</td><td></td></tr><tr><td>placeholder</td><td>Placeholder of the select input</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>searchPlaceholder</td><td>Placeholder of the search input</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>searchValue(v-model)</td><td>work with <code>search</code> event to make search value controlled.</td><td>string</td><td>-</td><td></td></tr><tr><td>treeIcon</td><td>Shows the icon before a TreeNode&#39;s title. There is no default style; you must set a custom style for it if set to <code>true</code></td><td>boolean</td><td>false</td><td></td></tr><tr><td>showCheckedStrategy</td><td>The way show selected item in box. <strong>Default:</strong> just show child nodes. <strong><code>TreeSelect.SHOW_ALL</code>:</strong> show all checked treeNodes (include parent treeNode). <strong><code>TreeSelect.SHOW_PARENT</code>:</strong> show checked treeNodes (just show parent treeNode).</td><td>enum { TreeSelect.SHOW_ALL, TreeSelect.SHOW_PARENT, TreeSelect.SHOW_CHILD }</td><td>TreeSelect.SHOW_CHILD</td><td></td></tr><tr><td>showSearch</td><td>Whether to display a search input in the dropdown menu(valid only in the single mode)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>size</td><td>To set the size of the select input, options: <code>large</code> <code>small</code></td><td>string</td><td>&#39;default&#39;</td><td></td></tr><tr><td>suffixIcon</td><td>The custom suffix icon</td><td>VNode | slot</td><td>-</td><td></td></tr><tr><td>treeCheckable</td><td>Whether to show checkbox on the treeNodes</td><td>boolean</td><td>false</td><td></td></tr><tr><td>treeCheckStrictly</td><td>Whether to check nodes precisely (in the <code>checkable</code> mode), means parent and child nodes are not associated, and it will make <code>labelInValue</code> be true</td><td>boolean</td><td>false</td><td></td></tr><tr><td>treeData</td><td>Data of the treeNodes, manual construction work is no longer needed if this property has been set(ensure the Uniqueness of each value)</td><td>array&lt;{ value, title, children, [disabled, disableCheckbox, selectable] }&gt;</td><td>[]</td><td></td></tr><tr><td>replaceFields</td><td>Replace the title,value, key and children fields in treeNode with the corresponding fields in treeData</td><td>object</td><td>{ children:&#39;children&#39;, title:&#39;title&#39;, key:&#39;key&#39;, value: &#39;value&#39; }</td><td></td></tr><tr><td>treeDataSimpleMode</td><td>Enable simple mode of treeData. Changes the <code>treeData</code> schema to: [{id:1, pId:0, value:&#39;1&#39;, title:&quot;test1&quot;,...},...] where pId is parent node&#39;s id). It is possible to replace the default <code>id</code> and <code>pId</code> keys by providing object to <code>treeDataSimpleMode</code></td><td>false|object&lt;{ id: string, pId: string, rootPId: null }&gt;</td><td>false</td><td></td></tr><tr><td>treeDefaultExpandAll</td><td>Whether to expand all treeNodes by default</td><td>boolean</td><td>false</td><td></td></tr><tr><td>treeDefaultExpandedKeys</td><td>Default expanded treeNodes</td><td>string[] | number[]</td><td>-</td><td></td></tr><tr><td>treeExpandedKeys(v-model)</td><td>Set expanded keys</td><td>string[] | number[]</td><td>-</td><td></td></tr><tr><td>treeNodeFilterProp</td><td>Will be used for filtering if <code>filterTreeNode</code> returns true</td><td>string</td><td>&#39;value&#39;</td><td></td></tr><tr><td>treeNodeLabelProp</td><td>Will render as content of select</td><td>string</td><td>&#39;title&#39;</td><td></td></tr><tr><td>value(v-model)</td><td>To set the current selected treeNode(s).</td><td>string|string[]</td><td>-</td><td></td></tr></tbody></table><h3 id="events">Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>change</td><td>A callback function, can be executed when selected treeNodes or input value change</td><td>function(value, label, extra)</td></tr><tr><td>search</td><td>A callback function, can be executed when the search input changes.</td><td>function(value: string)</td></tr><tr><td>select</td><td>A callback function, can be executed when you select a treeNode.</td><td>function(value, node, extra)</td></tr><tr><td>treeExpand</td><td>A callback function, can be executed when treeNode expanded</td><td>function(expandedKeys)</td></tr></tbody></table><h3 id="tree-methods">Tree Methods</h3><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>blur()</td><td>remove focus</td></tr><tr><td>focus()</td><td>get focus</td></tr></tbody></table><h3 id="treenode-props">TreeNode props</h3><blockquote><p>We recommend you to use <code>treeData</code> rather than <code>TreeNode</code>, to avoid the trouble of manual construction.</p></blockquote><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>selectable</td><td>can be selected</td><td>boolean</td><td>true</td><td></td></tr><tr><td>checkable</td><td>When Tree is checkable, set TreeNode display Checkbox or not</td><td>boolean</td><td>-</td><td></td></tr><tr><td>disableCheckbox</td><td>Disables the checkbox of the treeNode</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabled</td><td>Disabled or not</td><td>boolean</td><td>false</td><td></td></tr><tr><td>isLeaf</td><td>Leaf node or not</td><td>boolean</td><td>false</td><td></td></tr><tr><td>key</td><td>Required property, should be unique in the tree</td><td>string | number</td><td>-</td><td></td></tr><tr><td>title</td><td>Content showed on the treeNodes</td><td>string|slot</td><td>&#39;---&#39;</td><td></td></tr><tr><td>value</td><td>Will be treated as <code>treeNodeFilterProp</code> by default, should be unique in the tree</td><td>string</td><td>-</td><td></td></tr><tr><td>scopedSlots</td><td>When using treeNodes, you can use this property to configure the properties that support the slot, such as <code>scopedSlots: { title: &#39;XXX&#39;}</code></td><td>object</td><td>-</td><td></td></tr></tbody></table><h2 id="faq">FAQ</h2><h3 id="how-to-get-parent-node-in-onchange">How to get parent node in onChange?</h3><p>We don&#39;t provide this since performance consideration.</p>',16)]))}var ot=C(at,[["render",et]]);const ct=m({CN:nt,US:ot,components:{Basic:V,Multiple:R,TreeData:U,Checkable:j,Suffix:O,Async:_},setup(){return{}}});function lt(s,a,i,g,r,d){const c=l("basic"),p=l("multiple"),u=l("tree-data"),I=l("checkable"),y=l("suffix"),f=l("async"),w=l("demo-sort");return k(),b(w,null,{default:e(()=>[o(c),o(p),o(u),o(I),o(y),o(f)]),_:1})}var rt=C(ct,[["render",lt]]);export{rt as default};