import{d as w,r as C,s as f,_ as b,j as u,k as y,l as h,w as e,f as o,b as n,e as t,a as B,t as K,D as R,n as x}from"./index.c1b9962e.js";import{C as T,F,a as P}from"./FrownFilled.87503d0b.js";import{S as E}from"./SmileOutlined.8742fd55.js";import{F as J}from"./FrownOutlined.0b6bfd2e.js";const j=[{title:"parent 1",key:"0-0",children:[{title:"parent 1-0",key:"0-0-0",disabled:!0,children:[{title:"leaf",key:"0-0-0-0",disableCheckbox:!0},{title:"leaf",key:"0-0-0-1"}]},{title:"parent 1-1",key:"0-0-1",children:[{key:"0-0-1-0",slots:{title:"title0010"}}]}]}],z=w({setup(){const a=C(["0-0-0","0-0-1"]),s=C(["0-0-0","0-0-1"]),k=C(["0-0-0","0-0-1"]);return f(a,()=>{console.log("expandedKeys",a)}),f(s,()=>{console.log("selectedKeys",s)}),f(k,()=>{console.log("checkedKeys",k)}),{treeData:j,expandedKeys:a,selectedKeys:s,checkedKeys:k}}});function U(a,s,k,r,l,d){const i=u("a-tree"),p=u("demo-box");return y(),h(p,{jsfiddle:{us:"The most basic usage, tell you how to use checkable, selectable, disabled, defaultExpandKeys, and etc.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5C55\u793A\u53EF\u52FE\u9009\uFF0C\u53EF\u9009\u4E2D\uFF0C\u7981\u7528\uFF0C\u9ED8\u8BA4\u5C55\u5F00\u7B49\u529F\u80FD\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5C55\u793A\u53EF\u52FE\u9009\uFF0C\u53EF\u9009\u4E2D\uFF0C\u7981\u7528\uFF0C\u9ED8\u8BA4\u5C55\u5F00\u7B49\u529F\u80FD\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The most basic usage, tell you how to use checkable, selectable, disabled, defaultExpandKeys, and etc.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/tree/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNoZWNrYWJsZQogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICB2LW1vZGVsOmV4cGFuZGVkS2V5cz0iZXhwYW5kZWRLZXlzIgogICAgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIKICAgIHYtbW9kZWw6Y2hlY2tlZEtleXM9ImNoZWNrZWRLZXlzIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGUwMDEwPjxzcGFuIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+c3NzPC9zcGFuPjwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwppbXBvcnQgeyBUcmVlRGF0YUl0ZW0gfSBmcm9tICdhbnQtZGVzaWduLXZ1ZS9lcy90cmVlL1RyZWUnOwoKY29uc3QgdHJlZURhdGE6IFRyZWVEYXRhSXRlbVtdID0gWwogIHsKICAgIHRpdGxlOiAncGFyZW50IDEnLAogICAga2V5OiAnMC0wJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICBkaXNhYmxlZDogdHJ1ZSwKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMC0wJywgZGlzYWJsZUNoZWNrYm94OiB0cnVlIH0sCiAgICAgICAgICB7IHRpdGxlOiAnbGVhZicsIGtleTogJzAtMC0wLTEnIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAncGFyZW50IDEtMScsCiAgICAgICAga2V5OiAnMC0wLTEnLAogICAgICAgIGNoaWxkcmVuOiBbeyBrZXk6ICcwLTAtMS0wJywgc2xvdHM6IHsgdGl0bGU6ICd0aXRsZTAwMTAnIH0gfV0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKHNlbGVjdGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWRLZXlzJywgc2VsZWN0ZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goY2hlY2tlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NoZWNrZWRLZXlzJywgY2hlY2tlZEtleXMpOwogICAgfSk7CgogICAgcmV0dXJuIHsKICAgICAgdHJlZURhdGEsCiAgICAgIGV4cGFuZGVkS2V5cywKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICBjaGVja2VkS2V5cywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNoZWNrYWJsZQogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICB2LW1vZGVsOmV4cGFuZGVkS2V5cz0iZXhwYW5kZWRLZXlzIgogICAgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIKICAgIHYtbW9kZWw6Y2hlY2tlZEtleXM9ImNoZWNrZWRLZXlzIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGUwMDEwPjxzcGFuIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+c3NzPC9zcGFuPjwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IHRyZWVEYXRhID0gWwogIHsKICAgIHRpdGxlOiAncGFyZW50IDEnLAogICAga2V5OiAnMC0wJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICBkaXNhYmxlZDogdHJ1ZSwKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ2xlYWYnLAogICAgICAgICAgICBrZXk6ICcwLTAtMC0wJywKICAgICAgICAgICAgZGlzYWJsZUNoZWNrYm94OiB0cnVlLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAga2V5OiAnMC0wLTAtMScsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICBrZXk6ICcwLTAtMS0wJywKICAgICAgICAgICAgc2xvdHM6IHsKICAgICAgICAgICAgICB0aXRsZTogJ3RpdGxlMDAxMCcsCiAgICAgICAgICAgIH0sCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIHdhdGNoKGV4cGFuZGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZXhwYW5kZWRLZXlzJywgZXhwYW5kZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goc2VsZWN0ZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3RlZEtleXMnLCBzZWxlY3RlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChjaGVja2VkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnY2hlY2tlZEtleXMnLCBjaGVja2VkS2V5cyk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhLAogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(i,{checkable:"","tree-data":a.treeData,expandedKeys:a.expandedKeys,"onUpdate:expandedKeys":s[0]||(s[0]=c=>a.expandedKeys=c),selectedKeys:a.selectedKeys,"onUpdate:selectedKeys":s[1]||(s[1]=c=>a.selectedKeys=c),checkedKeys:a.checkedKeys,"onUpdate:checkedKeys":s[2]||(s[2]=c=>a.checkedKeys=c)},{title0010:e(()=>s[3]||(s[3]=[n("span",{style:{color:"#1890ff"}},"sss",-1)])),_:1},8,["tree-data","expandedKeys","selectedKeys","checkedKeys"])]),htmlCode:e(()=>s[4]||(s[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},"checkable"),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title0010"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("sss"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" TreeDataItem "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'title0010'"),t(),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      checkedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[5]||(s[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},"checkable"),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title0010"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("sss"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'title0010'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      checkedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var M=b(z,[["render",U]]);const O=3,q=2,Q=1,S=[],L=(a,s,k)=>{const r=s||"0",l=k||S,d=[];for(let p=0;p<O;p++){const c=`${r}-${p}`;l.push({title:c,key:c}),p<q&&d.push(c)}if(a<0)return l;const i=a-1;d.forEach((p,c)=>(l[c].children=[],L(i,p,l[c].children)))};L(Q);const _=w({setup(){const a=C(["0-0","0-0-0","0-0-0-0"]),s=C(S);return{expandedKeys:a,gData:s,onDragEnter:l=>{console.log(l)},onDrop:l=>{console.log(l);const d=l.node.eventKey,i=l.dragNode.eventKey,p=l.node.pos.split("-"),c=l.dropPosition-Number(p[p.length-1]),g=(I,Z,v)=>{I.forEach((G,W,D)=>{if(G.key===Z)return v(G,W,D);if(G.children)return g(G.children,Z,v)})},A=[...s.value];let m={};if(g(A,i,(I,Z,v)=>{v.splice(Z,1),m=I}),!l.dropToGap)g(A,d,I=>{I.children=I.children||[],I.children.push(m)});else if((l.node.children||[]).length>0&&l.node.expanded&&c===1)g(A,d,I=>{I.children=I.children||[],I.children.unshift(m)});else{let I=[],Z=0;g(A,d,(v,G,W)=>{I=W,Z=G}),c===-1?I.splice(Z,0,m):I.splice(Z+1,0,m)}s.value=A}}}});function $(a,s,k,r,l,d){const i=u("a-tree"),p=u("demo-box");return y(),h(p,{jsfiddle:{us:"Drag treeNode to insert after the other treeNode or insert into the other parent TreeNode.",cn:"\u5C06\u8282\u70B9\u62D6\u62FD\u5230\u5176\u4ED6\u8282\u70B9\u5185\u90E8\u6216\u524D\u540E\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5C06\u8282\u70B9\u62D6\u62FD\u5230\u5176\u4ED6\u8282\u70B9\u5185\u90E8\u6216\u524D\u540E\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Drag treeNode to insert after the other treeNode or insert into the other parent TreeNode.</p>
`,order:2,title:{"zh-CN":"\u62D6\u52A8\u793A\u4F8B","en-US":"draggable"},relativePath:"src/docs/tree/demo/draggable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNsYXNzPSJkcmFnZ2FibGUtdHJlZSIKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICBkcmFnZ2FibGUKICAgIDp0cmVlLWRhdGE9ImdEYXRhIgogICAgQGRyYWdlbnRlcj0ib25EcmFnRW50ZXIiCiAgICBAZHJvcD0ib25Ecm9wIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IFRyZWVEYXRhSXRlbSwgVHJlZURyYWdFdmVudCwgRHJvcEV2ZW50IH0gZnJvbSAnYW50LWRlc2lnbi12dWUvZXMvdHJlZS9UcmVlJzsKCmNvbnN0IHggPSAzOwpjb25zdCB5ID0gMjsKY29uc3QgeiA9IDE7CmNvbnN0IGdlbkRhdGE6IFRyZWVEYXRhSXRlbVtdID0gW107Cgpjb25zdCBnZW5lcmF0ZURhdGEgPSAoX2xldmVsOiBudW1iZXIsIF9wcmVLZXk/OiBzdHJpbmcsIF90bnM/OiBUcmVlRGF0YUl0ZW1bXSkgPT4gewogIGNvbnN0IHByZUtleSA9IF9wcmVLZXkgfHwgJzAnOwogIGNvbnN0IHRucyA9IF90bnMgfHwgZ2VuRGF0YTsKCiAgY29uc3QgY2hpbGRyZW4gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHg7IGkrKykgewogICAgY29uc3Qga2V5ID0gYCR7cHJlS2V5fS0ke2l9YDsKICAgIHRucy5wdXNoKHsgdGl0bGU6IGtleSwga2V5IH0pOwogICAgaWYgKGkgPCB5KSB7CiAgICAgIGNoaWxkcmVuLnB1c2goa2V5KTsKICAgIH0KICB9CiAgaWYgKF9sZXZlbCA8IDApIHsKICAgIHJldHVybiB0bnM7CiAgfQogIGNvbnN0IGxldmVsID0gX2xldmVsIC0gMTsKICBjaGlsZHJlbi5mb3JFYWNoKChrZXksIGluZGV4KSA9PiB7CiAgICB0bnNbaW5kZXhdLmNoaWxkcmVuID0gW107CiAgICByZXR1cm4gZ2VuZXJhdGVEYXRhKGxldmVsLCBrZXksIHRuc1tpbmRleF0uY2hpbGRyZW4pOwogIH0pOwp9OwpnZW5lcmF0ZURhdGEoeik7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wJywgJzAtMC0wJywgJzAtMC0wLTAnXSk7CiAgICBjb25zdCBnRGF0YSA9IHJlZjxUcmVlRGF0YUl0ZW1bXT4oZ2VuRGF0YSk7CiAgICBjb25zdCBvbkRyYWdFbnRlciA9IChpbmZvOiBUcmVlRHJhZ0V2ZW50KSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGluZm8pOwogICAgICAvLyBleHBhbmRlZEtleXMg6ZyA6KaB5bGV5byA5pe2CiAgICAgIC8vIGV4cGFuZGVkS2V5cy52YWx1ZSA9IGluZm8uZXhwYW5kZWRLZXlzCiAgICB9OwoKICAgIGNvbnN0IG9uRHJvcCA9IChpbmZvOiBEcm9wRXZlbnQpID0+IHsKICAgICAgY29uc29sZS5sb2coaW5mbyk7CiAgICAgIGNvbnN0IGRyb3BLZXkgPSBpbmZvLm5vZGUuZXZlbnRLZXk7CiAgICAgIGNvbnN0IGRyYWdLZXkgPSBpbmZvLmRyYWdOb2RlLmV2ZW50S2V5OwogICAgICBjb25zdCBkcm9wUG9zID0gaW5mby5ub2RlLnBvcy5zcGxpdCgnLScpOwogICAgICBjb25zdCBkcm9wUG9zaXRpb24gPSBpbmZvLmRyb3BQb3NpdGlvbiAtIE51bWJlcihkcm9wUG9zW2Ryb3BQb3MubGVuZ3RoIC0gMV0pOwogICAgICBjb25zdCBsb29wID0gKGRhdGE6IFRyZWVEYXRhSXRlbVtdLCBrZXk6IHN0cmluZywgY2FsbGJhY2s6IGFueSkgPT4gewogICAgICAgIGRhdGEuZm9yRWFjaCgoaXRlbSwgaW5kZXgsIGFycikgPT4gewogICAgICAgICAgaWYgKGl0ZW0ua2V5ID09PSBrZXkpIHsKICAgICAgICAgICAgcmV0dXJuIGNhbGxiYWNrKGl0ZW0sIGluZGV4LCBhcnIpOwogICAgICAgICAgfQogICAgICAgICAgaWYgKGl0ZW0uY2hpbGRyZW4pIHsKICAgICAgICAgICAgcmV0dXJuIGxvb3AoaXRlbS5jaGlsZHJlbiwga2V5LCBjYWxsYmFjayk7CiAgICAgICAgICB9CiAgICAgICAgfSk7CiAgICAgIH07CiAgICAgIGNvbnN0IGRhdGEgPSBbLi4uZ0RhdGEudmFsdWVdOwoKICAgICAgLy8gRmluZCBkcmFnT2JqZWN0CiAgICAgIGxldCBkcmFnT2JqOiBUcmVlRGF0YUl0ZW0gPSB7fTsKICAgICAgbG9vcChkYXRhLCBkcmFnS2V5LCAoaXRlbTogVHJlZURhdGFJdGVtLCBpbmRleDogbnVtYmVyLCBhcnI6IFRyZWVEYXRhSXRlbVtdKSA9PiB7CiAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgZHJhZ09iaiA9IGl0ZW07CiAgICAgIH0pOwogICAgICBpZiAoIWluZm8uZHJvcFRvR2FwKSB7CiAgICAgICAgLy8gRHJvcCBvbiB0aGUgY29udGVudAogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgKGl0ZW06IFRyZWVEYXRhSXRlbSkgPT4gewogICAgICAgICAgaXRlbS5jaGlsZHJlbiA9IGl0ZW0uY2hpbGRyZW4gfHwgW107CiAgICAgICAgICAvLyB3aGVyZSB0byBpbnNlcnQg56S65L6L5re75Yqg5Yiw5bC+6YOo77yM5Y+v5Lul5piv6ZqP5oSP5L2N572uCiAgICAgICAgICBpdGVtLmNoaWxkcmVuLnB1c2goZHJhZ09iaik7CiAgICAgICAgfSk7CiAgICAgIH0gZWxzZSBpZiAoCiAgICAgICAgKGluZm8ubm9kZS5jaGlsZHJlbiB8fCBbXSkubGVuZ3RoID4gMCAmJiAvLyBIYXMgY2hpbGRyZW4KICAgICAgICBpbmZvLm5vZGUuZXhwYW5kZWQgJiYgLy8gSXMgZXhwYW5kZWQKICAgICAgICBkcm9wUG9zaXRpb24gPT09IDEgLy8gT24gdGhlIGJvdHRvbSBnYXAKICAgICAgKSB7CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCAoaXRlbTogVHJlZURhdGFJdGVtKSA9PiB7CiAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTsKICAgICAgICAgIC8vIHdoZXJlIHRvIGluc2VydCDnpLrkvovmt7vliqDliLDlsL7pg6jvvIzlj6/ku6XmmK/pmo/mhI/kvY3nva4KICAgICAgICAgIGl0ZW0uY2hpbGRyZW4udW5zaGlmdChkcmFnT2JqKTsKICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICBsZXQgYXI6IFRyZWVEYXRhSXRlbVtdID0gW107CiAgICAgICAgbGV0IGkgPSAwOwogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgKGl0ZW06IFRyZWVEYXRhSXRlbSwgaW5kZXg6IG51bWJlciwgYXJyOiBUcmVlRGF0YUl0ZW1bXSkgPT4gewogICAgICAgICAgYXIgPSBhcnI7CiAgICAgICAgICBpID0gaW5kZXg7CiAgICAgICAgfSk7CiAgICAgICAgaWYgKGRyb3BQb3NpdGlvbiA9PT0gLTEpIHsKICAgICAgICAgIGFyLnNwbGljZShpLCAwLCBkcmFnT2JqKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgYXIuc3BsaWNlKGkgKyAxLCAwLCBkcmFnT2JqKTsKICAgICAgICB9CiAgICAgIH0KICAgICAgZ0RhdGEudmFsdWUgPSBkYXRhOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGV4cGFuZGVkS2V5cywKICAgICAgZ0RhdGEsCiAgICAgIG9uRHJhZ0VudGVyLAogICAgICBvbkRyb3AsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNsYXNzPSJkcmFnZ2FibGUtdHJlZSIKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICBkcmFnZ2FibGUKICAgIDp0cmVlLWRhdGE9ImdEYXRhIgogICAgQGRyYWdlbnRlcj0ib25EcmFnRW50ZXIiCiAgICBAZHJvcD0ib25Ecm9wIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgeCA9IDM7CmNvbnN0IHkgPSAyOwpjb25zdCB6ID0gMTsKY29uc3QgZ2VuRGF0YSA9IFtdOwpjb25zdCBnZW5lcmF0ZURhdGEgPSAoX2xldmVsLCBfcHJlS2V5LCBfdG5zKSA9PiB7CiAgY29uc3QgcHJlS2V5ID0gX3ByZUtleSB8fCAnMCc7CiAgY29uc3QgdG5zID0gX3RucyB8fCBnZW5EYXRhOwogIGNvbnN0IGNoaWxkcmVuID0gW107CiAgZm9yIChsZXQgaSA9IDA7IGkgPCB4OyBpKyspIHsKICAgIGNvbnN0IGtleSA9IGAke3ByZUtleX0tJHtpfWA7CiAgICB0bnMucHVzaCh7CiAgICAgIHRpdGxlOiBrZXksCiAgICAgIGtleSwKICAgIH0pOwogICAgaWYgKGkgPCB5KSB7CiAgICAgIGNoaWxkcmVuLnB1c2goa2V5KTsKICAgIH0KICB9CiAgaWYgKF9sZXZlbCA8IDApIHsKICAgIHJldHVybiB0bnM7CiAgfQogIGNvbnN0IGxldmVsID0gX2xldmVsIC0gMTsKICBjaGlsZHJlbi5mb3JFYWNoKChrZXksIGluZGV4KSA9PiB7CiAgICB0bnNbaW5kZXhdLmNoaWxkcmVuID0gW107CiAgICByZXR1cm4gZ2VuZXJhdGVEYXRhKGxldmVsLCBrZXksIHRuc1tpbmRleF0uY2hpbGRyZW4pOwogIH0pOwp9OwpnZW5lcmF0ZURhdGEoeik7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAnLCAnMC0wLTAnLCAnMC0wLTAtMCddKTsKICAgIGNvbnN0IGdEYXRhID0gcmVmKGdlbkRhdGEpOwogICAgY29uc3Qgb25EcmFnRW50ZXIgPSBpbmZvID0+IHsKICAgICAgY29uc29sZS5sb2coaW5mbyk7CiAgICAgIC8vIGV4cGFuZGVkS2V5cyDpnIDopoHlsZXlvIDml7YKICAgICAgLy8gZXhwYW5kZWRLZXlzLnZhbHVlID0gaW5mby5leHBhbmRlZEtleXMKICAgIH07CiAgICBjb25zdCBvbkRyb3AgPSBpbmZvID0+IHsKICAgICAgY29uc29sZS5sb2coaW5mbyk7CiAgICAgIGNvbnN0IGRyb3BLZXkgPSBpbmZvLm5vZGUuZXZlbnRLZXk7CiAgICAgIGNvbnN0IGRyYWdLZXkgPSBpbmZvLmRyYWdOb2RlLmV2ZW50S2V5OwogICAgICBjb25zdCBkcm9wUG9zID0gaW5mby5ub2RlLnBvcy5zcGxpdCgnLScpOwogICAgICBjb25zdCBkcm9wUG9zaXRpb24gPSBpbmZvLmRyb3BQb3NpdGlvbiAtIE51bWJlcihkcm9wUG9zW2Ryb3BQb3MubGVuZ3RoIC0gMV0pOwogICAgICBjb25zdCBsb29wID0gKGRhdGEsIGtleSwgY2FsbGJhY2spID0+IHsKICAgICAgICBkYXRhLmZvckVhY2goKGl0ZW0sIGluZGV4LCBhcnIpID0+IHsKICAgICAgICAgIGlmIChpdGVtLmtleSA9PT0ga2V5KSB7CiAgICAgICAgICAgIHJldHVybiBjYWxsYmFjayhpdGVtLCBpbmRleCwgYXJyKTsKICAgICAgICAgIH0KICAgICAgICAgIGlmIChpdGVtLmNoaWxkcmVuKSB7CiAgICAgICAgICAgIHJldHVybiBsb29wKGl0ZW0uY2hpbGRyZW4sIGtleSwgY2FsbGJhY2spOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICB9OwogICAgICBjb25zdCBkYXRhID0gWy4uLmdEYXRhLnZhbHVlXTsKCiAgICAgIC8vIEZpbmQgZHJhZ09iamVjdAogICAgICBsZXQgZHJhZ09iaiA9IHt9OwogICAgICBsb29wKGRhdGEsIGRyYWdLZXksIChpdGVtLCBpbmRleCwgYXJyKSA9PiB7CiAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgZHJhZ09iaiA9IGl0ZW07CiAgICAgIH0pOwogICAgICBpZiAoIWluZm8uZHJvcFRvR2FwKSB7CiAgICAgICAgLy8gRHJvcCBvbiB0aGUgY29udGVudAogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgaXRlbSA9PiB7CiAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTsKICAgICAgICAgIC8vIHdoZXJlIHRvIGluc2VydCDnpLrkvovmt7vliqDliLDlsL7pg6jvvIzlj6/ku6XmmK/pmo/mhI/kvY3nva4KICAgICAgICAgIGl0ZW0uY2hpbGRyZW4ucHVzaChkcmFnT2JqKTsKICAgICAgICB9KTsKICAgICAgfSBlbHNlIGlmICgKICAgICAgICAoaW5mby5ub2RlLmNoaWxkcmVuIHx8IFtdKS5sZW5ndGggPiAwICYmCiAgICAgICAgLy8gSGFzIGNoaWxkcmVuCiAgICAgICAgaW5mby5ub2RlLmV4cGFuZGVkICYmCiAgICAgICAgLy8gSXMgZXhwYW5kZWQKICAgICAgICBkcm9wUG9zaXRpb24gPT09IDEgLy8gT24gdGhlIGJvdHRvbSBnYXAKICAgICAgKSB7CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCBpdGVtID0+IHsKICAgICAgICAgIGl0ZW0uY2hpbGRyZW4gPSBpdGVtLmNoaWxkcmVuIHx8IFtdOwogICAgICAgICAgLy8gd2hlcmUgdG8gaW5zZXJ0IOekuuS+i+a3u+WKoOWIsOWwvumDqO+8jOWPr+S7peaYr+maj+aEj+S9jee9rgogICAgICAgICAgaXRlbS5jaGlsZHJlbi51bnNoaWZ0KGRyYWdPYmopOwogICAgICAgIH0pOwogICAgICB9IGVsc2UgewogICAgICAgIGxldCBhciA9IFtdOwogICAgICAgIGxldCBpID0gMDsKICAgICAgICBsb29wKGRhdGEsIGRyb3BLZXksIChpdGVtLCBpbmRleCwgYXJyKSA9PiB7CiAgICAgICAgICBhciA9IGFycjsKICAgICAgICAgIGkgPSBpbmRleDsKICAgICAgICB9KTsKICAgICAgICBpZiAoZHJvcFBvc2l0aW9uID09PSAtMSkgewogICAgICAgICAgYXIuc3BsaWNlKGksIDAsIGRyYWdPYmopOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICBhci5zcGxpY2UoaSArIDEsIDAsIGRyYWdPYmopOwogICAgICAgIH0KICAgICAgfQogICAgICBnRGF0YS52YWx1ZSA9IGRhdGE7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBnRGF0YSwKICAgICAgb25EcmFnRW50ZXIsCiAgICAgIG9uRHJvcCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(i,{class:"draggable-tree",expandedKeys:a.expandedKeys,"onUpdate:expandedKeys":s[0]||(s[0]=c=>a.expandedKeys=c),draggable:"","tree-data":a.gData,onDragenter:a.onDragEnter,onDrop:a.onDrop},null,8,["expandedKeys","tree-data","onDragenter","onDrop"])]),htmlCode:e(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("draggable-tree"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"draggable"),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@dragenter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDragEnter"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@drop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDrop"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" TreeDataItem"),n("span",{class:"token punctuation"},","),t(" TreeDragEvent"),n("span",{class:"token punctuation"},","),t(" DropEvent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"genData"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"_level"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(" _tns"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`

  `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
    tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
  children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDragEnter"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"info"),n("span",{class:"token operator"},":"),t(" TreeDragEvent")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token comment"},"// expandedKeys \u9700\u8981\u5C55\u5F00\u65F6"),t(`
      `),n("span",{class:"token comment"},"// expandedKeys.value = info.expandedKeys"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDrop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"info"),n("span",{class:"token operator"},":"),t(" DropEvent")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dropKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dragKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dragNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dropPos "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("pos"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"split"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dropPosition "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dropPosition "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token function"},"Number"),n("span",{class:"token punctuation"},"("),t("dropPos"),n("span",{class:"token punctuation"},"["),t("dropPos"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"loop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"callback"),n("span",{class:"token operator"},":"),t(" any")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token punctuation"},"}"),t(`
          `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" callback"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token punctuation"},"}"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

      `),n("span",{class:"token comment"},"// Find dragObject"),t(`
      `),n("span",{class:"token keyword"},"let"),t(),n("span",{class:"token literal-property property"},"dragObj"),n("span",{class:"token operator"},":"),t(" TreeDataItem "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dragKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"index"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"arr"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        arr`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("index"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        dragObj `),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("info"),n("span",{class:"token punctuation"},"."),t("dropToGap"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token comment"},"// Drop on the content"),t(`
        `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" TreeDataItem")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token comment"},"// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5C3E\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t(`
        `),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"&&"),t(),n("span",{class:"token comment"},"// Has children"),t(`
        info`),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("expanded "),n("span",{class:"token operator"},"&&"),t(),n("span",{class:"token comment"},"// Is expanded"),t(`
        dropPosition `),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"1"),t(),n("span",{class:"token comment"},"// On the bottom gap"),t(`
      `),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" TreeDataItem")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token comment"},"// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5C3E\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"unshift"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"let"),t(),n("span",{class:"token literal-property property"},"ar"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"index"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"arr"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          ar `),n("span",{class:"token operator"},"="),t(" arr"),n("span",{class:"token punctuation"},";"),t(`
          i `),n("span",{class:"token operator"},"="),t(" index"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("dropPosition "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
          ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      gData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      gData`),n("span",{class:"token punctuation"},","),t(`
      onDragEnter`),n("span",{class:"token punctuation"},","),t(`
      onDrop`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("draggable-tree"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"draggable"),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@dragenter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDragEnter"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@drop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onDrop"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" genData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_level"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token punctuation"},","),t(" _tns")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
    tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(`
      key`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
  children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDragEnter"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"info"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token comment"},"// expandedKeys \u9700\u8981\u5C55\u5F00\u65F6"),t(`
      `),n("span",{class:"token comment"},"// expandedKeys.value = info.expandedKeys"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onDrop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"info"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dropKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dragKey "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dragNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dropPos "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("pos"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"split"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'-'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" dropPosition "),n("span",{class:"token operator"},"="),t(" info"),n("span",{class:"token punctuation"},"."),t("dropPosition "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token function"},"Number"),n("span",{class:"token punctuation"},"("),t("dropPos"),n("span",{class:"token punctuation"},"["),t("dropPos"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"loop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("data"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" callback")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token punctuation"},"}"),t(`
          `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" callback"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token punctuation"},"}"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

      `),n("span",{class:"token comment"},"// Find dragObject"),t(`
      `),n("span",{class:"token keyword"},"let"),t(" dragObj "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dragKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        arr`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("index"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        dragObj `),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("info"),n("span",{class:"token punctuation"},"."),t("dropToGap"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token comment"},"// Drop on the content"),t(`
        `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token comment"},"// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5C3E\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t(`
        `),n("span",{class:"token punctuation"},"("),t("info"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"&&"),t(`
        `),n("span",{class:"token comment"},"// Has children"),t(`
        info`),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},"."),t("expanded "),n("span",{class:"token operator"},"&&"),t(`
        `),n("span",{class:"token comment"},"// Is expanded"),t(`
        dropPosition `),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"1"),t(),n("span",{class:"token comment"},"// On the bottom gap"),t(`
      `),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(" item"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token comment"},"// where to insert \u793A\u4F8B\u6DFB\u52A0\u5230\u5C3E\u90E8\uFF0C\u53EF\u4EE5\u662F\u968F\u610F\u4F4D\u7F6E"),t(`
          item`),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"unshift"),n("span",{class:"token punctuation"},"("),t("dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"let"),t(" ar "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token function"},"loop"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},","),t(" dropKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" index"),n("span",{class:"token punctuation"},","),t(" arr")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          ar `),n("span",{class:"token operator"},"="),t(" arr"),n("span",{class:"token punctuation"},";"),t(`
          i `),n("span",{class:"token operator"},"="),t(" index"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("dropPosition "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
          ar`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(" dragObj"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      gData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      gData`),n("span",{class:"token punctuation"},","),t(`
      onDragEnter`),n("span",{class:"token punctuation"},","),t(`
      onDrop`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var nn=b(_,[["render",$]]);const tn=w({setup(){const a=C([]),s=C([]),k=C([{title:"Expand to load",key:"0"},{title:"Expand to load",key:"1"},{title:"Tree Node",key:"2",isLeaf:!0}]);return{expandedKeys:a,selectedKeys:s,treeData:k,onLoadData:l=>new Promise(d=>{if(l.dataRef.children){d();return}setTimeout(()=>{l.dataRef.children=[{title:"Child Node",key:`${l.eventKey}-0`},{title:"Child Node",key:`${l.eventKey}-1`}],k.value=[...k.value],d()},1e3)})}}});function sn(a,s,k,r,l,d){const i=u("a-tree"),p=u("demo-box");return y(),h(p,{jsfiddle:{us:"To load data asynchronously when click to expand a treeNode.",cn:"\u70B9\u51FB\u5C55\u5F00\u8282\u70B9\uFF0C\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u70B9\u51FB\u5C55\u5F00\u8282\u70B9\uFF0C\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002</p>
<h2 id="en-us">en-US</h2>
<p>To load data asynchronously when click to expand a treeNode.</p>
`,order:3,title:{"zh-CN":"\u5F02\u6B65\u6570\u636E\u52A0\u8F7D","en-US":"load data asynchronously"},relativePath:"src/docs/tree/demo/dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIDpsb2FkLWRhdGE9Im9uTG9hZERhdGEiCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IFRyZWVEYXRhSXRlbSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlL2VzL3RyZWUvVHJlZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWY8c3RyaW5nW10+KFtdKTsKICAgIGNvbnN0IHRyZWVEYXRhID0gcmVmPFRyZWVEYXRhSXRlbVtdPihbCiAgICAgIHsgdGl0bGU6ICdFeHBhbmQgdG8gbG9hZCcsIGtleTogJzAnIH0sCiAgICAgIHsgdGl0bGU6ICdFeHBhbmQgdG8gbG9hZCcsIGtleTogJzEnIH0sCiAgICAgIHsgdGl0bGU6ICdUcmVlIE5vZGUnLCBrZXk6ICcyJywgaXNMZWFmOiB0cnVlIH0sCiAgICBdKTsKICAgIGNvbnN0IG9uTG9hZERhdGEgPSAodHJlZU5vZGU6IGFueSkgPT4gewogICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmU6ICh2YWx1ZT86IHVua25vd24pID0+IHZvaWQpID0+IHsKICAgICAgICBpZiAodHJlZU5vZGUuZGF0YVJlZi5jaGlsZHJlbikgewogICAgICAgICAgcmVzb2x2ZSgpOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICAgIHRyZWVOb2RlLmRhdGFSZWYuY2hpbGRyZW4gPSBbCiAgICAgICAgICAgIHsgdGl0bGU6ICdDaGlsZCBOb2RlJywga2V5OiBgJHt0cmVlTm9kZS5ldmVudEtleX0tMGAgfSwKICAgICAgICAgICAgeyB0aXRsZTogJ0NoaWxkIE5vZGUnLCBrZXk6IGAke3RyZWVOb2RlLmV2ZW50S2V5fS0xYCB9LAogICAgICAgICAgXTsKICAgICAgICAgIHRyZWVEYXRhLnZhbHVlID0gWy4uLnRyZWVEYXRhLnZhbHVlXTsKICAgICAgICAgIHJlc29sdmUoKTsKICAgICAgICB9LCAxMDAwKTsKICAgICAgfSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIHRyZWVEYXRhLAogICAgICBvbkxvYWREYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIDpsb2FkLWRhdGE9Im9uTG9hZERhdGEiCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWYoW10pOwogICAgY29uc3QgdHJlZURhdGEgPSByZWYoWwogICAgICB7CiAgICAgICAgdGl0bGU6ICdFeHBhbmQgdG8gbG9hZCcsCiAgICAgICAga2V5OiAnMCcsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywKICAgICAgICBrZXk6ICcxJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnVHJlZSBOb2RlJywKICAgICAgICBrZXk6ICcyJywKICAgICAgICBpc0xlYWY6IHRydWUsCiAgICAgIH0sCiAgICBdKTsKICAgIGNvbnN0IG9uTG9hZERhdGEgPSB0cmVlTm9kZSA9PiB7CiAgICAgIHJldHVybiBuZXcgUHJvbWlzZShyZXNvbHZlID0+IHsKICAgICAgICBpZiAodHJlZU5vZGUuZGF0YVJlZi5jaGlsZHJlbikgewogICAgICAgICAgcmVzb2x2ZSgpOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICAgIHRyZWVOb2RlLmRhdGFSZWYuY2hpbGRyZW4gPSBbCiAgICAgICAgICAgIHsKICAgICAgICAgICAgICB0aXRsZTogJ0NoaWxkIE5vZGUnLAogICAgICAgICAgICAgIGtleTogYCR7dHJlZU5vZGUuZXZlbnRLZXl9LTBgLAogICAgICAgICAgICB9LAogICAgICAgICAgICB7CiAgICAgICAgICAgICAgdGl0bGU6ICdDaGlsZCBOb2RlJywKICAgICAgICAgICAgICBrZXk6IGAke3RyZWVOb2RlLmV2ZW50S2V5fS0xYCwKICAgICAgICAgICAgfSwKICAgICAgICAgIF07CiAgICAgICAgICB0cmVlRGF0YS52YWx1ZSA9IFsuLi50cmVlRGF0YS52YWx1ZV07CiAgICAgICAgICByZXNvbHZlKCk7CiAgICAgICAgfSwgMTAwMCk7CiAgICAgIH0pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGV4cGFuZGVkS2V5cywKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICB0cmVlRGF0YSwKICAgICAgb25Mb2FkRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(i,{"load-data":a.onLoadData,"tree-data":a.treeData,expandedKeys:a.expandedKeys,"onUpdate:expandedKeys":s[0]||(s[0]=c=>a.expandedKeys=c),selectedKeys:a.selectedKeys,"onUpdate:selectedKeys":s[1]||(s[1]=c=>a.selectedKeys=c)},null,8,["load-data","tree-data","expandedKeys","selectedKeys"])]),htmlCode:e(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},":load-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onLoadData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" TreeDataItem "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Tree Node'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onLoadData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"treeNode"),n("span",{class:"token operator"},":"),t(" any")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Promise"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token function-variable function"},"resolve"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("value"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" unknown")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token keyword"},"void"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("treeNode"),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          treeNode`),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-0"),n("span",{class:"token template-punctuation string"},"`")]),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-1"),n("span",{class:"token template-punctuation string"},"`")]),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          treeData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("treeData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      onLoadData`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},":load-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onLoadData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Expand to load'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Tree Node'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onLoadData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"treeNode"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Promise"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"resolve"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("treeNode"),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          treeNode`),n("span",{class:"token punctuation"},"."),t("dataRef"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-0"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"{"),t(`
              `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Child Node'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeNode"),n("span",{class:"token punctuation"},"."),t("eventKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-1"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          treeData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("treeData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      onLoadData`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var an=b(tn,[["render",sn]]);const en=3,on=2,pn=1,X=[],H=(a,s,k)=>{const r=s||"0",l=k||X,d=[];for(let p=0;p<en;p++){const c=`${r}-${p}`;l.push({title:c,key:c}),p<on&&d.push(c)}if(a<0)return l;const i=a-1;d.forEach((p,c)=>(l[c].children=[],H(i,p,l[c].children)))};H(pn);const Y=[],N=a=>{for(let s=0;s<a.length;s++){const k=a[s],r=k.key;Y.push({key:r,title:r}),k.children&&N(k.children)}};N(X);const V=(a,s)=>{let k;for(let r=0;r<s.length;r++){const l=s[r];l.children&&(l.children.some(d=>d.key===a)?k=l.key:V(a,l.children)&&(k=V(a,l.children)))}return k},cn=w({setup(){const a=C([]),s=C(""),k=C(!0),r=C(X),l=d=>{a.value=d,k.value=!1};return f(s,d=>{const i=Y.map(p=>p.title.indexOf(d)>-1?V(p.key,r.value):null).filter((p,c,g)=>p&&g.indexOf(p)===c);a.value=i,s.value=d,k.value=!0}),{expandedKeys:a,searchValue:s,autoExpandParent:k,gData:r,onExpand:l}}}),ln={key:0},un={style:{color:"#f50"}},kn={key:1};function rn(a,s,k,r,l,d){const i=u("a-input-search"),p=u("a-tree"),c=u("demo-box");return y(),h(c,{jsfiddle:{us:"Searchable Tree.",cn:"\u53EF\u641C\u7D22\u7684\u6811\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u53EF\u641C\u7D22\u7684\u6811\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Searchable Tree.</p>
`,order:4,title:{"zh-CN":"\u53EF\u641C\u7D22","en-US":"Searchable"},relativePath:"src/docs/tree/demo/search.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0ic2VhcmNoVmFsdWUiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiA4cHgiIHBsYWNlaG9sZGVyPSJTZWFyY2giIC8+CiAgICA8YS10cmVlCiAgICAgIDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIKICAgICAgOmF1dG8tZXhwYW5kLXBhcmVudD0iYXV0b0V4cGFuZFBhcmVudCIKICAgICAgOnRyZWUtZGF0YT0iZ0RhdGEiCiAgICAgIEBleHBhbmQ9Im9uRXhwYW5kIgogICAgPgogICAgICA8dGVtcGxhdGUgI3RpdGxlPSJ7IHRpdGxlIH0iPgogICAgICAgIDxzcGFuIHYtaWY9InRpdGxlLmluZGV4T2Yoc2VhcmNoVmFsdWUpID4gLTEiPgogICAgICAgICAge3sgdGl0bGUuc3Vic3RyKDAsIHRpdGxlLmluZGV4T2Yoc2VhcmNoVmFsdWUpKSB9fQogICAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiAjZjUwIj57eyBzZWFyY2hWYWx1ZSB9fTwvc3Bhbj4KICAgICAgICAgIHt7IHRpdGxlLnN1YnN0cih0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSArIHNlYXJjaFZhbHVlLmxlbmd0aCkgfX0KICAgICAgICA8L3NwYW4+CiAgICAgICAgPHNwYW4gdi1lbHNlPnt7IHRpdGxlIH19PC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXRyZWU+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwppbXBvcnQgeyBUcmVlRGF0YUl0ZW0gfSBmcm9tICdhbnQtZGVzaWduLXZ1ZS9lcy90cmVlL1RyZWUnOwoKY29uc3QgeCA9IDM7CmNvbnN0IHkgPSAyOwpjb25zdCB6ID0gMTsKY29uc3QgZ2VuRGF0YTogVHJlZURhdGFJdGVtW10gPSBbXTsKCmNvbnN0IGdlbmVyYXRlRGF0YSA9IChfbGV2ZWw6IG51bWJlciwgX3ByZUtleT86IHN0cmluZywgX3Rucz86IFRyZWVEYXRhSXRlbVtdKSA9PiB7CiAgY29uc3QgcHJlS2V5ID0gX3ByZUtleSB8fCAnMCc7CiAgY29uc3QgdG5zID0gX3RucyB8fCBnZW5EYXRhOwoKICBjb25zdCBjaGlsZHJlbiA9IFtdOwogIGZvciAobGV0IGkgPSAwOyBpIDwgeDsgaSsrKSB7CiAgICBjb25zdCBrZXkgPSBgJHtwcmVLZXl9LSR7aX1gOwogICAgdG5zLnB1c2goeyB0aXRsZToga2V5LCBrZXkgfSk7CiAgICBpZiAoaSA8IHkpIHsKICAgICAgY2hpbGRyZW4ucHVzaChrZXkpOwogICAgfQogIH0KICBpZiAoX2xldmVsIDwgMCkgewogICAgcmV0dXJuIHRuczsKICB9CiAgY29uc3QgbGV2ZWwgPSBfbGV2ZWwgLSAxOwogIGNoaWxkcmVuLmZvckVhY2goKGtleSwgaW5kZXgpID0+IHsKICAgIHRuc1tpbmRleF0uY2hpbGRyZW4gPSBbXTsKICAgIHJldHVybiBnZW5lcmF0ZURhdGEobGV2ZWwsIGtleSwgdG5zW2luZGV4XS5jaGlsZHJlbik7CiAgfSk7Cn07CmdlbmVyYXRlRGF0YSh6KTsKCmNvbnN0IGRhdGFMaXN0OiBUcmVlRGF0YUl0ZW1bXSA9IFtdOwpjb25zdCBnZW5lcmF0ZUxpc3QgPSAoZGF0YTogVHJlZURhdGFJdGVtW10pID0+IHsKICBmb3IgKGxldCBpID0gMDsgaSA8IGRhdGEubGVuZ3RoOyBpKyspIHsKICAgIGNvbnN0IG5vZGUgPSBkYXRhW2ldOwogICAgY29uc3Qga2V5ID0gbm9kZS5rZXk7CiAgICBkYXRhTGlzdC5wdXNoKHsga2V5LCB0aXRsZToga2V5IGFzIHN0cmluZyB9KTsKICAgIGlmIChub2RlLmNoaWxkcmVuKSB7CiAgICAgIGdlbmVyYXRlTGlzdChub2RlLmNoaWxkcmVuKTsKICAgIH0KICB9Cn07CmdlbmVyYXRlTGlzdChnZW5EYXRhKTsKCmNvbnN0IGdldFBhcmVudEtleSA9IChrZXk6IHN0cmluZywgdHJlZTogVHJlZURhdGFJdGVtW10pOiBzdHJpbmcgfCBudW1iZXIgfCB1bmRlZmluZWQgPT4gewogIGxldCBwYXJlbnRLZXk7CiAgZm9yIChsZXQgaSA9IDA7IGkgPCB0cmVlLmxlbmd0aDsgaSsrKSB7CiAgICBjb25zdCBub2RlID0gdHJlZVtpXTsKICAgIGlmIChub2RlLmNoaWxkcmVuKSB7CiAgICAgIGlmIChub2RlLmNoaWxkcmVuLnNvbWUoaXRlbSA9PiBpdGVtLmtleSA9PT0ga2V5KSkgewogICAgICAgIHBhcmVudEtleSA9IG5vZGUua2V5OwogICAgICB9IGVsc2UgaWYgKGdldFBhcmVudEtleShrZXksIG5vZGUuY2hpbGRyZW4pKSB7CiAgICAgICAgcGFyZW50S2V5ID0gZ2V0UGFyZW50S2V5KGtleSwgbm9kZS5jaGlsZHJlbik7CiAgICAgIH0KICAgIH0KICB9CiAgcmV0dXJuIHBhcmVudEtleTsKfTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oW10pOwogICAgY29uc3Qgc2VhcmNoVmFsdWUgPSByZWY8c3RyaW5nPignJyk7CiAgICBjb25zdCBhdXRvRXhwYW5kUGFyZW50ID0gcmVmPGJvb2xlYW4+KHRydWUpOwogICAgY29uc3QgZ0RhdGEgPSByZWY8VHJlZURhdGFJdGVtW10+KGdlbkRhdGEpOwoKICAgIGNvbnN0IG9uRXhwYW5kID0gKGtleXM6IHN0cmluZ1tdKSA9PiB7CiAgICAgIGV4cGFuZGVkS2V5cy52YWx1ZSA9IGtleXM7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSBmYWxzZTsKICAgIH07CgogICAgd2F0Y2goc2VhcmNoVmFsdWUsIHZhbHVlID0+IHsKICAgICAgY29uc3QgZXhwYW5kZWQgPSBkYXRhTGlzdAogICAgICAgIC5tYXAoKGl0ZW06IFRyZWVEYXRhSXRlbSkgPT4gewogICAgICAgICAgaWYgKChpdGVtLnRpdGxlIGFzIHN0cmluZykuaW5kZXhPZih2YWx1ZSkgPiAtMSkgewogICAgICAgICAgICByZXR1cm4gZ2V0UGFyZW50S2V5KGl0ZW0ua2V5IGFzIHN0cmluZywgZ0RhdGEudmFsdWUpOwogICAgICAgICAgfQogICAgICAgICAgcmV0dXJuIG51bGw7CiAgICAgICAgfSkKICAgICAgICAuZmlsdGVyKChpdGVtLCBpLCBzZWxmKSA9PiBpdGVtICYmIHNlbGYuaW5kZXhPZihpdGVtKSA9PT0gaSk7CiAgICAgIGV4cGFuZGVkS2V5cy52YWx1ZSA9IGV4cGFuZGVkIGFzIHN0cmluZ1tdOwogICAgICBzZWFyY2hWYWx1ZS52YWx1ZSA9IHZhbHVlOwogICAgICBhdXRvRXhwYW5kUGFyZW50LnZhbHVlID0gdHJ1ZTsKICAgIH0pOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWFyY2hWYWx1ZSwKICAgICAgYXV0b0V4cGFuZFBhcmVudCwKICAgICAgZ0RhdGEsCiAgICAgIG9uRXhwYW5kLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0ic2VhcmNoVmFsdWUiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiA4cHgiIHBsYWNlaG9sZGVyPSJTZWFyY2giIC8+CiAgICA8YS10cmVlCiAgICAgIDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIKICAgICAgOmF1dG8tZXhwYW5kLXBhcmVudD0iYXV0b0V4cGFuZFBhcmVudCIKICAgICAgOnRyZWUtZGF0YT0iZ0RhdGEiCiAgICAgIEBleHBhbmQ9Im9uRXhwYW5kIgogICAgPgogICAgICA8dGVtcGxhdGUgI3RpdGxlPSJ7IHRpdGxlIH0iPgogICAgICAgIDxzcGFuIHYtaWY9InRpdGxlLmluZGV4T2Yoc2VhcmNoVmFsdWUpID4gLTEiPgogICAgICAgICAge3sgdGl0bGUuc3Vic3RyKDAsIHRpdGxlLmluZGV4T2Yoc2VhcmNoVmFsdWUpKSB9fQogICAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiAjZjUwIj57eyBzZWFyY2hWYWx1ZSB9fTwvc3Bhbj4KICAgICAgICAgIHt7IHRpdGxlLnN1YnN0cih0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSArIHNlYXJjaFZhbHVlLmxlbmd0aCkgfX0KICAgICAgICA8L3NwYW4+CiAgICAgICAgPHNwYW4gdi1lbHNlPnt7IHRpdGxlIH19PC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXRyZWU+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IHggPSAzOwpjb25zdCB5ID0gMjsKY29uc3QgeiA9IDE7CmNvbnN0IGdlbkRhdGEgPSBbXTsKY29uc3QgZ2VuZXJhdGVEYXRhID0gKF9sZXZlbCwgX3ByZUtleSwgX3RucykgPT4gewogIGNvbnN0IHByZUtleSA9IF9wcmVLZXkgfHwgJzAnOwogIGNvbnN0IHRucyA9IF90bnMgfHwgZ2VuRGF0YTsKICBjb25zdCBjaGlsZHJlbiA9IFtdOwogIGZvciAobGV0IGkgPSAwOyBpIDwgeDsgaSsrKSB7CiAgICBjb25zdCBrZXkgPSBgJHtwcmVLZXl9LSR7aX1gOwogICAgdG5zLnB1c2goewogICAgICB0aXRsZToga2V5LAogICAgICBrZXksCiAgICB9KTsKICAgIGlmIChpIDwgeSkgewogICAgICBjaGlsZHJlbi5wdXNoKGtleSk7CiAgICB9CiAgfQogIGlmIChfbGV2ZWwgPCAwKSB7CiAgICByZXR1cm4gdG5zOwogIH0KICBjb25zdCBsZXZlbCA9IF9sZXZlbCAtIDE7CiAgY2hpbGRyZW4uZm9yRWFjaCgoa2V5LCBpbmRleCkgPT4gewogICAgdG5zW2luZGV4XS5jaGlsZHJlbiA9IFtdOwogICAgcmV0dXJuIGdlbmVyYXRlRGF0YShsZXZlbCwga2V5LCB0bnNbaW5kZXhdLmNoaWxkcmVuKTsKICB9KTsKfTsKZ2VuZXJhdGVEYXRhKHopOwpjb25zdCBkYXRhTGlzdCA9IFtdOwpjb25zdCBnZW5lcmF0ZUxpc3QgPSBkYXRhID0+IHsKICBmb3IgKGxldCBpID0gMDsgaSA8IGRhdGEubGVuZ3RoOyBpKyspIHsKICAgIGNvbnN0IG5vZGUgPSBkYXRhW2ldOwogICAgY29uc3Qga2V5ID0gbm9kZS5rZXk7CiAgICBkYXRhTGlzdC5wdXNoKHsKICAgICAga2V5LAogICAgICB0aXRsZToga2V5LAogICAgfSk7CiAgICBpZiAobm9kZS5jaGlsZHJlbikgewogICAgICBnZW5lcmF0ZUxpc3Qobm9kZS5jaGlsZHJlbik7CiAgICB9CiAgfQp9OwpnZW5lcmF0ZUxpc3QoZ2VuRGF0YSk7CmNvbnN0IGdldFBhcmVudEtleSA9IChrZXksIHRyZWUpID0+IHsKICBsZXQgcGFyZW50S2V5OwogIGZvciAobGV0IGkgPSAwOyBpIDwgdHJlZS5sZW5ndGg7IGkrKykgewogICAgY29uc3Qgbm9kZSA9IHRyZWVbaV07CiAgICBpZiAobm9kZS5jaGlsZHJlbikgewogICAgICBpZiAobm9kZS5jaGlsZHJlbi5zb21lKGl0ZW0gPT4gaXRlbS5rZXkgPT09IGtleSkpIHsKICAgICAgICBwYXJlbnRLZXkgPSBub2RlLmtleTsKICAgICAgfSBlbHNlIGlmIChnZXRQYXJlbnRLZXkoa2V5LCBub2RlLmNoaWxkcmVuKSkgewogICAgICAgIHBhcmVudEtleSA9IGdldFBhcmVudEtleShrZXksIG5vZGUuY2hpbGRyZW4pOwogICAgICB9CiAgICB9CiAgfQogIHJldHVybiBwYXJlbnRLZXk7Cn07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoW10pOwogICAgY29uc3Qgc2VhcmNoVmFsdWUgPSByZWYoJycpOwogICAgY29uc3QgYXV0b0V4cGFuZFBhcmVudCA9IHJlZih0cnVlKTsKICAgIGNvbnN0IGdEYXRhID0gcmVmKGdlbkRhdGEpOwogICAgY29uc3Qgb25FeHBhbmQgPSBrZXlzID0+IHsKICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0ga2V5czsKICAgICAgYXV0b0V4cGFuZFBhcmVudC52YWx1ZSA9IGZhbHNlOwogICAgfTsKICAgIHdhdGNoKHNlYXJjaFZhbHVlLCB2YWx1ZSA9PiB7CiAgICAgIGNvbnN0IGV4cGFuZGVkID0gZGF0YUxpc3QKICAgICAgICAubWFwKGl0ZW0gPT4gewogICAgICAgICAgaWYgKGl0ZW0udGl0bGUuaW5kZXhPZih2YWx1ZSkgPiAtMSkgewogICAgICAgICAgICByZXR1cm4gZ2V0UGFyZW50S2V5KGl0ZW0ua2V5LCBnRGF0YS52YWx1ZSk7CiAgICAgICAgICB9CiAgICAgICAgICByZXR1cm4gbnVsbDsKICAgICAgICB9KQogICAgICAgIC5maWx0ZXIoKGl0ZW0sIGksIHNlbGYpID0+IGl0ZW0gJiYgc2VsZi5pbmRleE9mKGl0ZW0pID09PSBpKTsKICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0gZXhwYW5kZWQ7CiAgICAgIHNlYXJjaFZhbHVlLnZhbHVlID0gdmFsdWU7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSB0cnVlOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlYXJjaFZhbHVlLAogICAgICBhdXRvRXhwYW5kUGFyZW50LAogICAgICBnRGF0YSwKICAgICAgb25FeHBhbmQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[n("div",null,[o(i,{value:a.searchValue,"onUpdate:value":s[0]||(s[0]=g=>a.searchValue=g),style:{"margin-bottom":"8px"},placeholder:"Search"},null,8,["value"]),o(p,{expandedKeys:a.expandedKeys,"auto-expand-parent":a.autoExpandParent,"tree-data":a.gData,onExpand:a.onExpand},{title:e(({title:g})=>[g.indexOf(a.searchValue)>-1?(y(),B("span",ln,[t(K(g.substr(0,g.indexOf(a.searchValue)))+" ",1),n("span",un,K(a.searchValue),1),t(" "+K(g.substr(g.indexOf(a.searchValue)+a.searchValue.length)),1)])):(y(),B("span",kn,K(g),1))]),_:1},8,["expandedKeys","auto-expand-parent","tree-data","onExpand"])])]),htmlCode:e(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-search")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("searchValue"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Search"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
      `),n("span",{class:"token attr-name"},":expandedKeys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":auto-expand-parent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("autoExpandParent"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@expand"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onExpand"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("title.indexOf(searchValue) > -1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ title.substr(0, title.indexOf(searchValue)) }}
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #f50")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ searchValue }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
          {{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" TreeDataItem "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"genData"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"_level"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(" _tns"),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`

  `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
    tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
  children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"dataList"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateList"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" data"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
    dataList`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(" key"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key "),n("span",{class:"token keyword"},"as"),t(" string "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(" getParentKey "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"tree"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token operator"},"|"),t(" number "),n("span",{class:"token operator"},"|"),t(),n("span",{class:"token parameter"},[n("span",{class:"token keyword"},"undefined")]),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"let"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" tree"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" tree"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"some"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        parentKey `),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        parentKey `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" searchValue "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" autoExpandParent "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onExpand"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"keys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
      autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("searchValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" expanded "),n("span",{class:"token operator"},"="),t(` dataList
        `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" TreeDataItem")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("title "),n("span",{class:"token keyword"},"as"),t(" string"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token keyword"},"as"),t(" string"),n("span",{class:"token punctuation"},","),t(" gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token punctuation"},"}"),t(`
          `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
        `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" i"),n("span",{class:"token punctuation"},","),t(" self")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" item "),n("span",{class:"token operator"},"&&"),t(" self"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(" i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" expanded "),n("span",{class:"token keyword"},"as"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      searchValue`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
      autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      searchValue`),n("span",{class:"token punctuation"},","),t(`
      autoExpandParent`),n("span",{class:"token punctuation"},","),t(`
      gData`),n("span",{class:"token punctuation"},","),t(`
      onExpand`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-search")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("searchValue"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 8px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Search"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
      `),n("span",{class:"token attr-name"},":expandedKeys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":auto-expand-parent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("autoExpandParent"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("gData"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@expand"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onExpand"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("title.indexOf(searchValue) > -1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ title.substr(0, title.indexOf(searchValue)) }}
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #f50")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ searchValue }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
          {{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" x "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" y "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" z "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" genData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateData"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_level"),n("span",{class:"token punctuation"},","),t(" _preKey"),n("span",{class:"token punctuation"},","),t(" _tns")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" preKey "),n("span",{class:"token operator"},"="),t(" _preKey "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" tns "),n("span",{class:"token operator"},"="),t(" _tns "),n("span",{class:"token operator"},"||"),t(" genData"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" x"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("preKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"-"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
    tns`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(`
      key`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("i "),n("span",{class:"token operator"},"<"),t(" y"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("_level "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(" tns"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" level "),n("span",{class:"token operator"},"="),t(" _level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
  children`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" index")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    tns`),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("level"),n("span",{class:"token punctuation"},","),t(" key"),n("span",{class:"token punctuation"},","),t(" tns"),n("span",{class:"token punctuation"},"["),t("index"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"generateData"),n("span",{class:"token punctuation"},"("),t("z"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" dataList "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"generateList"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"data"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" data"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" key "),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
    dataList`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
      key`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"generateList"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getParentKey"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("key"),n("span",{class:"token punctuation"},","),t(" tree")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"let"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" tree"),n("span",{class:"token punctuation"},"."),t("length"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" node "),n("span",{class:"token operator"},"="),t(" tree"),n("span",{class:"token punctuation"},"["),t("i"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"some"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"==="),t(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        parentKey `),n("span",{class:"token operator"},"="),t(" node"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        parentKey `),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" node"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" parentKey"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" searchValue "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" autoExpandParent "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" gData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("genData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onExpand"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"keys"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
      autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("searchValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" expanded "),n("span",{class:"token operator"},"="),t(` dataList
        `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("title"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"getParentKey"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},","),t(" gData"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token punctuation"},"}"),t(`
          `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
        `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("item"),n("span",{class:"token punctuation"},","),t(" i"),n("span",{class:"token punctuation"},","),t(" self")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" item "),n("span",{class:"token operator"},"&&"),t(" self"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(" i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" expanded"),n("span",{class:"token punctuation"},";"),t(`
      searchValue`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" value"),n("span",{class:"token punctuation"},";"),t(`
      autoExpandParent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      searchValue`),n("span",{class:"token punctuation"},","),t(`
      autoExpandParent`),n("span",{class:"token punctuation"},","),t(`
      gData`),n("span",{class:"token punctuation"},","),t(`
      onExpand`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var dn=b(cn,[["render",rn]]);const gn=w({components:{CarryOutOutlined:T,FormOutlined:F},setup(){const a=C(!0),s=C(!1);return{showLine:a,showIcon:s,onSelect:(r,l)=>{console.log("selected",r,l)}}}}),In={style:{"margin-bottom":"16px"}};function Cn(a,s,k,r,l,d){const i=u("a-switch"),p=u("carry-out-outlined"),c=u("a-tree-node"),g=u("form-outlined"),A=u("a-tree"),m=u("demo-box");return y(),h(m,{jsfiddle:{us:"Tree with connected line between nodes, turn on by `showLine`, customize the preseted icon by `switcherIcon`.",cn:"\u8282\u70B9\u4E4B\u95F4\u5E26\u8FDE\u63A5\u7EBF\u7684\u6811\uFF0C\u5E38\u7528\u4E8E\u6587\u4EF6\u76EE\u5F55\u7ED3\u6784\u5C55\u793A\u3002\u4F7F\u7528 `showLine` \u5F00\u542F\uFF0C\u53EF\u4EE5\u7528 `switcherIcon` \u4FEE\u6539\u9ED8\u8BA4\u56FE\u6807\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u8282\u70B9\u4E4B\u95F4\u5E26\u8FDE\u63A5\u7EBF\u7684\u6811\uFF0C\u5E38\u7528\u4E8E\u6587\u4EF6\u76EE\u5F55\u7ED3\u6784\u5C55\u793A\u3002\u4F7F\u7528 <code>showLine</code> \u5F00\u542F\uFF0C\u53EF\u4EE5\u7528 <code>switcherIcon</code> \u4FEE\u6539\u9ED8\u8BA4\u56FE\u6807\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Tree with connected line between nodes, turn on by <code>showLine</code>, customize the preseted icon by <code>switcherIcon</code>.</p>
`,order:5,title:{"zh-CN":"\u8FDE\u63A5\u7EBF","en-US":"Tree With Line"},relativePath:"src/docs/tree/demo/line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgc2hvd0xpbmU6CiAgICAgIDxhLXN3aXRjaCB2LW1vZGVsOmNoZWNrZWQ9InNob3dMaW5lIiAvPgogICAgICA8YnIgLz4KICAgICAgPGJyIC8+CiAgICAgIHNob3dJY29uOgogICAgICA8YS1zd2l0Y2ggdi1tb2RlbDpjaGVja2VkPSJzaG93SWNvbiIgLz4KICAgIDwvZGl2PgogICAgPGEtdHJlZQogICAgICA6c2hvdy1saW5lPSJzaG93TGluZSIKICAgICAgOnNob3ctaWNvbj0ic2hvd0ljb24iCiAgICAgIDpkZWZhdWx0LWV4cGFuZGVkLWtleXM9IlsnMC0wLTAnLCAnMC0wLTEnLCAnMC0wLTInXSIKICAgICAgQHNlbGVjdD0ib25TZWxlY3QiCiAgICA+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Y2Fycnktb3V0LW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT48c3BhbiBzdHlsZT0iY29sb3I6ICMxODkwZmYiPnBhcmVudCAxPC9zcGFuPjwvdGVtcGxhdGU+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJwYXJlbnQgMS0wIiBrZXk9IjAtMC0wIj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Y2Fycnktb3V0LW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0ibGVhZiIga2V5PSIwLTAtMC0wIj4KICAgICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0ibGVhZiIga2V5PSIwLTAtMC0xIj4KICAgICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0ibGVhZiIga2V5PSIwLTAtMC0yIj4KICAgICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICA8L2EtdHJlZS1ub2RlPgogICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0icGFyZW50IDEtMSIga2V5PSIwLTAtMSI+CiAgICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgICA8YS10cmVlLW5vZGUgdGl0bGU9ImxlYWYiIGtleT0iMC0wLTEtMCI+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Y2Fycnktb3V0LW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICA8YS10cmVlLW5vZGUgdGl0bGU9InBhcmVudCAxLTIiIGtleT0iMC0wLTIiPgogICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0yLTAiPgogICAgICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgICA8L2EtdHJlZS1ub2RlPgogICAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0yLTEiPgogICAgICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjc3dpdGNoZXJJY29uPjxmb3JtLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgPC9hLXRyZWUtbm9kZT4KICAgIDwvYS10cmVlPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgQ2FycnlPdXRPdXRsaW5lZCwgRm9ybU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgU2VsZWN0RXZlbnQgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZS9lcy90cmVlL1RyZWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgQ2FycnlPdXRPdXRsaW5lZCwKICAgIEZvcm1PdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3Qgc2hvd0xpbmUgPSByZWY8Ym9vbGVhbj4odHJ1ZSk7CiAgICBjb25zdCBzaG93SWNvbiA9IHJlZjxib29sZWFuPihmYWxzZSk7CgogICAgY29uc3Qgb25TZWxlY3QgPSAoc2VsZWN0ZWRLZXlzOiBzdHJpbmdbXSwgaW5mbzogU2VsZWN0RXZlbnQpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlbGVjdGVkJywgc2VsZWN0ZWRLZXlzLCBpbmZvKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzaG93TGluZSwKICAgICAgc2hvd0ljb24sCiAgICAgIG9uU2VsZWN0LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgc2hvd0xpbmU6CiAgICAgIDxhLXN3aXRjaCB2LW1vZGVsOmNoZWNrZWQ9InNob3dMaW5lIiAvPgogICAgICA8YnIgLz4KICAgICAgPGJyIC8+CiAgICAgIHNob3dJY29uOgogICAgICA8YS1zd2l0Y2ggdi1tb2RlbDpjaGVja2VkPSJzaG93SWNvbiIgLz4KICAgIDwvZGl2PgogICAgPGEtdHJlZQogICAgICA6c2hvdy1saW5lPSJzaG93TGluZSIKICAgICAgOnNob3ctaWNvbj0ic2hvd0ljb24iCiAgICAgIDpkZWZhdWx0LWV4cGFuZGVkLWtleXM9IlsnMC0wLTAnLCAnMC0wLTEnLCAnMC0wLTInXSIKICAgICAgQHNlbGVjdD0ib25TZWxlY3QiCiAgICA+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Y2Fycnktb3V0LW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT48c3BhbiBzdHlsZT0iY29sb3I6ICMxODkwZmYiPnBhcmVudCAxPC9zcGFuPjwvdGVtcGxhdGU+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJwYXJlbnQgMS0wIiBrZXk9IjAtMC0wIj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Y2Fycnktb3V0LW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0ibGVhZiIga2V5PSIwLTAtMC0wIj4KICAgICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0ibGVhZiIga2V5PSIwLTAtMC0xIj4KICAgICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0ibGVhZiIga2V5PSIwLTAtMC0yIj4KICAgICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICA8L2EtdHJlZS1ub2RlPgogICAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0icGFyZW50IDEtMSIga2V5PSIwLTAtMSI+CiAgICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgICA8YS10cmVlLW5vZGUgdGl0bGU9ImxlYWYiIGtleT0iMC0wLTEtMCI+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48Y2Fycnktb3V0LW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgICA8YS10cmVlLW5vZGUgdGl0bGU9InBhcmVudCAxLTIiIGtleT0iMC0wLTIiPgogICAgICAgICAgPHRlbXBsYXRlICNpY29uPjxjYXJyeS1vdXQtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0yLTAiPgogICAgICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgICA8L2EtdHJlZS1ub2RlPgogICAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0yLTEiPgogICAgICAgICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjc3dpdGNoZXJJY29uPjxmb3JtLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgICAgPC9hLXRyZWUtbm9kZT4KICAgICAgPC9hLXRyZWUtbm9kZT4KICAgIDwvYS10cmVlPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBDYXJyeU91dE91dGxpbmVkLCBGb3JtT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgQ2FycnlPdXRPdXRsaW5lZCwKICAgIEZvcm1PdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3Qgc2hvd0xpbmUgPSByZWYodHJ1ZSk7CiAgICBjb25zdCBzaG93SWNvbiA9IHJlZihmYWxzZSk7CiAgICBjb25zdCBvblNlbGVjdCA9IChzZWxlY3RlZEtleXMsIGluZm8pID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlbGVjdGVkJywgc2VsZWN0ZWRLZXlzLCBpbmZvKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzaG93TGluZSwKICAgICAgc2hvd0ljb24sCiAgICAgIG9uU2VsZWN0LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[n("div",In,[s[2]||(s[2]=t(" showLine: ")),o(i,{checked:a.showLine,"onUpdate:checked":s[0]||(s[0]=I=>a.showLine=I)},null,8,["checked"]),s[3]||(s[3]=n("br",null,null,-1)),s[4]||(s[4]=n("br",null,null,-1)),s[5]||(s[5]=t(" showIcon: ")),o(i,{checked:a.showIcon,"onUpdate:checked":s[1]||(s[1]=I=>a.showIcon=I)},null,8,["checked"])]),o(A,{"show-line":a.showLine,"show-icon":a.showIcon,"default-expanded-keys":["0-0-0","0-0-1","0-0-2"],onSelect:a.onSelect},{icon:e(()=>[o(p)]),default:e(()=>[o(c,{key:"0-0"},{icon:e(()=>[o(p)]),title:e(()=>s[6]||(s[6]=[n("span",{style:{color:"#1890ff"}},"parent 1",-1)])),default:e(()=>[o(c,{title:"parent 1-0",key:"0-0-0"},{icon:e(()=>[o(p)]),default:e(()=>[o(c,{title:"leaf",key:"0-0-0-0"},{icon:e(()=>[o(p)]),_:1}),o(c,{title:"leaf",key:"0-0-0-1"},{icon:e(()=>[o(p)]),_:1}),o(c,{title:"leaf",key:"0-0-0-2"},{icon:e(()=>[o(p)]),_:1})]),_:1}),o(c,{title:"parent 1-1",key:"0-0-1"},{icon:e(()=>[o(p)]),default:e(()=>[o(c,{title:"leaf",key:"0-0-1-0"},{icon:e(()=>[o(p)]),_:1})]),_:1}),o(c,{title:"parent 1-2",key:"0-0-2"},{icon:e(()=>[o(p)]),default:e(()=>[o(c,{title:"leaf",key:"0-0-2-0"},{icon:e(()=>[o(p)]),_:1}),o(c,{title:"leaf",key:"0-0-2-1"},{icon:e(()=>[o(p)]),switcherIcon:e(()=>[o(g)]),_:1})]),_:1})]),_:1})]),_:1},8,["show-line","show-icon","onSelect"])])]),htmlCode:e(()=>s[7]||(s[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
      showLine:
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      showIcon:
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
      `),n("span",{class:"token attr-name"},":show-line"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":default-expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['0-0-0', '0-0-1', '0-0-2']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("parent 1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("form-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" CarryOutOutlined"),n("span",{class:"token punctuation"},","),t(" FormOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" SelectEvent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    CarryOutOutlined`),n("span",{class:"token punctuation"},","),t(`
    FormOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" showLine "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" showIcon "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSelect"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selectedKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"info"),n("span",{class:"token operator"},":"),t(" SelectEvent")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selected'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},","),t(" info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      showLine`),n("span",{class:"token punctuation"},","),t(`
      showIcon`),n("span",{class:"token punctuation"},","),t(`
      onSelect`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[8]||(s[8]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
      showLine:
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      showIcon:
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
      `),n("span",{class:"token attr-name"},":show-line"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":default-expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['0-0-0', '0-0-1', '0-0-2']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("parent 1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("form-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" CarryOutOutlined"),n("span",{class:"token punctuation"},","),t(" FormOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    CarryOutOutlined`),n("span",{class:"token punctuation"},","),t(`
    FormOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" showLine "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" showIcon "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onSelect"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("selectedKeys"),n("span",{class:"token punctuation"},","),t(" info")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selected'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},","),t(" info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      showLine`),n("span",{class:"token punctuation"},","),t(`
      showIcon`),n("span",{class:"token punctuation"},","),t(`
      onSelect`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var An=b(gn,[["render",Cn]]);const yn=[{title:"parent 1",key:"0-0",slots:{icon:"smile"},children:[{title:"leaf",key:"0-0-0",slots:{icon:"meh"}},{title:"leaf",key:"0-0-1",slots:{icon:"custom"}}]}],mn=w({components:{DownOutlined:R,SmileOutlined:E,FrownOutlined:J,FrownFilled:P},setup(){return{selectedKeys:C(["0-0-0"]),treeData:yn}}});function hn(a,s,k,r,l,d){const i=u("down-outlined"),p=u("smile-outlined"),c=u("frown-filled"),g=u("frown-outlined"),A=u("a-tree"),m=u("demo-box");return y(),h(m,{jsfiddle:{us:"You can customize icons for different nodes.",cn:"\u53EF\u4EE5\u9488\u5BF9\u4E0D\u540C\u7684\u8282\u70B9\u5B9A\u5236\u56FE\u6807\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u53EF\u4EE5\u9488\u5BF9\u4E0D\u540C\u7684\u8282\u70B9\u5B9A\u5236\u56FE\u6807\u3002</p>
<h2 id="en-us">en-US</h2>
<p>You can customize icons for different nodes.</p>
`,order:6,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u56FE\u6807","en-US":"Customize Icon"},relativePath:"src/docs/tree/demo/customized-icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgOnRyZWUtZGF0YT0idHJlZURhdGEiIHNob3ctaWNvbiBkZWZhdWx0LWV4cGFuZC1hbGwgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyI+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj4KICAgICAgPGRvd24tb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI3NtaWxlPgogICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI21laD4KICAgICAgPHNtaWxlLW91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNjdXN0b209Insgc2VsZWN0ZWQgfSI+CiAgICAgIDxmcm93bi1maWxsZWQgdi1pZj0ic2VsZWN0ZWQiIC8+CiAgICAgIDxmcm93bi1vdXRsaW5lZCB2LWVsc2UgLz4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBEb3duT3V0bGluZWQsIFNtaWxlT3V0bGluZWQsIEZyb3duT3V0bGluZWQsIEZyb3duRmlsbGVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBUcmVlRGF0YUl0ZW0gfSBmcm9tICdhbnQtZGVzaWduLXZ1ZS9lcy90cmVlL1RyZWUnOwoKY29uc3QgdHJlZURhdGE6IFRyZWVEYXRhSXRlbVtdID0gWwogIHsKICAgIHRpdGxlOiAncGFyZW50IDEnLAogICAga2V5OiAnMC0wJywKICAgIHNsb3RzOiB7CiAgICAgIGljb246ICdzbWlsZScsCiAgICB9LAogICAgY2hpbGRyZW46IFsKICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMCcsIHNsb3RzOiB7IGljb246ICdtZWgnIH0gfSwKICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMScsIHNsb3RzOiB7IGljb246ICdjdXN0b20nIH0gfSwKICAgIF0sCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgRG93bk91dGxpbmVkLAogICAgU21pbGVPdXRsaW5lZCwKICAgIEZyb3duT3V0bGluZWQsCiAgICBGcm93bkZpbGxlZCwKICB9LAogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgc2VsZWN0ZWRLZXlzOiByZWYoWycwLTAtMCddKSwKICAgICAgdHJlZURhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgOnRyZWUtZGF0YT0idHJlZURhdGEiIHNob3ctaWNvbiBkZWZhdWx0LWV4cGFuZC1hbGwgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyI+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj4KICAgICAgPGRvd24tb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI3NtaWxlPgogICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI21laD4KICAgICAgPHNtaWxlLW91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNjdXN0b209Insgc2VsZWN0ZWQgfSI+CiAgICAgIDxmcm93bi1maWxsZWQgdi1pZj0ic2VsZWN0ZWQiIC8+CiAgICAgIDxmcm93bi1vdXRsaW5lZCB2LWVsc2UgLz4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IERvd25PdXRsaW5lZCwgU21pbGVPdXRsaW5lZCwgRnJvd25PdXRsaW5lZCwgRnJvd25GaWxsZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IHRyZWVEYXRhID0gWwogIHsKICAgIHRpdGxlOiAncGFyZW50IDEnLAogICAga2V5OiAnMC0wJywKICAgIHNsb3RzOiB7CiAgICAgIGljb246ICdzbWlsZScsCiAgICB9LAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIHNsb3RzOiB7CiAgICAgICAgICBpY29uOiAnbWVoJywKICAgICAgICB9LAogICAgICB9LAogICAgICB7CiAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgc2xvdHM6IHsKICAgICAgICAgIGljb246ICdjdXN0b20nLAogICAgICAgIH0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgRG93bk91dGxpbmVkLAogICAgU21pbGVPdXRsaW5lZCwKICAgIEZyb3duT3V0bGluZWQsCiAgICBGcm93bkZpbGxlZCwKICB9LAogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgc2VsZWN0ZWRLZXlzOiByZWYoWycwLTAtMCddKSwKICAgICAgdHJlZURhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(A,{"tree-data":a.treeData,"show-icon":"","default-expand-all":"",selectedKeys:a.selectedKeys,"onUpdate:selectedKeys":s[0]||(s[0]=I=>a.selectedKeys=I)},{switcherIcon:e(()=>[o(i)]),smile:e(()=>[o(p)]),meh:e(()=>[o(p)]),custom:e(({selected:I})=>[I?(y(),h(c,{key:0})):(y(),h(g,{key:1}))]),_:1},8,["tree-data","selectedKeys"])]),htmlCode:e(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-icon"),t(),n("span",{class:"token attr-name"},"default-expand-all"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#smile"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#meh"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#custom"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ selected }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-filled")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selected"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-outlined")]),t(),n("span",{class:"token attr-name"},"v-else"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined"),n("span",{class:"token punctuation"},","),t(" SmileOutlined"),n("span",{class:"token punctuation"},","),t(" FrownOutlined"),n("span",{class:"token punctuation"},","),t(" FrownFilled "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" TreeDataItem "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'smile'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'meh'"),t(),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'custom'"),t(),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownOutlined`),n("span",{class:"token punctuation"},","),t(`
    SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
    FrownOutlined`),n("span",{class:"token punctuation"},","),t(`
    FrownFilled`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"selectedKeys"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-icon"),t(),n("span",{class:"token attr-name"},"default-expand-all"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#smile"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#meh"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#custom"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ selected }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-filled")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selected"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("frown-outlined")]),t(),n("span",{class:"token attr-name"},"v-else"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined"),n("span",{class:"token punctuation"},","),t(" SmileOutlined"),n("span",{class:"token punctuation"},","),t(" FrownOutlined"),n("span",{class:"token punctuation"},","),t(" FrownFilled "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'smile'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'meh'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"slots"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'custom'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownOutlined`),n("span",{class:"token punctuation"},","),t(`
    SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
    FrownOutlined`),n("span",{class:"token punctuation"},","),t(`
    FrownFilled`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"selectedKeys"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var bn=b(mn,[["render",hn]]);const Zn=w({setup(){const a=C(["0-0","0-1"]),s=C([]);return{expandedKeys:a,selectedKeys:s}}});function wn(a,s,k,r,l,d){const i=u("a-tree-node"),p=u("a-directory-tree"),c=u("demo-box");return y(),h(c,{jsfiddle:{us:"Built-in directory tree. `multiple` support `ctrl(Windows)` / `command(Mac)` selection.",cn:"\u5185\u7F6E\u7684\u76EE\u5F55\u6811\uFF0C`multiple` \u6A21\u5F0F\u652F\u6301 `ctrl(Windows)` / `command(Mac)` \u590D\u9009\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5185\u7F6E\u7684\u76EE\u5F55\u6811\uFF0C<code>multiple</code> \u6A21\u5F0F\u652F\u6301 <code>ctrl(Windows)</code> / <code>command(Mac)</code> \u590D\u9009\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Built-in directory tree. <code>multiple</code> support <code>ctrl(Windows)</code> / <code>command(Mac)</code> selection.</p>
`,order:7,title:{"zh-CN":"\u76EE\u5F55","en-US":"Directory"},relativePath:"src/docs/tree/demo/directory.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRpcmVjdG9yeS10cmVlCiAgICBtdWx0aXBsZQogICAgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIKICAgIHYtbW9kZWw6c2VsZWN0ZWRLZXlzPSJzZWxlY3RlZEtleXMiCiAgPgogICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wIiB0aXRsZT0icGFyZW50IDAiPgogICAgICA8YS10cmVlLW5vZGUga2V5PSIwLTAtMCIgdGl0bGU9ImxlYWYgMC0wIiBpcy1sZWFmIC8+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMC0xIiB0aXRsZT0ibGVhZiAwLTEiIGlzLWxlYWYgLz4KICAgIDwvYS10cmVlLW5vZGU+CiAgICA8YS10cmVlLW5vZGUga2V5PSIwLTEiIHRpdGxlPSJwYXJlbnQgMSI+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMS0wIiB0aXRsZT0ibGVhZiAxLTAiIGlzLWxlYWYgLz4KICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0xLTEiIHRpdGxlPSJsZWFmIDEtMSIgaXMtbGVhZiAvPgogICAgPC9hLXRyZWUtbm9kZT4KICA8L2EtZGlyZWN0b3J5LXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wJywgJzAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oW10pOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRpcmVjdG9yeS10cmVlCiAgICBtdWx0aXBsZQogICAgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIKICAgIHYtbW9kZWw6c2VsZWN0ZWRLZXlzPSJzZWxlY3RlZEtleXMiCiAgPgogICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wIiB0aXRsZT0icGFyZW50IDAiPgogICAgICA8YS10cmVlLW5vZGUga2V5PSIwLTAtMCIgdGl0bGU9ImxlYWYgMC0wIiBpcy1sZWFmIC8+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMC0xIiB0aXRsZT0ibGVhZiAwLTEiIGlzLWxlYWYgLz4KICAgIDwvYS10cmVlLW5vZGU+CiAgICA8YS10cmVlLW5vZGUga2V5PSIwLTEiIHRpdGxlPSJwYXJlbnQgMSI+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMS0wIiB0aXRsZT0ibGVhZiAxLTAiIGlzLWxlYWYgLz4KICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0xLTEiIHRpdGxlPSJsZWFmIDEtMSIgaXMtbGVhZiAvPgogICAgPC9hLXRyZWUtbm9kZT4KICA8L2EtZGlyZWN0b3J5LXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbJzAtMCcsICcwLTEnXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWYoW10pOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[o(p,{multiple:"",expandedKeys:a.expandedKeys,"onUpdate:expandedKeys":s[0]||(s[0]=g=>a.expandedKeys=g),selectedKeys:a.selectedKeys,"onUpdate:selectedKeys":s[1]||(s[1]=g=>a.selectedKeys=g)},{default:e(()=>[o(i,{key:"0-0",title:"parent 0"},{default:e(()=>[o(i,{key:"0-0-0",title:"leaf 0-0","is-leaf":""}),o(i,{key:"0-0-1",title:"leaf 0-1","is-leaf":""})]),_:1}),o(i,{key:"0-1",title:"parent 1"},{default:e(()=>[o(i,{key:"0-1-0",title:"leaf 1-0","is-leaf":""}),o(i,{key:"0-1-1",title:"leaf 1-1","is-leaf":""})]),_:1})]),_:1},8,["expandedKeys","selectedKeys"])]),htmlCode:e(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-directory-tree")]),t(`
    `),n("span",{class:"token attr-name"},"multiple"),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-1-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 1-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-directory-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-directory-tree")]),t(`
    `),n("span",{class:"token attr-name"},"multiple"),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-1-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf 1-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"is-leaf"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-directory-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var Gn=b(Zn,[["render",wn]]);const fn=w({components:{DownOutlined:R},setup(){const a=C(["0-0-0"]),s=C([]);return{expandedKeys:a,selectedKeys:s}}});function vn(a,s,k,r,l,d){const i=u("down-outlined"),p=u("a-tree-node"),c=u("a-tree"),g=u("demo-box");return y(),h(g,{jsfiddle:{us:"customize collapse/expand icon of tree node",cn:"\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807\u3002</p>
<h2 id="en-us">en-US</h2>
<p>customize collapse/expand icon of tree node</p>
`,order:8,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807","en-US":"Customize collapse/expand icon"},relativePath:"src/docs/tree/demo/switcher-icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgc2hvd0xpbmUgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyI+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj48ZG93bi1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICA8YS10cmVlLW5vZGUgdGl0bGU9InBhcmVudCAxIiBrZXk9IjAtMCI+CiAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0icGFyZW50IDEtMCIga2V5PSIwLTAtMCI+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0wLTAiIC8+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0wLTEiIC8+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0wLTIiIC8+CiAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMC0xIiB0aXRsZT0icGFyZW50IDEtMSI+CiAgICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wLTEtMCIgdGl0bGU9ImxlYWYiIC8+CiAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMC0yIiB0aXRsZT0icGFyZW50IDEtMiI+CiAgICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wLTItMCIgdGl0bGU9ImxlYWYiIC8+CiAgICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wLTItMSIgdGl0bGU9ImxlYWYiIC8+CiAgICAgIDwvYS10cmVlLW5vZGU+CiAgICA8L2EtdHJlZS1ub2RlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgRG93bk91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIERvd25PdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJ10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgc2hvd0xpbmUgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyI+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj48ZG93bi1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICA8YS10cmVlLW5vZGUgdGl0bGU9InBhcmVudCAxIiBrZXk9IjAtMCI+CiAgICAgIDxhLXRyZWUtbm9kZSB0aXRsZT0icGFyZW50IDEtMCIga2V5PSIwLTAtMCI+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0wLTAiIC8+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0wLTEiIC8+CiAgICAgICAgPGEtdHJlZS1ub2RlIHRpdGxlPSJsZWFmIiBrZXk9IjAtMC0wLTIiIC8+CiAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMC0xIiB0aXRsZT0icGFyZW50IDEtMSI+CiAgICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wLTEtMCIgdGl0bGU9ImxlYWYiIC8+CiAgICAgIDwvYS10cmVlLW5vZGU+CiAgICAgIDxhLXRyZWUtbm9kZSBrZXk9IjAtMC0yIiB0aXRsZT0icGFyZW50IDEtMiI+CiAgICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wLTItMCIgdGl0bGU9ImxlYWYiIC8+CiAgICAgICAgPGEtdHJlZS1ub2RlIGtleT0iMC0wLTItMSIgdGl0bGU9ImxlYWYiIC8+CiAgICAgIDwvYS10cmVlLW5vZGU+CiAgICA8L2EtdHJlZS1ub2RlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBEb3duT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgRG93bk91dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZihbXSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(c,{showLine:"",expandedKeys:a.expandedKeys,"onUpdate:expandedKeys":s[0]||(s[0]=A=>a.expandedKeys=A),selectedKeys:a.selectedKeys,"onUpdate:selectedKeys":s[1]||(s[1]=A=>a.selectedKeys=A)},{switcherIcon:e(()=>[o(i)]),default:e(()=>[o(p,{title:"parent 1",key:"0-0"},{default:e(()=>[o(p,{title:"parent 1-0",key:"0-0-0"},{default:e(()=>[o(p,{title:"leaf",key:"0-0-0-0"}),o(p,{title:"leaf",key:"0-0-0-1"}),o(p,{title:"leaf",key:"0-0-0-2"})]),_:1}),o(p,{key:"0-0-1",title:"parent 1-1"},{default:e(()=>[o(p,{key:"0-0-1-0",title:"leaf"})]),_:1}),o(p,{key:"0-0-2",title:"parent 1-2"},{default:e(()=>[o(p,{key:"0-0-2-0",title:"leaf"}),o(p,{key:"0-0-2-1",title:"leaf"})]),_:1})]),_:1})]),_:1},8,["expandedKeys","selectedKeys"])]),htmlCode:e(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},"showLine"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},"showLine"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#switcherIcon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("down-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-0-2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-1-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("parent 1-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree-node")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0-0-2-1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leaf"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree-node")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var Wn=b(fn,[["render",vn]]);const Kn=w({setup(){const a=C(["0-0-0","0-0-1"]),s=C(["0-0-0","0-0-1"]),k=C(["0-0-0","0-0-1"]),r={children:"child",title:"name"},l=[{name:"parent 1",key:"0-0",child:[{name:"\u5F20\u6668\u6210",key:"0-0-0",disabled:!0,child:[{name:"leaf",key:"0-0-0-0",disableCheckbox:!0},{name:"leaf",key:"0-0-0-1"}]},{name:"parent 1-1",key:"0-0-1",child:[{key:"0-0-1-0",name:"zcvc"}]}]}];return f(a,()=>{console.log("expandedKeys",a)}),f(s,()=>{console.log("selectedKeys",s)}),f(k,()=>{console.log("checkedKeys",k)}),{expandedKeys:a,selectedKeys:s,checkedKeys:k,replaceFields:r,treeData:C(l)}}});function Bn(a,s,k,r,l,d){const i=u("a-tree"),p=u("demo-box");return y(),h(p,{jsfiddle:{us:"Replace the title,key and children fields in treeNode with the corresponding fields in treeData.",cn:"\u66FF\u6362treeNode\u4E2D title,key,children\u5B57\u6BB5\u4E3AtreeData\u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u66FF\u6362treeNode\u4E2D title,key,children\u5B57\u6BB5\u4E3AtreeData\u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5</p>
<h2 id="en-us">en-US</h2>
<p>Replace the title,key and children fields in treeNode with the corresponding fields in treeData.</p>
`,order:9,title:{"zh-CN":"\u81EA\u5B9A\u4E49TreeNode\u5B57\u6BB5","en-US":"ReplaceFields"},relativePath:"src/docs/tree/demo/replaceFields.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNoZWNrYWJsZQogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICB2LW1vZGVsOmV4cGFuZGVkS2V5cz0iZXhwYW5kZWRLZXlzIgogICAgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIKICAgIHYtbW9kZWw6Y2hlY2tlZEtleXM9ImNoZWNrZWRLZXlzIgogICAgOnJlcGxhY2UtZmllbGRzPSJyZXBsYWNlRmllbGRzIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwppbXBvcnQgeyBUcmVlRGF0YUl0ZW0gfSBmcm9tICdhbnQtZGVzaWduLXZ1ZS9lcy90cmVlL1RyZWUnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IGNoZWNrZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJywgJzAtMC0xJ10pOwoKICAgIGNvbnN0IHJlcGxhY2VGaWVsZHMgPSB7CiAgICAgIGNoaWxkcmVuOiAnY2hpbGQnLAogICAgICB0aXRsZTogJ25hbWUnLAogICAgfTsKCiAgICBjb25zdCB0cmVlRGF0YTogVHJlZURhdGFJdGVtW10gPSBbCiAgICAgIHsKICAgICAgICBuYW1lOiAncGFyZW50IDEnLAogICAgICAgIGtleTogJzAtMCcsCiAgICAgICAgY2hpbGQ6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+W8oOaZqOaIkCcsCiAgICAgICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICAgICAgZGlzYWJsZWQ6IHRydWUsCiAgICAgICAgICAgIGNoaWxkOiBbCiAgICAgICAgICAgICAgeyBuYW1lOiAnbGVhZicsIGtleTogJzAtMC0wLTAnLCBkaXNhYmxlQ2hlY2tib3g6IHRydWUgfSwKICAgICAgICAgICAgICB7IG5hbWU6ICdsZWFmJywga2V5OiAnMC0wLTAtMScgfSwKICAgICAgICAgICAgXSwKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICdwYXJlbnQgMS0xJywKICAgICAgICAgICAga2V5OiAnMC0wLTEnLAogICAgICAgICAgICBjaGlsZDogW3sga2V5OiAnMC0wLTEtMCcsIG5hbWU6ICd6Y3ZjJyB9XSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF07CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKHNlbGVjdGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWRLZXlzJywgc2VsZWN0ZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goY2hlY2tlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NoZWNrZWRLZXlzJywgY2hlY2tlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICAgIHJlcGxhY2VGaWVsZHMsCiAgICAgIHRyZWVEYXRhOiByZWYodHJlZURhdGEpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNoZWNrYWJsZQogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICB2LW1vZGVsOmV4cGFuZGVkS2V5cz0iZXhwYW5kZWRLZXlzIgogICAgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIKICAgIHYtbW9kZWw6Y2hlY2tlZEtleXM9ImNoZWNrZWRLZXlzIgogICAgOnJlcGxhY2UtZmllbGRzPSJyZXBsYWNlRmllbGRzIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHJlcGxhY2VGaWVsZHMgPSB7CiAgICAgIGNoaWxkcmVuOiAnY2hpbGQnLAogICAgICB0aXRsZTogJ25hbWUnLAogICAgfTsKICAgIGNvbnN0IHRyZWVEYXRhID0gWwogICAgICB7CiAgICAgICAgbmFtZTogJ3BhcmVudCAxJywKICAgICAgICBrZXk6ICcwLTAnLAogICAgICAgIGNoaWxkOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICflvKDmmajmiJAnLAogICAgICAgICAgICBrZXk6ICcwLTAtMCcsCiAgICAgICAgICAgIGRpc2FibGVkOiB0cnVlLAogICAgICAgICAgICBjaGlsZDogWwogICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgIG5hbWU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0wLTAnLAogICAgICAgICAgICAgICAgZGlzYWJsZUNoZWNrYm94OiB0cnVlLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgbmFtZTogJ2xlYWYnLAogICAgICAgICAgICAgICAga2V5OiAnMC0wLTAtMScsCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgXSwKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICdwYXJlbnQgMS0xJywKICAgICAgICAgICAga2V5OiAnMC0wLTEnLAogICAgICAgICAgICBjaGlsZDogWwogICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgIGtleTogJzAtMC0xLTAnLAogICAgICAgICAgICAgICAgbmFtZTogJ3pjdmMnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdOwogICAgd2F0Y2goZXhwYW5kZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdleHBhbmRlZEtleXMnLCBleHBhbmRlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChzZWxlY3RlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlbGVjdGVkS2V5cycsIHNlbGVjdGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKGNoZWNrZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdjaGVja2VkS2V5cycsIGNoZWNrZWRLZXlzKTsKICAgIH0pOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIGNoZWNrZWRLZXlzLAogICAgICByZXBsYWNlRmllbGRzLAogICAgICB0cmVlRGF0YTogcmVmKHRyZWVEYXRhKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[o(i,{checkable:"","tree-data":a.treeData,expandedKeys:a.expandedKeys,"onUpdate:expandedKeys":s[0]||(s[0]=c=>a.expandedKeys=c),selectedKeys:a.selectedKeys,"onUpdate:selectedKeys":s[1]||(s[1]=c=>a.selectedKeys=c),checkedKeys:a.checkedKeys,"onUpdate:checkedKeys":s[2]||(s[2]=c=>a.checkedKeys=c),"replace-fields":a.replaceFields},null,8,["tree-data","expandedKeys","selectedKeys","checkedKeys","replace-fields"])]),htmlCode:e(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},"checkable"),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":replace-fields"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("replaceFields"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" TreeDataItem "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" replaceFields "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'child'"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'\u5F20\u6668\u6210'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
              `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'zcvc'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      checkedKeys`),n("span",{class:"token punctuation"},","),t(`
      replaceFields`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("treeData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[4]||(s[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
    `),n("span",{class:"token attr-name"},"checkable"),t(`
    `),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checkedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("checkedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":replace-fields"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("replaceFields"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" checkedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" replaceFields "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'child'"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'\u5F20\u6668\u6210'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
              `),n("span",{class:"token punctuation"},"{"),t(`
                `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
                `),n("span",{class:"token literal-property property"},"disableCheckbox"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token punctuation"},"{"),t(`
                `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf'"),n("span",{class:"token punctuation"},","),t(`
                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 1-1'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"child"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
              `),n("span",{class:"token punctuation"},"{"),t(`
                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
                `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'zcvc'"),n("span",{class:"token punctuation"},","),t(`
              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedKeys'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'checkedKeys'"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      checkedKeys`),n("span",{class:"token punctuation"},","),t(`
      replaceFields`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("treeData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var Vn=b(Kn,[["render",Bn]]);const Xn=[{title:"0-0",key:"0-0",children:[{title:"0-0-0",key:"0-0-0",children:[{title:"0-0-0-0",key:"0-0-0-0"},{title:"0-0-0-1",key:"0-0-0-1"},{title:"0-0-0-2",key:"0-0-0-2"}]},{title:"0-0-1",key:"0-0-1",children:[{title:"0-0-1-0",key:"0-0-1-0"},{title:"0-0-1-1",key:"0-0-1-1"},{title:"0-0-1-2",key:"0-0-1-2"}]}]}],Rn=w({setup(){const a=(k,r)=>{console.log(`treeKey: ${k}, menuKey: ${r}`)},s=C(["0-0-0","0-0-1"]);return f(s,()=>{console.log("expandedKeys",s)}),{treeData:Xn,onContextMenuClick:a,expandedKeys:s}}});function xn(a,s,k,r,l,d){const i=u("a-menu-item"),p=u("a-menu"),c=u("a-dropdown"),g=u("a-tree"),A=u("demo-box");return y(),h(A,{jsfiddle:{us:"Custom display the context menu",cn:"\u81EA\u5B9A\u4E49\u5C55\u793A\u53F3\u952E\u83DC\u5355",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u81EA\u5B9A\u4E49\u5C55\u793A\u53F3\u952E\u83DC\u5355</p>
<h2 id="en-us">en-US</h2>
<p>Custom display the context menu</p>
`,order:9,title:{"zh-CN":"\u53F3\u952E\u83DC\u5355","en-US":"Context Menu"},relativePath:"src/docs/tree/demo/context-menu.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgOnRyZWUtZGF0YT0idHJlZURhdGEiIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyBrZXk6IHRyZWVLZXksIHRpdGxlIH0iPgogICAgICA8YS1kcm9wZG93biA6dHJpZ2dlcj0iWydjb250ZXh0bWVudSddIj4KICAgICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgICA8dGVtcGxhdGUgI292ZXJsYXk+CiAgICAgICAgICA8YS1tZW51IEBjbGljaz0iKHsga2V5OiBtZW51S2V5IH0pID0+IG9uQ29udGV4dE1lbnVDbGljayh0cmVlS2V5LCBtZW51S2V5KSI+CiAgICAgICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjEiPjFzdCBtZW51IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIyIj4ybmQgbWVudSBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMyI+M3JkIG1lbnUgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICA8L2EtbWVudT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L2EtZHJvcGRvd24+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCB3YXRjaCwgcmVmIH0gZnJvbSAndnVlJzsKCmNvbnN0IHRyZWVEYXRhID0gWwogIHsKICAgIHRpdGxlOiAnMC0wJywKICAgIGtleTogJzAtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdGl0bGU6ICcwLTAtMCcsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMCcsIGtleTogJzAtMC0wLTAnIH0sCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMScsIGtleTogJzAtMC0wLTEnIH0sCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMicsIGtleTogJzAtMC0wLTInIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnMC0wLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTAnLCBrZXk6ICcwLTAtMS0wJyB9LAogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTEnLCBrZXk6ICcwLTAtMS0xJyB9LAogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTInLCBrZXk6ICcwLTAtMS0yJyB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvbkNvbnRleHRNZW51Q2xpY2sgPSAodHJlZUtleTogc3RyaW5nLCBtZW51S2V5OiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2coYHRyZWVLZXk6ICR7dHJlZUtleX0sIG1lbnVLZXk6ICR7bWVudUtleX1gKTsKICAgIH07CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CgogICAgd2F0Y2goZXhwYW5kZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdleHBhbmRlZEtleXMnLCBleHBhbmRlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB0cmVlRGF0YSwKICAgICAgb25Db250ZXh0TWVudUNsaWNrLAogICAgICBleHBhbmRlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlPjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgOnRyZWUtZGF0YT0idHJlZURhdGEiIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyBrZXk6IHRyZWVLZXksIHRpdGxlIH0iPgogICAgICA8YS1kcm9wZG93biA6dHJpZ2dlcj0iWydjb250ZXh0bWVudSddIj4KICAgICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgICA8dGVtcGxhdGUgI292ZXJsYXk+CiAgICAgICAgICA8YS1tZW51IEBjbGljaz0iKHsga2V5OiBtZW51S2V5IH0pID0+IG9uQ29udGV4dE1lbnVDbGljayh0cmVlS2V5LCBtZW51S2V5KSI+CiAgICAgICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjEiPjFzdCBtZW51IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIyIj4ybmQgbWVudSBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMyI+M3JkIG1lbnUgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICA8L2EtbWVudT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L2EtZHJvcGRvd24+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHdhdGNoLCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCB0cmVlRGF0YSA9IFsKICB7CiAgICB0aXRsZTogJzAtMCcsCiAgICBrZXk6ICcwLTAnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHRpdGxlOiAnMC0wLTAnLAogICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJzAtMC0wLTAnLAogICAgICAgICAgICBrZXk6ICcwLTAtMC0wJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIHRpdGxlOiAnMC0wLTAtMScsCiAgICAgICAgICAgIGtleTogJzAtMC0wLTEnLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGl0bGU6ICcwLTAtMC0yJywKICAgICAgICAgICAga2V5OiAnMC0wLTAtMicsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJzAtMC0xJywKICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdGl0bGU6ICcwLTAtMS0wJywKICAgICAgICAgICAga2V5OiAnMC0wLTEtMCcsCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJzAtMC0xLTEnLAogICAgICAgICAgICBrZXk6ICcwLTAtMS0xJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIHRpdGxlOiAnMC0wLTEtMicsCiAgICAgICAgICAgIGtleTogJzAtMC0xLTInLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgb25Db250ZXh0TWVudUNsaWNrID0gKHRyZWVLZXksIG1lbnVLZXkpID0+IHsKICAgICAgY29uc29sZS5sb2coYHRyZWVLZXk6ICR7dHJlZUtleX0sIG1lbnVLZXk6ICR7bWVudUtleX1gKTsKICAgIH07CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIHdhdGNoKGV4cGFuZGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZXhwYW5kZWRLZXlzJywgZXhwYW5kZWRLZXlzKTsKICAgIH0pOwogICAgcmV0dXJuIHsKICAgICAgdHJlZURhdGEsCiAgICAgIG9uQ29udGV4dE1lbnVDbGljaywKICAgICAgZXhwYW5kZWRLZXlzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZT48L3N0eWxlPg=="}},{default:e(()=>[o(g,{"tree-data":a.treeData,expandedKeys:a.expandedKeys,"onUpdate:expandedKeys":s[0]||(s[0]=m=>a.expandedKeys=m)},{title:e(({key:m,title:I})=>[o(c,{trigger:["contextmenu"]},{overlay:e(()=>[o(p,{onClick:({key:Z})=>a.onContextMenuClick(m,Z)},{default:e(()=>[o(i,{key:"1"},{default:e(()=>s[1]||(s[1]=[t("1st menu item")])),_:1,__:[1]}),o(i,{key:"2"},{default:e(()=>s[2]||(s[2]=[t("2nd menu item")])),_:1,__:[2]}),o(i,{key:"3"},{default:e(()=>s[3]||(s[3]=[t("3rd menu item")])),_:1,__:[3]})]),_:2},1032,["onClick"])]),default:e(()=>[n("span",null,K(I),1)]),_:2},1024)]),_:1},8,["tree-data","expandedKeys"])]),htmlCode:e(()=>s[4]||(s[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key: treeKey, title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-dropdown")]),t(),n("span",{class:"token attr-name"},":trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['contextmenu']"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("({ key: menuKey }) => onContextMenuClick(treeKey, menuKey)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1st menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2nd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("3rd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" watch"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onContextMenuClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"treeKey"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"menuKey"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"treeKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},", menuKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("menuKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      onContextMenuClick`),n("span",{class:"token punctuation"},","),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"}),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>s[5]||(s[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(),n("span",{class:"token attr-name"},":tree-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("expandedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("expandedKeys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key: treeKey, title }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-dropdown")]),t(),n("span",{class:"token attr-name"},":trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['contextmenu']"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("{{ title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("({ key: menuKey }) => onContextMenuClick(treeKey, menuKey)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1st menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2nd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("3rd menu item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tree")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" watch"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-0'"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-1'"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-0-2'"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-0'"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-1'"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"{"),t(`
            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),n("span",{class:"token punctuation"},","),t(`
            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0-1-2'"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onContextMenuClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("treeKey"),n("span",{class:"token punctuation"},","),t(" menuKey")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"treeKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("treeKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},", menuKey: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("menuKey"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("expandedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'expandedKeys'"),n("span",{class:"token punctuation"},","),t(" expandedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      onContextMenuClick`),n("span",{class:"token punctuation"},","),t(`
      expandedKeys`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"}),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var Sn=b(Rn,[["render",xn]]);const Ln={pageData:{title:"Tree",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5C55\u793A",title:"Tree",subtitle:"\u6811\u5F62\u63A7\u4EF6",cover:"https://gw.alipayobjects.com/zos/alicdn/Xh-oWqg9k/Tree.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528`\u6811\u63A7\u4EF6`\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\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:"TreeNode props",slug:"treenode-props",content:"\u7ED3\u70B9\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F treeNodes \u4E2D\u7684\u4E00\u9879\uFF0CTreeNode \u4F7F\u7528\u76F8\u540C\u7684 API\u3002"},{level:3,title:"DirectoryTree props",slug:"directorytree-props",content:""},{level:2,title:"FAQ",slug:"faq",content:"\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F"},{level:3,title:"\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F",slug:"\u5728-showline-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F",content:"\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F"}],relativePath:"src/docs/tree/index.zh-CN.md",content:`
\u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002

## \u4F55\u65F6\u4F7F\u7528

\u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528\`\u6811\u63A7\u4EF6\`\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\u3002

## API

### Tree props

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- | --- |
| blockNode | \u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884C | boolean | false |  |
| treeData | treeNodes \u6570\u636E\uFF0C\u5982\u679C\u8BBE\u7F6E\u5219\u4E0D\u9700\u8981\u624B\u52A8\u6784\u9020 TreeNode \u8282\u70B9\uFF08key \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09 | array\\&lt;{key, title, children, \\[disabled, selectable]}&gt; | -- |  |
| replaceFields | \u66FF\u6362 treeNode \u4E2D title,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; } |  |
| autoExpandParent | \u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9 | boolean | true |  |
| checkable | \u8282\u70B9\u524D\u6DFB\u52A0 Checkbox \u590D\u9009\u6846 | boolean | false |  |
| checkedKeys(v-model) | \uFF08\u53D7\u63A7\uFF09\u9009\u4E2D\u590D\u9009\u6846\u7684\u6811\u8282\u70B9\uFF08\u6CE8\u610F\uFF1A\u7236\u5B50\u8282\u70B9\u6709\u5173\u8054\uFF0C\u5982\u679C\u4F20\u5165\u7236\u8282\u70B9 key\uFF0C\u5219\u5B50\u8282\u70B9\u81EA\u52A8\u9009\u4E2D\uFF1B\u76F8\u5E94\u5F53\u5B50\u8282\u70B9 key \u90FD\u4F20\u5165\uFF0C\u7236\u8282\u70B9\u4E5F\u81EA\u52A8\u9009\u4E2D\u3002\u5F53\u8BBE\u7F6E\`checkable\`\u548C\`checkStrictly\`\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709\`checked\`\u548C\`halfChecked\`\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054 | string\\[] \\| number\\[] \\| {checked: string\\[] \\| number\\[], halfChecked: string\\[] \\| number\\[]} | \\[] |  |
| checkStrictly | 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 | boolean | false |  |
| defaultExpandAll | \u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9, \u5982\u679C\u662F\u5F02\u6B65\u6570\u636E\uFF0C\u9700\u8981\u5728\u6570\u636E\u8FD4\u56DE\u540E\u518D\u5B9E\u4F8B\u5316\uFF0C\u5EFA\u8BAE\u7528 v-if=&quot;data.length&quot;\uFF1B\u5F53\u6709 expandedKeys \u65F6\uFF0CdefaultExpandAll \u5C06\u5931\u6548 | boolean | false |  |
| disabled | \u5C06\u6811\u7981\u7528 | bool | false |  |
| draggable | \u8BBE\u7F6E\u8282\u70B9\u53EF\u62D6\u62FD | boolean | false |  |
| expandedKeys(v-model) | \uFF08\u53D7\u63A7\uFF09\u5C55\u5F00\u6307\u5B9A\u7684\u6811\u8282\u70B9 | string\\[] \\| number\\[] | \\[] |  |
| filterTreeNode | \u6309\u9700\u7B5B\u9009\u6811\u8282\u70B9\uFF08\u9AD8\u4EAE\uFF09\uFF0C\u8FD4\u56DE true | function(node) | - |  |
| loadData | \u5F02\u6B65\u52A0\u8F7D\u6570\u636E | function(node) | - |  |
| loadedKeys | \uFF08\u53D7\u63A7\uFF09\u5DF2\u7ECF\u52A0\u8F7D\u7684\u8282\u70B9\uFF0C\u9700\u8981\u914D\u5408 \`loadData\` \u4F7F\u7528 | string\\[] \\| number\\[] | \\[] |  |
| multiple | \u652F\u6301\u70B9\u9009\u591A\u4E2A\u8282\u70B9\uFF08\u8282\u70B9\u672C\u8EAB\uFF09 | boolean | false |  |
| selectable | \u662F\u5426\u53EF\u9009\u4E2D | boolean | true |  |  |
| selectedKeys(v-model) | \uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9 | string\\[] \\| number\\[] | - |  |
| showIcon | \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 |  |
| switcherIcon | \u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807 | slot | - |  |
| showLine | \u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBF | boolean | false |  |
| title | \u6807\u9898 | slot |  | 2.0.0 |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
| --- | --- | --- |
| check | \u70B9\u51FB\u590D\u9009\u6846\u89E6\u53D1 | function(checkedKeys, e:{checked: bool, checkedNodes, node, event}) |
| dragend | dragend \u89E6\u53D1\u65F6\u8C03\u7528 | function({event, node}) |
| dragenter | dragenter \u89E6\u53D1\u65F6\u8C03\u7528 | function({event, node, expandedKeys}) |
| dragleave | dragleave \u89E6\u53D1\u65F6\u8C03\u7528 | function({event, node}) |
| dragover | dragover \u89E6\u53D1\u65F6\u8C03\u7528 | function({event, node}) |
| dragstart | \u5F00\u59CB\u62D6\u62FD\u65F6\u8C03\u7528 | function({event, node}) |
| drop | drop \u89E6\u53D1\u65F6\u8C03\u7528 | function({event, node, dragNode, dragNodesKeys}) |
| expand | \u5C55\u5F00/\u6536\u8D77\u8282\u70B9\u65F6\u89E6\u53D1 | function(expandedKeys, {expanded: bool, node}) |
| load | \u8282\u70B9\u52A0\u8F7D\u5B8C\u6BD5\u65F6\u89E6\u53D1 | function(loadedKeys, {event, node}) |
| rightClick | \u54CD\u5E94\u53F3\u952E\u70B9\u51FB | function({event, node}) |
| select | \u70B9\u51FB\u6811\u8282\u70B9\u89E6\u53D1 | function(selectedKeys, e:{selected: bool, selectedNodes, node, event}) |

### TreeNode props

\u7ED3\u70B9\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F treeNodes \u4E2D\u7684\u4E00\u9879\uFF0CTreeNode \u4F7F\u7528\u76F8\u540C\u7684 API\u3002

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| class | \u8282\u70B9\u7684 class | string | - |  |
| style | \u8282\u70B9\u7684 style | string\\|object | - |  |
| 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 | \u7981\u6389\u54CD\u5E94 | boolean | false |  |
| icon | \u81EA\u5B9A\u4E49\u56FE\u6807\u3002\u53EF\u63A5\u6536\u7EC4\u4EF6\uFF0Cprops \u4E3A\u5F53\u524D\u8282\u70B9 props | slot\\|slot-scope | - |  |
| isLeaf | \u8BBE\u7F6E\u4E3A\u53F6\u5B50\u8282\u70B9(\u8BBE\u7F6E\u4E86\`loadData\`\u65F6\u6709\u6548) | boolean | false |  |
| key | \u88AB\u6811\u7684 (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys \u5C5E\u6027\u6240\u7528\u3002\u6CE8\u610F\uFF1A\u6574\u4E2A\u6811\u8303\u56F4\u5185\u7684\u6240\u6709\u8282\u70B9\u7684 key \u503C\u4E0D\u80FD\u91CD\u590D\uFF01 | string \\| number | \u5185\u90E8\u8BA1\u7B97\u51FA\u7684\u8282\u70B9\u4F4D\u7F6E |  |
| selectable | \u8BBE\u7F6E\u8282\u70B9\u662F\u5426\u53EF\u88AB\u9009\u4E2D | boolean | true |  |
| title | \u6807\u9898 | string\\|slot\\|slot-scope | &#39;---&#39; |  |
| slots | \u4F7F\u7528 treeNodes \u65F6\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BE5\u5C5E\u6027\u914D\u7F6E\u652F\u6301 slot \u7684\u5C5E\u6027\uFF0C\u5982 \`slots: { title: &#39;XXX&#39;}\` | object | - |  |

### DirectoryTree props

| \u53C2\u6570         | \u8BF4\u660E                                              | \u7C7B\u578B   | \u9ED8\u8BA4\u503C |
| ------------ | ------------------------------------------------- | ------ | ------ |
| expandAction | \u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009 \`false\` \`&#39;click&#39;\` \`&#39;dblclick&#39;\` | string | click  |

## FAQ

### \u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F

\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F
`,html:`<p>\u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528<code>\u6811\u63A7\u4EF6</code>\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\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>blockNode</td>
<td>\u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884C</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\uFF08key \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td>
<td>array&lt;{key, title, children, [disabled, selectable]}&gt;</td>
<td>--</td>
<td></td>
</tr>
<tr>
<td>replaceFields</td>
<td>\u66FF\u6362 treeNode \u4E2D title,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5</td>
<td>object</td>
<td>{children:'children', title:'title', key:'key' }</td>
<td></td>
</tr>
<tr>
<td>autoExpandParent</td>
<td>\u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>checkable</td>
<td>\u8282\u70B9\u524D\u6DFB\u52A0 Checkbox \u590D\u9009\u6846</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>checkedKeys(v-model)</td>
<td>\uFF08\u53D7\u63A7\uFF09\u9009\u4E2D\u590D\u9009\u6846\u7684\u6811\u8282\u70B9\uFF08\u6CE8\u610F\uFF1A\u7236\u5B50\u8282\u70B9\u6709\u5173\u8054\uFF0C\u5982\u679C\u4F20\u5165\u7236\u8282\u70B9 key\uFF0C\u5219\u5B50\u8282\u70B9\u81EA\u52A8\u9009\u4E2D\uFF1B\u76F8\u5E94\u5F53\u5B50\u8282\u70B9 key \u90FD\u4F20\u5165\uFF0C\u7236\u8282\u70B9\u4E5F\u81EA\u52A8\u9009\u4E2D\u3002\u5F53\u8BBE\u7F6E<code>checkable</code>\u548C<code>checkStrictly</code>\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709<code>checked</code>\u548C<code>halfChecked</code>\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054</td>
<td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>checkStrictly</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</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>defaultExpandAll</td>
<td>\u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9, \u5982\u679C\u662F\u5F02\u6B65\u6570\u636E\uFF0C\u9700\u8981\u5728\u6570\u636E\u8FD4\u56DE\u540E\u518D\u5B9E\u4F8B\u5316\uFF0C\u5EFA\u8BAE\u7528 v-if=&quot;data.length&quot;\uFF1B\u5F53\u6709 expandedKeys \u65F6\uFF0CdefaultExpandAll \u5C06\u5931\u6548</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u5C06\u6811\u7981\u7528</td>
<td>bool</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>draggable</td>
<td>\u8BBE\u7F6E\u8282\u70B9\u53EF\u62D6\u62FD</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>expandedKeys(v-model)</td>
<td>\uFF08\u53D7\u63A7\uFF09\u5C55\u5F00\u6307\u5B9A\u7684\u6811\u8282\u70B9</td>
<td>string[] | number[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>filterTreeNode</td>
<td>\u6309\u9700\u7B5B\u9009\u6811\u8282\u70B9\uFF08\u9AD8\u4EAE\uFF09\uFF0C\u8FD4\u56DE true</td>
<td>function(node)</td>
<td>-</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>loadedKeys</td>
<td>\uFF08\u53D7\u63A7\uFF09\u5DF2\u7ECF\u52A0\u8F7D\u7684\u8282\u70B9\uFF0C\u9700\u8981\u914D\u5408 <code>loadData</code> \u4F7F\u7528</td>
<td>string[] | number[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>multiple</td>
<td>\u652F\u6301\u70B9\u9009\u591A\u4E2A\u8282\u70B9\uFF08\u8282\u70B9\u672C\u8EAB\uFF09</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>selectable</td>
<td>\u662F\u5426\u53EF\u9009\u4E2D</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>selectedKeys(v-model)</td>
<td>\uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9</td>
<td>string[] | number[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>showIcon</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>switcherIcon</td>
<td>\u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807</td>
<td>slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>showLine</td>
<td>\u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBF</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>\u6807\u9898</td>
<td>slot</td>
<td></td>
<td>2.0.0</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>check</td>
<td>\u70B9\u51FB\u590D\u9009\u6846\u89E6\u53D1</td>
<td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td>
</tr>
<tr>
<td>dragend</td>
<td>dragend \u89E6\u53D1\u65F6\u8C03\u7528</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>dragenter</td>
<td>dragenter \u89E6\u53D1\u65F6\u8C03\u7528</td>
<td>function({event, node, expandedKeys})</td>
</tr>
<tr>
<td>dragleave</td>
<td>dragleave \u89E6\u53D1\u65F6\u8C03\u7528</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>dragover</td>
<td>dragover \u89E6\u53D1\u65F6\u8C03\u7528</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>dragstart</td>
<td>\u5F00\u59CB\u62D6\u62FD\u65F6\u8C03\u7528</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>drop</td>
<td>drop \u89E6\u53D1\u65F6\u8C03\u7528</td>
<td>function({event, node, dragNode, dragNodesKeys})</td>
</tr>
<tr>
<td>expand</td>
<td>\u5C55\u5F00/\u6536\u8D77\u8282\u70B9\u65F6\u89E6\u53D1</td>
<td>function(expandedKeys, {expanded: bool, node})</td>
</tr>
<tr>
<td>load</td>
<td>\u8282\u70B9\u52A0\u8F7D\u5B8C\u6BD5\u65F6\u89E6\u53D1</td>
<td>function(loadedKeys, {event, node})</td>
</tr>
<tr>
<td>rightClick</td>
<td>\u54CD\u5E94\u53F3\u952E\u70B9\u51FB</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>select</td>
<td>\u70B9\u51FB\u6811\u8282\u70B9\u89E6\u53D1</td>
<td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td>
</tr>
</tbody>
</table>
<h3 id="treenode-props">TreeNode props</h3>
<p>\u7ED3\u70B9\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F treeNodes \u4E2D\u7684\u4E00\u9879\uFF0CTreeNode \u4F7F\u7528\u76F8\u540C\u7684 API\u3002</p>
<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>class</td>
<td>\u8282\u70B9\u7684 class</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>style</td>
<td>\u8282\u70B9\u7684 style</td>
<td>string|object</td>
<td>-</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>\u7981\u6389\u54CD\u5E94</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>\u81EA\u5B9A\u4E49\u56FE\u6807\u3002\u53EF\u63A5\u6536\u7EC4\u4EF6\uFF0Cprops \u4E3A\u5F53\u524D\u8282\u70B9 props</td>
<td>slot|slot-scope</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>isLeaf</td>
<td>\u8BBE\u7F6E\u4E3A\u53F6\u5B50\u8282\u70B9(\u8BBE\u7F6E\u4E86<code>loadData</code>\u65F6\u6709\u6548)</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>key</td>
<td>\u88AB\u6811\u7684 (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys \u5C5E\u6027\u6240\u7528\u3002\u6CE8\u610F\uFF1A\u6574\u4E2A\u6811\u8303\u56F4\u5185\u7684\u6240\u6709\u8282\u70B9\u7684 key \u503C\u4E0D\u80FD\u91CD\u590D\uFF01</td>
<td>string | number</td>
<td>\u5185\u90E8\u8BA1\u7B97\u51FA\u7684\u8282\u70B9\u4F4D\u7F6E</td>
<td></td>
</tr>
<tr>
<td>selectable</td>
<td>\u8BBE\u7F6E\u8282\u70B9\u662F\u5426\u53EF\u88AB\u9009\u4E2D</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>\u6807\u9898</td>
<td>string|slot|slot-scope</td>
<td>'---'</td>
<td></td>
</tr>
<tr>
<td>slots</td>
<td>\u4F7F\u7528 treeNodes \u65F6\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BE5\u5C5E\u6027\u914D\u7F6E\u652F\u6301 slot \u7684\u5C5E\u6027\uFF0C\u5982 <code>slots: { title: 'XXX'}</code></td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="directorytree-props">DirectoryTree props</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>expandAction</td>
<td>\u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009 <code>false</code> <code>'click'</code> <code>'dblclick'</code></td>
<td>string</td>
<td>click</td>
</tr>
</tbody>
</table>
<h2 id="faq">FAQ</h2>
<h3 id="\u5728-showline-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F">\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F</h3>
<p>\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F</p>
`,lastUpdated:1748059052785}},Hn={class:"markdown"};function Yn(a,s,k,r,l,d){return y(),B("article",Hn,s[0]||(s[0]=[x('<p>\u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528<code>\u6811\u63A7\u4EF6</code>\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\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>blockNode</td><td>\u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884C</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\uFF08key \u5728\u6574\u4E2A\u6811\u8303\u56F4\u5185\u552F\u4E00\uFF09</td><td>array&lt;{key, title, children, [disabled, selectable]}&gt;</td><td>--</td><td></td></tr><tr><td>replaceFields</td><td>\u66FF\u6362 treeNode \u4E2D title,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; }</td><td></td></tr><tr><td>autoExpandParent</td><td>\u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9</td><td>boolean</td><td>true</td><td></td></tr><tr><td>checkable</td><td>\u8282\u70B9\u524D\u6DFB\u52A0 Checkbox \u590D\u9009\u6846</td><td>boolean</td><td>false</td><td></td></tr><tr><td>checkedKeys(v-model)</td><td>\uFF08\u53D7\u63A7\uFF09\u9009\u4E2D\u590D\u9009\u6846\u7684\u6811\u8282\u70B9\uFF08\u6CE8\u610F\uFF1A\u7236\u5B50\u8282\u70B9\u6709\u5173\u8054\uFF0C\u5982\u679C\u4F20\u5165\u7236\u8282\u70B9 key\uFF0C\u5219\u5B50\u8282\u70B9\u81EA\u52A8\u9009\u4E2D\uFF1B\u76F8\u5E94\u5F53\u5B50\u8282\u70B9 key \u90FD\u4F20\u5165\uFF0C\u7236\u8282\u70B9\u4E5F\u81EA\u52A8\u9009\u4E2D\u3002\u5F53\u8BBE\u7F6E<code>checkable</code>\u548C<code>checkStrictly</code>\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709<code>checked</code>\u548C<code>halfChecked</code>\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054</td><td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td><td>[]</td><td></td></tr><tr><td>checkStrictly</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</td><td>boolean</td><td>false</td><td></td></tr><tr><td>defaultExpandAll</td><td>\u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9, \u5982\u679C\u662F\u5F02\u6B65\u6570\u636E\uFF0C\u9700\u8981\u5728\u6570\u636E\u8FD4\u56DE\u540E\u518D\u5B9E\u4F8B\u5316\uFF0C\u5EFA\u8BAE\u7528 v-if=&quot;data.length&quot;\uFF1B\u5F53\u6709 expandedKeys \u65F6\uFF0CdefaultExpandAll \u5C06\u5931\u6548</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabled</td><td>\u5C06\u6811\u7981\u7528</td><td>bool</td><td>false</td><td></td></tr><tr><td>draggable</td><td>\u8BBE\u7F6E\u8282\u70B9\u53EF\u62D6\u62FD</td><td>boolean</td><td>false</td><td></td></tr><tr><td>expandedKeys(v-model)</td><td>\uFF08\u53D7\u63A7\uFF09\u5C55\u5F00\u6307\u5B9A\u7684\u6811\u8282\u70B9</td><td>string[] | number[]</td><td>[]</td><td></td></tr><tr><td>filterTreeNode</td><td>\u6309\u9700\u7B5B\u9009\u6811\u8282\u70B9\uFF08\u9AD8\u4EAE\uFF09\uFF0C\u8FD4\u56DE true</td><td>function(node)</td><td>-</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>loadedKeys</td><td>\uFF08\u53D7\u63A7\uFF09\u5DF2\u7ECF\u52A0\u8F7D\u7684\u8282\u70B9\uFF0C\u9700\u8981\u914D\u5408 <code>loadData</code> \u4F7F\u7528</td><td>string[] | number[]</td><td>[]</td><td></td></tr><tr><td>multiple</td><td>\u652F\u6301\u70B9\u9009\u591A\u4E2A\u8282\u70B9\uFF08\u8282\u70B9\u672C\u8EAB\uFF09</td><td>boolean</td><td>false</td><td></td></tr><tr><td>selectable</td><td>\u662F\u5426\u53EF\u9009\u4E2D</td><td>boolean</td><td>true</td><td></td></tr><tr><td>selectedKeys(v-model)</td><td>\uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9</td><td>string[] | number[]</td><td>-</td><td></td></tr><tr><td>showIcon</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>switcherIcon</td><td>\u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807</td><td>slot</td><td>-</td><td></td></tr><tr><td>showLine</td><td>\u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBF</td><td>boolean</td><td>false</td><td></td></tr><tr><td>title</td><td>\u6807\u9898</td><td>slot</td><td></td><td>2.0.0</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>check</td><td>\u70B9\u51FB\u590D\u9009\u6846\u89E6\u53D1</td><td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td></tr><tr><td>dragend</td><td>dragend \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>dragenter</td><td>dragenter \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node, expandedKeys})</td></tr><tr><td>dragleave</td><td>dragleave \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>dragover</td><td>dragover \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>dragstart</td><td>\u5F00\u59CB\u62D6\u62FD\u65F6\u8C03\u7528</td><td>function({event, node})</td></tr><tr><td>drop</td><td>drop \u89E6\u53D1\u65F6\u8C03\u7528</td><td>function({event, node, dragNode, dragNodesKeys})</td></tr><tr><td>expand</td><td>\u5C55\u5F00/\u6536\u8D77\u8282\u70B9\u65F6\u89E6\u53D1</td><td>function(expandedKeys, {expanded: bool, node})</td></tr><tr><td>load</td><td>\u8282\u70B9\u52A0\u8F7D\u5B8C\u6BD5\u65F6\u89E6\u53D1</td><td>function(loadedKeys, {event, node})</td></tr><tr><td>rightClick</td><td>\u54CD\u5E94\u53F3\u952E\u70B9\u51FB</td><td>function({event, node})</td></tr><tr><td>select</td><td>\u70B9\u51FB\u6811\u8282\u70B9\u89E6\u53D1</td><td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td></tr></tbody></table><h3 id="treenode-props">TreeNode props</h3><p>\u7ED3\u70B9\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F treeNodes \u4E2D\u7684\u4E00\u9879\uFF0CTreeNode \u4F7F\u7528\u76F8\u540C\u7684 API\u3002</p><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>class</td><td>\u8282\u70B9\u7684 class</td><td>string</td><td>-</td><td></td></tr><tr><td>style</td><td>\u8282\u70B9\u7684 style</td><td>string|object</td><td>-</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>\u7981\u6389\u54CD\u5E94</td><td>boolean</td><td>false</td><td></td></tr><tr><td>icon</td><td>\u81EA\u5B9A\u4E49\u56FE\u6807\u3002\u53EF\u63A5\u6536\u7EC4\u4EF6\uFF0Cprops \u4E3A\u5F53\u524D\u8282\u70B9 props</td><td>slot|slot-scope</td><td>-</td><td></td></tr><tr><td>isLeaf</td><td>\u8BBE\u7F6E\u4E3A\u53F6\u5B50\u8282\u70B9(\u8BBE\u7F6E\u4E86<code>loadData</code>\u65F6\u6709\u6548)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>key</td><td>\u88AB\u6811\u7684 (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys \u5C5E\u6027\u6240\u7528\u3002\u6CE8\u610F\uFF1A\u6574\u4E2A\u6811\u8303\u56F4\u5185\u7684\u6240\u6709\u8282\u70B9\u7684 key \u503C\u4E0D\u80FD\u91CD\u590D\uFF01</td><td>string | number</td><td>\u5185\u90E8\u8BA1\u7B97\u51FA\u7684\u8282\u70B9\u4F4D\u7F6E</td><td></td></tr><tr><td>selectable</td><td>\u8BBE\u7F6E\u8282\u70B9\u662F\u5426\u53EF\u88AB\u9009\u4E2D</td><td>boolean</td><td>true</td><td></td></tr><tr><td>title</td><td>\u6807\u9898</td><td>string|slot|slot-scope</td><td>&#39;---&#39;</td><td></td></tr><tr><td>slots</td><td>\u4F7F\u7528 treeNodes \u65F6\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BE5\u5C5E\u6027\u914D\u7F6E\u652F\u6301 slot \u7684\u5C5E\u6027\uFF0C\u5982 <code>slots: { title: &#39;XXX&#39;}</code></td><td>object</td><td>-</td><td></td></tr></tbody></table><h3 id="directorytree-props">DirectoryTree props</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>expandAction</td><td>\u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009 <code>false</code> <code>&#39;click&#39;</code> <code>&#39;dblclick&#39;</code></td><td>string</td><td>click</td></tr></tbody></table><h2 id="faq">FAQ</h2><h3 id="\u5728-showline-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F">\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F</h3><p>\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F</p>',16)]))}var Nn=b(Ln,[["render",Yn]]);const Dn={pageData:{title:"Tree",description:"",frontmatter:{category:"Components",type:"Data Display",title:"Tree",cover:"https://gw.alipayobjects.com/zos/alicdn/Xh-oWqg9k/Tree.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The `Tree` component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a `Tree`."},{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:"TreeNode props",slug:"treenode-props",content:"One of the Tree `treeNode` prop for describing the tree's node, TreeNode has the same API."},{level:3,title:"DirectoryTree props",slug:"directorytree-props",content:""},{level:2,title:"FAQ",slug:"faq",content:"How to hide file icon when use showLine?"},{level:3,title:"How to hide file icon when use showLine?",slug:"how-to-hide-file-icon-when-use-showline",content:"File icon realize by using switcherIcon. You can overwrite the style to hide it"}],relativePath:"src/docs/tree/index.en-US.md",content:`
A hierarchical list structure component.

## When To Use

Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The \`Tree\` component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a \`Tree\`.

## API

### Tree props

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| treeData | treeNode of tree, please use \`treeNodes\` before v1.1.4 | array | - |  |
| replaceFields | Replace the title,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; } |  |
| autoExpandParent | Whether to automatically expand a parent treeNode | boolean | true |  |
| blockNode | Whether treeNode fill remaining horizontal space | boolean | false |  |
| checkable | Adds a \`Checkbox\` before the treeNodes | boolean | false |  |
| checkedKeys(v-model) | (Controlled) Specifies the keys of the checked treeNodes (PS: When this specifies the key of a treeNode which is also a parent treeNode, all the children treeNodes of will be checked; and vice versa, when it specifies the key of a treeNode which is a child treeNode, its parent treeNode will also be checked. When \`checkable\` and \`checkStrictly\` is true, its object has \`checked\` and \`halfChecked\` property. Regardless of whether the child or parent treeNode is checked, they won&#39;t impact each other. | string\\[] \\| number\\[] \\| {checked: string\\[] \\| number\\[], halfChecked: string\\[] \\| number\\[]} | \\[] |  |
| checkStrictly | Check treeNode precisely; parent treeNode and children treeNodes are not associated | boolean | false |  |
| defaultExpandAll | Whether to expand all treeNodes by default | boolean | false |  |
| disabled | whether disabled the tree | bool | false |  |
| draggable | Specifies whether this Tree is draggable (IE &gt; 8) | boolean | false |  |
| expandedKeys(v-model) | (Controlled) Specifies the keys of the expanded treeNodes | string\\[] \\| number\\[] | \\[] |  |
| filterTreeNode | Defines a function to filter (highlight) treeNodes. When the function returns \`true\`, the corresponding treeNode will be highlighted | function(node) | - |  |
| loadData | Load data asynchronously | function(node) | - |  |
| loadedKeys | (Controlled) Set loaded tree nodes. Need work with \`loadData\` | string\\[] \\| number\\[] | \\[] |  |
| multiple | Allows selecting multiple treeNodes | boolean | false |  |
| selectable | whether can be selected | boolean | true |  |
| selectedKeys(v-model) | (Controlled) Specifies the keys of the selected treeNodes | string\\[] \\| number\\[] | - |  |
| showIcon | 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 |  |
| switcherIcon | customize collapse/expand icon of tree node | slot | - |  |
| showLine | Shows a connecting line | boolean | false |  |
| title | Title | slot |  | 2.0.0 |

### Events

| Events Name | Description | Arguments |
| --- | --- | --- |
| check | Callback function for when the onCheck event occurs | function(checkedKeys, e:{checked: bool, checkedNodes, node, event}) |
| dragend | Callback function for when the onDragEnd event occurs | function({event, node}) |
| dragenter | Callback function for when the onDragEnter event occurs | function({event, node, expandedKeys}) |
| dragleave | Callback function for when the onDragLeave event occurs | function({event, node}) |
| dragover | Callback function for when the onDragOver event occurs | function({event, node}) |
| dragstart | Callback function for when the onDragStart event occurs | function({event, node}) |
| drop | Callback function for when the onDrop event occurs | function({event, node, dragNode, dragNodesKeys}) |
| expand | Callback function for when a treeNode is expanded or collapsed | function(expandedKeys, {expanded: bool, node}) |
| load | Callback function for when a treeNode is loaded | function(loadedKeys, {event, node}) |
| rightClick | Callback function for when the user right clicks a treeNode | function({event, node}) |
| select | Callback function for when the user clicks a treeNode | function(selectedKeys, e:{selected: bool, selectedNodes, node, event}) |

### TreeNode props

One of the Tree \`treeNode\` prop for describing the tree&#39;s node, TreeNode has the same API.

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| class | className | string | - |  |
| style | style | string\\|object | - |  |
| checkable | When Tree is checkable, set TreeNode display Checkbox or not | boolean | - |  |
| disableCheckbox | Disables the checkbox of the treeNode | boolean | false |  |
| disabled | Disables the treeNode | boolean | false |  |
| icon | customize icon. When you pass component, whose render will receive full TreeNode props as component props | slot\\|slot-scope | - |  |
| isLeaf | Determines if this is a leaf node(effective when \`loadData\` is specified) | boolean | false |  |
| key | Used with (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys. P.S.: It must be unique in all of treeNodes of the tree! | string \\| number | internal calculated position of treeNode |  |
| selectable | Set whether the treeNode can be selected | boolean | true |  |
| title | Title | string\\|slot\\|slot-scope | &#39;---&#39; |  |
| slots | When using treeNodes, you can use this property to configure the properties that support the slot, such as \`slots: { title: &#39;XXX&#39;}\` | object | - |  |

### DirectoryTree props

| Property     | Description                                                   | Type   | Default |
| ------------ | ------------------------------------------------------------- | ------ | ------- |
| expandAction | Directory open logic, optional \`false\` \`&#39;click&#39;\` \`&#39;dblclick&#39;\` | string | click   |

## FAQ

### How to hide file icon when use showLine?

File icon realize by using switcherIcon. You can overwrite the style to hide it
`,html:`<p>A hierarchical list structure component.</p>
<h2 id="when-to-use">When To Use</h2>
<p>Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The <code>Tree</code> component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a <code>Tree</code>.</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>treeData</td>
<td>treeNode of tree, please use <code>treeNodes</code> before v1.1.4</td>
<td>array</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>replaceFields</td>
<td>Replace the title,key and children fields in treeNode with the corresponding fields in treeData</td>
<td>object</td>
<td>{ children:'children', title:'title', key:'key' }</td>
<td></td>
</tr>
<tr>
<td>autoExpandParent</td>
<td>Whether to automatically expand a parent treeNode</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>blockNode</td>
<td>Whether treeNode fill remaining horizontal space</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>checkable</td>
<td>Adds a <code>Checkbox</code> before the treeNodes</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>checkedKeys(v-model)</td>
<td>(Controlled) Specifies the keys of the checked treeNodes (PS: When this specifies the key of a treeNode which is also a parent treeNode, all the children treeNodes of will be checked; and vice versa, when it specifies the key of a treeNode which is a child treeNode, its parent treeNode will also be checked. When <code>checkable</code> and <code>checkStrictly</code> is true, its object has <code>checked</code> and <code>halfChecked</code> property. Regardless of whether the child or parent treeNode is checked, they won't impact each other.</td>
<td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>checkStrictly</td>
<td>Check treeNode precisely; parent treeNode and children treeNodes are not associated</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>defaultExpandAll</td>
<td>Whether to expand all treeNodes by default</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>whether disabled the tree</td>
<td>bool</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>draggable</td>
<td>Specifies whether this Tree is draggable (IE &gt; 8)</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>expandedKeys(v-model)</td>
<td>(Controlled) Specifies the keys of the expanded treeNodes</td>
<td>string[] | number[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>filterTreeNode</td>
<td>Defines a function to filter (highlight) treeNodes. When the function returns <code>true</code>, the corresponding treeNode will be highlighted</td>
<td>function(node)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>loadData</td>
<td>Load data asynchronously</td>
<td>function(node)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>loadedKeys</td>
<td>(Controlled) Set loaded tree nodes. Need work with <code>loadData</code></td>
<td>string[] | number[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>multiple</td>
<td>Allows selecting multiple treeNodes</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>selectable</td>
<td>whether can be selected</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>selectedKeys(v-model)</td>
<td>(Controlled) Specifies the keys of the selected treeNodes</td>
<td>string[] | number[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>showIcon</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>switcherIcon</td>
<td>customize collapse/expand icon of tree node</td>
<td>slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>showLine</td>
<td>Shows a connecting line</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>Title</td>
<td>slot</td>
<td></td>
<td>2.0.0</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>check</td>
<td>Callback function for when the onCheck event occurs</td>
<td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td>
</tr>
<tr>
<td>dragend</td>
<td>Callback function for when the onDragEnd event occurs</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>dragenter</td>
<td>Callback function for when the onDragEnter event occurs</td>
<td>function({event, node, expandedKeys})</td>
</tr>
<tr>
<td>dragleave</td>
<td>Callback function for when the onDragLeave event occurs</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>dragover</td>
<td>Callback function for when the onDragOver event occurs</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>dragstart</td>
<td>Callback function for when the onDragStart event occurs</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>drop</td>
<td>Callback function for when the onDrop event occurs</td>
<td>function({event, node, dragNode, dragNodesKeys})</td>
</tr>
<tr>
<td>expand</td>
<td>Callback function for when a treeNode is expanded or collapsed</td>
<td>function(expandedKeys, {expanded: bool, node})</td>
</tr>
<tr>
<td>load</td>
<td>Callback function for when a treeNode is loaded</td>
<td>function(loadedKeys, {event, node})</td>
</tr>
<tr>
<td>rightClick</td>
<td>Callback function for when the user right clicks a treeNode</td>
<td>function({event, node})</td>
</tr>
<tr>
<td>select</td>
<td>Callback function for when the user clicks a treeNode</td>
<td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td>
</tr>
</tbody>
</table>
<h3 id="treenode-props">TreeNode props</h3>
<p>One of the Tree <code>treeNode</code> prop for describing the tree's node, TreeNode has the same API.</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>class</td>
<td>className</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>style</td>
<td>style</td>
<td>string|object</td>
<td>-</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>Disables the treeNode</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>customize icon. When you pass component, whose render will receive full TreeNode props as component props</td>
<td>slot|slot-scope</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>isLeaf</td>
<td>Determines if this is a leaf node(effective when <code>loadData</code> is specified)</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>key</td>
<td>Used with (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys. P.S.: It must be unique in all of treeNodes of the tree!</td>
<td>string | number</td>
<td>internal calculated position of treeNode</td>
<td></td>
</tr>
<tr>
<td>selectable</td>
<td>Set whether the treeNode can be selected</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>Title</td>
<td>string|slot|slot-scope</td>
<td>'---'</td>
<td></td>
</tr>
<tr>
<td>slots</td>
<td>When using treeNodes, you can use this property to configure the properties that support the slot, such as <code>slots: { title: 'XXX'}</code></td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="directorytree-props">DirectoryTree props</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>expandAction</td>
<td>Directory open logic, optional <code>false</code> <code>'click'</code> <code>'dblclick'</code></td>
<td>string</td>
<td>click</td>
</tr>
</tbody>
</table>
<h2 id="faq">FAQ</h2>
<h3 id="how-to-hide-file-icon-when-use-showline">How to hide file icon when use showLine?</h3>
<p>File icon realize by using switcherIcon. You can overwrite the style to hide it</p>
`,lastUpdated:1748059052785}},Tn={class:"markdown"};function Fn(a,s,k,r,l,d){return y(),B("article",Tn,s[0]||(s[0]=[x('<p>A hierarchical list structure component.</p><h2 id="when-to-use">When To Use</h2><p>Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The <code>Tree</code> component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a <code>Tree</code>.</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>treeData</td><td>treeNode of tree, please use <code>treeNodes</code> before v1.1.4</td><td>array</td><td>-</td><td></td></tr><tr><td>replaceFields</td><td>Replace the title,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; }</td><td></td></tr><tr><td>autoExpandParent</td><td>Whether to automatically expand a parent treeNode</td><td>boolean</td><td>true</td><td></td></tr><tr><td>blockNode</td><td>Whether treeNode fill remaining horizontal space</td><td>boolean</td><td>false</td><td></td></tr><tr><td>checkable</td><td>Adds a <code>Checkbox</code> before the treeNodes</td><td>boolean</td><td>false</td><td></td></tr><tr><td>checkedKeys(v-model)</td><td>(Controlled) Specifies the keys of the checked treeNodes (PS: When this specifies the key of a treeNode which is also a parent treeNode, all the children treeNodes of will be checked; and vice versa, when it specifies the key of a treeNode which is a child treeNode, its parent treeNode will also be checked. When <code>checkable</code> and <code>checkStrictly</code> is true, its object has <code>checked</code> and <code>halfChecked</code> property. Regardless of whether the child or parent treeNode is checked, they won&#39;t impact each other.</td><td>string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]}</td><td>[]</td><td></td></tr><tr><td>checkStrictly</td><td>Check treeNode precisely; parent treeNode and children treeNodes are not associated</td><td>boolean</td><td>false</td><td></td></tr><tr><td>defaultExpandAll</td><td>Whether to expand all treeNodes by default</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabled</td><td>whether disabled the tree</td><td>bool</td><td>false</td><td></td></tr><tr><td>draggable</td><td>Specifies whether this Tree is draggable (IE &gt; 8)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>expandedKeys(v-model)</td><td>(Controlled) Specifies the keys of the expanded treeNodes</td><td>string[] | number[]</td><td>[]</td><td></td></tr><tr><td>filterTreeNode</td><td>Defines a function to filter (highlight) treeNodes. When the function returns <code>true</code>, the corresponding treeNode will be highlighted</td><td>function(node)</td><td>-</td><td></td></tr><tr><td>loadData</td><td>Load data asynchronously</td><td>function(node)</td><td>-</td><td></td></tr><tr><td>loadedKeys</td><td>(Controlled) Set loaded tree nodes. Need work with <code>loadData</code></td><td>string[] | number[]</td><td>[]</td><td></td></tr><tr><td>multiple</td><td>Allows selecting multiple treeNodes</td><td>boolean</td><td>false</td><td></td></tr><tr><td>selectable</td><td>whether can be selected</td><td>boolean</td><td>true</td><td></td></tr><tr><td>selectedKeys(v-model)</td><td>(Controlled) Specifies the keys of the selected treeNodes</td><td>string[] | number[]</td><td>-</td><td></td></tr><tr><td>showIcon</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>switcherIcon</td><td>customize collapse/expand icon of tree node</td><td>slot</td><td>-</td><td></td></tr><tr><td>showLine</td><td>Shows a connecting line</td><td>boolean</td><td>false</td><td></td></tr><tr><td>title</td><td>Title</td><td>slot</td><td></td><td>2.0.0</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>check</td><td>Callback function for when the onCheck event occurs</td><td>function(checkedKeys, e:{checked: bool, checkedNodes, node, event})</td></tr><tr><td>dragend</td><td>Callback function for when the onDragEnd event occurs</td><td>function({event, node})</td></tr><tr><td>dragenter</td><td>Callback function for when the onDragEnter event occurs</td><td>function({event, node, expandedKeys})</td></tr><tr><td>dragleave</td><td>Callback function for when the onDragLeave event occurs</td><td>function({event, node})</td></tr><tr><td>dragover</td><td>Callback function for when the onDragOver event occurs</td><td>function({event, node})</td></tr><tr><td>dragstart</td><td>Callback function for when the onDragStart event occurs</td><td>function({event, node})</td></tr><tr><td>drop</td><td>Callback function for when the onDrop event occurs</td><td>function({event, node, dragNode, dragNodesKeys})</td></tr><tr><td>expand</td><td>Callback function for when a treeNode is expanded or collapsed</td><td>function(expandedKeys, {expanded: bool, node})</td></tr><tr><td>load</td><td>Callback function for when a treeNode is loaded</td><td>function(loadedKeys, {event, node})</td></tr><tr><td>rightClick</td><td>Callback function for when the user right clicks a treeNode</td><td>function({event, node})</td></tr><tr><td>select</td><td>Callback function for when the user clicks a treeNode</td><td>function(selectedKeys, e:{selected: bool, selectedNodes, node, event})</td></tr></tbody></table><h3 id="treenode-props">TreeNode props</h3><p>One of the Tree <code>treeNode</code> prop for describing the tree&#39;s node, TreeNode has the same API.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>class</td><td>className</td><td>string</td><td>-</td><td></td></tr><tr><td>style</td><td>style</td><td>string|object</td><td>-</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>Disables the treeNode</td><td>boolean</td><td>false</td><td></td></tr><tr><td>icon</td><td>customize icon. When you pass component, whose render will receive full TreeNode props as component props</td><td>slot|slot-scope</td><td>-</td><td></td></tr><tr><td>isLeaf</td><td>Determines if this is a leaf node(effective when <code>loadData</code> is specified)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>key</td><td>Used with (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys. P.S.: It must be unique in all of treeNodes of the tree!</td><td>string | number</td><td>internal calculated position of treeNode</td><td></td></tr><tr><td>selectable</td><td>Set whether the treeNode can be selected</td><td>boolean</td><td>true</td><td></td></tr><tr><td>title</td><td>Title</td><td>string|slot|slot-scope</td><td>&#39;---&#39;</td><td></td></tr><tr><td>slots</td><td>When using treeNodes, you can use this property to configure the properties that support the slot, such as <code>slots: { title: &#39;XXX&#39;}</code></td><td>object</td><td>-</td><td></td></tr></tbody></table><h3 id="directorytree-props">DirectoryTree props</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>expandAction</td><td>Directory open logic, optional <code>false</code> <code>&#39;click&#39;</code> <code>&#39;dblclick&#39;</code></td><td>string</td><td>click</td></tr></tbody></table><h2 id="faq">FAQ</h2><h3 id="how-to-hide-file-icon-when-use-showline">How to hide file icon when use showLine?</h3><p>File icon realize by using switcherIcon. You can overwrite the style to hide it</p>',16)]))}var Pn=b(Dn,[["render",Fn]]);const En=w({CN:Nn,US:Pn,components:{Basic:M,Draggable:nn,Dynamic:an,Search:dn,ShowLine:An,CustomIcon:bn,Directory:Gn,SwitcherIcon:Wn,ReplaceFields:Vn,ContextMenu:Sn},setup(){return{}}});function Jn(a,s,k,r,l,d){const i=u("basic"),p=u("draggable"),c=u("dynamic"),g=u("custom-icon"),A=u("search"),m=u("show-line"),I=u("directory"),Z=u("switcher-icon"),v=u("replace-fields"),G=u("context-menu"),W=u("demo-sort");return y(),h(W,null,{default:e(()=>[o(i),o(p),o(c),o(g),o(A),o(m),o(I),o(Z),o(v),o(G)]),_:1})}var On=b(En,[["render",Jn]]);export{On as default};