import{d as Tn,r as j,y as Hn,_ as bn,l as un,w as G,j as x,k as P,f as E,a as mn,t as Kn,e as t,F as Ht,b as n,m as KC,D as Zc,b6 as vc,L as Zs,q as Gc}from"./index.3fe853a6.js";import{C as WC,F as RC}from"./FrownFilled.45c68d8c.js";import{S as VC}from"./SmileTwoTone.b3738c4e.js";import{S as xC}from"./SmileOutlined.02787c93.js";import{F as SC}from"./FrownOutlined.f0d942d8.js";const XC=[{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",title:"sss"}]}]}],LC=Tn({setup(){const I=j(["0-0-0","0-0-1"]),d=j(["0-0-0","0-0-1"]),u=j(["0-0-0","0-0-1"]);return Hn(I,()=>{console.log("expandedKeys",I)}),Hn(d,()=>{console.log("selectedKeys",d)}),Hn(u,()=>{console.log("checkedKeys",u)}),{treeData:XC,expandedKeys:I,selectedKeys:d,checkedKeys:u}}}),HC={key:0,style:{color:"#1890ff"}};function TC(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{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:`
\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
The most basic usage, tell you how to use checkable, selectable, disabled, defaultExpandKeys, and etc.
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"components/tree/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgdGl0bGUsIGtleSB9Ij4KICAgICAgPHNwYW4gdi1pZj0ia2V5ID09PSAnMC0wLTEtMCciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgdGl0bGUgfX08L3NwYW4+CiAgICAgIDx0ZW1wbGF0ZSB2LWVsc2U+e3sgdGl0bGUgfX08L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwoKY29uc3QgdHJlZURhdGE6IFRyZWVQcm9wc1sndHJlZURhdGEnXSA9IFsKICB7CiAgICB0aXRsZTogJ3BhcmVudCAxJywKICAgIGtleTogJzAtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMS0wJywKICAgICAgICBrZXk6ICcwLTAtMCcsCiAgICAgICAgZGlzYWJsZWQ6IHRydWUsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsgdGl0bGU6ICdsZWFmJywga2V5OiAnMC0wLTAtMCcsIGRpc2FibGVDaGVja2JveDogdHJ1ZSB9LAogICAgICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMC0xJyB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogW3sga2V5OiAnMC0wLTEtMCcsIHRpdGxlOiAnc3NzJyB9XSwKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBjaGVja2VkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycwLTAtMCcsICcwLTAtMSddKTsKICAgIHdhdGNoKGV4cGFuZGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZXhwYW5kZWRLZXlzJywgZXhwYW5kZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goc2VsZWN0ZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3RlZEtleXMnLCBzZWxlY3RlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChjaGVja2VkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnY2hlY2tlZEtleXMnLCBjaGVja2VkS2V5cyk7CiAgICB9KTsKCiAgICByZXR1cm4gewogICAgICB0cmVlRGF0YSwKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIGNoZWNrZWRLZXlzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgdGl0bGUsIGtleSB9Ij4KICAgICAgPHNwYW4gdi1pZj0ia2V5ID09PSAnMC0wLTEtMCciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgdGl0bGUgfX08L3NwYW4+CiAgICAgIDx0ZW1wbGF0ZSB2LWVsc2U+e3sgdGl0bGUgfX08L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKY29uc3QgdHJlZURhdGEgPSBbewogIHRpdGxlOiAncGFyZW50IDEnLAogIGtleTogJzAtMCcsCiAgY2hpbGRyZW46IFt7CiAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAga2V5OiAnMC0wLTAnLAogICAgZGlzYWJsZWQ6IHRydWUsCiAgICBjaGlsZHJlbjogW3sKICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAga2V5OiAnMC0wLTAtMCcsCiAgICAgIGRpc2FibGVDaGVja2JveDogdHJ1ZSwKICAgIH0sIHsKICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAga2V5OiAnMC0wLTAtMScsCiAgICB9XSwKICB9LCB7CiAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAga2V5OiAnMC0wLTEnLAogICAgY2hpbGRyZW46IFt7CiAgICAgIGtleTogJzAtMC0xLTAnLAogICAgICB0aXRsZTogJ3NzcycsCiAgICB9XSwKICB9XSwKfV07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIHdhdGNoKGV4cGFuZGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZXhwYW5kZWRLZXlzJywgZXhwYW5kZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goc2VsZWN0ZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3RlZEtleXMnLCBzZWxlY3RlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChjaGVja2VkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnY2hlY2tlZEtleXMnLCBjaGVja2VkS2V5cyk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhLAogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:G(()=>[E(B,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=b=>I.expandedKeys=b),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=b=>I.selectedKeys=b),checkedKeys:I.checkedKeys,"onUpdate:checkedKeys":d[2]||(d[2]=b=>I.checkedKeys=b),checkable:"","tree-data":I.treeData},{title:G(({title:b,key:Y})=>[Y==="0-0-1-0"?(P(),mn("span",HC,Kn(b),1)):(P(),mn(Ht,{key:1},[t(Kn(b),1)],64))]),_:1},8,["expandedKeys","selectedKeys","checkedKeys","tree-data"])]),htmlCode:G(()=>d[3]||(d[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"},[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"},"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 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, key }"),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("key === '0-0-1-0'"),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"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),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"},"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("template")]),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(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(` `),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(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'sss'"),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:G(()=>d[4]||(d[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"},[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"},"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 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, key }"),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("key === '0-0-1-0'"),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"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),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"},"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("template")]),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(" 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"},"["),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"},"["),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"},"["),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"},"]"),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"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'sss'"),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"},"]"),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"},"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})}const YC=bn(LC,[["render",TC]]),NC=3,DC=2,FC=1,Bc=[],Kc=(I,d,u)=>{const H=d||"0",Z=u||Bc,X=[];for(let K=0;K\u5C06\u8282\u70B9\u62D6\u62FD\u5230\u5176\u4ED6\u8282\u70B9\u5185\u90E8\u6216\u524D\u540E\u3002
Drag treeNode to insert after the other treeNode or insert into the other parent TreeNode.
`,order:2,title:{"zh-CN":"\u62D6\u52A8\u793A\u4F8B","en-US":"draggable"},relativePath:"components/tree/demo/draggable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNsYXNzPSJkcmFnZ2FibGUtdHJlZSIKICAgIGRyYWdnYWJsZQogICAgYmxvY2stbm9kZQogICAgOnRyZWUtZGF0YT0iZ0RhdGEiCiAgICBAZHJhZ2VudGVyPSJvbkRyYWdFbnRlciIKICAgIEBkcm9wPSJvbkRyb3AiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgewogIEFudFRyZWVOb2RlRHJhZ0VudGVyRXZlbnQsCiAgQW50VHJlZU5vZGVEcm9wRXZlbnQsCiAgVHJlZVByb3BzLAp9IGZyb20gJ2FudC1kZXNpZ24tdnVlL2VzL3RyZWUnOwoKY29uc3QgeCA9IDM7CmNvbnN0IHkgPSAyOwpjb25zdCB6ID0gMTsKY29uc3QgZ2VuRGF0YSA9IFtdOwoKY29uc3QgZ2VuZXJhdGVEYXRhID0gKF9sZXZlbDogbnVtYmVyLCBfcHJlS2V5Pzogc3RyaW5nLCBfdG5zPzogVHJlZVByb3BzWyd0cmVlRGF0YSddKSA9PiB7CiAgY29uc3QgcHJlS2V5ID0gX3ByZUtleSB8fCAnMCc7CiAgY29uc3QgdG5zID0gX3RucyB8fCBnZW5EYXRhOwoKICBjb25zdCBjaGlsZHJlbiA9IFtdOwogIGZvciAobGV0IGkgPSAwOyBpIDwgeDsgaSsrKSB7CiAgICBjb25zdCBrZXkgPSBgJHtwcmVLZXl9LSR7aX1gOwogICAgdG5zLnB1c2goeyB0aXRsZToga2V5LCBrZXkgfSk7CiAgICBpZiAoaSA8IHkpIHsKICAgICAgY2hpbGRyZW4ucHVzaChrZXkpOwogICAgfQogIH0KICBpZiAoX2xldmVsIDwgMCkgewogICAgcmV0dXJuIHRuczsKICB9CiAgY29uc3QgbGV2ZWwgPSBfbGV2ZWwgLSAxOwogIGNoaWxkcmVuLmZvckVhY2goKGtleSwgaW5kZXgpID0+IHsKICAgIHRuc1tpbmRleF0uY2hpbGRyZW4gPSBbXTsKICAgIHJldHVybiBnZW5lcmF0ZURhdGEobGV2ZWwsIGtleSwgdG5zW2luZGV4XS5jaGlsZHJlbik7CiAgfSk7Cn07CmdlbmVyYXRlRGF0YSh6KTsKdHlwZSBUcmVlRGF0YUl0ZW0gPSBUcmVlUHJvcHNbJ3RyZWVEYXRhJ11bbnVtYmVyXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZjwoc3RyaW5nIHwgbnVtYmVyKVtdPihbJzAtMCcsICcwLTAtMCcsICcwLTAtMC0wJ10pOwogICAgY29uc3QgZ0RhdGEgPSByZWY8VHJlZVByb3BzWyd0cmVlRGF0YSddPihnZW5EYXRhKTsKICAgIGNvbnN0IG9uRHJhZ0VudGVyID0gKGluZm86IEFudFRyZWVOb2RlRHJhZ0VudGVyRXZlbnQpID0+IHsKICAgICAgY29uc29sZS5sb2coaW5mbyk7CiAgICAgIC8vIGV4cGFuZGVkS2V5cyDpnIDopoHlsZXlvIDml7YKICAgICAgLy8gZXhwYW5kZWRLZXlzLnZhbHVlID0gaW5mby5leHBhbmRlZEtleXM7CiAgICB9OwoKICAgIGNvbnN0IG9uRHJvcCA9IChpbmZvOiBBbnRUcmVlTm9kZURyb3BFdmVudCkgPT4gewogICAgICBjb25zb2xlLmxvZyhpbmZvKTsKICAgICAgY29uc3QgZHJvcEtleSA9IGluZm8ubm9kZS5rZXk7CiAgICAgIGNvbnN0IGRyYWdLZXkgPSBpbmZvLmRyYWdOb2RlLmtleTsKICAgICAgY29uc3QgZHJvcFBvcyA9IGluZm8ubm9kZS5wb3Muc3BsaXQoJy0nKTsKICAgICAgY29uc3QgZHJvcFBvc2l0aW9uID0gaW5mby5kcm9wUG9zaXRpb24gLSBOdW1iZXIoZHJvcFBvc1tkcm9wUG9zLmxlbmd0aCAtIDFdKTsKICAgICAgY29uc3QgbG9vcCA9IChkYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10sIGtleTogc3RyaW5nIHwgbnVtYmVyLCBjYWxsYmFjazogYW55KSA9PiB7CiAgICAgICAgZGF0YS5mb3JFYWNoKChpdGVtLCBpbmRleCkgPT4gewogICAgICAgICAgaWYgKGl0ZW0ua2V5ID09PSBrZXkpIHsKICAgICAgICAgICAgcmV0dXJuIGNhbGxiYWNrKGl0ZW0sIGluZGV4LCBkYXRhKTsKICAgICAgICAgIH0KICAgICAgICAgIGlmIChpdGVtLmNoaWxkcmVuKSB7CiAgICAgICAgICAgIHJldHVybiBsb29wKGl0ZW0uY2hpbGRyZW4sIGtleSwgY2FsbGJhY2spOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICB9OwogICAgICBjb25zdCBkYXRhID0gWy4uLmdEYXRhLnZhbHVlXTsKCiAgICAgIC8vIEZpbmQgZHJhZ09iamVjdAogICAgICBsZXQgZHJhZ09iajogVHJlZURhdGFJdGVtOwogICAgICBsb29wKGRhdGEsIGRyYWdLZXksIChpdGVtOiBUcmVlRGF0YUl0ZW0sIGluZGV4OiBudW1iZXIsIGFycjogVHJlZVByb3BzWyd0cmVlRGF0YSddKSA9PiB7CiAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgZHJhZ09iaiA9IGl0ZW07CiAgICAgIH0pOwogICAgICBpZiAoIWluZm8uZHJvcFRvR2FwKSB7CiAgICAgICAgLy8gRHJvcCBvbiB0aGUgY29udGVudAogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgKGl0ZW06IFRyZWVEYXRhSXRlbSkgPT4gewogICAgICAgICAgaXRlbS5jaGlsZHJlbiA9IGl0ZW0uY2hpbGRyZW4gfHwgW107CiAgICAgICAgICAvLy8gd2hlcmUgdG8gaW5zZXJ0IOekuuS+i+a3u+WKoOWIsOWktOmDqO+8jOWPr+S7peaYr+maj+aEj+S9jee9rgogICAgICAgICAgaXRlbS5jaGlsZHJlbi51bnNoaWZ0KGRyYWdPYmopOwogICAgICAgIH0pOwogICAgICB9IGVsc2UgaWYgKAogICAgICAgIChpbmZvLm5vZGUuY2hpbGRyZW4gfHwgW10pLmxlbmd0aCA+IDAgJiYgLy8gSGFzIGNoaWxkcmVuCiAgICAgICAgaW5mby5ub2RlLmV4cGFuZGVkICYmIC8vIElzIGV4cGFuZGVkCiAgICAgICAgZHJvcFBvc2l0aW9uID09PSAxIC8vIE9uIHRoZSBib3R0b20gZ2FwCiAgICAgICkgewogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgKGl0ZW06IFRyZWVEYXRhSXRlbSkgPT4gewogICAgICAgICAgaXRlbS5jaGlsZHJlbiA9IGl0ZW0uY2hpbGRyZW4gfHwgW107CiAgICAgICAgICAvLyB3aGVyZSB0byBpbnNlcnQg56S65L6L5re75Yqg5Yiw5aS06YOo77yM5Y+v5Lul5piv6ZqP5oSP5L2N572uCiAgICAgICAgICBpdGVtLmNoaWxkcmVuLnVuc2hpZnQoZHJhZ09iaik7CiAgICAgICAgfSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgbGV0IGFyOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10gPSBbXTsKICAgICAgICBsZXQgaSA9IDA7CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCAoX2l0ZW06IFRyZWVEYXRhSXRlbSwgaW5kZXg6IG51bWJlciwgYXJyOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10pID0+IHsKICAgICAgICAgIGFyID0gYXJyOwogICAgICAgICAgaSA9IGluZGV4OwogICAgICAgIH0pOwogICAgICAgIGlmIChkcm9wUG9zaXRpb24gPT09IC0xKSB7CiAgICAgICAgICBhci5zcGxpY2UoaSwgMCwgZHJhZ09iaik7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIGFyLnNwbGljZShpICsgMSwgMCwgZHJhZ09iaik7CiAgICAgICAgfQogICAgICB9CiAgICAgIGdEYXRhLnZhbHVlID0gZGF0YTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIGdEYXRhLAogICAgICBvbkRyYWdFbnRlciwKICAgICAgb25Ecm9wLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIGNsYXNzPSJkcmFnZ2FibGUtdHJlZSIKICAgIGRyYWdnYWJsZQogICAgYmxvY2stbm9kZQogICAgOnRyZWUtZGF0YT0iZ0RhdGEiCiAgICBAZHJhZ2VudGVyPSJvbkRyYWdFbnRlciIKICAgIEBkcm9wPSJvbkRyb3AiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCB4ID0gMzsKY29uc3QgeSA9IDI7CmNvbnN0IHogPSAxOwpjb25zdCBnZW5EYXRhID0gW107CmNvbnN0IGdlbmVyYXRlRGF0YSA9IChfbGV2ZWwsIF9wcmVLZXksIF90bnMpID0+IHsKICBjb25zdCBwcmVLZXkgPSBfcHJlS2V5IHx8ICcwJzsKICBjb25zdCB0bnMgPSBfdG5zIHx8IGdlbkRhdGE7CiAgY29uc3QgY2hpbGRyZW4gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHg7IGkrKykgewogICAgY29uc3Qga2V5ID0gYCR7cHJlS2V5fS0ke2l9YDsKICAgIHRucy5wdXNoKHsKICAgICAgdGl0bGU6IGtleSwKICAgICAga2V5LAogICAgfSk7CiAgICBpZiAoaSA8IHkpIHsKICAgICAgY2hpbGRyZW4ucHVzaChrZXkpOwogICAgfQogIH0KICBpZiAoX2xldmVsIDwgMCkgewogICAgcmV0dXJuIHRuczsKICB9CiAgY29uc3QgbGV2ZWwgPSBfbGV2ZWwgLSAxOwogIGNoaWxkcmVuLmZvckVhY2goKGtleSwgaW5kZXgpID0+IHsKICAgIHRuc1tpbmRleF0uY2hpbGRyZW4gPSBbXTsKICAgIHJldHVybiBnZW5lcmF0ZURhdGEobGV2ZWwsIGtleSwgdG5zW2luZGV4XS5jaGlsZHJlbik7CiAgfSk7Cn07CmdlbmVyYXRlRGF0YSh6KTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbJzAtMCcsICcwLTAtMCcsICcwLTAtMC0wJ10pOwogICAgY29uc3QgZ0RhdGEgPSByZWYoZ2VuRGF0YSk7CiAgICBjb25zdCBvbkRyYWdFbnRlciA9IGluZm8gPT4gewogICAgICBjb25zb2xlLmxvZyhpbmZvKTsKICAgICAgLy8gZXhwYW5kZWRLZXlzIOmcgOimgeWxleW8gOaXtgogICAgICAvLyBleHBhbmRlZEtleXMudmFsdWUgPSBpbmZvLmV4cGFuZGVkS2V5czsKICAgIH07CiAgICBjb25zdCBvbkRyb3AgPSBpbmZvID0+IHsKICAgICAgY29uc29sZS5sb2coaW5mbyk7CiAgICAgIGNvbnN0IGRyb3BLZXkgPSBpbmZvLm5vZGUua2V5OwogICAgICBjb25zdCBkcmFnS2V5ID0gaW5mby5kcmFnTm9kZS5rZXk7CiAgICAgIGNvbnN0IGRyb3BQb3MgPSBpbmZvLm5vZGUucG9zLnNwbGl0KCctJyk7CiAgICAgIGNvbnN0IGRyb3BQb3NpdGlvbiA9IGluZm8uZHJvcFBvc2l0aW9uIC0gTnVtYmVyKGRyb3BQb3NbZHJvcFBvcy5sZW5ndGggLSAxXSk7CiAgICAgIGNvbnN0IGxvb3AgPSAoZGF0YSwga2V5LCBjYWxsYmFjaykgPT4gewogICAgICAgIGRhdGEuZm9yRWFjaCgoaXRlbSwgaW5kZXgpID0+IHsKICAgICAgICAgIGlmIChpdGVtLmtleSA9PT0ga2V5KSB7CiAgICAgICAgICAgIHJldHVybiBjYWxsYmFjayhpdGVtLCBpbmRleCwgZGF0YSk7CiAgICAgICAgICB9CiAgICAgICAgICBpZiAoaXRlbS5jaGlsZHJlbikgewogICAgICAgICAgICByZXR1cm4gbG9vcChpdGVtLmNoaWxkcmVuLCBrZXksIGNhbGxiYWNrKTsKICAgICAgICAgIH0KICAgICAgICB9KTsKICAgICAgfTsKICAgICAgY29uc3QgZGF0YSA9IFsuLi5nRGF0YS52YWx1ZV07CgogICAgICAvLyBGaW5kIGRyYWdPYmplY3QKICAgICAgbGV0IGRyYWdPYmo7CiAgICAgIGxvb3AoZGF0YSwgZHJhZ0tleSwgKGl0ZW0sIGluZGV4LCBhcnIpID0+IHsKICAgICAgICBhcnIuc3BsaWNlKGluZGV4LCAxKTsKICAgICAgICBkcmFnT2JqID0gaXRlbTsKICAgICAgfSk7CiAgICAgIGlmICghaW5mby5kcm9wVG9HYXApIHsKICAgICAgICAvLyBEcm9wIG9uIHRoZSBjb250ZW50CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCBpdGVtID0+IHsKICAgICAgICAgIGl0ZW0uY2hpbGRyZW4gPSBpdGVtLmNoaWxkcmVuIHx8IFtdOwogICAgICAgICAgLy8vIHdoZXJlIHRvIGluc2VydCDnpLrkvovmt7vliqDliLDlpLTpg6jvvIzlj6/ku6XmmK/pmo/mhI/kvY3nva4KICAgICAgICAgIGl0ZW0uY2hpbGRyZW4udW5zaGlmdChkcmFnT2JqKTsKICAgICAgICB9KTsKICAgICAgfSBlbHNlIGlmICgoaW5mby5ub2RlLmNoaWxkcmVuIHx8IFtdKS5sZW5ndGggPiAwICYmCiAgICAgIC8vIEhhcyBjaGlsZHJlbgogICAgICBpbmZvLm5vZGUuZXhwYW5kZWQgJiYKICAgICAgLy8gSXMgZXhwYW5kZWQKICAgICAgZHJvcFBvc2l0aW9uID09PSAxIC8vIE9uIHRoZSBib3R0b20gZ2FwCiAgICAgICkgewogICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgaXRlbSA9PiB7CiAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTsKICAgICAgICAgIC8vIHdoZXJlIHRvIGluc2VydCDnpLrkvovmt7vliqDliLDlpLTpg6jvvIzlj6/ku6XmmK/pmo/mhI/kvY3nva4KICAgICAgICAgIGl0ZW0uY2hpbGRyZW4udW5zaGlmdChkcmFnT2JqKTsKICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICBsZXQgYXIgPSBbXTsKICAgICAgICBsZXQgaSA9IDA7CiAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCAoX2l0ZW0sIGluZGV4LCBhcnIpID0+IHsKICAgICAgICAgIGFyID0gYXJyOwogICAgICAgICAgaSA9IGluZGV4OwogICAgICAgIH0pOwogICAgICAgIGlmIChkcm9wUG9zaXRpb24gPT09IC0xKSB7CiAgICAgICAgICBhci5zcGxpY2UoaSwgMCwgZHJhZ09iaik7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIGFyLnNwbGljZShpICsgMSwgMCwgZHJhZ09iaik7CiAgICAgICAgfQogICAgICB9CiAgICAgIGdEYXRhLnZhbHVlID0gZGF0YTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIGdEYXRhLAogICAgICBvbkRyYWdFbnRlciwKICAgICAgb25Ecm9wLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(B,{class:"draggable-tree",draggable:"","block-node":"","tree-data":I.gData,onDragenter:I.onDragEnter,onDrop:I.onDrop},null,8,["tree-data","onDragenter","onDrop"])]),htmlCode:G(()=>d[0]||(d[0]=[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"},"draggable"),t(` `),n("span",{class:"token attr-name"},"block-node"),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(" type "),n("span",{class:"token punctuation"},"{"),t(` AntTreeNodeDragEnterEvent`),n("span",{class:"token punctuation"},","),t(` AntTreeNodeDropEvent`),n("span",{class:"token punctuation"},","),t(` TreeProps`),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/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(" 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(" generateData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("_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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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(` type TreeDataItem `),n("span",{class:"token operator"},"="),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"["),t("number"),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"},"<"),n("span",{class:"token punctuation"},"("),t("string "),n("span",{class:"token operator"},"|"),t(" number"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token 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("TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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(" AntTreeNodeDragEnterEvent")]),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(" AntTreeNodeDropEvent")]),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("key"),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("key"),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(" loop "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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 operator"},"|"),t(" number"),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(),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(" data"),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 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"},"("),t("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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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\u5934\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 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\u5934\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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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"},"("),t("_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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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:G(()=>d[1]||(d[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"},"draggable"),t(` `),n("span",{class:"token attr-name"},"block-node"),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("key"),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("key"),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(),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(" data"),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 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\u5934\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 keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),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\u5934\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})}const EC=bn(JC,[["render",_C]]),PC=Tn({setup(){const I=j([]),d=j([]),u=j([{title:"Expand to load",key:"0"},{title:"Expand to load",key:"1"},{title:"Tree Node",key:"2",isLeaf:!0}]);return{expandedKeys:I,selectedKeys:d,treeData:u,onLoadData:Z=>new Promise(X=>{if(Z.dataRef.children){X();return}setTimeout(()=>{Z.dataRef.children=[{title:"Child Node",key:`${Z.eventKey}-0`},{title:"Child Node",key:`${Z.eventKey}-1`}],u.value=[...u.value],X()},1e3)})}}});function zC(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{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:`\u70B9\u51FB\u5C55\u5F00\u8282\u70B9\uFF0C\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002
To load data asynchronously when click to expand a treeNode.
`,order:3,title:{"zh-CN":"\u5F02\u6B65\u6570\u636E\u52A0\u8F7D","en-US":"load data asynchronously"},relativePath:"components/tree/demo/dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgOmxvYWQtZGF0YT0ib25Mb2FkRGF0YSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oW10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBjb25zdCB0cmVlRGF0YSA9IHJlZjxUcmVlUHJvcHNbJ3RyZWVEYXRhJ10+KFsKICAgICAgeyB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywga2V5OiAnMCcgfSwKICAgICAgeyB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywga2V5OiAnMScgfSwKICAgICAgeyB0aXRsZTogJ1RyZWUgTm9kZScsIGtleTogJzInLCBpc0xlYWY6IHRydWUgfSwKICAgIF0pOwogICAgY29uc3Qgb25Mb2FkRGF0YTogVHJlZVByb3BzWydsb2FkRGF0YSddID0gdHJlZU5vZGUgPT4gewogICAgICByZXR1cm4gbmV3IFByb21pc2UocmVzb2x2ZSA9PiB7CiAgICAgICAgaWYgKHRyZWVOb2RlLmRhdGFSZWYuY2hpbGRyZW4pIHsKICAgICAgICAgIHJlc29sdmUoKTsKICAgICAgICAgIHJldHVybjsKICAgICAgICB9CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICB0cmVlTm9kZS5kYXRhUmVmLmNoaWxkcmVuID0gWwogICAgICAgICAgICB7IHRpdGxlOiAnQ2hpbGQgTm9kZScsIGtleTogYCR7dHJlZU5vZGUuZXZlbnRLZXl9LTBgIH0sCiAgICAgICAgICAgIHsgdGl0bGU6ICdDaGlsZCBOb2RlJywga2V5OiBgJHt0cmVlTm9kZS5ldmVudEtleX0tMWAgfSwKICAgICAgICAgIF07CiAgICAgICAgICB0cmVlRGF0YS52YWx1ZSA9IFsuLi50cmVlRGF0YS52YWx1ZV07CiAgICAgICAgICByZXNvbHZlKCk7CiAgICAgICAgfSwgMTAwMCk7CiAgICAgIH0pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGV4cGFuZGVkS2V5cywKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICB0cmVlRGF0YSwKICAgICAgb25Mb2FkRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgOmxvYWQtZGF0YT0ib25Mb2FkRGF0YSIKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWYoW10pOwogICAgY29uc3QgdHJlZURhdGEgPSByZWYoW3sKICAgICAgdGl0bGU6ICdFeHBhbmQgdG8gbG9hZCcsCiAgICAgIGtleTogJzAnLAogICAgfSwgewogICAgICB0aXRsZTogJ0V4cGFuZCB0byBsb2FkJywKICAgICAga2V5OiAnMScsCiAgICB9LCB7CiAgICAgIHRpdGxlOiAnVHJlZSBOb2RlJywKICAgICAga2V5OiAnMicsCiAgICAgIGlzTGVhZjogdHJ1ZSwKICAgIH1dKTsKICAgIGNvbnN0IG9uTG9hZERhdGEgPSB0cmVlTm9kZSA9PiB7CiAgICAgIHJldHVybiBuZXcgUHJvbWlzZShyZXNvbHZlID0+IHsKICAgICAgICBpZiAodHJlZU5vZGUuZGF0YVJlZi5jaGlsZHJlbikgewogICAgICAgICAgcmVzb2x2ZSgpOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICAgIHRyZWVOb2RlLmRhdGFSZWYuY2hpbGRyZW4gPSBbewogICAgICAgICAgICB0aXRsZTogJ0NoaWxkIE5vZGUnLAogICAgICAgICAgICBrZXk6IGAke3RyZWVOb2RlLmV2ZW50S2V5fS0wYCwKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdGl0bGU6ICdDaGlsZCBOb2RlJywKICAgICAgICAgICAga2V5OiBgJHt0cmVlTm9kZS5ldmVudEtleX0tMWAsCiAgICAgICAgICB9XTsKICAgICAgICAgIHRyZWVEYXRhLnZhbHVlID0gWy4uLnRyZWVEYXRhLnZhbHVlXTsKICAgICAgICAgIHJlc29sdmUoKTsKICAgICAgICB9LCAxMDAwKTsKICAgICAgfSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIHRyZWVEYXRhLAogICAgICBvbkxvYWREYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(B,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=b=>I.expandedKeys=b),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=b=>I.selectedKeys=b),"load-data":I.onLoadData,"tree-data":I.treeData},null,8,["expandedKeys","selectedKeys","load-data","tree-data"])]),htmlCode:G(()=>d[2]||(d[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"},[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"},":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 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(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(` `),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("TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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 literal-property property"},"onLoadData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loadData'"),n("span",{class:"token punctuation"},"]"),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"},"`")]),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:G(()=>d[3]||(d[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"},[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"},":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 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"},"["),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"},"]"),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"},"["),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"},"]"),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})}const MC=bn(PC,[["render",zC]]),UC=3,OC=2,jC=1,_e=[],Wc=(I,d,u)=>{const H=d||"0",Z=u||_e,X=[];for(let K=0;K\u53EF\u641C\u7D22\u7684\u6811\u3002
Searchable Tree.
`,order:4,title:{"zh-CN":"\u53EF\u641C\u7D22","en-US":"Searchable"},relativePath:"components/tree/demo/search.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0ic2VhcmNoVmFsdWUiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiA4cHgiIHBsYWNlaG9sZGVyPSJTZWFyY2giIC8+CiAgICA8YS10cmVlCiAgICAgIDpleHBhbmRlZC1rZXlzPSJleHBhbmRlZEtleXMiCiAgICAgIDphdXRvLWV4cGFuZC1wYXJlbnQ9ImF1dG9FeHBhbmRQYXJlbnQiCiAgICAgIDp0cmVlLWRhdGE9ImdEYXRhIgogICAgICBAZXhwYW5kPSJvbkV4cGFuZCIKICAgID4KICAgICAgPHRlbXBsYXRlICN0aXRsZT0ieyB0aXRsZSB9Ij4KICAgICAgICA8c3BhbiB2LWlmPSJ0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSA+IC0xIj4KICAgICAgICAgIHt7IHRpdGxlLnN1YnN0cigwLCB0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSkgfX0KICAgICAgICAgIDxzcGFuIHN0eWxlPSJjb2xvcjogI2Y1MCI+e3sgc2VhcmNoVmFsdWUgfX08L3NwYW4+CiAgICAgICAgICB7eyB0aXRsZS5zdWJzdHIodGl0bGUuaW5kZXhPZihzZWFyY2hWYWx1ZSkgKyBzZWFyY2hWYWx1ZS5sZW5ndGgpIH19CiAgICAgICAgPC9zcGFuPgogICAgICAgIDxzcGFuIHYtZWxzZT57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10cmVlPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgeyBUcmVlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7Cgpjb25zdCB4ID0gMzsKY29uc3QgeSA9IDI7CmNvbnN0IHogPSAxOwpjb25zdCBnZW5EYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10gPSBbXTsKCmNvbnN0IGdlbmVyYXRlRGF0YSA9IChfbGV2ZWw6IG51bWJlciwgX3ByZUtleT86IHN0cmluZywgX3Rucz86IFRyZWVQcm9wc1sndHJlZURhdGEnXSkgPT4gewogIGNvbnN0IHByZUtleSA9IF9wcmVLZXkgfHwgJzAnOwogIGNvbnN0IHRucyA9IF90bnMgfHwgZ2VuRGF0YTsKCiAgY29uc3QgY2hpbGRyZW4gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHg7IGkrKykgewogICAgY29uc3Qga2V5ID0gYCR7cHJlS2V5fS0ke2l9YDsKICAgIHRucy5wdXNoKHsgdGl0bGU6IGtleSwga2V5IH0pOwogICAgaWYgKGkgPCB5KSB7CiAgICAgIGNoaWxkcmVuLnB1c2goa2V5KTsKICAgIH0KICB9CiAgaWYgKF9sZXZlbCA8IDApIHsKICAgIHJldHVybiB0bnM7CiAgfQogIGNvbnN0IGxldmVsID0gX2xldmVsIC0gMTsKICBjaGlsZHJlbi5mb3JFYWNoKChrZXksIGluZGV4KSA9PiB7CiAgICB0bnNbaW5kZXhdLmNoaWxkcmVuID0gW107CiAgICByZXR1cm4gZ2VuZXJhdGVEYXRhKGxldmVsLCBrZXksIHRuc1tpbmRleF0uY2hpbGRyZW4pOwogIH0pOwp9OwpnZW5lcmF0ZURhdGEoeik7Cgpjb25zdCBkYXRhTGlzdDogVHJlZVByb3BzWyd0cmVlRGF0YSddID0gW107CmNvbnN0IGdlbmVyYXRlTGlzdCA9IChkYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10pID0+IHsKICBmb3IgKGxldCBpID0gMDsgaSA8IGRhdGEubGVuZ3RoOyBpKyspIHsKICAgIGNvbnN0IG5vZGUgPSBkYXRhW2ldOwogICAgY29uc3Qga2V5ID0gbm9kZS5rZXk7CiAgICBkYXRhTGlzdC5wdXNoKHsga2V5LCB0aXRsZToga2V5IH0pOwogICAgaWYgKG5vZGUuY2hpbGRyZW4pIHsKICAgICAgZ2VuZXJhdGVMaXN0KG5vZGUuY2hpbGRyZW4pOwogICAgfQogIH0KfTsKZ2VuZXJhdGVMaXN0KGdlbkRhdGEpOwoKY29uc3QgZ2V0UGFyZW50S2V5ID0gKAogIGtleTogc3RyaW5nIHwgbnVtYmVyLAogIHRyZWU6IFRyZWVQcm9wc1sndHJlZURhdGEnXSwKKTogc3RyaW5nIHwgbnVtYmVyIHwgdW5kZWZpbmVkID0+IHsKICBsZXQgcGFyZW50S2V5OwogIGZvciAobGV0IGkgPSAwOyBpIDwgdHJlZS5sZW5ndGg7IGkrKykgewogICAgY29uc3Qgbm9kZSA9IHRyZWVbaV07CiAgICBpZiAobm9kZS5jaGlsZHJlbikgewogICAgICBpZiAobm9kZS5jaGlsZHJlbi5zb21lKGl0ZW0gPT4gaXRlbS5rZXkgPT09IGtleSkpIHsKICAgICAgICBwYXJlbnRLZXkgPSBub2RlLmtleTsKICAgICAgfSBlbHNlIGlmIChnZXRQYXJlbnRLZXkoa2V5LCBub2RlLmNoaWxkcmVuKSkgewogICAgICAgIHBhcmVudEtleSA9IGdldFBhcmVudEtleShrZXksIG5vZGUuY2hpbGRyZW4pOwogICAgICB9CiAgICB9CiAgfQogIHJldHVybiBwYXJlbnRLZXk7Cn07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8KHN0cmluZyB8IG51bWJlcilbXT4oW10pOwogICAgY29uc3Qgc2VhcmNoVmFsdWUgPSByZWY8c3RyaW5nPignJyk7CiAgICBjb25zdCBhdXRvRXhwYW5kUGFyZW50ID0gcmVmPGJvb2xlYW4+KHRydWUpOwogICAgY29uc3QgZ0RhdGEgPSByZWY8VHJlZVByb3BzWyd0cmVlRGF0YSddPihnZW5EYXRhKTsKCiAgICBjb25zdCBvbkV4cGFuZCA9IChrZXlzOiBzdHJpbmdbXSkgPT4gewogICAgICBleHBhbmRlZEtleXMudmFsdWUgPSBrZXlzOwogICAgICBhdXRvRXhwYW5kUGFyZW50LnZhbHVlID0gZmFsc2U7CiAgICB9OwoKICAgIHdhdGNoKHNlYXJjaFZhbHVlLCB2YWx1ZSA9PiB7CiAgICAgIGNvbnN0IGV4cGFuZGVkID0gZGF0YUxpc3QKICAgICAgICAubWFwKChpdGVtOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ11bbnVtYmVyXSkgPT4gewogICAgICAgICAgaWYgKGl0ZW0udGl0bGUuaW5kZXhPZih2YWx1ZSkgPiAtMSkgewogICAgICAgICAgICByZXR1cm4gZ2V0UGFyZW50S2V5KGl0ZW0ua2V5LCBnRGF0YS52YWx1ZSk7CiAgICAgICAgICB9CiAgICAgICAgICByZXR1cm4gbnVsbDsKICAgICAgICB9KQogICAgICAgIC5maWx0ZXIoKGl0ZW0sIGksIHNlbGYpID0+IGl0ZW0gJiYgc2VsZi5pbmRleE9mKGl0ZW0pID09PSBpKTsKICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0gZXhwYW5kZWQ7CiAgICAgIHNlYXJjaFZhbHVlLnZhbHVlID0gdmFsdWU7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSB0cnVlOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlYXJjaFZhbHVlLAogICAgICBhdXRvRXhwYW5kUGFyZW50LAogICAgICBnRGF0YSwKICAgICAgb25FeHBhbmQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1zZWFyY2ggdi1tb2RlbDp2YWx1ZT0ic2VhcmNoVmFsdWUiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiA4cHgiIHBsYWNlaG9sZGVyPSJTZWFyY2giIC8+CiAgICA8YS10cmVlCiAgICAgIDpleHBhbmRlZC1rZXlzPSJleHBhbmRlZEtleXMiCiAgICAgIDphdXRvLWV4cGFuZC1wYXJlbnQ9ImF1dG9FeHBhbmRQYXJlbnQiCiAgICAgIDp0cmVlLWRhdGE9ImdEYXRhIgogICAgICBAZXhwYW5kPSJvbkV4cGFuZCIKICAgID4KICAgICAgPHRlbXBsYXRlICN0aXRsZT0ieyB0aXRsZSB9Ij4KICAgICAgICA8c3BhbiB2LWlmPSJ0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSA+IC0xIj4KICAgICAgICAgIHt7IHRpdGxlLnN1YnN0cigwLCB0aXRsZS5pbmRleE9mKHNlYXJjaFZhbHVlKSkgfX0KICAgICAgICAgIDxzcGFuIHN0eWxlPSJjb2xvcjogI2Y1MCI+e3sgc2VhcmNoVmFsdWUgfX08L3NwYW4+CiAgICAgICAgICB7eyB0aXRsZS5zdWJzdHIodGl0bGUuaW5kZXhPZihzZWFyY2hWYWx1ZSkgKyBzZWFyY2hWYWx1ZS5sZW5ndGgpIH19CiAgICAgICAgPC9zcGFuPgogICAgICAgIDxzcGFuIHYtZWxzZT57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10cmVlPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpjb25zdCB4ID0gMzsKY29uc3QgeSA9IDI7CmNvbnN0IHogPSAxOwpjb25zdCBnZW5EYXRhID0gW107CmNvbnN0IGdlbmVyYXRlRGF0YSA9IChfbGV2ZWwsIF9wcmVLZXksIF90bnMpID0+IHsKICBjb25zdCBwcmVLZXkgPSBfcHJlS2V5IHx8ICcwJzsKICBjb25zdCB0bnMgPSBfdG5zIHx8IGdlbkRhdGE7CiAgY29uc3QgY2hpbGRyZW4gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHg7IGkrKykgewogICAgY29uc3Qga2V5ID0gYCR7cHJlS2V5fS0ke2l9YDsKICAgIHRucy5wdXNoKHsKICAgICAgdGl0bGU6IGtleSwKICAgICAga2V5LAogICAgfSk7CiAgICBpZiAoaSA8IHkpIHsKICAgICAgY2hpbGRyZW4ucHVzaChrZXkpOwogICAgfQogIH0KICBpZiAoX2xldmVsIDwgMCkgewogICAgcmV0dXJuIHRuczsKICB9CiAgY29uc3QgbGV2ZWwgPSBfbGV2ZWwgLSAxOwogIGNoaWxkcmVuLmZvckVhY2goKGtleSwgaW5kZXgpID0+IHsKICAgIHRuc1tpbmRleF0uY2hpbGRyZW4gPSBbXTsKICAgIHJldHVybiBnZW5lcmF0ZURhdGEobGV2ZWwsIGtleSwgdG5zW2luZGV4XS5jaGlsZHJlbik7CiAgfSk7Cn07CmdlbmVyYXRlRGF0YSh6KTsKY29uc3QgZGF0YUxpc3QgPSBbXTsKY29uc3QgZ2VuZXJhdGVMaXN0ID0gZGF0YSA9PiB7CiAgZm9yIChsZXQgaSA9IDA7IGkgPCBkYXRhLmxlbmd0aDsgaSsrKSB7CiAgICBjb25zdCBub2RlID0gZGF0YVtpXTsKICAgIGNvbnN0IGtleSA9IG5vZGUua2V5OwogICAgZGF0YUxpc3QucHVzaCh7CiAgICAgIGtleSwKICAgICAgdGl0bGU6IGtleSwKICAgIH0pOwogICAgaWYgKG5vZGUuY2hpbGRyZW4pIHsKICAgICAgZ2VuZXJhdGVMaXN0KG5vZGUuY2hpbGRyZW4pOwogICAgfQogIH0KfTsKZ2VuZXJhdGVMaXN0KGdlbkRhdGEpOwpjb25zdCBnZXRQYXJlbnRLZXkgPSAoa2V5LCB0cmVlKSA9PiB7CiAgbGV0IHBhcmVudEtleTsKICBmb3IgKGxldCBpID0gMDsgaSA8IHRyZWUubGVuZ3RoOyBpKyspIHsKICAgIGNvbnN0IG5vZGUgPSB0cmVlW2ldOwogICAgaWYgKG5vZGUuY2hpbGRyZW4pIHsKICAgICAgaWYgKG5vZGUuY2hpbGRyZW4uc29tZShpdGVtID0+IGl0ZW0ua2V5ID09PSBrZXkpKSB7CiAgICAgICAgcGFyZW50S2V5ID0gbm9kZS5rZXk7CiAgICAgIH0gZWxzZSBpZiAoZ2V0UGFyZW50S2V5KGtleSwgbm9kZS5jaGlsZHJlbikpIHsKICAgICAgICBwYXJlbnRLZXkgPSBnZXRQYXJlbnRLZXkoa2V5LCBub2RlLmNoaWxkcmVuKTsKICAgICAgfQogICAgfQogIH0KICByZXR1cm4gcGFyZW50S2V5Owp9OwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmKFtdKTsKICAgIGNvbnN0IHNlYXJjaFZhbHVlID0gcmVmKCcnKTsKICAgIGNvbnN0IGF1dG9FeHBhbmRQYXJlbnQgPSByZWYodHJ1ZSk7CiAgICBjb25zdCBnRGF0YSA9IHJlZihnZW5EYXRhKTsKICAgIGNvbnN0IG9uRXhwYW5kID0ga2V5cyA9PiB7CiAgICAgIGV4cGFuZGVkS2V5cy52YWx1ZSA9IGtleXM7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSBmYWxzZTsKICAgIH07CiAgICB3YXRjaChzZWFyY2hWYWx1ZSwgdmFsdWUgPT4gewogICAgICBjb25zdCBleHBhbmRlZCA9IGRhdGFMaXN0Lm1hcChpdGVtID0+IHsKICAgICAgICBpZiAoaXRlbS50aXRsZS5pbmRleE9mKHZhbHVlKSA+IC0xKSB7CiAgICAgICAgICByZXR1cm4gZ2V0UGFyZW50S2V5KGl0ZW0ua2V5LCBnRGF0YS52YWx1ZSk7CiAgICAgICAgfQogICAgICAgIHJldHVybiBudWxsOwogICAgICB9KS5maWx0ZXIoKGl0ZW0sIGksIHNlbGYpID0+IGl0ZW0gJiYgc2VsZi5pbmRleE9mKGl0ZW0pID09PSBpKTsKICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0gZXhwYW5kZWQ7CiAgICAgIHNlYXJjaFZhbHVlLnZhbHVlID0gdmFsdWU7CiAgICAgIGF1dG9FeHBhbmRQYXJlbnQudmFsdWUgPSB0cnVlOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlYXJjaFZhbHVlLAogICAgICBhdXRvRXhwYW5kUGFyZW50LAogICAgICBnRGF0YSwKICAgICAgb25FeHBhbmQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:G(()=>[n("div",null,[E(B,{value:I.searchValue,"onUpdate:value":d[0]||(d[0]=Y=>I.searchValue=Y),style:{"margin-bottom":"8px"},placeholder:"Search"},null,8,["value"]),E(K,{"expanded-keys":I.expandedKeys,"auto-expand-parent":I.autoExpandParent,"tree-data":I.gData,onExpand:I.onExpand},{title:G(({title:Y})=>[Y.indexOf(I.searchValue)>-1?(P(),mn("span",qC,[t(Kn(Y.substr(0,Y.indexOf(I.searchValue)))+" ",1),n("span",$C,Kn(I.searchValue),1),t(" "+Kn(Y.substr(Y.indexOf(I.searchValue)+I.searchValue.length)),1)])):(P(),mn("span",nI,Kn(Y),1))]),_:1},8,["expanded-keys","auto-expand-parent","tree-data","onExpand"])])]),htmlCode:G(()=>d[1]||(d[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"},":expanded-keys"),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(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(` `),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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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(" generateData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("_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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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(" generateList "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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 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(` `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string "),n("span",{class:"token operator"},"|"),t(" number"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token literal-property property"},"tree"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(` `),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"},"<"),n("span",{class:"token punctuation"},"("),t("string "),n("span",{class:"token operator"},"|"),t(" number"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),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("TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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"},"("),t("item"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"["),t("number"),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"},"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)])),jsVersionHtml:G(()=>d[2]||(d[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"},":expanded-keys"),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"},")"),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})}const sI=bn(QC,[["render",tI]]),aI=Tn({components:{CarryOutOutlined:WC,SmileTwoTone:VC},setup(){const I=j(!0),d=j(!1),u=j([{title:"parent 1",key:"0-0",children:[{title:"parent 1-0",key:"0-0-0",children:[{title:"leaf",key:"0-0-0-0"},{key:"0-0-0-1"},{title:"leaf",key:"0-0-0-2"}]},{title:"parent 1-1",key:"0-0-1",children:[{title:"leaf",key:"0-0-1-0"}]},{title:"parent 1-2",key:"0-0-2",children:[{title:"leaf 1",key:"0-0-2-0"},{title:"leaf 2",key:"0-0-2-1"}]}]},{title:"parent 2",key:"0-1",children:[{title:"parent 2-0",key:"0-1-0",children:[{title:"leaf",key:"0-1-0-0"},{title:"leaf",key:"0-1-0-1"}]}]}]);return{showLine:I,showIcon:d,onSelect:(Z,X)=>{console.log("selected",Z,X)},treeData:u}}}),eI={style:{"margin-bottom":"16px"}};function oI(I,d,u,H,Z,X){const B=x("a-switch"),K=x("carry-out-outlined"),b=x("SmileTwoTone"),Y=x("a-tree"),rn=x("demo-box");return P(),un(rn,{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:`\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
Tree with connected line between nodes, turn on by showLine
, customize the preseted icon by switcherIcon
.
\u53EF\u4EE5\u9488\u5BF9\u4E0D\u540C\u7684\u8282\u70B9\u5B9A\u5236\u56FE\u6807\u3002
You can customize icons for different nodes.
`,order:6,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u56FE\u6807","en-US":"Customize Icon"},relativePath:"components/tree/demo/customized-icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiIHNob3ctaWNvbiBkZWZhdWx0LWV4cGFuZC1hbGw+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2ljb249Insga2V5LCBzZWxlY3RlZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImtleSA9PT0gJzAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJrZXkgPT09ICcwLTAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICAgIDxmcm93bi1maWxsZWQgdi1pZj0ic2VsZWN0ZWQiIC8+CiAgICAgICAgPGZyb3duLW91dGxpbmVkIHYtZWxzZSAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IERvd25PdXRsaW5lZCwgU21pbGVPdXRsaW5lZCwgRnJvd25PdXRsaW5lZCwgRnJvd25GaWxsZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwoKY29uc3QgdHJlZURhdGE6IFRyZWVQcm9wc1sndHJlZURhdGEnXSA9IFsKICB7CiAgICB0aXRsZTogJ3BhcmVudCAxJywKICAgIGtleTogJzAtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7IHRpdGxlOiAnbGVhZicsIGtleTogJzAtMC0wJyB9LAogICAgICB7IHRpdGxlOiAnbGVhZicsIGtleTogJzAtMC0xJyB9LAogICAgXSwKICB9LApdOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBEb3duT3V0bGluZWQsCiAgICBTbWlsZU91dGxpbmVkLAogICAgRnJvd25PdXRsaW5lZCwKICAgIEZyb3duRmlsbGVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBzZWxlY3RlZEtleXM6IHJlZihbJzAtMC0wJ10pLAogICAgICB0cmVlRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiIHNob3ctaWNvbiBkZWZhdWx0LWV4cGFuZC1hbGw+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2ljb249Insga2V5LCBzZWxlY3RlZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImtleSA9PT0gJzAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJrZXkgPT09ICcwLTAtMCciPgogICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICAgIDxmcm93bi1maWxsZWQgdi1pZj0ic2VsZWN0ZWQiIC8+CiAgICAgICAgPGZyb3duLW91dGxpbmVkIHYtZWxzZSAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdHJlZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgRG93bk91dGxpbmVkLCBTbWlsZU91dGxpbmVkLCBGcm93bk91dGxpbmVkLCBGcm93bkZpbGxlZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgdHJlZURhdGEgPSBbewogIHRpdGxlOiAncGFyZW50IDEnLAogIGtleTogJzAtMCcsCiAgY2hpbGRyZW46IFt7CiAgICB0aXRsZTogJ2xlYWYnLAogICAga2V5OiAnMC0wLTAnLAogIH0sIHsKICAgIHRpdGxlOiAnbGVhZicsCiAgICBrZXk6ICcwLTAtMScsCiAgfV0sCn1dOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIERvd25PdXRsaW5lZCwKICAgIFNtaWxlT3V0bGluZWQsCiAgICBGcm93bk91dGxpbmVkLAogICAgRnJvd25GaWxsZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHNlbGVjdGVkS2V5czogcmVmKFsnMC0wLTAnXSksCiAgICAgIHRyZWVEYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(rn,{selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[0]||(d[0]=z=>I.selectedKeys=z),"tree-data":I.treeData,"show-icon":"","default-expand-all":""},{switcherIcon:G(({switcherCls:z})=>[E(B,{class:vc(z)},null,8,["class"])]),icon:G(({key:z,selected:en})=>[z==="0-0"?(P(),un(K,{key:0})):z==="0-0-0"?(P(),un(K,{key:1})):(P(),mn(Ht,{key:2},[en?(P(),un(b,{key:0})):(P(),un(Y,{key:1}))],64))]),_:1},8,["selectedKeys","tree-data"])]),htmlCode:G(()=>d[1]||(d[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"},[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"},":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"),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 attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),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 attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),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"},"#icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key, 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("template")]),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("key === '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("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"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '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("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"},"v-else"),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("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(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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"},"'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'"),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'"),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:G(()=>d[2]||(d[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"},[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"},":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"),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 attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),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 attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),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"},"#icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ key, 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("template")]),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("key === '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("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"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("key === '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("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"},"v-else"),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("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"},"["),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"},"["),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 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 punctuation"},"}"),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"},"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})}const rI=bn(lI,[["render",uI]]),iI=Tn({setup(){const I=j(["0-0","0-1"]),d=j([]);return{expandedKeys:I,selectedKeys:d,treeData:[{title:"parent 0",key:"0-0",children:[{title:"leaf 0-0",key:"0-0-0",isLeaf:!0},{title:"leaf 0-1",key:"0-0-1",isLeaf:!0}]},{title:"parent 1",key:"0-1",children:[{title:"leaf 1-0",key:"0-1-0",isLeaf:!0},{title:"leaf 1-1",key:"0-1-1",isLeaf:!0}]}]}}});function kI(I,d,u,H,Z,X){const B=x("a-directory-tree"),K=x("demo-box");return P(),un(K,{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:`\u5185\u7F6E\u7684\u76EE\u5F55\u6811\uFF0Cmultiple
\u6A21\u5F0F\u652F\u6301 ctrl(Windows)
/ command(Mac)
\u590D\u9009\u3002
Built-in directory tree. multiple
support ctrl(Windows)
/ command(Mac)
selection.
\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807\u3002
customize collapse/expand icon of tree node
`,order:8,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807","en-US":"Customize collapse/expand icon"},relativePath:"components/tree/demo/switcher-icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgc2hvdy1saW5lCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBEb3duT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgVHJlZVByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIERvd25PdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJ10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBjb25zdCB0cmVlRGF0YTogVHJlZVByb3BzWyd0cmVlRGF0YSddID0gWwogICAgICB7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMScsCiAgICAgICAga2V5OiAnMC0wJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAgICAgICAgICBrZXk6ICcwLTAtMCcsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0wLTAnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0wLTEnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0wLTInLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0xLTAnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTInLAogICAgICAgICAgICBrZXk6ICcwLTAtMicsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0yLTAnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgICAgICAgIGtleTogJzAtMC0yLTEnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIHRyZWVEYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgc2hvdy1saW5lCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+CiAgICA8dGVtcGxhdGUgI3N3aXRjaGVySWNvbj0ieyBzd2l0Y2hlckNscyB9Ij48ZG93bi1vdXRsaW5lZCA6Y2xhc3M9InN3aXRjaGVyQ2xzIiAvPjwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IERvd25PdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBEb3duT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbJzAtMC0wJ10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmKFtdKTsKICAgIGNvbnN0IHRyZWVEYXRhID0gW3sKICAgICAgdGl0bGU6ICdwYXJlbnQgMScsCiAgICAgIGtleTogJzAtMCcsCiAgICAgIGNoaWxkcmVuOiBbewogICAgICAgIHRpdGxlOiAncGFyZW50IDEtMCcsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIGNoaWxkcmVuOiBbewogICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgIGtleTogJzAtMC0wLTAnLAogICAgICAgIH0sIHsKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMC0xJywKICAgICAgICB9LCB7CiAgICAgICAgICB0aXRsZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0wLTAtMicsCiAgICAgICAgfV0sCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogW3sKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMS0wJywKICAgICAgICB9XSwKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAncGFyZW50IDEtMicsCiAgICAgICAga2V5OiAnMC0wLTInLAogICAgICAgIGNoaWxkcmVuOiBbewogICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgIGtleTogJzAtMC0yLTAnLAogICAgICAgIH0sIHsKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMi0xJywKICAgICAgICB9XSwKICAgICAgfV0sCiAgICB9XTsKICAgIHJldHVybiB7CiAgICAgIGV4cGFuZGVkS2V5cywKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICB0cmVlRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:G(()=>[E(K,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=Y=>I.expandedKeys=Y),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=Y=>I.selectedKeys=Y),"show-line":"","tree-data":I.treeData},{switcherIcon:G(({switcherCls:Y})=>[E(B,{class:vc(Y)},null,8,["class"])]),_:1},8,["expandedKeys","selectedKeys","tree-data"])]),htmlCode:G(()=>d[2]||(d[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"},[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"},"show-line"),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 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 attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),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 attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),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")]),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"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(` `),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"},"const"),t(),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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"},"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 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"},"{"),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-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"},"'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"},"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-0'"),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-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-2'"),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-2-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"},"'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-2-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"},"]"),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"},"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(` `),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:G(()=>d[3]||(d[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"},[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"},"show-line"),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 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 attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ switcherCls }"),n("span",{class:"token punctuation"},'"')]),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 attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("switcherCls"),n("span",{class:"token punctuation"},'"')]),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")]),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"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),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(),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"},"["),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"},"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"},"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 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"},"{"),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-2'"),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"},"{"),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"},"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-0'"),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"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 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-2'"),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"},"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-2-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"},"'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-2-1'"),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"},"]"),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(` 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})}const II=bn(gI,[["render",CI]]),AI=Tn({setup(){const I=j(["0-0-0","0-0-1"]),d=j(["0-0-0","0-0-1"]),u=j(["0-0-0","0-0-1"]),H={children:"child",title:"name"},Z=[{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 Hn(I,()=>{console.log("expandedKeys",I)}),Hn(d,()=>{console.log("selectedKeys",d)}),Hn(u,()=>{console.log("checkedKeys",u)}),{expandedKeys:I,selectedKeys:d,checkedKeys:u,fieldNames:H,treeData:j(Z)}}}),hI={key:0,style:{color:"#1890ff"}};function yI(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{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:`\u66FF\u6362treeNode\u4E2D title,key,children\u5B57\u6BB5\u4E3AtreeData\u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5
Replace the title,key and children fields in treeNode with the corresponding fields in treeData.
`,order:9,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5B57\u6BB5","en-US":"ReplaceFields"},relativePath:"components/tree/demo/replaceFields.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgOmZpZWxkLW5hbWVzPSJmaWVsZE5hbWVzIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgbmFtZSwga2V5IH0iPgogICAgICA8c3BhbiB2LWlmPSJrZXkgPT09ICcwLTAtMSciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgbmFtZSB9fTwvc3Bhbj4KICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyBuYW1lIH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwppbXBvcnQgdHlwZSB7IFRyZWVQcm9wcyB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBjaGVja2VkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycwLTAtMCcsICcwLTAtMSddKTsKCiAgICBjb25zdCBmaWVsZE5hbWVzOiBUcmVlUHJvcHNbJ2ZpZWxkTmFtZXMnXSA9IHsKICAgICAgY2hpbGRyZW46ICdjaGlsZCcsCiAgICAgIHRpdGxlOiAnbmFtZScsCiAgICB9OwoKICAgIGNvbnN0IHRyZWVEYXRhOiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10gPSBbCiAgICAgIHsKICAgICAgICBuYW1lOiAncGFyZW50IDEnLAogICAgICAgIGtleTogJzAtMCcsCiAgICAgICAgY2hpbGQ6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+W8oOaZqOaIkCcsCiAgICAgICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICAgICAgZGlzYWJsZWQ6IHRydWUsCiAgICAgICAgICAgIGNoaWxkOiBbCiAgICAgICAgICAgICAgeyBuYW1lOiAnbGVhZicsIGtleTogJzAtMC0wLTAnLCBkaXNhYmxlQ2hlY2tib3g6IHRydWUgfSwKICAgICAgICAgICAgICB7IG5hbWU6ICdsZWFmJywga2V5OiAnMC0wLTAtMScgfSwKICAgICAgICAgICAgXSwKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICdwYXJlbnQgMS0xJywKICAgICAgICAgICAga2V5OiAnMC0wLTEnLAogICAgICAgICAgICBjaGlsZDogW3sga2V5OiAnMC0wLTEtMCcsIG5hbWU6ICd6Y3ZjJyB9XSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF07CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKHNlbGVjdGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWRLZXlzJywgc2VsZWN0ZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goY2hlY2tlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NoZWNrZWRLZXlzJywgY2hlY2tlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICAgIGZpZWxkTmFtZXMsCiAgICAgIHRyZWVEYXRhOiByZWYodHJlZURhdGEpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6ZXhwYW5kZWRLZXlzPSJleHBhbmRlZEtleXMiCiAgICB2LW1vZGVsOnNlbGVjdGVkS2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgdi1tb2RlbDpjaGVja2VkS2V5cz0iY2hlY2tlZEtleXMiCiAgICBjaGVja2FibGUKICAgIDp0cmVlLWRhdGE9InRyZWVEYXRhIgogICAgOmZpZWxkLW5hbWVzPSJmaWVsZE5hbWVzIgogID4KICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgbmFtZSwga2V5IH0iPgogICAgICA8c3BhbiB2LWlmPSJrZXkgPT09ICcwLTAtMSciIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+e3sgbmFtZSB9fTwvc3Bhbj4KICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyBuYW1lIH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IGZpZWxkTmFtZXMgPSB7CiAgICAgIGNoaWxkcmVuOiAnY2hpbGQnLAogICAgICB0aXRsZTogJ25hbWUnLAogICAgfTsKICAgIGNvbnN0IHRyZWVEYXRhID0gW3sKICAgICAgbmFtZTogJ3BhcmVudCAxJywKICAgICAga2V5OiAnMC0wJywKICAgICAgY2hpbGQ6IFt7CiAgICAgICAgbmFtZTogJ+W8oOaZqOaIkCcsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIGRpc2FibGVkOiB0cnVlLAogICAgICAgIGNoaWxkOiBbewogICAgICAgICAgbmFtZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0wLTAtMCcsCiAgICAgICAgICBkaXNhYmxlQ2hlY2tib3g6IHRydWUsCiAgICAgICAgfSwgewogICAgICAgICAgbmFtZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0wLTAtMScsCiAgICAgICAgfV0sCiAgICAgIH0sIHsKICAgICAgICBuYW1lOiAncGFyZW50IDEtMScsCiAgICAgICAga2V5OiAnMC0wLTEnLAogICAgICAgIGNoaWxkOiBbewogICAgICAgICAga2V5OiAnMC0wLTEtMCcsCiAgICAgICAgICBuYW1lOiAnemN2YycsCiAgICAgICAgfV0sCiAgICAgIH1dLAogICAgfV07CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKHNlbGVjdGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWRLZXlzJywgc2VsZWN0ZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goY2hlY2tlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NoZWNrZWRLZXlzJywgY2hlY2tlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICAgIGZpZWxkTmFtZXMsCiAgICAgIHRyZWVEYXRhOiByZWYodHJlZURhdGEpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[E(B,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=b=>I.expandedKeys=b),selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[1]||(d[1]=b=>I.selectedKeys=b),checkedKeys:I.checkedKeys,"onUpdate:checkedKeys":d[2]||(d[2]=b=>I.checkedKeys=b),checkable:"","tree-data":I.treeData,"field-names":I.fieldNames},{title:G(({name:b,key:Y})=>[Y==="0-0-1"?(P(),mn("span",hI,Kn(b),1)):(P(),mn(Ht,{key:1},[t(Kn(b),1)],64))]),_:1},8,["expandedKeys","selectedKeys","checkedKeys","tree-data","field-names"])]),htmlCode:G(()=>d[3]||(d[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"},[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"},"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"},":field-names"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("fieldNames"),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("{ name, key }"),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("key === '0-0-1'"),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"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),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"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),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")]),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(" type "),n("span",{class:"token punctuation"},"{"),t(" TreeProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(` `),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(),n("span",{class:"token literal-property property"},"fieldNames"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'fieldNames'"),n("span",{class:"token punctuation"},"]"),t(),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(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'treeData'"),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(` fieldNames`),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:G(()=>d[4]||(d[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"},[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"},"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"},":field-names"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("fieldNames"),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("{ name, key }"),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("key === '0-0-1'"),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"},"color"),n("span",{class:"token punctuation"},":"),t(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),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"},"v-else"),n("span",{class:"token punctuation"},">")]),t("{{ name }}"),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")]),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"},"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(" fieldNames "),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"},"["),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"},"["),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"},"["),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"},"]"),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'"),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"},"]"),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("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(` fieldNames`),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})}const fI=bn(AI,[["render",yI]]),mI=[{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"}]}]}],bI=Tn({setup(){const I=(u,H)=>{console.log(`treeKey: ${u}, menuKey: ${H}`)},d=j(["0-0-0","0-0-1"]);return Hn(d,()=>{console.log("expandedKeys",d)}),{treeData:mI,onContextMenuClick:I,expandedKeys:d}}});function wI(I,d,u,H,Z,X){const B=x("a-menu-item"),K=x("a-menu"),b=x("a-dropdown"),Y=x("a-tree"),rn=x("demo-box");return P(),un(rn,{jsfiddle:{us:"Custom display the context menu",cn:"\u81EA\u5B9A\u4E49\u5C55\u793A\u53F3\u952E\u83DC\u5355",docHtml:`\u81EA\u5B9A\u4E49\u5C55\u793A\u53F3\u952E\u83DC\u5355
Custom display the context menu
`,order:9,title:{"zh-CN":"\u53F3\u952E\u83DC\u5355","en-US":"Context Menu"},relativePath:"components/tree/demo/context-menu.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyBrZXk6IHRyZWVLZXksIHRpdGxlIH0iPgogICAgICA8YS1kcm9wZG93biA6dHJpZ2dlcj0iWydjb250ZXh0bWVudSddIj4KICAgICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgICA8dGVtcGxhdGUgI292ZXJsYXk+CiAgICAgICAgICA8YS1tZW51IEBjbGljaz0iKHsga2V5OiBtZW51S2V5IH0pID0+IG9uQ29udGV4dE1lbnVDbGljayh0cmVlS2V5LCBtZW51S2V5KSI+CiAgICAgICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjEiPjFzdCBtZW51IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIyIj4ybmQgbWVudSBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMyI+M3JkIG1lbnUgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICA8L2EtbWVudT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L2EtZHJvcGRvd24+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCB3YXRjaCwgcmVmIH0gZnJvbSAndnVlJzsKCmNvbnN0IHRyZWVEYXRhID0gWwogIHsKICAgIHRpdGxlOiAnMC0wJywKICAgIGtleTogJzAtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdGl0bGU6ICcwLTAtMCcsCiAgICAgICAga2V5OiAnMC0wLTAnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMCcsIGtleTogJzAtMC0wLTAnIH0sCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMScsIGtleTogJzAtMC0wLTEnIH0sCiAgICAgICAgICB7IHRpdGxlOiAnMC0wLTAtMicsIGtleTogJzAtMC0wLTInIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnMC0wLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTAnLCBrZXk6ICcwLTAtMS0wJyB9LAogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTEnLCBrZXk6ICcwLTAtMS0xJyB9LAogICAgICAgICAgeyB0aXRsZTogJzAtMC0xLTInLCBrZXk6ICcwLTAtMS0yJyB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvbkNvbnRleHRNZW51Q2xpY2sgPSAodHJlZUtleTogc3RyaW5nLCBtZW51S2V5OiBzdHJpbmcgfCBudW1iZXIpID0+IHsKICAgICAgY29uc29sZS5sb2coYHRyZWVLZXk6ICR7dHJlZUtleX0sIG1lbnVLZXk6ICR7bWVudUtleX1gKTsKICAgIH07CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CgogICAgd2F0Y2goZXhwYW5kZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdleHBhbmRlZEtleXMnLCBleHBhbmRlZEtleXMpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB0cmVlRGF0YSwKICAgICAgb25Db250ZXh0TWVudUNsaWNrLAogICAgICBleHBhbmRlZEtleXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlPjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUgdi1tb2RlbDpleHBhbmRlZEtleXM9ImV4cGFuZGVkS2V5cyIgOnRyZWUtZGF0YT0idHJlZURhdGEiPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyBrZXk6IHRyZWVLZXksIHRpdGxlIH0iPgogICAgICA8YS1kcm9wZG93biA6dHJpZ2dlcj0iWydjb250ZXh0bWVudSddIj4KICAgICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgICA8dGVtcGxhdGUgI292ZXJsYXk+CiAgICAgICAgICA8YS1tZW51IEBjbGljaz0iKHsga2V5OiBtZW51S2V5IH0pID0+IG9uQ29udGV4dE1lbnVDbGljayh0cmVlS2V5LCBtZW51S2V5KSI+CiAgICAgICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjEiPjFzdCBtZW51IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIyIj4ybmQgbWVudSBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMyI+M3JkIG1lbnUgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICA8L2EtbWVudT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L2EtZHJvcGRvd24+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHdhdGNoLCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCB0cmVlRGF0YSA9IFt7CiAgdGl0bGU6ICcwLTAnLAogIGtleTogJzAtMCcsCiAgY2hpbGRyZW46IFt7CiAgICB0aXRsZTogJzAtMC0wJywKICAgIGtleTogJzAtMC0wJywKICAgIGNoaWxkcmVuOiBbewogICAgICB0aXRsZTogJzAtMC0wLTAnLAogICAgICBrZXk6ICcwLTAtMC0wJywKICAgIH0sIHsKICAgICAgdGl0bGU6ICcwLTAtMC0xJywKICAgICAga2V5OiAnMC0wLTAtMScsCiAgICB9LCB7CiAgICAgIHRpdGxlOiAnMC0wLTAtMicsCiAgICAgIGtleTogJzAtMC0wLTInLAogICAgfV0sCiAgfSwgewogICAgdGl0bGU6ICcwLTAtMScsCiAgICBrZXk6ICcwLTAtMScsCiAgICBjaGlsZHJlbjogW3sKICAgICAgdGl0bGU6ICcwLTAtMS0wJywKICAgICAga2V5OiAnMC0wLTEtMCcsCiAgICB9LCB7CiAgICAgIHRpdGxlOiAnMC0wLTEtMScsCiAgICAgIGtleTogJzAtMC0xLTEnLAogICAgfSwgewogICAgICB0aXRsZTogJzAtMC0xLTInLAogICAgICBrZXk6ICcwLTAtMS0yJywKICAgIH1dLAogIH1dLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ29udGV4dE1lbnVDbGljayA9ICh0cmVlS2V5LCBtZW51S2V5KSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGB0cmVlS2V5OiAke3RyZWVLZXl9LCBtZW51S2V5OiAke21lbnVLZXl9YCk7CiAgICB9OwogICAgY29uc3QgZXhwYW5kZWRLZXlzID0gcmVmKFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhLAogICAgICBvbkNvbnRleHRNZW51Q2xpY2ssCiAgICAgIGV4cGFuZGVkS2V5cywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGU+PC9zdHlsZT4="}},{default:G(()=>[E(Y,{expandedKeys:I.expandedKeys,"onUpdate:expandedKeys":d[0]||(d[0]=M=>I.expandedKeys=M),"tree-data":I.treeData},{title:G(({key:M,title:z})=>[E(b,{trigger:["contextmenu"]},{overlay:G(()=>[E(K,{onClick:({key:en})=>I.onContextMenuClick(M,en)},{default:G(()=>[E(B,{key:"1"},{default:G(()=>d[1]||(d[1]=[t("1st menu item")])),_:1,__:[1]}),E(B,{key:"2"},{default:G(()=>d[2]||(d[2]=[t("2nd menu item")])),_:1,__:[2]}),E(B,{key:"3"},{default:G(()=>d[3]||(d[3]=[t("3rd menu item")])),_:1,__:[3]})]),_:2},1032,["onClick"])]),default:G(()=>[n("span",null,Kn(z),1)]),_:2},1024)]),_:1},8,["expandedKeys","tree-data"])]),htmlCode:G(()=>d[4]||(d[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"},[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"},":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"},'"')]),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 operator"},"|"),t(" number")]),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:G(()=>d[5]||(d[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"},[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"},":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"},'"')]),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"},"["),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"},"["),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"},"["),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"},"]"),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"},"["),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"},"]"),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"},"]"),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})}const ZI=bn(bI,[["render",wI]]);function xc(I="0",d=3){const u=[];for(let H=0;H<10;H+=1){const Z=`${I}-${H}`,X={title:Z,key:Z};d>0&&(X.children=xc(Z,d-1)),u.push(X)}return u}const vI=Tn({setup(){const I=j(["0-0-0","0-0-1"]),d=j(["0-0-0","0-0-1"]);return Hn(I,()=>{console.log("selectedKeys",I)}),Hn(d,()=>{console.log("checkedKeys",d)}),{treeData:xc(),selectedKeys:I,checkedKeys:d}}}),GI={key:0,style:{color:"#1890ff"}};function BI(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{jsfiddle:{us:"Use virtual list through `height` prop.",cn:"\u4F7F\u7528 `height` \u5C5E\u6027\u5219\u5207\u6362\u4E3A\u865A\u62DF\u6EDA\u52A8\u3002",docHtml:`\u4F7F\u7528 height
\u5C5E\u6027\u5219\u5207\u6362\u4E3A\u865A\u62DF\u6EDA\u52A8\u3002
Use virtual list through height
prop.
-1;)i!==s&&Es.call(i,g,1),Es.call(s,g,1);return s}function pp(s,a){for(var e=s?a.length:0,o=e-1;e--;){var p=a[e];if(e==o||p!==l){var l=p;kt(p)?Es.call(s,p,1):re(s,p)}}return s}function ce(s,a){return s+Ms(Do()*(a-s+1))}function Xr(s,a,e,o){for(var p=-1,l=ln(zs((a-s)/(e||1)),0),r=C(l);l--;)r[o?l:++p]=s,s+=e;return r}function le(s,a){var e="";if(!s||a<1||a>It)return e;do a%2&&(e+=s),a=Ms(a/2),a&&(s+=s);while(a);return e}function D(s,a){return ve(Hp(s,a,Bn),s+"")}function Lr(s){return _o(ns(s))}function Hr(s,a){var e=ns(s);return ra(e,Vt(a,0,e.length))}function ys(s,a,e,o){if(!sn(s))return s;a=wt(a,s);for(var p=-1,l=a.length,r=l-1,i=s;i!=null&&++p >>1,r=s[l];r!==null&&!Sn(r)&&(e?r<=a:r=Z){var h=a?null:jr(s);if(h)return Hs(h);r=!1,p=us,g=new Rt}else g=a?[]:i;n:for(;++o -1?p[l?a[r]:r]:u}}function wp(s){return it(function(a){var e=a.length,o=e,p=Fn.prototype.thru;for(s&&a.reverse();o--;){var l=a[o];if(typeof l!="function")throw new Dn(B);if(p&&!r&&la(l)=="wrapper")var r=new Fn([],!0)}for(o=r?o:e;++o a){var o=s;s=a,a=o}if(e||s%1||a%1){var p=Do();return In(s+p*(a-s+Ul("1e-"+((p+"").length-1))),a)}return ce(s,a)}var Ag=Qt(function(s,a,e){return a=a.toLowerCase(),s+(e?Ac(a):a)});function Ac(s){return Xe(O(s).toLowerCase())}function hc(s){return s=O(s),s&&s.replace(yl,cu).replace(Yl,"")}function hg(s,a,e){s=O(s),a=xn(a);var o=s.length;e=e===u?o:Vt(T(e),0,o);var p=e;return e-=a.length,e>=0&&s.slice(e,p)==a}function yg(s){return s=O(s),s&&$c.test(s)?s.replace(Ue,lu):s}function fg(s){return s=O(s),s&&ol.test(s)?s.replace(Wa,"\\$&"):s}var mg=Qt(function(s,a,e){return s+(e?"-":"")+a.toLowerCase()}),bg=Qt(function(s,a,e){return s+(e?" ":"")+a.toLowerCase()}),wg=mp("toLowerCase");function Zg(s,a,e){s=O(s),a=T(a);var o=a?Et(s):0;if(!a||o>=a)return s;var p=(a-o)/2;return pa(Ms(p),e)+s+pa(zs(p),e)}function vg(s,a,e){s=O(s),a=T(a);var o=a?Et(s):0;return a&&o>>0,e?(s=O(s),s&&(typeof a=="string"||a!=null&&!Ve(a))&&(a=xn(a),!a&&_t(s))?Zt(Un(s),0,e):s.split(a,e)):[]}var xg=Qt(function(s,a,e){return s+(e?" ":"")+Xe(a)});function Sg(s,a,e){return s=O(s),e=e==null?0:Vt(T(e),0,s.length),a=xn(a),s.slice(e,e+a.length)==a}function Xg(s,a,e){var o=c.templateSettings;e&&yn(s,a,e)&&(a=u),s=O(s),a=ha({},a,o,Kp);var p=ha({},a.imports,o.imports,Kp),l=dn(p),r=Pa(p,l),i,g,h=0,y=a.interpolate||Vs,f="__p += '",m=Ma((a.escape||Vs).source+"|"+y.source+"|"+(y===Oe?dl:Vs).source+"|"+(a.evaluate||Vs).source+"|$","g"),v="//# sourceURL="+(Q.call(a,"sourceURL")?(a.sourceURL+"").replace(/\s/g," "):"lodash.templateSources["+ ++_l+"]")+`
`;s.replace(m,function(V,F,_,Xn,fn,Ln){return _||(_=Xn),f+=s.slice(h,Ln).replace(fl,uu),F&&(i=!0,f+=`' +
__e(`+F+`) +
'`),fn&&(g=!0,f+=`';
`+fn+`;
__p += '`),_&&(f+=`' +
((__t = (`+_+`)) == null ? '' : __t) +
'`),h=Ln+V.length,V}),f+=`';
`;var R=Q.call(a,"variable")&&a.variable;if(!R)f=`with (obj) {
`+f+`
}
`;else if(il.test(R))throw new S(K);f=(g?f.replace(Oc,""):f).replace(jc,"$1").replace(Qc,"$1;"),f="function("+(R||"obj")+`) {
`+(R?"":`obj || (obj = {});
`)+"var __t, __p = ''"+(i?", __e = _.escape":"")+(g?`, __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
`:`;
`)+f+`return __p
}`;var N=fc(function(){return U(l,v+"return "+f).apply(u,r)});if(N.source=f,Re(N))throw N;return N}function Lg(s){return O(s).toLowerCase()}function Hg(s){return O(s).toUpperCase()}function Tg(s,a,e){if(s=O(s),s&&(e||a===u))return Wo(s);if(!s||!(a=xn(a)))return s;var o=Un(s),p=Un(a),l=Ro(o,p),r=Vo(o,p)+1;return Zt(o,l,r).join("")}function Yg(s,a,e){if(s=O(s),s&&(e||a===u))return s.slice(0,So(s)+1);if(!s||!(a=xn(a)))return s;var o=Un(s),p=Vo(o,Un(a))+1;return Zt(o,0,p).join("")}function Ng(s,a,e){if(s=O(s),s&&(e||a===u))return s.replace(Ra,"");if(!s||!(a=xn(a)))return s;var o=Un(s),p=Ro(o,Un(a));return Zt(o,p).join("")}function Dg(s,a){var e=Sc,o=Xc;if(sn(a)){var p="separator"in a?a.separator:p;e="length"in a?T(a.length):e,o="omission"in a?xn(a.omission):o}s=O(s);var l=s.length;if(_t(s)){var r=Un(s);l=r.length}if(e>=l)return s;var i=e-Et(o);if(i<1)return o;var g=r?Zt(r,0,i).join(""):s.slice(0,i);if(p===u)return g+o;if(r&&(i+=g.length-i),Ve(p)){if(s.slice(i).search(p)){var h,y=g;for(p.global||(p=Ma(p.source,O(je.exec(p))+"g")),p.lastIndex=0;h=p.exec(y);)var f=h.index;g=g.slice(0,f===u?i:f)}}else if(s.indexOf(xn(p),i)!=i){var m=g.lastIndexOf(p);m>-1&&(g=g.slice(0,m))}return g+o}function Fg(s){return s=O(s),s&&qc.test(s)?s.replace(Me,Iu):s}var Jg=Qt(function(s,a,e){return s+(e?" ":"")+a.toUpperCase()}),Xe=mp("toUpperCase");function yc(s,a,e){return s=O(s),a=e?u:a,a===u?iu(s)?yu(s):su(s):s.match(a)||[]}var fc=D(function(s,a){try{return Rn(s,u,a)}catch(e){return Re(e)?e:new S(e)}}),_g=it(function(s,a){return Nn(a,function(e){e=at(e),ut(s,e,Ke(s[e],s))}),s});function Eg(s){var a=s==null?0:s.length,e=W();return s=a?tn(s,function(o){if(typeof o[1]!="function")throw new Dn(B);return[e(o[0]),o[1]]}):[],D(function(o){for(var p=-1;++pIt)return[];var e=nt,o=In(s,nt);a=W(a),s-=nt;for(var p=Ea(o,a);++e \u540C\u4E00\u7EA7\u7684\u8282\u70B9\uFF0C\u6BCF\u6B21\u53EA\u80FD\u5C55\u5F00\u4E00\u4E2A Nodes of the same level can only be expanded one \u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002 \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 \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 \u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002 \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 \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 A hierarchical list structure component. Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The File icon realize by using switcherIcon. You can overwrite the style to hide it A hierarchical list structure component. Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The File icon realize by using switcherIcon. You can overwrite the style to hide it0||a<0)?new J(e):(s<0?e=e.takeRight(-s):s&&(e=e.drop(s)),a!==u&&(a=T(a),e=a<0?e.dropRight(-a):e.take(a-s)),e)},J.prototype.takeRightWhile=function(s){return this.reverse().takeWhile(s).reverse()},J.prototype.toArray=function(){return this.take(nt)},tt(J.prototype,function(s,a){var e=/^(?:filter|find|map|reject)|While$/.test(a),o=/^(?:head|last)$/.test(a),p=c[o?"take"+(a=="last"?"Right":""):a],l=o||/^find/.test(a);!p||(c.prototype[a]=function(){var r=this.__wrapped__,i=o?[1]:arguments,g=r instanceof J,h=i[0],y=g||L(r),f=function(F){var _=p.apply(c,ht([F],i));return o&&m?_[0]:_};y&&e&&typeof h=="function"&&h.length!=1&&(g=y=!1);var m=this.__chain__,v=!!this.__actions__.length,R=l&&!m,N=g&&!v;if(!l&&y){r=N?r:new J(this);var V=s.apply(r,i);return V.__actions__.push({func:ia,args:[f],thisArg:u}),new Fn(V,m)}return R&&N?s.apply(this,i):(V=this.thru(f),R?o?V.value()[0]:V.value():V)})}),Nn(["pop","push","shift","sort","splice","unshift"],function(s){var a=Ts[s],e=/^(?:push|sort|unshift)$/.test(s)?"tap":"thru",o=/^(?:pop|shift)$/.test(s);c.prototype[s]=function(){var p=arguments;if(o&&!this.__chain__){var l=this.value();return a.apply(L(l)?l:[],p)}return this[e](function(r){return a.apply(L(r)?r:[],p)})}}),tt(J.prototype,function(s,a){var e=c[a];if(e){var o=e.name+"";Q.call(Ut,o)||(Ut[o]=[]),Ut[o].push({name:a,func:e})}}),Ut[ea(u,et).name]=[{name:"wrapper",func:u}],J.prototype.clone=Fu,J.prototype.reverse=Ju,J.prototype.value=_u,c.prototype.at=hk,c.prototype.chain=yk,c.prototype.commit=fk,c.prototype.next=mk,c.prototype.plant=wk,c.prototype.reverse=Zk,c.prototype.toJSON=c.prototype.valueOf=c.prototype.value=vk,c.prototype.first=c.prototype.head,rs&&(c.prototype[rs]=bk),c},Pt=fu();Bt?((Bt.exports=Pt)._=Pt,Ha._=Pt):gn._=Pt}).call(Zs)})(Je,Je.exports);const WI=Je.exports,wc=[{title:"parent 1",key:"0-0",children:[{title:"parent 1-0",key:"0-0-0",children:[{title:"leaf",key:"0-0-0-0"},{title:"leaf",key:"0-0-0-1"}]},{title:"parent 1-1",key:"0-0-1",children:[{key:"0-0-1-0",title:"sss"}]}]},{title:"parent 2",key:"1-0",children:[{title:"parent 2-0",key:"1-0-0"},{title:"parent 2-1",key:"2-0-1"}]}],RI=Tn({setup(){const I=j([]),d=j(["0-0-0","0-0-1"]),u=j(["0-0-0","0-0-1"]);return Hn(I,()=>{console.log("expandedKeys",I)}),Hn(d,()=>{console.log("selectedKeys",d)}),Hn(u,()=>{console.log("checkedKeys",u)}),{treeData:wc,expandedKeys:I,selectedKeys:d,checkedKeys:u,handleExpand:(Z,{expanded:X,node:B})=>{const K=((B.parent?B.parent.children:wc)||[]).map(({key:b})=>b);X?I.value=WI.difference(Z,K).concat(B.key):I.value=Z}}}}),VI={key:0,style:{color:"#1890ff"}};function xI(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{jsfiddle:{us:"Nodes of the same level can only be expanded one",cn:"\u540C\u4E00\u7EA7\u7684\u8282\u70B9\uFF0C\u6BCF\u6B21\u53EA\u80FD\u5C55\u5F00\u4E00\u4E2A",docHtml:`zh-CN
en-US
\u4F55\u65F6\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\u3002API
Tree props
\u53C2\u6570
\u8BF4\u660E
\u7C7B\u578B
\u9ED8\u8BA4\u503C
\u7248\u672C
autoExpandParent
\u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9
boolean
false
blockNode
\u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884C
boolean
false
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
\u548CcheckStrictly
\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709checked
\u548ChalfChecked
\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054string[] | 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="data.length"\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[]
[]
fieldNames
\u66FF\u6362 treeNode \u4E2D title,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5
object
{children:'children', title:'title', key:'key' }
3.0.0
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\u7528string[] | 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
showLine
\u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBF
boolean | {showLeafIcon: boolean}(3.0+)
false
switcherIcon
\u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807
v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"
-
title
\u81EA\u5B9A\u4E49\u6807\u9898
slot
2.0.0
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
TreeNode[]
--
virtual
\u8BBE\u7F6E false \u65F6\u5173\u95ED\u865A\u62DF\u6EDA\u52A8
boolean
true
3.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})
Tree \u65B9\u6CD5
\u540D\u79F0
\u8BF4\u660E
scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number })
\u865A\u62DF\u6EDA\u52A8\u4E0B\uFF0C\u6EDA\u52A8\u5230\u6307\u5B9A key \u6761\u76EE
TreeNode
\u53C2\u6570
\u8BF4\u660E
\u7C7B\u578B
\u9ED8\u8BA4\u503C
\u7248\u672C
checkable
\u5F53\u6811\u4E3A checkable \u65F6\uFF0C\u8BBE\u7F6E\u72EC\u7ACB\u8282\u70B9\u662F\u5426\u5C55\u793A Checkbox
boolean
-
class
\u8282\u70B9\u7684 class
string
-
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
style
\u8282\u70B9\u7684 style
string|object
-
title
\u6807\u9898
string
'---'
DirectoryTree props
\u53C2\u6570
\u8BF4\u660E
\u7C7B\u578B
\u9ED8\u8BA4\u503C
expandAction
\u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009
false
'click'
'dblclick'
string
click
FAQ
\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F
\u4F55\u65F6\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\u3002API
Tree props
\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C \u7248\u672C autoExpandParent \u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9 boolean false blockNode \u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884C boolean false 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
\u548CcheckStrictly
\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709checked
\u548ChalfChecked
\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054string[] | 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="data.length"\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[] [] fieldNames \u66FF\u6362 treeNode \u4E2D title,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5 object {children:'children', title:'title', key:'key' } 3.0.0 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\u7528string[] | 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 showLine \u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBF boolean | {showLeafIcon: boolean}(3.0+) false switcherIcon \u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807 v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}" - title \u81EA\u5B9A\u4E49\u6807\u9898 slot 2.0.0 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 TreeNode[] -- virtual \u8BBE\u7F6E false \u65F6\u5173\u95ED\u865A\u62DF\u6EDA\u52A8 boolean true 3.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}) Tree \u65B9\u6CD5
\u540D\u79F0 \u8BF4\u660E scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number }) \u865A\u62DF\u6EDA\u52A8\u4E0B\uFF0C\u6EDA\u52A8\u5230\u6307\u5B9A key \u6761\u76EE TreeNode
\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C \u7248\u672C checkable \u5F53\u6811\u4E3A checkable \u65F6\uFF0C\u8BBE\u7F6E\u72EC\u7ACB\u8282\u70B9\u662F\u5426\u5C55\u793A Checkbox boolean - class \u8282\u70B9\u7684 class string - 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 style \u8282\u70B9\u7684 style string|object - title \u6807\u9898 string '---' DirectoryTree props
\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C expandAction \u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009 false
'click'
'dblclick'
string click FAQ
\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F
When To Use
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
autoExpandParent
Whether to automatically expand a parent treeNode
boolean
false
blockNode
Whether treeNode fill remaining horizontal space
boolean
false
checkable
Adds a
Checkbox
before the treeNodesboolean
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'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 > 8)
boolean
false
expandedKeys(v-model)
(Controlled) Specifies the keys of the expanded treeNodes
string[] | number[]
[]
fieldNames
Replace the title,key and children fields in treeNode with the corresponding fields in treeData
object
{ children:'children', title:'title', key:'key' }
3.0.0
filterTreeNode
Defines a function to filter (highlight) treeNodes. When the function returns
true
, the corresponding treeNode will be highlightedfunction(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's title. There is no default style; you must set a custom style for it if set to
true
boolean
false
showLine
Shows a connecting line
boolean | {showLeafIcon: boolean}(3.0+)
false
switcherIcon
customize collapse/expand icon of tree node
v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"
-
title
custom title
slot
2.0.0
treeData
treeNode of tree, please use
treeNodes
before v1.1.4TreeNode[]
-
virtual
Disable virtual scroll when set to false
boolean
true
3.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})
Tree Methods
Name
Description
scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number })
Scroll to key item in virtual scroll
TreeNode
Property
Description
Type
Default
Version
checkable
When Tree is checkable, set TreeNode display Checkbox or not
boolean
-
class
className
string
-
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
style
style
string|object
-
title
Title
string
'---'
DirectoryTree props
Property
Description
Type
Default
expandAction
Directory open logic, optional
false
'click'
'dblclick'
string
click
FAQ
How to hide file icon when use showLine?
When To Use
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 autoExpandParent Whether to automatically expand a parent treeNode boolean false blockNode Whether treeNode fill remaining horizontal space boolean false checkable Adds a Checkbox
before the treeNodesboolean 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'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 > 8) boolean false expandedKeys(v-model) (Controlled) Specifies the keys of the expanded treeNodes string[] | number[] [] fieldNames Replace the title,key and children fields in treeNode with the corresponding fields in treeData object { children:'children', title:'title', key:'key' } 3.0.0 filterTreeNode Defines a function to filter (highlight) treeNodes. When the function returns true
, the corresponding treeNode will be highlightedfunction(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's title. There is no default style; you must set a custom style for it if set to true
boolean false showLine Shows a connecting line boolean | {showLeafIcon: boolean}(3.0+) false switcherIcon customize collapse/expand icon of tree node v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}" - title custom title slot 2.0.0 treeData treeNode of tree, please use treeNodes
before v1.1.4TreeNode[] - virtual Disable virtual scroll when set to false boolean true 3.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}) Tree Methods
Name Description scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number }) Scroll to key item in virtual scroll TreeNode
Property Description Type Default Version checkable When Tree is checkable, set TreeNode display Checkbox or not boolean - class className string - 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 style style string|object - title Title string '---' DirectoryTree props
Property Description Type Default expandAction Directory open logic, optional false
'click'
'dblclick'
string click FAQ
How to hide file icon when use showLine?