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:`

zh-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

en-US

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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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(Z[b].children=[],Kc(B,K,Z[b].children)))};Kc(FC);const JC=Tn({setup(){const I=j(["0-0","0-0-0","0-0-0-0"]),d=j(Bc);return{expandedKeys:I,gData:d,onDragEnter:Z=>{console.log(Z)},onDrop:Z=>{console.log(Z);const X=Z.node.key,B=Z.dragNode.key,K=Z.node.pos.split("-"),b=Z.dropPosition-Number(K[K.length-1]),Y=(z,en,wn)=>{z.forEach((Wn,kn)=>{if(Wn.key===en)return wn(Wn,kn,z);if(Wn.children)return Y(Wn.children,en,wn)})},rn=[...d.value];let M;if(Y(rn,B,(z,en,wn)=>{wn.splice(en,1),M=z}),!Z.dropToGap)Y(rn,X,z=>{z.children=z.children||[],z.children.unshift(M)});else if((Z.node.children||[]).length>0&&Z.node.expanded&&b===1)Y(rn,X,z=>{z.children=z.children||[],z.children.unshift(M)});else{let z=[],en=0;Y(rn,X,(wn,Wn,kn)=>{z=kn,en=Wn}),b===-1?z.splice(en,0,M):z.splice(en+1,0,M)}d.value=rn}}}});function _C(I,d,u,H,Z,X){const B=x("a-tree"),K=x("demo-box");return P(),un(K,{jsfiddle:{us:"Drag treeNode to insert after the other treeNode or insert into the other parent TreeNode.",cn:"\u5C06\u8282\u70B9\u62D6\u62FD\u5230\u5176\u4ED6\u8282\u70B9\u5185\u90E8\u6216\u524D\u540E\u3002",docHtml:`

zh-CN

\u5C06\u8282\u70B9\u62D6\u62FD\u5230\u5176\u4ED6\u8282\u70B9\u5185\u90E8\u6216\u524D\u540E\u3002

en-US

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(` `),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(` `)])],-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(` `),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(` `)])],-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:`

zh-CN

\u70B9\u51FB\u5C55\u5F00\u8282\u70B9\uFF0C\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002

en-US

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(` `),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(` `)])],-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(` `),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(` `)])],-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(Z[b].children=[],Wc(B,K,Z[b].children)))};Wc(jC);const Rc=[],Vc=I=>{for(let d=0;d{let u;for(let H=0;HX.key===I)?u=Z.key:Fe(I,Z.children)&&(u=Fe(I,Z.children)))}return u},QC=Tn({setup(){const I=j([]),d=j(""),u=j(!0),H=j(_e),Z=X=>{I.value=X,u.value=!1};return Hn(d,X=>{const B=Rc.map(K=>K.title.indexOf(X)>-1?Fe(K.key,H.value):null).filter((K,b,Y)=>K&&Y.indexOf(K)===b);I.value=B,d.value=X,u.value=!0}),{expandedKeys:I,searchValue:d,autoExpandParent:u,gData:H,onExpand:Z}}}),qC={key:0},$C={style:{color:"#f50"}},nI={key:1};function tI(I,d,u,H,Z,X){const B=x("a-input-search"),K=x("a-tree"),b=x("demo-box");return P(),un(b,{jsfiddle:{us:"Searchable Tree.",cn:"\u53EF\u641C\u7D22\u7684\u6811\u3002",docHtml:`

zh-CN

\u53EF\u641C\u7D22\u7684\u6811\u3002

en-US

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(` {{ title.substr(title.indexOf(searchValue) + searchValue.length) }} `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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(` {{ title.substr(title.indexOf(searchValue) + searchValue.length) }} `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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:`

zh-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

en-US

Tree with connected line between nodes, turn on by showLine, customize the preseted icon by switcherIcon.

`,order:5,title:{"zh-CN":"\u8FDE\u63A5\u7EBF","en-US":"Tree With Line"},relativePath:"components/tree/demo/line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgc2hvd0xpbmU6CiAgICAgIDxhLXN3aXRjaCB2LW1vZGVsOmNoZWNrZWQ9InNob3dMaW5lIiAvPgogICAgICA8YnIgLz4KICAgICAgPGJyIC8+CiAgICAgIHNob3dJY29uOgogICAgICA8YS1zd2l0Y2ggdi1tb2RlbDpjaGVja2VkPSJzaG93SWNvbiIgLz4KICAgIDwvZGl2PgogICAgPGEtdHJlZQogICAgICA6c2hvdy1saW5lPSJzaG93TGluZSIKICAgICAgOnNob3ctaWNvbj0ic2hvd0ljb24iCiAgICAgIDpkZWZhdWx0LWV4cGFuZGVkLWtleXM9IlsnMC0wLTAnXSIKICAgICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICAgIEBzZWxlY3Q9Im9uU2VsZWN0IgogICAgPgogICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgZGF0YVJlZiB9Ij4KICAgICAgICA8dGVtcGxhdGUgdi1pZj0iZGF0YVJlZi5rZXkgPT09ICcwLTAtMC0xJyI+CiAgICAgICAgICA8ZGl2Pm11bHRpcGxlIGxpbmUgdGl0bGU8L2Rpdj4KICAgICAgICAgIDxkaXY+bXVsdGlwbGUgbGluZSB0aXRsZTwvZGl2PgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyBkYXRhUmVmLnRpdGxlIH19PC90ZW1wbGF0ZT4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNzd2l0Y2hlckljb249InsgZGF0YVJlZiwgZGVmYXVsdEljb24gfSI+CiAgICAgICAgPFNtaWxlVHdvVG9uZSB2LWlmPSJkYXRhUmVmLmtleSA9PT0gJzAtMC0yJyIgLz4KICAgICAgICA8Y29tcG9uZW50IDppcz0iZGVmYXVsdEljb24iIHYtZWxzZSAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXRyZWU+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBDYXJyeU91dE91dGxpbmVkLCBTbWlsZVR3b1RvbmUgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgdHlwZSB7IFRyZWVQcm9wcyB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIENhcnJ5T3V0T3V0bGluZWQsCiAgICBTbWlsZVR3b1RvbmUsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IHNob3dMaW5lID0gcmVmPGJvb2xlYW4+KHRydWUpOwogICAgY29uc3Qgc2hvd0ljb24gPSByZWY8Ym9vbGVhbj4oZmFsc2UpOwogICAgY29uc3QgdHJlZURhdGEgPSByZWY8VHJlZVByb3BzWyd0cmVlRGF0YSddPihbCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxJywKICAgICAgICBrZXk6ICcwLTAnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHRpdGxlOiAncGFyZW50IDEtMCcsCiAgICAgICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgICAgICB7IHRpdGxlOiAnbGVhZicsIGtleTogJzAtMC0wLTAnIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAga2V5OiAnMC0wLTAtMScsCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICB7IHRpdGxlOiAnbGVhZicsIGtleTogJzAtMC0wLTInIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMS0wJyB9XSwKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIHRpdGxlOiAncGFyZW50IDEtMicsCiAgICAgICAgICAgIGtleTogJzAtMC0yJywKICAgICAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgICAgICB7IHRpdGxlOiAnbGVhZiAxJywga2V5OiAnMC0wLTItMCcgfSwKICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICB0aXRsZTogJ2xlYWYgMicsCiAgICAgICAgICAgICAgICBrZXk6ICcwLTAtMi0xJywKICAgICAgICAgICAgICB9LAogICAgICAgICAgICBdLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMicsCiAgICAgICAga2V5OiAnMC0xJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ3BhcmVudCAyLTAnLAogICAgICAgICAgICBrZXk6ICcwLTEtMCcsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTEtMC0wJyB9LAogICAgICAgICAgICAgIHsgdGl0bGU6ICdsZWFmJywga2V5OiAnMC0xLTAtMScgfSwKICAgICAgICAgICAgXSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0pOwogICAgY29uc3Qgb25TZWxlY3Q6IFRyZWVQcm9wc1snb25TZWxlY3QnXSA9IChzZWxlY3RlZEtleXMsIGluZm8pID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlbGVjdGVkJywgc2VsZWN0ZWRLZXlzLCBpbmZvKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzaG93TGluZSwKICAgICAgc2hvd0ljb24sCiAgICAgIG9uU2VsZWN0LAogICAgICB0cmVlRGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgc2hvd0xpbmU6CiAgICAgIDxhLXN3aXRjaCB2LW1vZGVsOmNoZWNrZWQ9InNob3dMaW5lIiAvPgogICAgICA8YnIgLz4KICAgICAgPGJyIC8+CiAgICAgIHNob3dJY29uOgogICAgICA8YS1zd2l0Y2ggdi1tb2RlbDpjaGVja2VkPSJzaG93SWNvbiIgLz4KICAgIDwvZGl2PgogICAgPGEtdHJlZQogICAgICA6c2hvdy1saW5lPSJzaG93TGluZSIKICAgICAgOnNob3ctaWNvbj0ic2hvd0ljb24iCiAgICAgIDpkZWZhdWx0LWV4cGFuZGVkLWtleXM9IlsnMC0wLTAnXSIKICAgICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICAgIEBzZWxlY3Q9Im9uU2VsZWN0IgogICAgPgogICAgICA8dGVtcGxhdGUgI2ljb24+PGNhcnJ5LW91dC1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU9InsgZGF0YVJlZiB9Ij4KICAgICAgICA8dGVtcGxhdGUgdi1pZj0iZGF0YVJlZi5rZXkgPT09ICcwLTAtMC0xJyI+CiAgICAgICAgICA8ZGl2Pm11bHRpcGxlIGxpbmUgdGl0bGU8L2Rpdj4KICAgICAgICAgIDxkaXY+bXVsdGlwbGUgbGluZSB0aXRsZTwvZGl2PgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyBkYXRhUmVmLnRpdGxlIH19PC90ZW1wbGF0ZT4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNzd2l0Y2hlckljb249InsgZGF0YVJlZiwgZGVmYXVsdEljb24gfSI+CiAgICAgICAgPFNtaWxlVHdvVG9uZSB2LWlmPSJkYXRhUmVmLmtleSA9PT0gJzAtMC0yJyIgLz4KICAgICAgICA8Y29tcG9uZW50IDppcz0iZGVmYXVsdEljb24iIHYtZWxzZSAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXRyZWU+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IENhcnJ5T3V0T3V0bGluZWQsIFNtaWxlVHdvVG9uZSB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBDYXJyeU91dE91dGxpbmVkLAogICAgU21pbGVUd29Ub25lLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBzaG93TGluZSA9IHJlZih0cnVlKTsKICAgIGNvbnN0IHNob3dJY29uID0gcmVmKGZhbHNlKTsKICAgIGNvbnN0IHRyZWVEYXRhID0gcmVmKFt7CiAgICAgIHRpdGxlOiAncGFyZW50IDEnLAogICAgICBrZXk6ICcwLTAnLAogICAgICBjaGlsZHJlbjogW3sKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICBjaGlsZHJlbjogW3sKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMC0wJywKICAgICAgICB9LCB7CiAgICAgICAgICBrZXk6ICcwLTAtMC0xJywKICAgICAgICB9LCB7CiAgICAgICAgICB0aXRsZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0wLTAtMicsCiAgICAgICAgfV0sCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogW3sKICAgICAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgICAgICBrZXk6ICcwLTAtMS0wJywKICAgICAgICB9XSwKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAncGFyZW50IDEtMicsCiAgICAgICAga2V5OiAnMC0wLTInLAogICAgICAgIGNoaWxkcmVuOiBbewogICAgICAgICAgdGl0bGU6ICdsZWFmIDEnLAogICAgICAgICAga2V5OiAnMC0wLTItMCcsCiAgICAgICAgfSwgewogICAgICAgICAgdGl0bGU6ICdsZWFmIDInLAogICAgICAgICAga2V5OiAnMC0wLTItMScsCiAgICAgICAgfV0sCiAgICAgIH1dLAogICAgfSwgewogICAgICB0aXRsZTogJ3BhcmVudCAyJywKICAgICAga2V5OiAnMC0xJywKICAgICAgY2hpbGRyZW46IFt7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMi0wJywKICAgICAgICBrZXk6ICcwLTEtMCcsCiAgICAgICAgY2hpbGRyZW46IFt7CiAgICAgICAgICB0aXRsZTogJ2xlYWYnLAogICAgICAgICAga2V5OiAnMC0xLTAtMCcsCiAgICAgICAgfSwgewogICAgICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAgICAgIGtleTogJzAtMS0wLTEnLAogICAgICAgIH1dLAogICAgICB9XSwKICAgIH1dKTsKICAgIGNvbnN0IG9uU2VsZWN0ID0gKHNlbGVjdGVkS2V5cywgaW5mbykgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWQnLCBzZWxlY3RlZEtleXMsIGluZm8pOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHNob3dMaW5lLAogICAgICBzaG93SWNvbiwKICAgICAgb25TZWxlY3QsCiAgICAgIHRyZWVEYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:G(()=>[n("div",null,[n("div",eI,[d[2]||(d[2]=t(" showLine: ")),E(B,{checked:I.showLine,"onUpdate:checked":d[0]||(d[0]=M=>I.showLine=M)},null,8,["checked"]),d[3]||(d[3]=n("br",null,null,-1)),d[4]||(d[4]=n("br",null,null,-1)),d[5]||(d[5]=t(" showIcon: ")),E(B,{checked:I.showIcon,"onUpdate:checked":d[1]||(d[1]=M=>I.showIcon=M)},null,8,["checked"])]),E(Y,{"show-line":I.showLine,"show-icon":I.showIcon,"default-expanded-keys":["0-0-0"],"tree-data":I.treeData,onSelect:I.onSelect},{icon:G(()=>[E(K)]),title:G(({dataRef:M})=>[M.key==="0-0-0-1"?(P(),mn(Ht,{key:0},[d[6]||(d[6]=n("div",null,"multiple line title",-1)),d[7]||(d[7]=n("div",null,"multiple line title",-1))],64)):(P(),mn(Ht,{key:1},[t(Kn(M.title),1)],64))]),switcherIcon:G(({dataRef:M,defaultIcon:z})=>[M.key==="0-0-2"?(P(),un(b,{key:0})):(P(),un(KC(z),{key:1}))]),_:1},8,["show-line","show-icon","tree-data","onSelect"])])]),htmlCode:G(()=>d[8]||(d[8]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(` showLine: `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(` showIcon: `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(` `),n("span",{class:"token attr-name"},":show-line"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(` `),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(` `),n("span",{class:"token attr-name"},":default-expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['0-0-0']"),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"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),t(` `),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),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("{ dataRef }"),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("dataRef.key === '0-0-0-1'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t("multiple line title"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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("multiple line title"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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("{{ dataRef.title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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("{ dataRef, defaultIcon }"),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("SmileTwoTone")]),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("dataRef.key === '0-0-2'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("component")]),t(),n("span",{class:"token attr-name"},":is"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("defaultIcon"),n("span",{class:"token punctuation"},'"')]),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(` `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" CarryOutOutlined"),n("span",{class:"token punctuation"},","),t(" SmileTwoTone "),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(" 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(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(` CarryOutOutlined`),n("span",{class:"token punctuation"},","),t(` SmileTwoTone`),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token keyword"},"const"),t(" showLine "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"const"),t(" showIcon "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"const"),t(" 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"},"'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'"),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"},"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'"),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"},"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'"),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"},"["),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 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-2-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 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-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"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 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-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"},"'parent 2-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-1-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-1-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-1-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 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"},"onSelect"),n("span",{class:"token operator"},":"),t(" TreeProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'onSelect'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("selectedKeys"),n("span",{class:"token punctuation"},","),t(" info")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selected'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},","),t(" info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(` showLine`),n("span",{class:"token punctuation"},","),t(` showIcon`),n("span",{class:"token punctuation"},","),t(` onSelect`),n("span",{class:"token punctuation"},","),t(` 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(` `)])],-1)])),jsVersionHtml:G(()=>d[9]||(d[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(` showLine: `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(` showIcon: `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(` `),n("span",{class:"token attr-name"},":show-line"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showLine"),n("span",{class:"token punctuation"},'"')]),t(` `),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showIcon"),n("span",{class:"token punctuation"},'"')]),t(` `),n("span",{class:"token attr-name"},":default-expanded-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['0-0-0']"),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"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onSelect"),n("span",{class:"token punctuation"},'"')]),t(` `),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("carry-out-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),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("{ dataRef }"),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("dataRef.key === '0-0-0-1'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t("multiple line title"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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("multiple line title"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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("{{ dataRef.title }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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("{ dataRef, defaultIcon }"),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("SmileTwoTone")]),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("dataRef.key === '0-0-2'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("component")]),t(),n("span",{class:"token attr-name"},":is"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("defaultIcon"),n("span",{class:"token punctuation"},'"')]),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(` `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" CarryOutOutlined"),n("span",{class:"token punctuation"},","),t(" SmileTwoTone "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(` CarryOutOutlined`),n("span",{class:"token punctuation"},","),t(` SmileTwoTone`),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token keyword"},"const"),t(" showLine "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"const"),t(" showIcon "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"const"),t(" 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"},"'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"},"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 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-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 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-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"},","),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 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-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"},"'parent 2-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-1-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-1-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-1-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 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"},"onSelect"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("selectedKeys"),n("span",{class:"token punctuation"},","),t(" info")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selected'"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},","),t(" info"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(` showLine`),n("span",{class:"token punctuation"},","),t(` showIcon`),n("span",{class:"token punctuation"},","),t(` onSelect`),n("span",{class:"token punctuation"},","),t(` 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(` `)])],-1)])),_:1})}const pI=bn(aI,[["render",oI]]),cI=[{title:"parent 1",key:"0-0",children:[{title:"leaf",key:"0-0-0"},{title:"leaf",key:"0-0-1"}]}],lI=Tn({components:{DownOutlined:Zc,SmileOutlined:xC,FrownOutlined:SC,FrownFilled:RC},setup(){return{selectedKeys:j(["0-0-0"]),treeData:cI}}});function uI(I,d,u,H,Z,X){const B=x("down-outlined"),K=x("smile-outlined"),b=x("frown-filled"),Y=x("frown-outlined"),rn=x("a-tree"),M=x("demo-box");return P(),un(M,{jsfiddle:{us:"You can customize icons for different nodes.",cn:"\u53EF\u4EE5\u9488\u5BF9\u4E0D\u540C\u7684\u8282\u70B9\u5B9A\u5236\u56FE\u6807\u3002",docHtml:`

zh-CN

\u53EF\u4EE5\u9488\u5BF9\u4E0D\u540C\u7684\u8282\u70B9\u5B9A\u5236\u56FE\u6807\u3002

en-US

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(` `),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(` `),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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(` `),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(` `),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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:`

zh-CN

\u5185\u7F6E\u7684\u76EE\u5F55\u6811\uFF0Cmultiple \u6A21\u5F0F\u652F\u6301 ctrl(Windows) / command(Mac) \u590D\u9009\u3002

en-US

Built-in directory tree. multiple support ctrl(Windows) / command(Mac) selection.

`,order:7,title:{"zh-CN":"\u76EE\u5F55","en-US":"Directory"},relativePath:"components/tree/demo/directory.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRpcmVjdG9yeS10cmVlCiAgICB2LW1vZGVsOmV4cGFuZGVkS2V5cz0iZXhwYW5kZWRLZXlzIgogICAgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIKICAgIG11bHRpcGxlCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+PC9hLWRpcmVjdG9yeS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHR5cGUgeyBUcmVlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wJywgJzAtMSddKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oW10pOwogICAgY29uc3QgdHJlZURhdGE6IFRyZWVQcm9wc1sndHJlZURhdGEnXSA9IFsKICAgICAgewogICAgICAgIHRpdGxlOiAncGFyZW50IDAnLAogICAgICAgIGtleTogJzAtMCcsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdGl0bGU6ICdsZWFmIDAtMCcsCiAgICAgICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICAgICAgaXNMZWFmOiB0cnVlLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGl0bGU6ICdsZWFmIDAtMScsCiAgICAgICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICAgICAgaXNMZWFmOiB0cnVlLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMScsCiAgICAgICAga2V5OiAnMC0xJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ2xlYWYgMS0wJywKICAgICAgICAgICAga2V5OiAnMC0xLTAnLAogICAgICAgICAgICBpc0xlYWY6IHRydWUsCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ2xlYWYgMS0xJywKICAgICAgICAgICAga2V5OiAnMC0xLTEnLAogICAgICAgICAgICBpc0xlYWY6IHRydWUsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIHRyZWVEYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRpcmVjdG9yeS10cmVlCiAgICB2LW1vZGVsOmV4cGFuZGVkS2V5cz0iZXhwYW5kZWRLZXlzIgogICAgdi1tb2RlbDpzZWxlY3RlZEtleXM9InNlbGVjdGVkS2V5cyIKICAgIG11bHRpcGxlCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+PC9hLWRpcmVjdG9yeS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWYoWycwLTAnLCAnMC0xJ10pOwogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmKFtdKTsKICAgIGNvbnN0IHRyZWVEYXRhID0gW3sKICAgICAgdGl0bGU6ICdwYXJlbnQgMCcsCiAgICAgIGtleTogJzAtMCcsCiAgICAgIGNoaWxkcmVuOiBbewogICAgICAgIHRpdGxlOiAnbGVhZiAwLTAnLAogICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICBpc0xlYWY6IHRydWUsCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ2xlYWYgMC0xJywKICAgICAgICBrZXk6ICcwLTAtMScsCiAgICAgICAgaXNMZWFmOiB0cnVlLAogICAgICB9XSwKICAgIH0sIHsKICAgICAgdGl0bGU6ICdwYXJlbnQgMScsCiAgICAgIGtleTogJzAtMScsCiAgICAgIGNoaWxkcmVuOiBbewogICAgICAgIHRpdGxlOiAnbGVhZiAxLTAnLAogICAgICAgIGtleTogJzAtMS0wJywKICAgICAgICBpc0xlYWY6IHRydWUsCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ2xlYWYgMS0xJywKICAgICAgICBrZXk6ICcwLTEtMScsCiAgICAgICAgaXNMZWFmOiB0cnVlLAogICAgICB9XSwKICAgIH1dOwogICAgcmV0dXJuIHsKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIHRyZWVEYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{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),multiple:"","tree-data":I.treeData},null,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-directory-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"},"multiple"),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"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"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 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"},"'leaf 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"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf 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"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),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'"),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-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 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-1-0'"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf 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-1-1'"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),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(` `)])],-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-directory-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"},"multiple"),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"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(` `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token keyword"},"const"),t(" expandedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"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 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"},"'leaf 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"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf 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"},"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"},","),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'"),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-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 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-1-0'"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token literal-property property"},"isLeaf"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'leaf 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-1-1'"),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"},","),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(` `)])],-1)])),_:1})}const dI=bn(iI,[["render",kI]]),gI=Tn({components:{DownOutlined:Zc},setup(){const I=j(["0-0-0"]),d=j([]);return{expandedKeys:I,selectedKeys:d,treeData:[{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:"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",key:"0-0-2-0"},{title:"leaf",key:"0-0-2-1"}]}]}]}}});function CI(I,d,u,H,Z,X){const B=x("down-outlined"),K=x("a-tree"),b=x("demo-box");return P(),un(b,{jsfiddle:{us:"customize collapse/expand icon of tree node",cn:"\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807\u3002",docHtml:`

zh-CN

\u81EA\u5B9A\u4E49\u5C55\u5F00/\u6298\u53E0\u56FE\u6807\u3002

en-US

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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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:`

zh-CN

\u66FF\u6362treeNode\u4E2D title,key,children\u5B57\u6BB5\u4E3AtreeData\u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5

en-US

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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `)])],-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:`

zh-CN

\u81EA\u5B9A\u4E49\u5C55\u793A\u53F3\u952E\u83DC\u5355

en-US

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(` `),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(` `),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),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(` `)])],-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(` `),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(` `),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),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(` `)])],-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:`

zh-CN

\u4F7F\u7528 height \u5C5E\u6027\u5219\u5207\u6362\u4E3A\u865A\u62DF\u6EDA\u52A8\u3002

en-US

Use virtual list through height prop.

`,order:9,title:{"zh-CN":"\u865A\u62DF\u6EDA\u52A8","en-US":"Virtual scroll"},relativePath:"components/tree/demo/virtual-scroll.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6c2VsZWN0ZWRLZXlzPSJzZWxlY3RlZEtleXMiCiAgICB2LW1vZGVsOmNoZWNrZWRLZXlzPSJjaGVja2VkS2V5cyIKICAgIGRlZmF1bHQtZXhwYW5kLWFsbAogICAgY2hlY2thYmxlCiAgICA6aGVpZ2h0PSIyMzMiCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+CiAgICA8dGVtcGxhdGUgI3RpdGxlPSJ7IHRpdGxlLCBrZXkgfSI+CiAgICAgIDxzcGFuIHYtaWY9ImtleSA9PT0gJzAtMC0xLTAnIiBzdHlsZT0iY29sb3I6ICMxODkwZmYiPnt7IHRpdGxlIH19PC9zcGFuPgogICAgICA8dGVtcGxhdGUgdi1lbHNlPnt7IHRpdGxlIH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgdHlwZSB7IFRyZWVQcm9wcyB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKCmZ1bmN0aW9uIGRpZyhwYXRoID0gJzAnLCBsZXZlbCA9IDMpIHsKICBjb25zdCBsaXN0OiBUcmVlUHJvcHNbJ3RyZWVEYXRhJ10gPSBbXTsKICBmb3IgKGxldCBpID0gMDsgaSA8IDEwOyBpICs9IDEpIHsKICAgIGNvbnN0IGtleSA9IGAke3BhdGh9LSR7aX1gOwogICAgY29uc3QgdHJlZU5vZGU6IFRyZWVQcm9wc1sndHJlZURhdGEnXVtudW1iZXJdID0gewogICAgICB0aXRsZToga2V5LAogICAgICBrZXksCiAgICB9OwoKICAgIGlmIChsZXZlbCA+IDApIHsKICAgICAgdHJlZU5vZGUuY2hpbGRyZW4gPSBkaWcoa2V5LCBsZXZlbCAtIDEpOwogICAgfQoKICAgIGxpc3QucHVzaCh0cmVlTm9kZSk7CiAgfQogIHJldHVybiBsaXN0Owp9CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgY29uc3QgY2hlY2tlZEtleXMgPSByZWY8c3RyaW5nW10+KFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICB3YXRjaChzZWxlY3RlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlbGVjdGVkS2V5cycsIHNlbGVjdGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKGNoZWNrZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdjaGVja2VkS2V5cycsIGNoZWNrZWRLZXlzKTsKICAgIH0pOwoKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhOiBkaWcoKSwKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICBjaGVja2VkS2V5cywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6c2VsZWN0ZWRLZXlzPSJzZWxlY3RlZEtleXMiCiAgICB2LW1vZGVsOmNoZWNrZWRLZXlzPSJjaGVja2VkS2V5cyIKICAgIGRlZmF1bHQtZXhwYW5kLWFsbAogICAgY2hlY2thYmxlCiAgICA6aGVpZ2h0PSIyMzMiCiAgICA6dHJlZS1kYXRhPSJ0cmVlRGF0YSIKICA+CiAgICA8dGVtcGxhdGUgI3RpdGxlPSJ7IHRpdGxlLCBrZXkgfSI+CiAgICAgIDxzcGFuIHYtaWY9ImtleSA9PT0gJzAtMC0xLTAnIiBzdHlsZT0iY29sb3I6ICMxODkwZmYiPnt7IHRpdGxlIH19PC9zcGFuPgogICAgICA8dGVtcGxhdGUgdi1lbHNlPnt7IHRpdGxlIH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyZWU+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmZ1bmN0aW9uIGRpZyhwYXRoID0gJzAnLCBsZXZlbCA9IDMpIHsKICBjb25zdCBsaXN0ID0gW107CiAgZm9yIChsZXQgaSA9IDA7IGkgPCAxMDsgaSArPSAxKSB7CiAgICBjb25zdCBrZXkgPSBgJHtwYXRofS0ke2l9YDsKICAgIGNvbnN0IHRyZWVOb2RlID0gewogICAgICB0aXRsZToga2V5LAogICAgICBrZXksCiAgICB9OwogICAgaWYgKGxldmVsID4gMCkgewogICAgICB0cmVlTm9kZS5jaGlsZHJlbiA9IGRpZyhrZXksIGxldmVsIC0gMSk7CiAgICB9CiAgICBsaXN0LnB1c2godHJlZU5vZGUpOwogIH0KICByZXR1cm4gbGlzdDsKfQpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgc2VsZWN0ZWRLZXlzID0gcmVmKFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICBjb25zdCBjaGVja2VkS2V5cyA9IHJlZihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgd2F0Y2goc2VsZWN0ZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzZWxlY3RlZEtleXMnLCBzZWxlY3RlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChjaGVja2VkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnY2hlY2tlZEtleXMnLCBjaGVja2VkS2V5cyk7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhOiBkaWcoKSwKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICBjaGVja2VkS2V5cywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:G(()=>[E(B,{selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[0]||(d[0]=b=>I.selectedKeys=b),checkedKeys:I.checkedKeys,"onUpdate:checkedKeys":d[1]||(d[1]=b=>I.checkedKeys=b),"default-expand-all":"",checkable:"",height:233,"tree-data":I.treeData},{title:G(({title:b,key:Y})=>[Y==="0-0-1-0"?(P(),mn("span",GI,Kn(b),1)):(P(),mn(Ht,{key:1},[t(Kn(b),1)],64))]),_:1},8,["selectedKeys","checkedKeys","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("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"},"default-expand-all"),t(` `),n("span",{class:"token attr-name"},"checkable"),t(` `),n("span",{class:"token attr-name"},":height"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("233"),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")]),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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"},"function"),t(),n("span",{class:"token function"},"dig"),n("span",{class:"token punctuation"},"("),t("path "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},","),t(" level "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"list"),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"},"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(),n("span",{class:"token number"},"10"),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 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("path"),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(` `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"treeNode"),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"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(` key`),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),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(` treeNode`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"dig"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token punctuation"},"}"),t(` list`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("treeNode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token punctuation"},"}"),t(` `),n("span",{class:"token keyword"},"return"),t(" list"),n("span",{class:"token punctuation"},";"),t(` `),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(" 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("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(` `),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"dig"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),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(` `)])],-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("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"},"default-expand-all"),t(` `),n("span",{class:"token attr-name"},"checkable"),t(` `),n("span",{class:"token attr-name"},":height"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("233"),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")]),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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"},"function"),t(),n("span",{class:"token function"},"dig"),n("span",{class:"token punctuation"},"("),t("path "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},","),t(" level "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token keyword"},"const"),t(" list "),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(),n("span",{class:"token number"},"10"),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 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("path"),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(` `),n("span",{class:"token keyword"},"const"),t(" treeNode "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" key"),n("span",{class:"token punctuation"},","),t(` key`),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),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(` treeNode`),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"dig"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" level "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token punctuation"},"}"),t(` list`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("treeNode"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token punctuation"},"}"),t(` `),n("span",{class:"token keyword"},"return"),t(" list"),n("span",{class:"token punctuation"},";"),t(` `),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(" 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("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(` `),n("span",{class:"token literal-property property"},"treeData"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"dig"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),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(` `)])],-1)])),_:1})}const KI=bn(vI,[["render",BI]]);var Je={exports:{}};/** * @license * Lodash * Copyright OpenJS Foundation and other contributors * Released under MIT license * Based on Underscore.js 1.8.3 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors */(function(I,d){(function(){var u,H="4.17.21",Z=200,X="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.",B="Expected a function",K="Invalid `variable` option passed into `_.template`",b="__lodash_hash_undefined__",Y=500,rn="__lodash_placeholder__",M=1,z=2,en=4,wn=1,Wn=2,kn=1,et=2,vs=4,qn=8,Tt=16,$n=32,Yt=64,ot=128,ts=256,ya=512,Sc=30,Xc="...",Lc=800,Hc=16,Ee=1,Tc=2,Yc=3,Gt=1/0,It=9007199254740991,Nc=17976931348623157e292,Gs=0/0,nt=4294967295,Dc=nt-1,Fc=nt>>>1,Jc=[["ary",ot],["bind",kn],["bindKey",et],["curry",qn],["curryRight",Tt],["flip",ya],["partial",$n],["partialRight",Yt],["rearg",ts]],Nt="[object Arguments]",Bs="[object Array]",_c="[object AsyncFunction]",ss="[object Boolean]",as="[object Date]",Ec="[object DOMException]",Ks="[object Error]",Ws="[object Function]",Pe="[object GeneratorFunction]",zn="[object Map]",es="[object Number]",Pc="[object Null]",pt="[object Object]",ze="[object Promise]",zc="[object Proxy]",os="[object RegExp]",Mn="[object Set]",ps="[object String]",Rs="[object Symbol]",Mc="[object Undefined]",cs="[object WeakMap]",Uc="[object WeakSet]",ls="[object ArrayBuffer]",Dt="[object DataView]",fa="[object Float32Array]",ma="[object Float64Array]",ba="[object Int8Array]",wa="[object Int16Array]",Za="[object Int32Array]",va="[object Uint8Array]",Ga="[object Uint8ClampedArray]",Ba="[object Uint16Array]",Ka="[object Uint32Array]",Oc=/\b__p \+= '';/g,jc=/\b(__p \+=) '' \+/g,Qc=/(__e\(.*?\)|\b__t\)) \+\n'';/g,Me=/&(?:amp|lt|gt|quot|#39);/g,Ue=/[&<>"']/g,qc=RegExp(Me.source),$c=RegExp(Ue.source),nl=/<%-([\s\S]+?)%>/g,tl=/<%([\s\S]+?)%>/g,Oe=/<%=([\s\S]+?)%>/g,sl=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,al=/^\w*$/,el=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Wa=/[\\^$.*+?()[\]{}|]/g,ol=RegExp(Wa.source),Ra=/^\s+/,pl=/\s/,cl=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,ll=/\{\n\/\* \[wrapped with (.+)\] \*/,ul=/,? & /,rl=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,il=/[()=,{}\[\]\/\s]/,kl=/\\(\\)?/g,dl=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,je=/\w*$/,gl=/^[-+]0x[0-9a-f]+$/i,Cl=/^0b[01]+$/i,Il=/^\[object .+?Constructor\]$/,Al=/^0o[0-7]+$/i,hl=/^(?:0|[1-9]\d*)$/,yl=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Vs=/($^)/,fl=/['\n\r\u2028\u2029\\]/g,xs="\\ud800-\\udfff",ml="\\u0300-\\u036f",bl="\\ufe20-\\ufe2f",wl="\\u20d0-\\u20ff",Qe=ml+bl+wl,qe="\\u2700-\\u27bf",$e="a-z\\xdf-\\xf6\\xf8-\\xff",Zl="\\xac\\xb1\\xd7\\xf7",vl="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",Gl="\\u2000-\\u206f",Bl=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",no="A-Z\\xc0-\\xd6\\xd8-\\xde",to="\\ufe0e\\ufe0f",so=Zl+vl+Gl+Bl,Va="['\u2019]",Kl="["+xs+"]",ao="["+so+"]",Ss="["+Qe+"]",eo="\\d+",Wl="["+qe+"]",oo="["+$e+"]",po="[^"+xs+so+eo+qe+$e+no+"]",xa="\\ud83c[\\udffb-\\udfff]",Rl="(?:"+Ss+"|"+xa+")",co="[^"+xs+"]",Sa="(?:\\ud83c[\\udde6-\\uddff]){2}",Xa="[\\ud800-\\udbff][\\udc00-\\udfff]",Ft="["+no+"]",lo="\\u200d",uo="(?:"+oo+"|"+po+")",Vl="(?:"+Ft+"|"+po+")",ro="(?:"+Va+"(?:d|ll|m|re|s|t|ve))?",io="(?:"+Va+"(?:D|LL|M|RE|S|T|VE))?",ko=Rl+"?",go="["+to+"]?",xl="(?:"+lo+"(?:"+[co,Sa,Xa].join("|")+")"+go+ko+")*",Sl="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Xl="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",Co=go+ko+xl,Ll="(?:"+[Wl,Sa,Xa].join("|")+")"+Co,Hl="(?:"+[co+Ss+"?",Ss,Sa,Xa,Kl].join("|")+")",Tl=RegExp(Va,"g"),Yl=RegExp(Ss,"g"),La=RegExp(xa+"(?="+xa+")|"+Hl+Co,"g"),Nl=RegExp([Ft+"?"+oo+"+"+ro+"(?="+[ao,Ft,"$"].join("|")+")",Vl+"+"+io+"(?="+[ao,Ft+uo,"$"].join("|")+")",Ft+"?"+uo+"+"+ro,Ft+"+"+io,Xl,Sl,eo,Ll].join("|"),"g"),Dl=RegExp("["+lo+xs+Qe+to+"]"),Fl=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,Jl=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],_l=-1,nn={};nn[fa]=nn[ma]=nn[ba]=nn[wa]=nn[Za]=nn[va]=nn[Ga]=nn[Ba]=nn[Ka]=!0,nn[Nt]=nn[Bs]=nn[ls]=nn[ss]=nn[Dt]=nn[as]=nn[Ks]=nn[Ws]=nn[zn]=nn[es]=nn[pt]=nn[os]=nn[Mn]=nn[ps]=nn[cs]=!1;var $={};$[Nt]=$[Bs]=$[ls]=$[Dt]=$[ss]=$[as]=$[fa]=$[ma]=$[ba]=$[wa]=$[Za]=$[zn]=$[es]=$[pt]=$[os]=$[Mn]=$[ps]=$[Rs]=$[va]=$[Ga]=$[Ba]=$[Ka]=!0,$[Ks]=$[Ws]=$[cs]=!1;var El={\u00C0:"A",\u00C1:"A",\u00C2:"A",\u00C3:"A",\u00C4:"A",\u00C5:"A",\u00E0:"a",\u00E1:"a",\u00E2:"a",\u00E3:"a",\u00E4:"a",\u00E5:"a",\u00C7:"C",\u00E7:"c",\u00D0:"D",\u00F0:"d",\u00C8:"E",\u00C9:"E",\u00CA:"E",\u00CB:"E",\u00E8:"e",\u00E9:"e",\u00EA:"e",\u00EB:"e",\u00CC:"I",\u00CD:"I",\u00CE:"I",\u00CF:"I",\u00EC:"i",\u00ED:"i",\u00EE:"i",\u00EF:"i",\u00D1:"N",\u00F1:"n",\u00D2:"O",\u00D3:"O",\u00D4:"O",\u00D5:"O",\u00D6:"O",\u00D8:"O",\u00F2:"o",\u00F3:"o",\u00F4:"o",\u00F5:"o",\u00F6:"o",\u00F8:"o",\u00D9:"U",\u00DA:"U",\u00DB:"U",\u00DC:"U",\u00F9:"u",\u00FA:"u",\u00FB:"u",\u00FC:"u",\u00DD:"Y",\u00FD:"y",\u00FF:"y",\u00C6:"Ae",\u00E6:"ae",\u00DE:"Th",\u00FE:"th",\u00DF:"ss",\u0100:"A",\u0102:"A",\u0104:"A",\u0101:"a",\u0103:"a",\u0105:"a",\u0106:"C",\u0108:"C",\u010A:"C",\u010C:"C",\u0107:"c",\u0109:"c",\u010B:"c",\u010D:"c",\u010E:"D",\u0110:"D",\u010F:"d",\u0111:"d",\u0112:"E",\u0114:"E",\u0116:"E",\u0118:"E",\u011A:"E",\u0113:"e",\u0115:"e",\u0117:"e",\u0119:"e",\u011B:"e",\u011C:"G",\u011E:"G",\u0120:"G",\u0122:"G",\u011D:"g",\u011F:"g",\u0121:"g",\u0123:"g",\u0124:"H",\u0126:"H",\u0125:"h",\u0127:"h",\u0128:"I",\u012A:"I",\u012C:"I",\u012E:"I",\u0130:"I",\u0129:"i",\u012B:"i",\u012D:"i",\u012F:"i",\u0131:"i",\u0134:"J",\u0135:"j",\u0136:"K",\u0137:"k",\u0138:"k",\u0139:"L",\u013B:"L",\u013D:"L",\u013F:"L",\u0141:"L",\u013A:"l",\u013C:"l",\u013E:"l",\u0140:"l",\u0142:"l",\u0143:"N",\u0145:"N",\u0147:"N",\u014A:"N",\u0144:"n",\u0146:"n",\u0148:"n",\u014B:"n",\u014C:"O",\u014E:"O",\u0150:"O",\u014D:"o",\u014F:"o",\u0151:"o",\u0154:"R",\u0156:"R",\u0158:"R",\u0155:"r",\u0157:"r",\u0159:"r",\u015A:"S",\u015C:"S",\u015E:"S",\u0160:"S",\u015B:"s",\u015D:"s",\u015F:"s",\u0161:"s",\u0162:"T",\u0164:"T",\u0166:"T",\u0163:"t",\u0165:"t",\u0167:"t",\u0168:"U",\u016A:"U",\u016C:"U",\u016E:"U",\u0170:"U",\u0172:"U",\u0169:"u",\u016B:"u",\u016D:"u",\u016F:"u",\u0171:"u",\u0173:"u",\u0174:"W",\u0175:"w",\u0176:"Y",\u0177:"y",\u0178:"Y",\u0179:"Z",\u017B:"Z",\u017D:"Z",\u017A:"z",\u017C:"z",\u017E:"z",\u0132:"IJ",\u0133:"ij",\u0152:"Oe",\u0153:"oe",\u0149:"'n",\u017F:"s"},Pl={"&":"&","<":"<",">":">",'"':""","'":"'"},zl={"&":"&","<":"<",">":">",""":'"',"'":"'"},Ml={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},Ul=parseFloat,Ol=parseInt,Io=typeof Zs=="object"&&Zs&&Zs.Object===Object&&Zs,jl=typeof self=="object"&&self&&self.Object===Object&&self,gn=Io||jl||Function("return this")(),Ha=d&&!d.nodeType&&d,Bt=Ha&&!0&&I&&!I.nodeType&&I,Ao=Bt&&Bt.exports===Ha,Ta=Ao&&Io.process,Yn=function(){try{var k=Bt&&Bt.require&&Bt.require("util").types;return k||Ta&&Ta.binding&&Ta.binding("util")}catch{}}(),ho=Yn&&Yn.isArrayBuffer,yo=Yn&&Yn.isDate,fo=Yn&&Yn.isMap,mo=Yn&&Yn.isRegExp,bo=Yn&&Yn.isSet,wo=Yn&&Yn.isTypedArray;function Rn(k,A,C){switch(C.length){case 0:return k.call(A);case 1:return k.call(A,C[0]);case 2:return k.call(A,C[0],C[1]);case 3:return k.call(A,C[0],C[1],C[2])}return k.apply(A,C)}function Ql(k,A,C,w){for(var S=-1,U=k==null?0:k.length;++S-1}function Ya(k,A,C){for(var w=-1,S=k==null?0:k.length;++w-1;);return C}function Vo(k,A){for(var C=k.length;C--&&Jt(A,k[C],0)>-1;);return C}function pu(k,A){for(var C=k.length,w=0;C--;)k[C]===A&&++w;return w}var cu=Ja(El),lu=Ja(Pl);function uu(k){return"\\"+Ml[k]}function ru(k,A){return k==null?u:k[A]}function _t(k){return Dl.test(k)}function iu(k){return Fl.test(k)}function ku(k){for(var A,C=[];!(A=k.next()).done;)C.push(A.value);return C}function za(k){var A=-1,C=Array(k.size);return k.forEach(function(w,S){C[++A]=[S,w]}),C}function xo(k,A){return function(C){return k(A(C))}}function yt(k,A){for(var C=-1,w=k.length,S=0,U=[];++C-1}function $u(s,a){var e=this.__data__,o=Qs(e,s);return o<0?(++this.size,e.push([s,a])):e[o][1]=a,this}ct.prototype.clear=Ou,ct.prototype.delete=ju,ct.prototype.get=Qu,ct.prototype.has=qu,ct.prototype.set=$u;function lt(s){var a=-1,e=s==null?0:s.length;for(this.clear();++a=a?s:a)),s}function Jn(s,a,e,o,p,l){var r,i=a&M,g=a&z,h=a&en;if(e&&(r=p?e(s,o,p,l):e(s)),r!==u)return r;if(!sn(s))return s;var y=L(s);if(y){if(r=ai(s),!i)return Zn(s,r)}else{var f=An(s),m=f==Ws||f==Pe;if(vt(s))return gp(s,i);if(f==pt||f==Nt||m&&!p){if(r=g||m?{}:Sp(s),!i)return g?zr(s,Cr(r,s)):Pr(s,Eo(r,s))}else{if(!$[f])return p?s:{};r=ei(s,f,i)}}l||(l=new On);var v=l.get(s);if(v)return v;l.set(s,r),lc(s)?s.forEach(function(V){r.add(Jn(V,a,e,V,s,l))}):pc(s)&&s.forEach(function(V,F){r.set(F,Jn(V,a,e,F,s,l))});var R=h?g?he:Ae:g?Gn:dn,N=y?u:R(s);return Nn(N||s,function(V,F){N&&(F=V,V=s[F]),Cs(r,F,Jn(V,a,e,F,s,l))}),r}function Ir(s){var a=dn(s);return function(e){return Po(e,s,a)}}function Po(s,a,e){var o=e.length;if(s==null)return!o;for(s=q(s);o--;){var p=e[o],l=a[p],r=s[p];if(r===u&&!(p in s)||!l(r))return!1}return!0}function zo(s,a,e){if(typeof s!="function")throw new Dn(B);return bs(function(){s.apply(u,e)},a)}function Is(s,a,e,o){var p=-1,l=Xs,r=!0,i=s.length,g=[],h=a.length;if(!i)return g;e&&(a=tn(a,Vn(e))),o?(l=Ya,r=!1):a.length>=Z&&(l=us,r=!1,a=new Rt(a));n:for(;++pp?0:p+e),o=o===u||o>p?p:T(o),o<0&&(o+=p),o=e>o?0:rc(o);e0&&e(i)?a>1?Cn(i,a-1,e,o,p):ht(p,i):o||(p[p.length]=i)}return p}var $a=fp(),Oo=fp(!0);function tt(s,a){return s&&$a(s,a,dn)}function ne(s,a){return s&&Oo(s,a,dn)}function $s(s,a){return At(a,function(e){return dt(s[e])})}function xt(s,a){a=wt(a,s);for(var e=0,o=a.length;s!=null&&ea}function yr(s,a){return s!=null&&Q.call(s,a)}function fr(s,a){return s!=null&&a in q(s)}function mr(s,a,e){return s>=In(a,e)&&s=120&&y.length>=120)?new Rt(r&&y):u}y=s[0];var f=-1,m=i[0];n:for(;++f-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&&++pp?0:p+a),e=e>p?p:e,e<0&&(e+=p),p=a>e?0:e-a>>>0,a>>>=0;for(var l=C(p);++o>>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=o?s:_n(s,a,e)}var dp=Bu||function(s){return gn.clearTimeout(s)};function gp(s,a){if(a)return s.slice();var e=s.length,o=Lo?Lo(e):new s.constructor(e);return s.copy(o),o}function ge(s){var a=new s.constructor(s.byteLength);return new Js(a).set(new Js(s)),a}function Fr(s,a){var e=a?ge(s.buffer):s.buffer;return new s.constructor(e,s.byteOffset,s.byteLength)}function Jr(s){var a=new s.constructor(s.source,je.exec(s));return a.lastIndex=s.lastIndex,a}function _r(s){return gs?q(gs.call(s)):{}}function Cp(s,a){var e=a?ge(s.buffer):s.buffer;return new s.constructor(e,s.byteOffset,s.length)}function Ip(s,a){if(s!==a){var e=s!==u,o=s===null,p=s===s,l=Sn(s),r=a!==u,i=a===null,g=a===a,h=Sn(a);if(!i&&!h&&!l&&s>a||l&&r&&g&&!i&&!h||o&&r&&g||!e&&g||!p)return 1;if(!o&&!l&&!h&&s=i)return g;var h=e[o];return g*(h=="desc"?-1:1)}}return s.index-a.index}function Ap(s,a,e,o){for(var p=-1,l=s.length,r=e.length,i=-1,g=a.length,h=ln(l-r,0),y=C(g+h),f=!o;++i1?e[p-1]:u,r=p>2?e[2]:u;for(l=s.length>3&&typeof l=="function"?(p--,l):u,r&&yn(e[0],e[1],r)&&(l=p<3?u:l,p=1),a=q(a);++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;++o1&&_.reverse(),y&&gi))return!1;var h=l.get(s),y=l.get(a);if(h&&y)return h==a&&y==s;var f=-1,m=!0,v=e&Wn?new Rt:u;for(l.set(s,a),l.set(a,s);++f1?"& ":"")+a[o],a=a.join(e>2?", ":" "),s.replace(cl,`{ /* [wrapped with `+a+`] */ `)}function pi(s){return L(s)||Lt(s)||!!(Yo&&s&&s[Yo])}function kt(s,a){var e=typeof s;return a=a==null?It:a,!!a&&(e=="number"||e!="symbol"&&hl.test(s))&&s>-1&&s%1==0&&s0){if(++a>=Lc)return arguments[0]}else a=0;return s.apply(u,arguments)}}function ra(s,a){var e=-1,o=s.length,p=o-1;for(a=a===u?o:a;++e1?s[a-1]:u;return e=typeof e=="function"?(s.pop(),e):u,Up(s,e)});function Op(s){var a=c(s);return a.__chain__=!0,a}function Ak(s,a){return a(s),s}function ia(s,a){return a(s)}var hk=it(function(s){var a=s.length,e=a?s[0]:0,o=this.__wrapped__,p=function(l){return qa(l,s)};return a>1||this.__actions__.length||!(o instanceof J)||!kt(e)?this.thru(p):(o=o.slice(e,+e+(a?1:0)),o.__actions__.push({func:ia,args:[p],thisArg:u}),new Fn(o,this.__chain__).thru(function(l){return a&&!l.length&&l.push(u),l}))});function yk(){return Op(this)}function fk(){return new Fn(this.value(),this.__chain__)}function mk(){this.__values__===u&&(this.__values__=uc(this.value()));var s=this.__index__>=this.__values__.length,a=s?u:this.__values__[this.__index__++];return{done:s,value:a}}function bk(){return this}function wk(s){for(var a,e=this;e instanceof js;){var o=Jp(e);o.__index__=0,o.__values__=u,a?p.__wrapped__=o:a=o;var p=o;e=e.__wrapped__}return p.__wrapped__=s,a}function Zk(){var s=this.__wrapped__;if(s instanceof J){var a=s;return this.__actions__.length&&(a=new J(this)),a=a.reverse(),a.__actions__.push({func:ia,args:[Ge],thisArg:u}),new Fn(a,this.__chain__)}return this.thru(Ge)}function vk(){return ip(this.__wrapped__,this.__actions__)}var Gk=aa(function(s,a,e){Q.call(s,e)?++s[e]:ut(s,e,1)});function Bk(s,a,e){var o=L(s)?Zo:Ar;return e&&yn(s,a,e)&&(a=u),o(s,W(a,3))}function Kk(s,a){var e=L(s)?At:Uo;return e(s,W(a,3))}var Wk=bp(_p),Rk=bp(Ep);function Vk(s,a){return Cn(ka(s,a),1)}function xk(s,a){return Cn(ka(s,a),Gt)}function Sk(s,a,e){return e=e===u?1:T(e),Cn(ka(s,a),e)}function jp(s,a){var e=L(s)?Nn:mt;return e(s,W(a,3))}function Qp(s,a){var e=L(s)?ql:Mo;return e(s,W(a,3))}var Xk=aa(function(s,a,e){Q.call(s,e)?s[e].push(a):ut(s,e,[a])});function Lk(s,a,e,o){s=vn(s)?s:ns(s),e=e&&!o?T(e):0;var p=s.length;return e<0&&(e=ln(p+e,0)),Aa(s)?e<=p&&s.indexOf(a,e)>-1:!!p&&Jt(s,a,e)>-1}var Hk=D(function(s,a,e){var o=-1,p=typeof a=="function",l=vn(s)?C(s.length):[];return mt(s,function(r){l[++o]=p?Rn(a,r,e):As(r,a,e)}),l}),Tk=aa(function(s,a,e){ut(s,e,a)});function ka(s,a){var e=L(s)?tn:np;return e(s,W(a,3))}function Yk(s,a,e,o){return s==null?[]:(L(a)||(a=a==null?[]:[a]),e=o?u:e,L(e)||(e=e==null?[]:[e]),ep(s,a,e))}var Nk=aa(function(s,a,e){s[e?0:1].push(a)},function(){return[[],[]]});function Dk(s,a,e){var o=L(s)?Na:Ko,p=arguments.length<3;return o(s,W(a,4),e,p,mt)}function Fk(s,a,e){var o=L(s)?$l:Ko,p=arguments.length<3;return o(s,W(a,4),e,p,Mo)}function Jk(s,a){var e=L(s)?At:Uo;return e(s,Ca(W(a,3)))}function _k(s){var a=L(s)?_o:Lr;return a(s)}function Ek(s,a,e){(e?yn(s,a,e):a===u)?a=1:a=T(a);var o=L(s)?kr:Hr;return o(s,a)}function Pk(s){var a=L(s)?dr:Yr;return a(s)}function zk(s){if(s==null)return 0;if(vn(s))return Aa(s)?Et(s):s.length;var a=An(s);return a==zn||a==Mn?s.size:ee(s).length}function Mk(s,a,e){var o=L(s)?Da:Nr;return e&&yn(s,a,e)&&(a=u),o(s,W(a,3))}var Uk=D(function(s,a){if(s==null)return[];var e=a.length;return e>1&&yn(s,a[0],a[1])?a=[]:e>2&&yn(a[0],a[1],a[2])&&(a=[a[0]]),ep(s,Cn(a,1),[])}),da=Ku||function(){return gn.Date.now()};function Ok(s,a){if(typeof a!="function")throw new Dn(B);return s=T(s),function(){if(--s<1)return a.apply(this,arguments)}}function qp(s,a,e){return a=e?u:a,a=s&&a==null?s.length:a,rt(s,ot,u,u,u,u,a)}function $p(s,a){var e;if(typeof a!="function")throw new Dn(B);return s=T(s),function(){return--s>0&&(e=a.apply(this,arguments)),s<=1&&(a=u),e}}var Ke=D(function(s,a,e){var o=kn;if(e.length){var p=yt(e,qt(Ke));o|=$n}return rt(s,o,a,e,p)}),nc=D(function(s,a,e){var o=kn|et;if(e.length){var p=yt(e,qt(nc));o|=$n}return rt(a,o,s,e,p)});function tc(s,a,e){a=e?u:a;var o=rt(s,qn,u,u,u,u,u,a);return o.placeholder=tc.placeholder,o}function sc(s,a,e){a=e?u:a;var o=rt(s,Tt,u,u,u,u,u,a);return o.placeholder=sc.placeholder,o}function ac(s,a,e){var o,p,l,r,i,g,h=0,y=!1,f=!1,m=!0;if(typeof s!="function")throw new Dn(B);a=Pn(a)||0,sn(e)&&(y=!!e.leading,f="maxWait"in e,l=f?ln(Pn(e.maxWait)||0,a):l,m="trailing"in e?!!e.trailing:m);function v(pn){var Qn=o,Ct=p;return o=p=u,h=pn,r=s.apply(Ct,Qn),r}function R(pn){return h=pn,i=bs(F,a),y?v(pn):r}function N(pn){var Qn=pn-g,Ct=pn-h,bc=a-Qn;return f?In(bc,l-Ct):bc}function V(pn){var Qn=pn-g,Ct=pn-h;return g===u||Qn>=a||Qn<0||f&&Ct>=l}function F(){var pn=da();if(V(pn))return _(pn);i=bs(F,N(pn))}function _(pn){return i=u,m&&o?v(pn):(o=p=u,r)}function Xn(){i!==u&&dp(i),h=0,o=g=p=i=u}function fn(){return i===u?r:_(da())}function Ln(){var pn=da(),Qn=V(pn);if(o=arguments,p=this,g=pn,Qn){if(i===u)return R(g);if(f)return dp(i),i=bs(F,a),v(g)}return i===u&&(i=bs(F,a)),r}return Ln.cancel=Xn,Ln.flush=fn,Ln}var jk=D(function(s,a){return zo(s,1,a)}),Qk=D(function(s,a,e){return zo(s,Pn(a)||0,e)});function qk(s){return rt(s,ya)}function ga(s,a){if(typeof s!="function"||a!=null&&typeof a!="function")throw new Dn(B);var e=function(){var o=arguments,p=a?a.apply(this,o):o[0],l=e.cache;if(l.has(p))return l.get(p);var r=s.apply(this,o);return e.cache=l.set(p,r)||l,r};return e.cache=new(ga.Cache||lt),e}ga.Cache=lt;function Ca(s){if(typeof s!="function")throw new Dn(B);return function(){var a=arguments;switch(a.length){case 0:return!s.call(this);case 1:return!s.call(this,a[0]);case 2:return!s.call(this,a[0],a[1]);case 3:return!s.call(this,a[0],a[1],a[2])}return!s.apply(this,a)}}function $k(s){return $p(2,s)}var nd=Dr(function(s,a){a=a.length==1&&L(a[0])?tn(a[0],Vn(W())):tn(Cn(a,1),Vn(W()));var e=a.length;return D(function(o){for(var p=-1,l=In(o.length,e);++p=a}),Lt=Qo(function(){return arguments}())?Qo:function(s){return an(s)&&Q.call(s,"callee")&&!To.call(s,"callee")},L=C.isArray,Cd=ho?Vn(ho):wr;function vn(s){return s!=null&&Ia(s.length)&&!dt(s)}function on(s){return an(s)&&vn(s)}function Id(s){return s===!0||s===!1||an(s)&&hn(s)==ss}var vt=Ru||De,Ad=yo?Vn(yo):Zr;function hd(s){return an(s)&&s.nodeType===1&&!ws(s)}function yd(s){if(s==null)return!0;if(vn(s)&&(L(s)||typeof s=="string"||typeof s.splice=="function"||vt(s)||$t(s)||Lt(s)))return!s.length;var a=An(s);if(a==zn||a==Mn)return!s.size;if(ms(s))return!ee(s).length;for(var e in s)if(Q.call(s,e))return!1;return!0}function fd(s,a){return hs(s,a)}function md(s,a,e){e=typeof e=="function"?e:u;var o=e?e(s,a):u;return o===u?hs(s,a,u,e):!!o}function Re(s){if(!an(s))return!1;var a=hn(s);return a==Ks||a==Ec||typeof s.message=="string"&&typeof s.name=="string"&&!ws(s)}function bd(s){return typeof s=="number"&&No(s)}function dt(s){if(!sn(s))return!1;var a=hn(s);return a==Ws||a==Pe||a==_c||a==zc}function oc(s){return typeof s=="number"&&s==T(s)}function Ia(s){return typeof s=="number"&&s>-1&&s%1==0&&s<=It}function sn(s){var a=typeof s;return s!=null&&(a=="object"||a=="function")}function an(s){return s!=null&&typeof s=="object"}var pc=fo?Vn(fo):Gr;function wd(s,a){return s===a||ae(s,a,fe(a))}function Zd(s,a,e){return e=typeof e=="function"?e:u,ae(s,a,fe(a),e)}function vd(s){return cc(s)&&s!=+s}function Gd(s){if(ui(s))throw new S(X);return qo(s)}function Bd(s){return s===null}function Kd(s){return s==null}function cc(s){return typeof s=="number"||an(s)&&hn(s)==es}function ws(s){if(!an(s)||hn(s)!=pt)return!1;var a=_s(s);if(a===null)return!0;var e=Q.call(a,"constructor")&&a.constructor;return typeof e=="function"&&e instanceof e&&Ns.call(e)==Zu}var Ve=mo?Vn(mo):Br;function Wd(s){return oc(s)&&s>=-It&&s<=It}var lc=bo?Vn(bo):Kr;function Aa(s){return typeof s=="string"||!L(s)&&an(s)&&hn(s)==ps}function Sn(s){return typeof s=="symbol"||an(s)&&hn(s)==Rs}var $t=wo?Vn(wo):Wr;function Rd(s){return s===u}function Vd(s){return an(s)&&An(s)==cs}function xd(s){return an(s)&&hn(s)==Uc}var Sd=ca(oe),Xd=ca(function(s,a){return s<=a});function uc(s){if(!s)return[];if(vn(s))return Aa(s)?Un(s):Zn(s);if(rs&&s[rs])return ku(s[rs]());var a=An(s),e=a==zn?za:a==Mn?Hs:ns;return e(s)}function gt(s){if(!s)return s===0?s:0;if(s=Pn(s),s===Gt||s===-Gt){var a=s<0?-1:1;return a*Nc}return s===s?s:0}function T(s){var a=gt(s),e=a%1;return a===a?e?a-e:a:0}function rc(s){return s?Vt(T(s),0,nt):0}function Pn(s){if(typeof s=="number")return s;if(Sn(s))return Gs;if(sn(s)){var a=typeof s.valueOf=="function"?s.valueOf():s;s=sn(a)?a+"":a}if(typeof s!="string")return s===0?s:+s;s=Wo(s);var e=Cl.test(s);return e||Al.test(s)?Ol(s.slice(2),e?2:8):gl.test(s)?Gs:+s}function ic(s){return st(s,Gn(s))}function Ld(s){return s?Vt(T(s),-It,It):s===0?s:0}function O(s){return s==null?"":xn(s)}var Hd=jt(function(s,a){if(ms(a)||vn(a)){st(a,dn(a),s);return}for(var e in a)Q.call(a,e)&&Cs(s,e,a[e])}),kc=jt(function(s,a){st(a,Gn(a),s)}),ha=jt(function(s,a,e,o){st(a,Gn(a),s,o)}),Td=jt(function(s,a,e,o){st(a,dn(a),s,o)}),Yd=it(qa);function Nd(s,a){var e=Ot(s);return a==null?e:Eo(e,a)}var Dd=D(function(s,a){s=q(s);var e=-1,o=a.length,p=o>2?a[2]:u;for(p&&yn(a[0],a[1],p)&&(o=1);++e1),l}),st(s,he(s),e),o&&(e=Jn(e,M|z|en,Qr));for(var p=a.length;p--;)re(e,a[p]);return e});function eg(s,a){return gc(s,Ca(W(a)))}var og=it(function(s,a){return s==null?{}:xr(s,a)});function gc(s,a){if(s==null)return{};var e=tn(he(s),function(o){return[o]});return a=W(a),op(s,e,function(o,p){return a(o,p[0])})}function pg(s,a,e){a=wt(a,s);var o=-1,p=a.length;for(p||(p=1,s=u);++oa){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);++e0||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

\u540C\u4E00\u7EA7\u7684\u8282\u70B9\uFF0C\u6BCF\u6B21\u53EA\u80FD\u5C55\u5F00\u4E00\u4E2A

en-US

Nodes of the same level can only be expanded one

`,order:0,title:{"zh-CN":"\u624B\u98CE\u7434\u6A21\u5F0F","en-US":"Accordion"},relativePath:"components/tree/demo/accordion.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6c2VsZWN0ZWRLZXlzPSJzZWxlY3RlZEtleXMiCiAgICA6ZXhwYW5kZWQta2V5cz0iZXhwYW5kZWRLZXlzIgogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICBAZXhwYW5kPSJoYW5kbGVFeHBhbmQiCiAgPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyB0aXRsZSwga2V5IH0iPgogICAgICA8c3BhbiB2LWlmPSJrZXkgPT09ICcwLTAtMS0wJyIgc3R5bGU9ImNvbG9yOiAjMTg5MGZmIj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyB0aXRsZSB9fTwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHR5cGUgeyBUcmVlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCBfIGZyb20gJ2xvZGFzaCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7Cgpjb25zdCB0cmVlRGF0YTogVHJlZVByb3BzWyd0cmVlRGF0YSddID0gWwogIHsKICAgIHRpdGxlOiAncGFyZW50IDEnLAogICAga2V5OiAnMC0wJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTAnLAogICAgICAgIGtleTogJzAtMC0wJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMC0wJyB9LAogICAgICAgICAgeyB0aXRsZTogJ2xlYWYnLCBrZXk6ICcwLTAtMC0xJyB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAxLTEnLAogICAgICAgIGtleTogJzAtMC0xJywKICAgICAgICBjaGlsZHJlbjogW3sga2V5OiAnMC0wLTEtMCcsIHRpdGxlOiAnc3NzJyB9XSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB0aXRsZTogJ3BhcmVudCAyJywKICAgIGtleTogJzEtMCcsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdGl0bGU6ICdwYXJlbnQgMi0wJywKICAgICAgICBrZXk6ICcxLTAtMCcsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ3BhcmVudCAyLTEnLAogICAgICAgIGtleTogJzItMC0xJywKICAgICAgfSwKICAgIF0sCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBleHBhbmRlZEtleXMgPSByZWY8c3RyaW5nW10+KFtdKTsKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IGNoZWNrZWRLZXlzID0gcmVmPHN0cmluZ1tdPihbJzAtMC0wJywgJzAtMC0xJ10pOwogICAgd2F0Y2goZXhwYW5kZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdleHBhbmRlZEtleXMnLCBleHBhbmRlZEtleXMpOwogICAgfSk7CiAgICB3YXRjaChzZWxlY3RlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlbGVjdGVkS2V5cycsIHNlbGVjdGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKGNoZWNrZWRLZXlzLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdjaGVja2VkS2V5cycsIGNoZWNrZWRLZXlzKTsKICAgIH0pOwogICAgY29uc3QgaGFuZGxlRXhwYW5kID0gKGtleXM6IHN0cmluZ1tdLCB7IGV4cGFuZGVkLCBub2RlIH0pID0+IHsKICAgICAgLy8gbm9kZS5wYXJlbnQgYWRkIGZyb20gMy4wLjAtYWxwaGEuMTAKICAgICAgY29uc3QgdGVtcEtleXMgPSAoKG5vZGUucGFyZW50ID8gbm9kZS5wYXJlbnQuY2hpbGRyZW4gOiB0cmVlRGF0YSkgfHwgW10pLm1hcCgKICAgICAgICAoeyBrZXkgfSkgPT4ga2V5LAogICAgICApOwogICAgICBpZiAoZXhwYW5kZWQpIHsKICAgICAgICBleHBhbmRlZEtleXMudmFsdWUgPSBfLmRpZmZlcmVuY2Uoa2V5cywgdGVtcEtleXMpLmNvbmNhdChub2RlLmtleSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0ga2V5czsKICAgICAgfQogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHRyZWVEYXRhLAogICAgICBleHBhbmRlZEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgY2hlY2tlZEtleXMsCiAgICAgIGhhbmRsZUV4cGFuZCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyZWUKICAgIHYtbW9kZWw6c2VsZWN0ZWRLZXlzPSJzZWxlY3RlZEtleXMiCiAgICA6ZXhwYW5kZWQta2V5cz0iZXhwYW5kZWRLZXlzIgogICAgOnRyZWUtZGF0YT0idHJlZURhdGEiCiAgICBAZXhwYW5kPSJoYW5kbGVFeHBhbmQiCiAgPgogICAgPHRlbXBsYXRlICN0aXRsZT0ieyB0aXRsZSwga2V5IH0iPgogICAgICA8c3BhbiB2LWlmPSJrZXkgPT09ICcwLTAtMS0wJyIgc3R5bGU9ImNvbG9yOiAjMTg5MGZmIj57eyB0aXRsZSB9fTwvc3Bhbj4KICAgICAgPHRlbXBsYXRlIHYtZWxzZT57eyB0aXRsZSB9fTwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmVlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgXyBmcm9tICdsb2Rhc2gnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpjb25zdCB0cmVlRGF0YSA9IFt7CiAgdGl0bGU6ICdwYXJlbnQgMScsCiAga2V5OiAnMC0wJywKICBjaGlsZHJlbjogW3sKICAgIHRpdGxlOiAncGFyZW50IDEtMCcsCiAgICBrZXk6ICcwLTAtMCcsCiAgICBjaGlsZHJlbjogW3sKICAgICAgdGl0bGU6ICdsZWFmJywKICAgICAga2V5OiAnMC0wLTAtMCcsCiAgICB9LCB7CiAgICAgIHRpdGxlOiAnbGVhZicsCiAgICAgIGtleTogJzAtMC0wLTEnLAogICAgfV0sCiAgfSwgewogICAgdGl0bGU6ICdwYXJlbnQgMS0xJywKICAgIGtleTogJzAtMC0xJywKICAgIGNoaWxkcmVuOiBbewogICAgICBrZXk6ICcwLTAtMS0wJywKICAgICAgdGl0bGU6ICdzc3MnLAogICAgfV0sCiAgfV0sCn0sIHsKICB0aXRsZTogJ3BhcmVudCAyJywKICBrZXk6ICcxLTAnLAogIGNoaWxkcmVuOiBbewogICAgdGl0bGU6ICdwYXJlbnQgMi0wJywKICAgIGtleTogJzEtMC0wJywKICB9LCB7CiAgICB0aXRsZTogJ3BhcmVudCAyLTEnLAogICAga2V5OiAnMi0wLTEnLAogIH1dLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGV4cGFuZGVkS2V5cyA9IHJlZihbXSk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWYoWycwLTAtMCcsICcwLTAtMSddKTsKICAgIGNvbnN0IGNoZWNrZWRLZXlzID0gcmVmKFsnMC0wLTAnLCAnMC0wLTEnXSk7CiAgICB3YXRjaChleHBhbmRlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2V4cGFuZGVkS2V5cycsIGV4cGFuZGVkS2V5cyk7CiAgICB9KTsKICAgIHdhdGNoKHNlbGVjdGVkS2V5cywgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VsZWN0ZWRLZXlzJywgc2VsZWN0ZWRLZXlzKTsKICAgIH0pOwogICAgd2F0Y2goY2hlY2tlZEtleXMsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NoZWNrZWRLZXlzJywgY2hlY2tlZEtleXMpOwogICAgfSk7CiAgICBjb25zdCBoYW5kbGVFeHBhbmQgPSAoa2V5cywgewogICAgICBleHBhbmRlZCwKICAgICAgbm9kZSwKICAgIH0pID0+IHsKICAgICAgLy8gbm9kZS5wYXJlbnQgYWRkIGZyb20gMy4wLjAtYWxwaGEuMTAKICAgICAgY29uc3QgdGVtcEtleXMgPSAoKG5vZGUucGFyZW50ID8gbm9kZS5wYXJlbnQuY2hpbGRyZW4gOiB0cmVlRGF0YSkgfHwgW10pLm1hcCgoewogICAgICAgIGtleSwKICAgICAgfSkgPT4ga2V5KTsKICAgICAgaWYgKGV4cGFuZGVkKSB7CiAgICAgICAgZXhwYW5kZWRLZXlzLnZhbHVlID0gXy5kaWZmZXJlbmNlKGtleXMsIHRlbXBLZXlzKS5jb25jYXQobm9kZS5rZXkpOwogICAgICB9IGVsc2UgewogICAgICAgIGV4cGFuZGVkS2V5cy52YWx1ZSA9IGtleXM7CiAgICAgIH0KICAgIH07CiAgICByZXR1cm4gewogICAgICB0cmVlRGF0YSwKICAgICAgZXhwYW5kZWRLZXlzLAogICAgICBzZWxlY3RlZEtleXMsCiAgICAgIGNoZWNrZWRLZXlzLAogICAgICBoYW5kbGVFeHBhbmQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:G(()=>[E(B,{selectedKeys:I.selectedKeys,"onUpdate:selectedKeys":d[0]||(d[0]=b=>I.selectedKeys=b),"expanded-keys":I.expandedKeys,"tree-data":I.treeData,onExpand:I.handleExpand},{title:G(({title:b,key:Y})=>[Y==="0-0-1-0"?(P(),mn("span",VI,Kn(b),1)):(P(),mn(Ht,{key:1},[t(Kn(b),1)],64))]),_:1},8,["selectedKeys","expanded-keys","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("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"},":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"},":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"},"@expand"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleExpand"),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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 keyword"},"from"),t(),n("span",{class:"token string"},"'lodash'"),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"},"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'"),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"},"{"),t(` `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'parent 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"},"'1-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 2-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"},"'1-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"},"'parent 2-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"},"'2-0-1'"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"]"),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 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"},"const"),t(),n("span",{class:"token function-variable function"},"handleExpand"),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 punctuation"},"{"),t(" expanded"),n("span",{class:"token punctuation"},","),t(" node "),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 comment"},"// node.parent add from 3.0.0-alpha.10"),t(` `),n("span",{class:"token keyword"},"const"),t(" tempKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("parent "),n("span",{class:"token operator"},"?"),t(" node"),n("span",{class:"token punctuation"},"."),t("parent"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},":"),t(" 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"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),t(` `),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(" key "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" key"),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("expanded"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" _"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"difference"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" tempKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"concat"),n("span",{class:"token punctuation"},"("),t("node"),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 keyword"},"else"),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(` `),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(` 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(` handleExpand`),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(` `)])],-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"},":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"},":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"},"@expand"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleExpand"),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(` `),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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 keyword"},"from"),t(),n("span",{class:"token string"},"'lodash'"),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(" 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"},"]"),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"},","),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 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"},"'1-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 2-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"},"'1-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"},"'parent 2-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"},"'2-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 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 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"},"const"),t(),n("span",{class:"token function-variable function"},"handleExpand"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("keys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(` expanded`),n("span",{class:"token punctuation"},","),t(` node`),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(` `),n("span",{class:"token comment"},"// node.parent add from 3.0.0-alpha.10"),t(` `),n("span",{class:"token keyword"},"const"),t(" tempKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),t("node"),n("span",{class:"token punctuation"},"."),t("parent "),n("span",{class:"token operator"},"?"),t(" node"),n("span",{class:"token punctuation"},"."),t("parent"),n("span",{class:"token punctuation"},"."),t("children "),n("span",{class:"token operator"},":"),t(" 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"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(` key`),n("span",{class:"token punctuation"},","),t(` `),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(` `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("expanded"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(` expandedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" _"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"difference"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" tempKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"concat"),n("span",{class:"token punctuation"},"("),t("node"),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 keyword"},"else"),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(` `),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(` 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(` handleExpand`),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(` `)])],-1)])),_:1})}const SI=bn(RI,[["render",xI]]),XI={pageData:{title:"Tree",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5C55\u793A",title:"Tree",subtitle:"\u6811\u5F62\u63A7\u4EF6",cover:"https://gw.alipayobjects.com/zos/alicdn/Xh-oWqg9k/Tree.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528`\u6811\u63A7\u4EF6`\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\u3002"},{level:2,title:"API",slug:"API",content:"Tree props"},{level:3,title:"Tree props",slug:"Tree-props",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Tree \u65B9\u6CD5",slug:"Tree-\u65B9\u6CD5",content:""},{level:3,title:"TreeNode",slug:"TreeNode",content:""},{level:3,title:"DirectoryTree props",slug:"DirectoryTree-props",content:""},{level:2,title:"FAQ",slug:"FAQ",content:"\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F"},{level:3,title:"\u5728 showLine \u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F",slug:"\u5728-showLine-\u65F6\uFF0C\u5982\u4F55\u9690\u85CF\u5B50\u8282\u70B9\u56FE\u6807\uFF1F",content:"\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F"}],relativePath:"components/tree/index.zh-CN.md",content:` \u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002 ## \u4F55\u65F6\u4F7F\u7528 \u6587\u4EF6\u5939\u3001\u7EC4\u7EC7\u67B6\u6784\u3001\u751F\u7269\u5206\u7C7B\u3001\u56FD\u5BB6\u5730\u533A\u7B49\u7B49\uFF0C\u4E16\u95F4\u4E07\u7269\u7684\u5927\u591A\u6570\u7ED3\u6784\u90FD\u662F\u6811\u5F62\u7ED3\u6784\u3002\u4F7F\u7528\`\u6811\u63A7\u4EF6\`\u53EF\u4EE5\u5B8C\u6574\u5C55\u73B0\u5176\u4E2D\u7684\u5C42\u7EA7\u5173\u7CFB\uFF0C\u5E76\u5177\u6709\u5C55\u5F00\u6536\u8D77\u9009\u62E9\u7B49\u4EA4\u4E92\u529F\u80FD\u3002 ## API ### Tree props | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C | | | --- | --- | --- | --- | --- | --- | | 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\`\u548C\`checkStrictly\`\uFF0C\u5B83\u662F\u4E00\u4E2A\u6709\`checked\`\u548C\`halfChecked\`\u5C5E\u6027\u7684\u5BF9\u8C61\uFF0C\u5E76\u4E14\u7236\u5B50\u8282\u70B9\u7684\u9009\u4E2D\u4E0E\u5426\u4E0D\u518D\u5173\u8054 | string\\[] \\| number\\[] \\| {checked: string\\[] \\| number\\[], halfChecked: string\\[] \\| number\\[]} | \\[] | | | | checkStrictly | checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09 | boolean | false | | | | defaultExpandAll | \u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9, \u5982\u679C\u662F\u5F02\u6B65\u6570\u636E\uFF0C\u9700\u8981\u5728\u6570\u636E\u8FD4\u56DE\u540E\u518D\u5B9E\u4F8B\u5316\uFF0C\u5EFA\u8BAE\u7528 v-if="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\u7528 | string\\[] \\| number\\[] | \\[] | | | | multiple | \u652F\u6301\u70B9\u9009\u591A\u4E2A\u8282\u70B9\uFF08\u8282\u70B9\u672C\u8EAB\uFF09 | boolean | false | | | | selectable | \u662F\u5426\u53EF\u9009\u4E2D | boolean | true | | | | selectedKeys(v-model) | \uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9 | string\\[] \\| number\\[] | - | | | | showIcon | \u662F\u5426\u5C55\u793A TreeNode title \u524D\u7684\u56FE\u6807\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5982\u8BBE\u7F6E\u4E3A true\uFF0C\u9700\u8981\u81EA\u884C\u5B9A\u4E49\u56FE\u6807\u76F8\u5173\u6837\u5F0F | boolean | false | | | | 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\\[\\]](#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 \u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F `,html:`

\u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002

\u4F55\u65F6\u4F7F\u7528

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

API

Tree props

\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C \u7248\u672C
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\u7F6Echeckable\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\u8054 string[] | number[] | {checked: string[] | number[], halfChecked: string[] | number[]} []
checkStrictly checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09 boolean false
defaultExpandAll \u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u6811\u8282\u70B9, \u5982\u679C\u662F\u5F02\u6B65\u6570\u636E\uFF0C\u9700\u8981\u5728\u6570\u636E\u8FD4\u56DE\u540E\u518D\u5B9E\u4F8B\u5316\uFF0C\u5EFA\u8BAE\u7528 v-if="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\u7528 string[] | number[] []
multiple \u652F\u6301\u70B9\u9009\u591A\u4E2A\u8282\u70B9\uFF08\u8282\u70B9\u672C\u8EAB\uFF09 boolean false
selectable \u662F\u5426\u53EF\u9009\u4E2D boolean true
selectedKeys(v-model) \uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9 string[] | number[] -
showIcon \u662F\u5426\u5C55\u793A TreeNode title \u524D\u7684\u56FE\u6807\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5982\u8BBE\u7F6E\u4E3A true\uFF0C\u9700\u8981\u81EA\u884C\u5B9A\u4E49\u56FE\u6807\u76F8\u5173\u6837\u5F0F boolean false
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\u4E86loadData\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

\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

`,lastUpdated:1748060301492}},LI={class:"markdown"};function HI(I,d,u,H,Z,X){return P(),mn("article",LI,d[0]||(d[0]=[Gc('

\u591A\u5C42\u6B21\u7684\u7ED3\u6784\u5217\u8868\u3002

\u4F55\u65F6\u4F7F\u7528

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

API

Tree props

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C\u7248\u672C
autoExpandParent\u662F\u5426\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9booleanfalse
blockNode\u662F\u5426\u8282\u70B9\u5360\u636E\u4E00\u884Cbooleanfalse
checkable\u8282\u70B9\u524D\u6DFB\u52A0 Checkbox \u590D\u9009\u6846booleanfalse
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\u7F6Echeckable\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[]}[]
checkStrictlycheckable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u8282\u70B9\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09booleanfalse
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\u6548booleanfalse
disabled\u5C06\u6811\u7981\u7528boolfalse
draggable\u8BBE\u7F6E\u8282\u70B9\u53EF\u62D6\u62FDbooleanfalse
expandedKeys(v-model)\uFF08\u53D7\u63A7\uFF09\u5C55\u5F00\u6307\u5B9A\u7684\u6811\u8282\u70B9string[] | number[][]
fieldNames\u66FF\u6362 treeNode \u4E2D title,key,children \u5B57\u6BB5\u4E3A treeData \u4E2D\u5BF9\u5E94\u7684\u5B57\u6BB5object{children:'children', title:'title', key:'key' }3.0.0
filterTreeNode\u6309\u9700\u7B5B\u9009\u6811\u8282\u70B9\uFF08\u9AD8\u4EAE\uFF09\uFF0C\u8FD4\u56DE truefunction(node)-
loadData\u5F02\u6B65\u52A0\u8F7D\u6570\u636Efunction(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\uFF09booleanfalse
selectable\u662F\u5426\u53EF\u9009\u4E2Dbooleantrue
selectedKeys(v-model)\uFF08\u53D7\u63A7\uFF09\u8BBE\u7F6E\u9009\u4E2D\u7684\u6811\u8282\u70B9string[] | 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\u5F0Fbooleanfalse
showLine\u662F\u5426\u5C55\u793A\u8FDE\u63A5\u7EBFboolean | {showLeafIcon: boolean}(3.0+)false
switcherIcon\u81EA\u5B9A\u4E49\u6811\u8282\u70B9\u7684\u5C55\u5F00/\u6298\u53E0\u56FE\u6807v-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"-
title\u81EA\u5B9A\u4E49\u6807\u9898slot2.0.0
treeDatatreeNodes \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\uFF09TreeNode[]--
virtual\u8BBE\u7F6E false \u65F6\u5173\u95ED\u865A\u62DF\u6EDA\u52A8booleantrue3.0

\u4E8B\u4EF6

\u4E8B\u4EF6\u540D\u79F0\u8BF4\u660E\u56DE\u8C03\u53C2\u6570
check\u70B9\u51FB\u590D\u9009\u6846\u89E6\u53D1function(checkedKeys, e:{checked: bool, checkedNodes, node, event})
dragenddragend \u89E6\u53D1\u65F6\u8C03\u7528function({event, node})
dragenterdragenter \u89E6\u53D1\u65F6\u8C03\u7528function({event, node, expandedKeys})
dragleavedragleave \u89E6\u53D1\u65F6\u8C03\u7528function({event, node})
dragoverdragover \u89E6\u53D1\u65F6\u8C03\u7528function({event, node})
dragstart\u5F00\u59CB\u62D6\u62FD\u65F6\u8C03\u7528function({event, node})
dropdrop \u89E6\u53D1\u65F6\u8C03\u7528function({event, node, dragNode, dragNodesKeys})
expand\u5C55\u5F00/\u6536\u8D77\u8282\u70B9\u65F6\u89E6\u53D1function(expandedKeys, {expanded: bool, node})
load\u8282\u70B9\u52A0\u8F7D\u5B8C\u6BD5\u65F6\u89E6\u53D1function(loadedKeys, {event, node})
rightClick\u54CD\u5E94\u53F3\u952E\u70B9\u51FBfunction({event, node})
select\u70B9\u51FB\u6811\u8282\u70B9\u89E6\u53D1function(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 Checkboxboolean-
class\u8282\u70B9\u7684 classstring-
disableCheckbox\u7981\u6389 checkboxbooleanfalse
disabled\u7981\u6389\u54CD\u5E94booleanfalse
icon\u81EA\u5B9A\u4E49\u56FE\u6807\u3002\u53EF\u63A5\u6536\u7EC4\u4EF6\uFF0Cprops \u4E3A\u5F53\u524D\u8282\u70B9 propsslot|slot-scope-
isLeaf\u8BBE\u7F6E\u4E3A\u53F6\u5B50\u8282\u70B9(\u8BBE\u7F6E\u4E86loadData\u65F6\u6709\u6548)booleanfalse
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\uFF01string | number\u5185\u90E8\u8BA1\u7B97\u51FA\u7684\u8282\u70B9\u4F4D\u7F6E
selectable\u8BBE\u7F6E\u8282\u70B9\u662F\u5426\u53EF\u88AB\u9009\u4E2Dbooleantrue
style\u8282\u70B9\u7684 stylestring|object-
title\u6807\u9898string'---'

DirectoryTree props

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
expandAction\u76EE\u5F55\u5C55\u5F00\u903B\u8F91\uFF0C\u53EF\u9009 false 'click' 'dblclick'stringclick

FAQ

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

\u6587\u4EF6\u56FE\u6807\u901A\u8FC7 switcherIcon \u6765\u5B9E\u73B0\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u4F60\u53EF\u4EE5\u8986\u76D6\u5BF9\u5E94\u7684\u6837\u5F0F

',17)]))}const TI=bn(XI,[["render",HI]]),YI={pageData:{title:"Tree",description:"",frontmatter:{category:"Components",type:"Data Display",title:"Tree",cover:"https://gw.alipayobjects.com/zos/alicdn/Xh-oWqg9k/Tree.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:"Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The `Tree` component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a `Tree`."},{level:2,title:"API",slug:"API",content:"Tree props"},{level:3,title:"Tree props",slug:"Tree-props",content:""},{level:3,title:"Events",slug:"Events",content:""},{level:3,title:"Tree Methods",slug:"Tree-Methods",content:""},{level:3,title:"TreeNode",slug:"TreeNode",content:""},{level:3,title:"DirectoryTree props",slug:"DirectoryTree-props",content:""},{level:2,title:"FAQ",slug:"FAQ",content:"How to hide file icon when use showLine?"},{level:3,title:"How to hide file icon when use showLine?",slug:"How-to-hide-file-icon-when-use-showLine",content:"File icon realize by using switcherIcon. You can overwrite the style to hide it"}],relativePath:"components/tree/index.en-US.md",content:` A hierarchical list structure component. ## When To Use Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The \`Tree\` component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a \`Tree\`. ## API ### Tree props | Property | Description | Type | Default | Version | | --- | --- | --- | --- | --- | | 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 treeNodes | boolean | false | | | checkedKeys(v-model) | (Controlled) Specifies the keys of the checked treeNodes (PS: When this specifies the key of a treeNode which is also a parent treeNode, all the children treeNodes of will be checked; and vice versa, when it specifies the key of a treeNode which is a child treeNode, its parent treeNode will also be checked. When \`checkable\` and \`checkStrictly\` is true, its object has \`checked\` and \`halfChecked\` property. Regardless of whether the child or parent treeNode is checked, they won'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 highlighted | function(node) | - | | | loadData | Load data asynchronously | function(node) | - | | | loadedKeys | (Controlled) Set loaded tree nodes. Need work with \`loadData\` | string\\[] \\| number\\[] | \\[] | | | multiple | Allows selecting multiple treeNodes | boolean | false | | | selectable | whether can be selected | boolean | true | | | selectedKeys(v-model) | (Controlled) Specifies the keys of the selected treeNodes | string\\[] \\| number\\[] | - | | | showIcon | Shows the icon before a TreeNode'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.4 | [TreeNode\\[\\]](#TreeNode) | - | | | 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? File icon realize by using switcherIcon. You can overwrite the style to hide it `,html:`

A hierarchical list structure component.

When To Use

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

API

Tree props

Property Description Type Default Version
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 treeNodes boolean false
checkedKeys(v-model) (Controlled) Specifies the keys of the checked treeNodes (PS: When this specifies the key of a treeNode which is also a parent treeNode, all the children treeNodes of will be checked; and vice versa, when it specifies the key of a treeNode which is a child treeNode, its parent treeNode will also be checked. When checkable and checkStrictly is true, its object has checked and halfChecked property. Regardless of whether the child or parent treeNode is checked, they won'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 highlighted function(node) -
loadData Load data asynchronously function(node) -
loadedKeys (Controlled) Set loaded tree nodes. Need work with loadData string[] | number[] []
multiple Allows selecting multiple treeNodes boolean false
selectable whether can be selected boolean true
selectedKeys(v-model) (Controlled) Specifies the keys of the selected treeNodes string[] | number[] -
showIcon Shows the icon before a TreeNode'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.4 TreeNode[] -
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?

File icon realize by using switcherIcon. You can overwrite the style to hide it

`,lastUpdated:1748060301492}},NI={class:"markdown"};function DI(I,d,u,H,Z,X){return P(),mn("article",NI,d[0]||(d[0]=[Gc('

A hierarchical list structure component.

When To Use

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

API

Tree props

PropertyDescriptionTypeDefaultVersion
autoExpandParentWhether to automatically expand a parent treeNodebooleanfalse
blockNodeWhether treeNode fill remaining horizontal spacebooleanfalse
checkableAdds a Checkbox before the treeNodesbooleanfalse
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[]}[]
checkStrictlyCheck treeNode precisely; parent treeNode and children treeNodes are not associatedbooleanfalse
defaultExpandAllWhether to expand all treeNodes by defaultbooleanfalse
disabledwhether disabled the treeboolfalse
draggableSpecifies whether this Tree is draggable (IE > 8)booleanfalse
expandedKeys(v-model)(Controlled) Specifies the keys of the expanded treeNodesstring[] | number[][]
fieldNamesReplace the title,key and children fields in treeNode with the corresponding fields in treeDataobject{ children:'children', title:'title', key:'key' }3.0.0
filterTreeNodeDefines a function to filter (highlight) treeNodes. When the function returns true, the corresponding treeNode will be highlightedfunction(node)-
loadDataLoad data asynchronouslyfunction(node)-
loadedKeys(Controlled) Set loaded tree nodes. Need work with loadDatastring[] | number[][]
multipleAllows selecting multiple treeNodesbooleanfalse
selectablewhether can be selectedbooleantrue
selectedKeys(v-model)(Controlled) Specifies the keys of the selected treeNodesstring[] | number[]-
showIconShows the icon before a TreeNode's title. There is no default style; you must set a custom style for it if set to truebooleanfalse
showLineShows a connecting lineboolean | {showLeafIcon: boolean}(3.0+)false
switcherIconcustomize collapse/expand icon of tree nodev-slot:switcherIcon="{active, checked, expanded, loading, selected, halfChecked, title, key, children, dataRef, data, defaultIcon, switcherCls}"-
titlecustom titleslot2.0.0
treeDatatreeNode of tree, please use treeNodes before v1.1.4TreeNode[]-
virtualDisable virtual scroll when set to falsebooleantrue3.0

Events

Events NameDescriptionArguments
checkCallback function for when the onCheck event occursfunction(checkedKeys, e:{checked: bool, checkedNodes, node, event})
dragendCallback function for when the onDragEnd event occursfunction({event, node})
dragenterCallback function for when the onDragEnter event occursfunction({event, node, expandedKeys})
dragleaveCallback function for when the onDragLeave event occursfunction({event, node})
dragoverCallback function for when the onDragOver event occursfunction({event, node})
dragstartCallback function for when the onDragStart event occursfunction({event, node})
dropCallback function for when the onDrop event occursfunction({event, node, dragNode, dragNodesKeys})
expandCallback function for when a treeNode is expanded or collapsedfunction(expandedKeys, {expanded: bool, node})
loadCallback function for when a treeNode is loadedfunction(loadedKeys, {event, node})
rightClickCallback function for when the user right clicks a treeNodefunction({event, node})
selectCallback function for when the user clicks a treeNodefunction(selectedKeys, e:{selected: bool, selectedNodes, node, event})

Tree Methods

NameDescription
scrollTo({ key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number })Scroll to key item in virtual scroll

TreeNode

PropertyDescriptionTypeDefaultVersion
checkableWhen Tree is checkable, set TreeNode display Checkbox or notboolean-
classclassNamestring-
disableCheckboxDisables the checkbox of the treeNodebooleanfalse
disabledDisables the treeNodebooleanfalse
iconcustomize icon. When you pass component, whose render will receive full TreeNode props as component propsslot|slot-scope-
isLeafDetermines if this is a leaf node(effective when loadData is specified)booleanfalse
keyUsed with (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys. P.S.: It must be unique in all of treeNodes of the tree!string | numberinternal calculated position of treeNode
selectableSet whether the treeNode can be selectedbooleantrue
stylestylestring|object-
titleTitlestring'---'

DirectoryTree props

PropertyDescriptionTypeDefault
expandActionDirectory open logic, optional false 'click' 'dblclick'stringclick

FAQ

How to hide file icon when use showLine?

File icon realize by using switcherIcon. You can overwrite the style to hide it

',17)]))}const FI=bn(YI,[["render",DI]]),JI=Tn({CN:TI,US:FI,components:{Basic:YC,Draggable:EC,Dynamic:MC,Search:sI,ShowLine:pI,CustomIcon:rI,Directory:dI,SwitcherIcon:II,ReplaceFields:fI,ContextMenu:ZI,VirtualScroll:KI,Accordion:SI},setup(){return{}}});function _I(I,d,u,H,Z,X){const B=x("basic"),K=x("draggable"),b=x("dynamic"),Y=x("custom-icon"),rn=x("search"),M=x("show-line"),z=x("directory"),en=x("switcher-icon"),wn=x("replace-fields"),Wn=x("context-menu"),kn=x("virtual-scroll"),et=x("accordion"),vs=x("demo-sort");return P(),un(vs,null,{default:G(()=>[E(B),E(K),E(b),E(Y),E(rn),E(M),E(z),E(en),E(wn),E(Wn),E(kn),E(et)]),_:1})}const OI=bn(JI,[["render",_I]]);export{OI as default};